@import "reset.css";
@import "menu.css";
html {
    -webkit-text-size-adjust: none;
}
body{
	background:url(../images/bg.jpg) no-repeat top left #000;
	color:#fff;
	font-family:Open Sans,arial;
	font-size:13px;
}
body, html {height: 100%;}
.grid-6 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(6,1fr);}
.grid-5 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(5,1fr);}
.grid-4 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(4,1fr);}
.grid-3 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(3,1fr);}
.grid-2 				{display: grid;grid-gap: 20px;grid-template-columns: repeat(2,1fr);}
#gr4 a{background-color:#000;text-decoration:none;text-align:center;padding:20px;font-size:16px;border:solid 3px #fff;margin-top:10px;margin-bottom:10px;}
#gr4 a:hover{background-color:#000;border:solid 3px #ed1d2b;}
#sticker{position:sticky;top:0px;z-index:1000;}

#superwrapper {min-height: 100%;height: auto !important;height: 100%;}
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
a{
	color:#fff;
}
a:hover{
	color:#ed1d2b;
}
b,strong{
	color:#fff;
}
.clear{
	clear:both;
}

.wrapper {
	max-width: 1160px;
	width:95%;
	height: auto;
	margin: 0px auto;
	position:relative;
}
#band{padding:10px;text-align:center;text-transform:uppercase;font-size:20px;background-color:#444;color:#fff;margin-bottom:3px;margin-top:1px;font-family:Oswald,Arial;letter-spacing:1px;}
/*png fix
**************

dan moet dit script wel in de header gestoken worden:
<script type="text/javascript" src="<?php echo WB_URL ?>/templates/scripts/iepngfix_tilebg.js"></script>
img, div, a  { behavior: url(<?php echo WB_URL ?>/templates/scripts/iepngfix.htc) }*/


/*page Title
**************/
h1 {color:#959595;font-size:30px;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;text-shadow:1px 1px 0px #000;line-height:normal;}
h2 {color:#ffffff;font-size:18px;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;text-shadow:1px 1px 0px #000;line-height:normal;}
h3 {font-size:20px;font-weight:700;text-transform:uppercase;text-decoration:none;font-family:Oswald,Arial,sans-serif;text-align:left;text-shadow:1px 1px 0px #000;letter-spacing:1px;padding-bottom:10px;border-bottom:1px solid #444;}
/*header
******************/
#nieuws {float:right;}
#nieuws span {font-size:12px;}
#header {width:100%;padding:20px 0;}
.headleft {float:left;width:11%;margin-right:5%;}
.headright {float:right;width:84%;}
#logo img {width:100%;}
#merken {padding-top:20px;clear:both;}
.merk {float:left;width:30%;margin-left:5%;}
.merk:first-child {margin-left:0;}
.merk img {width:100%;}

#searchbox {margin-top:6px;float:right;width:30%;margin-right:1.5%;}
.searchfield {width:100%;}
input.search {background:url(../images/searchbg.jpg) repeat-x;border:1px solid #2c2c2c;width:85%;font-size:11px;color:#696969;padding:7px 5px;float:left;border-right:0px;border-radius:0px;box-shadow:none;-webkit-appearance: none;text-shadow:1px 1px 0px #000;}
.search_submit {display:inline-block;height:28px;width:10%;background:url(../images/search.png) no-repeat center center #1f1f1f;float:left;border:1px solid #2c2c2c;border-left:0px;}


#slideshow {}

#nav {background:url(../images/menubg.jpg) repeat-x;border-bottom:1px solid #212121;height:44px;}

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

#btns {border-top:1px solid #000;border-bottom:3px solid #000;background-color:#000;}
#btns2 {border-top:1px solid #000;border-bottom:3px solid #000;background-color:#000;}
.nieu {width:29%;float:left;margin-right:0.5%;padding:2%;}
.occasie {width:29%;float:left;margin-right:0.5%;padding:2%;}
.acc {width:29%;float:left;padding:2%;}

.imgleft {float:right;margin-left:5%;width:35%;}
.imgleft img {width:100%;}
.imgtekst {float:left;margin-top:-6px;width:60%;}
.imgtekst h1 {font-size:30px;}
.imgbtn {margin-top:5px;}
.imgbtn a {font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;font-family:Oswald,Arial,sans-serif;background-color:#ed1d2b;padding:5px;display:block;text-align:center;width:90px;text-shadow:1px 1px 0px #000;}
.imgbtn a:hover {color:#fff;text-decoration:none;background-color:#5b5b5b;}

.gradient {background: rgb(49,49,49); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzMxMzEzMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzE3MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(49,49,49,1) 1%, rgba(23,23,23,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(49,49,49,1)), color-stop(100%,rgba(23,23,23,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(49,49,49,1) 1%,rgba(23,23,23,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(49,49,49,1) 1%,rgba(23,23,23,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(49,49,49,1) 1%,rgba(23,23,23,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(49,49,49,1) 1%,rgba(23,23,23,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#171717',GradientType=0 ); /* IE6-8 */
}

/*main content -> menu & content
*********************************/
#main {width:96%;padding:40px 2%;line-height:21px;}

/*content block
*******************/
#content{line-height:21px;}
.contentleft {float:left;width:30%;margin-right:5%;}
.contentright {width:65%;float:right;}
.content {width:100%;}

.inhoud {margin-top:30px;line-height:21px;}

.col {float:left;width:22%;margin-left:4%;position:relative;}
.col img {width:100%;}
.c1 {margin-left:0px;}
.proTitel a {color:#fff;font-size:18px;font-family:Oswald,Arial,sans-serif;text-transform:uppercase;display:inline-block;text-decoration:none;padding-bottom:10px;}
.proTitel a:hover {text-decoration:underline;}
.proPic {position:relative;background-color:#222;padding:1px;}
.verkocht {position:absolute;bottom:1px;right:1px;}
.verkocht span {font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;font-family:Oswald,Arial,sans-serif;background-color:#ed1d2b;padding:5px;display:block;text-align:center;text-shadow:1px 1px 0px #000;}
.lines {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #333;}
.lines1 {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #333;display:none;}

#verkocht {margin-top:30px;}
#verkocht span {font-size:12px;font-weight:700;text-transform:uppercase;text-decoration:none;font-family:Oswald,Arial,sans-serif;background-color:#ed1d2b;padding:5px 30px;display:inline-block;text-align:center;text-shadow:1px 1px 0px #000;}

#info {margin-top:20px;}

#tbl td, .table td {padding:10px;}
/*footer top
****************/

.gradient2 {
background: rgb(51,51,51); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzE3MTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(23,23,23,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(23,23,23,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(23,23,23,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(23,23,23,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(23,23,23,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(23,23,23,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#171717',GradientType=0 ); /* IE6-8 */
}

#footer {padding:20px 2%;width:96%;}
#fct {float:left;}
#fct2 {float:right;}
.fct2 {margin-top:20px;line-height:21px;}


/*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	{color:#000;background-color:#fff;width:400px;margin:50px auto;padding:50px;border:solid 15px #ed1d2b;border-radius:10px;box-sizing:border-box;}
#orderDay				{border:none !important;font-size:30px;color:#ad6a43;width:250px;}
a.shop_submit,a.submit 			{background-color:#ed1d2b;color:#fff;text-decoration:none;}

/*FORMS
********/
.required 				{color: #FF0000;}
.field_heading 			{font-weight: bold;padding-top: 10px;}
.field_row 				{display:flex;}
.field_title 			{flex:1;}
.field_input 			{flex:2;}
.field_checkbox 		{width: 100%;margin-bottom:10px;}
.field_title2 			{width:100%;margin-bottom:10px;}
.field_input2 			{width:100%;margin-bottom:10px;}
input[type='checkbox'] 	{width:auto;}
input[type='radio'] 	{width:auto;}
.textarea				{width:100%;}


.email,.textfield,.textarea,select 	{color:#7c7c7c;background-color:#fff;border:1px solid #d8d8d8;padding:5px;width:100%;box-sizing: border-box;font-family:Work Sans, Arial;font-size:15px;}
.email,.textfield,.textarea			{border-radius: 0;outline: none;padding:8px;margin-bottom:15px;}
.textarea 							{height:150px;}
.field_error						{border:solid 1px #c00;}

.checkbox_label 		{cursor: pointer;}
.radio_label 			{cursor: pointer;}
.nixhier 				{display:none;}
.submit					{background-color:var(--MAINCOLOR);color:var(--COLOR_ON_MAIN);border:none;padding:15px 30px;text-decoration:none;display:inline-block;margin-top:15px;outline: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;font-family:Work Sans, Arial;font-size:15px;border-radius: 20px;}
.gdpr					{font-size:10px;line-height: normal;}