/* ++++++++++ STYLESHEET OSTE-HOTEL.DE NAVIGATION / PYRAMEDIA 2008 / TIM GLOYSTEIN ++++++++++ */
@charset "utf-8";

#menu
 {
		text-align:center;
	}

#menu a 
 {
	 display:block;
		padding:7px 7px 7px 7px;
		text-transform:uppercase;
	 font-size:14px;
		line-height:16px;
		color:#424242;
		text-decoration:none;
	}
	
#menu a:hover
 {
	 color:#000000;
		background:url(../_bilder/aktiv.png);
	}
	
#menu ul 
 {
		float:left;
  text-align:center;
		margin:0;
		list-style:none;
		border-right:1px dotted #CCCFBC;
 }
	
#menu ul a 
 {
		text-decoration:none;
	}

#menu li 
 {
	 position:relative;
		margin:0;
		padding:0;
	}
	
#menu li a.aktiv
 {
  color:#000000;
		background:url(../_bilder/aktiv.png);
	}

#menu ul ul 
 {
		position:absolute;
		top:30px;
		left:0px;
		background:none;		
		z-index:500;
		border:none;
	}
	
#menu ul ul a
 {
		font-size:11px;
		text-transform:uppercase;
 	text-align:left;
	 height:22px;
		padding:7px 5px 0 7px;
	}
	
#menu ul ul a:hover
 {
  background:#6f9f35;
		color:#FFF;
	}	

#menu ul ul li
	{
		width:100%;
		border-right:1px solid #6f9f35;
 	border-bottom:1px solid #6f9f35;
 	border-left:1px solid #6f9f35;
		background: url(../_bilder/hintergrund-subnavigation.png) repeat-y;
	}

#menu ul.punkt1
 {
		margin:0;
  padding:0;
	}

#menu ul ul.p2
 { 
	 width:170px;
 	border-top:1px solid #6f9f35;
	}
	
div#menu ul ul, 
div#menu ul li:hover ul ul, 
div#menu ul ul li:hover ul ul 
 { 
	 display:none; 
	}

div#menu ul li:hover ul, 
div#menu ul ul li:hover ul, 
div#menu ul ul ul li:hover ul
 {
	 display:block; 
	}