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

*{
	margin:0;
	padding:0;
	
}


body{
	background-image:url(images/bgPattern.jpg);
	background-repeat:repeat;
	margin: 0px;
	height: 100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
	color:#b59d8e;
	
}

#boven{
	position: absolute; 
	top: 0; left: 0;
	width: 100%;
	height: 450px;
	background-color:#000;
	z-index: 3;	
}

#onder{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	margin-top:450px;
}

#containerBoven{
	
	width:1024px;
	height:450px;
	margin: 0 auto;

}

#flash{
	z-index:-1;	
	position:absolute;
}

#containerOnder{
	width:1024px;
	margin:0 auto;
}

#menu{
	background-image:url(images/menuBG.png);
	background-repeat:no-repeat;
	width:1024px;
	height:77px;
	position:absolute;
	
	font-family:"Times New Roman", Times, serif;
	font-style:inherit;
	font-size:21px;
	
	z-index:2;
	color:#b59d8e;
}
#menu ul{
	margin-top:20px;
	margin-left:10px;
}
#menu ul li{
	margin-left:13px;
	display:inline;
	
}

#headerBG{
	
	width:1024px;
	height:450px;
}

#btnHome{
	display:block;
	background-image:url(images/btnHome.jpg);
	width:80px;
	height:32px;
	
}


#btnHome:hover{
	background:url(images/btnHomeHover.jpg);
	
	width:80px;
	height:33px;
}

#btnKaart{
	display:block;
	background-image:url(images/btnKaart.jpg);
	width:75px;
	height:32px;
}

#btnKaart:hover{
	background-image:url(images/btnKaartHover.jpg);
	width:75px;
	height:33px;
}

#btnMenu{
	display:block;
	background-image:url(images/btnMenu.jpg);
	width:150px;
	height:32px;
}

#btnMenu:hover{
	background-image:url(images/btnMenuHover.jpg);
	width:150px;
	height:33px;
}

#btnWijn{
	display:block;
	background-image:url(images/btnWijnkaart.jpg);
	width:120px;
	height:32px;
}

#btnWijn:hover{
	background-image:url(images/btnWijnkaartHover.jpg);
	width:120px;
	height:32px;
}

#btnTraiteur{
	display:block;
	background-image:url(images/btnTraiteur.jpg);
	width:120px;
	height:32px;
}

#btnTraiteur:hover{
	background-image:url(images/btnTraiteurHover.jpg);
	width:120px;
	height:33px;
}

#btnReferenties{
	display:block;
	background-image:url(images/btnReferenties.jpg);
	width:135px;
	height:32px;
}

#btnReferenties:hover{
	background-image:url(images/btnReferentiesHover.jpg);
	width:135px;
	height:33px;
}

#btnHistoriek{
	display:block;
	background-image:url(images/btnHistoriek.jpg);
	width:120px;
	height:32px;
}

#btnHistoriek:hover{
	background-image:url(images/btnHistoriekHover.jpg);
	width:120px;
	height:33px;
}

#btnReservatie{
	display:block;
	background-image:url(images/btnReservatie.jpg);
	width:130px;
	height:32px;
}

#btnReservatie:hover{
	background-image:url(images/btnReservatieHover.jpg);
	width:130px;
	height:33px;
}




#menu span{
	display:none;	
}


li{
	float:left;
}

/*#######################home.php######################*/

#welkomh1{
	background-image:url(images/welcomeBG.png);
	background-repeat:no-repeat;
	width:413px;
	height:76px;
	margin-top:20px;
	margin-left:20px;
	
}

#spanHomeLinks{
	margin-left:20px;
	margin-top:5px;
	width:413px;
}

#spanHomeLinksP{
	color:#c2712f;
}

#contentRechts{
	margin-top:40px;
	margin-left:60px;
	width:361px;
	height:187px;
	text-align:center;
}	

#adres{
	text-align:left;
	margin-top:20px;
	margin-left:80px;
	font-size:1.2em;
}

#contentLinks, #contentRechts{
	float:left;	
}

#contentLinks a{
	text-decoration:none;
	color:#C2712F;
}

#contentRechts a{
	text-decoration:none;
	color:#C2712F;
}