@import "reset.css";
@import "menu.css";
@import "cols.css";
html {  -webkit-text-size-adjust: none;}
body{background-color:#fff;color:#000;font-family:Droid Serif, Arial;font-size:14px;}
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:#F78E1E;}
b,strong{font-weight:bold;}

#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;}

/*page Title
**************/
h1 {color:#001250;font-size:24px;line-height:normal;font-weight:700;margin-bottom:30px;font-family:Montserrat,arial;text-transform:uppercase;}
h2 {color:#F78E1E;font-size:16px;line-height:normal;font-weight:700;margin-bottom:20px;font-family:Montserrat,arial;text-transform:uppercase;}

/*header
******************/
#top {background-color:#f5f5f5;padding:20px 0;border-bottom:1px solid #E2E6E7;}
#header {background-color:#fff;padding:20px 0;border-bottom:1px solid #E2E6E7;}
#logo {float:left;}
#logo a {font-family:Montserrat,arial;text-transform:uppercase;text-decoration:none;font-size:30px;font-weight:700;}
#logo a:hover {color:#000;}
#logo a span {text-transform:none;font-weight:400;font-size:14px;}

.mob {display:none;}
#languages {float:right;}
#languages ul{list-style-type:none;}
#languages ul li{float:left;border-right:1px solid #E2E6E7;}
#languages ul li a {color:#A4AAB3;padding:15px;display:block;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;}
#languages ul li a.lcurrent {background-color:#E2E6E7;color:#000;}
#languages ul li a:hover {background-color:#E2E6E7;color:#000;}

/*HEADER MOB
**************/
#navMobMenu{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob {background-color:#fff;display:none;}

/*main content -> menu & content
*********************************/
#main {width:100%;margin:80px 0;line-height:24px;}
#nieuws {float:left;width:45%;margin-right:5%;}
#contenthome {float:right;width:50%;}

.wagen {float:left;width:30%;margin-left:5%;}
.wagen img {object-fit: cover;aspect-ratio: 4/3;}
.w3 {margin-left:0;}
.wag3 {margin-bottom:50px;}
.wag2 {display:none;margin-bottom:30px;}
.titel {text-align:center;}
.titel a {display:inline-block;margin:10px 0;text-transform:uppercase;font-family:Montserrat,arial;font-size:14px;text-decoration:none;font-weight:700;line-height:normal;color:#fe7b09;}
.automa {text-align:center;font-size:12px;line-height:normal;}
.prijs {margin-top:10px;text-align:center;font-weight:700;}

.grid-2 {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;}
.grid-2 a {display: block;}
.grid-2 img {object-fit: contain;aspect-ratio: 16/9;width: 100%;}

#prodDet{float:left;width:45%;position:relative;margin-right:10%;}
#prodPic img {width:100%;}
#prodShop{float:right;width:45%;}

#thumbs {margin-top:10px;}
.thumb {float:left;width:23.5%;margin-left:2%;position:relative;}
.t4 {margin-left:0;}
.thumbs4 {margin-bottom:10px;}
.thumbs2 {margin-bottom:10px;display:none;}
.prijsDet {margin-bottom:25px;}
.prijsDet span {text-decoration:none;font-size:20px;font-family:Montserrat,arial;font-weight:700;}
.lefttitel {float:left;margin-right:5%;}
.righttitel {float:right;}
.row {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #e3e3e3;}

#info {margin-top:40px;}

/*footer top
****************/
#footer {padding:25px 0px;color:#fff;background-color:#73767A;}
#footer a {color:#fff;text-decoration:underline;}
#fct {float:left;}
#fct ul {margin:0px;list-style-type:none;}
#fct ul li {display:inline-block;}
#fct ul li:last-child {margin-right:0px;}
#fct2 {float:right;}
#footer a.tel{text-decoration:none;}
.navB{display:none;}