@import "reset.css";
@import "menu.css";
html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#000;font-family:Raleway, Arial;font-size:18px;}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear:both;}
a{color:#0072bc;}
a:hover{color:#0072bc;text-decoration:none;}
b,strong{font-weight:bold;}

#map_canvas { border:0; margin:0; padding: 0; height:400px; width: 100%;position:relative;z-index:1; }
.box {min-width:160px;font-weight:400;overflow:hidden;line-height:21px;font-family:Raleway,arial;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1160px;width:95%;height: auto;margin: 0px auto;position:relative;}

.placeholder {color:#fff;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;opacity:1;}
::-moz-placeholder {color:#fff;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#fff;}	
input[placeholder], textarea[placeholder] {color:#fff;}

h1 {color:#000;font-size:24px;line-height:normal;font-weight:700;margin-bottom:30px;}
h2 {color:#000;font-size:18px;line-height:normal;font-weight:normal;}
h3 {color:#fff;font-size:24px;line-height:normal;font-weight:700;margin-bottom:30px;}
h5 {color:#fff;font-size:40px;line-height:normal;font-weight:700;margin-bottom:30px;}
h6 {color:#fff;font-size:50px;line-height:normal;font-weight:700;}

#height {height:99px;}
#top {background-color:#f8f8f8;position:fixed;top:0px;left:0px;z-index:1000;width:100%;-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
#header {width:100%;}
#logo {position:absolute;top:15px;left:0px;}

#navMob {display:none;float:right;}
#navigation {display:none;}
#mobile-header a {color:#000;text-decoration: none;display: block;font-size:16px;padding:40px 0;} 

#banner {position:relative;width:100%;height:600px;background-size:cover;}
#banner2 {position:relative;width:100%;height:400px;background-size:cover;}
.banner1 {background:url(../images/banner3.jpg) no-repeat center center;}
.banner2 {background:url(../images/lavabo.jpg) no-repeat center center;}
.banner5 {background:url(../images/sanitair.jpg) no-repeat center center;}
.banner6 {background:url(../images/cv.jpg) no-repeat center center;}
.banner8 {background:url(../images/bad.jpg) no-repeat center center;}
.banner9 {background:url(../images/onderhoud.jpg) no-repeat center center;}
.banner10 {background:url(../images/renovaties.jpg) no-repeat center center;}
.banner11 {background:url(../images/vloerverwarming.jpg) no-repeat center center;}
.banner12 {background:url(../images/ventilatie.jpg) no-repeat center center;}

#abs {position:absolute;height:100%;width:100%;display:block;top:0px;left:0px;z-index:99;}
.table {display:table;width:100%;height:100%;}
#row {display:table-cell;vertical-align:middle;text-align:center;color:#fff;padding:0 20px;background:rgba(0,0,0,0.3);}

#nieuws1 {padding:100px 0;background-color:#fff;}
.nieuws1-left {float:left;width:65%;margin-right:5%;line-height:32px;}
.nieuws1-right {float:right;width:30%;}
.nieuws1-right img {width:100%;}

#nieuws2 {position:relative;}
.nieuws2-left {float:left;width:50%;}
.nieuws2-right {float:right;width:50%;background-color:#2394bd;line-height:32px;}
.bcg2 {color:#fff;height:500px;}
.pad {padding:50px;max-width:550px;}
.bcg {background-image:url(../images/imageParallaxHome.jpg);position:relative;min-height:500px;background-repeat:no-repeat;background-attachment:fixed;width:100%;height:100%;}
.meerinfo a {display:inline-block;margin-top:20px;background-color:transparent;color:#fff;text-transform:uppercase;font-weight:700;padding:12px 24px;border:3px solid #fff;text-decoration:none;}
.meerinfo a:hover {background-color:#fff;color:#2394bd;}

#nieuws3 {padding:100px 0;text-align:center;line-height:32px;}
.meerinfo2 a {display:inline-block;margin-top:20px;background-color:transparent;color:#2394bd;text-transform:uppercase;font-weight:700;padding:12px 24px;border:3px solid #2394bd;text-decoration:none;}
.meerinfo2 a:hover {background-color:#2394bd;color:#fff;}

#main {width:100%;padding:100px 0;line-height:32px;}
.mainleft {float:left;width:70%;margin-right:5%;}
.mainright {float:right;width:25%;}
.blue {background-color:#2394bd;padding:20px;font-size:16px;color:#fff;}

.project {float:left;width:45%;margin-left:10%;position:relative;}
.p2 {margin-left:0;}
.pro2 {margin-bottom:40px;}
.project img {object-fit:cover;height:300px;width:100%;}
.proTitel a {text-align:center;background-color:#f8f8f8;color:#0054a6;padding:15px;display:block;text-decoration:none;}

#footer {padding:40px 0px;color:#000;background-color:#e1e1e1;line-height:32px;font-size:16px;}
#footer a {color:#000;text-decoration:underline;}
#fct {float:left;width:33%;}
#fct1 {float:left;width:33%;}
#fct1 ul ul {display:none;}
#fct2 {float:left;width:33%;}
#footer a.tel{text-decoration:none;}
.navB{display:none;}
#siteby {background-color:#2394bd;font-size:14px;padding:20px 0;text-align:center;color:#fff;}
#siteby a {color:#fff;}

.required {color: #FF0000;}
.field_heading {font-weight: bold;padding-top: 10px;}
.field_title {}
.field_input {margin-bottom:10px;}
.field_checkbox {float:left;width: 100%;margin-bottom:10px;}
.field_title2 {width:100%;margin-bottom:10px;}
.field_input2 {width:100%;margin-bottom:10px;}

.submit {text-decoration:none; background-color:#2394bd;color:#fff;padding:10px 20px;border:0px;font-family:Raleway,arial;float:right;text-transform:uppercase;font-weight:700;}
.submit2 {text-decoration:none;background-color:#2394bd;color:#fff;padding:10px 20px;border:0px;font-family:Raleway,arial;float:right;text-transform:uppercase;font-weight:700;display:inline-block;}

.shop_submit {background-color:#0054a6;color:#fff;padding:10px 20px;border:0px;font-family:Raleway,arial;text-transform:uppercase;display:block;width:100%;font-weight:700;margin-top:20px;}

.email,.textfield,.textarea,select {color:#000;background-color:#fff;border:1px solid #eee;padding:5px;width:100%;font-family:Raleway,arial;box-sizing: border-box;}
.email,.textfield,.textarea{-webkit-appearance: none;border-radius: 0;}
.textarea {height: 100px;}
.checkbox_label {cursor: pointer;}
.radio_label {cursor: pointer;}
.nixhier {display:none;}