@charset "utf-8";

#nieuwsbg{   }


#kruimelpad{  margin-top: 150px;  padding: 20px 0 50px 0; box-sizing: border-box; }
#kruimelpad .content{ font-size: 11px; padding-bottom: 30px; z-index: 1; border-bottom: 1px solid #eee;   }
#kruimelpad .content a{ color: #000;  }
#kruimelpad .content a:hover{  }
#kruimelpad .content .kruimellinks{ opacity: 1; color: #000; height: 20px; line-height: 22px; margin-top: 10px; box-sizing: border-box; padding-left: 45px; background: url(../img/svg-sitemap.svg) no-repeat left center; background-size: 18px auto; }
#kruimelpad .content .kruimellinks:hover{ }
#kruimelpad .content h1{ color: #000; font-size: 36px; box-sizing: border-box;  }
#kruimelpad .content .kruimellinks { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#kruimelpad .centered{	 }
#kruimelpad .volgons { position: absolute; bottom: 25px; right: 10px;  font-size: 14px; font-style: italic; z-index: 1;  }
#kruimelpad .volgons span{ padding-right: 30px; }
#kruimelpad .volgons a.linkedin{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-linkedin.svg") no-repeat; margin-right: 5px; }
#kruimelpad .volgons a.facebook{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-facebook.svg") no-repeat;   background-size: auto 100%;  margin-right: 5px; }
#kruimelpad .volgons a.twitter{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-twitter.svg") no-repeat;   background-size: auto 100%;}
#kruimelpad .volgons a.youtube{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-youtube.svg") no-repeat;   background-size: auto 100%; margin-right: 5px; }
#kruimelpad .volgons a.instagram{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-instagram.svg") no-repeat;  background-size: auto 100%; margin-right: 5px;   }
#kruimelpad .volgons a.tiktok{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-tiktok.svg") no-repeat;  background-size: auto 100%; margin-right: 5px;   }
#kruimelpad .volgons a.youtube:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-youtube-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a.instagram:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-instagram-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a.linkedin:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-linkedin-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a.facebook:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-facebook-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a.tiktok:hover{ width: 28px; height: 28px; background: url("../img/svg-socialmedia-tiktok-hover.svg") no-repeat;   background-size: auto 100%; }
#kruimelpad .volgons a:hover{ margin-top: -4px; }


#inhoud.vervolgpagina{ padding: 0 0 50px;  z-index: 2; }
#inhoud.vervolgpagina .centered{  }
#inhoud.vervolgpagina .centered .container.pagina{	line-height: 200%;    }
#inhoud.vervolgpagina .centered .container.pagina.nocta{  }

/*  template gedeeld --------------------------------------- */
/*  template gedeeld --------------------------------------- */
#inhoud.vervolgpagina h1{ font-size: 40px;  padding-bottom: 15px; font-weight: bold; }
#inhoud.vervolgpagina h2{ font-size: 32px;  padding: 30px 0 15px; font-weight: bold; }
#inhoud.vervolgpagina h1 + h2{  padding: 0px 0 20px; }
#inhoud.vervolgpagina h1 + h3{  padding: 0px 0 20px; }
#inhoud.vervolgpagina h3{ font-size: 22px; color: #01134D; padding: 30px 0 20px;  font-weight: bold; }
#inhoud.vervolgpagina h4{ font-size: 16px; color: #FD5607; }
#inhoud.vervolgpagina h6{ font-weight: 300; font-size: 20px; padding: 40px 120px; box-sizing: border-box; background: #fff; box-shadow: 0 3px 12px rgba(0,0,0,0.05); border-radius: 20px; margin: 40px 0; position: relative; float: left; width: 100%; text-align: center;  font-style: italic; }

#inhoud.vervolgpagina ul{ text-align: left; padding: 20px 0 20px 40px; }
#inhoud.vervolgpagina ul li{ list-style: disc;  padding: 5px 0 5px 30px;  list-style-position: outside; }
#inhoud.vervolgpagina ul li span{ text-align: left; padding: 10px 0 0 10px;  }
#inhoud.vervolgpagina ul.special li span:before{ content:''; position: absolute; top: 13px; left: -45px; width: 26px; height: 26px;  background: #79A108;     box-shadow: 0px 9px 20px rgba(0,84,164,0.5); }
#inhoud.vervolgpagina ul.special li span:after{ content:''; position: absolute; top: 22px; left: -37px; width: 10px; height: 8px; background: url("../img/svg-vink.svg") no-repeat; background-size: 100% auto; }
#inhoud.vervolgpagina ol{ text-align: left; padding: 20px 0 20px 40px; list-style-type: decimal; }
#inhoud.vervolgpagina ul li{ list-style: disc;  padding: 5px 0 5px 30px;  list-style-position: outside; }

#inhoud.vervolgpagina a{   color: #01134D; text-decoration: underline; } 
#inhoud.vervolgpagina a:hover{   color: #4F3622; text-decoration: underline; } 
#inhoud.vervolgpagina img{   max-width: 100%; height: auto; } 



#actueel .actueel {    padding: 0;    border-top: none; }
#actueel .actueel .artikelen .nieuwsbericht{ width: 375px; margin: 0 0 30px 30px;  }
#actueel .actueel .artikelen .nieuwsbericht:nth-child(4n + 1){ margin-left: 0; }

#actueel {   padding: 0;   } 


#actueel .actueel .txt{ line-height: 160%; } 
#actueel .actueel .links{  width: 50%; padding-right: 30px; } 
#actueel .actueel .artikelen{  margin-top: 15px; } 
#actueel .actueel .artikelen .nieuwsbericht{ background: #fff; color: #01134D; border-radius: 10px;  padding-bottom: 30px;  box-shadow: 0 12px 50px rgba(0,0,0,0.13);  } 


#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichtimg{ height: 190px;  } 
#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichtimg img{ height: 100%; object-fit: cover; border-radius: 10px 10px 0 0 ;  } 

#actueel .actueel .artikelen .nieuwsbericht .ribbon{ position: absolute; top: 0; right: 0; width: 100px; height: 90px; overflow: hidden;  border-radius: 0 10px 0 0;  }
#actueel .actueel .artikelen .nieuwsbericht .ribbon span{ position: absolute; top: -30px; font-size: 12px; text-transform: uppercase; right: -64px; width: 150px; text-align: center; padding: 50px 0 0 3px; transform: rotate(45deg); color: #fff; font-weight: bold; background: #79A108;  }
#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttitel{ padding: 30px 40px 0; font-weight: bold; font-size: 24px; }
#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichtsubtitel{ padding: 0px 40px 0; font-style: italic;  font-size: 13px; line-height: 170%; }
#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttxt{ padding: 10px 40px 0; font-weight: 600;  font-size: 13px; line-height: 160%; }

#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichtoptie{ border: 2px solid #E8E9EF;  padding: 8px 20px 8px 20px ; margin-top: 25px; color: #01134D; font-weight: bold; clear: both; margin-lefT: 40px; }
#actueel .actueel .artikelen .nieuwsbericht:hover .nieuwsberichtoptie{ color: #fff; background: #0B2577; border: 2px solid #0B2577; }





.nieuwsdetailsintro {  padding-bottom: 20px; }
.nieuwsdetailsintro span.container{ font-weight: bold;  }
.nieuwsberichttekst .nieuwsimg { float: left; margin: 0 50px 30px 0; max-width: 30%!important; bordeR: 3px solid #fff; height: auto;  border-radius: 15px;  }
.nieuwsberichttekst .nieuwsimg+h2 { padding-top: 0!important; margin-top: 0!important;   }
.nieuwsberichttekst h1 { float: none; font-weight: normal; }
.nieuwsberichttekst h2 { float: none; }
.nieuwsberichttekst h3 { float: none; }
.nieuwsberichttekst h4 { float: none; }
.nieuwsberichttekst h5 { float: none; }
.nieuwsberichttekst h6 { float: none; }
.nieuwsberichttekst { line-height: 170%; }

.nieuwsterug { position: fixed; top: 125px; left: 0px; border-radius: 0 5px 5px 0; text-decoration: none!important; padding: 26px 16px 1px; font-size: 11px; color:#DA984E; text-transform: uppercase; font-weight: bold; background: #fff;    box-shadow: 0 15px 40px rgba(228,220,208,0.7); }
.nieuwsterug:after {  position: absolute; top: 15px; left: 50%; margin-left: -3px; width: 6px; height: 10px; background: url("../img/svg-pijl-links-kleur.svg") no-repeat center center; background-size: auto 100%;}
.nieuwsterug:hover { color: #fff!important; text-decoration: none; background: #DA984E;   }
.nieuwsterug:hover:after {  background: url("../img/svg-pijl-links-wit.svg") no-repeat center center; background-size: auto 100%;}

.filter { position: absolute; top: 10px; right: 25px; z-index: 1;  }
.filter{ padding: 10px 8px; border: 0; background: #FBF8F4; outline-style: none; }

.leestijd { position: fixed;  font-weight: normal; top: 100px; left: 0px; padding: 13px 25px 13px 45px; background: #fff; border-radius: 0  3px 3px 0;}
.leestijd:before { position: absolute; top: 0px; left:15px; bottom: 0px; width: 20px; background: url("../img/svg-leestijd.svg") no-repeat left center; background-size: 100% auto; }
.leestijd span { font-weight: bold; }

.leestijd { top: auto; left: auto; position: relative; float: left; padding-top: 5px; padding-bottom: 5px; margin: 10px 0 10px; }


#actueel .actueel .artikelen .nieuwsbericht2 { display: block!important; }

#contact.cta {  padding: 20px 0 50px;}
#contact.cta .contact{  padding: 60px 0 50px; border-top: 2px solid #eee; }
#contact.cta .bg { display: none; }



@media screen and (min-width: 1320px) and (max-width: 1660px) {
	
	#actueel .actueel .artikelen .nieuwsbericht{ width: 290px;  }
	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttitel { font-size: 18px; line-height: 140%; }
}


@media screen and (min-width: 1024px) and (max-width: 1319px) {
	#kruimelpad{  margin-top: 125px;  }
	#kruimelpad .centered{	width: 960px; }
	#inhoud.vervolgpagina .centered{	width: 960px; }
	#inhoud.vervolgpagina .centered .container.pagina{	 }
	
	#actueel .actueel .artikelen .nieuwsbericht{ width: 300px;  }
	#actueel .actueel .artikelen .nieuwsbericht:nth-child(4n + 1){ margin-left: 0px!important; }
	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttitel { font-size: 18px; line-height: 140%; }

	.leestijd { top: auto; left: auto; position: relative; float: left; padding-top: 5px; padding-bottom: 5px; margin: 5px 0 20px; }
}

@media screen and (min-width: 740px) and (max-width: 1023px) {


	#kruimelpad{  margin-top: 125px;  }
	#kruimelpad .centered{	width: 680px; }


	#inhoud .bg:before { left: 100px; }
	
	#inhoud.vervolgpagina .centered{	width: 680px; }
	#inhoud.vervolgpagina .centered .container.pagina{	 }
	
	#inhoud.vervolgpagina .centered .container.pagina.nocta{  min-height: 370px;  }
	
	#inhoud.vervolgpagina h1{ font-size: 28px; }
	#inhoud.vervolgpagina h2{ font-size: 20px;  padding: 10px 0 20px; }
	#inhoud.vervolgpagina h1 + h2{  padding: 0px 0 20px; }
	#inhoud.vervolgpagina h3{ font-size: 18px;  }
	#inhoud.vervolgpagina h4{ font-size: 16px; }

	#inhoud.vervolgpagina .faq-line h2 { text-align: left; height: auto; line-height: 150%; padding: 20px 70px 20px 30px; }
	#inhoud.vervolgpagina .faq-line h2:after {    top: 50%; margin-top: -20px; right: 10px; width: 40px; height: 40px; }

	#actueel .actueel .artikelen .nieuwsbericht{ width: 335px;  }
	#actueel .actueel .artikelen .nieuwsbericht:nth-child(4n + 1){ margin-left: 30px!important; }
	#actueel .actueel .artikelen .nieuwsbericht:nth-child(2n + 1){ margin-left: 0!important; }
	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttitel { font-size: 22px; line-height: 130%; }
	
	.leestijd { top: auto; left: auto; position: relative; float: left; padding-top: 5px; padding-bottom: 5px; margin: 5px 0 20px; }
}

@media screen and (min-width: 1px) and (max-width: 739px) {


	#kruimelpad { margin: 0 0 0px; padding: 20px 0 30px 0; }
	
	#kruimelpad:before { display: none; }
	#kruimelpad .volgons { display: none;  }
	#kruimelpad .content { padding: 10px 0 20px 0; }
	#kruimelpad .centered{	width: 300px; }
	
	
	#kruimelpad .centered{	width: 300px; }
	#inhoud.vervolgpagina{ padding: 0 0 40px; }
	#inhoud.vervolgpagina .centered{	width: 300px; }
	#inhoud.vervolgpagina .centered .container.pagina{	 }
	
	#inhoud.vervolgpagina .centered .container.pagina.nocta{  min-height: auto;  }
	
	#inhoud.vervolgpagina h1{ font-size: 18px; padding: 0 0 10px;  }
	#inhoud.vervolgpagina h2{ font-size: 16px;  padding: 10px 0 10px; }
	#inhoud.vervolgpagina h3{ font-size: 12px;  }
	#inhoud.vervolgpagina h4{ font-size: 12px;  }
	#inhoud.vervolgpagina h6 { font-size: 16px; padding: 30px 30px; }

	#inhoud.vervolgpagina ul {padding: 20px 0 20px 30px; }	
	#inhoud.vervolgpagina ul li { padding: 5px 0 5px 10px; }

	#inhoud.vervolgpagina img{   max-width: 100%!important; } 
	
	#inhoud.vervolgpagina .faq-line h2 { font-size: 12px; text-align: left; height: auto; line-height: 150%; padding: 20px 70px 20px 30px; border-radius: 30px; }
	#inhoud.vervolgpagina .faq-line h2:after {    top: 50%; margin-top: -20px; right: 10px; width: 40px; height: 40px; }
	
	#actueel .actueel .artikelen .nieuwsbericht{ width: 300px; margin-bottom: 30px; margin-left: 0px; height: auto!important; }
	#actueel .actueel .artikelen .nieuwsbericht:nth-child(4n + 1){ margin-left: 0px; }
	#actueel .actueel .artikelen .nieuwsbericht .nieuwsberichttitel { font-size: 18px; line-height: 130%; }
	
	.nieuwsitem .top, .nieuwsitem .top img {    height: 160px!important; }
	.nieuwsitem .bottom .titel { font-size: 14px!important; }
	.nieuwsitem .bottom { font-size: 13px; height: auto!important; padding: 30px 30px 90px 30px; }
	.nieuwsdetailsintro   { line-height: 180%; min-height: auto; }
	.nieuwsdetailsintro  h1 { font-size: 20px!important; }
	.nieuwsitem .bottom .leesverder { bottom: 30px; left: 30px; right: 30px; font-size: 13px; }
	.nieuwsterug span{ display: none; }
	.nieuwsterug { width: 30px; height: 41px; left: -15px; border-radius: 3px; top: 10px;  }
	
	.filter { display: none; }
	
	.leestijd { top: auto; left: auto; position: relative; float: left; padding-top: 5px; padding-bottom: 5px; margin: 5px 0 20px; }

}