/*	=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, 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.5em "Helvetica", "Helvetica Nueu", Arial, verdana;
}
h2, h3, h4, p, ul, blockquote{
	margin:0 20px 18px 5px;
}
h1, h2, h3{
	font-family: "Helvetica", "Helvetica Nueu", Arial, verdana;
	font-weight:bold;
}
h1{
  color:#FFF;
	font-size:210%;
	letter-spacing:-0.02em;
	margin-bottom:1em;
}
h2{/* add 30px margin only (6px phantom space under image)*/
  clear:left;
  color:#aeae09;
  font-size:18px;
  line-height:18px;
  margin:36px 10px 18px 5px;
}
h3{
  color:#000;
  font-size:12px;
  line-height:18px;
	margin:27px 10px 9px 5px;
}
#content-sec h3{
  color:#aeae09;
  font-size:14px;
  line-height:18px;
  margin:36px 10px 18px 5px;
}
#content-sec h3.sibling{/* if there are more than one h3's */
  margin-top:18px;
}
p{
  margin:0 10px 1.5em 5px;
}
em{
  font-style: italic;
}

ol, ul{list-style:disc inside;}

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

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

/* =generic classes
------------------------------------------------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0.1px;
	clear: both;
	font-size: 0;
	visibility: hidden;
}
.notice{
  background:#fffdf9 !important;
  border:1px solid #b9ad94;
  color:#AC4E33;
  margin-top:18px !important;
  padding:9px;
}
.notice strong{
  display:block;
}

/*	=layout blocks
------------------------------------------------------------------*/
body{
  background:#FFF url(/images/body-bg.gif) no-repeat center 0;
  /*background:#FFF url(/images/baseline-grid.gif) center 0;*/
  text-align:center;
	}
#wrap{
  /*background:url(/images/layout-grid.gif) repeat-y center 0;*/
	margin:0 auto;
	padding:0 10px;
	position:relative;
	text-align:left;
	width:830px;
}
#header{
  border-top:9px solid #aeae09;
  padding-top:9px;
}
#content{
  float:left;
  clear:left;
  position:relative;
}
#content-main{
  float:right;
  margin-right:210px;
  padding:0 0 36px 0;
  position:relative;
  width:410px;
}
#content-sec{
  float:left;
  margin-right:10px;
  padding:0 0 20px 0;
	width:195px;
}
#sidebar{
  margin-top:18px;
  margin-bottom:18px;
  padding:18px 0 9px 0;
  position:absolute;
  right:0;
  top:21px;
	width:195px;
}
#footer-wrap{
  background:#473e3a;
  padding:1.5em 0;
  text-align:center;
}
#footer{
  clear:both;
  background:#aeae09;
  color:#FFF;
  margin:0 auto 18px;
  padding:18px 0;
  width:830px;
}

/* =header
------------------------------------------------------------------*/
/* branding */
#header h1{
  margin:0;
}
#header h1 a{
  background:url(/images/logo.gif) no-repeat 0 0;
  display:block;
  float:left;
  height:108px;
  margin:0 10px 18px 0;
  text-indent:-3000px;
  width:200px;
}

#sfeerbeeld{/* add 12px margin only (6px phantom space under image)*/
  clear:left;
  height:284px;
  margin:0 0 18px 0;
  padding:2px 2px 2px;
}

/* =navigation
------------------------------------------------------------------*/
#navigation a{
  text-decoration:none;
}
#navigation a:hover{
  text-decoration:underline;
}

/* =nav-main */
#nav-main{
  float:left;
  line-height:36px;
  margin:54px 0 0 0;
  list-style-type:none;
}
#nav-main li{
  float:left;
  list-style:none;
}
#nav-main li a{
  color:#473e3a;
  display:block;
  float:left;
  margin-right:10px;
  text-align:center;
}
#nav-main li a:hover, #nav-main li.current a, #nav-main li.parent_of_current a{
  color:#aeae09;
  text-decoration:none;
}

/* nav-extra */
#nav-extra{
  background:#aeae09 url(/images/nav-extra-bg.gif) repeat-x 0 100%;
  margin:9px 10px 0 0;
  padding:0 0 9px 18px;
  position:absolute;
  right:0;
  top:0;
}
#nav-extra ul, #nav-extra p{
  display:inline;
  margin:0;
}
#nav-extra li{
  display:inline;
}
#nav-extra li{
  display:inline;
}
#nav-extra a{
  color:#FFF;
  float:left;
  margin:0 18px 0 0;
}
#nav-extra li.current a{
  text-decoration:underline;
}
#nav-extra p a{
  color:#fff57e;
}

/* nav-sec */
.nav-sec{
  list-style:none outside;
  margin:0 0 0 5px;
}
#nav-sec li{
  margin:0;
  padding:0;
  list-style-type:none;
}
.nav-sec a{
  border-top:1px solid #d7d5d4;
  color:#473e3a;
  display:block;
  line-height:18px;
  margin:0;
  padding:5px 0;
  text-decoration:none;
  text-indent:0;
}
.nav-sec li:first-child a{
  border-top:0;
  padding-top:0;
}
.nav-sec a:hover{
  color:#aeae09;  
}
.nav-sec li.current a{
  color:#aeae09;
  text-decoration:underline;
}

/* breadcrumb */
#breadcrumb{
  border-bottom:1px solid #CCC;
  padding-top:2px;
}
#breadcrumb a{
  color:#000;
}

/* =sidebar
------------------------------------------------------------------*/
#sidebar h3{
  color:#AEAE09;
  font-size:14px;
  line-height:18px;
  margin:18px 15px 4px 15px;
}
#sidebar h4{
  color:#ac4e33;
  font-size:12px;
  line-height:18px;
  margin:0 15px 9px 15px;
}
#sidebar p{
  margin:0 15px 9px 15px;
}

/* =content-main
------------------------------------------------------------------*/
/* Menu */
p.gerecht{
  font-weight:bold;
  margin-bottom:0;
}
.gerecht_vertaling{
  font-weight:normal;
  font-style:italic;
  margin-bottom:0;
}
.prijs{
  position:absolute;
  left:420px;
  margin-right:0;
  top:18px;
  width:180px;
}
.menu_prijs{
  border-top:1px solid #d7d5d4;
  border-bottom:1px solid #d7d5d4;
  margin-top:18px;
  padding:17px 0;
}
.of{
  font-family:Garamond, Georgia;
  font-size:13px;
  font-style:italic;
  margin:-9px 0 9px 5px;
}
.wijnen li{
  padding:9px 0;
}
.wijnen li:first-child{
  padding:0 0 9px;
}
.tussenlijn{
  color:#D7D5D4;
  margin-bottom:0;
}

/* A la carte */
div.gerecht{
  background: url(/images/gerecht-bg.gif) no-repeat 0 0;
  padding:18px 0;
  position:relative;
}

/* A la carte - Traiteur ***********************************************
Omdat sommige gerechten meerdere items bevatten (met elk een eigen prijs) 
hebben we hier een float structuur moeten gebruiken.

.gerecht wordt links gefloat, .prijs rechts zodat de .prijs op dezelfde 
hoogte komt van .gerecht

#content-main moet 105px breder komen om .prijs ruimte te geven

Deze aanpak kunnen we spijtig genoeg niet overal doortrekken 
omdat bij andere "a la carte" gerechten er een vertaling tussen 
.gerecht en .prijs zit

Gerechten met meerdere items mogen in een ul met li's zitten, of 4 p elementen

*************************************************************************/

.voorgerechten-traiteur #content-main, 
.hoofdgerechten-traiteur #content-main, 
.nagerechten-traiteur #content-main, 
.hapjes-en-versnaperingen-traiteur #content-main{
  width:515px;
  margin-right:105px;
}
div.gerecht_traiteur{
  background: url(/images/gerecht-bg.gif) no-repeat 0 0;
  padding:18px 0;
  float:left;
  width:515px;
}
div.gerecht_traiteur .gerecht{
  float:left;
  font-weight:normal;
  width:405px;
}
div.gerecht_traiteur ul{
  margin-right:0;
}
div.gerecht_traiteur .prijs{
  margin-bottom:0;
  position: static;
  float:right;
  width:90px;
} 

/* inline CTA's */
.cta, .cta a{
  color:#aeae09;
  font-weight:bold;
}
.cta a{
  text-decoration:underline;
}
.cta span{
  color:#000;
  font-weight:normal;
}

/* praktisch pagina's */
.info #content-sec, 
.dinercheques #content-sec, 
.verwenweekends #content-sec, 
.contact #content-sec, 
.reserveren #content-sec, 
.bedankt #content-sec,
.in-de-media #content-sec,
.doe-de-formatietoer #content-sec,
.nieuwe-uitzendingen-op-vitaya-met-geert-van-der-bruggen #content-sec{
  float:right;
  margin-right:0;
  width:305px;  
}
.info #content-main, 
.dinercheques #content-main, 
.verwenweekends #content-main, 
.contact #content-main, 
.reserveren #content-main, 
.bedankt #content-main,
.in-de-media #content-main,
.doe-de-formatietoer #content-main,
.nieuwe-uitzendingen-op-vitaya-met-geert-van-der-bruggen #content-main{
  float:left;
  margin-right:10px;
  width:515px;
}

/* dinercheques */
.dinercheque-beeld{/* only 12px bottom margin because of mysterious padding on img element */
  margin:-18px 0 12px 0;
}

/* info */
#map{
  border:1px solid #dedecc;
  margin:36px 0;
  width:513px;
  height:394px;
}
#map h3{
  margin-top:0;
}
.vcard p{
  padding-bottom:18px;
  background: url(/images/gerecht-bg.gif) no-repeat 0 100%; 
}

/* pagina partners */
.item+.item{
  padding-top:18px;
  border-top:1px solid #d7d5d4;
}

/* Sportcolumn  */
.entry{
  border-top:1px solid #d7d5d4;
}
.entry h2, #entry_detail h2{
  margin-bottom:9px;
}

/* In de media */
#indemedia_overzicht h3{
  margin-bottom:0;
}

.publi_datum{
  font-size:11px;
  font-weight:normal;
  margin-top:-9px;
  text-transform:uppercase;
}
.preamble{
  font-size:14px;
  font-style:italic;
  line-height:22px;
}
.sc{
  font-variant:small-caps;
}
.publi_auteur{
  font-size:12px;
  display:block;
  font-variant:small-caps;
}
.naar_overzicht{
  margin-top:36px;
}

/* Testimonials */
.date{
  font-weight:normal;
  color:#666;
}
.comment{
  border-top:1px solid #DEDECC;
}

.sportcolumn #content-sec p, .testimonials #content-sec p{
  font-style:italic;
}

/* =footer
------------------------------------------------------------------*/
#footer a{
  color:#FFF;
  font-weight:bold;
}
#contact-info{
  text-align:center;
}
#site-info{
  line-height:18px;
  font-size:11px;
  margin-bottom:0;
  text-align:center;
}

/* =forms
------------------------------------------------------------------*/
#form, .form{
  border:1px solid #dedecc;
  background:#f7f7e6;
  padding:18px 18px 0 18px;
  margin-bottom:18px;
}
.form h3{
  margin-bottom:18px;
  margin-top:9px;
  font-size:14px;
}
form div{
  padding-bottom:18px;
}
.hidden{
  display:none;
}
form br{
  display:none;
}
fieldset{
  margin:0 0 18px 0;
  border-bottom:1px solid #dedecc;
}
#form h3{
  color:#000;
  font-size:12px;
  font-weight:bold;
  margin:0 0 9px 0;
}
form label{
  display:block;
}
label, form div{
  color:#000;
}
input[type="text"], textarea{
  font-size:1em;
  padding:3px;
  width:200px;
}
textarea{
  width:300px;
}
input[type="submit"]{
  background:#aeae09;
  border:1px solid #aeae09;
  color:#FFF;
  font-size:.9em;
  font-weight:bold;
  padding:0.25em;
  text-transform:uppercase;
}


/* checkboxes and radio buttons */
.cr p{
  display:block;
  margin-bottom:0;
  }
.cr label{
  margin-left:17px;
}
.cr input{
  float:left;
}
.cr br{
display:block;
}

/* notes & error handling */
.validation-advice{
  display:block;
  font-family:arial;
  background:#f7f7e6 url(/images/bullet_error.png) no-repeat 0 0;
  color:#CC0000;
  font-size:0.8333em;
  font-style:italic;
  font-weight:normal;
  margin:6px 0 0 0;
  padding:0 3px 0 16px;
}
.note{
  font-size:0.8333em;
  font-weight:normal;
}
.contact_form_notice{
  clear:left;
  font-size:11px;
}
.mailer-error{/* when somebody enters a non-existent e-mail adress */
  background:#f7f7b5;
  border:1px solid red;
  padding:9px;
  margin-bottom:18px
}

/* #banner-1000zonnen */
#banner-1000zonnen{
  position:absolute;
  right:0;
  top:60px;
  width:190px;
}
#banner-1000zonnen h3{
  margin-top:9px;
}