Hallo,
habe ein vertikales FlyOut menü mit Html und CSS erstellt.
Die unterlisten im vertikalen Menü sollen unterschiedliche Hintergrundfarben haben.
sollte eigentlich unkompliziert mit background zuweisung in seperaten klassen funktionieren.
Mein Problem ist nun, dass ich zwar einen bakcground setzen kann, dieser allerdings nicht die volle breite befüllt.
Was kann man da am besten machen?
Menü Links auf Bad Vilbel gehen.
display block hatte auch nicht den gewünschten effekt erzielt, auch nicht wenn ich es a direkt zuweise.
Code:
.bvColor li > a{
Inline Listenelementbackground: #F0F;
display:block;
}
Mein 2. Problem ist, dass ich im seitlich aufklappenden Menü die Schrift nicht zentriert bekomme.
Wie es ist
Link
Wie es sein sollte (nur im IE anzeigbar)
Link
Vielen Dank im Voraus.
html code:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>bla</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<ul class="navi_top_general">
<li><a href="#" class="service">Unser Service</a>
<ul class="child_ul_top_general">
<li><a href="http://www.aquafun.de/service/inhalt.html">Inhalt Webseite</a></li>
<li> <a href="http://www.aquafun.de/service/info-allgemein.html">Allgemeine Information</a></li>
<li> <a href="http://www.aquafun.de/service/info-allg-malle.html">Information Mallorca</a></li>
<li> <a href="http://www.aquafun.de/service/info-rinker-01.html">Unsere Schulungsboote</a></li>
<li> <a href="http://www.aquafun.de/service/geldzurueck.html">Geld zurück Garantie</a></li>
<li> <a href="http://www.aquafun.de/service/lehrmaterial.html">eigenes Lehrmaterial</a></li>
<li> <a href="http://www.aquafun.de/service/knotentraining.html">Knotentraining</a></li>
<li> <a href="http://www.aquafun.de/service/gutschein.html">Geschenkgutschein</a></li>
<li> <a href="http://www.aquafun.de/service/shop.html">Aquafun Shop</a></li>
<li> <a href="http://www.aquafun.de/service/firmeninfo.html">Firmen-Info</a></li>
<li> <a href="http://www.aquafun.de/news.html">aktuelle Nachrichten</a></li>
<li> <a href="http://www.aquafun.de/service/callmeback.html">Call me back</a></li>
<li> <a href="http://www.aquafun.de/ischeine/nfo-anfordern.html">Infos anfordern</a></li>
<li> <a href="http://www.aquafun.de/scheine/anmeldung.html">online anmelden</a></li>
</ul>
</li>
<li><a href="#" class="anfahrt">Anfahrt & Kontakt</a>
<ul class="child_ul_top_general">
<li> <a href="http://www.aquafun.de/anfahrt/anf-gesamt.html">alle Schulen</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-aschaffenburg.html">D-63741 Aschaffenburg..</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-alzenau.html">D-63755 Alzenau............</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-ruesselsheim.html">D-64528 Rüsselsheim.....</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-dieburg.html">D-64807 Dieburg............</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-mannheim.html">D-68167 Mannheim.........</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-lampertheim.html">D-68623 Lampertheim.....</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-appenweier.html">D-77767 Appenweier.......</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-erlangen.html">D-91080 Erlangen/Uttenr.</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-malloeca.html">E-Mallorca</a></li>
<li> <a href="http://www.aquafun.de/service/impressum.html">Impressum</a></li>
<li> <a href="http://www.aquafun.de/service/callmeback.html">Cal me back</a></li>
</ul>
</li>
<li><a href="#" class="empfehlung">Empfehlungen</a>
<ul class="child_ul_top_general">
<li> <a href="http://www.aquafun.de/empfehlungen/bootshandel.html">Bootshandel</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/charter.html">Bootscharter</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/bootszubehoer.html">Bootszubehör</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/bootsevents.html">Events & Messen</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/tauchen.html">Tauchen</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/zeitschriften.html">Zeitschriften</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/hotels.html">Hotels</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/kundenseite.html">Kundenseite</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/fun-sport.html">Fun & Sport</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/programmierung.html">Programmierung</a></li>
<li> <a href="http://www.aquafun.de/empfehlungen/sonstiges.html">sonstiges</a></li>
</ul>
</li>
<li><a href="#" class="special">Aquafun Sepcial</a>
<ul class="child_ul_top_general">
<li> <a href="http://www.aquafun.de/aquafun-memberbereich/">Kundenlogin</a></li>
<li> <a href="http://www.aquafun.de/special/bootsverleih.html">Bootsverleih-Hanau</a></li>
<li> <a href="http://www.aquafun.de/special/club.html">Aquafun-Club</a></li>
<li> <a href="http://www.aquafun.de/special/rennsport.html">Rennsport</a></li>
<li> <a href="http://www.aquafun.de/special/partner.html">Aquafun Partner</a></li>
<li> <a href="http://www.aquafun.de/service/inhalt.html">Inhalt Webseite</a></li>
</ul>
</li>
</ul>
<ul class="navi_top_license">
<li><a href="#" class="binnen">SBF Binnen</a>
<ul class="child_ul_top_license">
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen.html">Termine Binnenkurse</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-binnen.html">Infos SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/service/info-allgemein.html">Infos Allgemein</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-binnen.html">Preisinfo Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-binnen-malle.html">Preisinfo Mallorca</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>
<li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
</ul>
</li>
<li><a href="#" class="see">SBF See/Küste</a>
<ul class="child_ul_top_license">
<li> <a href="http://www.aquafun.de/scheine/termine/term-see.html">Termine Seekurse</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-see.html">Infos SBF See</a></li>
<li> <a href="http://www.aquafun.de/service/info-allgemein.html">Infos Allgemein</a></li>
<li> <a href="http://www.aquafun.de/service/callmeback.html">Infos zu Mallorca</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-see.html">Preisinfo See</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-see-malle.html">Preisinfo Mallorca</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>
<li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
</ul>
</li>
<li><a href="#" class="ubi">Binnenfunk UBI</a>
<ul class="child_ul_top_license">
<li> <a href="http://www.aquafun.de/scheine/termine/term-ubi.shtml">Termine UBI Kurse</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-ubi.html">Infos Funk Binnen</a></li>
<li> <a href="http://www.aquafun.de/service/info-allgemein.html">Infos Allgemein</a></li>
<li> <a href="http://www.aquafun.de/service/callmeback.html">Infos zu Mallorca</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-ubi.html">Preisinfo UBI</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-ubi-malle.html">Preisinfo Mallorca</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>
<li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
</ul>
</li>
<li><a href="#" class="srcl">Seefunk SRC</a>
<ul class="child_ul_top_license">
<li> <a href="http://www.aquafun.de/scheine/termine/term-src.html">Termine SRC Kurse</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-src.html">Infos Funk See</a></li>
<li> <a href="http://www.aquafun.de/service/info-allgemein.html">Infos Allgemein</a></li>
<li> <a href="http://www.aquafun.de/service/callmeback.html">Infos zu Mallorca</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-src.html">Preisinfo SRC</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-src-malle.html">Preisinfo Mallorca</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>
<li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
</ul>
</li>
<li><a href="#" class="sks">Segeln & SKS</a>
<ul class="child_ul_top_license">
<li> <a href="http://www.aquafun.de/scheine/termine/term-sks.html">Termine SKS Kurse</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-toerns.html">Termine Segeltörns</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-sks.html">Info SKS</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-toerns.html">Info Törns</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-sks.html">Preisinfo Segeln</a></li>
<li> <a href="http://www.aquafun.de/scheine/preis-sks-malle.html">Preisinfo Mallorca</a></li>
<li> <a href="http://www.aquafun.de/scheine/info-anfordern.html">Anfrage</a></li>
<li> <a href="http://www.aquafun.de/scheine/anmeldung.html">Anmelden</a></li>
</ul>
</li>
</ul>
<ul class="nav_menu_left">
<li ><a href="#" class="bv">Bad Vilbel</a>
<ul class="child_ul_nav_menu_left bvColor">
<li> <a href="http://www.aquafun.de/anfahrt/anf-vilbel.html">Tel. 06101 - 1011</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-vilbel.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-bv.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-bv.shtml">Termine SBF See</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-ubi-bv.shtml">Termine UBI Binnenfunk</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-src-bv.shtml">Termine SRC Seefunk</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-sks.shtml">Termine SKS Theorie</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-toern.html">Termine SKS Segeltörns</a></li>
</ul>
</li>
<li><a href="#" class="mannheim">Mannheim</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-mannheim.html">0621 - 3369887</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-mannheim.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-mannheim.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-mannheim.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="hanau">Hanau</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-hanau.html">06181 - 79124</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-hanau.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-hanau.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-hanau.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="ruesselsheim">Rüsselsheim</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-ruesselsheim.html">06142 - 51811</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-ruesselsheim.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-rues.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-rues.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="giessen">Giessen</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-giessen.html">0641 - 8778160</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-giessen.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-giessen.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-giessen.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="dieburg">Dieburg</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-dieburg.html">06071 - 921291</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-dieburg.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-dieburg.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-dieburg.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="alzenau">Alzenau</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-alzenau.html">06023 - 5070551</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-alzenau.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-alzenau.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-alzenau.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="aschaffenburg">Aschaffenburg</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-aschaffenburg.html">06181 - 79124</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-aschaffenburg.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-aschaffenburg.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-aschaffenburg.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="lampertheim">Lampertheim</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-lampertheim.html">06206-5169960</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-lampertheim.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-lampertheim.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-lampertheim.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="appenweier">Appenweier</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-appenweier.html">07808-2184</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-appenweier.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-appenweier.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-appenweier.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="erlangen">Erlangen</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-erlangen.html">09131-501122</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-erlangen.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-uttenreuth.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-uttenreuth.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="luebeck">Luebeck</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-luebeck.html">0173-8853888</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-luebeck.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-luebeck.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-luebeck.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="hamburg">Hamburg</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-hamburg.html">0173-8853888</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-hamburg.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-hamburg.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-hamburg.shtml">Termine SBF See</a></li>
</ul>
</li>
<!--<li><a href="#" class="rotenburg">Rotenburg</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-rotenburg.html">04261 - 8400845</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-rotenburg.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-rotenburg.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-rotenburg.shtml">Termine SBF See</a></li>
</ul>
</li> -->
<li><a href="#" class="duesseldorf">Düsseldorf</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-duesseldorf.html">0211 - 76977431</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-duesseldorf.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-duesseldorf.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-duesseldorf.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="kleve">Kleve / Kalkar</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-kleve.html">02824 - 809780</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-kleve.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-kleve.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-kleve.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="dresden">Dresden</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-dresden.html">0351-3161633</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-dresden.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-dresden.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-dresden.shtml">Termine SBF See</a></li>
</ul>
</li>
<li><a href="#" class="mallorca">Mallorca</a>
<ul class="child_ul_nav_menu_left">
<li> <a href="http://www.aquafun.de/anfahrt/anf-mallorca.html">0171-3751841</a></li>
<li> <a href="http://www.aquafun.de/anfahrt/anf-mallorca.html">Anfahrt & Kontakt</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-binnen-mallorca.shtml">Termine SBF Binnen</a></li>
<li> <a href="http://www.aquafun.de/scheine/termine/term-see-mallorca.shtml">Termine SBF See</a></li>
</ul>
</li>
</ul>
</body>
</html>
css:
Code:
html, body {
margin: 0;
padding: 0;
}
body {
background: url("http://www.aquafun.de/images_pics/bg1.jpg") no-repeat scroll 0 0 transparent;
}
a {
display: block;
text-decoration: none;
}
ul, ol {
list-style: none outside none;
padding: 0;
}
.navi_top_general, .navi_top_license, .nav_menu_left {
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
height: 16px;
padding: 10px;
}
.navi_top_general {
padding-left: 85px;
}
.navi_top_general > li, .navi_top_license > li {
float: left;
padding: 5px;
position: relative;
width: 151px;
}
.navi_top_general > li {
height: 20px;
}
.navi_top_license > li {
height: 25px;
}
.nav_menu_left > li {
display: block;
height: 25px;
padding: 1px;
width: 125px;
}
.navi_top_general a, .navi_top_license a {
display: block;
margin-left: 0;
padding: 0;
}
.nav_menu_left a {
float: left;
margin-left: 0;
padding: 0;
}
.navi_top_general ul, .navi_top_license ul, .nav_menu_left ul {
display: none;
}
.navi_top_general li:hover > ul, .navi_top_license li:hover > ul {
display: block;
left: 0;
margin-left: 5px;
position: absolute;
z-index: 2;
}
.navi_top_general li:hover > ul {
background: none repeat scroll 0 0 #FFFFFF;
}
.nav_menu_left li:hover > ul {
background: none repeat scroll 0 0 #FFFFFF;
display: inline;
position: absolute;
z-index: 1;
}
.child_ul_top_general li, .child_ul_top_license li, .child_ul_nav_menu_left li {
font-size: 13px;
margin-left: 0;
padding-left: 0;
}
.child_ul_top_general li, .child_ul_top_license li {
width: 151px;
}
.child_ul_nav_menu_left li {
width: 125px;
}
.child_ul_top_general li a, .child_ul_top_license li a, .child_ul_nav_menu_left li a {
text-align: center;
}
.child_ul_top_general li a {
background: none repeat scroll 0 0 #FFFFFF;
}
.child_ul_top_license li a {
background: none repeat scroll 0 0 #000066;
color: #FFFFFF;
}
.bvColor li > a {
background: none repeat scroll 0 0 #FF00FF;
}
.child_ul_top_general li a:hover {
background: none repeat scroll 0 0 #FFFF99;
color: #000066;
}
.child_ul_top_license li a:hover {
background: none repeat scroll 0 0 #FFFFFF;
color: #000066;
}
.nav_menu_left li a:hover {
background: none repeat scroll 0 0 #FF0000;
color: #000066;
}
.service, .anfahrt, .empfehlung, .special, .binnen, .see, .ubi, .srcl, .sks, .bv, .mannheim, .hanau, .ruesselsheim, .giessen, .dieburg, .alzenau, .aschaffenburg, .lampertheim, .appenweier, .erlangen, .luebeck, .hamburg, .duesseldorf, .kleve, .dresden, .mallorca, a.binnen:hover, a.see:hover, a.ubi:hover, a.srcl:hover, a.sks:hover, a.bv:hover, a.mannheim:hover, a.hanau:hover, a.ruesselsheim:hover, a.giessen:hover, a.dieburg:hover, a.alzenau:hover, a.aschaffenburg:hover, a.lampertheim:hover, a.appenweiser:hover, a.erlangen:hover, a.luebeck:hover, a.hamburg:hover, a.duesseldorf:hover, a.kleve:hover, a.dresden:hover, a.mallorca:hover {
background-position: center center;
background-repeat: no-repeat;
height: 100%;
position: relative;
text-indent: -9999px;
width: 100%;
}
.service {
background: url("http://www.aquafun.de/java/menu-service.gif") repeat scroll 0 0 transparent;
}
.anfahrt {
background: url("http://www.aquafun.de/java/menu-anfahrt.gif") repeat scroll 0 0 transparent;
}
.empfehlung {
background: url("http://www.aquafun.de/java/menu-empf.gif") repeat scroll 0 0 transparent;
}
.special {
background: url("http://www.aquafun.de/java/menu-special.gif") repeat scroll 0 0 transparent;
}
.binnen {
background: url("http://www.aquafun.de/java/binnen.gif") repeat scroll 0 0 transparent;
}
a.binnen:hover, .navi_top_license li:hover a.binnen {
background: url("http://www.aquafun.de/java/binnen-on.gif") repeat scroll 0 0 transparent;
}
.see {
background: url("http://www.aquafun.de/java/see.gif") repeat scroll 0 0 transparent;
}
a.see:hover, .navi_top_license li:hover a.see {
background: url("http://www.aquafun.de/java/see-on.gif") repeat scroll 0 0 transparent;
}
.ubi {
background: url("http://www.aquafun.de/java/ubi.gif") repeat scroll 0 0 transparent;
}
a.ubi:hover, .navi_top_license li:hover a.ubi {
background: url("http://www.aquafun.de/java/ubi-on.gif") repeat scroll 0 0 transparent;
}
.srcl {
background: url("http://www.aquafun.de/java/src.gif") repeat scroll 0 0 transparent;
}
a.srcl:hover, .navi_top_license li:hover a.srcl {
background: url("http://www.aquafun.de/java/src-on.gif") repeat scroll 0 0 transparent;
}
.sks {
background: url("http://www.aquafun.de/java/sks.gif") repeat scroll 0 0 transparent;
}
a.sks:hover, .navi_top_license li:hover a.sks {
background: url("http://www.aquafun.de/java/sks-on.gif") repeat scroll 0 0 transparent;
}
.bv {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_01a.gif") repeat scroll 0 0 transparent;
}
a.bv:hover, .nav_menu_left li:hover a.bv {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_01a.gif") repeat scroll 0 0 transparent;
}
.mannheim {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_04a.gif") repeat scroll 0 0 transparent;
}
a.mannheim:hover, .nav_menu_left li:hover a.mannheim {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_04a.gif") repeat scroll 0 0 transparent;
}
.hanau {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_06a.gif") repeat scroll 0 0 transparent;
}
a.hanau:hover, .nav_menu_left li:hover a.hanau {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_06a.gif") repeat scroll 0 0 transparent;
}
.ruesselsheim {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_02a.gif") repeat scroll 0 0 transparent;
}
a.ruesselsheim:hover, .nav_menu_left li:hover a.ruesselsheim {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_02a.gif") repeat scroll 0 0 transparent;
}
.giessen {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_07a.gif") repeat scroll 0 0 transparent;
}
a.giessen:hover, .nav_menu_left li:hover a.giessen {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_07a.gif") repeat scroll 0 0 transparent;
}
.dieburg {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_08a.gif") repeat scroll 0 0 transparent;
}
a.dieburg:hover, .nav_menu_left li:hover a.dieburg {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_08a.gif") repeat scroll 0 0 transparent;
}
.alzenau {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_19a.gif") repeat scroll 0 0 transparent;
}
a.alzenau:hover, .nav_menu_left li:hover a.alzenau {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_19a.gif") repeat scroll 0 0 transparent;
}
.aschaffenburg {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_15a.gif") repeat scroll 0 0 transparent;
}
a.aschaffenburg:hover, .nav_menu_left li:hover a.aschaffenburg {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_15a.gif") repeat scroll 0 0 transparent;
}
.lampertheim {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_18a.gif") repeat scroll 0 0 transparent;
}
a.lampertheim:hover, .nav_menu_left li:hover a.lampertheim {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_18a.gif") repeat scroll 0 0 transparent;
}
.appenweier {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_09a.gif") repeat scroll 0 0 transparent;
}
a.appenweier:hover, .nav_menu_left li:hover a.appenweier {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_09a.gif") repeat scroll 0 0 transparent;
}
.erlangen {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_20a.gif") repeat scroll 0 0 transparent;
}
a.erlangen:hover, .nav_menu_left li:hover a.erlangen {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_20a.gif") repeat scroll 0 0 transparent;
}
.luebeck {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_05a.gif") repeat scroll 0 0 transparent;
}
a.luebeck:hover, .nav_menu_left li:hover a.luebeck {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_05a.gif") repeat scroll 0 0 transparent;
}
.hamburg {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_10a.gif") repeat scroll 0 0 transparent;
}
a.hamburg:hover, .nav_menu_left li:hover a.hamburg {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_10a.gif") repeat scroll 0 0 transparent;
}
.duesseldorf {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_14a.gif") repeat scroll 0 0 transparent;
}
a.duesseldorf:hover, .nav_menu_left li:hover a.duesseldorf {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_14a.gif") repeat scroll 0 0 transparent;
}
.kleve {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_11a.gif") repeat scroll 0 0 transparent;
}
a.kleve:hover, .nav_menu_left li:hover a.kleve {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_11a.gif") repeat scroll 0 0 transparent;
}
.dresden {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_16a.gif") repeat scroll 0 0 transparent;
}
a.dresden:hover, .nav_menu_left li:hover a.dresden {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_16a.gif") repeat scroll 0 0 transparent;
}
.mallorca {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index_14.gif") repeat scroll 0 0 transparent;
}
a.mallorca:hover, .nav_menu_left li:hover a.mallorca {
background: url("http://www.aquafun.de/images_pics/menu-index-pics/menu-index-on_14.gif") repeat scroll 0 0 transparent;
}