/* CSS Menü www.ostseeurlaub-schoenbergerstrand.de */


#menu ul li .active{
	background: transparent url(../images/btn.jpg) repeat-x bottom left;
}

#menu ul {
	padding: 0;
	float: left;  
	margin: 0;
	width: auto;
	list-style-type: none;
	font-weight: normal;
	float: left; 
	line-height: 26px;
	border-bottom:0;
}
#menu a, #wrapper_footer a {
	letter-spacing: 1px;
}

#menu a:hover {
	background: transparent url(../images/btn.jpg)repeat-x bottom left;
}
#menu a {
	padding: 4px 8px; 	
	display: block; 
	margin: 0; 
	font-weight: bold;
	color: #fff; 
	text-decoration: none;
	font-size: 12px;
	background: transparent url(../images/btn.jpg)repeat-x top left;
}
#menu li {
	position: relative;
	background: none;
	padding: 0;
	margin: 0;	
}

#menu ul ul {
	z-index: 500; 
	position: absolute;
	width: 180px;
	left: 0%;
	padding: 0;
	margin: 0;
}
#menu ul ul li {
	position: relative;
	background: #4d668e;
	padding: 0;
	margin: 0;
	text-align: left;
	line-height: 20px;
	font-size: 12px;
	z-index: 500;
}
div#menu ul ul li:hover{
 	background: #4d668e;
}
#menu ul ul ul {
	left: 100%;
	position: absolute; 
	top: -1px;
}
div#menu ul ul a {
	font-size: 12px;
	padding-left: 12px;
	text-decoration: none;
	
}
div#menu ul ul a:hover {
	border: none;
	background: #4d668e;
	padding-left: 12px;
	text-decoration: none;
	width: 160px;
}


div#menu ul ul ul li a:hover {
	color:#808073;
}

div#menu ul ul li:hover li {
  	background:#fffad2;
	color: #808073;
}
div#menu ul ul ul li:hover {
	background:#eee;
}
div#menu ul ul ul li:hover a {
	background:#eee;
}



/* Erste Ebene 

#menu ul {
	padding: 0;
	float: left;  
	margin: 0;
	width: auto;
	list-style-type: none;
	font-weight: normal;
	float: left; 
	line-height: 26px;
	border-bottom:0;
}


#menu ul li .active {
	background: transparent url(../images/btn.jpg) repeat-x bottom left;
}

#menu a {
	display: block;
}

#menu ul {
	float: left;
	margin: 0;
	padding: 4px 0 4px 0px;
	list-style-type: none;
	width: auto;
}
#menu li {
	position: relative;
}
#menu ul li {
	display: block;
	float: left;
	padding: 0;
}
#menu ul li a {
	font: 14px Trebuchet MS;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1pt;
	background: transparent url(../images/btn.jpg) repeat-x top left;
	padding: 4px 8px;
}
#menu ul li a:hover {
	background: transparent url(../images/btn.jpg) repeat-x bottom left;
}
#menu ul li:hover ul{
	display: block;
	float: left;
}

 Zweite Ebene 
#menu ul ul {
	z-index: 500; 
	display: none;
	position: relative;
	width: 140px;
	left: 0%;
	padding: 0;
	margin:0;padding:0;
}
#menu ul ul li {
	position: relative;
	display: block;
	background: none;
	padding: 5px 0px 5px 0px;
	margin: 0;
	z-index: 500;
	text-align: left;
	line-height: normal;
	background-color: #eee;
}
*/