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

/*** STANDAARD STIJL-GEGEVENS *************************************************/
body {background:#fff;font-family:'DIN', helvetica, arial, Sans-Serif;font-size:13px;text-align:center;color:#1D1D1B;overflow-y:scroll;line-height:16px;position:relative}
#preloader{position:fixed;width:100%;height:100%;overflow:hidden;background:#fff;z-index:1000}
h1 {color:#a4932d;font-size:16px;font-weight:300;margin:0 0 16px 0;line-height:normal}
h2 {font-size:14px;font-weight:700;margin:20px 0 0 0;}
h3 {font-size:18px;font-weight:300;margin:10px 0 3px 0;}
a {color:#a4932d;text-decoration:none}
a:hover {color:#595021;font-weight:normal;text-decoration:underline}
a img, a img:hover {border:none}
div, p {padding:0;margin:0}
ul{padding:0;margin:0;list-style:none}
ul li::before {color:#fff;content:"\2022";margin-left:-14px;float:left} /* zorgen voor witte bullits */ 
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}

/***** FORMULIER **************************************************************/
form {margin-top:300px}
label {width:120px;float:left;height:34px;line-height:34px;margin:2px 0}
input, textarea, select {width:270px;line-height:34px;height:34px;text-indent:7px;padding:0;border:none;background:rgba(255,255,255,0.8);margin:0 0 2px 0;font-family:'Raleway', arial, sans serif;font-size:1.0em}
input:focus, textarea:focus{background:#fff}
select {height:28px;text-indent:0;margin-top:0;float:none}
textarea {height:80px;width:264px;font-size:1.0em;padding:3px;text-indent:0;line-height:14px}
button {width:auto;line-height:34px;height:34px;padding:0 20px;background:#595021;border:none;font-size:13px;color:#fff;text-indent:0;cursor:pointer;}
button:hover {background:#fff;color:#595021}
.radio, form .checkbox {height:13px;width:13px;margin:0 3px 3px 10px;border:0;background:none;float:left;margin-left:120px}
.radiolabel {width:260px;line-height:13px;height:auto;display:inline-block}

form input.default{font-style:italic;color:#999}

.grecaptcha-badge{display:none}

/***** CONTAINER **************************************************************/
#container{width:100%;min-height:100%;position:relative}
#container .kolom{width:50%;min-height:100%;text-align:left;position:absolute;top:0;left:0}
#container .kolom.rechts{background:#a4932d;left:auto;right:0}
#container .kolom.rechts a{color:#fff}
#container .kolom.rechts.home{color:#fff;text-align:right}
#container .kolom.rechts.home img.achtergrond{position:absolute;max-height:100%;top:0;left:0;z-index:0}
#container .kolom.rechts.home .text{position:absolute;bottom:50px;right:50px;z-index:1}


#container .content{padding:10%;width:auto;min-height:560px}
#container .content #text{position:absolute;bottom:50px;left:20%;width:60%}

#container .content #text.rechts h1{color:#fff}
#container .content #text.rechts, form{top:50%;transform:translate(0,-50%)}

#container .kolom.rechts.contact .content {min-height:260px}
#container .kolom.rechts.contact .content #text.rechts{display:none}
/***** HEADER *****************************************************************/
#header{display:none}
#header .logo{width:100%}
#header .ondertitel{text-align:center;font-size:24px;margin-top:40px;line-height: 22px;}
#header .ondertitel span{color:#a4932d}

/***** MENU *******************************************************************/
#menu_mobiel, #btn_menu_mobiel_aan{display:none}

#menu {position:absolute;top:50%;right:50px;z-index:3;text-align:right;transform:translate(0,-50%)}
#menu ul {list-style:none;margin:0;padding:0}
#menu ul li{margin:0;padding:0;position:relative}
#menu ul li::before {content:normal} /* zorgen voor witte bullits */
#menu ul li a{color:#a4932d;padding:0 3px;line-height:24px;display:block;font-size:16px}
#menu ul li.actief a{color:#1d1d1b}
#menu ul li a:hover{text-decoration:none;color:#595021}

/***** PORTFOLIO **************************************************************/
#container.portfolio .kolom.rechts{background:#fff;height:100%;overflow-y:scroll;padding:0}
#container.portfolio .kolom.links{background:#a4932d;}
#container.portfolio #header .ondertitel, #container.portfolio #header .ondertitel span{color:#fff}
#portfolio_menu{position:absolute;bottom:50px;right:50px;z-index:3;text-align:right;}
#portfolio_menu a, #container.portfolio #menu ul li a{color:#1d1d1b;padding:0 3px;line-height:24px;display:block;font-size:16px}
#portfolio_menu a.actief, #container.portfolio #menu ul li.actief a{color:#fff}
#portfolio_menu a:hover, #container.portfolio #menu ul li a:hover{text-decoration:none;color:#595021}

#portfolioimg a {width:200px;height:200px;display:block;float:left;margin:10px 40px;display:none}
#portfolioimg a img{max-width:100%;max-height:100%}