@charset "UTF-8";
/* CSS Document */

html 				{ background: #321a00 url('../img/bg.gif') top center;}
body				{ font-size: 62.5%; background: url('../img/bg_header.gif') top center repeat-x; margin:0; padding:0;}
div, img, a			{ margin: 0; padding: 0; border: 0;}

/* typo */
h1, h2, h3, h4, h5, h6, p, ul	{ font-weight: normal; }

h1, h2, h4, h5, p.intro, .tabs li, .dish, .price, .phone, .room .label		{ font-family: Georgia, 'Times New Roman', serif; }
h3, h6, p, .dish .description, #textmiddle li								{ font-family: Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;}

h1, h2, h3, h5, h6, p, ul		{ margin: 0; padding: 0;}
h4		 						{ margin: 0; padding: 15px 0 0 0;}

h1, h2							{ color: #787761; height: 42px; text-align: center; background: url('../img/dotted_line.gif') center center repeat-x;}
h1 								{ font-style: italic; font-size: 3.6em; line-height: 0.8em;}
h1 span							{ padding: 0 9px; background-color: #F0EEC1;}
h2								{ font-size: 2.0em; line-height: 1.8em; }
h2 span							{ padding: 0 6px; background-color: #F0EEC1;}

h3, h4, h5, h6					{ line-height: 1.6em; }
h3			 					{ color: #FFFFFF; font-size: 1.4em; text-align: center; text-transform: uppercase;}
h4								{ color: #404040; font-size: 1.6em; font-style: italic; }
h5								{ color: #612800; font-size: 1.6em;}
h6								{ color: #612800; font-size: 1.2em;}
	
p								{ color: #404040; font-size: 1.2em; line-height: 1.6em; }
p.intro				 			{ color: #612800; font-size: 1.6em; line-height: 1.4em; }

a, #ettext a					{ color: #FF4300; text-decoration: none; border-bottom: 1px dotted #FF4300;}
a:hover, #ettext a:hover		{ color: #612800; text-decoration: none; border-bottom: 1px dotted #612800;}

li								{ list-style-type: none; }

hr								{ color: #F0EEC1; background-color: #F0EEC1; border-bottom: 1px dotted #D1D0A9; border-style: none none dotted; margin: 20px 0 0 0; }

.inputbox						{ width: 55%; margin: 6px 7px 0 0; }

#textmiddle p, #textright p, .room .image p, #textmiddle li, .puntjes p		{ font-size: 1.1em;}

#textmiddle ul					{ margin: 10px 0 0 0; }
#textmiddle li					{ color: #404040; line-height: 1.6em; list-style-type: disc; list-style-position:inside; }

/* typo image replacement */

#blijfopdehoogte,
#catering,
#dagmenu,
.boxed #faciliteiten,
#faciliteiten,
#klantenoverzicht,
#martinbijuthuis,
#menusuggesties,
#onzekeuken,
#parkeren,
#reserveren,
#specialiteiten,
#wisselenddagmenu,
#zaalverhuur,
#detuin							{ width: 210px; height: 25px; text-align: left; position: relative; margin-bottom: 5px; overflow: hidden;}

#blijfopdehoogte span,
#catering span,
#dagmenu span,
.boxed #faciliteiten span,
#faciliteiten span,
#klantenoverzicht span,
#martinbijuthuis span,
#menusuggesties span,
#onzekeuken span,
#parkeren span,
#reserveren span,
#specialiteiten span,
#wisselenddagmenu span,
#zaalverhuur span,
#detuin span					{ width: 100%; height: 100%; position: absolute; background-repeat: no-repeat;}

#blijfopdehoogte span			{ background-image: url('../img/header_blijfopdehoogte.gif');}
#catering span					{ background-image: url('../img/header_catering.gif');}
#dagmenu span					{ background-image: url('../img/header_dagmenu.gif');}
.boxed #faciliteiten span		{ background-image: url('../img/header_faciliteiten_boxed.gif');}
#faciliteiten span				{ background-image: url('../img/header_faciliteiten.gif');}
#klantenoverzicht span			{ background-image: url('../img/header_klantenoverzicht.gif');}
#martinbijuthuis span			{ background-image: url('../img/header_martinbijuthuis.gif');}
#menusuggesties span			{ background-image: url('../img/header_menusuggesties.gif');}
#onzekeuken span				{ background-image: url('../img/header_onzekeuken.gif');}
#parkeren span					{ background-image: url('../img/header_parkeren.gif');}
#reserveren span				{ background-image: url('../img/header_reserveren.gif');}
#specialiteiten span			{ background-image: url('../img/header_specialiteiten.gif');}
#wisselenddagmenu span			{ background-image: url('../img/header_wisselend_dagmenu.gif');}
#zaalverhuur span				{ background-image: url('../img/header_zaalverhuur.gif');}
#detuin span					{ background-image: url('../img/header_detuin.gif');}


/* H E A D E R */
.header				{ width: 960px; height: 121px; background: #F6F6EB;  top right no-repeat; margin: 0 auto; overflow: hidden; background-image: url('../img/bg_header.gif');}
#gfxintroductie		{ background-image: url('../img/header_gfx_introductie.gif'); }
#gfxkeuken			{ background-image: url('../img/header_gfx_keuken.gif'); }
#gfxzalen			{ background-image: url('../img/header_gfx_zalen.gif'); }
#gfxcatering		{ background-image: url('../img/header_gfx_catering.gif'); }
#gfxcontact			{ background-image: url('../img/header_gfx_contact.gif'); }

#logo 				{ width: 114px; height: 74px; overflow:hidden}

/* navigatie */
#nav				{ height: 37px; font: italic normal 1em/1em Georgia, serif; margin: 0; padding: 10px 0 0 0; }
#nav li				{ height: 36px; line-height: 40px; float: left; }
#nav a 				{ color: #FF4300; font-size: 1.6em; line-height: 30px; text-decoration: none; margin: 0 15px; float: left; border: 0; text-align: center; overflow:hidden; }
#nav a:hover		{ color: #612800; border: 0; text-decoration: none; }

#nav span			{ padding: 0 15px; display: block; height: 36px; width: 515px; color: #612800; font-size: 2.5em; line-height: 25px; background: url('../img/mainmenu_activeborder.gif') bottom repeat-x; }

#navintroductie a	{ width: 90px; }
#navkeuken a		{ width: 60px; }
#navzalen a			{ width: 60px; }
#navcatering a		{ width: 85px; }
#navcontact a		{ width: 60px; }

#navenglish			{ float: right;margin-top:10px;font: normal 1.1em/1em Verdana, sans-serif; }


/* S P E C I A L */
#sitespecial					{ width: 960px; height: 321px; background: url('../img/bg_special.gif') bottom center no-repeat; margin: 0 auto;}
#nospecial						{ width: 960px; height: 70px; background: url('../img/bg_nospecial.gif') bottom center no-repeat; margin: 0 auto;}


/* C O N T E N T */
/* vlakverdeling */
#content 						{ width: 960px;	margin: 0 auto;}

#main							{ width: 629px;	float: left; margin: 0 0 0 61px; padding: 0; display: inline; }
#bg								{ background: #F0EEC1 url('../img/bg_main.gif') repeat-y; }
#related						{ width: 270px; background: #D0CFA8 url('../img/bg_also.gif') repeat-y; float: left; display: inline;}

#textwide						{ width: 566px; margin: 0 0 15px 30px; }

#textleft						{ width: 330px; margin: 0 0 0 30px; float: left; display: inline; }
#textwide p, #textleft p		{ margin: 0 0 1.4em 0;}

#textmiddle						{ width: 230px;	margin: 0 20px 0 10px; float: right; display: inline; }
#textmiddle h6					{ margin: 1.4em 0 0 0;}
#textmiddle div					{ padding: 0 10px; margin: 0 0 17px 0;}
#textmiddle div.boxed			{ padding: 9px 9px 11px 9px; border: 1px solid #D8D6AE; background-color: #E3E1B7;}
#textmiddle .news h6 			{ margin: 0 0 1.4em 0;}

#textright						{ width: 231px; margin: 0 0 0 18px; }
#textright h6					{ margin: 1.4em 0 0 0;}
#textright div 					{ padding: 11px; margin-bottom: 17px;}
#textright div.boxed			{ padding: 10 px; border: 1px solid #BCBB98; background-color: #C6C5A0;}

#mainbottom						{ width: 629px; height: 95px; background: url('../img/bg_left.gif') left bottom no-repeat; float: left;}
#relatedbottom					{ width: 270px;	height: 20px; background: url('../img/bg_right.gif') left bottom no-repeat; float: left;}

#etlogo							{ width: 30px; margin: 30px 15px 30px 30px; float: left; display: inline;; }
#etlogo a						{ border:0; }

#ettext							{ width: 300px; margin: 27px 0 0 0; float: left; display: inline; }
#ettext p						{ font-size: 1.1em; }

/* tab */
.tabs 				{ margin: 30px 0 10px 0; background: url('../img/tab_bg.gif') top left repeat-x;}

.tabs li 			{ height: 41px; line-height: 40px; float: left; }
.tabs span			{ height: 41px; display: block; }
.tabs span span		{ color: #666666; height: 41px; font-size: 2.0em; font-style: normal; }
.tabs a				{ color: #FF4300; border: none; display: block; font-size: 1.6em; font-style: italic; }
.tabs a:hover		{ color: #612800; border: none;}

.tabs .a a 			{ padding: 0 25px 0 0; }
.tabs .b a			{ padding: 0 25px; }

.tabs .a span 		{ float:left; } /* IE6 hack */
.tabs .a span span	{ float:left; padding-right: 40px; background: url('../img/tab_corner_right.gif') top right no-repeat;}
.tabs .b span 		{ float:left; padding: 0 0 0 19px; background: url('../img/tab_corner_left.gif') top left no-repeat;}
.tabs .b span span	{ float:left; padding: 0 40px 0 20px; background: url('../img/tab_corner_right.gif') top right no-repeat;}

.price, .phone		{ font-style: italic; }
.ammount, .number	{ font-style: normal; margin-left: .3em; }

.phone				{ color: #88876E; font-size: 1.5em; } 
.number				{ color: #5B5A49; font-size: 1.8em; } 


/* dagmenu */
.daymenu .price		{ color: #88876E; font-size: 1.5em; margin: 1.6em 0 1em 0; } 
.daymenu .ammount	{ color: #5B5A49; font-size: 1.8em; }


/* gerecht */
.dish				{ margin: 10px 0 0 30px; }
.dish .label 		{ color: #612800; font-size: 1.6em; float:left;}
.dish .subprice		{ font-style: italic; float: right; }
.dish .price 		{ color: #5B5A49; font-size: 1.1em; float:right;}
.dish .ammount 		{ color: #612800; font-size: 1.6em; }
.dish .description 	{ color: #404040; font-size: 1.1em; line-height: 1.6em; clear: both; }


/* zalen */
.room							{ margin: 15px 0 0 0; }
.room .label 					{ width: 330px; float: right; color: #787761; font-size: 2.0em;  }
.room .description				{ width: 330px; float: right; }
.room .description p			{ margin: 0 0 1.4em 0; }
.room .image					{ width: 220px; float: left; padding: 6px; position: relative; left: -15px; top: 5px; border: 1px solid #D8D6AE; background-color: #E3E1B7;}
.room .image p					{ margin: 4px; }


/* generiek */
.artikel			{ margin: 20px 0 0 0; }
.puntjes			{ margin: 0 0 0 30px; }
.puntjes p			{ margin: 1.4em 0; }
.puntjes div		{ }
.puntjes div p		{ margin: 0.7em 0; }
.puntjes div div	{ margin: 0 0 0 15px; }
.puntjes div p		{ margin: 0.3em 0; }


/* F O O T E R */
#footer				{ width: 620px; margin: 0 0 30px 0; }
#footer div			{ float: left; margin: 15px 0 0 30px; display: inline; }		
#footer #address	{ width: 330px; }		
#footer #generic	{ width: 220px; }		
#footer h6			{ color: #EF922E; font-size: 1.1em;}
#footer p			{ color: #D1D0A9; font-size: 1.1em;	line-height: 1.6em;}	
#footer a:hover 	{ color: #EF922E; border-bottom: 1px dotted #EF922E;}


/* G E N E R I C  S T Y L E S */
.clearfix:after 			{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix 					{ display: inline-block; }
html[xmlns] .clearfix 		{ display: block; }
* html .clearfix 			{ height: 1%; }