@import "reset.css";
@import "menu.css";
html {
    -webkit-text-size-adjust: none;
}
body{
	background:url(../images/bg.jpg) no-repeat top center #d8d8c9;
	color:#333333;
	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:#004f8f;
}
a:hover{
	color:#7c7c7c;
}
b,strong{
	color:#333333;
}
.clear{
	clear:both;
}
.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.wrapper {
	max-width: 1160px;
	width:95%;
	height: auto;
	margin: 0px auto;
	position:relative;
}

.wrapper2 {
	max-width: 1160px;
	width:100%;
	height: auto;
	margin: 0px auto;
	position:relative;
}

.wrapper3 {
	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:#004f8f;font-size:22px;line-height:normal;font-weight:700;text-transform:uppercase;font-family:PT Serif,arial;margin-bottom:30px;}
h2 {color:#000;font-size:18px;line-height:normal;}

/*header
******************/
#top {background-color:#fff;}
#header {width:100%;position:relative;z-index:99;}
#logo {float:left;padding:25px 0;position:relative;z-index:10000;}

.mask {background:#fff;bottom:0;left:-255px;position:absolute;right:0;top:0;z-index:989;width:832px;}
.mask2 {background:#fff;bottom:0;left:-255px;position:absolute;right:0;top:0;z-index:989;width:832px;display:none;}
.submenu {background:url(../images/submenubg.png) repeat;float:left;left:50%;position:absolute;z-index:100;display:none;}

#navMob {display:none;padding:0 2%;background-color:#004f8f;margin-top:15px;}
#navigation {display:none;}
#mobile-header  a {color:#fff;text-decoration: none;display: block;font-size:18px;padding:8px 0px;background:url(../images/list.png) no-repeat right #004f8f;} 

/*main content -> menu & content
*********************************/
#main {width:100%;margin-top:200px;}
#tab {width:100%;}
.titel span {color:#fff;font-size:26px;line-height:normal;font-weight:700;text-transform:uppercase;}
.pad {}
#tabs {background:url(../images/tabbg.png) repeat;}
.tabs {list-style-type:none;margin:0;padding:0;}
.tabs li {float:left;margin-right:1px;}
.tabs li a {background-color:#7c7c7c;color:#fff;font-size:13px;text-transform:uppercase;font-family:PT Serif,arial;padding:10px;text-decoration:none;display:block;}
.tabs li a:hover {background-color:#fff;color:#7c7c7c;}
.tabs li.menu-current a {background-color:#fff;color:#7c7c7c;}

#content{line-height:21px;background-color:#fff;padding:35px;font-weight:300;}
.contentleft {float:left;width:40%;margin-right:5%;}
.contentright {float:right;width:55%;}
.contentright ul li {padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #004f8f;}

.btn {display:inline-block;background-color:#7c7c7c;color:#fff;font-family:PT Serif,arial;font-size:14px;text-transform:uppercase;text-decoration:none;border-radius:5px;padding:10px;}
.btn:hover {background-color:#333;color:#fff;}

.tbl td {padding:20px;border:1px solid #000;}

.image {margin-bottom:30px;}
#galerij {margin-top:50px;margin-bottom:10px;}
.picture {float:left;width:32%;margin-left:2%;}
.c3 {margin:0;}
.lines1 {margin-bottom:10px;padding-bottom:10px;display:none;}
.lines2 {margin-bottom:10px;padding-bottom:10px;display:none;}
.lines3 {margin-bottom:10px;padding-bottom:10px;}

.review {margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #d8d8c9;}
.datum {margin-bottom:5px;}
.datum span {font-size:13px;}

/*footer top
****************/
#superwrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -80px;}
.push{height:80px;}
.footerwrapper {height:80px;background:url(../images/footerbg.jpg) repeat-x;overflow:hidden;}

#footer {border-top:1px solid #d8d8c9;}
.ft {color:#004f8f;}
.ft a {color:#5799cc;}
.ft2 {color:#fff;font-size:12px;padding:10px 0;}
.ft2 a {color:#fff;}
.fct1 {padding:13px 0;}
.fct2 {padding:9px 0;}
.fct1, .fct3 {float:left;}
.fct2, .fct4 {float:right;}