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

* {
margin:0;
padding:0;
}

html, body, #main {
height: 100%;
}

body > #main {
height: auto;
min-height: 100%;
 }

body{
margin:0 0 0 0;
padding:0;
background-image:url(../media/bg.gif);
background-repeat:repeat-x;
background-color: #e1e1e1;

font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#666666;



}

a{
color:#666666;

}

p{
color:#666666;
font-size:1.2em;
line-height:1.3em;
padding:5px 0 0px 0;

}

h1{
color:#5e1a21;
font-size:1.2em;
padding:0 0 10px 0;

}


ul{
padding:0 15px 0 15px;
margin:5px;
font-size:1.2em;
}



h2{
color:#666666;
font-size:1.3em;
padding:0 0 10px 0;

}

table, td{
color:#666666;

} 

img {
border:none;

}


#wrapper{
position:relative;
width:960px;
margin: 0 auto ;
padding:0 0 0 0;


}

#header{
position:relative;
width:100%;
height:180px;
margin:0 0 2px 0;
text-align:left;

}

	#logo{
	padding:0;
	}
	
	#reserveren{
	position:absolute;
	top:50px;
	right:0;
	padding:0;
	}




/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
		list-style:none;
		margin:0;
		padding:0;
		
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(../media/menu.gif) no-repeat scroll top left;
		display:block;
		height:90px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:152px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.menukaart {
		width:262px;
		background-position:-152px 0px;
	}
	
	ul#menu li a.drankenkaart {
		width:245px;
		background-position:-414px 0px;
	}
	
	ul#menu li a.overvanbeinum {
		width:301px;
		background-position:-659px 0px;
	}
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(../media/menu.gif) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span,
	ul#menu li a.home.selected {
		background-position:0px -91px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.menukaart span,
	ul#menu li a.menukaart.selected {
		background-position:-152px -91px;
	}

	ul#menu li a.drankenkaart span,
	ul#menu li a.drankenkaart.selected {
		background-position:-414px -91px;
	}
	
	ul#menu li a.overvanbeinum span,
	ul#menu li a.overvanbeinum.selected {
		background-position:-659px -91px;
	}



/* SubMenu Body */
	ul#submenu {
		list-style:none;
		width:380px;
		margin:0 auto;
		padding:0;
		
	}
	
	/* Float LI Elements - horizontal display */
	ul#submenu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#submenu li a {
		background:url(../media/submenu.gif) no-repeat scroll top left;
		display:block;
		height:50px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#submenu li a.contact {
		width:90px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#submenu li a.vacatures {
		width:111px;
		background-position:-90px 0px;
	}
	
	ul#submenu li a.groepen_en_partijen {
		width:177px;
		background-position:-201px 0px;
	}
	

	
	/* Span (on hover) - common attributes */
	ul#submenu li a span {
		background:url(../media/submenu.gif) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#submenu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#submenu li a.contact span,
	ul#submenu li a.contact.selected {
		background-position:0px -50px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#submenu li a.vacatures span,
	ul#submenu li a.vacatures.selected {
		background-position:-90px -50px;
	}

	ul#submenu li a.groepen_en_partijen span,
	ul#submenu li a.groepen_en_partijen.selected {
		background-position:-201px -50px;
	}
	
	


/* Menukaart Body */
	ul#navigation {
		list-style:none;
		width:960px;
		margin:0 auto;
		padding:0;
		
	}
	
	/* Float LI Elements - horizontal display */
	ul#navigation li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#navigation li a {
		background:url(../media/menukaart.gif) no-repeat scroll top left;
		display:block;
		height:36px;
		position:relative;
	}
	
	ul#navigation.drankenkaart li a {
		background:url(../media/wijnkaart.gif) no-repeat scroll top left;
		display:block;
		height:36px;
		position:relative;
	}
	
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#navigation li a.lunch {
		width:119px;
	}
	ul#navigation li a.borrel {
		width:119px;
		background-position:-119px 0px;
	}
	ul#navigation li a.voorgerechten {
		width:119px;
		background-position:-238px 0px;
	}
	ul#navigation li a.hoofdgerechten {
		width:119px;
		background-position:-357px 0px;
	}
	ul#navigation li a.nagerechten {
		width:119px;
		background-position:-476px 0px;
	}
	ul#navigation li a.concertmenu {
		width:119px;
		background-position:-595px 0px;
	}
	
	/*wijnkaart*/
	ul#navigation.drankenkaart li a.wit {
		width:119px;
	}
	
	ul#navigation.drankenkaart li a.rood {
		width:119px;
		background-position:-119px 0px;

	}
	ul#navigation.drankenkaart li a.rose_mousserend {
		width:147px;
		background-position:-238px 0px;

	}

	
	/* Span (on hover) - common attributes */
	ul#navigation li a span {
		background:url(../media/menukaart.gif) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	ul#navigation.drankenkaart li a span {
		background:url(../media/wijnkaart.gif) no-repeat scroll top left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#navigation li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#navigation li a.lunch span, 
	ul#navigation li a.lunch.selected {
		background-position:0px -36px;
	}
	
	ul#navigation li a.borrel span, 
	ul#navigation li a.borrel.selected {
		background-position:-119px -36px;
	}
	
	ul#navigation li a.voorgerechten span, 
	ul#navigation li a.voorgerechten.selected {
		background-position:-238px -36px;
	}
	
	ul#navigation li a.hoofdgerechten span, 
	ul#navigation li a.hoofdgerechten.selected {
		background-position:-357px -36px;
	}
	
	ul#navigation li a.nagerechten span, 
	ul#navigation li a.nagerechten.selected {
		background-position:-476px -36px;
	}
	
	ul#navigation li a.concertmenu span, 
	ul#navigation li a.concertmenu.selected {
		background-position:-595px -36px;
	}
	
	/*drankenkaart*/
	ul#navigation.drankenkaart li a.wit span,
	ul#navigation.drankenkaart li a.wit.selected{
		width:119px;
		background-position:-0 -36px;
	}
	
	ul#navigation.drankenkaart li a.rood span,
	ul#navigation.drankenkaart li a.rood.selected {
		width:119px;
		background-position:-119px -36px;

	}
	ul#navigation.drankenkaart li a.rose_mousserend span,
	ul#navigation.drankenkaart li a.rose_mousserend.selected  {
		width:147px;
		background-position:-238px -36px;

	}







#slideshow_container{
position:relative;
width:100%;
text-align:center;

}

#slideshow_overlay{
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;


}



#content{
position:relative;
width:958px;
min-height:355px;
border-left:solid 1px #bdbdbd;
border-right:solid 1px #bdbdbd;
background-image:url(../media/bg_content.gif);
background-repeat:repeat-x;
}
	.left{
	float:left;
	width:430px;
	
	}
	
	.right{
	float:left;
	width:430px;
	
	}
	
	.text{
	padding:55px 20px 0 20px;
	font-size:1.2em;	
	
	}
	
	.textkaart{
	padding:10px 15px 0 15px;
	font-size:1.2em;
	
	
	}
	
	.red{
	color:#5e1a21;	
	font-size:1.1em;	
	}
	
	.upper{
	text-transform:uppercase;
	font-size:1.1em;	
	}
	
	.capi{
	
	font-size:1.1em;
	font-weight:bold;
	}

#footer{
position:relative;
width:100%;
height:50px;
background-image:url(../media/bg_footer.gif);
background-repeat:repeat-x;
text-align:center;
}

#adres{
position:relative;
width:100%;
padding:5px;
text-align:center;
font-size:1.2em;
}


.spacer{
    clear:left;
}