/***************************************************************** 
PRE-FIXED BASICS
*****************************************************************/ 
* {
	padding: 0px;
	margin: 0px;
	outline: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f2b10;
	line-height: 24px;
	background: #470a00 url(../img/bg.gif);
}

a {
	color: #8c1513;
	text-decoration: underline;
}

p {
	margin-bottom: 15px;	
}

img {
	border: 0px;
}

.clear {
	clear: both;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #522709;
	margin: 15px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size: 26px;
	margin: 0px 0px 20px 0px;
	font-weight: normal;
}

h2 {
	font-size: 18px;
	font-weight: normal;
}

h3 {
	font-size: 16px;
	font-weight: normal;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 13px;
}

h6 {
	font-size: 12px;
}

.tekst_9 {
	font-size: 9px;
}

/***************************************************************** 
CONTAINER
*****************************************************************/ 

#container {
	position: relative;
	width: 994px;
	margin: 0 auto;
}

#header {
	background: url(../img/bg_header.png);
	height: 260px;
	padding: 0 7px;
}

	#logolink {
		position: absolute;
		top: 40px;
		left: 30px;
	}

	ul#hoofdmenu, ul#hoofdmenu_en {
		position: absolute;
		top: 198px;
	}
	
		ul#hoofdmenu li, ul#hoofdmenu_en li {
			float: left;
			height: 37px;
		}
		
			ul#hoofdmenu li a, ul#hoofdmenu_en li a {
				height: 37px;
				display: block;
				text-indent: -5000px;
			}
		
				/* NEDERLANDS MENU */
		
				ul#hoofdmenu li.hotel a, ul#hoofdmenu li.hotel a:hover {
					width: 113px;
					background: url(../img/menubalk.gif) 0px 0px no-repeat;
				}
				
					ul#hoofdmenu li.hotel a:hover, ul#hoofdmenu li.hotel a.active, ul#hoofdmenu li.hotel a.over {
						background: url(../img/menubalk.gif) 0px -37px no-repeat;
					}
					
				ul#hoofdmenu li.restaurant a, ul#hoofdmenu li.restaurant a:hover {
					width: 165px;
					background: url(../img/menubalk.gif) -113px 0px no-repeat;
				}
				
					ul#hoofdmenu li.restaurant a:hover, ul#hoofdmenu li.restaurant a.active,  ul#hoofdmenu li.restaurant a.over {
						background: url(../img/menubalk.gif) -113px -37px no-repeat;
					}
					
				ul#hoofdmenu li.zakelijk a, ul#hoofdmenu li.zakelijk a:hover {
					width: 137px;
					background: url(../img/menubalk.gif) -278px 0px no-repeat;
				}
				
					ul#hoofdmenu li.zakelijk a:hover, ul#hoofdmenu li.zakelijk a.active, ul#hoofdmenu li.zakelijk a.over {
						background: url(../img/menubalk.gif) -278px -37px no-repeat;
					}
					
				ul#hoofdmenu li.omgeving a, ul#hoofdmenu li.omgeving a:hover {
					width: 147px;
					background: url(../img/menubalk.gif) -415px 0px no-repeat;
				}
				
					ul#hoofdmenu li.omgeving a:hover, ul#hoofdmenu li.omgeving a.active, ul#hoofdmenu li.omgeving a.over {
						background: url(../img/menubalk.gif) -415px -37px no-repeat;
					}
					
				ul#hoofdmenu li.arrangementen a, ul#hoofdmenu li.arrangementen a:hover {
					width: 204px;
					background: url(../img/menubalk.gif) -562px 0px no-repeat;
				}
				
					ul#hoofdmenu li.arrangementen a:hover, ul#hoofdmenu li.arrangementen a.active, ul#hoofdmenu li.arrangementen a.over {
						background: url(../img/menubalk.gif) -562px -37px no-repeat;
					}
					
				ul#hoofdmenu li.contact a, ul#hoofdmenu li.contact a:hover {
					width: 134px;
					background: url(../img/menubalk.gif) -766px 0px no-repeat;
				}
				
					ul#hoofdmenu li.contact a:hover, ul#hoofdmenu li.contact a.active, ul#hoofdmenu li.contact a.over {
						background: url(../img/menubalk.gif) -766px -37px no-repeat;
					}
					
				ul#hoofdmenu li.language a {
					width: 80px;
					background: url(../img/menubalk.gif) -900px 0px no-repeat;
				}
				
				/* ENGELS MENU */
				
				ul#hoofdmenu_en li.hotel a, ul#hoofdmenu_en li.hotel a:hover {
					width: 113px;
					background: url(../img/menubalk.gif) 0px 0px no-repeat;
				}
				
					ul#hoofdmenu_en li.hotel a:hover, ul#hoofdmenu_en li.hotel a.active, ul#hoofdmenu_en li.hotel a.over {
						background: url(../img/menubalk.gif) 0px -37px no-repeat;
					}
					
				ul#hoofdmenu_en li.restaurant a, ul#hoofdmenu_en li.restaurant a:hover {
					width: 165px;
					background: url(../img/menubalk.gif) -113px 0px no-repeat;
				}
				
					ul#hoofdmenu_en li.restaurant a:hover, ul#hoofdmenu_en li.restaurant a.active,  ul#hoofdmenu_en li.restaurant a.over {
						background: url(../img/menubalk.gif) -113px -37px no-repeat;
					}
					
				ul#hoofdmenu_en li.zakelijk a, ul#hoofdmenu_en li.zakelijk a:hover {
					width: 153px;
					background: url(../img/menubalk.gif) -278px 0px no-repeat;
				}
				
					ul#hoofdmenu_en li.zakelijk a:hover, ul#hoofdmenu_en li.zakelijk a.active, ul#hoofdmenu_en li.zakelijk a.over {
						background: url(../img/menubalk.gif) -278px -37px no-repeat;
					}
					
				ul#hoofdmenu_en li.omgeving a, ul#hoofdmenu_en li.omgeving a:hover {
					width: 187px;
					background: url(../img/menubalk.gif) -431px 0px no-repeat;
				}
				
					ul#hoofdmenu_en li.omgeving a:hover, ul#hoofdmenu_en li.omgeving a.active, ul#hoofdmenu_en li.omgeving a.over {
						background: url(../img/menubalk.gif) -431px -37px no-repeat;
					}
					
				ul#hoofdmenu_en li.arrangementen a, ul#hoofdmenu_en li.arrangementen a:hover {
					width: 144px;
					background: url(../img/menubalk.gif) -618px 0px no-repeat;
				}
				
					ul#hoofdmenu_en li.arrangementen a:hover, ul#hoofdmenu_en li.arrangementen a.active, ul#hoofdmenu_en li.arrangementen a.over {
						background: url(../img/menubalk.gif) -618px -37px no-repeat;
					}
					
				ul#hoofdmenu_en li.contact a, ul#hoofdmenu_en li.contact a:hover {
					width: 132px;
					background: url(../img/menubalk.gif) -762px 0px no-repeat;
				}
				
					ul#hoofdmenu_en li.contact a:hover, ul#hoofdmenu_en li.contact a.active, ul#hoofdmenu_en li.contact a.over {
						background: url(../img/menubalk.gif) -762px -37px no-repeat;
					}
					
				ul#hoofdmenu_en li.language a {
					width: 86px;
					background: url(../img/menubalk.gif) -894px 0px no-repeat;
				}
				
	#sub_hotel, #sub_restaurant, #sub_zakelijk, #sub_omgeving, #sub_arrangementen, #sub_contact {
		position: absolute;
		top: 235px;
		left: 7px;
		padding: 15px 30px 5px 30px;
		width: 138px;
		background: #996633 url(../img/bg_submenu.gif) repeat-x;
		z-index: 2;
		border-left: 1px solid #300;
		border-bottom: 1px solid #300;
		border-right: 1px solid #300;
		color: #FFF;
		font-weight: bold;
	}
	
		#sub_restaurant { left: 120px; }
		#sub_zakelijk { left: 285px; }
		#sub_omgeving { left: 422px; }
		#sub_arrangementen { left: 569px; }
		#sub_contact { left: 773px; }
	
		#sub_hotel li, #sub_restaurant li, #sub_zakelijk li, #sub_omgeving li, #sub_arrangementen li, #sub_contact li {
			margin-left: 15px;
			padding-left: 0px;
			line-height: 20px;
			margin-bottom: 10px;
		}
		
		#sub_hotel li a, #sub_restaurant li a, #sub_zakelijk li a, #sub_omgeving li a, #sub_arrangementen li a, #sub_contact li a {
			color: #FFF;
		}
		
			#sub_hotel li a:hover, #sub_restaurant li a:hover, #sub_zakelijk li a:hover, #sub_omgeving li a:hover, #sub_arrangementen li a:hover, #sub_contact li a:hover,
			#sub_hotel li a.active, #sub_restaurant li a.active, #sub_zakelijk li a.active, #sub_omgeving li a.active, #sub_arrangementen li a.active, #sub_contact li a.active {
				color: #ffcc00;
			}

#content, #content_vervolg {
	position: relative;
	background: url(../img/bg_container.png);
	padding: 0px 7px;
	zoom: 1;  /* IE < 8 fix */
}

#content_vervolg {
	background: url(../img/bg_container_vervolg.png);
}

	#left {
		float: left;
		width: 250px;
	}
	
		#left ul {
			padding: 0 30px;
			margin-bottom: 100px;
		}
		
			#left ul li {
				list-style: none;
				height: 20px;
				width: 190px;
				margin-bottom: 15px;
			}
			
				#left ul li.hotel 			{ background: url(../img/menu_hotel.gif) no-repeat;				}
				#left ul li.restaurant		{ background: url(../img/menu_restaurant.gif) no-repeat;		}
				#left ul li.zakelijk		{ background: url(../img/menu_zakelijk.gif) no-repeat;			}
				#left ul li.omgeving		{ background: url(../img/menu_omgeving.gif) no-repeat;			}
				#left ul li.arrangementen	{ background: url(../img/menu_arrangementen.gif) no-repeat;		}
				#left ul li.contact			{ background: url(../img/menu_contact.gif) no-repeat;			}
				
				#left ul li a {
					display: block;
					width: 190px;
					height: 20px;
					text-indent: -5000px;
				}
				
		#left_bottom {
			position: absolute;
			bottom: 0;
			left: 7px;
			_left: 0px; /* IE6 hack */
			background: url(../img/bg_actueel.gif) no-repeat;
			padding: 40px 30px 0px 30px;
			margin-top: 30px;
			margin-bottom: 10px;
			width: 190px;
		}
	
	#main {
		float: left;
		width: 670px;
		padding: 0 30px;
	}
	
		#main ul {
			margin-left: 30px;	
		}
	
		#fotobox {
			position: relative;
			height: 324px;
			background: url(../img/fotobox.gif) no-repeat;
			padding: 14px;
		}
		
			#grote_foto {
				float: left;
				width: 480px;
				height: 324px;
			}
			
				.thumb {
					float: left;
					width: 152px;
					height: 101px;
					margin-bottom: 10px;
				}
		
		#tekst_bottom {
			margin-top: 20px;
			border-top: 1px solid #bb954e;
			padding-top: 20px;
		}
		
		#verrassingsmenu {
			border: 1px solid #600;
			text-align: center;
			margin-bottom: 25px;
		}
 
	#right {
		float: left;
		width: 190px;
		padding: 30px 30px 0px 30px;
		background: url(../img/bg_actueel.gif) 1px 0px no-repeat;
	}
 
#footer {
	background: url(../img/bg_footer.png) no-repeat;
	padding: 35px 0px 15px 27px;
	color: #FFF;
}