/*--Setzt alle Abstände auf "Null"--*/
* {
margin: 0;
padding: 0;
} 
/*--formatiert die Menüleiste--*/
#menu {
width: 100%;
padding: 0px;
background: #FFFFFF;
font-family: Times;
font-size: 1.2em;
line-height: 1.5;
float: left;
} 
/*--formatiert die Themenblöcke--*/
#menu ul {
float: left;
width: 80px;
width: 80px;
list-style-type: none;
} 
/*--definiert die Blocküberschriften--*/
#menu h3 { 
font-size: 0.8em; 
text-align: center; 
color: #000; 
border: 0px solid #888888; /*--erforderlich für IE 7--*/ 
background: #666666;
color: #FFFFFF 
} 

/*--definiert die "Drop-Down-Links" im Normalzustand--*/ 
#menu a { 
text-decoration: none;
display: block; 
border: 0px solid #888888; 
text-align: center; 
background: #FFFFFF; 
color: #888888; 
font-size: 0.7em;
} 

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/ 
#menu a:hover { 
color: #000000; 
background: #FFFFFF; 
} 
/*
*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: none;
text-align: center;
color: #888888;
border: 0px solid #888888;
background: #FFFFFF;
}

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

#menu a.direkt:hover {
color: #444444;
background: #FFFFFF;
border: 0px solid #ccc;
}