div#mainContainer{
	margin:0 auto;
	width:990px;
}

img.logo{
	float:right;
	margin:2px 275px 2px 0;
	padding-left:2px;
}

img.home{
	float:left;
}

/* Navigatie */
ol#nav{
	position:relative;
	clear:both;
}

ol#nav li{
	margin-top:20px;
	color:#fff;
}

ol#nav li{
	float:left;
	border-left:1px solid #fff;
	width:122px;
}

ol#nav li.last{
	border-right:1px solid #fff;
	width:127px;
}

ol#nav li span{
	padding-left:15px;
}

ol#nav li a{
	color:#fff;
	text-decoration:none;
	padding-left:15px;
	display:block;
}

ol#nav li a:hover,
ol#nav li.active a,
ol#nav li.active span,
ol#nav li span:hover,
ol#nav li:hover span{
	color:#009900;
}

ol#nav li ol{
	display:none;
}

ol#nav li.active ol,
ol#nav li:hover ol{
	display:block;
}

ol#nav li ol{
	position:absolute;
	top:-20px;
	left:0;
}

ol#nav li ol li{
	background-color:#fff;
	border-left:1px solid #000;
	border-top:1px solid #000;
}

ol#nav li ol li a,
ol#nav li.active ol li a{
	color:#000;
	line-height:20px;
}

ol#nav li ol li a.active,
ol#nav li ol li a:hover{
	color:#fff;
	background-color:#009900;
}

/* Pagina */
div#cafe div#text,
div#restaurant div#text{
	width:495px;
	height:495px;
	overflow:auto;
	background-color:#fff;
}

div#cafe div#text div,
div#restaurant div#text div{
	padding:15px;
	width:445px;
}

div#cafe div#text{
	float:right;
}

div#cafe img.img{
	float:left;
}

div#restaurant div#text{
	float:left;
}

div#restaurant img.img{
	float:right;
}

/* Nieuwsbrief */
form#newsletter{
	margin-top:18px;
	clear:both;
}

form#newsletter legend.show{
	display:block;
	color:#009900;
	font-weight:bold;
	margin-bottom:5px;
}

form#newsletter p{
	margin-bottom:10px;
}

form#newsletter input{
	border:2px solid #000;
	width:200px;
}

form#newsletter input.btnNewsletter{
	width:auto;
	background-color:#009900;
	height:18px;
	line-height:14px;
	margin-left:5px;
	padding:0 10px;
	cursor:pointer;
}

/* Programma */
form.programma{
	margin-top:10px;
}

form.programma select{
	margin-right:5px;
}

ol.programma{
	margin-top:18px;
}

ol.programma li{
	clear:both;
}

ol.programma li span{
	float:left;
}

ol.programma li span.date{
	float:none;
	display:block;
}

ol.programma li h2 a{
	float:left;
	font-size:16px;
	margin:1px 0 6px 0;
	text-decoration:none;
}

ol.programma li h2 a:hover{
	text-decoration:underline;
}

ol.programma li p{
	display:none;
	clear:both;
	padding:0 0 10px 0;
}

/* Menu */
ol#menu li{
	margin-bottom:5px;
}

ol#menu li h2{
	float:left;
	font-weight:normal;
	width:300px;
	padding-right:15px;
}

ol#menu li.cat h2{
	font-weight:bold;
	text-transform:capitalize;
}

ol#menu li p.unit{
	float:left;
	width:60px;
}

ol#menu li p.euro,
ol#menu li p.price{
	float:right;
}

ol#menu li p.euro{
	width:10px;
}

ol#menu li p.price{
	width:55px;
	text-align:right;
}

ol#menu li p.clear{
	padding-bottom:10px;
}

/* Reservering */
form#reservering label,
form#reservering input,
form#reservering textarea{
	margin-bottom:5px;
}

form#reservering label{
	width:100px;
}

form#reservering input,
form#reservering textarea{
	width:200px;
	border:2px solid #000;
	padding-left:2px;
}

form#reservering input#resDate,
form#reservering input#resTime,
form#reservering input#resCount{
	width:80px;
}

form#reservering span{
	margin-left:5px;
	font-size:10px;
}

form#reservering input.btnRes{
	width:auto;
	background-color:#009900;
	margin-left:100px;
	padding:0 10px;
	cursor:pointer;
}

/* Display */
div#display h1{
	float:left;
	color:#fff;
	padding:53px 30px 20px 30px;
	font-size:35px;
}

div#display img.display{
	float:right;
	padding-right:30px;
	margin-bottom:-10px;
}

div#display ol{
	clear:both;
}

div#display ol img{
	float:left;
	border:1px solid #fff;
	margin-right:15px;
}

div#display ol li{
	padding:15px 30px;
	border-bottom:1px solid #fff;
}

div#display ol li p,
div#display ol li h2{
	color:#fff;
}

div#display ol li.last{
	border-bottom:0;
}

div#display ol li h2{
	font-variant:small-caps;
	font-size:18px;
	margin:1px 0 6px 0;
}