@charset "utf-8";
body {
	font: 80% Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
/*	background-image:url(../img/bg-body.jpg); background-repeat:repeat-x;*/
background-color:#150c06;
}
#wrapper{margin:25px auto; width:1020px; }
/* =========================menu ============================*/



#navcontainer { float:left; width:140px; margin:0 0 0 10px;}
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 100px;
background-color: #999;
background-image:url(../img/l1_down.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(../img/l1_over.jpg);
color: #fff;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
background-image: url(../img/l1_over.jpg);
color: #fff;
}

/*===========================================================*/
 #container {
	width: 1000px;  
	background: #FFFFFF;
	background-image:url(../img/bg.jpg); background-repeat:no-repeat;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size:1.5em;
	min-height:575px;
	float:left;
	 border:5px solid #49311d;
	 margin-bottom:20px;
}
 #container.eten {
	background-image:url(../img/bg-eten.jpg); background-repeat:no-repeat;
}
 #container.drinken {
	background-image:url(../img/bg-drinken.jpg); background-repeat:no-repeat;
}

 #header {
	padding: 0 10px 0 20px; 
}
 #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
 #header h2{height:30px;  text-align:left; width:350px; margin:0; margin:250px 0 50px 180px;color:#000;  font-size:1.2em}
 #header h2.restaurant{ padding-top:30px; text-align:center}
 #header h2.menu{background-image:url(../img/h2-menu.png); background-repeat:no-repeat;  padding-top:30px; text-align:center}
 #header h2.drinken{background-image:url(../teatro/img/h2-drinken.png); background-repeat:no-repeat;padding-top:30px; text-align:center }
 #header h2.wijn{background-image:url(../img/h2-wijn.png); background-repeat:no-repeat; padding-top:30px; text-align:center}
 #header h2.recensie{background-image:url(../img/h2-recensies.png); background-repeat:no-repeat; padding-top:30px; text-align:center}

 #mainContent {
	padding: 0 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin:0 0 0 150px;
	width:725px;
	font-size:0.8em;
	min-height:300px;
}
#wijnkaart { font-size:0.9em}
#week_overzicht {margin-bottom:50px}

a.jump{color:#000000; padding:0 10px 2px; text-decoration:none; border:1px solid #000; margin:0 5px; background-image:url(../img/bg-jump.jpg); background-repeat:repeat-x; color:#FFFFFF}
em{font-weight:bold}

tr.wijnkaart_top{height:50px;}
a.wijnkaart {text-decoration:none; color:#990000}

td.wijn_omschrijving, br.wijn_omschrijving  {font-size:0.8em; margin:0; color:#990000}

span.titel{font-weight:bold; color:#150c06;}
span.omschrijving {font-size:0.8em;}

#menu_kaart {background-image:url(../img/bg-menu.jpg); background-repeat:no-repeat}

th.menu{color:#49311d; font-size:1.5em}

td.streek {color:#006600; font-weight:bold}
.scheidingslijn {border-top:1px solid; width:200px; margin:5px auto;}

#up{position:relative}


#vlaggen 
{
	width:1000px;  margin:0; text-align:center; color:#FFFFFF; font-weight:bold; 
}
#vlaggen  a {color:#FFFFFF}

#footer {

	width:1000px; height:150px; margin:0; text-align:center; color:#FFFFFF; font-weight:bold; background-image:url(../img/bestek.jpg); background-repeat:no-repeat; background-position:right;
}
span#credits{
font-size:0.8em;
margin-right:5px;
color:#333333;
float:right;
font-weight:normal;
padding:125px 30px 0 0;
}
span#beheer{
font-size:0.8em;
margin-right:5px;
color:#333333;
float:left;
font-weight:normal;
padding:125px 0 0 30px;
}
span#beheer a {color:#333333}
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#talen{ display:inline; margin:0; float:left}
#talen a img{text-decoration:none; margin:0 3px; border:none}


/* formulieren*/
.form {
margin:0;
float:left;
width:600px
}
.form b
{font-weight:bold;
font-size:1.5em;
color:#0000CC;}

.form label.radio
{
text-align:left;
}
.smal {width:300px;}

.form label
{
width:150px;
font-size:0.9em;
float:left;
text-align:left;
font-weight:normal;
margin-right:0.2em;
padding:3px 0 0 0;
float:left;
}
.form label.klein { width:30px; }
label.alert, p.alert{color:#FF0000}
.form input, .form select
{margin-right:10px; float:left; margin-bottom:5px;
}
.form input.breed {width:200px;}
.form input.klein {width:75px;}
.form input.wissen {width:75px; height:25px; background-image:url(../teatro/img/wissen.jpg); background-repeat:no-repeat; border: 0px solid #000;
cursor:pointer}

.form textarea{width:400px; height:100px}
textarea.proefnotities {width:500px; height:50px; font-size:0.9em; color:#0000CC; }
textarea.naam {width:500px; height:50px; font-size:0.9em; color:#0000CC; }

/*====================================*/
.reactieform {
clear:both;
display:block;
margin:0pt;
padding-top:0.5em;
float:left;
width:100%;
}

.reactieform label.radio
{
text-align:left;
}

.reactieform label
{
width:50px;
font-size:0.9em;
float:left;
text-align:left;
font-weight:normal;
margin-right:0.2em;
padding:3px 0 0 0;
color:#000d33;
}
.reactieform input, .reactieform select, .reactieform input.submit
{float:right;}

.reactieform textarea {width:300px; float:right; }

#reserveringen {width: 100%; float:left; font-size:0.9em; background-color:#FFFFFF; border:2px solid; padding:3px;}
#reserveringen td {font-size:0.8em}
#controle {width:300px; float:left}
#controle label {width:100%;}
#controle input {float:left}
legend.controle {color:#0000FF; font-weight:bold}

#beschikbaarheid {background-image:url(../img/notepad.png); background-repeat:no-repeat; width:300px; height:400px; padding:50px 5px 0 30px; display:none; float:left}
#beschikbaarheid form {width:300px; height:400px; font-size:0.9em}
#beschikbaarheid input {float:left}
#beschikbaarheid textarea {width:200px;}
#beschikbaarheid label{width:100%; font-size:0.8em;}

#overzicht {width:75%; float:left; margin-left:25px; font-size:0.9em; color:#333333}

.fltleft {float:left}

td.T2 {width:10px; border:1px solid; padding:2px; color:#000099}
tr.R2 { height:10px;}
td.T4 {width:20px; border:1px solid; padding:2px; color:#009900}
tr.R4 { height:20px;}
td.T6 {width:30px; border:1px solid; padding:2px; color:#FF0000}
tr.R6 { height:20px;}


#map{width:725px; height:300px; border:2px solid #6b4c2b; }
#teller {font-size:0.8em; float:left}
.nieuws {color: #003333; float:right; width:auto; min-height:50px; border:1px solid #ccc; padding:5px; margin:5px; font-size:0.8em}
.nieuws h5 {text-align:left; border-bottom:1px solid}

.nieuws img {float:left; margin: 0 5px 5px 0}
.fotos img {float:left; margin:0 5px 5px 0}
.fotos a img{border:none}
.thumbs { float:left}
table.kerst {font-size:0.9em;color:#003300; border:2px solid #003300; background-image:url(../img/bg-kerst.jpg); background-repeat:no-repeat;}
table.kerst td {vertical-align:top; padding:0 5px; text-align:left}
table.kerst th { text-align:left}
table.jaarwisseling { font-size:1.1em;color:#CC9900; font-weight:bold border:2px solid #aa000c; background-image:url(../img/kreeft.jpg); background-repeat:no-repeat;}