@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'aleoregular';
    src: url('css/fonts/Aleo-Regular-webfont.eot');
    src: url('css/fonts/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/Aleo-Regular-webfont.woff') format('woff'),
         url('css/fonts/Aleo-Regular-webfont.ttf') format('truetype'),
         url('css/fonts/Aleo-Regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LatoLatin';
    src: url('css/fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
    src: url('css/fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('css/fonts/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */
         url('css/fonts/LatoLatin-Regular.ttf') format('truetype'); 
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}


html {
	/*basis voor baseline grid*/
	font-size: 100%;
	line-height: 1;	
}

body {
	background: url(/wp-content/uploads/2015/06/M.png) bottom left 10% no-repeat;
	background-attachment: fixed;	
	font-family: Arial, Helvetica, sans-serif;
	
}
div, p {
	font-size: .9375rem;
}

h1.entry-title {
	font-family: 'LatoLatin'; font-weight: normal; font-size: 1.75em; color: #22408f;
	margin: 0 0 1.05em 0;
}

h2 {
	font-family: 'LatoLatin'; font-weight: normal; font-size: 1.4em; color: #22408f;
}
h3 {
	font-family: 'LatoLatin';
	font-size: 1em;
	color:#22408f;
	background: #D3D8E8;
	padding: .7em;
	/*margin: 0 0 1em 22.4em;*/
	margin: 0 0 1em 5.4em;
}
h6 {
	font-size: 80%;
	font-weight: bold;	
}

a:link, a:active, a:visited {
	color: #42ad48;	text-decoration: underline;
}
a:hover {
	color: #24408F;
}
h2 a:link, nav a:link  { text-decoration:none; }
a.more-link { display: block; margin: 1em 0; }

.row{ margin:0 auto;max-width:83rem;width:100%; }
.padded { padding: 0 1em; }


.contain-to-grid {
	background: #E9EBF3 url(images/top-bar-bg.jpg) top center no-repeat;
}
.top-bar-container {
	height: 167px;
	position:relative;	
}

.contain-to-grid .top-bar {
	background: none;
	margin: 3.4em auto 0;
	max-width:83rem;
}
.aa_header {
	position: relative;
}

.aa_contact {
	white-space:nowrap;
	float: left;
	display: inline-block;
	max-width: 400px;
	padding: 0 0 0 1em;
	color:#fff;
	line-height: 44px;
	font-family: 'LatoLatin';
}
.aa_contact a {
	color:#fff;	
}
.name {
	width: 268px;
	margin: 0 auto;
}
.aa_payoff {
	position: absolute;
	top: 0;
	right: 1em;
	color:#fff;
	line-height: 44px;
	font-family: 'LatoLatin';
	max-width: 400px;
}
.aa_payoff > em {
	font-style: italic;
	color: #243F8E;
	padding: 0 .2em 0 0;	
}
.breadcrumb {
	color: #666666;
	font-size: .875em;	
}
.breadcrumb a {
	color:#666666;	
}

.homepagecol {
	margin-bottom: 2em;	
}


	.top-bar-section ul li{background:none; }
	.top-bar-section ul li>a{color:#FFFFFF;display:block;font-family:/*"LatoLatin",*/Arial,sans-serif; font-size:0.875rem; font-weight:bold;padding-left:0.9375rem;padding:12px 0 12px 0.9375rem;text-transform:none;width:100%; }

	.top-bar-section ul li:hover:not(.has-form)>a{color:#FFFFFF;background:#24408F}
	.top-bar-section ul li.active>a{background:#008CBA;color:#FFFFFF}
	.top-bar-section ul li.active>a:hover{background:#24408F;color:#FFFFFF}

	.top-bar-section li:not(.has-form) a:not(.button)		{background:#5B9A9D;line-height:1.875rem;padding:0 0.6875rem; margin: .9375rem 0 0 0;}
	.top-bar-section li.active:not(.has-form) a:not(.button){background:#fff;color:#24408F;line-height:2.5625rem;padding:0 0.9375rem; margin: 0; border-top: .25rem solid #A1CD4E; }
	.top-bar-section li:not(.has-form) a:not(.button):hover{background-color:#24408F;background:#24408F}
	.top-bar-section li.active:not(.has-form) a:not(.button):hover{background:#fff; color:#5b9a9d;}
	
	.top-bar-section li:not(.has-form) li a:not(.button)		{background:#5B9A9D;line-height:2.5625rem;padding:0 0.6875rem; margin: 0;}

	/*pijltjes voor submenu*/
	.top-bar-section .has-dropdown>a:after{border:inset 5px;content:"";display:block;height:0;width:0;border-color:rgba(255,255,255,0.4) transparent transparent transparent;border-top-style:solid;margin-top:-2.5px;top:1.90625rem}
	.top-bar-section .active.has-dropdown>a:after{border:inset 5px;content:"";display:block;height:0;width:0;border-color:rgba(36,64,143,0.4) transparent transparent transparent;border-top-style:solid;margin-top:-2.5px;top:1.60625rem}


	/*submenu*/
	.top-bar-section ul li ul {	box-shadow: 5px 5px 5px #888888;	}

	.top-bar-section .dropdown li a{background:rgba(255,255,255,0.9);color:#22408f;line-height:2.8125rem;padding:12px 0.9375rem;white-space:nowrap;}
	.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button){background:rgba(255,255,255,0.9);color:#22408f; border: 0px;}
	.top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button){color:#fff;background:#22408f}
	.top-bar-section .dropdown li.active:not(.has-form)>a:not(.button){background:rgba(91,154,157,0.9);color:#fff;line-height:2.5625rem;padding:0 0.9375rem; margin: 0; border-top: 0rem; font-weight: bold; }
	.top-bar-section .dropdown li.active:not(.has-form):hover>a:not(.button) {background:rgba(36,154,157,0.9);color:#fff;line-height:2.5625rem;padding:0 0.9375rem; margin: 0; border-top: 0rem; font-weight: bold; }


	.top-bar-section #menu-secundair li:not(.has-form) a:not(.button){background:none; color: #22408f; line-height:1.875rem;padding:0 0.3475rem; margin: .9375rem 0 0 0;}
	.top-bar-section #menu-secundair li.active:not(.has-form) a:not(.button){background:#fff;color:#24408F;line-height:2.5625rem;padding:0 0.9375rem; margin: 0; border-top: .25rem solid #A1CD4E; }
	.top-bar-section #menu-secundair li:not(.has-form) a:not(.button):hover{background-color:none;background:none; color:#5b9a9d;}
	.top-bar-section #menu-secundair li.active:not(.has-form) a:not(.button):hover{background:#fff; color:#5b9a9d;}

	.top-bar-section .has-dropdown .dropdown li.has-dropdown>a:after{border:none;content:"\00bb";top:0.1875rem;right:5px}

	.top-bar-section>ul>.divider,.top-bar-section>ul>[role="separator"]{border-right:solid 0px #4e4e4e; width:1px;}



	/*mobiele navigatie*/
	.tab-bar {	background: none; color:#22408f;	}
	.left-small{height:2.8125rem;position:absolute;top:50px;width:2.8125rem;border-right:solid 0px #1a1a1a;left:0; background:#22408f;}
	.left-off-canvas-menu{background:#22408f;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate(-100%, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0}
	ul.off-canvas-list{list-style-type:none;margin:0;padding:0}
	ul.off-canvas-list li label{background:#24408f;border-bottom:none;border-top:1px solid #5e5e5e;color:#999999;display:block;font-size:0.75rem;font-weight:bold;margin:0;padding:.3rem 0.9375rem;text-transform:uppercase}
	ul.off-canvas-list li a{border-bottom:0px solid #fff;color:rgba(255,255,255,1);display:block;padding:0.6666666667rem;transition:background 300ms ease}
	ul.off-canvas-list li a:hover{background:#919FC7}
	ul.off-canvas-list li a:active{background:#919fc7}
	
	.left-submenu{-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;background:#22408f;bottom:0;box-sizing:content-box;margin:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:15.625rem;z-index:1002;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate(-100%, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);left:0;-webkit-transition:-webkit-transform 500ms ease;-moz-transition:-moz-transform 500ms ease;-ms-transition:-ms-transform 500ms ease;-o-transition:-o-transform 500ms ease;transition:transform 500ms ease}
	.left-submenu *{-webkit-backface-visibility:hidden}
	.left-submenu .back>a{background:#22408f;border-bottom:none;border-top:1px solid #5e5e5e;color:#919fc7;font-weight:bold;padding:.3rem 0.9375rem;text-transform:uppercase;margin:0}
	.left-submenu .back>a:hover{background:#303030;border-bottom:none;border-top:1px solid #5e5e5e}
	.left-submenu .back>a:before{content:"\AB";margin-right:.5rem;display:inline}
	.left-submenu.move-right,.left-submenu.offcanvas-overlap-right,.left-submenu.offcanvas-overlap{-webkit-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate(0%, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}
	/*einde mobiele navigatie*/

@media only screen and (min-width: 51.3125em)	{.tab-bar{display:block}}
@media only screen and (max-width: 51.25em)		{.top-bar{display:block} .aa_contact{ display: none; }.name { width: 268px; margin: 0;}  }
@media only screen and (min-width: 60.0625em)	{.tab-bar{display:none}}
@media only screen and (max-width: 60em)		{.top-bar{display:none}}
@media only screen and (max-width: 42em)		{ h3 {	margin: 0 0 1em 12.4em; } }
@media only screen and (max-width: 34em)		{.aa_payoff {display: none;}}
@media only screen and (max-width: 26em)		{ h3 {	margin: 0 0 1em 2.4em; } }

#sidebar {
	
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
	height: 0; 
	overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fotobalk {
	position: relative;	
	margin: 1.05em 0 2.1em 0;
	display: inline;
}
@media only screen and (max-width: 51.25em)	{
	.fotobalk {
		margin: 5em 0 2.1em 0;	
	}
}
#persona {
	position: absolute;
	bottom: 0%;
	right: 4em;
	max-width: 29.5%;	
}
hr {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(66, 173, 72, 0.1), rgba(66, 173, 72, 0.85), rgba(66, 173, 72, 0.1));	
}
.nieuws h1 {
	margin: 1.05em 0 .7em .35em;
	font-family: 'LatoLatin'; font-weight: normal; font-size: 1.4rem; color: #42ad48; 
}
.nieuws h2 a {
	margin: 0 0 .7em 0;
	font-family: 'LatoLatin'; font-weight: normal; font-size: 1.05rem; color: #22408f;
}
.padded-column {
	padding: .5em;	
	height: 320px;
	margin-bottom: 1em;
}
.column-content {
	background: #E9EBF3;
	padding: 1.05em;
}

a.block-button {
	display: block;
	background: #22408f;
	color:#fff;
	margin: .175em 0;
	padding: .7em 1.05em;	
	text-decoration: none;
	font-family: 'aleoregular';	
}
a.block-button:hover {
	background: #a1cd4e;
	color:#fff;	
}

footer div {
	font-size: .875rem;	
}
footer  {
	display: block;
	padding-bottom: 2.8em;
}
article footer {
	padding: 0;	
}
#text-5 {
	width: 100%;
	margin: 0 0 1.4em 0;
}
#text-2 {
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8125em;
	margin: 0 0 1.4em 0;
}
#text-3 {
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8125em;
	margin: 0 0 1.4em 0;
}
#text-4 {
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .8125em;
}

/*referenties*/
/*.accordion {
	box-sizing:border-box;
}
.accordion strong:first-child {
	display:block;
	margin-top: 2em;	
}

h3.accordion-title {
	font-size: .875em;
	background: #D3D8E8;
	margin: 0.35em 0 0 0;
	padding: .7em;
	color: #24408F;
	font-weight: bold;
	cursor:pointer;
}
.accordion-content {
	background: #E9EBF3;
	margin: 0 0 .35em 0;
	padding: .7em;
	font-size: .875rem;
}
.accordion-content li, .accordion-content p {
	font-size: .875rem;
}
@media screen and (max-width: 64em) {
.accordion strong:first-child.no-margin { margin-top: 0; line-height:1px; }
.accordion-content { margin: 0;}
}*/

/*accordion 2023*/
.ea-card h3 { margin: 0 0 0 0 !important; padding: 0.2em .7em !important; }
.sp-ea-one.sp-easy-accordion > .sp-ea-single > .ea-header a { padding: 0 !important; }
.sp-easy-accordion .sp-ea-single .ea-header a { font-size: .875em; color: #24408F !important; }
.sp-easy-accordion .sp-ea-single .ea-body { background: #E9EBF3 !important; } 
.sp-easy-accordion .sp-ea-single .ea-body p, ul { font-size: .875em !important; }
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon { color: #24408F !important; }


/*doorkliklinks*/
.doorkliklinks {
	color: #5b9a9d;
	padding: 2.4em 0 0 0;
}
.doorkliklinks p {
	line-height: 2.5em;	
	
}
.doorkliklinks a {
	background: #a1cd4e;
	color:#fff;
	padding: .35em;
	white-space:nowrap;
}
.doorkliklinks a:hover {
	background: #22408f;
}

	.topmarge {
		margin: 5.6em 0 0 0;	
	}



@media screen and (min-width: 42.5em) {

	.block-button {
		padding: .35em 1.05em;	
	}

	/*footer*/
	#text-5 {
		width: 33.3333%;
		float: left;	
	}
	#text-2 {
		width: 66.6666%;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: .8125em;
	}
	#text-3 {
		width: 50%;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: .8125em;
	}
	#text-4 {
		width: 50%;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: .8125em;
	}


}

@media screen and (min-width: 60em) {

	.padded-column {
		padding: 0 .5em;
		height: 320px;
		margin-bottom: 1em;
	
	}

	.topmarge {
		margin: 5.6em 0 0 0;	
	}

	/*footer*/
	#text-5 {
		width: 16.6667%;
		float: left;
		margin: 0;	
	}
	#text-2 {
		width: 33.333%;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: .8125em;
		margin: 0;	
	}
	#text-3 {
		width: 25%;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: .8125em;
		margin: 0;	
	}
	#text-4 {
		width: 25%;
		float: left;
		font-family:Arial, Helvetica, sans-serif;
		font-size: .8125em;
	}


}