/*--Setzt alle Abstände auf "Null"--*/
* {
margin: 0 auto;
padding: 0 ;
} 
 
/*--formatiert die Menüleiste--*/
#menu {
width: 1015px;
padding: 0 ;
background: #D5D1D1;
font-family: Arial;
font-size: 1em;
line-height: 1.5;
float: left;

} 

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


/*--definiert die Blocküberschriften--*/
#menu h3 {
font-size: 1em;
text-align: center;
color: white;
text-shadow: black 0.1em 0.1em 0.2em;
border: 1px solid #7C7C7C;
border-radius: 5px 5px 5px 5px; /*--erforderlich für IE 7--*/
background-image: linear-gradient(#202020, #EEEEEE );
}

/*--definiert die "Drop-Down-Links" im Normalzustand--*/
#menu a {
width: 130px;
float: center;
text-decoration: none;
display: block;
border: 1px solid #7C7C7C;
border-radius: 0px 0px 5px 5px;
text-align: center;
background-image: linear-gradient(#EEEEEE , #202020);
color: white;
text-shadow: black 0.1em 0.1em 0.2em;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
width: 130px;
float: center;
color: white;
text-shadow: black 0.1em 0.1em 0.2em;
background-image: linear-gradient(#202020, #EEEEEE );
border: 2px solid #7C7C7C;
border-radius: 5px 5px 5px 5px;
text-decoration: underline;
} 




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

/*Anleitung dazu unter http://www.ohne-css.gehts-gar.net/0066.php */