/*
	Defined named colors:

	Default light brown: #B3A48B
	Navigator grey: #CCCCCC
	Textframe right: #FFFFFF
*/

html, body{
	height: 100%;	/* required */
}

html{
	font-family: Georgia,Verdana,Times New Roman,Times;
	background-color: #B3A48B;
	margin: 0;
	padding: 0;
}

body{
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	margin: 0;
	padding: 0;
}

pre{
	font-family: Georgia,Verdana,Times New Roman,Times;
}

img{
	padding: 0;
	margin: 0;
	border: 0;
}

img:hover{
	border: 0;
}

a{
	text-decoration: none;
	color: #000000;
}

a:link{
}

a:visited{
}

a:hover{
}

a:active{
	color: black;
}

table, td{
	margin: 0;
	padding: 0;
	font-family: Georgia,Verdana,Times New Roman,Times;
	font-weight: normal;
	font-size: 12px;
}

p{
	margin: 1em 0 0 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, h7{
	margin: 5px 0;
	padding: 0;
}

h1{
	font-size: 16px;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

h2{
	font-size: 14px;
}

form{
	margin: 10px 0;
}

div#container{
	text-align: left;
	width: 995px;
}

div#navigator{
	background-color: #CCCCCC;
	font-size: 12px;
	color: white;
	height: 26px;
	line-height: 26px;
	text-transform: uppercase;
	margin-bottom: 2px;
}

div#navigator a{
	color: #FFFFFF;
}

div#navigator a:hover{
	border-bottom: 1px solid #FFFFFF;
}

div#navigator ul{
	display: block;
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#navigator li{
	float: left;
	margin: 0 1.5em;
}

div#content_wrapper{
	float: left;	
	background-color: #FFFFFF;
	border-bottom: 2px solid black;
}

div#content_image{
	float: left;
	width: 440px;
	height: 400px;
	padding: 5px;
}

div#content_text{
	float: right;
	width: 515px;
	height: 400px;
	overflow-y: auto;
	padding: 5px;
	padding-left: 25px;
	background-image: url( "/images/backgrounds/background_apicius.png" );
	background-repeat: no-repeat;
	background-position: 50px 48px;
	line-height: 150%;
}

div#content_text a:link{
	border-bottom: 1px dotted black;
}

div#content_text a:hover{
	border-bottom: 1px solid black;
}

div#footer{
	clear: both;
	color: #CCCCCC;
}

div#footer p{
	text-align: right;
	text-transform: uppercase;
	line-height: 24px;
}

body#body_entree div#navigator li#entree a{
	border-bottom: 1px solid white;
}

body#body_smaak div#navigator li#smaak a{
	border-bottom: 1px solid white;
}

body#body_gerechten div#navigator li#gerechten a{
	border-bottom: 1px solid white;
}

body#body_wijn div#navigator li#wijn a{
	border-bottom: 1px solid white;
}

body#body_geschiedenis div#navigator li#geschiedenis a{
	border-bottom: 1px solid white;
}

body#body_reserveren div#navigator li#reserveren a{
	border-bottom: 1px solid white;
}

body#body_nieuwsbrief div#navigator li#nieuwsbrief a{
	border-bottom: 1px solid white;
}

body#body_vacatures div#navigator li#vacatures a{
	border-bottom: 1px solid white;
}

body#body_contact div#navigator li#contact a{
	border-bottom: 1px solid white;
}

body#body_reserveren div#content_text table{
	width: 100%;
	padding: 0;
	margin: 0;
}

body#body_reserveren div#content_text td{
	width: 50%;
}

body#body_reserveren div#content_text div#form_validation_output{
	height: 16px;
	line-height: 16px;
	background-color: #B20707;
	color; white;
	height: 20px;
}

label { display: block; clear: both; padding-top: 10px; }
label span.label { display: block; float: left; width: 150px; }
label span.required { color: #FF0000; font-weight: bold; }
label input { display: block; float: left; }
input { font-family: Georgia,Verdana,Times New Roman,Times; font-size: 1em; }
input.textbox { width: 200px; padding: 3px; border: solid 1px #c0c0c0; }
input.validation-failed{ background-color: #ffc0cb; }
input.button {}

div.toolbar { clear: both; padding-top: 20px; }

div#ClientValidationSummary { background-color: #FF0000; width: 350px; padding: 5px; color: white; }
div#ClientValidationSummary a { color: white; }

div.validation-inline-error-message{ display: block; float: left; padding-left: 10px; color: #ff0000; }