﻿.Menue {
	position: relative;
	z-index: 5;
	width: 980px;
	height: 20px;
	top: 0px;
	left: 0px;
}
* {
	margin: 0;
	padding: 0;
	color: #000000;
	width: 220;
	height: 169;
}

#menu {
	width: 980px;
	padding: 0 px;
	margin-top: 0px;
	font-family: Arial;
	font-size: 0.8em;
	line-height: 1.5;
	float: left;
	position: relative;
	z-index: 10;
}

#menu ul {
float: left;
width: 140px;
list-style-type: none;
}

/*--definiert die Blocküberschriften--*/
#menu h3 {
	font-size: 1em;
	text-align: center;
	color: #000000;
	border: 1px solid #C3C3C3;
	background:#;
	border: 1px solid ##C3C3C3;

}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
	text-decoration: none;
	display: block;
	border: 1px solid ##C3C3C3;
	text-align: center;
	background:#ffffFF;
	color:;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #000000;
background:#c3c3c3 ;
border: 1px solid #c3c3c3;
color:#;
background:#;

}

/*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
}

/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
}

/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/
* html #menu ul li{
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/
*+ html #menu ul li {
float: left;
width: 100%;
}

/*--bewirkt Hover-Effekt für IE kleiner 7 auch für ul- und li-Elemente--*/
*html body {
behavior: url(csshover3-source.htc);
font-size: 100%;
}

*html #menu ul li a {
height: 1%;
}

/*--definiert einen Einzellink im Normalzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:link {
font-size: 0.8em;
font-weight:;
text-align: center;
color: #0550FF;
border: 1px solid #0550ff;
background:#0550FF}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
color: #ff9224;
background:#c3c3c3 ;
border: 1px solid #c3c3c3;
}

/*--versteckt die dritte Ebene--*/

#menu ul li:hover ul ul {
display: none;
} 
/*-- lässt die dritte Ebene beim Hovern über die zweite in Erscheinung treten und nach rechts ausklappen--*/

div#menu ul ul li:hover ul {
display: block;
position: absolute;
top: 0;
left: 100%;
} 


