body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
html{height:100%;}

body{
	font-family: 'Avenirreg', verdana;
	height:100%;
	font-size:0.8em;
	line-height:1.9em;
	color:#000000;
	text-align:left;
}

a{color:#40678A;transition: all 0.3s ease-in-out;}
a:hover, .sel{color:#253C51;}
p{margin-bottom:20px;}
strong{font-weight:bold;}
i, em{font-style:italic;}
table td{vertical-align:top;}
ul{list-style:disc;margin:10px 0px 10px 20px;}
ol{list-style:decimal;margin:10px 0px 10px 20px;}
ul li{list-style:disc;padding-left:2px;margin:0px;}
ol li{list-style:decimal;padding-left:2px;margin:0px;}
th{font-weight:bold;}
form p{margin:0 !important;}
img{display:block;border:0px;}

input, textarea, select{
	color:#000000;
	border:1px solid #667685;
	font-family: 'Avenirreg', verdana;
	line-height:1.2em;
	font-size:1em;
	padding:5px;
	margin:1px 0px 1px 0px;
	background-color:white;
}

input[type="text"]{
	width:220px;
}

input[type="submit"], .sbtn{
	background-color:#a1cb2b;
	color:white;
	cursor: pointer;
	margin-top: 15px;
	padding: 10px 25px;
	border:none;
	transition: all 0.3s ease-in-out;
}

input[type="submit"]:hover, .sbtn:hover{
	background-color:#8aab2d;
}

h1{
	color:#262c36;
	font-size:1.5em;
	margin-bottom:15px;
	line-height:1.4em;
	font-weight:normal;
}

h2{
	color:#262c36;
	font-weight:normal;
	font-size:1.3em;
	margin:15px 0px 15px 0px;
}

h2 a{color:#26934B;}

h3{
	color:#262c36;
	font-size:1.1em;
	margin:15px 0px 10px 0px;
}
.h3small{
	text-transform: uppercase;
	font-size: 0.7em;
	color:#262c36;
}

h4{
	color:#253C51;
	font-size:1em;
	font-weight:bold;
	margin:15px 0px 10px 0px;
}

h5{
	color:#17752d;
	font-weight:normal;
	font-size:1.5em;
	margin:0px 0px 10px 0px;
	font-family: 'Avenirdemi';
}
h5 a{
	color:#17752d;
	text-decoration: none;
}

.cls{
	clear:both;
	font-size:1px;
	line-height:1px;
}

.infoMsg{
	color:#45A316;
	background:url(/images/ico/info.gif) no-repeat 10px 7px;
	margin-bottom:15px;
	margin-top: 10px;
	border:1px solid #9A9A9C;
	padding:5px 5px 5px 35px;
	background-color:#EAFFF0;
}

.infoMsg a{
	color:#45A316 !important;
}

.errMsg{
	color:#D60729;
	background:url(/images/ico/warning.png) no-repeat 10px 5px;
	margin-bottom:15px;
	margin-top: 10px;
	border:1px solid #9A9A9C;
	padding:5px 5px 5px 35px;
	background-color:#ffe8cc;
}

.warningMsg{
	color:#2F818E;
	background:url(/images/ico/warning.png) no-repeat 10px 5px;
	margin-bottom:15px;
	border:1px solid #FF8040;
	padding:5px 5px 5px 35px;
	background-color:#FFF8F4;
}

table td{font-size:1em;}
table{font-size:1em;}

a[class='noico']{
	display:block;
	padding-left:0px !important;
	background-image:none !important;
}

hr{
	border:none;
	height:1px;
	border:none;
	margin:15px 0px 15px 0px;
	line-height:1px;
	font-size:1px;
	background:url(/images/hr2.png) no-repeat bottom left;
}

* {
	box-sizing: border-box;
}

/* EDITOR STYLES */


/* -------------------------------------------------- */
/* FIX */
/* -------------------------------------------------- */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* CUSTOM CSS*/
.sitewidth{
	width: 80% !important;
	margin: 0 auto;
}

#bodywrap{
	position:relative;
	width:100%;
	margin:auto;
	text-align:left;
	max-width: 2000px;
	background:url(/images/bodybg2.png) no-repeat center 50px;
	background-size: 85%;
}

#main{
	position:relative;
	margin: 0 auto;
	width: 100%;
	text-align:left;
}

#headerwrap{
	z-index: 50;
	margin: 0 auto;
	width: 100%;
	position: relative;
}
#header{
	position: relative;
}

#telbox{
	vertical-align: middle;
	background-color:#f4de18;
	display: block;
	position: absolute;
	line-height: 20px;
	top: 0;
	right: 0;
	font-size: 1.2em;
	color: #000000;
	text-decoration: none;
	margin-right: 40px;
}
#telbox .fa{
	font-size: 1.6em;
	margin-right: 5px;
	padding-left: 15px;
	padding-top: 5px;
	float: left;
}
#telbox span{
	float: left;
	padding: 7px 10px 7px 10px;
	display: inline-block;
}

#telbox:hover{
	background-color: #fff069;
}

#socialicons{
	position: absolute;
	top: 0;
	right: 205px;
	vertical-align: bottom;
}
#socialicons .fa{
	color: #90b526;
	margin-right: 5px;
	margin-top: 10px;
	font-size: 2em;
}
#socialicons .fa:hover{
	color: #989898;
} 

#bannerwrap{
	position: relative;
	width: 100%;
	height: 100%;
	background:#8aab2d url(/images/pattern-darkgreen.png) repeat;
}

#banner{
	position: relative;
	height: 100%;
}
#bantext{
	overflow: hidden;
	float: left;
	width: 30%;
	padding:3% 4% 0% 4%;
	color: white;
	background:#90b526 url(/images/pattern-lightergreen.png) repeat;
	font-size: 1.6em;
	font-size: 1.4vw;
	
	line-height: 1.6vw;
	height: 100%;
	position: absolute;
}
#banslider{
	width: 70%;
	float: right;
}

/* -------------------------------------------------- */
/* SLICK SLIDER BANNER */
/* -------------------------------------------------- */

.singleslide .slick-dots{
	position: absolute;
	bottom: 20px;
	padding-right: 20px;
	text-align: right;
}
.singleslide.slick-dotted.slick-slider{
	margin-bottom: 0 !important;
}

.singleslide .slick-dots li{
	margin: 0 2px;
}

.singleslide .slick-dots li button{
	font-size: 1em;
	
}

.singleslide .slick-dots li button:before{
    font-size: 14px;
    line-height: 14px;
	color: #fff;
	opacity: 1;
}

.singleslide .slick-active button:before{
	color: #17752d !important;
}

.merkslider .slick-dots li button:before{
    font-size: 14px;
    line-height: 14px;
	color: #a0a0a0;
	opacity: 1;
}

.merkslider .slick-active button:before{
	color: #17752d !important;
}

.slick-slide{
	height: auto;
}
.slick-slide img{
	width: 100%;
}

.merkslider .slick-dots{
	margin-top: 20px;
}

/* -------------------------------------------------- */
/* AANBIEDING SLIDER */
/* -------------------------------------------------- */

.actieslide .slick-prev:before,.actieslide .slick-next:before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 1;
    opacity: .60;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{
	left: -40px;
}
.slick-next{
	right: -40px;
}

.actieslidewrap{
	width: 100%;
	padding: 30px 0;
	background:#fff url(/images/elegant_grid_long.png) repeat-x;
}

.actieslide .slick-slide{
	margin-right: 15px;
}

.actieslide .slick-dots{
	bottom: -40px;
}

.actieslide img{
	width: 100%;
}

.actieslide.slick-dotted.slick-slider{
	margin-bottom: 50px;
}

.aanitem{
	background-color: white;
	position: relative;
	border:1px solid #a0a0a0;
	padding-bottom: 40px;
}

.haantext{
	padding: 10px 25px;
	word-wrap: break-word;
}

.actieslide .slick-dots li button:before{
    font-size: 14px;
    line-height: 14px;
	color: #a0a0a0;
	opacity: 1;
}

.actieslide .slick-active button:before{
	color: #17752d !important;
}

.actieslide .slick-slider .slick-track, .actieslide .slick-slider .slick-list{
	height: 100%;
}

.prodslider .slick-dots li button:before{
	font-size: 14px;
    line-height: 14px;
	color: #a0a0a0;
	opacity: 1;
}

.prodslider .slick-active button:before{
	color: #17752d !important;
}


.merkslider .slick-slide{
	margin-right: 20px;
}

/* -------------------------------------------------- */
/* Service team */
/* -------------------------------------------------- */

#serviceteam{
	background-color:#a0a0a0;
	text-align: center;
	border-bottom: 5px solid white;
	display: block;
	width: 100%;
	text-decoration: none;
}

#serviceteam h3{
	transition: all 0.3s ease-in-out;
	color: white;
	text-decoration: none;
	margin: 0;
	text-transform: uppercase;
}

#serviceteam{
	padding: 30px 10px;
	line-height: 1.6em;
	font-size: 1.5em;
	color: white;
}

#serviceteam h3:hover{
	color: #a1cb2b;
}

/* -------------------------------------------------- */
/* HOME PRODUCTEN */
/* -------------------------------------------------- */
#hprodbg{
	padding:30px 0;
}
#hprod{
	
}
#hprod a{
	background-color: #989898;
	display: block;
	float: left;
	width: 20.5%;
	margin-right: 6%;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 20px 10px 40px 10px;
	font-size: 1.3em;
}

#hprod a:hover{
	background-color: #90b526;
}

#hprod a:nth-child(4n+4){
	margin-right: 0;
}

#hprod a span{
	width: 100%;
	font-size: 6em;
	display: block;
	margin-bottom: 25px;
	margin-top: 15px;
}

/* -------------------------------------------------- */
/* content */
/* -------------------------------------------------- */
.hwtext{
	text-align:center;
}

#linkwrap {
    display: table;
    position: absolute;
    height: 100%;
    right: 20px;
	width: auto;
	z-index: 50;
}

#linkalign,#banalign{
    display: table-cell;
    vertical-align: middle;
}

#link,#banlink{
    margin-left: auto;
    margin-right: auto; 
    position: relative;
	height: auto;
}

#linkwrap span{
	display: block;
	line-height:12px;
	margin-bottom: 5px;
}
#linkwrap span a{
	position: relative;
	text-decoration: none;
	color: #ffffff;
	height: auto;
	font-size: 2em;
	line-height: 12px;
	
}
#link span a:hover, #linkwrap span .sel{
	color: #17752d;
}

#logo{
	float: left;
	width: 380px;
	height: auto;
	display: block;
	padding-top: 15px;
	margin-left: 40px;
}

#logo img{
	width: 100%;
	display: block;
}

#menu{
	text-align: justify;
	padding-top: 50px;
	margin-bottom: 0px;
	position: relative;
	width: 80%;
	margin: 15px auto 0 auto;
}

#menu a{
	transition: none;
	color: #000000;
	text-decoration: none;
	font-size: 1.2em;
	margin-bottom: 2px;
}
#menu a span{
	padding: 0px 8px 5px 8px;
	margin-left:6px;
	margin-right:6px;
	display: inline-block;
	
}
#menu a:hover span,#menu .sel span{
	border-bottom: 2px solid #17752d;
	margin-bottom: 0px;
}
/*#menu .last{padding: 0px 0px 5px 11px !important;}*/

#menu:after{
  content: '';
  width: 100%; /* Ensures justification for single lines */
  display: inline-block;
}

/* content */

#content{
	margin: 0 auto;
	position: relative;
	width: 100%;
}

#contentpad{
	font-size: 1.2em;
}
#contentpad.cpad{
	padding: 30px 0;
}

.ftag{
    display: none;
}

/* ZOEKFORM */

#searchBox{
	width: 242px;
	float: right;
	position: relative;
	margin-top: 50px;
	margin-right: 40px;
	z-index: 20;
}

.zoekform input{
    float: left;
    font-size: 1.0em;
    padding: 8px 47px 8px 5px;
    vertical-align: middle;
    width: 100%;
	border-radius:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	background-color: #ffffff;
	border: 1px solid #9a9a9a;
	color: #9a9a9a;
	margin: 0;
}

.zoekform button {
	transition: all 0.3s ease-in-out;
    background: #90b526 url(/images/searchbtn.png) no-repeat center center;
    border: medium none;
    cursor: pointer;
    position: absolute;
	height: 100%;
	width: 40px;
	right: 0;
	bottom: 0;
	margin-top: 1px;
}

.zoekform button:hover{
	background-color: #9a9a9a;
}

#zoekqwrap{
	position: relative;
	width: auto;
}

/* PRODUCT OVERZICHT */

#productaantal{
	display: block;
	position: relative;
	font-size: 0.9em;
	margin-bottom: 10px;
}

#productaantal span{
	font-weight: bold;
}

.protype{
	text-transform: uppercase;
	color: #17752d;
    display: block;
    font-family: "Avenirdemi";
    font-size: 1em;
    margin:0px 0;
    text-decoration: none;
}

.pwrap{
	width: 23.5%;
	display: inline-block;
	margin-bottom: 20px;
	min-height: 240px;
	height: auto;
	position: relative;
	vertical-align: top;
}

.pmargin{
	margin-right: 2%;
}

.pimg{
	 white-space: nowrap;
	width: 100% !important;
	display: inline-block;
	border-bottom: 2px solid #f4de18;
	position: relative;
	text-align: center;
	vertical-align: middle;
	/*display: table;
	table-layout: fixed;*/
}
.pimg span{
	/*display: inline-block;
	display: table-cell;
	text-align: center;
	vertical-align: middle;*/
	display: block;
}
.pimg span img{
	width: 100%;
	height: auto;
}
.merkafbeelding{
	width: 90% !important;
	height: auto !important;
	margin: 0 auto;
	vertical-align: middle;
	display: inline-block;
}

.pstatus{
	background-color: #f4de18;
	padding: 2px 12px 0px 12px;
	display: inline-block !important;
	width: auto;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #000000;
	text-transform: uppercase;
	font-family: 'Avenirdemi';
	text-align: center;
	height: auto !important;
	
}

.pstatusgroot{
	background-color: #f4de18;
	padding: 10px 14px 8px 14px;
	display: inline-block !important;
	width: auto;
	position: absolute;
	right: 0;
	bottom: 0;
	color: #000000;
	text-transform: uppercase;
	font-family: 'Avenirdemi';
	text-align: center;
	font-size: 2.2em;
	height: auto !important;
}

.ptextwrap{
	width: 100%;
	height: auto;
	display: block;
}

.ptitel{
	margin: 5px 0;
	display: inline-block;
	text-transform: uppercase;
	color: #17752d;
	text-decoration: none;
	font-family: 'Avenirdemi';
	font-size: 1.1em;
}

.terugbtn{
	text-decoration: none;
	color: #9a9a9a;
	padding-left: 20px;
	background: url(/images/trgarrow.png) no-repeat left center;
	display: inline-block;
}
.tbuttonwrap{
	height: 35px;
}

#pagination{
	margin-top: 20px;
}
.pagenumber{
	display: inline-block;
	padding:0px 8px;
	background-color: #17752d;
	color: white;
	text-decoration: none;
}
.pagenumber:hover, #pagination .sel{
	background-color: #a1cb2b;
	color: #fff;
}

.pswrap{
	height: auto;
	width: 100%;
}
.psleft{
	float: right;
	width: 32%;
	position: relative;
}

.psleft object{
	margin-top: 5px;
}

.psright{
	float: left;
	width: 65%;
}
.psright h1{
	font-family: 'Avenirdemi';
	text-transform: uppercase;
	font-size: 1.9em;
	margin-bottom: 0;
	float: left;
}

.psnaam{
	text-transform: uppercase;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 15px;
	margin-bottom: 15px;
	/*font-size: 0.9em;*/
}

.psanummer span{
	color: #17752d;
}

.pstekst{
	padding-bottom: 20px;
	border-bottom: 1px solid #d1d1d1;
	margin-bottom: 15px;
}

.printicon{
	padding:6px 2px;
	display: block;
	/*margin-left: 2px;*/
	background:url(/images/printicon.png) no-repeat center center;
	width: 22px;
	float: right;
	height: 22px;
}
.printicon:hover{
	background:url(/images/printiconhov.png) no-repeat center center;
}

/* solo product slider */

.solocaseslider a{cursor: default;}
#solon img{display: inline-block;width: 210px;height: auto;padding-bottom: 8px;min-height: 165px;}
#solon{width: 100%;height: 165px;margin-top: 40px;margin-bottom: 10px;position: relative;}

#soloimgwrap{width: 100%;height: 165px;overflow: hidden;position: relative;margin:0 auto;} 
#soloimgwidth{
	display: block;
    position: relative;
}

.rpsolo{display: block;background:#17752d url(/images/lmarrow.png) no-repeat left center;height: 40px;background-position: 10px center;}
.lpsolo{display: block;background:#17752d url(/images/rmarrow.png) no-repeat right center;height: 40px;background-position: 22px center;}

.lpsolo:hover,.rpsolo:hover{background-color: #259540;}

.ib2{float: left; width: 33%;text-align: center;min-height: 165px;}
.ib2:hover img,#solon .sel img{
	border-bottom: 3px solid #17752d;
}
.ibn{float: left;}

/* center vertical absolute div */

.abcwrap{
	display: table;
    height: 100%;
    position: absolute;
    width: 40px;
    z-index: 50;
}

.abcalign{
	display: table-cell;
    vertical-align: middle;
}

.abc{
	height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.abcleft{left: 0;top: 0;}
.abcright{right: 0;top: 0;}

.smerk{
	width: 160px;
	height: 80px;
	float: left;
	margin-bottom: 8px;
}
.smargin{
	margin-right: 8px;
}

.smerkwrap{
	width: 100%;
	height: auto;
	margin-top: 30px;
}
/* Eigenschappen */

#eiglist{
	margin-left: 18px;
	float: left;
	width: 45%;
}
#eiglistright{
	margin-left: 18px;
	float: right;
	width: 45%;
}
#eiglist li,#eiglistright li{
	list-style-image: url(/images/eigarrow.png);
	padding-left: 0;
}

/* NIEUWSITEMS */

.npwrap{
	position: relative;
	width: 100%;
	/*padding-bottom: 20px;
	margin-bottom: 20px;*/
	margin-top: 40px;
}

#hometext{
	text-align:center;
	padding:30px 10px;
}

#hwrap{
	margin: 50px auto;
}

.npmargin{
	display: inline-block;
}
.npleft,.haleft{
	float: left;
	width: 30%;
	height: 330px;
}

.npright,.haright{
	float: right;
	position: relative;
	width: 70%;
	height: auto;
	min-height: 178px;
	padding:0px 0px 50px 60px;
}

.npleft a,.haleft a{
	display: block;
}
.npleft a img,.haleft a img{
	width: 100%;
	height: auto;
}

/*.hleft{
	float: left;
	width: 350px;
	height: 230px;
}

.hright{
	float: right;
	position: relative;
	width: 580px;
	height: auto;
	min-height: 218px;
	border-bottom: 1px solid #F4DE18;
	padding-bottom: 10px;
}

.haleft{
	float: left;
	width: 350px;
	height: 230px;
}

.haright{
	float: right;
	position: relative;
	width: 580px;
	height: auto;
	min-height: 218px;
	padding-bottom: 30px;
}
.harborder{
	border-bottom: 1px solid #F4DE18;
}*/
.nptext{
	padding: 20px;
	display: block;
}

.nptext h1{
	font-family: "Avenirdemi";
    font-size: 1.4em;
    font-weight: normal;
    margin: 0 0 10px;
	
}

.npsright{
	float: right;
	width: 30%;
	height: 330px;
	min-height: 178px;
}

.npsleft{
	float: left;
	position: relative;
	width: 70%;
	height: auto;
	min-height: 178px;
	padding: 20px 60px 20px 0px;
}

.lmknop,.lmknophome,.lmknopwebsite{
	display: inline-block;
	padding: 6px 35px;
	text-align: center;
	font-size: 1.1em;
	text-decoration: none;
	position: absolute;
	right: 0;
	bottom: 20px;
	color: #000;
	border: 1px solid #000;
	}
	
.lmknop:hover,.lmknophome:hover,.lmknopwebsite:hover{
	border: 1px solid #97c025;
}

.haanlm{
	display: inline-block;
	padding: 8px 35px;
	width: 100%;
	text-align: center;
	font-size: 1.1em;
	text-decoration: none;
	position: absolute;
	right: 0;
	bottom: 0px;
	color: #fff;
	background-color: #a1cb2b;
}

.haanlm:hover{
	background-color: #97c025;
	color: #fff;
}

.backbtn{
	display: inline-block;
	margin-top: 5px;
	text-decoration: none;
}

#contentpad ul li{
	list-style-image: url(/images/eigarrow.png);
	padding-left: 0;
}

#downloadwrap li{
	margin-bottom: 10px;
}

#solknop{
	margin-top: 20px;
	text-decoration: none;
	color: white;
    display: inline-block;
    font-size: 1.1em;
    padding: 16px 25px;
	text-align: center;
	 background-color : #a1cb2b;
}
#solknop:hover{
	background-color : #8aab2d;
}

#vacform{
	/*margin-top: 10px;*/
}

.formshow{
	display: block !important;
}

.tdtitle{
	padding-top: 5px;
	padding-bottom: 5px;
}

.fwrap .h3small{
	color: #17752d;
}
/* -------------------------------------------------- */
/* CONTACT FORMS */
/* -------------------------------------------------- */

.g-recaptcha{
	width: 100%;
}
.g-recaptcha div{
	width: 100% !important;
}
.g-recaptcha iframe{
	width: 100%;
}

#contactform input,.righttable input{
	width: 97%;
}

#contactform textarea,.righttable textarea{
	width: 97% !important;
}

.righttable{
	float: right;
	width: 48%;
}
#contactform{
	float: left;
	width: 48%;
}

.tdinput{
	float: left;
	width: 100%;
}
.tdtitle{
	float: left;
	width: 100%;
	color: #212061;
}
.spamtr{
	float: left;
	width: 100%;
	color: #212061;
}
.sbtn{cursor: pointer;}
#validator{padding: 4px !important;height: 25px;margin-left: 20px;}

.back{
	text-decoration: none;
}

.tdinput textarea{
	height: 172px;
}


#vacform{
	display: none;
}

.pdoc a{
	color: #000000;
}


.downloadtitle{
	font-size: 1.1em;
	font-weight: bold;
}

/* MERKFILTER */

#filteropties .sel{
	color: #000000;
	background-color: #ededed;
}
.fopties{
	color: #787878;
	padding: 10px;
	width: auto;
	display: inline-block;
	float: left;
	text-align: center;
	min-width: 100px;
	text-decoration: none;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
}
.fopties:hover{
	color: #000000;
}

#prgfilter,#merfilter,#eigfilter{
	height: auto;
	width: 100%;
	background-color: #ededed;
}

#merfilter{display: none;}
#eigfilter{display: none;}

.filterwrap{
	padding: 10px 30px 0px 30px;
}

.fcheckbox{
	width: 20%;
	display: inline-block;
	float: left;
	margin-bottom: 15px;
	white-space: nowrap;
	position: relative;
}
.fcheckpad{
	padding-right: 10px;
	position: relative;
}
.fcheckbox input{
	vertical-align: middle;
	display: inline-block;
}
.fcheckbox span{
	word-wrap: break-word;
	padding-left: 10px;
	vertical-align: middle;
	display: inline-block;
}

#tabwrap{
	margin-bottom: 10px;
}
.freset{
	float: right;
	text-decoration: none;
	color: #000000;
	padding: 10px;
	display: inline-block;
}
.fresetcross{
	padding-left: 8px;
	text-decoration: none;
}

#selectiewrap a{
	text-decoration: none;
	display: inline-block;
	color: #000000;
	border: 1px solid #eaeaea; padding: 5px;
	margin-right: 10px;
}
#selectiewrap{font-size: 0.9em;margin-bottom: 20px;}

#fresetwrap{float: right;width: auto;}
#ftabs{width: auto;float: left;}

/* Footer */

#footer{
	border-top: 1px solid #a0a0a0;
margin: 0 auto;
width: 100%;
font-size: 1.2em;

}
#footerpad{
	padding: 20px 0;
}

.h3small{
	
}
.fwrap h3{
	color: #17752d;
}

.ftekst{
	font-size: 1.0em;
}
.ftekst a{color: #000000;text-decoration: none;}
.ftekst a:hover{color: #17752d;}

.f1{
	width: 25%;
	float: left;
	height: auto;
}

#fo1,#fo2{float: left;width: 48%;}
#fo2{margin-left: 4%;}

.f2{
	width: 33%;
	float: left;
	height: auto;
	margin-left: 2%;
}
.f3{
	float: right;
	width: 40%;
	height: auto;
}
.f3 h3{margin-bottom: 15px;}
.fwrap h3{margin-top: 0;}

#iframewrap{
	-webkit-overflow-scrolling:touch;
	overflow:hidden;
	height: 160px;
	position: relative;
}

#subfooter{
	background-color: #f2f2f2;
}
#subfooterpad{
	padding: 10px 0;
	margin: 0 auto;
	width: 100%;
	font-size: 0.8em;
}

#sflinks{
	float: left;
	width: auto;
	text-transform: uppercase;
}

#sflinks a{
	color: #000000;
	text-decoration: none;
}
#sflinks a:hover{
	color: #17752d;
}

#sfpopcom{
	color: #000000;
	text-decoration: none;
	float: right;
	width: auto;
	text-transform: uppercase;
	padding-right: 20px;
	background: url(/images/sfpopcom.png) no-repeat center right;
}
#sfpopcom:hover{
	color: #17752d;
}

#sfpopcom span{font-family: 'Avenirbold';}


#webbanner{
	padding:30px 0;
	background:#90b526 url(/images/webshop.png) center top;
	background-size: cover;
	text-align: center;
	color: white;
}
#webbanner h1,#webbanner h2,#webbanner h3{
	text-transform: uppercase;
	font-size: 1.4em;
	color: #fff;
}

#webbannerpad{
	width: 28%;
	margin: 0 auto;
	font-size: 1.3em;
	line-height: 1.5em;
	}
#webbanner ul {
	width: auto;
	margin: 0 auto;
	text-align: left;
}

/* MERKSLIDER */
#merkwrapper{
	width: 100%;
	padding: 20px 0;
	background:url(/images/elegant_grid.png) repeat;
}

#merkwrapper a{
	padding:2px 0;
	text-align: center;
	display: block;
	float: left;
	width: 24%;
	margin-right: 1%;
	margin-bottom: 10px;
	background-color: white;
	border: 1px solid #a0a0a0;
}
#merkwrapper a:nth-child(4n+4){
	margin-right: 0;
}

#merkwrapper a img{
	display: block;
	margin: 0 auto;
}
#merkwrapper a:hover{
	border: 1px solid #97c025;
}

.merkslider.slick-dotted.slick-slider{
	margin-bottom: 45px;
}
.merkslider .slick-dots{
	bottom: -35px;
}

#sponsorswrapper{
	position: relative;
}
.nolink{
	cursor: default !important;
}

#merkleft{
	display: inline-block;
	zoom: 1;
	height: 92px;
	width: 40px;
}
#merkright{
	display: inline-block;
	zoom: 1;
	height: 92px;
	width: 40px;
}
#merkleft a{
	margin-top: 20px;
	background:url(/images/merkleft.png) no-repeat center center;
	display: block;
	width: 40px;
	height: 38px;
}
#merkright a{
	margin-top: 20px;
	background:url(/images/merkright.png) no-repeat center center;
	display: block;
	width: 40px;
	height: 38px;
}
#editorField{
	text-align:left;
}




#scrollTop{
	display: none;
	background:url(/images/scrolltop.png) no-repeat top center;
	background-size: 100%;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 0px;
	bottom: 10px;
}

#scrollTop:hover{
	background:url(/images/scrolltophover.png) no-repeat top center;
	background-size: 100%;
}

#scrollTop{
    animation: 1.1s linear 0s alternate none infinite fadeInDown;
    -moz-animation: 1.1s linear 0s alternate none infinite fadeInDown;
    -webkit-animation: 1.1s linear 0s alternate none infinite fadeInDown;
    -o-animation: 1.1s linear 0s alternate none infinite fadeInDown;
    -ms-animation: 1.1s linear 0s alternate none infinite fadeInDown;
	
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}


.sb{
	text-align: right;
	font-size: 1.1em;
	padding: 6px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	/*border-top: 1px solid #90b526;*/
	border-bottom: 1px solid #90b526;
}
.sbitem{
	/*padding-right: 20px;*/
}
.sbitem .fa{
	margin-right: 5px;
}
.fbshare a{
	text-decoration: none;
	/*text-transform: uppercase;*/
}
.fbshare a:hover{
	color: #90b526;
}

/* RESPONSIVE MENU */

.slicknav_menu {
	display:none;
}

/* FONTS */

@font-face {
	font-family: 'Avenirreg';
	src: url('fonts/AvenirNextLTPro-Regular.eot');
	src: url('fonts/AvenirNextLTPro-Regular.woff') format('woff'), url('fonts/AvenirNextLTPro-Regular.ttf') format('truetype'), url('fonts/AvenirNextLTPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenirdemi';
	src: url('fonts/AvenirNextLTPro-Demi.eot');
	src: url('fonts/AvenirNextLTPro-Demi.woff') format('woff'), url('fonts/AvenirNextLTPro-Demi.ttf') format('truetype'), url('fonts/AvenirNextLTPro-Demi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Avenirbold';
	src: url('fonts/AvenirNextLTPro-Bold.eot');
	src: url('fonts/AvenirNextLTPro-Bold.woff') format('woff'), url('fonts/AvenirNextLTPro-Bold.ttf') format('truetype'), url('fonts/AvenirNextLTPro-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* PRINT */
@media print{
	
}

/* RESPONSIVE */
@media screen and (max-width:1430px){
	#webbannerpad{
		width: 40%;
	}
}
@media screen and (max-width:1150px){
	#menu{
		width:96%;
	}
	#hprod{
		width:96% !important;
	}
	.actieslide.slick-slider.sitewidth{
		width: 96% !important;
	}
}

@media screen and (max-width:1094px){
	#footerpad.sitewidth{
		width:96% !important;
	}
}

@media screen and (max-width:1024px){
	#bantext{
		font-size: 1.6em;
		font-size: 1.8vw;
		line-height: 1.8vw;
	}
	#banner.sitewidth{
		width: 100% !important;
	}
	#hprod a {
		width: 44%;
		margin-right: 3%;
		margin-left: 3%;
		margin-bottom: 30px;
	}
	.npleft,.npright,.haleft,.haright{
		width: 48%;
	}
	.npright{
		padding-left:0;
	}
	#hwrap.sitewidth{
		width:96% !important;
	}
	.psright,.psleft{
		margin-bottom: 20px;
		width: 100%;
	}
}
@media screen and (max-width:1000px){
	#webbannerpad{
		width: 60%;
	}
	#innerbanner{height: 100%;}
	#headerwrap, #content, #footer,#innerbanner{width: 100%;}
	#main{width:100%;}
	img{max-width:100%;}
	.pimg{width: 100%;height: auto;}
	#contentpad{padding-left: 10px;padding-right: 10px;}
	#footerpad{padding-left: 10px;
    padding-right: 10px;}
	#subfooter{width: 100%;position: relative;}
	#subfooterpad{width: 100%;position: relative;}
	.smerk{width: 18%;padding-left: 1%;padding-right: 1%;}
	.smargin{margin-right: 0;}
	.fcheckbox{width: 20%;}
	#solon{width: 100%;}
	#soloimgwrap{width:92%;}
	#merkwrap{width: 90%;}
	#merkleft{width: 5%;}
	#merkright{width: 5%;}
	#bannerwrap{min-height: 10px;}
}
@media screen and (max-width:970px){
	.haleft{width: 35%;}
	.haright{width: 60%;padding-bottom: 50px;}
}
@media screen and (max-width:960px){
	#menu{display: none;}
	.slicknav_menu{display: block;}
	#header.sitewidth{
		width:100% !important;
	}
	#telbox{
		margin-right:0px;
	}
	#bodywrap{
		background: none;
	}
	#logo{
		float: none;
		margin: 0 auto;
	}
	#searchBox{
		float: none;
		top: 6px;
		left:10px;
		position: fixed;
		margin: 0;
	}
	.zoekform button{
		background-color: #000;
	}
	.npsleft{width: 60%;}
	.npsright{width: 35%;}
	#soloimgwrap{width:90%;}
	#logo{
		float: left;
		left: 0;
		margin-bottom:20px;
		margin-left: 30px;
	}
}
@media screen and (max-width:940px){
	.f1{
		width: 40%;
	}
	.f2{
		width: 58%;
	}
	.f3{
		margin-top:20px;
		width:100%;
	}
}

@media screen and (max-width:920px){
	.banbtn{padding: 5px 0;margin-top: 5px;margin-bottom: 5px;}
	#contentpad.sitewidth{
		width:96% !important;
	}
}

@media screen and (max-width:860px){
	#merkwrap{width: 86%;}
	#merkleft{width: 7%;}
	#merkright{width: 7%;}
}

@media screen and (max-width:830px){
	#contentpad{padding-top: 10px;}
	.hright{float: left;width: 100%;border:none;}
	.hleft{float: left;width: 100%;padding-bottom: 20px; border-bottom: 2px solid #26934b;}
	.hleft object{width: 350px;}
}
@media screen and (max-width:800px){
	.pwrap{width: 31%;margin-left: 1%;margin-right: 1%;}
	.fcheckbox{width: 25%;}
	.filterwrap{padding: 10px 10px 0px 10px;}
	
	#bantext{
		position:relative;
		width:100%;
		padding: 30px 20px;
		font-size: 1.5em;
		line-height: 1em;
	}
	#banslider {
		width: 100%;
		float: left;
	}
}

@media screen and (max-width:780px){
	.smerk{height: auto;width: 31%;}
	#merkwrapper .sitewidth{
		width:96% !important;
	}
}

@media screen and (max-width:730px){
	#soloimgwrap{width:88%;}
}

@media screen and (max-width:700px){
	#webbannerpad{
		width: 80%;
	}
}
@media screen and (max-width:670px){
	#contactform input,.righttable input{
		width: 95%;
	}
	
	#contactform textarea,.righttable textarea{
		width: 95% !important;
	}
	.righttable{
		width: 100%;
	}
	#contactform{
		width: 100%;
	}
}

@media screen and (max-width:640px){
	.npsleft{width: 100%;}
	.npsright{width: 100%;}
	.npsright object{width: 350px;margin-top: 10px;}
}

@media screen and (max-width:640px){
	.haleft{width: 100%;height: auto;display: none;}
	.haright{width: 100%;height: auto;}
	.lmknophome{left:auto;right: 0;}
	.hwrap{margin-bottom: 20px;}
}

@media screen and (max-width:610px){
	#banbuttons{display: none;}
	#linkwrap{display: none;}
}

@media screen and (max-width:600px){
	.pwrap{width: 48%;}
	.freset{float: none;}
	#fresetwrap{width: 100%;float: none;}
}

@media screen and (max-width:590px){
	.fcheckbox{width: 33%;}
	.npright,.npsright,.psright{width: 100%;margin-top: 20px;}
	.npleft,.npsleft,.haleft,.haright{width: 100%;height: auto;}
	.psleft{width: 100%;height: auto;}
	.psleft object{width: 100%;display: block;}
	.npleft object,.npsleft object,.haleft object,.haright object{width: 350px;}
}
	
@media screen and (max-width:570px){
	#merkwrap{width: 100%;}
	#merkleft{display: none !important;}
	#merkright{display: none !important;}
}
	
@media screen and (max-width:550px){
	.f1{
		width: 100%;
	}
	.f2{
		width: 100%;
		margin-left:0;
		margin-top: 20px;
	}
}

@media screen and (max-width:500px){
	.pwrap{width: 48%;}
}

@media screen and (max-width:480px){
	#hprod a {
		width: 94%;
		margin-right: 3%;
		margin-left: 3%;
		margin-bottom: 30px;
	}
	#hprodbg{
		padding-top:0;
	}
	.actieslide .slick-dots{
		bottom: -60px;
	}
}

@media screen and (max-width:440px){
	.fcheckbox{width: 50%;}
}


@media screen and (max-width:495px){
	#logo{width: 80%;height: auto;padding-top: 45px;}
}

@media screen and (max-width:456px){
	#searchBox,.zoekform,#zoekqwrap{
		display: none;
		
	}
}

@media screen and (max-width:400px){
	.merkslider.slick-dotted.slick-slider{
	margin-bottom: 70px;
}
.merkslider .slick-dots {
    bottom: -60px;
}
	.fopties{border-top-left-radius: 0px;
    border-top-right-radius: 0px;}
}
@media screen and (max-width:368px){
	.hleft object{width: 100%;}
	.npsright object{width: 100%;margin-top: 10px;}
}

@media screen and (max-width:350px){
	#menu a{width: 33%;}
	.pwrap{width: 235px;margin: 0 auto 10px auto;text-align: center;float: none;display: block;height: auto !important; min-height: 20px !important;}
	#filtercontent{width: 100%;position: relative;}
}
@media screen and (max-width:370px){
	.npleft object,.haleft object{width: 100%;}
	.npsleft object,.haleft object{width: 100%;}
}

@media screen and (max-width:325px){
	#soloimgwrap{width:78%;}
}
@media screen and (max-width:300px){
		.merkslider.slick-dotted.slick-slider{
			margin-bottom: 100px;
		}
		.merkslider .slick-dots {
			bottom: -75px;
		}
	.smerk{height: auto;width: 48%;}
}

@media screen and (max-width:242px){
	#searchBox{width: 100%;}
	#fo1{width: 54%;}
	#fo2{float: right;width: 42%;margin-left: 0;}
}
@media screen and (max-width:243px){
	#searchBox input{width: 82%;}
	.zoekform button{width: 12%;}
}
@media screen and (max-width:290px){
	
}

@media screen and (max-width:235px){
	.pwrap{width: 100%;}
}

@media screen and (max-width:170px){
	#menu a{width: 100%;}
}

/* SLICKNAV MOBILE */
/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:16px;
}
/* Button */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration:none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    background-color: #222222;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
    /*background:#4c4c4c;*/
	/*background:#17752d;*/
	background:#90b526;
    padding:5px;
}
.slicknav_nav {
    color:#fff;
    margin:0;
    padding:0;
    font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
    padding:5px 10px;
    margin:2px 5px;
}
.slicknav_nav a{
    padding:5px 10px;
    margin:2px 5px;
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0;
}
.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#fff;
}
.slicknav_nav a:hover,.slicknav_nav .sel{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background:#ccc;
    color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}