html, body,#body {width:100%;height:100%;margin:0;padding:0;}

/*** ACHTERGROND AFBEELDING ***************************************************/
body {background:#fff;font-weight: 400;font-family: Montserrat;font-size: 14px;line-height: 16px;text-align:center;color:#828282;overflow-y:scroll;overflow-x:hidden;line-height:24px;position:absolute}
#preloader{position:fixed;width:100%;height:100%;overflow:hidden;background:#fff;z-index:1000}
h1 {color:#1f1f1f;font-weight: 700;font-family: Montserrat;font-size:26px;line-height:34px;text-transform:uppercase;margin-top:0;letter-spacing: -0.03em;}
h2 {font-weight: 700;font-family: Montserrat;font-size: 26px;line-height:26px;color:#1f1f1f;text-transform:uppercase;letter-spacing: -0.03em;margin:20px 0}
h3 {font-size:18px;font-weight:300;margin:10px 0 3px 0;}
h4{font-weight: 800;font-family: Montserrat;font-size: 22px;line-height: 22px;text-transform:uppercase;color:#1f1f1f}
a {color:#7cba3b;text-decoration:none}
a:hover {color:#23527c;text-decoration:none}
a img, a img:hover {border:none}
div, p {padding:0;margin:0}
ul{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}
hr {clear:both;border:none;border-bottom:1px solid #0c0c0c;color:transparant;height:3px;margin:5px 0}

#clearfloat {height:1px;overflow:hidden;clear:both;float:none}

.melding, .meldinggoed {border:1px solid #e30000;color:#e30000;background:#ffdede;padding:15px;font-size:0.9em;line-height:14px;font-style:italic;margin:5px 0}
.meldinggoed {border:1px solid #3c6f08;color:#3c6f08;background:#d6eebd}

.markeer{background:#fd0;padding:0 5px;color:#0c0c0c}
.noshow{display:none}

.fal, .far {color:inherit;font-size:12px;font-family: "Font Awesome 5 Pro";}

/***** FORMULIER **************************************************************/
form {}
label {min-width:120px;width:100%;height:24px;line-height:unset;display:block;padding:10px 0 0 0;margin:2px 0;font-weight:700;color:#1f1f1f}
input, textarea, select {font-family: Montserrat;color:#666;min-width:150px;width:calc(100% - 2px);line-height:50px;height:50px;text-indent:27px;padding:0;margin-bottom:10px;border-radius:4px;border: 1px solid #e5e7f2;background: #f7f9fb;transition:0.25s;}
input:focus, textarea:focus{border-color:#7cba3b}
input.fout, textarea.fout{border-color:#e30000}
select {height:28px;text-indent:0;margin-top:0;float:none}
textarea {height:94px;width:calc(100% - 54px);font-size:1.0em;padding:27px;text-indent:0;line-height:14px}
.button, button {background:#7cba3b;height:auto;text-align:center;line-height:48px;height:50px;width:auto;min-width:150px;border-radius:4px;border:2px solid #7cba3b;font-weight:800;text-indent:0;padding:0 25px;color:#fff;font-size:14px;text-transform:uppercase;transition:0.25s;cursor:pointer}
.button:hover {background:transparent;color:#7cba3b;}
.radio, form .checkbox {height:13px;width:13px;margin:0 3px 3px 10px;border:0;background:none}
.radiolabel {line-height:13px;height:13px;margin-right:20px}

form .foutmelding{color:#e30000;display:block;margin-top:-8px;line-height:17px}

form input.default{font-style:italic;color:#999}
 .grecaptcha-badge{display:none}

/***** HEADER *****************************************************************/
#header{position:fixed;top:0;left:0;width:100%;z-index:100;background:#fff;height:87px}
#header .wrapper{max-width: 1240px;margin:0 auto;position:relative}
#logo{position:absolute;top:-13px;left:0;background:#f7f7f7;padding:30px 45px;border-bottom:4px solid #7cba3b;border-bottom-left-radius:40px;border-right:7px solid #3a5727;}

/***** AFBEELDINGEN ***********************************************************/
#afbeeldingen{position:relative;top:87px;left:0;width:100%;height:474px;overflow:hidden;z-index:10}
#afbeeldingen.home{height:583px}
#afbeeldingen ul, #afbeeldingen ul li{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0}
#afbeeldingen ul li img{min-width:100%;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#afbeeldingen .tekst{width:100%;max-width:1240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#fff}
#afbeeldingen .tekst h1{color:#fff;font-size:32px}
#afbeeldingen .tekst .titel{width:100%;text-align:left;font-size:56px;display:block;margin-bottom:50px;font-weight:bold}
#afbeeldingen .tekst .ondertitel{width:100%;text-align:left;font-size:46px;line-height:24px;display:block;margin-bottom:0;font-weight:700}
#afbeeldingen .tekst .button{font-weight:600;transition: 0.25s;font-size:24px;text-transform:none;float:left;margin-top:50px}
#afbeeldingen.contact iframe{margin-top: -127px;height: 724px;}
/***** MENU *******************************************************************/
#btn_menu_mobiel{display:none}
#menu{float:right}
#menu ul{list-style:none;margin:0;padding:0}
#menu ul li{display:inline-block;margin:0;padding:0;position:relative}
#menu ul li a{transition: 0.25s;display:inline-block;padding:30px 15px 24px 15px;font-weight:900;font-size:12px;text-transform:uppercase;border-bottom:1px solid transparent;font-size:12px;color:#1f1f1f}
#menu ul li.uitklap i {color: inherit;font-weight: bold;margin:0;font-size: 11px;display: inline-block;background: none;margin-left: 5px;}
#menu ul li i.fas.fa-home{color:inherit;font-size:12px;margin-right:5px}
#menu ul:hover li a{opacity:0.5}
#menu ul li a:hover{border-color:#1f1f1f;color:#1f1f1f;opacity:1}
#menu ul li.actief a{color:#7cba3b}

#menu ul#submenu{display:none;border-radius: 4px;position:absolute;min-width:225px;left:-10px;top:68px;overflow:visible;right:auto;background:#fff;padding:15px 0 15px 25px;text-align:left}
#menu ul li ul#submenu li a{color:#1f1f1f;padding:6px 0px;opacity:1}
#menu ul li.uitklap ul#submenu li a::after{background:none;padding:0;width:0;}
#menu ul li.uitklap ul#submenu li a:hover{color:#7cba3b}


/***** FOOTER *****************************************************************/
#footer{width:100%;background:#f7f9fb;padding:60px 0 10px 0;border-top: 1px solid #e5e7f2;position:relative}
#footer .wrapper{max-width:1240px;margin:0 auto}

#footer h2{font-size:16px;color:#1f1f1f;margin-bottom:10px}
#footer h2::after {content:'';display:block;width:40px;height:3px;margin:15px 0 5px;background:#3a5727;}
#footer .blok{width:33.3%;float:left;text-align:left;line-height:24px;margin-top:0}
#footer i.fas, #footer i.fab{margin-right:14px;clear:left;float:left;margin-top:15px}
#footer .blok span{display:block;float:left;margin-top:10px}

#footer .social_media a{display:block;line-height:32px;height:42px;color:#828282}
#footer .social_media i.fab{font-size:14px;margin-top:20px}
#footer .social_media a:hover{color:#7cba3b}

#footer .nieuwsbrief form{width:265px}
#footer .nieuwsbrief input{content:'test';margin-top:30px}
#footer .nieuwsbrief .button{margin-top:5px;width:240px}

.onderfooter.wrapper{text-align:left;max-width:1240px;margin:30px auto;font-size:0.9em}
.onderfooter.wrapper a{color:#666;font-weight:bold}
/***** PAGINA INHOUD **********************************************************/
#container{background:#fff;width:100%} /* achtergrond kavels f3f3f3 */
#container .wrapper{margin-top:87px;padding-top:86px;position:relative}
#content{max-width:1240px;margin:0 auto 40px;text-align:left}
#content.contactpersonen #text{width:66.666667%}
#content.contactpersonen.home #text{width:100%}
#text img{max-width:100%}

#kolom_contact{width:33.3%;max-width:350px;float:right;min-height:100%}
#kolom_contact .contactpersonen{position:relative;min-height:100px}
#kolom_contact .contactpersonen a i{margin-right:14px;clear:left;float:left;margin-top:5px}
#kolom_contact .contactpersonen a{display:block;line-height:22px;height:22px;color:#1f1f1f}
#kolom_contact .contactpersonen a span{color:#7cba3b;font-weight:bold}
#kolom_contact .contactpersonen .telefoon{margin-top:15px}
#kolom_contact .contactpersonen .telefoon span{font-weight:normal}

#kolom_contact .contactpersonen .fa-users{font-size:80px;color:#3a5a19;position:absolute;right:30px;top:0}

#kolom_contact .waarom-bct{background:#7cba3b;padding:25px;font-size:14px;color:#fff;line-height:22px;margin-top:20px}
#kolom_contact .waarom-bct h3{text-align:center;font-weight:bold;font-size:16px;text-transform:uppercase}
#kolom_contact .waarom-bct i{margin-left:-25px;margin-right:10px;width:14px;}
#kolom_contact .waarom-bct ul{list-style:none;margin:0;padding:0}
#kolom_contact .waarom-bct .li{margin-top:15px;padding-left:20px}

#kolom_contact a.button{border-color:#fff;text-transform:none;display:inline-block;width:auto;margin-top:30px;min-width:unset}
#kolom_contact a.button:hover{color:#fff}

/***** HOME PAGE **************************************************************/
#home{width:calc(66.6% - 30px);float:left}

#steekwoorden{margin-bottom:50px;display:block;clear:both}
#steekwoorden i{font-size:55px;color:#3a5a19;}
#steekwoorden div{width:50%;text-align:center;float:left;padding:15px 0;transition:0.25s;}
#steekwoorden div:hover{top:-10px;padding:0 0 30px 0}

#progressbar{width:100%;height:30px;background:#f7f7f7;overflow:hidden;box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;border-radius: 3px;position:relative;margin:10px 0}
#progressbar .progress{position:absolute;top:0;left:-100%;height:30px;background:#7cba3b;border-radius: 3px;-webkit-transition: width 1s linear;transition: width 1s linear;box-sizing: border-box;}
#progressbar .tekst{position:absolute;top:0;left:15px;padding:3px 0;font-size:12px;color:#fff;}

#blok_twee{width:100%;background:#444;color:#fff}
#blok_twee .wrapper{max-width:1240px;margin:0 auto 40px;text-align:left}
#blok_twee h1{color:#fff;font-size:16px;line-height:34px;margin:0 0 20px 0}
#blok_twee .tekst{width:50%;float:left}
#blok_twee .tekst .padding{padding:0 30px 50px 0}
#blok_twee .tekst a.button{display:inline-block;line-height:47px;width:auto;text-transform:none}

#samenwerken{padding:30px 0 60px 0;text-align:center;position:relative;}
#samenwerken h2{color:#1f1f1f}
#samenwerken h2.groen{color:#7cba3b;margin-bottom:40px}
#samenwerken_logos{text-align:left;position:relative;clear:both;height:100px;overflow:hidden;width:100%;}
#samenwerken_logos ul{list-style:none;padding:0;margin:0;position:relative;}
#samenwerken_logos ul li{position:absolute;width:242px;height:100px;}
#samenwerken_logos img{margin:0;max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

#blokken .blok{width:45%;float:left;margin:0 5% 60px 0}
#blokken .blok:nth-of-type(2n){margin:0 0 60px 5%}
#blokken .blok h1{font-size:22px;margin:0 0 20px 0}
#blokken .inhoud{max-width:1240px;text-align:left;margin:0 auto}

#pluspunten{background:#7cba3b;width:100%;padding:0 0}
#pluspunten .wrapper{max-width:1240px;text-align:center;margin:0 auto;width:100%;padding:0;height:214px;}
#pluspunten h4{color:#fff;font-size:22px;margin-bottom:0}
#pluspunten i{font-size:55px;color:#fff;}
#pluspunten .wrapper div{width:25%;text-align:center;position:relative;margin-top:55px;float:left;transition:0.25s;}
#pluspunten .wrapper div:hover{margin-top:40px}

/****** KAVELS ****************************************************************/
#container .wrapper.kavels{background:#f7f7f7}
#kavels {text-align:center;width:100%;margin-bottom:80px}
#kavels iframe{margin-top:15px;margin-bottom:80px;}
#kavels .tekst{text-align:left;padding-bottom:50px}

#kavel {width:66.66666%;float:left}
#kavel .downloads{margin-top:30px}
#kavel .downloads a{text-align:left;color:#999;font-size:18px;display:block;margin:20px}
#kavel .downloads a:hover{color:#1f1f1f}
#kavel .downloads i.redPdf{color:#ff0000;font-size:18px;margin:0 20px 0}
#kavel .downloads a.download{display:inline-block;color:#fff;text-align:center;margin:20px auto;font-size:14px;font-weight:800;text-transform:none;width:auto}
#kavel .downloads a.download i{margin-right:20px}
#kavel .downloads a.download:hover{color:#7cba3b;margin:10px 0 30px 0;box-shadow: 0 8px 25px rgba(0, 0, 0, .15);}
#kavel .downloads .center{text-align:center}
#kavel .downloads .dwl{color:#f00;float:right;font-size:0.8em}

#kavel_gegevens{background:#7cba3b;padding:10px 20px;font-size:14px;color:#fff;text-align:left;line-height:24px;margin:-20px 0 20px 50px;max-width: 295px;}
#kavel_gegevens h3{font-weight:bold;font-size:16px;text-transform:uppercase}
#kavel_gegevens i{display:inline-block;clear:left;margin-left:0;margin-right:10px;width:14px;}
#kavel_gegevens li{padding:0;margin:0;margin-top:10px;list-style:none}
#kavel_gegevens a.button{border-color:#fff;text-transform:none;display:inline-block;width:auto;margin:30px 0 20px 0;min-width:unset}
#kavel_gegevens a.button:hover{color:#fff}

sup{font-size:0.7em}
/****** NIEUWS ****************************************************************/
#nieuws a.item{display:block;float:left;border:1px solid #e5e7f2;border-radius:4px;margin:0 30px 30px 0;overflow:hidden;width:calc(33.3333% - 30px);}
#nieuws a.item:nth-of-type(3n){margin-right:0}
#nieuws a.item .img{height:240px;width:100%;overflow:hidden;position:relative}
#nieuws a.item img{transition-duration: 800ms;width:100%;height: auto;position:absolute;left:50%;transform:translateX(-50%)}
#nieuws a.item:hover img{transform:translateX(-50%) scale(1.15);}
#nieuws a.item .tekst .datum{color:#828282}
#nieuws a.item .tekst .datum i{color:#7cba3b;float:left;margin: 5px 10px 0 0;}
#nieuws a.item .tekst{padding:20px}
#nieuws a.item .tekst h2{font-size: 22px;line-height:22px;color:#1f1f1f}
#nieuws a.item .tekst .leesmeer{font-weight:bold}

#artikel{width:66.66666667%;padding-bottom:40px}
#artikel h1{font-size:34px;font-weight:700;line-height:34px;letter-spacing: -0.03em;margin-bottom:16px}
#artikel .datum{color:#828282;margin-bottom:40px}
#artikel .datum i{color:#7cba3b;float:left;margin: 5px 10px 0 0;}
#artikel img{width:100%;margin-bottom:40p;max-width:100%}

#nieuws .kolom_rechts{width:33.33333%;float:right}
#recente_berichten h2{display:block;color:#1f1f1f;padding:2px 10px 2px 50px;font-size:16px;margin-bottom:10px;margin-top:0}
#recente_berichten h2::after {content: '';display: block;width: 40px;height: 3px;margin: 15px 0;background: #3a5727;}
#recente_berichten a{display:block;color:#828282;padding:2px 10px 2px 50px}
#recente_berichten a i{margin-right:10px;font-size:8px}
#recente_berichten a:hover{color:#7cba3b;}
#nieuws .kolom_rechts #kolom_contact{width:100%;float:none;margin:50px 0 50px 50px}

/****** TEAM ******************************************************************/
#team{margin-bottom:50px}
#team .item{overflow:hidden;width:calc(25% - 30px);float:left;margin:30px 30px 30px 0}
#team .item:nth-of-type(4n){margin-right:0}

#team .item .img{height:240px;width:100%;overflow:hidden;margin-bottom:20px}
#team .item img{width:100%}
#team .detail{margin: 2.5px 0 2.5px 0;padding: 5px 0;border-bottom: 1px solid #ddd;line-height: 16px;}
#team .detail i{float:left;margin:2px 8px 0 0}

/****** DUURZAAM **************************************************************/
#container .wrapper.duurzaam{background:#f7f7f7;margin-top:0}
#content.duurzaam{max-width:unset}
#duurzaam {width:calc(100% - 80px);padding:0 40px;text-align:center}
#duurzaam #knoppen{background:#fff;width:100%;padding:50px 40px;margin-left:-40px}
#duurzaam #knoppen a.knop{display:block;float:left;padding:40px 35px;background: #7cba3b;transition:all 0.3s;font-weight: 400;width:calc(25% - 98px);height:123px;font-family: Montserrat;font-size: 14px;line-height: 16px;color:#fff;text-transform:uppercase;margin:0 14px;position:relative}
#duurzaam #knoppen a.knop:nth-of-type(2n){background:#3a5727}
#duurzaam #knoppen a:hover {top:-9px;box-shadow: 0 3px 12px #999;}
#duurzaam #knoppen a img{width:60px;height:60px;padding:10px;border:1px solid #ddd;border-radius:50%;background:#fff;}
#duurzaam #knoppen .img{margin-bottom:25px}

#duurzaam .tekstpagina{max-width:1200px;margin: 0 auto;text-align:left;padding:70px 0}
#duurzaam .tekstpagina h2{color:#1f1f1f;margin:30px 0 10px 0}

#duurzaam .afbeeldingen{background:#fff;width:100%;padding: 50px 40px;text-align: center;margin-left: -40px;}
#duurzaam .afbeeldingen img{width: calc(48% - 30px);margin:15px}

/****** CONTACT FORMULIER *****************************************************/
#contactform{width:calc(66.66666667% - 50px);padding-right:50px;padding-bottom:40px;float:left}
#contactform .deelform.email, #contactform .deelform.naam{width:calc(50% - 10px);float:left}
#contactform .deelform.email{float:right}
.kolom_rechts #kolom_contact{width:100%;float:none;margin:50px 0 50px 50px}
#content.contact .kolom_rechts #kolom_contact{margin-top:0}
.kolom_rechts{width:33.33333%;float:right}