/* Unteres Menue */
#menu {width: 900px; padding: 0 0 0 90px; margin:0; text-align: center;}
#menu a {color:#696969; text-decoration:none;}
#menu a:active, #menu a:link, #menu a:visited {color:#696969;} 
#menu a:hover {color:#D60200;}

.menu {font-weight: bold; font-size: 10px; font-family: arial;}	/* style the outer div to give it width */
.menu ul {padding:0; margin:0; list-style-type:none;}	/* remove all the bullets, borders and padding from the default list styling */
.menu li {float:left; width:120px; position:relative;}	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

/* style the links for the top level */
.menu a, .menu a:visited {width:120px; height:32px;  line-height:32px;display:block; text-decoration:none; color:#848484; text-align: center;}
.menu li li a, .menu li li a:visited {width:120px; height:32px; line-height:32px; display:block; text-decoration:none; color:#848484; text-align: left; }
* html .menu a, * html .menu a:visited {width:120px; w\idth:120px;}	/* a hack so that IE5.5 faulty box model is corrected */


/* style the second level background */
#ul1 li a{width: 170px;}
.menu ul ul {width:150px;}
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#949e7c; text-decoration: none;}	
.menu ul ul a.drop:hover{background:#c9ba65;}	/* style the second level hover */
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ecebeb; border: 1px solid #FAFAFA; color:#BABABA; height:auto; line-height:1em; padding:2px 4px; width:150px}
* html .menu ul ul a {width:150px; w\idth:129px;}	/* yet another hack for IE5.5 */


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:31px; left:0; width:150px;}	
* html .menu ul ul {top:30px; t\op:31px;}	/* another hack for IE5.5 */


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#838181; background:#e4e4e4;text-decoration: none;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;}
.menu ul :hover ul{visibility:visible;}	/* make the second level visible when hover on first level list OR link */

/* sonstige */
.abstand1 {float: left; width: 1px; height: 34px; color: #F1F1F1; background-color: #F1F1F1; font-size: 1px;}
.abstand2 {float: left; width: 3px; height: 34px; color: #F1F1F1; font-size: 1px;}