/* ================================================================ 
CSS - Datei für das Menü
=================================================================== */
/* Die gesamte Breite festlegen */
.menu {
	width:515px;
	text-decoration:none;
	font-size:0.85em;
	padding-left:250px;
	padding-top:200px;
}
/* Aufzählungszeichen etc entfernen */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
/* Breite für die einzelnen Menüteile festlegen */
.menu ul ul {
	width:87px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width:85px;
	position:relative;
}
.nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	
	visibility:visible;
	
}

/* style top level links */
.menu a, .menu a:visited {
	display:block;
	/* Transparency settings - Don't work on all browsers*/
	color:#FFFFFF;
	width:85px;
	height:32px;

	padding-left:0px;
	line-height:32px;
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	opacity:0.75;
	filter:alpha(opacity=75);
}


/*.menu a  img {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}/*

/* second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#FFCC33;
}
/* second level hover */
.menu ul ul a.drop:hover {
	background:#FF9900;
}
.menu ul ul :hover > a.drop {
	background:#FF9900;
}
/* untermenüs verstecken und absolute position damit sie nicht zu viel platz brauchen */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:31px;
	left:0;
	width:85px;
}

/* second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#ffffff;
	font-size:12px;
	font-variant:normal;
	text-transform:none;
	color:#000;
	height:auto;
	line-height:1em;
	padding:5px 0px;
	width:85px
}
/* Hover effekt für Top-Level Menü */
.menu a:hover, .menu ul ul a:hover {
	color:#000000;
	background:#FFCC33; /* Orange */
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#000000;
	background:#FFCC33;
}
/* untermenü sichtbar machen */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}