@charset "utf-8";


#kruimelpad{  padding: 30px 0 30px 0; background:#252c34; text-align: left;   }

#kruimelpad .content{ color: #ddd; font-size: 11px; opacity: 0.4; }
#kruimelpad .content a{ color: #ddd;}
#kruimelpad .content a:hover{ color: #fff!important; }
#kruimelpad .content:hover{ opacity: 1.0; }

#inhoud.vervolgpagina{ padding: 70px 0 190px 0; line-height: 150%; }
#inhoud.vervolgpagina .content{ min-height: 200px; }

#inhoud.vervolgpagina h1, #inhoud.vervolgpagina h2, #inhoud.vervolgpagina h3{ font-family: "Courier New", "Courier"; font-weight: bold; line-height: 110%; }
#inhoud.vervolgpagina h1{ font-size: 50px; padding-bottom: 15px; color: #AFCA1E; padding: 0 0 10px 0; font-weight: bold; }
#inhoud.vervolgpagina h2{ font-size: 32px; padding-bottom: 15px; color: #AFCA1E; padding: 20px 0 20px 0; }
#inhoud.vervolgpagina h3{ font-size: 19px;	color: #AFCA1E; padding: 20px 0 10px 0;  }

#inhoud.vervolgpagina ul{ list-style-position:outside; padding: 10px 0 20px 35px; list-style-type: disc; position: relative; float: left; width: 100%; box-sizing: border-box; }
#inhoud.vervolgpagina ol{ list-style-position:outside; padding: 10px 0 20px 35px; list-style-type: decimal; position: relative; float: left; width: 100%; box-sizing: border-box; }
#inhoud.vervolgpagina p{ padding: 10px 0 10px 0; }
#inhoud.vervolgpagina a{ color: #009fe2; text-decoration: underline; }
#inhoud.vervolgpagina a:hover{ color: #AFCA1E; text-decoration: underline; }
#inhoud.vervolgpagina img{ max-width: 100%; height: auto; border-radius: 5px; }
#inhoud.vervolgpagina iframe { width: 100%; height: 600px; box-sizing: border-box; padding: 30px; background: #eee; margin-top: 20px; border-radius: 10px; }

#nieuws { border-bottom: 2px solid #eee; padding-bottom: 80px; }

.nieuwsitem{ position: relative; float: left;	width: 600px;  margin: 0 20px 20px 0; height: 140px; }
.nieuwsitem .left{	position: relative; float: left; width: 100px; height: 100px; border: 10px solid #eee; background: #ddd; overflow: hidden; border-radius: 5px;  }
.nieuwsitem .right{	position: relative; float: left; width: 430px; margin-left: 20px; color: #333; font-size: 13px;  }
.nieuwsitem .right .title  { color: #009fe2; font-weight: bold;  padding-bottom: 7px; font-size: 14px; }
.nieuwsitem .right .leesverder  {  font-weight: bold; padding-top: 5px; }
.nieuwsitem .left img { width: 100%; height: auto;    }
.nieuwsitem .left .datum { color: #fff; }
.nieuwsitem:hover .left{ border-color: #009fe2; }
.nieuwsitem:hover .right .title{ text-decoration: underline; }

.nieuwsberichtdatum{ padding-bottom: 40px; font-size: 11px; }
.nieuwsberichttekst{ position: relative; float: left; width: 1020px; border-left: 2px solid #eee; padding:  0 0 50px 50px; }
.nieuwsberichtimg{ position: relative; float: left; width: 120px; margin-right: 40px; border: 10px solid #eee; background: #ddd;}

.terug{ position: absolute; top:10px; right: 0;  text-transform: uppercase; font-weight: bold; padding-left: 20px; font-size: 12px; z-index: 1; }


@media screen and (min-width: 1024px) and (max-width: 1450px) {
	
	.nieuwsitem{  width: 465px;  margin: 0 0 20px 0; }
	.nieuwsitem .right{	width: 300px; }
	.nieuwsitem .right .leesverder  {  font-weight: bold; padding-top: 0px; }
	
	.nieuwsberichttekst{  width: 720px; }
}

@media screen and (min-width: 740px) and (max-width: 1023px) {
	#kruimelpad { margin-top: 0; }
	#nieuws { border-bottom: 2px solid #eee; padding-bottom: 40px; }
	#contact { padding-top: 40px; }
	.nieuwsitem{  width: 700px;  margin: 0 0 20px 0; height: auto; }
	.nieuwsitem .right{	width: 530px; }
	.nieuwsberichttekst{  width: 420px; }
	.terug { display: none; }
}


@media screen and (min-width: 1px) and (max-width: 739px) {
	#kruimelpad { margin-top: 0; padding: 15px 0 15px 0; }
	#kruimelpad .content {   width: 100%; text-align: left; font-size: 11px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; }
	
	#nieuws { border-bottom: 2px solid #eee; padding-bottom: 40px; }
	#contact { padding-top: 40px; }
	.nieuwsitem{  width: 280px;  margin: 0 0 20px 0; height: auto; }
	.nieuwsitem .right{	width: 200px; }
	.nieuwsitem .left{ width: 50px; height: 50px; border: 5px solid #eee; }
	
	.terug { display: none;  }
	#inhoud.vervolgpagina h1 {  font-size: 20px; padding-bottom: 10px; }
	#inhoud.vervolgpagina { padding-top: 30px; }
	.nieuwsberichtdatum { font-size: 10px; padding-bottom: 10px; }
	.nieuwsitem{  width: 280px;  margin: 0 0 20px 0; }
	.nieuwsitem .right{	width: 200px; }
	.nieuwsberichtimg{ display : none;  }
	.nieuwsberichttekst { padding: 0; margin: 0; border: 0; width: 100%; }
	
}