@import "reset.css";
@import "menu.css";
html {
    -webkit-text-size-adjust: none;
}
body{
	background-color:#fff;
	color:#444;
	font-family:Source Sans Pro,arial;
	font-size:15px;
}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
a{
	color:#395199;text-decoration:none;
}
a:hover{
	color:#000;
}
b,strong{
	color:#444;
}
.clear{
	clear:both;
}
.wrapper {
	max-width: 1160px;
	width:95%;
	height: auto;
	margin: 0px auto;
	position:relative;
}
.wrapper2 {
	max-width: 1160px;
	width:95%;
	height: auto;
	margin: 0px auto;
	position:relative;
}

/*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:#395199;font-size:24px;font-weight:normal;line-height:normal;margin-bottom:30px;padding-bottom:5px;border-bottom:1px solid #dddddd;text-transform:uppercase;}
h2 {color:#444444;font-size:24px;letter-spacing:-0.5px;text-transform:uppercase;font-weight:normal;line-height:normal;margin-bottom:30px;}
h3 {color:#395199;font-size:24px;font-weight:normal;line-height:normal;margin-bottom:20px;text-transform:uppercase;}

/*header
******************/
#header {width:100%;padding:20px 0;}
#logo {float:left;}
.pics {float:right;}

#searchbox {border:1px solid #e2e2e2;padding:3px;margin-bottom:40px;}
.searchfield {width:100%;}
input.search {background-color:#fff;border:0;font-size:11px;color:#706f6f;float:left;border-radius:0px;box-shadow:none;-webkit-appearance: none;width:75%;font-family:Source Sans Pro,arial;padding:8px;}
.search_submit {display:block;float:right;background:url(../images/search.png) no-repeat center center #83ac00;}
.search_submit:hover {background:url(../images/search.png) no-repeat center center #444;}


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

#mid {background-color:#395199;}
#fb {position:absolute;top:4px;right:0px;}
#fb a {color:#fff;}
#searchmob {background-color:#eaeaea;display:none;padding:10px 0;}
#catniv {float:left;}
#subnav {float:left;}
#subnav ul {margin:0;padding:0;list-style-type:none;}
#subnav ul li {float:left;}
#subnav ul li a {display: block;padding:10px 15px; color: #fff; text-decoration: none;font-size:16px;text-transform:uppercase;border-left:2px solid #fff;}
#subnav ul li.menu-last a {border-right:2px solid #fff;}
#subnav ul li a:hover {color: #fff;background-color:#83ac00;}
#subnav ul li.menu-current a {color: #fff;background-color:#83ac00;}
#subnav ul li.menu-expand a {color: #fff;background-color:#83ac00;}

/*main content -> menu & content
*********************************/
#main {width:100%;margin-top:50px;padding-bottom:50px;}

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

.lijst {margin-top:50px;margin-bottom:50px;}
.links {float:left;width:30%;margin-right:5%;}
.midden {float:left;width:30%;margin-right:5%;}
.rechts {float:right;width:30%;}
.list {list-style-type:none;margin:0;}
.list li a {display:block;padding-bottom:5px;padding-top:5px;border-bottom:1px solid #dddddd;padding-left:10px;text-decoration:none;}
.list li.last a {border-bottom:0px solid #dddddd;}

#slideshow {position:relative;}
.blokken {}
.blok1 {float:left;width:30%;margin-right:5%;background-color:#fff;}
.blok2 {float:left;width:30%;margin-right:5%;background-color:#fff;}
.blok3 {float:left;width:30%;background-color:#fff;}
.padding {border:1px solid #eaeaea;padding:20px;}
.blok2 .padding {border:1px solid #eaeaea;padding:20px 20px 50px 20px;}
.paddingframe {border:1px solid #eaeaea;padding:5px;}
.padding1 {border:1px solid #eaeaea;padding:10px 0 0 0;}

.nieuwsbericht {margin-bottom:15px;}
.nieuwsberichtlast {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eaeaea;}
.nieuwsbericht2 {margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eaeaea;}
.nieuwsberichtlast2 {}
.nieleft {float:left;width:60%;margin-right:5%;}
.nieleft a {text-decoration:underline;}
.nieleft a:hover {text-decoration:none;}
.nieright {float:right;width:35%;}
.alle a {text-transform:uppercase;color:#354f88;}
.nieTitel a {display:block;background-color:#dddddd;text-decoration:none;color:#444;padding:5px;margin-bottom:30px;}
.nieTitel span {display:block;background-color:#dddddd;color:#444;padding:5px;margin-bottom:30px;}

.openingsuren {background-color:#eaeaea;margin-bottom:40px;}
.opentitel {display:block;background-color:#395199;color:#fff;text-transform:uppercase;padding:8px 20px;}

.blokkken {}
.blokk1 {width:100%;background-color:#fff;}
.blokk2 {width:100%;background-color:#fff;}
.blokk3 {width:100%;background-color:#fff;}

.col {float:left;margin-left:2%;width:32%;}
.c3 {margin-left:0;}
.niv3 {margin-bottom:25px;padding-bottom:25px;border-bottom:1px dashed #eaeaea;}
.niv2 {margin-bottom:25px;padding-bottom:25px;display:none;border-bottom:1px dashed #eaeaea;}
.niv1 {margin-bottom:15px;padding-bottom:15px;display:none;}

.koptekst {font-size:11px;margin-bottom:5px;}
#video {margin-top:40px;}

.pic {float:left;width:15%;margin-left:2%;}
.p6 {margin-left:0;}
.thumb6 {margin-bottom:5px;padding-bottom:5px;}
.thumb3 {margin-bottom:5px;padding-bottom:5px;display:none;}
.thumb1 {margin-bottom:5px;padding-bottom:5px;display:none;}

.picc {float:left;width:32%;margin-left:2%;}
.t3 {margin-left:0;}
.thumbb3 {margin-bottom:5px;padding-bottom:5px;}
.thumbb2 {margin-bottom:5px;padding-bottom:5px;display:none;}
.thumbb1 {margin-bottom:5px;padding-bottom:5px;display:none;}

.space {margin-bottom:10px;padding-bottom:10px;}
.full {
    width: 100%;
}
.full ul {list-style-type:none;margin:0;padding:0;}
.images_2 {
    width:45%;margin-right:10%;
	float:left;
}
.last_2 {
    padding-right: 0;margin:0;
}
.images_2 img, .images_4 img {width:100%;}
.images_4 {
   	margin-right:3%;
	float:left;
    width:22%;
}
.last {
    padding-right: 0;
}
.p_full {
    margin-bottom: 10px;
    width: 100%;
}
.images_4_3 {
    padding-right: 0;
	float:none;clear:both;
    width: 100%;
}

#thumbs {margin-top:30px;}

/*footer top
****************/
#superwrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -100px;}
.push{height:100px;}
.footerwrapper {height:100px;background-color:#ddd;}

.merken {width:100%;margin-bottom:20px;}
.merk {float:left;width:23%;margin-left:2.5%;}
.p4 {margin-left:0;margin-bottom:10px;padding-bottom:10px;}
.merk3 {margin-bottom:10px;padding-bottom:10px;display:none;}
.merk2 {margin-bottom:10px;padding-bottom:10px;display:none;}

#footer {padding:20px 0px;}
#footer a {text-decoration:none;}
#fct {}
#fct2 {margin-top:20px;}

.form {margin-bottom:10px;}
.fleft {float:left;width:200px;padding:5px 0;}
.fright {float:left;}
.submit{border:0px;font-family:Source Sans Pro,arial;font-size:15px;text-transform:uppercase;background-color:#83ac00;color:#fff;padding:3px 5px;margin-top:20px;}