	#PortalPagina , #PortalPagina *, #PortalPagina *:before, #PortalPagina *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#PortalPagina .col-12 { padding: 0px; }
	#footer .col-12 { padding: 0 15px; }

	#PortalPagina { width: 100%; /*background: #ededed;*/ background: #e5e5e5; position: relative; z-index: 0; margin-bottom: 30px; }
	#PortalPagina img { width: 100%; }
	#PortalPagina h1 { font-size: 30px; }
	#PortalPagina h2 { font-size: 25px; line-height: 40px; }
	#PortalPagina p { font-size: 16px; line-height: 24px; }
	#PortalPagina ol { font-size: 16px; line-height: 24px; }
	#PortalPagina figure { margin: 0px; padding: 0px; }
	.SeoBasisBlok a { font-size: 16px; line-height: 30px; color: red; }

	/* Header */
	#PortalPagina header a img { max-height: 419px;max-width: 1888px; }
	#PortalPagina .nlLogo a { display: inline-block; padding: 20px 50px 18px;}
	#PortalPagina .nlLogo a img { width: 170px; }
	#PortalPagina .OmslagFoto { background: #fff; max-height: 419px;width:100%; }

	/* Menu - Desktop */
	.navportal { display: flex; flex-direction: row; width: 95%; margin: -20px auto 0; box-shadow: 0px 1px 5px #cac0c0;}
	.navportal .Pijltje { display: none; }
	.navportal .Uitklapmenu { padding: 0; }
	.navportal h2 { font-size: 16px !important; margin: 0; padding: 7px; }
	.navportal .UitklapVlak { background: white; position: absolute; box-shadow: 0px 1px 5px #cac0c0; width: 23.7%; text-align: center; }
	.navportal .UitklapVlak a { display: flex; padding: 14px; justify-content: center; }
	.navportal .UitklapmenuTitel { background: white; border: 1px solid #f1f1f1;  text-align: center; }

	/* Vlakverdeling */
	#PortalPagina .SeoBasisBlok { display: flex; margin: 0 auto; }
	#PortalPagina .SeoBasisBlok:nth-child(even) { background: white; }
	#PortalPagina .SeoTekstvlak { width:100%; padding: 30px; display: flex; flex-direction: column; }

	.SeoEnkelvlak { width: 100%; display: inline-flex; flex-direction: row-reverse; }
	.SeoEnkelvlak div { width: 100%; align-self: center; flex: auto; }
	.SeoEnkelvlakImg { width: 100%; padding: 0; }
	.SeoEnkelvlakImg div { width: 100%; }
	.SeoDubbelvlak { width: 50%; margin: 0 auto; padding: 30px; text-align: center; }
	.infocenterarea { text-align: center; }
	.infocenterarea > div { flex-wrap: wrap; }
	.infocenterarea figure { width: 100%; }
	.InfoLeftRightArea { flex-wrap: wrap; }
	.Inleiding { text-align: center; }
	.mobieleHeader {display: none;}
	.desktopHeader {display: block;}

	/* Uitklapvragen */
	.Uitklapmenu { width: 100%; background: #ededed; padding: 17px; cursor: pointer; }
	.UitklapVlak { display: none;}
	.Pijltje { float: left; background: url(/pix/navigation/treeArrowRight.png) no-repeat; width: 14px; height: 26px; background-position: left 10px; cursor: pointer; }
	.Pijltje.flip { background-position: left 14px; transform: rotate(90deg); background-position-x: 5px; }

	@media screen and (max-width: 667px) { /* Mobile */
		#PortalPagina header { background: white; }
		.SeoEnkelvlak { flex-direction: column; }
		.SeoDubbelvlak { width: 100%; padding: 0; }
		.mobieleHeader {display: block;}
		.desktopHeader {display: none;}

		#PortalPagina .SeoDubbelvlak .SeoTekstvlak { padding: 30px !important; }
		#PortalPagina .nlLogo a { padding: 20px 21px 8px; }
		#PortalPagina iframe { margin: 17px auto; width: 103%; height: 200px; }
		#PortalPagina h1 { font-size: 25px; }
		#PortalPagina h3 { font-size: 22px; }
		#PortalPagina p { font-size: 14px; line-height: 23px;}

		.navportal { flex-direction: column; width: 100%; }
		.navportal .UitklapVlak { position: inherit; width: 100%; }
	}

	@media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */
		#PortalPagina .SeoDubbelvlak .SeoTekstvlak { padding: 30px 0; }
		#PortalPagina { width: 100%; position: relative; margin-top: -10px;}
		.mobieleHeader {display: none;}
	}

	@media screen and (min-width: 667px){
		.AfbeeldingSwap { flex-direction: initial!important; }
		/*#video .SeoEnkelvlak > div:nth-child(1) { margin-left: 15px; }
		#video .SeoEnkelvlak > div:nth-child(2) { margin-right: 15px; }*/
		.mobieleHeader {display: none;}
	}
	/*embed*/
	.embed-container {
	  overflow: hidden;
	  padding-top: 56.25%;
	  position: relative;
	}

.embed-container embed {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.ItemVideo{
	width:100%;
}
/*CTA*/
.CallToAction { display: flex; flex-direction: row; width: 30%; margin: auto; box-shadow: 0px 1px 5px #cac0c0; background-color: #fff;justify-content: center;margin: 100px auto;}
.CallToAction h2 { font-size: 16px !important; padding-top: 7px;  }
@media screen and (max-width: 667px) { /* Mobile */
.CallToAction { flex-direction: column; width: 70%;padding:10px auto 10px auto; text-align: center;margin: 10% 10% 10% 10%;}

}
/*ol*/
.SeoTekstvlak ol{padding-left: 10px;}

/*hover*/
.HoverBox span { position: absolute; color: #fff; background: #000; padding: 2px; z-index: 2;}
.HoverBox a {position: center;}
.HoverBox a:hover span {display: block; text-align: center;}

.alleRenewd {
    font-size: 16px;
    line-height: 30px;
    color: white!important;
    background-color: #00bc71;
    display: block;
    width: 300px;
    padding: 15px;
    margin: 15px auto 0;
}