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

html {
	height:100%;
}
body {
	color:#31281f;
	margin:0;
	padding:0;
	background:#bc9e78 url(../images/bg.jpg) top center repeat-x;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	height:100%;
}
#container{
	position:relative;
	width:1044px;
	left: 50%;
	margin-left: -522px;
	padding:0;
	background:#bc9e78 url(../images/container.jpg) top center no-repeat;
	height: 1000px;
	}
/*-------------content--------------*/
#main {
	position:absolute;
	width:600px;
	height:600px;
	top:200px;
	left:340px;
	}
#contentleft {
	position:absolute;
	padding-right:10px;
	width:290px;
	height:600px;
	top:200px;
	left:340px;
	}
#contentright {
	position:absolute;
	padding-left:10px;
	width:290px;
	height:600px;
	top:200px;
	left:640px;
	}
#contentright img {
	border:#31281f 1px solid;
	margin-top:10px;
	margin-bottom:10px;	
	}
.titel {
	margin-bottom:20px;
}
/*----------- footer ----------------*/
#designerlab {
	position:absolute;
	width:110px;
	height:28px;
	top:860px;
	left:855px;
}
#designerlab a {
	position:absolute;
	width:100%;
	height:100%;
}
#gegevens {
	position:absolute;
	width:250px;
	height:55px;
	top:848px;
	left:340px;
	font-size:14px;
}
/*--- H1 --- H7 --------------------------------------*/
h1 {
	color:#000;
	font-size:14px;
	}
h2 {
	font-size:16px;
	color:#fff;
	}
h3 {
	height:27px;
	width:100%;
	background:url(../images/bg_head.png) top left repeat-x;
	color:#fff;
	font-size:14px;
	text-indent:15px;
	padding-top:5px;
	margin:0;
}
/*--- specifieke links ---------------------------------*/
a.b:link {
	text-decoration:underline;
	color:#31281f;
	}
a.b:hover {
	text-decoration:none;
	background:#31281f;
	color:#fff;
	}
a.b:visited {
	text-decoration:underline;
	color:#31281f;
	}
	
/*------------------------ Nieuwsbrief -----------------*/
#nieuwsbrief {
	position:absolute;
	width:290px;
	height:113px;
	top:590px;
	left:0;
}
#nieuwsbrief .veld1 {
	position:absolute;
	top:4px;
	left:60px;
	padding:2px;
	width:210px;
	border-bottom:#333 1px solid;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	background:#dbccba;
}
#nieuwsbrief .veld2 {
	position:absolute;
	top:30px;
	left:90px;
	padding:2px;
	width:180px;
	border-bottom:#333 1px solid;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	background:#dbccba;
}
#nieuwsbrief .sendknop {
	position:absolute;
	left:165px;
	top:66px;
	border:none;
	width:111px;
	height:33px;
	background:url(../images/button_nieuws.jpg) top left no-repeat;
	color:#FFF;
	cursor:pointer;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#sendknop {
	border:none;
	width:111px;
	height:33px;
	background:url(../images/button_nieuws.jpg) top left no-repeat;
	color:#FFF;
	cursor:pointer;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-left:165px;
	margin-top:10px;
}
	
/*------------------------- Fireplace --------------------*/

#fireplace {
	position:absolute;
	width:140px;
	height:210px;
	top:123px;
	left:100px;
}

/*------------------------- Navigatie --------------------*/

ul#nav {
		padding:0;
		margin:0;
		position:absolute;
		top: 121px;     /* set the exact position of the navigation */
		left: 341px;    /* set the exact position of the navigation */
		width:902px;
		height:49px;
}
ul#nav li {
		padding:0;
		margin:0;
		text-indent:-9999px;       
		list-style-type:none;
		float:left;
}
ul#nav li a {
		border:0;
		display:block;
		text-decoration:none;
		background-image: url(../images/menu.jpg);
}
#nav li{
float:left;
}
#nav a{
text-indent:-9999px;
display:block;
height:49px;
}
#nav #home{
width:67px;
height:49px;
}
#nav #dagmenu{
width:90px;
height:49px;
}
#nav #taverne{
width:78px;
height:49px;
}
#nav #fonduehuis{
width:101px;
height:49px;
}
#nav #rokerslounge{
width:116px;
height:49px;
}
#nav #terras{
width:66px;
height:49px;
}
#nav #contact{
width:84px;
height:49px;
}

#nav #home a{
background-position:-0px -49px;
}
#nav #home a:hover{
background-position:-0px 0px;
}

#nav #dagmenu a{
background-position:-67px -49px;
}
#nav #dagmenu a:hover{
background-position:-67px 0px;
}

#nav #taverne a{
background-position:-157px -49px;
}
#nav #taverne a:hover{
background-position:-157px 0px;
}

#nav #fonduehuis a{
background-position:-235px -49px;
}
#nav #fonduehuis a:hover{
background-position:-235px 0px;
}

#nav #rokerslounge a{
background-position:-336px -49px;
}
#nav #rokerslounge a:hover{
background-position:-336px 0px;
}

#nav #terras a{
background-position:-452px -49px;
}
#nav #terras a:hover{
background-position:-452px 0px;
}

#nav #contact a{
background-position:-518px -49px;
}

#nav #contact a:hover{
background-position:-518px 0px;
}
/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:600px;
		height:550px;
		overflow:hidden; 
		}
	span#prevBtn{
		position:absolute;
		left:185px;
		}
	span#nextBtn{
		position:absolute;
		left:303px;
		width:100px;
		height:28px;
		}

span#prevBtn a {
		display:block;
		background:url(../images/previous.png) top left no-repeat;
		color:#FFF;
		text-decoration:none;
		width:70px;
		height:26px;
		padding:7px 0 0 40px;
		}
span#nextBtn a {
		display:block;
		background:url(../images/next.png) top left no-repeat;
		color:#FFF;
		text-decoration:none;
		width:85px;
		height:26px;
		padding:7px 0 0 25px;
		}
/* // Easy Slider */
a:link, 
a:active, 
a:visted,
a.reservatie:link,
a.reservatie:active,
a.reservatie:visited {
	color:#31281f;
	text-decoration:underline;
	outline: none;
}
a:hover, 
a.reservatie:hover{
	color:#996633;
	text-decoration:none;
	outline: none;
}