#menu
{
	float: right;
	border:1px solid #d5d5d5;
	font-size:85%;
	color:#2C3F54;
	background-color:#d5d5d5;
}

#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

/*optimaler Wert für 96 dpi wäre 7.67; zerschiesst aber Layout bei 120dpi*/
#menu ul.wohnen { width: 6.8em; } 
#menu ul.geniessen{ width: 7.8em; }
#menu ul.entspannen { width: 8.8em; }
#menu ul.erholen { width: 9.7em; }
#menu ul.tagen { width: 6.3em; }
#menu ul.arrangements { width: 9.4em; }
#menu ul.kontakt { width: 7.8em; }

/*#menu ul.wohnen { width: 7.4em; } 
#menu ul.geniessen{ width: 7.8em; }
#menu ul.entspannen { width: 8.8em; }
#menu ul.erholen { width: 9.7em; }
#menu ul.tagen { width: 6.3em; }
#menu ul.arrangements { width: 10.7em; }
#menu ul.kontakt { width: 7.8em; }*/

#menu a, #menu h2
{
	display: block;
	margin: 0;
	padding: 2px 3px;
}

#menu h2
{
	background-color:#d5d5d5;
	font-size:80%;
}

#menu h2:hover
{
	background-color:#a50841;
	color:#FFFFFF;
}

#menu a
{
	background-color:#d5d5d5;
	color:#000000;
	width:170px;
	font-size:70%;
	text-decoration: none;
	border-left:1px solid #60778C;
	border-right:1px solid #60778C;
}

#menu a.lastItem
{
	border-bottom:1px solid #60778C;
}

#menu a:hover
{
	color:#FFFFFF;
	background:#a50841;
}

#menu li {position: relative;}

#menu ul ul
{
	position: absolute;
	z-index: 500;
}

#menu ul ul ul
{
	position: absolute;
	top: 0;
	left: 100%;
}

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;}