/* CSS Document */

html,body{ text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #3d3d3d;}
* { margin: 0; padding: 0;}
#pagina{ width: 1000px; height: auto; margin: 0px auto; margin-top: 5px; background-color: #FFFFFF;}
#pagina_index{ width: 650px; height: auto; margin: 0px auto; margin-top: 5px;}

/******* hyperlink and anchor tag styles *******/
a img{ border: none;}
a:link, a:visited{ color: #c98f5c; text-decoration: none;}
a:hover{ text-decoration: underline;}
a h2 { padding-left: 20px;}

/************** header tag styles **************/

h1{ font: bold 120% Verdana, Arial, Helvetica, sans-serif; color: #fffefe; margin: 0px; padding: 0px;}
h2{ font: bold 100% Verdana, Arial, Helvetica, sans-serif; color: #fffefe; margin: 0px; padding: 0px;}

/********* form and related tag styles *********/
form { margin: 0; padding: 0;}
label{ font: bold 1em Verdana, Arial, sans-serif; color: #334d55;}				
input { font-family: Verdana, Arial, Helvetica, sans-serif; background:none; border: 1px solid #c98f5c; color: #fffefe;}
textarea{ font-family: Verdana, Arial, Helvetica, sans-serif; background:none; border: 1px solid #c98f5c; color: #fffefe;}
.fout_tekst { color: #FF0000;}

/************** tabel styles *******************/
table{ border-width: 0px; border-collapse: collapse;}
table td{ padding: 0px;}
table .index{ text-align: center;}

/******* Header van de pagina style *******/
#top{ float: left; margin: 0px;	padding: 0px; width: 1000px; height: 167px;	background-image: url("./pics_site/header_nopics.jpg");	background-repeat: no-repeat;}

/* SLIDESHOW TOPBAR */
.imageSlideshowHolder_1{ margin:21px 0px 0px 17px; float:left; width: 240px; height: 119px;	position:relative; display: inline;}
.imageSlideshowHolder_1 img, .imageSlideshowHolder_2 img{ position:absolute; left:0px; top:0px;}
.imageSlideshowHolder_2{ margin:21px 22px 0px 0px; float:right; width: 240px; height: 119px; position:relative;	display: inline;}

/************** Begin content *****************/
#pagecell{ float: left;	width: 1000px; background-image: url("./pics_site/background_content.jpg"); background-repeat: repeat-y; text-align: left; display: inline;}

/************** Navigatiebalk *****************/
#navbalk{ float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 18px; width: 960px; border-bottom: 1px solid #fffefe; display: inline;}
#navigation { color: #fffefe; float: left; font-size: 14px; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} 
#navigation li { display: block; text-align: center; float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} 
#navigation a { color: #fffefe; text-decoration: none; display: block; margin: 0px; padding: 5px 7px;} 
#navigation li.splitter{ padding: 5px 0px;}
#navigation li a:hover, #navigation li.active { background-color: #c98f5c;} 

/************** Pagina midden *****************/

#content{ float: left; color: #fffefe; text-align: left; width: 670px; height: 370px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px; overflow: auto; font-size: 14px; display: inline;}

#menukaart{ float: left; width: 580px; height: 325px; padding: 45px 0px 0px 40px; margin: 0px 0px 0px 25px; background-image: url("./pics_site/menu_bg.gif"); background-repeat: no-repeat;
	        display: inline;}

#kaartkeuze { float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 18px 200px; display: inline;}
#soortkaart { color: #fffefe; float: left; font-size: 16px; list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} 
#soortkaart li { display: block; text-align: center; float: left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} 
#soortkaart a { color: #fffefe; font: bold; display: block; margin: 0px; padding: 5px 7px;} 
#soortkaart li.splitter{ padding: 5px 0px;}
#soortkaart li a:hover, #soortkaart li.active { background-color: #c98f5c;} 

#menu_content{ float: left; display: inline; width: 530px; height: 275px; overflow: auto; color: #615A43;}	
#menu_content .gerechtnaam{ height: 20px; width: 400px; vertical-align: bottom;}
#menu_content .prijs{ width: 70px; text-align: right; height: 20px; vertical-align: bottom;}
#menu_content .uitleg{ width: 440px; padding: 0px 0px 0px 30px;	font-size: 12px;}

#kerstmenu{ float: left; width: 580px; height: 270px; padding: 100px 0px 0px 40px; margin: 0px 0px 0px 25px; background-image: url("./pics_site/kerst_bg.gif"); background-repeat: no-repeat;
	        display: inline;}

#kerstmenu_content{ float: left; display: inline; width: 530px; height: 270px; overflow: auto; color: #615A43;}	
#kerstmenu_content .kerstgerecht{ height: 20px; width: 570px; vertical-align: bottom; text-align:center}

#wijnkaart{	float: left; width: 580px; height: 280px; padding: 90px 0px 0px 40px; margin: 0px 0px 0px 25px; background-image: url("./pics_site/wijn_bg.gif"); background-repeat: no-repeat;
			display: inline;}
#menu_content .wijnnaam_metglas{ height: 20px; width: 270px; vertical-align: bottom;}
#menu_content .wijnnaam_zonderglas{ height: 20px; width: 370px; vertical-align: bottom;}
#menu_content .prijs_glas{ width: 100px; text-align: right;	height: 20px; vertical-align: bottom;}
#menu_content .prijs_fles{ width: 100px; text-align: right;	height: 20px; vertical-align: bottom;}
#menu_content .wijn_uitleg{ width: 440px; padding: 0px 0px 0px 30px; font-size: 12px;}

/************** Footer *****************/
#bottom{ clear: both; float: left; padding: 0px 0px 0px 0px; width: 1000px;	height: 25px; background-image: url("./pics_site/bottom.jpg");}

/********************* end **********************/