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: 'robotoregular', verdana, arial;
	height:100%;
	font-size:0.9em;
	line-height:1.7em;
	color:#929292;
	text-align:left;
}

a{color:#ca0424;}
a:hover, .sel{color:#e65068;}
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:#929292;
	border:1px solid #929292;
	font-family: 'robotoregular', verdana, arial;
	line-height:1.2em;
	font-size:1em;
	padding:5px;
	margin:1px 0px 1px 0px;
	background-color:white;
	/*border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
}

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

input[type="submit"], .sbtn{
	background-color:#003e7e;
	color:white;
	cursor: pointer;
	margin-top: 10px;
	border: 1px solid #003e7e;
	padding: 8px 12px;
}

input[type="submit"]:hover, .sbtn:hover{
	border: 1px solid #ca0424;
	background-color:#ca0424;
}

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

h2{
	color:#ca0424;
	text-transform: uppercase;
	font-weight:normal;
	font-size:1.3em;
	margin:15px 0px 15px 0px;
}

/*h2 a{color:#253C51;}*/

h3{
	color:#ca0424;
	font-size:1.1em;
	margin:15px 0px 10px 0px;
}

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

.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;
	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;
	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;
}
*/
/* EDITOR STYLES */

/* CUSTOM CSS*/

.sitewidth{max-width: 1800px;
	width: 85%;
	height: auto;
	margin: 0 auto;
}

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

#headerwrap{
	width: 100%;
}

#logo{
	display: block;
	height: auto;
	width: auto;
	float: left;
}

#logo a{
	display: block;
	width: 220px;
	height: auto;
}

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

#menuwrap{
	float: right;
	height: auto;
	display: block;
	width: 70%;
}

#topmenuwrap,#submenuwrap{
	width: 100%;
}

#topmenu{
	width: auto;
	padding-top: 15px;
	float: right;
	text-align: right;
	margin: 0;
}

#topmenu li{
	float: left;
	text-decoration: none;
	padding-left: 0;
	list-style-type: none;
}
#topmenu a{
	color: #929292;
	float: left;
	display: block;
	text-decoration: none;
	margin-left: 25px;
	text-transform: uppercase;
	font-size: 0.9em;
}

#topmenu a:hover,#topmenu .sel{
	color: #ca0424;
}

#submenu{
	width: auto;
	float: right;
	height: auto;
	margin: 0;
	padding-top: 20px;
}

#submenu li{
	float: left;
	text-decoration: none;
	padding-left: 0;
	list-style-type: none;
}

#submenu li a{
	font-family: 'robotobold', verdana, arial;
	color: #929292;
	width: 100%;
	display: block;
	float: left;
	text-decoration: none;
	margin-left: 25px;
	text-transform: uppercase;
	font-size: 1.1em;
}

#submenu .sel a,#submenu li a:hover{
	color: #ca0424;
}

#content{
	width: 100%;
}

#contentpad{
	padding: 30px 0;
}

.nieuwsitem{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ca0424;
}

/* Producten */

.blockleft{
	width: 18%;
	float: left;
}

.blockright{
	width: 77%;
	float: right;
}


/* BANNER */

#bannerwrap{
	position: relative;
	height: auto;
	width: 100%;
	-webkit-box-shadow: 0px 12px 12px -12px rgba(0,0,0,1);
	-moz-box-shadow: 0px 12px 12px -12px rgba(0,0,0,1);
	box-shadow: 0px 12px 12px -12px rgba(0,0,0,1);
}

.bhome{
	height: 450px;	
}

.bnormaal{
	height: 150px;
}

.bnormaal #btextwrapn{
	bottom: 50px;
}
.bnormaal #buttonwrap{
	display: block;
}
#banner{
	z-index: 10;
	position: relative;
	width: 100%;
}

#banimgwrap{
	display: block;
    position: relative;
    width: 100%;
	z-index: 10;
}

#banwrap{
    overflow: hidden;
    position: relative;
    width: 100%;
}

.banimgwrap{
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#bangradient{
	top: 0;
	width: 100%;
	position: absolute;
	z-index: 50;
	background:#ffffff url(/images/gradient.png) no-repeat;
	background-size: cover;
	background-position: right;
	background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);
}

#btextwrap{
	overflow: hidden;
	left:0%;
	right:0%;
	z-index: 100;
	bottom: 30px;
	position: absolute;
}

#btextwrapn{
	overflow: hidden;
	left:0%;
	right:0%;
	z-index: 100;
	bottom: 60px;
	position: absolute;
}

#btext .bhtext{
	width: 60%;
	height: auto;
	display: block;
}

#btext{
	color: white;
}

#btext h1{
	color: white;
	text-transform: uppercase;
	font-family: 'robotobold', verdana, arial;
	font-size: 2.2em;
}

/* Bannerbuttons */

.bbutton{
	border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 2px solid #ca0424;
	text-transform: uppercase;
	color: #ffffff;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
}

.bbutton span{
	display: block;
	padding: 12px 30px;
	font-family: 'robotobold';
}

.folderbtn{
	margin-left: 15px;
}
#foldertitel{
	color: #ca0424;
    font-size: 1.5em;
    margin-bottom: 15px;
    line-height: 1.5em;
    font-weight: normal;
}

#buttonwrap{
	position: relative;
}

#buttonwrap button{
	position: relative;
	cursor: pointer;
	background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.3);
		/* IE 8 */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
   
	 /* IE 5-7 */
	 filter: alpha(opacity=70);
}
#bfolderwrap{
	z-index: 100;
	display: none;
	bottom: 0;
	left: 388px;
	position: absolute;
	background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
		/* IE 8 */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
   
	 /* IE 5-7 */
	 filter: alpha(opacity=70);
	 border: 2px solid #003e7e;
	 border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#bfolderwrap .bbutton{
	/*border: 2px solid #003e7e;*/
	float: none;
	display: block;
	border: none;
	margin:0;
}

#btextwrap{
	
}

/* Producten home */

#hproducten{
	width: 100%;
	height: auto;
}

.hpitem{
	text-decoration: none;
	width: 23.5%;
	float: left;
	margin-bottom: 25px;
}

.hpitem img{
	width: 100%;
	height: auto;
}

.hpitem:hover .hptextwrap{
	background-color: #003e7e;
}

.hpitem:hover .hptextpad{
	color: #eeeeee;
}

.hpmargin{
	margin-right: 2%;
}

.hptextwrap{
	background-color: #eeeeee;
}

.hptextpad{
	text-align: center;
	padding:  10px 5px;
	color: #ca0424;
}

.ppitem{
	text-decoration: none;
	width: 23.5%;
	float: left;
	margin-bottom: 25px;
}

.ppitem img{
	width: 100%;
	height: auto;
}

.ppmargin{
	margin-left: 2%;
}


/* CONTENT */

#tekstlinks{
	float: left;
	width: 48%;
}

#tekstrechts{
	float: right;
	width: 48%;
}
#tekstlinks img,#tekstrechts img{
	max-width: 100%;
	height: auto !important;
}

/* FOLDERS */

.fitem{
	display: block;
	margin-bottom: 5px;
	background-color: #eeeeee;
	text-align: center;
	width: 100%;
	text-decoration: none;
}

.fitem span{
	display: block;
	padding: 10px 5px;
}

.fitem:hover{
	background-color: #003e7e;
	color: #eeeeee;
}

/* CONTACT FORMULIER */

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

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

.righttable textarea{
	height: 215px;
}

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

.tdinput{
	float: left;
	width: 100%;
}
.tdtitle{
	float: left;
	width: 100%;
}
.spamtr{
	float: left;
	width: 100%;
}
.spamtop{
	padding-top: 10px;
}

.sbtn2{cursor: pointer;float: left;}
#validator{padding: 4px !important;height: 15px;margin-left: 20px;}

/* FOOTER */


#footerwrap{
	width: 100%;
	background-color: #efefef;
}

#footer{
	padding: 20px 0;
}

#footer a{
	color: #929292;
	text-decoration: none;
}

#footer a:hover{
	color: #ca0424;
}

#footer h2{
	margin-top: 0px;
}

#openingsuren{
	margin-top: 25px;
}

#fleft{
	width: 40%;
	float: left;
}

#fleft table td{
	line-height: 1.7em;
}

#fright{
	width: 60%;
	float: right;
}

#fright iframe{
	width: 100%;
	height: 310px !important;
}

#googlemaps{
	background:url(/images/googlemaps.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
	width: 100%;
	height: 340px;
}

#subfooterwrap{
	width: 100%;
	height: auto;
}
#subfooter{
	float: right;
	padding-top: 10px;
}

#subfooter a{
	font-size: 0.7em;
	color: #929292;
	text-decoration: none;
}

#subfooter a:hover{
	color: #ca0424;
}

#fsitemap{
	margin-right: 10px;
}

#fpopcom{
	background:url(/images/fpopcom.png) no-repeat right center;
	padding-right: 20px;
	height: 18px;
	display: inline-block;
}

#editor{
	text-align:left;
}

#hmobile{
	display: none;
	margin-bottom: 20px;
}

#hmobile .fitem{
	float: left;
	width: auto;
	margin-right: 20px;
	padding: 2px 10px;
}
#htext{
	margin-bottom: 10px;
}

#htext h1{
	font-size: 2.1em;
	text-transform: uppercase;
}

/*SCROLL MENU */


/* RESPONSIVE MENU */
#folderbuttonmobile{
	display: none;
}

.toggle-nav{
	display:none;
	position: absolute;
	right: 0;
	margin-top: 0px;
}

.tn_btn {
    /*background-color: #ffffff;*/
    border-radius: 4px;
    /*margin: 5px 5px 6px;*/
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.tn_btn {
    cursor: pointer;
    display: block;
    line-height: 1.2em;
    padding: 0.438em 0.625em;
    position: relative;
    vertical-align: middle;
}

.tn_icon-bar {
    background-color: #919e8c;
}
.tn_icon-bar {
    border-radius: 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 0.3em;
    width: 2.3em;
}

.tn_icon-bar + .tn_icon-bar{
	margin-top: 0.40em;
}

/* PRINT */
@media print{
}

/* RESPONSIVE */
@media screen and (max-width:1240px){
	#main{width:100%;}
	img{max-width:100%;}
	#btext .bhtext{
		width: 60%;
	}
	#bangradient{
		background-position: right;
	}
}

@media screen and (max-width:1200px){
	.sitewidth{
		width: 96%;
	}
	#menuwrap{
		width: 74%;
	}
}

@media screen and (max-width:1024px){
	#btext .bhtext{
		width: 85%;
	}
	#logo a{
		width: 100%;
	}
	#logo{
		width: 176px;
	}
	#menuwrap{
		width: 78%;
	}
}

@media screen and (max-width:960px){
	#logo{float: none;position: relative;}
	#menuwrap{
		background-color: white;
		z-index: 400;
		display: none;
		position: absolute;
		top: 96px;
		right: 0;
		width: 60%;
		padding: 10px 20px 20px 0;
	}
	.toggle-nav{
		top: 28px;
		right:10px;
		display: block;
	}
	#topmenuwrap{
		display: block;
		height: auto;
	}
	#submenu,#topmenu{
		padding-top: 5px;
	}
	#submenu li,#topmenu li{
		width: 100%;
		height: auto;
		text-align: right;
	}
	#submenu li a{margin-right: 0;margin-left: 0;width: auto;float: right;}
	#topmenu li a{margin-left: 0;float: right;font-size: 1.05em;}
	
	.blockright{
		width: 100%;
	}
	.blockleft{
		width: 100%;
		margin-top: 20px;
	}
	
	.blockleft .fitem{
		float: left;
		width: auto;
		margin-right: 15px;
		padding: 2px 10px;
	}
	
	#tekstlinks{
		width: 100%;
	}
	#tekstrechts{
		width: 100%;
	}
	
	#folderbuttonmobile{
		display: block;
	}
	
	#fleft{
		width: 100%;
	}
	#right{
		width: 100%;
		margin-top: 20px;
	}
	
	#fleft div{
		width: 49%;
	}
	#openingsuren{float: left;margin-top: 0;}
	#fcontact{
		float: right;
	}
	#fright{
		width: 100%;
		margin-top: 25px;
	}
	
	#foldertitel{
		margin-bottom: 50px;
	}
	
	.main-nav-scrolled{
		position: fixed !important;
		width: 100% !important;
		top: 0;
		z-index: 600;
		background-color: rgb(255, 255, 255);
		border-bottom: 1px solid #efefef;
		
	   /* background-color: rgba(240, 237, 233, 0.88);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
	*/
		/* IE 5-7 */
		/*filter: alpha(opacity=88);*/
		/*-webkit-box-shadow: 0 8px 6px -6px black;
		-moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black;*/
	}
	
	.main-nav-scrolled #logo a{
		width: 120px;
	}
	
	.main-nav-scrolled .toggle-nav{
		right: 10px;
		top: 15px;
	}
	
	.main-nav-scrolled #menuwrap{
		top: 66px;
	}
}

@media screen and (max-width:850px){
	.hpitem {
		float: left;
		text-decoration: none;
		width: 46%;
		margin-left: 2% !important;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.hpmargin {
		margin-right: 0;
	}
}

@media screen and (max-width:770px){
	#fleft div{
		width: 100%;
	}
	#openingsuren{float: left;margin-top: 20px;}
	#fcontact{
		float: right;
	}
	#fright{
		width: 100%;
		margin-top: 25px;
	}
}

@media screen and (max-width:690px){
	#contactform{
		width: 100%;
	}
	.righttable{
		width: 100%;
		float: left;
	}
}

@media screen and (max-width:660px){
	.bhome,#banwrap{
		height: 150px !important;
		min-height: 150px;
	}
	#btext{display: none;}
	#folderbutton,#bfolderwrap{}
	#folderbuttonmobile{
		
	}
	#bangradient{
		background-position: -200px;
	}
	.bhome #btextwrap {
		bottom: 50px;
	}
	#hmobile{
		display: block;
		margin-bottom: 20px;
	}
	#googlemaps{
		height: 200px;
		background-size: auto;
	}
	#content{
		margin-top: 120px;
	}
	#btextwrap{
		position: relative;
		bottom: 0;
		top: 25px;
		margin-bottom: 25px;
	}
	.bbutton{
		float: none;
	}
	.folderbtn{
		margin-left: 0px;
		margin-top: 10px;
	}
	.bnormaal #btextwrapn{
		bottom: 10px;
	}
	.bbutton span{
		color: #ca0424;
	}
	.bbutton:hover{
		background-color: #ca0424;
	}
	.bbutton:hover span{
		color: white;
	}
}

@media screen and (max-width:515px){
	#menuwrap{width: 100%;border-bottom: 1px solid #eeeeee;}
}

@media screen and (max-width:490px){
	.hpitem {
		float: left;
		text-decoration: none;
		width: 100%;
		margin-left: 0% !important;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.hpmargin {
		margin-right: 0;
	}
}

@media screen and (max-width:400px){
	#fcontact table td{
		float: left;
		width: 100%;
	}
}

/* FONTS */

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('vroboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.iagree-div-error{
    
    padding:10px;
    background-color: #ffe8cc;
    
}