/* Definition des Button-Menus, Höhe etc. */
#schachtelmenu {height:35px; position:relative; z-index:100;}

/* unterbindet standardmaessige Auflistungspunkte, paddings etc. - Schrifttypfestlegung*/
/* margin:-3px; stellt Buttons definiert höher/tiefer*/
.menu, .menu ul {list-style-type:none; padding:0px; margin:0px; font-family:times new roman;}

/* Typdefinition der obersten Menupunkte als Blockzeile */
.menu li.top {display:block; float:left; position:relative;}

/* Tabelle ausserhalb der Menufunktion definieren. Font size nur für IE5 Dummy*/
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Typdefinition der obersten Menulinks */
.menu li.top a.buttons {display:block; float:left; height:35px;}
/* Oberste Dummy-Hyperlinktexte links aus dem sichtbaren Bereich stellen */
.menu li.top a span {position:absolute; left:-10000px; top:0; z-index:0; font-size:5px;}

/* Definition der obersten Menupunkte mit Namenangaben: Breite -> normale Bilder */
/* dummy ohne Link bildet funktionslosen Abschluss */
.menu li a#markus {width:185px; background:url(../bilder/bumark_a.gif) no-repeat;}
.menu li a#buch {width:156px; background:url(../bilder/bubuch_a.gif) no-repeat;}
.menu li a#shop {width:50px; background:url(../bilder/bushop_a.gif) no-repeat;}
.menu li a#press {width:125px; background:url(../bilder/bupres_a.gif) no-repeat;}
.menu li a#pcoa {width:161px; background:url(../bilder/bupcoa_a.gif) no-repeat;}
.menu li a#rent {width:157px; background:url(../bilder/burent_a.gif) no-repeat;}
.menu li a#termin {width:71px; background:url(../bilder/buterm_a.gif) no-repeat;}
.menu li a#newsl {width:86px; background:url(../bilder/bunews_a.gif) no-repeat;}
.menu li a#test {width:92px; background:url(../bilder/butest_a.gif) no-repeat;}
.menu li a#empf {width:119px; background:url(../bilder/buempf_a.gif) no-repeat;}
.menu li dummy {width:78px; background:url(../bilder/budummy.gif) no-repeat;}

/* Preload und Definition der obersten Menupunkte Bilddateien: Breite -> Hover-Bilder */
/* dummy bildet funktionslosen Abschluss */
.menu li.b1 {width:185px; background:url(../bilder/bumark_b.gif) no-repeat;;}
.menu li.b2 {width:156px; background:url(../bilder/bubuch_b.gif) no-repeat;;}
.menu li.b3 {width:50px; background:url(../bilder/bushop_b.gif) no-repeat;;}
.menu li.b4 {width:125px; background:url(../bilder/bupres_b.gif) no-repeat;;}
.menu li.b5 {width:161px; background:url(../bilder/bupcoa_b.gif) no-repeat;;}
.menu li.b6 {width:157px; background:url(../bilder/burent_b.gif) no-repeat;;}
.menu li.b7 {width:71px; background:url(../bilder/buterm_b.gif) no-repeat;;}
.menu li.b8 {width:86px; background:url(../bilder/bunews_b.gif) no-repeat;;}
.menu li.b9 {width:92px; background:url(../bilder/butest_b.gif) no-repeat;;}
.menu li.b10 {width:119px; background:url(../bilder/buempf_b.gif) no-repeat;;}
.menu li.b11 {width:78px; background:url(../bilder/budummy.gif) no-repeat;}

/* Stil des Link- oder Listen-Hovers. Browsergemaess gestaltet */
.menu a:hover {visibility:visible;} /* fuer IE6 */
.menu li:hover { position:relative; z-index:200;} /* fuer IE7 */

/* Oberste Menubilder mit Namenangaben -> transparent setzen - Hover-Bilder zeigen sich dadurch */
/* Komma außer am letzten Zeilenende wichtig! */
/* dummy ohne Link bildet funktionslosen Abschluss */
.menu li a#markus:hover, .menu li:hover a#markus,
.menu li a#buch:hover, .menu li:hover a#buch,
.menu li a#shop:hover, .menu li:hover a#shop,
.menu li a#press:hover, .menu li:hover a#press,
.menu li a#pcoa:hover, .menu li:hover a#pcoa,
.menu li a#rent:hover, .menu li:hover a#rent,
.menu li a#termin:hover, .menu li:hover a#termin,
.menu li a#newsl:hover, .menu li:hover a#newsl,
.menu li a#test:hover, .menu li:hover a#test,
.menu li a#empf:hover, .menu li:hover a#empf,
.menu li dummy {background:transparent;}

/* Naechste Menuebene zunaechst links aus sichtbarem Bereich stellen. */
.menu ul,
.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-10000px; top:-10000px; width:0; height:0;}

/* Definition, Positionierung u. Stil der ersten Untermenu/Dropdownebene - nur ein Mass fuer alle moeglich */
/* top=Abstand zu den Buttons -  background=HG-Farbe generell - padding=Randabstände generell - solid=Randfarbe - nowrap=kein Umbruch - width=Menubreite */
.menu :hover ul.dropdown {left:0; top:35px; background: #fff; padding:3px; border:1px solid #3399ff; white-space:nowrap; width:193px; height:auto;}
/* height=Untermenu-Zeilenhöhe */
.menu :hover ul.dropdown li {display:block; height:25px; position:relative; float:left; width:143px;}
/* font-size=im Untermenu - color=Schriftfarbe - height&width=für Farbblock unter Schrift - text-indent=Einrückung - border=linker Rand neben Schrift */
.menu :hover ul.dropdown li a {display:block; font-size:11px; color:#000; text-decoration:none; height:23px; width:193px; line-height:20px; text-indent:5px; border:5px solid #fff; border-width:0 0 0 0px;}
/* background=Hover-Farbblockfarbe unter Schrift */
.menu :hover ul.dropdown li a:hover {background:#3399ff; color:#fff;}