/*	=Reset default HTML styles
------------------------------------------------------------------*/
/* Normalizes margin, padding */
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;
}
/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6{font-size:100%;}

/* Removes list-style from lists */
ol, ul{list-style:none;}

/* Normalizes font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var{
	font-style:normal; font-weight:normal;
}

/* Removes link underline */
a:link, a:visited{text-decoration:none;}

/* Normalizes table behavior */
table{border-collapse:collapse; border-spacing:0;}

/* Removes border from fieldset and img */
fieldset, img{border:0;}

/* Hides hr */
hr{display:none;}

/* Hides skip link */
#skip-to-content{display:none;}

/*	=Typography
------------------------------------------------------------------*/
body{	
  font: 12px/1.667em Verdana, Arial, sans-serif;
}
h2, h3, h4, p, ul, blockquote{
	margin:0 20px 1em 0;
}
h1, h2, h3{
	font-family: Arial, "Lucide Grande", "Lucida Sans Unicode";
  font-weight:normal;
}
h1{
  color:#FFF;
	font-size:210%;
	letter-spacing:-0.02em;
	margin-bottom:1em;
}
h2{
  border-bottom:1px solid #6E4422;
  color:#E2DBD4;
  clear:left;
  font-size:1.5em;
  line-height:1.111em;
  margin-bottom:1.111em;
}
h3{
  color:#E2DBD4;
  font-size:1.333em;
  line-height:1.25em;
	margin:1.875em 0 18px;
}
#footer h3{
	font-size:100%;
	margin-bottom:.15em;
}
p, ul{
  color:#C5B8AA;
  margin-bottom:1.667em;
}
strong{
  font-weight:bold;
}

/* =links
------------------------------------------------------------------*/
a:link, a:visited{
  color:#E2DBD4;
	text-decoration:underline;
}
a:hover, a:focus, a:active{
  color:#FFF;
	text-decoration:underline;
}
a:focus, a:active, a.busy{

}
a.imglink:link, a.imglink:visited {
	border:none;
}
a.imglink:hover{
	background:transparent;
}

/*	=generic
------------------------------------------------------------------*/
.float-left, .float_left{
  float:left;
  margin:0 20px 9px 0;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/*	=layout blocks
------------------------------------------------------------------*/
body{
  background:#603810 url(/images/body-bg.gif) repeat-x center 0;
  text-align:center;
	}
#wrap{
  background:url(/images/wrap-bg.jpg) no-repeat center 125px;
  padding-bottom:18px;
}
#header{
  height:125px;
  margin:0 auto;
  padding:0;
	position:relative;
  width:740px;
  zoom:1;
}
#content{
  background:#603810;
  clear:left;
	position:relative;
	overflow:auto;
	margin:0 auto 0 auto;
	padding:0 10px 60px 10px;
	width:720px;
	}
#content-main{
  float:left;
  padding:20px 20px 0 20px;
  text-align:left;
  width:480px;
}
#content-sec{
  float:right;
  padding:20px 0 0 0;
  text-align:left;
  width:200px;
}
#footer{
  background:url(/images/footer.gif) no-repeat 0 0;
  margin:0 auto;
  padding:20px 0 20px 20px;
  text-align:center;
  width:700px;
}

/* =header
------------------------------------------------------------------*/
h1{
  margin:0;
}
h1 a{
  background:url(/images/logo.gif) no-repeat 0 0;
  display:block;
  height:50px;
  left:0;
  margin-left:10px;
  position:absolute;
  text-indent:-3000px;
  top:18px;
  width:181px;  
}
h1 a:hover{
  background:url(/images/logo.gif) no-repeat 100% 0;
}
#reserveer-online a{
  background:url(/images/reserveren-cta.gif) no-repeat 0 0;
  position:absolute;
  right:30px;
  top:20px;
  text-indent:-3000px;
  height:40px;
  width:180px;
}
#reserveer-online a:hover, .reserveren #reserveer-online a{
  background-position: top right;
}

/* =nav_main */
#nav_main{
  background: #603810;
	bottom:0;
	left:0;
  float:left;
	margin:0;
	padding:0 10px;
  position:absolute;
	width:720px;
}
#nav_main li{
  float:left;
}
#nav_main li a{
  background:url(/images/nav-main-divider.gif) no-repeat 0 0;
  color:#BDBAA9;
  display:block;
  float:left;
  font-size:0.917em;
  font-weight:normal;
  line-height:3.636em;
  text-decoration:none;
  text-transform:uppercase;
  padding:0 1.25em 0em 1.25em;
}
#nav_main li:first-child a{
  background:none;
  padding-left:20px;
}
#nav_main li a:hover, #nav_main li.busy a{
  color:#FFF;
}

/* nav-lang */
#nav-lang{

}

/* nav-extra */
#nav-extra{
  clear:left;
}

/* nav-sec */
#nav-sec{
  margin-bottom:20px;
}
#nav-sec a{
  border-top:0.0833em solid #6E4422;
  color:#BAA593;
  display:block;
  font-size:1em;
  font-weight:normal;
  line-height:1.667em;
  padding-top:0.333em;
  padding-bottom:0.416em;
  text-decoration:none;
}
#nav-sec a:hover, #nav-sec li.busy a{
  color:#FFF;
}

/* praktisch */
#praktisch{
  float:left;
  background:#c6b6a7 url(/images/praktisch-bg.gif) no-repeat 0 0;
  padding:0 0 0 10px;
  position:absolute;
  right:10px;
  top:25px;
}
#praktisch ul{
  float:left;
  background:#c6b6a7 url(/images/praktisch-bg.gif) no-repeat 100% 0;
  margin:0;
  padding:0 10px 0 0;
}
#praktisch li{
  float:left;
  display:inline;
  margin-left:10px;
}
#praktisch li:first-child{
  margin-left:0;
}
#praktisch li:first-child a{
  background:none;
  padding-left:0;
}
#praktisch a{
  background:url(/images/praktisch-a-bg.gif) no-repeat 0 center;
  color:#6e4422;
  float:left;
  padding: 7px 0 8px 10px;
}

/* video CTA */
#video_cta{
  background:#c6b6a7 url(/images/praktisch-bg.gif) no-repeat 0 0;
  padding:0 0 0 5px;
  position:absolute;
  right:300px;
  top:25px;
}
#video_cta p{
  background:#c6b6a7 url(/images/praktisch-bg.gif) no-repeat 100% 0;
  margin:0;
  padding:0 10px 0 0;
}
#video_cta a{
  display:block;
  background:url(/images/video-cta.jpg) no-repeat 0 center;
  color:#6e4422;
  padding: 7px 0 8px 55px;
}
.video #nav_main{
  border-bottom:1px solid #785738;
}

/* =content-main
------------------------------------------------------------------*/
#sfeerbeeld{
  background: #603810;
  padding-bottom:20px;
}

#content-main ul{
  margin-left:1em;
  list-style: disc;
}

/* gerechten (menu) */
.gerecht{
  background:url(/images/gerecht-divider.gif) no-repeat 0 0;
  margin-bottom:0;
  padding-top:2.5em;
  padding-bottom:0.8333em;
}
h2+p.gerecht, h3+p.gerecht{
  background:none;
  padding-top:0;
}

/* persberichten (pers)*/
.persbericht{
  border-top:0.0833em solid #6E4422;
}
.persbericht h3{
  margin-top:1.071em;
  margin-bottom:.357em;
}
.persbericht h3+p{
  margin-bottom:0.417em;
}
.persbericht h3+p+p{
  margin-bottom:1.667em;
}

/* nieuwsberichten (nieuws) */
.nieuwsbericht h3{
  font-weight:bold;
}
.nieuwsbericht{
  border-bottom:0.0833em solid #6E4422;
}
.posted{
  margin:-18px 0 10px 0;
  font-size:10px;
  text-transform:uppercase;
  opacity:0.75;
}

/* vacatures */
#vacatures{
  border-top:1px solid #6e4422;
  margin-bottom:0;
  padding-bottom:10px;
}
.vacature{
  border-bottom:1px solid #6e4422;
  margin-bottom:0;
  padding-top:2.5em;
}
#content-main .vacature h3{
  margin-top:0;
}

/* contact pagina */
.vcard{
  margin-bottom:1.5em;
}
.vcard p{
  border-top:1px solid #6E4422;
  margin-bottom:0;
  margin-top:.75em;
  padding-top:.75em;
}
.vcard p.adr{
  border-top:none;
}
.vcard abbr{
  border:none;
}

#map{
  background:#F2EFE8;
  border:10px solid #FFF;
  height:350px;
  width:460px;
}
#map h3{
  color:#007699;
  margin:0 0 .75em;
}
#map a{
  color:#007699;
}

/* pagina maillist */
#meer-nieuws{
border-bottom:1px solid #6E4422;
margin-right:20px;
margin-bottom:1.5em;
padding-bottom:.75em;
}
#meer-nieuws p{
  margin:0;
}

/* video */
#video{
  margin-bottom:18px;
}

/* =content-sec
------------------------------------------------------------------*/
#content-sec h3{
  margin:0 0 12px;
}
#cta-reserveer{
  margin-bottom:18px;
}


/* =footer
------------------------------------------------------------------*/
#footer p{
  color:#9E8871;
  margin-bottom:0;
  padding-top:9px;
  text-align:left;
}
#footer #facebook-cta{
  float:left;
  padding-top:0;
}
#footer #facebook-cta a{
  opacity:0.75;
}
#footer #facebook-cta a:hover{
  opacity:1;
}
#footer a{
  color:#FFF;
}

/* =forms
------------------------------------------------------------------*/
#reserveren, #form{
  background:#6E4422;
  padding:2em 1em;
}
form>div{
  border-bottom:1px solid #603810;
  clear:left;
  padding-bottom:20px;
  margin-bottom:20px;
}
form div.submit{
  margin-bottom:0;
  padding-bottom:0;
  border:none;
}

form br{
  display:none;
}

form label, .cr p{
  color:#FFF;
  float:left;
  display:block;
  margin-right:0;
  width:12em;
}
.cr label{
  font-weight:normal;
}

label, form div{
  color:#FFF;
  font-weight:bold;
}

p.sluitingsdagen{
  font-size:10px;
  float:left;
  font-weight:normal;
  margin:.5em 0 0 0;
  padding-left:14em;
  width:auto;
}

input[type="text"], textarea{
  font-size:1em;
  padding:.25em;
}
input[type="submit"]{
  background:#007699;
  border:1px solid #CCC;
  color:#FFF;
  font-size:.9em;
  font-weight:bold;
  padding:0.25em;
  text-transform:uppercase;
}

/* cr divs */
.cr input{
  display:inline;
  margin-right:.5em;
}
.cr label{
  float:none;
  display:inline;
  margin-right:1em;
}

.datum{
}

/* reservatie formulier */
#reserveren .submit{
  margin-left:144px;
}

/* error handling */
.validation-advice{
  color:#C5B8AA;
  font-size:0.8333em;
  margin-left:14.5em;
}

#maillist-signup h3{
  background:url(/images/mbsignup-titel.jpg) no-repeat 0 0;
  height:32px;
  margin:-10px 0 0 -10px;
  text-indent:-3000px;
}
#maillist-signup{
  background:url(/images/mbsignup-background.jpg) repeat-x 0 0;
  padding:10px;
  width:160px;
}
#maillist-signup div{
  margin-bottom:0;
  padding-bottom:0;
  padding-top:9px;
}
#maillist-signup input{
  width:140px;
}
#maillist-signup .submit input{
  height:22px;
  width:98px;
}
#maillist-signup label{
  font-weight:normal;
}


/* =tables
------------------------------------------------------------------*/
table{
  margin-bottom:1.5em;
  width:100%;
}
th, td{
  border:1px solid #6E4422;
  color:#C5B8AA;
  font-size:1em;
  padding:.25em;
}
th{
  width:10em;
}
td{
  
}
th{
  background:#6E4422;
}


/* =homepage
------------------------------------------------------------------*/
.home #content-sec{
  display:none;
}
.home #content-main{
  padding-left:20px;
  padding-right:0;
  width:700px;
}
#quick_nav{
  border-bottom:1px solid #6E4422;
  margin-bottom:18px;
}
#quick_nav div{
  border-right:1px solid #6E4422;
  float:left;
  margin-right:20px;
  width:212px;
}
#quick_nav div img{
  float:left;
  margin:0 10px 10px 0;
}
#quick_nav div h3{
  color:#FFF;
  margin:0 0 12px 0;
}
#quick_nav #omgeving{
  border:none;
  margin-right:0;
  width:213px;
}

/* Nieuws */
#recent-nieuws{
  float:left;
  width:460px;
}
#recent-nieuws h3{
  margin:0 20px 0 0;
  width:212px;
}
#recent-nieuws ul{
  margin-right:0;
  width:444px;
}
#recent-nieuws span{
  opacity:0.75;
}

#meesterkoks{
  background:#754514;
  border:1px solid #4F2E0D;
  float:left;
  margin-right:40px;
  padding:10px 0;
  text-align:center;
  width:192px;
}
#meesterkoks a.noborder{
  border:none;
  text-decoration:none;
}
#meesterkoks p{
  margin:0;
}

/* notice */
#notice{
  background:#754514 none repeat scroll 0 0;
  border:1px solid #4F2E0D;
  float:left;
  height:166px;
  padding:10px 0;
  text-align:center;
  width:192px;
}
#notice p{
  margin:0;
}