html {height: 100%;}

body
{
	margin: 0px;
	padding: 0px;
	color: rgb(170,162,146);
	text-align: center;
	font-family: Tahoma, "Lucida Grande", helvetica, arial, sans-serif;
	font-size: 12px;
	line-height:18px;
	background-image: url(../img/body.png);
	background-repeat: repeat-y;
	background-color: rgb(31, 26, 23);
	background-position: center top;
	height: 100%;
}

#taalkiezer
{
	position: absolute;
	right: 15px;
	top: 181px;
	width: 87px;
	height: 19px;
}


#taalkiezer img:hover, #taalkiezer img.taal
{
	border:1px solid #666;	
	opacity:1;
}

#taalkiezer img
{
	float: left;
	margin-right:1px;
	border:1px solid #333;
	opacity:0.7;
}

#header
{
	position: relative;
	height: 181px;
	text-align: center;
	background-color: rgb(117, 102, 68);
	background-image: url(../img/header.gif);
	background-repeat: repeat-x;
}

#header img
{
	display:block;
	border:none;
	margin: 0 auto;
}

#outer
{
	position:absolute;
	left: 0;
	top:0;
	height:100%;
	width:100%;
	background-image: url(../img/header.gif);
	background-repeat: repeat-x;

}

#wrapper
{
	position: relative;
	margin: 0px auto;
	text-align: left;
	width: 960px;
	min-height:100%;
 	height:auto !important;
    height:100%;
	background-image: url(../img/rechts.jpg);
	background-repeat: no-repeat;
	background-position: 381px 181px;
}

#wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height:0;
    font-size:0px;
}

#links
{
	float: left;
	display: inline;
	left: 0;
	top: 181px;
	width: 330px;
	padding: 30px 25px;
	background-image: url(../img/bellini_indicator.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:600px;
 	height:auto !important;
    height:600px;	
}

#beeld
{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 1px solid #333;
	overflow:hidden;
	width:270px;
	margin-bottom:20px;
}

#beeld img {
	
	display:block;
}

ul#submenu a:link, ul#submenu a:visited
{
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	color: rgb(181, 148, 95);
	text-decoration: none;
	font-style: italic;
	font-size:1.2em;
	line-height:1.4em;
	padding:1px 0;
}

ul#submenu a:hover, ul#submenu a.submenu:link, ul#submenu a.submenu:visited
{
	color:#FFF;
	text-decoration:none;

}

/* fix voor extra verticale ruimte van links in list items (YAIEB) */

* html ul#submenu li a, * html ul#submenu li a  {height:1em; }

* html ul#submenu li, * html ul#submenu li  
{
	height:1em;
	float:left;
	width:100%;
}


#adres
{
	top:590px;
	left:25px;
	font-family: georgia, helvetica, arial, sans-serif;
	font-size:1.2em;
}

#adres ul
{
	margin-bottom:15px;
}

#adres a:link, #adres a:visited
{
	font-family: georgia, helvetica, arial, sans-serif;
	font-size:1em;
	color:rgb(170,162,146);
	text-decoration: none;
	font-weight:normal;
}

#adres a:hover
{
	color:#CCC;
}


#rechts
{
	position: relative;
	margin: 0 0 0 408px;
	text-align: left;
	width: 530px;
	padding: 30px 15px 40px 0;

}

#rechts a:link, #rechts a:visited
{
	color:rgb(170,162,146);
	text-decoration: underline;
}

#rechts a:hover
{
	color:#FFF;
	text-decoration: underline;
}

#rechts img
{
	border:1px solid #333;
}

.subheader
{
	color: rgb(181,148,95);
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-style: italic;	
	font-weight: bold;
	font-size:1.2em;
	margin-top: 20px;
}


h1#secret
{
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
	top:-10px;
	left:-10px;
	width: 530px;
	height:30px;
	background-image: url(../img/secret_nl.gif);
	background-repeat: no-repeat;
}

#secret img
{
	display:block;
}


ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li
{
	margin: 0px;
	padding: 0px;
}




h1, h2, h3, h4, h5, h6 {
	margin: 0 0 1em 0;
	text-align: left;
	}
	
h1 { font: italic normal normal 1.6em "Trebuchet MS", helvetica, arial, sans-serif; }
h2 { font: italic normal normal 1.4em helvetica, arial, sans-serif; }
h3 { font: normal normal normal 1.2em helvetica, arial, sans-serif; }
h4 { font: bold normal normal 1.1em helvetica, arial, sans-serif; }
h5 { font: bold normal normal 1.0em helvetica, arial, sans-serif; }	
	

p { margin: 0 0 1em 0; }

h1
{

	 color:rgb(181,148,95);
	 letter-spacing: 0.1em;
}

h2
{
	
	color:rgb(181,148,95);
}

h3
{
	color:rgb(181,148,95);
}

h4
{
	color:rgb(181,148,95);

}

h5
{
	color:rgb(181,148,95);

}

a:link, a:visited { text-decoration:none; }
a:hover {text-decoration:none; } 
a { outline:0;}


/* --------------------------------------------- start horizontale navigatie -------------------------------------------------- */

#navigatie ul li
{
	display: inline;
	color: rgb(190, 175, 161);
	font-family: "Trebuchet MS", helvetica, arial, sans-serif;
	font-style: italic;
	font-size:1.3em;
	padding: 0 10px;
	height:43px;
}

#navigatie ul a:link, #navigatie ul a:visited
{
	color:#999;
}

#navigatie ul a:hover, #navigatie ul a.current:link, #navigatie ul a.current:visited
{
	color: #CCC;
}

#header #navigatie img
{
	display: inline;
	margin-right: 1px;
	border: 1px solid #333;
	opacity: 0.7;
	vertical-align: middle;
}

#header #navigatie img:hover, #header #navigatie img.taal
{
	border:1px solid #666;	
	opacity:1;
}

.leftfloater
{
	float:left;
	margin:0px 8px 8px 0px;
}

.rightfloater
{
	float:right;
	margin:0px 0px 5px 5px;
}

.leftfloater_withtopmargin
{
	float:left;
	margin:8px 8px 8px 0px;
}

.rightfloater_withtopmargin
{
	float:right;
	margin:8px 0px 5px 5px;
}


/* --------------------------------------------- end middle column -------------------------------------------------- */ 


#rechts input, #links input { 
	background-color: rgb(31, 26, 23);
	opacity:0.7;
	color:#FFF;
	border:1px solid #666;
	padding:2px;
	margin:1px;
}

#rechts select { 
	background-color: rgb(31, 26, 23);
	opacity:0.7;
	color:#FFF;
	border:none;
	margin-right:10px;
	
}

#rechts textarea { 
	background-color: rgb(31, 26, 23);
	opacity:0.7;
	color:#FFF;
	border:1px solid #666;
	padding:2px;
	margin:1px;
	text-align:left;
}

#rechts form input.error, #rechts form select.error, #rechts form textarea.error {border:1px solid #F00 !important;}
.required {color:#C00; font-weight:bold; font-size:14px;}




.vijftig{width:50px;}
.honderd{width:100px;}
.honderdvijftig{width:150px;}
.tweehonderd{width:200px;}
.tweehonderdvijftig{width:250px;}
.driehonderd{width:300px;}
.driehonderdvijftig{width:350px;}
.vierhonderd{width:400px;}
.vierhonderdvijftig{width:450px;}
.groot {color: #C00; font-size: 15px;}
.cursief { font-style: italic; }




#rechts input.sbutton, #links input.sbutton
{
	margin:0px;
	padding:0px;
	width: 84px;
	height: 32px;
	line-height: 30px;
	background-color: transparent;
	border: none !important;
	background-image: url(../img/button.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	font-style: italic;
	font-weight: bold;
	opacity:1;
}


#rechts input.sbutton:hover, #links input.sbutton:hover {

	background-position: 0px -32px;
}

.beeldkader 
{
	border:1px solid #333;
}

#bellini
{
	border:1px solid #333;
	margin-top:15px;
}

#links ul#submenu
{
	width:270px;
	font-size:1em;
	margin-bottom:20px;
}


h1.submenunaam
{
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom:0;
}

h1.reservering
{
	font-weight: normal;
	letter-spacing: 0.1em;
	margin-bottom:20px;
}

p.vertaling
{
	text-transform: capitalize;
	font:italic normal normal 1em "Trebuchet MS", helvetica, arial, sans-serif;
	letter-spacing: 0.1em;

}

li.produkt_it 
{
	font:normal bold normal 1.2em helvetica, arial, sans-serif;	
	color:rgb(170,122,122);
}

div#produktoverzicht
{
	margin-top:30px;
}

div#produktoverzicht ul
{
	margin-bottom:20px;
}

div#produktoverzicht.wijn ul
{
	margin-bottom:10px;
}

div#produktoverzicht.wijn ul li.produkt_it 
{
	font:italic normal normal 1.0em helvetica, arial, sans-serif;	
	color:rgb(170,122,122);
}

form#reserveren table
{

	margin-top:35px;
	font-size:14px;
}

form#reserveren table 
{

	font:italic normal normal 1.2em helvetica, arial, sans-serif;	
	color:rgb(170,122,122);
}

.feedback
{
	color: #F00;
	font-size: 14px;
	font-style: italic;
}

iframe 
{
	width:450px;
	height: 350px;
	border: 1px solid #666;
	margin:15px 0 2px 0;
}

div#nieuwsoverzicht
{
	margin-top:15px;
}

div#nieuwsoverzicht a:link, div#nieuwsoverzicht a:visited
{
	font:normal normal normal 1.0em helvetica, arial, sans-serif;	
	color:rgb(170,122,122);
	text-decoration:none;
}

div#nieuwsoverzicht a:hover
{
	color:rgb(181,148,95);
	text-decoration:none;
}

div#nieuwsoverzicht ul
{
	margin-bottom:20px;
}

#rechts a.googlelink { text-decoration:none; }

#rechts a img.geenborder {border:none; }
#rechts a img{border:none; }

a#wk_link
{
	display: block;
	width: 100px;
	height: 110px;
	background-color: transparent;
}

a#wk_link:link, a#wk_link:visited
{
	display: block;
	width: 100px;
	height: 110px;
	background-image: url(../images/wk_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

a#wk_link:hover
{
	display: block;
	width: 100px;
	height: 110px;
	background-image: url(../images/wk_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px -110px;
}

a#wk_link img { border:none;}

#rechts ul.wk {

	margin: 15px 0;
}

#rechts ul.wk li
{
	list-style-type: disc;
	list-style-position: outside;
}

.vet { color:rgb(170,122,122);}


h1.event
{
	font: italic normal normal 1.6em/1em "Trebuchet MS", helvetica, arial, sans-serif; 
	margin: 0 0 1em 0;
	letter-spacing: 0em;
	color:rgb(230,228, 226);
}

h1.event a:link, h1.event a:visited
{
	color:rgb(230,228, 226);
	text-decoration: none;
}

h1.event a:hover
{
	color:rgb(170,162,146);
}

/*========================================*/
/*========COMMON STYLING==================*/
/*========================================*/

.social {

position:relative;

width:280px;


}
.social ul, .social_small ul {list-style:none;margin:0 auto;padding:0;}
.social ul.inlined, .social_small ul.inlined {float:left;}
.social ul li{width:32px;height:32px;margin: 2px; text-indent:-9999px;}
.social ul li a, .social_small ul li a{display:block;width:100%;height:100%;opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}
.social ul li a:hover, .social_small ul li a:hover{opacity: 1;-moz-opacity: 1;filter:alpha(opacity=1);}

.social_small ul li{width:16px;height:16px;margin: 5px; text-indent:-9999px;}

/*========================================*/
/*========SOCIAL LARGE SIZE===============*/
/*========================================*/
.social ul a.twitter, a.facebook, a.flickr, a.myspace, a.delicious, a.digg, a.lastfm, a.youtube, a.feed, a.linked-in{background:url(../images/social_icons.png);}

.social ul a.twitter{background-position: 0px 0px;}
.social ul a.facebook{background-position: 0px -42px;}
.social ul a.flickr{background-position: 0px -84px;}
.social ul a.myspace{background-position: 0px -126px;}
.social ul a.delicious{background-position: 0px -168px;}
.social ul a.digg{background-position: 0px -210px;}
.social ul a.lastfm{background-position: 0px -252px;}
.social ul a.linked-in{background-position: 0px -294px;}
.social ul a.youtube{background-position: 0px -336px;}
.social ul a.feed{background-position: 0px -378px;}

/*========================================*/
/*========SOCIAL SMALL SIZE===============*/
/*========================================*/
.social_small ul a.twitter, .social_small ul a.facebook, .social_small ul a.flickr, .social_small ul a.myspace, .social_small ul a.delicious, .social_small ul a.digg, .social_small ul a.lastfm, .social_small ul a.youtube, .social_small ul a.feed, .social_small ul a.linked-in{background:url(../images/social_icons_small.png);}

.social_small ul a.twitter{background-position: 0px 0px;}
.social_small ul a.facebook{background-position: 0px -26px;}
.social_small ul a.flickr{background-position: 0px -52px;}
.social_small ul a.myspace{background-position: 0px -78px;}
.social_small ul a.delicious{background-position: 0px -104px;}
.social_small ul a.digg{background-position: 0px -130px;}
.social_small ul a.lastfm{background-position: 0px -156px;}
.social_small ul a.linked-in{background-position: 0px -182px;}
.social_small ul a.youtube{background-position: 0px -208px;}
.social_small ul a.feed{background-position: 0px -234px;}

/*========================================*/
/*========Clearfix========================*/
/*========================================*/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}