#navi{
	width:878px;
	height:55px;
	padding:37px 0 0 22px;
}

	#navi ul {
		position:relative;
		margin:0;
}
	
	#navi li {
		float:left;
		position:relative;
		list-style-type:none;
}
	
	#navi li a:link, #navi li a:visited {
		float:left;
		height:55px;
		text-decoration:none;
	}


	#navi span {
		position:relative;
	}
	
	#navi a{
		text-indent:-5000px;
	}
	
	#navi li a:hover, #navi li a:active  {
		background-position: 0px -55px;
	}
	
	#navi li a.start:link, #navi li a.start:visited{
		width:109px;
		background-image:url(../images/layout/navi/start_bt01.gif);	
	}
	
	#navi li a.aktion:link, #navi li a.aktion:visited{
		width:103px;
		background-image:url(../images/layout/navi/aktion_bt01.gif);	
	}
	
	#navi li a.chronik:link, #navi li a.chronik:visited{
		width:92px;
		background-image:url(../images/layout/navi/chronik_bt01.gif);	
	}
	
	#navi li a.hotel:link, #navi li a.hotel:visited{
		width:74px;
		background-image:url(../images/layout/navi/hotel_bt01.gif);	
	}
	
	#navi li a.restaurant:link, #navi li a.restaurant:visited{
		width:113px;
		background-image:url(../images/layout/navi/restaurant_bt01.gif);	
	}
	
	#navi li a.links:link, #navi li a.links:visited{
		width:70px;
		background-image:url(../images/layout/navi/links_bt01.gif);	
	}
	
	#navi li a.kontakt:link, #navi li a.kontakt:visited{
		width:88px;
		background-image:url(../images/layout/navi/kontakt_bt01.gif);	
	}
	
	#navi li a.anfahrt:link, #navi li a.anfahrt:visited{
		width:87px;
		background-image:url(../images/layout/navi/anfahrt_bt01.gif);	
	}
	
	#navi li a.impressum:link, #navi li a.impressum:visited{
		width:121px;
		background-image:url(../images/layout/navi/impressum_bt01.gif);	
	}

	#navi a .active{
		height:55px;
		background-position: 0px -55px;
	}

#navi ul ul {
position:absolute;
visibility:hidden;
}

#navi ul ul.restaurantul {
width:80px;
top:53px;
left:0;
}

/* html #navi ul ul{
	width:160px;
}*/

	#navi ul ul.restaurantul li a:link, #navi ul ul.restaurantul li a:visited{
		background:url(../images/layout/ul_ul_bg.gif) 0 0 repeat-x;
		font:1.4em Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		display:block;
		color:#fda51f;
		height:35px;
		padding:20px 5px 5px 5px;
		width:102px;
		text-decoration:none;
		border:1px solid #fff;
		border-bottom:0;
		text-indent:0;
		text-align:center;
	}
	
	#navi ul ul.restaurantul li a:hover, #navi ul ul.restaurantul li a:active{
		background:url(../images/layout/ul_ul__hover_bg.gif);
		color:#fff;
	}
	
#navi ul ul.restaurantul02 {
width:80px;
top:53px;
left:0;
}


/* html #navi ul ul{
	width:160px;
}*/

	#navi ul ul.restaurantul02 li a:link, #navi ul ul.restaurantul02 li a:visited{
		background:url(../images/layout/ul_ul_bg.gif) 0 0 repeat-x;
		font:1.4em Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		display:block;
		color:#fda51f;
		height:35px;
		padding:20px 5px 5px 5px;
		width:62px;
		text-decoration:none;
		border:1px solid #fff;
		border-bottom:0;
		text-indent:0;
		text-align:center;
	}
	
	
	#navi ul ul.restaurantul03 {
	top:53px;
	left:0;
	}
	
	#navi ul ul.restaurantul02 li a:hover, #navi ul ul.restaurantul02 li a:active{
		background:url(../images/layout/ul_ul__hover_bg.gif);
		color:#fff;
	}
	
	
	#navi ul ul.restaurantul03 li a:link, #navi ul ul.restaurantul03 li a:visited{
		background:url(../images/layout/ul_ul_bg.gif) 0 0 repeat-x;
		font:1.4em Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		display:block;
		color:#fda51f;
		height:35px;
		padding:20px 3px 5px 3px;
		width:80px;
		text-decoration:none;
		border:1px solid #fff;
		border-bottom:0;
		text-indent:0;
		text-align:center;
	}
	
	#navi ul ul.restaurantul03 li a:hover, #navi ul ul.restaurantul03 li a:active{
		background:url(../images/layout/ul_ul__hover_bg.gif);
		color:#fff;
	}
	
   #navi ul ul.restaurantul li a.borderunten{border-bottom:1px solid #fff;}
   #navi ul ul.restaurantul02 li a.borderunten{border-bottom:1px solid #fff;}
   #navi ul ul.restaurantul03 li a.borderunten{border-bottom:1px solid #fff;}

* html #master #navi ul ul.restaurantul li a.borderunten{border-bottom:1px solid #fff;}
* html #master #navi ul ul.restaurantul02 li a.borderunten{border-bottom:1px solid #fff;}

* html #navi ul li a{
	float:left;
}

* html #navi ul ul li{
	margin:0;
}

* html #navi ul ul.restaurantul02{
top:0;
}

* html #navi ul ul.restaurantul{
top:0;
}

* html #navi ul ul a{
}

/* a hack so that IE5.5 faulty box model is corrected 
* html #navi a, * html #navi a:visited {
margin:0;
height:0;
}*/



/* style the table so that it takes no part in the layout - required for IE to work */
#navi table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}


/* style the second level links */
/*#navi ul ul a, #navi ul ul a:visited {
background:url(../images/layout/listyle.gif) 0 0px #fafafa no-repeat;
color:#000; 
height:auto; 
line-height:1em; 
padding:7px 0 7px 22px; 
width:250px;
border:0;
border-right:1px solid #DADCD2;
border-bottom:1px solid #DADCD2;
yet another hack for IE5.5 
}*/

/* style the top level hover 
#navi a:hover, #navi ul ul a:hover{
color:#FF5C21;
}*/

/* html #navi a:hover, #navi ul ul a:hover{
background-color:#000; 
background:none;
color:#DC0007;
}

#navi :hover > a, #navi ul ul :hover > a {
color:#DC0007;
}*/

/* make the second level visible when hover on first level list OR link */
#navi ul li:hover ul,
#navi ul a:hover ul{
visibility:visible;
height:auto;
}
/* keep the third level hidden when you hover on first level list OR link */
#navi ul :hover ul ul{
display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#navi ul :hover ul :hover ul ul{
display:none;
}
/* make the third level visible when you hover over second level list OR link */
#navi ul :hover ul :hover ul{ 
display:block;
bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
#navi ul :hover ul :hover ul :hover ul { 
display:block;
bottom:0;
}