* { 
margin: 0; 
padding: 0; 
} 




#menu { 
width: 100%; 
padding-top: 3px; 
background: #31B404; 
font-family: Verdana; 
font-size: 20px; 
line-height: 1.3em; 
float: left; 
}

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

/*--definiert die Blocküberschriften--*/ 
#menu h3 { 
font-size: 20px; 
line-height: 1.3em;
text-align: center; 
color: #fff; 
border-left: 1px solid #fff; /*--erforderlich für IE 7--*/ 
background: #31B404; 
} 
/*--definiert die Blocküberschriften - aktiv--*/ 
#menu h4 { 
font-size: 20px;
line-height: 1.3em; 
text-align: center; 
color: #fff; 
border-left: 1px solid #fff; /*--erforderlich für IE 7--*/ 
background: #7d003e; 
} 

/*--definiert die "Drop-Down-Links" im Normalzustand-- ff0000  a71aa7   url('images/button2.jpg')*/ 
#menu a { 
text-decoration: none; 
width: 191px; 
display: block;
border-top: 1px solid #fff; 
border-left: 1px solid #fff; 
border-right: 1px solid #fff; 
border-bottom: 1px solid #fff; 
text-align: center; 
background: #31B404; 
color: #fff; 
} 

/*--definiert die "Drop-Down-Links" im Hoverzustand  7d72db--*/ 
#menu a:hover { 
color: #fff; 
background:  #7d003e; 
} 

/* 
*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: 20px; 
text-align: center; 
background:  #31B404; 
} 

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/
 
#menu a.direkt:hover { 
color: #fff; 
background: #7d003e; 
}