@charset "utf-8";

#kruimelpad{ margin-top: 90px; padding: 30px 0 30px 0; background: #eee; }

#kruimelpad .content{ font-size: 11px; opacity: 0.7; z-index: 1; }
#kruimelpad .content a{ color: #000;}
#kruimelpad .content a:hover{ color: #000!important; }
#kruimelpad .content:hover{ opacity: 1.0; }



#kruimelpad.bg-scheidingen { padding: 230px 0 30px 0; background: #eee url(../img/kruimelpad/banner-scheidingen.jpg) no-repeat top center; background-size: cover;}
#kruimelpad.bg-scheidingen:before { content: ''; z-index: 0; position: absolute; bottom: 0px; left: 0; right: 0; height: 80px; background: rgba(255,255,255,0.0,5); }

#kruimelpad.bg-over-mgon { padding: 230px 0 30px 0; background: #eee url(../img/kruimelpad/banner-mgon.jpg) no-repeat top center; background-size: cover;}
#kruimelpad.bg-over-mgon:before { content: ''; z-index: 0; position: absolute; bottom: 0px; left: 0; right: 0; height: 80px; background: rgba(0,0,0,0.2); }
#kruimelpad.bg-over-mgon, #kruimelpad.bg-over-mgon a { color: #fff; }


#kruimelpad.bg-mediation-bij-prive-conflicten { padding: 230px 0 30px 0; background: #eee url(../img/kruimelpad/banner-prive.jpg) no-repeat top center; background-size: cover;}
#kruimelpad.bg-mediation-bij-prive-conflicten:before { content: ''; z-index: 0; position: absolute; bottom: 0px; left: 0; right: 0; height: 80px; background: rgba(0,0,0,0.2); }
#kruimelpad.bg-mediation-bij-prive-conflicten, #kruimelpad.bg-mediation-bij-prive-conflicten a { color: #fff; }

#kruimelpad.bg-mediation-bij-zakelijke-conflicten { padding: 230px 0 30px 0; background: #eee url(../img/kruimelpad/banner-zakelijk.jpg) no-repeat top center; background-size: cover;}
#kruimelpad.bg-mediation-bij-zakelijke-conflicten:before { content: ''; z-index: 0; position: absolute; bottom: 0px; left: 0; right: 0; height: 80px; background: rgba(0,0,0,0.2); }
#kruimelpad.bg-mediation-bij-zakelijke-conflicten, #kruimelpad.bg-mediation-bij-zakelijke-conflicten a { color: #fff; }

#kruimelpad.bg-scholing-mediators { padding: 230px 0 30px 0; background: #eee url(../img/kruimelpad/banner-scholing.jpg) no-repeat top center; background-size: cover;}
#kruimelpad.bg-scholing-mediators:before { content: ''; z-index: 0; position: absolute; bottom: 0px; left: 0; right: 0; height: 80px; background: rgba(0,0,0,0.2); }
#kruimelpad.bg-scholing-mediators, #kruimelpad.bg-scholing-mediators a { color: #fff; }





#kruimelpad.bg-kind-in-bemiddeling { padding: 230px 0 30px 0; background: #eee url(../img/kruimelpad/banner-kinderen.jpg) no-repeat top center; background-size: cover;}
#kruimelpad.bg-kind-in-bemiddeling:before { content: ''; z-index: 0; position: absolute; bottom: 0px; left: 0; right: 0; height: 80px; background: rgba(255,255,255,0.6); }



#inhoud.vervolgpagina{ padding: 50px 0 50px 0; }
#inhoud.vervolgpagina .content{	min-height: 100px;}
#inhoud.vervolgpagina .content.zijmenucontent{width: 1000px; 	 }
#inhoud.vervolgpagina .zijmenu{ position: relative; float: left; width: 200px; z-index: 1; margin-right: 60px; }
#inhoud.vervolgpagina .zijmenu h3{ font-weight: bold; font-size: 22px; padding-top: 5px;  border-bottom: 1px solid #ddd; }
#inhoud.vervolgpagina .zijmenu a{ box-sizing: border-box;  padding:  8px 0 8px 0; border-bottom: 1px solid #ddd; text-decoration: none;  }
#inhoud.vervolgpagina .zijmenu a:hover{ padding-left: 5px;  }
#inhoud.vervolgpagina .zijmenu a.active{ text-decoration: underline;  font-weight: bold;  }

#inhoud.vervolgpagina .zijmenu a.last { font-weight: bold; color: #fff; text-align: center; padding: 10px; border-radius: 5px; border: 0; background: #0052A0; margin-top: 20px;  }

#zijmenuquote { font-size: 16px; font-style: italic; text-align: center; margin-top: 40px; }

#inhoud.vervolgpagina h1{ font-size: 41px; padding-bottom: 15px; color: #0052A0; padding: 0 0 10px 0;  }
#inhoud.vervolgpagina h2{ font-size: 32px; padding-bottom: 15px; color: #0052A0; padding: 20px 0 20px 0; }
#inhoud.vervolgpagina h3{ font-size: 19px;	color: #0052A0; padding: 20px 0 10px 0;  }


#inhoud.vervolgpagina.antoinette-duenk h2, #inhoud.vervolgpagina.antoinette-duenk h3 { float: none; width: auto; }
#inhoud.vervolgpagina.caroline-eggermont h2, #inhoud.vervolgpagina.caroline-eggermont h3 { float: none; width: auto; }
#inhoud.vervolgpagina.diny-veldhuisen h2, #inhoud.vervolgpagina.diny-veldhuisen h3 { float: none; width: auto; }
#inhoud.vervolgpagina.john-bezema h2, #inhoud.vervolgpagina.john-bezema h3 { float: none; width: auto; }
#inhoud.vervolgpagina.rob-van-dijk h2, #inhoud.vervolgpagina.rob-van-dijk h3 { float: none; width: auto; }
#inhoud.vervolgpagina.saskia-tegenbosch h2, #inhoud.vervolgpagina.saskia-tegenbosch h3 { float: none; width: auto; }
#inhoud.vervolgpagina.vincent-weijermars h2, #inhoud.vervolgpagina.vincent-weijermars h3 { float: none; width: auto; }

#inhoud.vervolgpagina ul{ list-style-position:outside; padding: 10px 0 20px 35px; list-style-type: disc; position: relative; float: left; width: 100%; }
#inhoud.vervolgpagina ol{ list-style-position:outside; padding: 10px 0 20px 35px; list-style-type: decimal; position: relative; float: left; width: 100%; }
#inhoud.vervolgpagina p{ padding: 10px 0 10px 0; }
#inhoud.vervolgpagina a{ color: #0052A0; text-decoration: underline; }
#inhoud.vervolgpagina a:hover{ color: #0052A0; text-decoration: underline; }
#inhoud.vervolgpagina img{ max-width: 100%; height: auto; border-radius: 5px; }

#ctavervolg{ padding: 50px 0 50px 0; background: #0052A0; color: #fff; }
#ctavervolg .content h2{ font-size: 36px; padding-bottom: 20px; color: #fff; }

#ctavervolg .content a{
	position: relative;
	float: left;
	color: #fff;
	padding: 10px 20px 10px 20px;
	border: 1px solid #fff;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 600;
}

#ctavervolg .content a:hover{
	background: #fff;
	color: #00529F;
	text-decoration: none;
	-webkit-box-shadow: 0 18px 8px -9px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 18px 8px -9px rgba(0,0,0,0.2);
	box-shadow: 0 18px 8px -9px rgba(0,0,0,0.2);
}

.blokitem{ position: relative; float: left; width: 600px; height: 250px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; margin: 0 30px 30px 0; }
.blokitem img{ position: relative; float: left; width: 200px; height: auto;  border-radius: 5px 0 0 5px!important; max-height: 250px; }
.blokitem .blokiteminhoud{  position: relative;  float: left;  width: 390px; box-sizing: border-box;  padding: 25px 10px 30px 30px; }
.blokitem .blokiteminhoud .titel {  font-weight: bold; color: #0052A0; font-size: 22px; padding-bottom: 15px; }
.blokitem .blokiteminhoud .tekst {  height: 130px; overflow: hidden;}
.blokitem .blokiteminhoud .leesmeer { font-weight: bold;  padding-top: 15px; }
.blokitem:hover{ box-shadow: 0 6px 6px rgba(0,0,0,0.3); }

.zijmenucontent .blokitem{ width: 470px;  margin: 0 30px 30px 0;  }
.zijmenucontent .blokitem .blokiteminhoud{ width: 260px; }


/* faq ####################################################################################################### */


.faq-line, .faq-line h2, .faq-line h3, .faq-line ul, .faq-line ol{ position: relative; float: left; width: 100%; }
.faq-line{ overflow: hidden; border-bottom: 1px solid #eee; }
.faq-line .arrow{ position: absolute; top: 15px; right: 10px; width: 14px; height: 9px;  }
.faq-line h2:hover{ cursor: pointer; }
.faq-line h2 span{ color: #0052A0; }
.faq-line h3 {   color: #0052A0; border-bottom: 1px solid rgba(255,255,255, 0.2); margin-bottom: 10px; padding-bottom: 5px; font-weight: 600; }
.faq-line:last-child{ border: 0; }
.faq-line h2{ margin:  10px 0 10px 0; padding: 0; font-size: 13px; width: 90%; overflow: hidden; padding-left: 19px; font-weight: 600!important; }
.faq-line .txt{ position: relative; float: left; margin-bottom: 20px; margin-left: 35px; }
.txtcontainer{ position: relative; float: left; display: none; }
#inhoud.vervolgpagina .faq-line h2{ border-left: 6px solid #eee!important; font-style: normal!important; font-weight: 600!important; padding: 5px 0 5px 20px!important; margin: 0!important; font-size: 14px; }
.faq-sit{ font-style:italic; color: #0052A0; }



@media screen and (min-width: 1024px) and (max-width: 1319px) {
	
	.blokitem{ width: 470px;  margin: 0 20px 20px 0;  }
	.blokitem .blokiteminhoud{ width: 260px; }
	
	.zijmenucontent .blokitem{ width: 680px; margin: 0 30px 30px 0;  }
	.zijmenucontent .blokitem .blokiteminhoud{ width: 450px; }
	
	#inhoud.vervolgpagina .content.zijmenucontent{width: 700px; 	 }

}

@media screen and (min-width: 740px) and (max-width: 1023px) {
	
	#kruimelpad { margin-top: 0; }
	.blokitem{ width: 100%;  margin: 0 0 20px 0;  }
	.blokitem .blokiteminhoud{ width: 480px; }
	#ctavervolg .content h2{ font-size: 30px; }
	
	.zijmenucontent .blokitem{ width: 480px;  margin: 0 30px 30px 0;  }
	.zijmenucontent .blokitem .blokiteminhoud{ width: 250px; }
	.zijmenucontent .blokitem .blokiteminhoud .titel { font-size: 20px; }
	
	#inhoud.vervolgpagina .zijmenu {  width: 180px;   margin-right: 40px; }
	#inhoud.vervolgpagina .content.zijmenucontent{width: 480px; 	 }
	#inhoud.vervolgpagina .zijmenu a { font-size: 13px; }	
	#inhoud.vervolgpagina .content.zijmenucontent h1{ font-size: 36px; }
	
	#kruimelpad.bg-kind-in-bemiddeling { padding: 130px 0 30px 0; }
	
	#kruimelpad.bg-scheidingen { padding: 130px 0 30px 0; }
	
	#kruimelpad.bg-over-mgon { padding: 130px 0 30px 0; }
	
	#kruimelpad.bg-mediation-bij-prive-conflicten { padding: 130px 0 30px 0; }
	
	#kruimelpad.bg-mediation-bij-zakelijke-conflicten { padding: 130px 0 30px 0; }
	#kruimelpad.bg-scholing-mediators { padding: 130px 0 30px 0; }

}


@media screen and (min-width: 1px) and (max-width: 739px) {
	#kruimelpad { margin-top: 0; padding: 15px 0 15px 0  }
	#kruimelpad:before { background: #eee!important; height: 50px!important;  }

	#kruimelpad .content {   width: 100%; text-align: left; font-size: 11px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; }
	
	#inhoud.vervolgpagina {  padding: 30px 0 30px 0; }
	#inhoud.vervolgpagina h1 {  font-size: 22px; padding-bottom: 10px; font-weight: bold; }
	#inhoud.vervolgpagina h2 {  font-size: 18px; padding-bottom: 10px; }
	#inhoud.vervolgpagina .zijmenu {  display: none; }
	#inhoud.vervolgpagina .content.zijmenucontent{ width: 100%; 	 }
	
	.blokitem{ width: 100%!important;  margin: 0 0 20px 0; height: auto;  }
	.blokitem .blokiteminhoud{ width: 100%; padding-top: 90px; }
	.blokitem .blokiteminhoud .titel{ position: absolute; top: 20px; left: 30px; width: 160px; line-height: 140%;  }
	.blokitem img{ position: absolute; top: -10px; right: 20px; width: auto; height: auto;  border-radius: 5px !important; max-height: 90px; }
	
	#ctavervolg .content h2{ font-size: 24px; }
	
	#kruimelpad.bg-kind-in-bemiddeling { padding: 80px 0 15px 0; background-size: 100% auto; }
	
	#kruimelpad.bg-scheidingen { padding: 80px 0 15px 0; background-size: 100% auto; }
	
	#kruimelpad.bg-over-mgon { padding: 80px 0 15px 0; background-size: 100% auto; }
	#kruimelpad.bg-over-mgon, #kruimelpad.bg-over-mgon a { color: #000; }
	
	#kruimelpad.bg-mediation-bij-prive-conflicten { padding: 80px 0 15px 0; background-size: 100% auto; }
	#kruimelpad.bg-mediation-bij-prive-conflicten, #kruimelpad.bg-prive-conflicten a { color: #000; }
	
	#kruimelpad.bg-mediation-bij-zakelijke-conflicten { padding: 80px 0 15px 0; background-size: 100% auto; }
	#kruimelpad.bg-mediation-bij-zakelijke-conflicten, #kruimelpad.bg-zakelijke-conflicten a { color: #000; }	
	
	#kruimelpad.bg-scholing-mediators { padding: 80px 0 15px 0; background-size: 100% auto; }
	#kruimelpad.bg-scholing-mediators, #kruimelpad.bg-scholing-mediators a { color: #000; }	
}