@charset "utf-8";
/* CSS Document */

/*--formatiert die Menüleiste--*/
#menu {
width: 100%;
padding: 0 30px;
background: #888888;
font-family: Verdana;
font-size: 1em;
line-height: 1.5;
float: left;
border-bottom: 2px solid #000000;
} 

/*--formatiert die Themenblöcke--*/
#menu ul {
margin-right: 2px;
float: left;
width: 140px;
list-style-type: none;
} 


/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: center;
color: #000;
border: 1px solid #888888; /*--erforderlich für IE 7--*/
background: #CCCCCC;
}

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

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: #FAAC58;
background: #888888;
} 

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

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

#menu a.direkt:link {
font-size: 1em;
font-weight: bold;
text-align: center;
color: #000;
border: 1px solid #888888;
background: #CCCCCC;
}



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

#menu a.direkt:hover {
color: #FAAC58;
background: #888888;
border: 1px solid #ccc;
} 

/*--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%;
} 








/*--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%;
}