@charset "UTF-8"; 
/* CSS Document by SAUS*/
body{background: #ebe8e2 url(../img/bg-noisy.png);}
#pagewrapper{width:100%; position:absolute; top:0}
.clear{clear:both}
.clearmobile{display:none;}
img {max-width:100%;}

/* Sections
--------------------- */
#header{width:100%; height:278px; position:relative; z-index:10; background-color:#2a2a2a; top:0; border-bottom:double 9px #ebe8e2}
.headergraphic{background-image:url(../img/header-bggraphic.png); background-position:center center; background-repeat:no-repeat; z-index:15; position:relative; top:0; height:268px; width:100%}
.headernav{width:870px; height:75px; margin:0 auto; padding:95px 0 0 0; position:relative; z-index:20}

#fold{	width:100%;	position:relative;margin-bottom:60px}

.quote{width:100%; max-width:1024px; margin:40px auto 0 auto; position:relative; font-size:2.4em; text-transform:uppercase; color:#333; letter-spacing:0.0em; text-decoration:none; font-family:'Archer-Book',sans-serif; font-style:normal; text-align:center; text-shadow: 0px 1px 0px  rgba(255, 255, 255, 0.8);}
.quote2{width:100%; max-width:1024px; margin:0 auto; position:relative; font-size:2.4em; text-transform:uppercase; color:#fff; letter-spacing:0.0em; text-decoration:none; font-family:'Archer-Book',sans-serif; font-style:normal; text-align:center; text-shadow: 0px 1px 0px  rgba(0, 0, 0, 0.4); top:40px}

#textwrapper{ width:100%; max-width:940px; margin:0 auto; position:relative;}
.twocolumn{width:100%; max-width:420px; margin:0px 50px 0px 0px; float:left; position:relative;  }

.titel{background:#fed443; display:block; width:224px; position:relative; margin:2em auto; padding:1em 0; font-size:1.2em; text-transform:uppercase; color:#333; text-decoration:none; font-family:'Archer-Book',sans-serif; font-style:normal; text-align:center; text-shadow: 0px 1px 0px  rgba(255, 255, 255, 0.8); border-top:solid 1px rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4);}
.titel2{background:#fed443; display:block; width:224px; position:relative; margin:-2px auto 2em auto; padding:1em 0; font-size:1.2em; text-transform:uppercase; color:#333; text-decoration:none; font-family:'Archer-Book',sans-serif; font-style:normal; text-align:center; text-shadow: 0px 1px 0px  rgba(255, 255, 255, 0.8);border-top:solid 1px rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4); z-index:999;}


.logomobile{display:none;}
#service-wrapper{ width:100%; max-width:940px; margin:0 auto; position:relative;}
.service-graphic{max-width:754px; left:50%; position:relative; margin:4em 0 4em -377px}
.green-line-icons{width:100%; height:3px; position:absolute; z-index:-10; background-color:#4fcc58; margin:-390px 0 0 0 }
.green-line-full{width:80%; min-width:600px; height:3px; position:relative; background-color:#4fcc58; margin:1em auto}
.green-line{width:50%; min-width:300px; height:3px; position:relative; background-color:#4fcc58; margin:1em auto; display:block}

.centercolumn{ width:100%; max-width:580px; margin:0 auto 4em auto; position:relative; display:block;}

#duurzaam{width:100%; position:relative; background-image:url(../img/bg-noisy-green.png); background-repeat:repeat; border-top:solid 1px rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.4); padding:0 0 2em 0}

.duurzaamtitel{font-size:2.4em; text-transform:uppercase; color:#333; text-decoration:none; font-family:'Archer-Book',sans-serif; font-style:normal; text-align:left; text-shadow: 0px 1px 0px  rgba(255, 255, 255, 0.4);margin: 0 0 1em 0}

.onecolumn-right{ width:100%; max-width:420px; margin:0px 50px 0px 0px; float:right; position:relative; }

.contact{width:100%; position:relative; display:block; margin-top:-6em; padding-top:2em; background:#2a2a2a; height:100%; border-top:solid 1px #fff;}

.contact-wrapper{ width:100%; max-width:940px; position:relative; margin:6em auto; background:#333; z-index:99}

.contacttitel{float:left; margin:0px 0px 20px 0px; position:relative; width:420px; height:14px; font-size:1em; text-transform:uppercase; color:#fed443; letter-spacing:0.0em; text-decoration:none; font-family:'Archer-Book',sans-serif; font-style:normal; text-align:left; text-shadow: 0px 1px 0px  rgba(0, 0, 0, 0.4);}

.onecolumn-left{ width:100%; max-width:420px; margin:0;float:left;position:relative;}

/* Images &etc
--------------------- */
.avatar{height:175px; width:175px; float:left; margin:0px 15px 15px 0px; background:url(../img/avatar.png) no-repeat; background-position:top; position:relative; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);
}

.graphic{float:left; margin:20px 0px; position:relative; width:420px; height:62px; background-position:left top; background-repeat:no-repeat; background-image:url(../img/duurzaam-graphic.png)}

.contentlogo{height:250px; width:175px; float:left; margin:30px 30px 15px 0px; background:url(../img/contactlogo.png) no-repeat; background-position:top; position:relative}

.lb-image-wrapper {
	width:100%;
	display:block;
	height:100%;
	position:relative;
	margin-top:75px;
}
.lb-image{display:block; position:relative;}
.margin-top{display:block; position:relative; height:25px;}
.cross{float:right; height:16px; width:158px; display:block; position:absolute; top:0px; right:0px;}

/* Selection color
--------------------- */
::selection{background:#fed443; /* Safari */}
::-moz-selection{background:#fed443; /* Firefox */}

/* slider 
--------------------- */
#slider-wrapper{ width:100%; max-width:940px; height:280px; margin:0 auto}
#slider{position:relative;     width:100%; max-width:940px;     height:280px;  background:url(../img/loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);}
#slider img{position:absolute; top:0px; left:0px; display:none; width:100%}
#slider a{border:0; display:block}
.nivo-controlNav{position:absolute; left:260px; bottom:-42px}
.nivo-controlNav a{display:block; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left}
.nivo-controlNav a.active{background-position:0 -22px}
.nivo-directionNav a{display:block; width:26px; height:55px; background:url(../img/arrows.png) no-repeat; text-indent:-9999px; border:0}
a.nivo-nextNav{background-position:-28px 0; right:15px}
a.nivo-prevNav{left:15px}
.nivo-caption{font-size:0.875em; /* 14px */color:#fff; letter-spacing:0.0em; text-decoration:none; font-family:Arial,'Helvetica',sans-serif; font-style:normal; text-align:left; text-shadow:0px 1px 0px #000}
.nivo-caption a{color:#000; background-color:#fed443}

/* slider2 
--------------------- */
#slider-wrapper2{ width:100%; max-width:940px; margin:60px auto}
#slider2{position:relative; width:420px; height:400px; margin-left:0px; background:url(../img/loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.4);}
#slider2 img{position:absolute; top:0px; left:0px; display:none}
#slider2 a{border:0; display:none}
.nivo-controlNav2{display:none; position:absolute; left:260px; bottom:-42px}
.nivo-controlNav2 a{display:none; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left}
.nivo-controlNav2 a.active{display:none; background-position:0 -22px}
a.nivo-nextNav2{background-position:-28px 0; right:15px}
a.nivo-prevNav2{left:15px}

/* Contactform 
--------------------- */
#contact-area input, #contact-area textarea{padding:5px;  width:420px; font-family:Helvetica,sans-serif; font-size:1.4em; margin:0px 0px 10px 0px; border:3px solid #fff; background-color:#2a2a2a; font-size:0.875em; color:#969696; letter-spacing:0.0em; text-decoration:none; font-family:Arial,'Helvetica',sans-serif; text-align:left; line-height:1.3em; -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

#contact-area textarea{height:45px; resize:none;}

#contact-area textarea:focus, #contact-area input:focus{border:3px solid #fed443; font-size:0.875em; color:#fff; letter-spacing:0.0em; text-decoration:none; font-family:Arial,'Helvetica',sans-serif; text-align:left; line-height:1.3em; } 

#contact-area input.submit-button{width:200px; background:#fed443; font-size:1em; color:#000; letter-spacing:0.0em; text-decoration:none; font-family:'Archer-Book',sans-serif; font-style:normal; text-align:center; line-height:1.3em; text-transform:uppercase; text-shadow:0px 1px 0px #fff; display:block; position:relative; -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; text-shadow: 0px 1px 0px  rgba(0, 0, 0, 0.4);}
.submit-button:hover {background:#fff !important; }
input, textarea {    -webkit-appearance: none;    border-radius: 0; outline: none; }
textarea{-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.8);}
input.submit-button {-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.8);}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {#header{display:none;} .nivo-caption{display:none;}.clearmobile{clear:both; display:block;} .twocolumn{ width:100%;} h5{font-size:120% !important; }#textwrapper{width:92%; padding:4% 0;}.green-line-icons{display:none;} h6{font-size:120% !important} .titel, .titel2{font-size:150% !important;}#slider2{display:none}.onecolumn-right{width:92%; max-width:92%; padding:0 4%; margin:0}.nivo-caption{display:none; visibility:hidden}title{display:none;}#contact-area{display:none;}.onecolumn-left{max-width:420px; left:50%; margin-left:-210px;}.twocolumn{max-width:100%}.green-line-full{ max-width:100%; min-width:1px;}#slider-wrapper{width:92%; margin:0 4%;}.contacttitel{text-align:center; font-size:120% !important;}.contact{margin-top:-7.48em;}.centercolumn{max-width:100%;}h7, h8 {font-size:120% !important;}.contentlogo{margin-bottom:160px;}.logomobile{margin:1em auto 0 auto; display:block;-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);}