@import "reset.css";
@import "menu.css";
html {
    -webkit-text-size-adjust: none;
}
body{
	background-color:#fff;
	color:#000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
}
body, html {height: 100%;}
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
a{
	color:#534f49;
}
a:hover{
	color:#95a154;
}
b,strong{
	color:#534f49;
}
.clear{
	clear:both;
}

.wrapper {
	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:#95a154;font-size:22px;font-family:Droid Serif,arial;text-transform:uppercase;line-height:normal;font-weight:normal;padding-bottom:5px;margin-bottom:25px;border-bottom:1px dotted #534f49;}
h2 {color:#95a154;font-size:18px;font-family:Droid Serif,arial;text-transform:uppercase;line-height:normal;font-weight:normal;margin-bottom:16px;}
h3 {color:#95a154;font-size:14px;font-family:Droid Serif,arial;line-height:normal;font-weight:normal;margin-bottom:10px;}
h2.hm {color:#95a154;font-size:22px;font-family:Droid Serif,arial;text-transform:uppercase;line-height:normal;font-weight:normal;padding-bottom:5px;margin-bottom:25px;border-bottom:1px dotted #534f49;}
.tel{}
/*header
******************/
#top {background-color:#534f49;border-bottom:1px solid #423F3A;}
#header {width:100%;padding:20px 0;}
.headleft {float:left;}
.headright {float:right;}
.reserveer{background-color:#534f49;color:#fff;padding:10px;border-radius:5px;text-decoration:none;}
#logo {}

#navMobMenu{display:none;}
#navMob,#searchMob,#loginLnksmob,#languagesMob {background-color:#d96502;display:none;}
#navigation {display:none;}
#mobile-header  a {color:#fff;text-decoration: none;display: block;font-size:14px;background:url(../images/list.png) no-repeat right;text-transform:uppercase;font-family:Droid Serif,Arial;text-align:right;padding-right:30px;} 

#tel {padding-top:30px;clear:both;float:right;}
#tel span {color:#fff;font-family:Droid Serif,arial;font-size:14px;background-color:#5c5852;padding:10px;border-right:1px solid #423F3A;display: inline-block;}

#pics {background:url(../images/pattern.png) repeat #fff;}
#home {padding:20px 0;}
.slideshow {}
.item {padding:0 20px;}
#line {background:url(../images/line.jpg) no-repeat center center;height:5px;}

/*main content -> menu & content
*********************************/
#midden {background:url(../images/pattern.png) repeat #f4f4f4;}
.main {width:100%;padding-top:50px;padding-bottom:50px;}

/*content block
*******************/
#content{line-height:21px;}
.content {width:100%;}
.contentleft {width:60%;float:left;margin-right:5%;}
.contentleft ul {list-style-type:none;margin:0;padding:0;}
.contentleft ul li {margin-bottom:2px;background-color:#F2F3E9;padding:5px 10px;border-left:2px solid #95a154;}
.contentright {width:35%;float:left;}
.text {box-shadow:0px 0px 7px #DEDEDE;background-color:#fff;}
.pad {padding:20px;}
.hmLnks{float:left;width:50%;padding-right:20px;box-sizing:border-box;}
.hmRchts{float:left;width:50%;}
.sol {margin-top:20px;}
.sol a {display:block;padding:5px 15px;color:#fff;text-decoration:none;text-transform:uppercase;font-family:Droid Serif,arial;background-color:#534f49;border-radius:5px;}
a.tel{display:block;padding:5px 15px;color:#000;text-decoration:none;text-transform:uppercase;font-family:Droid Serif,arial;border:solid 1px #534f49;border-radius:5px;background:none;margin-top:5px;}

.nieuwsbrief {float:left;width:48%;margin-right:4%;text-align:center;}
.nieuwsbrief a {display:block;padding:7px 10px;background-color:#95a153;color:#fff;text-decoration:none;text-transform:uppercase;font-family:Droid Serif,arial;border-radius:5px;}
.facebook {float:left;width:48%;text-align:center;}
.facebook a {display:block;padding:14px 10px;background-color:#3b5997;border-radius:5px;}

#buttons {width:100%;}
.btn {float:left;width:32%;margin-right:2%;background-color:#e1e4d2;}
.btnlast {float:left;width:32%;background-color:#e1e4d2;}
.left {width:73%;margin-right:2%;float:left;}
.left span {color:#534f49;font-size:12px;}
.right1 {width:25%;float:right;padding-top:30px;}

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

#footer {padding:12px 0px;color:#fff;font-size:11px;}
#footer a {color:#fff;text-decoration:underline;}
#fct {float:left;}
#fct2 {float:right;}