#menu{
	position:relative;
	height:29px;
	background:#6c7d1f;
	z-index:1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:684px;
	margin-left: 8px;
}
ul#nav {
	margin:0;
	padding: 0;/*padding:9px 0 0 0;*/
	line-height:100%;
}
ul#nav li {
	position:relative;
	height:29px;
	float:left;
	padding:0;	
	margin:0;
	list-style-type:none; 
	
}
html>body ul#nav li {
	padding: 0 0 0 0;
}

ul#nav li.small{
	height: 8px;
	background-color: #cec77b;
}

ul#nav li a {
	/*width:100%;/* Make list items do what they're supposed to in IE6 */
	/*padding:0 7px 0 21px;*/
	padding-right: 12px;
	
	margin:0;
	display:block;
	color:#d2ca8f; 
	text-decoration:none;
	height: 22px;
	padding-top: 7px;
	padding-left: 12px
}

ul#nav li.opsiciliecard{
	background-color: #f20c6e;
	color:#ffffff;
}

ul#nav li.opsiciliecard a{
	background-color: #f20c6e;
	color:#ffffff;
}

ul#nav li.opsiciliecard a:hover{
	background-color: #f20c6e;
	color:#ffffff;
	background-image: url(../Algemene_items/menu/clouds.jpg);
	background-repeat: no-repeat;
}

	ul#nav #home a{
		padding-left: 27px;
		padding-right: 27px;
	}
	
	ul#nav #contact a{
		padding-right: 37px;
	}
	
	#sub_gastenboek{
		width: 14.0em;
	}

	#sub_culinair{
		width: 12.0em;
	}	
	
	#sub_contact{
		width: 12.8em;
	}
	
ul#nav li a:hover{
	text-decoration:none;
	background-color: #cec77b;
	color: #6c7d1f;
}
			
			
ul#nav li ul {
	position:absolute;
	display:none;
	top:29px; 
	left:0px; 
	min-width: 10.5em; /*width: 14.0em; /*width:13.5em; /* the width of submenu items, used again bellow (1)  */
	padding:0;
	margin:0;
	background-color:#6c7d1f;
	z-index: 2;
}

	ul#nav li ul#vakantieaccommodaties{
		width: 14.5em;	
	}
	
ul#nav li ul li{ 
	clear:left; /* It inherits float:left. No float:none, because that creates a whitespace beneath the last item in IE6 */
	display:block;
	width:100%; /* Make list items do what they're supposed to in IE6 */
	padding:0;
	background:#6c7d1f;
	/*border-bottom:1px solid #7D7C7C;*/
}
ul#nav li ul li a {
	display:block;
	margin:0;
	/*padding:10px 13px 4px 13px;*/ padding:7px 13px 7px 13px;
	height:15px;
	color:#fdeabf;
	text-decoration:none;
	text-align: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}
ul#nav li ul li a:hover{
	background-color: #859441;
	color:#fdeabf; 
}
ul#nav li ul li ul{
	top:-1px; /* the height of the top border */
	left:10.5em; /* (1) the width of submenu items */
	font-size:100%; /* font reset for submenu's after the first*/
}
/*switch submenu's for full css supporting browsers*/
ul#nav li:hover ul{display:block;}
ul#nav li:hover ul li ul{display:none;}
ul#nav li ul li:hover ul{display:block;}
ul#nav li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li ul li:hover ul li ul{display:none;}
/*add styles if needed*/
li a{
	height: 21px;
}