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:'sourcelight', verdana, arial;
	height:100%;
	font-size:0.8em;
	line-height:1.8em;
	color:#000000;
	text-align:left;
}

a{color:#f49600;}
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 #d2d2d2;
	font-family:'sourcelight', 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:#f49600;
	color:#fff;
	cursor: pointer;
}

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

h1{
	color:#f49600;
	font-size:1.5em;
	margin-bottom:15px;
	line-height:1.5em;
	font-weight:normal;
	font-family:'sourcebold';
	text-transform: uppercase;
}

h2{
	font-family:'sourcebold';
	color:#000000;
	font-weight:normal;
	font-size:1.2em;
	margin:15px 0px 15px 0px;
}

h2 a{color:#253C51;}

h3{
	color:#a0a0a0;
	font-family:'sourcebold';
	font-size:1.0em;
	margin:0px 0px 10px 0px;
	text-transform: uppercase;
}

h4{
	color:#253C51;
	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;
	margin-top: 10px;
	border:1px solid #9A9A9C;
	padding:5px 5px 5px 35px;
	background-color:#EAFFF0;
}

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

.errMsg{
	margin-top: 10px;
	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{
	margin-top: 10px;
	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[href$='.pdf'],.pdf{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/pdf.png) center left no-repeat;
}

a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'], a[href$='.xlsx'],.xls,.csv,.xlt,.xlw,.xlsx{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/excel.png) center left no-repeat;
}

a[href$='.ppt'], a[href$='.pps'], a[href$='.pptx'], a[href$='.ppsx'],.ppt,.pps,.pptx,.ppsx{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/powerpoint.png) center left no-repeat;
}

a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'], a[href$='.docx'],.doc,.rtf,.txt,.wps,.docx{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/word.png) center left no-repeat;
}

a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'],.zip,.gzip,.rar{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/zip.png) center left no-repeat;
}

/*a[href$='.jpg'], a[href$='.gif'], a[href$='.jpeg'],a[href$='.png'],.jpg,.gif,.jpeg{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/image.png) center left no-repeat;
}*/

a[href$='.iso'],.iso{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/iso.png) center left no-repeat;
}

a[href$='.ai'],.ai{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/ai.png) center left no-repeat;
}

a[href$='.psd'],a[href$='.eps'],.eps,.psd{
	display:inline-block;
	padding-left:22px;
	background:transparent url(/images/ico/ps.png) center left no-repeat;
}

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*/
#main{
	position:relative;
	width:100%;
	margin:auto;
	text-align:left;
}

#headerwrap{
	width: 100%;
	height: auto;
	min-height: 80px;
	position: relative;
}

#headerwrap .banimg{
	width: 100%;
	height: auto;
}

#logo{
	position: absolute;
	left: 20px;
	top: 15px;
}

#menuwrap{
	width:80%;
	margin :0 auto;
	position: absolute;
	top: 0;
	left: 0%;
	right: 0%;
	background-color: #fff;
}

#menulangwrap{
	float: right;
	width: auto;
}
#menu{
	width: auto;
	float: right;
}

#menu{
	width: auto;
}

#menu a{
	padding: 22px 20px;
	display: inline-block;
	text-decoration: none;
	color: #626262;
	text-transform: uppercase;
	font-size: 1.4em;
	border-left: 1px solid #d2d2d2;
}

#menu a:hover,#menu .sel{
	background-color: #d2d2d2;
	color: #fff;
}

#lastmenuitem{
	border-right: 1px solid #d2d2d2;
}

#languages{
	float: right;
	width: auto;
}

#languages a{
	height: 50%;
	padding:5px;
	font-family: 'sourcebold';
	display: block;
	color: #626262;
	text-transform: uppercase;
	font-size: 1.4em;
	text-decoration: none;
}
#languages .sel,#languages a:hover{
	background-color: #d2d2d2;
	color: #fff;
}

#firstlang{
	border-bottom: 1px solid #d2d2d2;
}

#content{
	width: 100%;
	font-size: 1.3em;
	font-family:'sourceregular';
}

#contentpad{
	width:80%;
	margin :0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

/* Producten */

#twrapper{
	width: 100%;
}

#twrapper.small{
	margin-bottom: 20px;
}

.tbmargin{
	margin-right: 2%;
}
.aitem{
	width: 32%;
	float: left;
	position: relative;
	/*padding:15px;*/
	box-sizing: border-box;
	margin-bottom: 25px;
}


.aitem a{
	 font-family: 'sourcebold';
	display: block;
	width: 100%;
	height: 270px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #d2d2d2;
	padding-left: 0;
}

.aitem.small a{
	height: 46px;

}

.aitem a:hover, .aitem .sel{
	
}

.aitem a:hover .atextbg, .aitem .sel .atextbg{
	background:url(/images/activiteitbghover.png) no-repeat right bottom;
	background-size: 100% 46px;
}
.aitem a:hover .atext, .aitem .sel .atext{
	color: #f49600;
}


/*.small a:hover, .small .sel{
	background-image: none !important;
	background-color: #fff;
}

.small a:hover .atextbg, .small .sel .atextbg{
	display: none;
}
.small a:hover .atext, .small .sel .atext{
	color: #f49600;
}*/

.aitem a .atext{
	color: white;
	position: absolute;
	bottom: 10px;
	right: 15px;
	width: auto;
	display: block;
	height: auto;
	font-size:1.4em;
	text-transform: uppercase;
	z-index: 60;
}

.atextbg{
	position: absolute;
	bottom: 0px;
	right:0px;
	width: 100%;
	display: block;
	height: 46px;
	background:url(/images/activiteitbg2.png) no-repeat right bottom;
	background-size: 100% 46px;
}


/* ACTIVITEIT IMAGES */

#actimagewrap{
	margin-top: 25px;
}

.aimg{
	width: 32%;
	float: left;
	position: relative;
	box-sizing: border-box;
	margin-bottom: 25px;
}

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

.aimg a img{
	width: 100%;
	height: auto;
}

/* CONTACT PAGINA */

#googlemaps{
	margin-top: 30px;
}

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

.tdinput{
	float: left;
	width: 99%;
}
.tdinput input{
	width: 99%;
}
.righttable textarea{
	width: 99% !important;
}
.tdtitle{
	float: left;
	width: 100%;
}
.spamtr{
	float: left;
	width: 100%;
}
.sbtn{cursor: pointer;float: left;margin-top: 15px;border:none;}
#validator{padding: 4px !important;height: 15px;margin-left: 20px;}

.tdinput textarea{
	height: 250px;
}

.tdinput select {
  width: 100%;
}

/* FOOTER */

#footer{
	font-family: 'sourceregular';
	font-size: 1.3em;
	width: 100%;
	background-color: #d2d2d2;
}
#footer h3{
	margin-bottom: 0;
	display: inline-block;
}

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

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

#footerpad{
	width:80%;
	margin :0 auto;
	padding: 40px 0 10px 0;
}

#adres{
	background: url(/images/logofooter.png) no-repeat top left;
	padding-top: 70px;
}

#fgoogle a{
	display: block;
}

#fgoogle a img{
	width: 100%;
	height: 180px;
}

.sf{
	float: left;
	width: 33.333%;
	height: auto;
}

.sfpad{
	padding-right: 30px;
}

#fpopcomwrap{
	font-size: 0.8em;
	margin-top: 10px;
	text-align: right;
}
#fpopcomwrap a{
	color: #a0a0a0;
}

#fpopcomwrap a:hover{
	color: #f49600;
}

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

/* RESPONSIVE MENU */

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

.tn_btn {
    background-color: #f49600;
    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.125em;
    padding: 0.5em 0.625em;
    position: relative;
    vertical-align: middle;
}

.tn_icon-bar {
    background-color: #fff;
}
.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.35em;
}


#editor{
	text-align:left;
}

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

}

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

}

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

}

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

}

/* PRINT */
@media print{
}

/* RESPONSIVE */
@media screen and (max-width:1400px){
	#main{width:100%;}
	img{max-width:100%;}
	
	#menuwrap,#contentpad,#footerpad{
		width: 90%;
	}
}

@media screen and (max-width:1220px){
	#menuwrap{
		width: 100%;
	}
	#contentpad,#footerpad{
		width: 96%;
	}
	#headerwrap .banimg{
		min-height: 240px;
	}
	/*#logo{
		float: left;
		position: relative;
	}
	#menu{
		width: 90%;
	}*/
}

@media screen and (max-width:1100px){
	.toggle-nav{
		display: block;
		z-index: 60;
	}
	#logo{
		/*float: left;
		position: relative;*/
	}
	/*#menuwrap{
		position: relative;
	}*/
	#menuw{
	/*	width: 100%;
		display: none;
		padding-top: 28px;
		z-index: 30;
		position: relative;*/
	}
	#menu{
		display: none;
		height: auto;
		width: 340px;
		position: absolute;
		z-index: 120;
		background-color: #fff;
		top: 67px;
		right: 0;
		border-top:1px solid #d2d2d2;
	}
	#menu a{
		width: auto;
		display: block;
	}
	#headerwrap .banimg{
		z-index: 40;
	}
	#lastmenuitem{
		border-bottom:1px solid #d2d2d2;
	}
	
	.aitem a .atext{
		font-size: 1.2em;
		z-index: 80;
	}
	.aitem a .atextbg{
		z-index: 70;
	}
	
}

@media screen and (max-width:990px){
	.sf{
		width: 50%;
		margin-bottom: 20px;
	}
	#fgoogle{width: 100%;}
}

@media screen and (max-width:900px){
	.tbmargin{margin-right: 0;}
	.aitem{
		width: 46%;
		margin: 0 2% 25px 2%;
	}
	.aitem a .atext{
		font-size: 1.4em;
	}
	.aitem a{
		height: 180px;
	}
}

@media screen and (max-width:700px){
	#menu{
		padding-top:28px;
		width: 100%;
		border-top: none;
	}
	#logo{
		z-index: 200;
		width: 50%;
		left: 10px;
	}
}

@media screen and (max-width:630px){
	.sf{
		width: 100%;
		margin-bottom: 20px;
	}
	#adres{
		text-align: center;
		background: rgba(0, 0, 0, 0) url("/images/logofooter.png") no-repeat scroll center top;
	}
	
	#adres table{
		width: 100% !important;
	}
	#adres table tr td{
		float: left;
		width: 100% !important;
	}
	
	.sfpad{
		padding-right: 0;
	}
	
	#footer{
		
	}
}

@media screen and (max-width:622px){
	#content table{
		width: 100% !important;
	}
	#validator{
		width: 100% !important;
		margin-left: 0;
		margin-top: 10px;
	}
}

@media screen and (max-width:600px){
	.toggle-nav{
		right: 60px;
	}
}

@media screen and (max-width:560px){
	.aitem{
		width: 100%;
		margin: 0 0% 15px 0%;
	}
	.aitem a{
		height: 46px;
	}
}

@media screen and (max-width:470px){

}

@media screen and (max-width:450px){
	#content table tr td{
		float: left;
		width: 90% !important;
	}
}

@media screen and (max-width:280px){
	#openingsuren table{
		width: 100% !important;
	}
	#openingsuren table tr td{
		float: left;
		width: 90% !important;
	}
}

@media screen and (max-width:479px){
}