* {margin:0;padding:0;border:0;border-left:0;}

body {background:#9c3;color:#000;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:13px;text-align:center; cursor:default;}  
/* IE5.x  zentriert div-Container mit text-align! */
img {border:0}
a:active, a:focus, a:visited {outline: none;}
 /* Mittig stellen der Container Haupt-Flaeche */
#zentriere-h {width:940px;margin:0 auto;text-align:left;clear:left;}
#container { position:absolute; width:940px; height:550px; z-index:2; background-color:#ffc; top: 19px; }
 
 /* Das Haupt-Menue */
 /* Lage und Ausmaße des Menues */
#menufeld {position:absolute;left:0px;top:90px;width:940px;height:24px;background:#ffc;color:#f90;z-index:27;}
#menu {position:absolute;left:100px;top:0px;width:834px;height:22px;z-index:6; border:1px solid #fff;border-left:1px none #fff;}
#menu {width:829px;w\idth:834px;}
#menu ul {padding:0;margin:0;list-style-type:none;} /* Die Listenzeichen und alle padding und margins entfernen */
#menu li {float:left;width:139px;position:relative;} /* Das Menue wird horizontal! Die Titelmenuebreite = 139px, die Dropdownmenuebreite = 140px, denn der rechte Zwischenraum wird mitgenutzt*/
#menu li {width:138px;w\idth:139px;}
.cursr { cursor:default}

/* Die Menue-Titelleiste  Breite ((auto) oder z. B. 138px + 1px für border-left = 139px ) und Hoehe der Felder Schriftart und groesse! border-left macht die Zwischenraeume */
#menu a, #menu a:visited {display:block;font-family:Arial, Helvetica, sans-serif;font-size:13px; text-align:center;text-decoration:none; width:138px; height:22px; border-left:1px solid #fff; line-height:22px; font-weight: normal;}
#menu a, #menu a:visited {width:137px;w\idth:138px;}
/* Dropdownfelder ohne Hover mit Lage der Schrift (padding) und Breite = 138px + 1px + 1px =140px Border-right/left der Dropdownfelder!
border:1px solid #fff und border-width:0 1px 1px 1px machen die Rahmen |______| der Menuefelder */ 
#menu ul ul a, #menu ul ul a:visited {height:auto; line-height:1; padding:5px 0px; width:138px; border:1px solid #fff; border-width:0 1px 1px 1px;}

#menu ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0; width:140px; border-top:1px solid #fff;z-index:10} /* Versteckt das Dropdownmenue mit Hoehe 0px! width ist Breite! border-top:1px solid #fff schliesst das oberste Menuekaestchen*/
/* table neutralisieren - table wird für IE gebraucht */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* Farben für die Titelleiste */
#menu a, #menu a:visited { color:#cc0000; background:#ffcc33;}
/* Hover Farben für die Titelleiste */
#menu a:hover {color:#ffffff; background:#0000ff;} /*fuer IE*/
#menu :hover > a {color:#ffffff;background:#0000ff;}
#menu :hover > a#ziel {color:#000000;background:#ffcc33;}
/* Farben für die Dropdownfelder ohne Hover */ 
#menu ul ul a, #menu ul ul a:visited {background:#99ccff; color:#000000; }
/* Hover Farben für die Dropdownfelder */
#menu ul ul a:hover {color:#000000; background:#ffcc33;} /*fuer IE*/
#menu ul ul :hover > a {color:#000000;background:#ffcc33;}
/* Hover Farben für die Abzweiger-felder (evtl. mit Grafik)*/
#menu ul ul a.drop, #menu ul ul a.drop:visited {background:#33ccff url(../images/drop.gif)  right no-repeat; cursor:default;} /*fuer IE*/
#menu ul ul a.drop:hover{color:#000000;background:#33ccff url(../images/drop.gif)  right no-repeat;} /*fuer IE*/
#menu ul ul :hover > a.drop {background:#33ccff url(../images/drop.gif)  right no-repeat;}

/*Das Dropdown-menue 2. Ebene gestalten */
/* Farben für die 2. Ebene ohne Hover*/
#menu ul ul ul a, #menu ul ul ul a:visited {background:#66ccff;}
/* Hover Farben für die 2. Ebene */
#menu ul ul ul a:hover {background:#ffcc33;}

/* Abmessungen für die 2. Ebene */
#menu ul ul ul li a, #menu ul ul ul li a:visited {width:150px; padding:5px 0;}
/*Lage und Breite der Menuefelder */
#menu ul ul ul{left:139px; top:-1px; width:150px;} /* ul ul ul.left {left:-138px;} fuer Links erscheinen */
#menu ul ul ul{left:137px;lef\t:139px; }
/*SICHTBARKEIT */
/* Die 1. Ebene wird sichtbar, wenn Haupteintrag gewaehlt wird*/
#menu ul li:hover ul, #menu ul a:hover ul{visibility:visible; }
.verstecke { display:none;}/* fuer IE8 mussmidestens ein (leeres!) Dropdownelement vorhanden sein, wird versteckt!*/
/* Die 2. Ebene wird unsichtbar, wenn auf der 1. keine Verzweigung ist */
#menu ul :hover ul ul{visibility:hidden;}

/* Die 2. Ebene wird sichtbar, wenn auf der 1. eine Verzweigung ist */
#menu ul :hover ul :hover ul{ visibility:visible;}