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


#bestel {display: none;position: fixed;bottom: 0px;left: 0px;z-index: 9999;width: 100%;}
#bestel a {background-color: #00a6f1;padding: 15px;color: #fff;width: 100%;display: block;text-decoration: none;text-transform: uppercase;font-size: 18px;text-align: center;box-sizing: border-box;}

#navMobMenu{display:none;}
#order_beg{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob {background-color:#d96502;display:none;}

.searchBMob{display:none;}	
	

.cc-color-override--350472393.cc-window {z-index: 99999;}
.dropdown button{padding:0px;}
.dropdown {overflow: hidden;display:inline-block;z-index:100;margin-right: 20px;}
.dropdown .dropbtn {border: none;outline: none;background-color: inherit;font: inherit;margin: 0;line-height:normal;}
.dropdown .dropbtn a{padding: 10px;}
.dropdown .dropbtn a.curr{padding: 10px;background-color:#fff;}
.navbar a:hover, .dropdown:hover .dropbtn {color:#c00;}
.dropdown-content {display: none;position: absolute;width: 100%;left: 0;z-index: 9999;top:57px;border-top:solid 1px #acddf8;}
.dropdown-content .header {background: red;padding: 16px;color: white;}
div.bogradient{background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);height:100px;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown a{text-decoration:none;display:block;}
.dropdown .dropbtn a{color:#fff;text-decoration:none;}
/* Create three equal columns that floats next to each other */
.column {float: left;width: 33.33%;padding: 10px;background-color: #ccc;height: 250px;}
.column a {float: none;color: black;padding: 16px;text-decoration: none;display: block;text-align: left;}
.column a:hover {background-color: #ddd;}
/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;background-color:#c0c;}

/*WARNING
****************/
#warning,#Zwarning		{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:12000;display:none;background:url(../images/popup2.png);}
#Wmessage,#ZWmessage	{background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 5px #000;border-radius:10px;box-sizing:border-box;overflow:scroll-y;max-height:80%;}
#orderDay				{border:none !important;font-size:30px;color:#ad6a43;width:250px;}

#vlaamsewebwinkellabel{position:absolute;height:50px;width:80px;display:inline-block;margin-left:20px;top:25px;left:10px;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
.wrapper {max-width: 1160px;width:95%;height: auto;margin: 0px auto;position:relative;}
#fbb{font-size:30px;color:#fff;display:inline-block;margin-left:50px;}
#fbbtn{display:none;}
.recensies{float:left;width:46%;margin:2%;box-sizing:border-box;background-color:#fff;padding:20px;border-top:4px solid #00a6f1;}
#catTitle{margin-bottom:20px;}
.placeholder {color:#2c3f59;}
::-webkit-input-placeholder, ::-webkit-textarea-placeholder {color:#2c3f59;}
:-moz-placeholder {color:#2c3f59;opacity:1;}
::-moz-placeholder {color:#2c3f59;opacity:1;}
:-ms-input-placeholder, :-ms-textarea-placeholder {color:#2c3f59;}	
input[placeholder], textarea[placeholder] {color:#2c3f59;}
 .videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*page Title
**************/
h1 {color:#000;font-size:30px;line-height:normal;font-weight:normal;margin-bottom:20px;text-transform:uppercase;}
h1.home{text-transform:uppercase;font-size:20px;margin-bottom:25px;color:#00182b;}
#prodShop h1 {color:#000;font-size:30px;line-height:normal;font-weight:normal;margin-bottom:20px;text-transform: none;}
h2 {color:#000;font-size:18px;line-height:normal;font-weight:normal;margin-bottom:20px;text-transform:uppercase;}
#vlaamsewebwinkellabel{}
#vlaamsewebwinkellabel img{width:130px;}
#vlaamsewebwinkellabel a{padding-top:150px !important;}
#vlaamsewebwinkellabel a svg{min-height:inherit !important;}
#fbbtn{position:absolute;right:140px;top:30px;}
.leesmeer{background:url(../images/arrow2.png )right center no-repeat;color:#fff;border-radius:10px;display:inline-block;width:auto;padding:5px;text-decoration:none;margin-top:20px;padding-left:10px;padding-right:40px;border:solid 1px  #00182b;color: #00182b;background-color:#ddd;}
#bestelMob,#begeleidMob{display:none;}
/*generat*/
a.compItem{text-decoration:none;text-transform:uppercase;}
a.compItem:hover{background-color:#85a6c2;color:#fff;}
.txtC{width:150px;text-align:center;}


#subL{ width:30%;margin-right:5%;float:left;}
#subL ul { list-style-type: none;margin: 0px;padding: 0px;z-index:100;}
#subL ul li{ padding:5px 0px 0px 25px;border-bottom:solid 1px #444;background:url('../images/li.png') no-repeat 0px 5px;}
#subL ul li a{ text-decoration:none;}

#subL2{ width:70%;margin:50px 50px;}
#subL2 ul { list-style-type: none;margin: 0px;padding: 0px;z-index:100;}
#subL2 ul li{ padding:5px 0px 0px 25px;border-bottom:solid 1px #444;background:url('../images/li.png') no-repeat 0px 5px;}
#subL2 ul li a{ text-decoration:none;font-size:18px;}

#subR{ width:65%;float:left;}
.tsnCom{display:none;}
#underConstr{display:none;margin-top:50px;text-align:center;}

.buttons {text-align:right;margin-bottom:20px;margin-top:-30px;}

/*header
******************/
#top {background:#00182b;border-bottom:1px solid #2c3f59;padding:20px 0;position:relative;}
#header {background:#00182b;}

/*configurator home*/
#topLeft {float:left;width:40%;height:100%;}
#topLeftD{margin:10%;border:solid 1px #ccc;color:#fff;text-align:center;padding-top:20px;}
#topLeft h2{color:#fff;font-size:20px;color:#00a2ec;font-weight:normal;}
#topLeft p{padding-left:10%;padding-right:10%;}
#topLeft a {display:inline-block;background:none;border:1px solid #fff;text-transform:uppercase;padding:15px 30px;color:#fff;text-decoration:none;font-size:16px;background-color:#00182b;}
#topLeft a:hover{background:#fff;color:#2c3f59;transition:background 0.25s ease-in 0s;}
/*configuratorpagina*/
.cff{background:url(../images/slidebg.jpg) repeat-x #7e93a6;margin:0px auto;max-width:500px;}
/*flexslider home*/
#topRight {float:right;width:50%;padding:5%;z-index:1000;}
#topRight h2 {color:#fff;font-size:20px;color:#00a2ec;font-weight:normal;margin:0px;padding:0px;}
#winkelmand{z-index:1000;}
/*begeleiden home*/




#begeleidenNav ul {list-style-type: none; margin: 0; padding: 0; width:auto;white-space:normal;}
#begeleidenNav ul li {color: #000;font-weight: normal;z-index:100;border-bottom:dotted 1px #444;margin-bottom:5px;margin-bottom:10px;padding-bottom:10px;}
#begeleidenNav ul li a {display: block;margin-right:20px; text-decoration: none;text-transform:uppercase;}
#begeleidenNav ul li a:hover, #begeleidenNav li a:focus {}
#begeleidenNav li a:active, #nav ul li a.active {}
/*logos en nivs home*/
#logos {margin-top:50px;}
.logo {float:left;width:50%;text-align:center;}
#logos .logo img {width:80%;margin:0px auto;}	
#nivs {margin-top:50px;}
#nivs niv {width:100%;margin:0px auto;}



.searchfield {width:100%;}
input.search {color: #2c3f59;border: 0px;border-radius: 0px;box-shadow: none;-webkit-appearance: none;width: 200px;padding: 11px;font-family: quick,arial;text-transform: uppercase;font-size: 11px;letter-spacing: 1px;}
.search_submit {line-height:normal;display:block;float:right;background-color:#2c3f59;color:#fff;text-decoration:none;padding:10px;letter-spacing:1px;font-family:quick,arial;text-transform:uppercase;font-size:11px;width:70px;text-align:center;}
.search_submit:hover {background-color:#000;color:#fff;}
#searchB{float:right;}
#searchBMob{display:none;}
#languages {position:absolute;top:30px;right:70px;}
#languages ul{list-style-type:none;margin:0;}
#languages ul li{float:left;}
#languages ul li a {color:#fff;padding:6px 6px 5px;text-decoration:none;text-transform:uppercase;font-size:12px;display:inline-block;border:1px solid #2c3f59;font-weight:600;line-height:normal;}
#languages ul li a.lcurrent {background-color:#fff;color:#2c3f59;}
#languages ul li a:hover {background-color:#fff;color:#2c3f59;}
#swiffycontainer{height:0px;width:90%;margin:0px auto;}
#swiffycontainer svg > g > g > rect {
    background:none;
}
#aanmelden {float:right;}
#aanmelden a {display:block;padding:10px;color:#fff;text-decoration:none;}

#accBtn{display:none;}

#logo {width:100%;text-align:center;}



#navigation {display:none;}
#mobile-header a {color:#fff;text-decoration: none;display: block;font-size:16px;padding:8px 2.5%;text-transform:uppercase;} 
#mobile-header span {font-weight:bold;font-size:17px;text-transform:uppercase;margin-right:5px;}

#main{width:100%;line-height:21px;}

#content{width:100%;margin:50px 0;}
.topWrap{background:url(../images/slidebg.jpg) repeat-x #7e93a6;}
#slideshow {padding:50px 0;text-align:center;}
.slideTitel {margin-top:45px;}
.slideTitel span {font-size:30px;font-weight:500;color:#fff;}
.kies {margin:42px 0;}
.kies a{display:inline-block;background:none;border:1px solid #fff;text-transform:uppercase;padding:15px 30px;color:#fff;text-decoration:none;font-size:16px;background-color:#00182b;}
.kies a:hover {background:#fff;color:#2c3f59;transition:background 0.25s ease-in 0s;}

.home {margin:50px 0;}
#begeleiden {float:left;width:45%;margin-right:10%;}
#bedienen {float:right;width:45%;}
.bordertit {border:1px solid #8195a8;text-align:center;}
.bordertit span {font-size:24px;text-transform:uppercase;line-height:normal;font-weight:300;display:block;padding:15px 0;}
.arrow img {display:block;margin:-1px auto 0;}

#social {padding-bottom:10px;}
.facebook {float:left;font-family:quick,arial;font-size:14px;text-transform:uppercase;text-decoration:none;color:#706f6f;line-height:20px;float:right;}
.social {margin:0;list-style-type:none;display:inline;}
.social li {display:inline-block;}
.social li a{text-decoration:none;}
.social li img {margin-right:8px;width:20px;}

.merk {float:left;width:16.66%;}
.mer3, .mer2 {display:none;}
.boord {border-right:1px solid #ececec;}

#sticky {background-color:#00182b;color:#fff;}
#footer a {color:#fff;}
#footerbot a {color:#fff;}
#footerbot {border-top:1px solid #2c3f59;}
.service {padding:20px 0;}
.fct1 {float:left;}
.fct2 {float:right;}
#serv {text-align:center;}
#serv ul {margin:0;list-style-type:none;}
#serv li {display:inline-block;}
#serv li a {color:#00a6f1;text-decoration:none;margin-right:10px;padding-right:10px;border-right:1px solid #00a6f1;}
#serv li.menu-last a {margin-right:0;padding-right:0;border-right:0px;}
#serv li a:hover {text-decoration:underline;}