@charset "utf-8";

/*wrap*/
body{width:100%;margin:0;padding:0;font-size:18px;line-height:30px;font-family:'Lato',sans-serif;color:#000;background:#f5efe9;-webkit-text-size-adjust:none}
#wrap{position:relative;width:980px;margin:0 auto;background:#fff}

/*html tags*/
hr{background-color:#000;border:0;color:#000;height:1px;margin:10px 0 10px 0}
a{color:#c96f33;text-decoration:none}
a:hover{color:#c96f33;text-decoration:underline}
h1{font-size:20px;margin:0;padding:0 0 24px 0;line-height:30px;font-weight:600;color:#c96f33}
h2{font-size:18px;margin:0;padding:0 0 0 0;line-height:30px;font-weight:600}
h2.h1{font-size:18px;margin:0;padding:0 0 24px 0;line-height:30px;font-weight:600;color:#c96f33}
h3,
h4,
h5,
h6{font-size:18px;margin:0;padding:0 0 0 0;line-height:30px;font-weight:600}
p{margin:0;padding:0 0 24px 0}
ul{margin:0;padding:0 0 24px 0}
ol{margin:0;padding:0 0 24px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
address{position:absolute;left:20px;top:20px}
address img{display:block;width:140px;height:80px}
strong{font-weight:600}

/*common classes*/
.hidden{display:none}
.center{text-align:center}
.flr{float:right}
.fll{float:left}
.clr{clear:right}
.cll{clear:left}
.tar{text-align:right}
.tal{text-align:left}
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both}
.fs90{font-size:90%}
.fs80{font-size:80%}

/*main structure*/
header{position:relative;width:100%;background:#f5efe9}
header .container{position:relative;width:100%;min-height:80px;margin:0 auto;padding-top:80px;box-sizing:border-box}
nav{position:relative;width:100%}
div[role=main]{position:relative;width:100%;background:#f5efe9}
div[role=main] .container{position:relative;width:100%;margin:0 auto;}
footer{position:relative;width:100%;background:#60908f}
footer .container{position:relative;width:100%;margin:0 auto;padding:44px 20px 80px 20px;box-sizing:border-box}

footer .container p{color:#fff}
footer .container a{color:#fff;text-decoration:none}
footer .container a:hover{color:#fff;text-decoration:underline}
footer .left{padding-left:20px;position:relative;box-sizing:border-box}
footer .right{padding-left:20px;position:relative;box-sizing:border-box}
footer .circle{background:#c96f33;display:block;width:12px;height:12px;position:absolute;left:0;top:10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%}

@media (min-width: 768px) { 
	footer .container{padding:44px 20px 20px 20px}
	footer .left{width:348px;float:left}
	footer .right{width:280px;float:left}
	footer .cols{max-width:628px;float:right}
}
@media (min-width: 992px) { 
	footer .left{width:448px;float:left}
	footer .right{width:280px;float:left}
	footer .cols{max-width:728px;float:right}
}


/*mainmenu*/
#mainmenu{display:none}
#mainmenu ul{display:block;list-style-type:none;margin:0;padding:24px 0 36px 0}
#mainmenu ul li{display:block;margin:0;padding:0}
#mainmenu ul li a{display:block;padding:8px 20px;color:#60908f;text-decoration:none;line-height:24px;font-weight:900;text-align:center}
#mainmenu ul li:first-child a{}
#mainmenu ul .current a{color:#c96f33}
#mainmenu ul .current-direct-parent a{color:#c96f33}
#mainmenu ul ul{display:none}


/*button menu*/
#btnmenu{position:absolute;right:0px;top:0px;display:block;width:80px;height:80px;padding:28px 24px 0 24px;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);z-index:120}
#btnmenu .line{position:relative;margin:0 0 6px 0;display:block;width:100%;height:4px;background:#60908f;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#btnmenu .cross{display:none;position:absolute;left:22px;top:38px;width:36px;height:4px;background:#60908f;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-ms-transform: rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#btnmenu .cross1{-ms-transform: rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}
@media (min-width: 375px) { 
}
@media (min-width: 768px) { 
}
@media (min-width: 992px) { 
}
@media (min-width: 1100px) { 
}

@media (min-width: 1200px) { 
	header .container{padding-top:0px}
	nav{position:relative;height:120px;padding:0 0 0 300px;width:calc(100% - 300px)}
	#btnmenu{display:none}
	#mainmenu{display:block}
	#mainmenu ul li{float:left}
	#mainmenu ul li a{float:left;border:0;padding:16px 9px 56px 9px}
}

/*DefaultPage*/
#DefaultPage{padding:80px 20px 40px 20px}
#DefaultPage.homepage{padding:60px 20px 0px 20px;text-align:center}
#DefaultPage.mediation{padding:30px 20px 40px 20px}
#DefaultPage.blogs{padding:30px 20px 40px 20px}
@media (min-width: 992px) { 
	#DefaultPage{padding:100px 240px 40px 120px}
	#DefaultPage.homepage{padding:60px 40px 0px 40px;text-align:center}
	#DefaultPage.mediation{padding:30px 240px 40px 120px}
	#DefaultPage.blogs{padding:30px 40px 40px 40px}
}

#DefaultPage img{max-width:100%}

.aangesloten{padding:40px 20px 40px 20px}
.aangesloten img{max-width:100%}
@media (min-width: 992px) { 
	.aangesloten{padding:60px 120px 40px 120px}
}


/*DefaultForm*/
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm fieldset{border:0;margin:0;padding:28px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:0;display:block;font-weight:600;font-size:20px;line-height:28px}
.DefaultForm label{display:block;width:100%}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:'Lata',sans-serif;font-size:100%;margin:0 0 12px 0}
.DefaultForm .input1{width:100%;border:1px solid #000;padding:10px;background:#fff;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .input1_error{width:100%;border:1px solid #000;padding:10px;background:#ff9900;box-sizing:border-box;-webkit-appearance:none}
.DefaultForm .submitcontainer{text-align:center}
.DefaultForm .submit{border:0px solid #006600;background:#006600;color:#fff;font-weight:600;cursor:pointer;padding:10px 20px;margin:0 auto 12px auto;-webkit-appearance:none}
.DefaultForm .error{color:#ff9900}
.DefaultForm .required{color:#ff9900}
.DefaultForm .form_footer{text-align:right}
.DefaultForm .formline1{padding-top:10px;line-height:24px}

/*breadcrumb*/
.breadcrumb{display:none}

@media (min-width: 480px) { 
}

@media (min-width: 640px) { 
}

@media (min-width: 992px) { 
}

@media (min-width: 1200px) { 
	
	header .container{width:1160px}
	nav .container{width:1160px}
	div[role=main] .container{width:1160px}
	footer .container{width:1200px}

}

#logo{}
#logo img{position:absolute;top:20px;left:20px;width:140px}
@media (min-width: 400px) { 
	#logo img{width:200px;top:15px}
}
@media (min-width: 1200px) { 
	#logo img{top:35px;left:30px;width:200px;z-index:2}
}

.generic-image{margin:0;padding:0;height:40vw;position:relative}
.generic-image img{display:block;margin:0 auto;padding:0;width:100%;max-width:2500px}


.generic-image .payoff{position:absolute;top:20%;left:calc(50% + 5vw);text-align:right;font-size:22px;line-height:24px;font-style:italic;color:#c96f33;width:140px}
.generic-image .payoff span{display:block;text-align:left}
@media (min-width: 560px) { 
	.generic-image .payoff{position:absolute;top:20%;left:calc(50% + 17.5vw);text-align:right;font-size:3.6vw;line-height:4.4vw;font-style:italic;color:#c96f33;width:23vw}
}
@media (min-width: 1000px) { 
	.generic-image .payoff{position:absolute;top:20%;left:calc(50% + 175px);text-align:right;font-size:36px;line-height:44px;font-style:italic;color:#c96f33;width:230px}
}
@media (max-width: 768px) and (orientation: portrait) {
.generic-image{aspect-ratio: 4/3;width:100%;height:75vw}
}


.generic-image .buttons{position:absolute;right:20px;bottom:5px;width:150px;display:none}
.generic-image .buttons a{display:block;text-align:center;line-height:30px;background:#c96f33;color:#fff;font-size:12px;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;margin-bottom:10px}
@media (min-width: 600px) { 
	.generic-image .buttons{display:block}
}

@media (min-width: 992px) { 
	.generic-image .buttons{position:absolute;right:50px;bottom:35px;width:210px}
	.generic-image .buttons a{line-height:40px;font-size:16px;margin-bottom:15px}
}


@keyframes fadeInUp {
  0% {
    /*transform: translateY(100%);*/
    opacity: 0;
  }
  100% {
    /*transform: translateY(0%);*/
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 0.75s fadeInUp;
}

.homepage h1{display:none}
.homepage h2{font-size:32px;line-height:36px;font-style:italic;padding:0 0 24px 0;font-weight:400}

.submenu{padding:40px 20px 40px 20px}
.submenu{max-width:}
.submenu .submenuitem{display:block;text-align:center;margin:0 auto;max-width:260px;position:relative}
.submenu2 .submenuitem{max-width:200px}
.submenu3 .submenuitem{max-width:200px}
.submenu .submenuitem h3{text-align:center;text-transform:uppercase;color:#c96f33;padding:0 0 12px 0}
.submenu .submenuitem .circle {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
@media (min-width: 640px) { 
	.submenu .submenuitemouter{width:50%;float:left}
	.submenu2 .submenuitemouter{width:33%}
	.submenu3 .submenuitemouter{width:50%}
}
@media (min-width: 992px) { 
	.submenu .submenuitemouter{width:25%;float:left;padding:0 10px;box-sizing:border-box}
	.submenu2 .submenuitemouter{width:20%;float:left;padding:0 10px;box-sizing:border-box}
	.submenu3 .submenuitemouter{width:50%}
	.submenu3{max-width:500px;margin:0 auto}
}

.submenuitem .circle img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
}
.submenuitem .intro{padding:12px 20px 24px 20px;font-size:16px;line-height:20px;box-sizing:border-box;min-height:116px}
.submenuitem .intro p{padding:0}

.submenuitem a{display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.submenuitem a span{display:none}

/*Share buttons*/
#share-buttons{margin:0;padding:0 0 0 0;height:auto;line-height:44px;float:none;padding:28px 0}
#share-buttons p{margin:0;padding:0 0 0 0;float:none;line-height:44px;display:block;color:#60908f;font-weight:bold;text-transform:uppercase;text-align:center}
#share-buttons ul{list-style-type:none;margin:0 auto;padding:0;float:none;text-align:center}
#share-buttons ul li{display:inline-block;margin:0;padding:0 0 0 0;float:none}
#share-buttons ul li a{display:block;width:44px;height:44px;outline:0}
#share-buttons ul li a span{display:block;margin:7px;width:30px;height:30px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#share-buttons ul li #share-facebook span{background:url(/images/design/socials/facebook.svg) 50% 0 no-repeat;background-size:30px}
#share-buttons ul li #share-twitter span{background:url(/images/design/socials/x.svg) 50% 0 no-repeat;background-size:30px}
#share-buttons ul li #share-linkedin span{background:url(/images/design/socials/linkedin.svg) 50% 0 no-repeat;background-size:30px}
#share-buttons ul li #share-email span{background:url(/images/design/socials/email.svg) 50% 0 no-repeat;background-size:30px}
#share-buttons ul li a span span{display:none}

.blogitem{display:block;position:relative;background:#fff;box-sizing:border-box;width:100%;aspect-ratio: 1;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;overflow:hidden;box-shadow: 0px 0px 8px 0px rgba(96,144,143,0.6);
-webkit-box-shadow: 0px 0px 8px 0px rgba(96,144,143,0.6);
-moz-box-shadow: 0px 0px 8px 0px rgba(96,144,143,0.6);margin-bottom:20px}

@media (min-width: 600px) { 
	.blogitem{width:calc(50% - 10px);float:left;margin-bottom:20px}
	.blogitem:nth-child(2n + 1) {float:right}
}
@media (min-width: 992px) { 
	.blogitem{width:calc(33.33% - 20px);float:left;margin-bottom:30px}
	.blogitem:nth-child(2n + 1) {float:left}
	.blogitem:nth-child(3n) {
	  margin:0 10px 30px 0
	}
	.blogitem:nth-child(3n + 1) {
	  margin:0 20px 30px 20px
	}
	.blogitem:nth-child(3n + 2) {
	  margin:0 0 30px 10px
	}
}

#DefaultPage .blogitem img{position:absolute;left:-10%;top:0;width:125%;max-width:125%}
.blogitem .txt{position:absolute;left:0;top:55%;width:100%;padding:10px 20px 40px 20px;box-sizing:border-box}
.blogitem .txt h2{line-height:24px;padding:0 0 6px 0}
.blogitem .txt p{font-size:14px;line-height:20px}
.blogitem a{position:absolute;left:0;top:0;width:100%;height:100%;font-size:14px;line-height:20px}
.blogitem a span{position:absolute;left:20px;bottom:16px}
.blogitem a:hover span{text-decoration:underline}

@media (min-width: 992px) { 
	.blogitem .txt{top:55%}
}

/*header,footer,columns
#header{position:relative;width:940px;height:160px;background:url(/images/design/header.gif) 0 20px no-repeat #ccc}
#left_column{float:left;width:170px;padding:0 0 50px 0}
#content_column{float:right;width:770px;padding:0 0 50px 0}
#content{float:left;width:600px}
#right_column{float:right;width:170px}
#footer{position:absolute;left:0px;bottom:0px;height:50px;width:940px;text-align:right;background:url(/images/design/footer.gif) 0 0 no-repeat #ccc}
#footer_content{display:block;line-height:30px;margin:0;padding:0 13px 0 0}
*/

/*vertical menu
.vmenu{padding:29px 0 0 0}
.vmenu ul{display:block;list-style-type:none;margin:0;padding:0}
.vmenu ul li{margin:0;padding:0;display:block}
.vmenu ul li a{display:block;text-decoration:none;padding:5px 10px;color:#666;font-weight:bold}
.vmenu ul li li a{padding:5px 10px 5px 20px}
.vmenu ul li li li a{padding:5px 10px 5px 30px;font-weight:normal}
.vmenu ul li a:hover, 
.vmenu ul li .active{color:#000}

.vmenu ul ul{display:none}
.vmenu .showsub ul{display:block}
.vmenu .showsub ul ul{display:none}
.vmenu .showsub .showsub ul{display:block}
.vmenu .showsub .showsub ul ul{display:none}
*/

/*DefaultForm
.DefaultForm{position:relative;margin:0;padding:0}
.DefaultForm fieldset{border:0;margin:0;padding:30px 0 20px 0}
.DefaultForm legend{height:1px;overflow:hidden}
.DefaultForm legend span{position:absolute;left:0;top:10px;display:block;font-weight:bold;font-size:120%}
.DefaultForm label{display:block;float:left;width:110px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm input,
.DefaultForm select,
.DefaultForm textarea{font-family:Verdana,Arial,sans-serif;font-size:100%;margin:0 0 5px 0}
.DefaultForm .input1{width:300px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input2{width:200px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm .input3{width:100px;border:1px solid #333;padding:1px 3px;background:#fff}
.DefaultForm select.input1{width:308px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input2{width:208px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm select.input3{width:108px;border:1px solid #333;padding:0px;background:#fff}
.DefaultForm .radiocontainer{display:block;padding:0;margin:0;clear:left;min-height:24px}
.DefaultForm .radiocontainer2{display:block;padding:10px 0 0 110px;margin:0;min-height:24px;clear:left}
.DefaultForm .radiocontainer span.label{display:block;float:left;width:110px;padding:2px 0 0 0;margin:0;line-height:16px;clear:left}
.DefaultForm .radiocontainer .radio{display:block;float:left;position:relative;width:auto;padding:2px 10px 7px 20px;margin:0;line-height:15px;clear:none}
.DefaultForm .radiocontainer .radio span{position:absolute;display:block;left:0;top:1px;line-height:15px}
.DefaultForm .radiocontainer .radio input{margin:0;padding:0;vertical-align:middle}
.DefaultForm .submit{border:1px solid #333;cursor:pointer;margin:5px 0 0 110px;-webkit-appearance:none}
.DefaultForm input.input1_error,
.DefaultForm textarea.input1_error{width:300px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input2_error,
.DefaultForm textarea.input2_error{width:200px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm input.input3_error,
.DefaultForm textarea.input3_error{width:100px;border:1px solid red;padding:1px 3px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm select.input1_error{width:308px;border:1px solid red;padding:0px;background:url(/images/warning.png) 100% 50% no-repeat #fff}
.DefaultForm .error{color:red}
.DefaultForm .required{color:red}
.DefaultForm .form_footer{text-align:right}
.DefaultForm .formline1{padding-top:10px;line-height:24px}
*/
/*SubscribeForm
#SubscribeForm{}
#SubscribeForm fieldset{padding:30px 10px 10px 10px;}
#SubscribeForm legend{}
#SubscribeForm legend span{left:10px}
#SubscribeForm label{display:block;float:none;width:auto;clear:none;line-height:normal}
#SubscribeForm .input1{width:140px}
#SubscribeForm input.input1_error,
#SubscribeForm input.input1_error:focus{width:140px}
#SubscribeForm .submit{margin:5px 0 0 0}
#SubscribeForm #hypt{position: absolute; top: -10000px}
*/

/*SearchForm
#SearchForm{position:absolute;right:10px;top:30px;text-align:right}
#SearchForm fieldset{padding:0}
#SearchForm label{display:block;height:18px;padding:0 5px 0 0;line-height:18px;float:left;width:auto;margin:0;clear:none}
#SearchForm .input1{width:120px;float:left}
#SearchForm input.input1_error,
#SearchForm input.input1_error:focus{float:left;width:120px}
#SearchForm .submit{margin:0 0 0 5px}
*/
/*breadcrumb
.breadcrumb{position:absolute;left:190px;top:165px;width:560px;height:20px;line-height:20px;margin:0;padding:0;overflow:hidden;font-size:10px}
.breadcrumb a{}
.breadcrumb a:hover{}
*/
/*GoogleMaps
#map_canvas{width:560px;height:400px;overflow:hidden;margin:0 0 20px 0;padding:0}
#infowindow{line-height:16px;width:200px;height:120px}
#infowindow h2{font-size:14px;padding:0;margin:0}
#infowindow p{padding:0;margin:0}
*/
/*SearchResults
.search_result{list-style-type:none;margin:0;padding:0}
.search_result li{margin:0;padding:0;padding-bottom:4px}
.search_result li{line-height:13px;padding-bottom:15px}
.search_result table{margin:3px 0 1px 0}
.search_result table td{line-height:3px;height:3px}
*/
/*Sitemap
.sitemap ul{margin:0;padding:3px 0}
.sitemap li{margin:0 0 0 16px;padding:0}
*/
/*Share buttons
#share-buttons{margin:0;padding:0 0 20px 0;height:20px;line-height:20px}
#share-buttons p{margin:0;padding:0 15px 0 0;float:left;line-height:20px;display:none}
#share-buttons ul{list-style-type:none;margin:0;padding:0;float:left}
#share-buttons ul li{display:block;margin:0;padding:0 15px 0 0;float:left}
#share-buttons ul li a{display:block;width:20px;height:20px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0}
#share-buttons ul li a span{display:none}
#share-buttons ul li #share-facebook{background:url(/images/design/share-buttons.png) 0 0 no-repeat}
#share-buttons ul li #share-twitter{background:url(/images/design/share-buttons.png) -20px 0 no-repeat}
#share-buttons ul li #share-linkedin{background:url(/images/design/share-buttons.png) -60px 0 no-repeat}
#share-buttons ul li #share-email{background:url(/images/design/share-buttons.png) -40px 0 no-repeat}
*/

/*Pagina Navigatie
.PageNav { line-height:20px; margin-bottom:2px; width:940px; }
.PageNav a, .PageNav span { float:left; display:block; padding:0 3px; width:26px; line-height:20px; color:#fff; text-decoration:none; margin:0 2px 2px 0; background:#666; font-weight:bold; text-align:center }
.PageNav select{ float:left; display:block; margin:0 8px 2px 0 }
.PageNav span { background:#999; color:#ccc }
.PageNav a.active { background:#999; }
.PageNav a:hover { background:#333 }
.PageNav .clearer { height:1px; overflow:hidden; margin-top:-1px; clear:left }
*/