/* ********************************************************************************************* */
/* Navigation */
ul#navi { width: 900px; height: 70px; }
ul#navi li { width: 150px; height: 70px; float: left; }
ul#navi a { display: block; width: 150px; height: 70px; }
/* ********************************************************************************************* */
/* Buttons first Level */
a.button1:link, a.button1:visited { background-image: url(img/menu-pic/home.jpg); }
a.button1:hover { background-image: url(img/menu-pic/home2.jpg); }
a.button2:link, a.button2:visited { background-image: url(img/menu-pic/zoo.jpg); }
a.button2:hover { background-image: url(img/menu-pic/zoo2.jpg); }
a.button3:link, a.button3:visited { background-image: url(img/menu-pic/events.jpg); }
a.button3:hover { background-image: url(img/menu-pic/events2.jpg); }
a.button4:link, a.button4:visited { background-image: url(img/menu-pic/shop.jpg); }
a.button4:hover { background-image: url(img/menu-pic/shop2.jpg); }
a.button5:link, a.button5:visited { background-image: url(img/menu-pic/service.jpg); }
a.button5:hover { background-image: url(img/menu-pic/service2.jpg); }
a.button6:link, a.button6:visited { background-image: url(img/menu-pic/kontakt.jpg); }
a.button6:hover { background-image: url(img/menu-pic/kontakt2.jpg); }
/* ********************************************************************************************* */
/* Dropdown */
ul#navi li ul { display: none; top: auto; left: auto; }
ul#navi li ul li { width: 150px; z-index:10; position:relative; }
ul#navi li:hover ul { display: block; width: 150px; position:relative; }
/* ********************************************************************************************* */
/* Dropdown Buttons second Level*/
/* Menupunkt 2 Dropdown */
a.button21:link, a.button21:visited { background-image: url(img/menu-pic/liste/geschichte.jpg); }
a.button21:hover { background-image: url(img/menu-pic/liste/geschichte2.jpg); }
a.button22:link, a.button22:visited { background-image: url(img/menu-pic/liste/afrika.jpg); }
a.button22:hover { background-image: url(img/menu-pic/liste/afrika2.jpg); }
a.button23:link, a.button23:visited { background-image: url(img/menu-pic/liste/asien.jpg); }
a.button23:hover { background-image: url(img/menu-pic/liste/asien2.jpg); }
a.button24:link, a.button24:visited { background-image: url(img/menu-pic/liste/suedamerika.jpg); }
a.button24:hover { background-image: url(img/menu-pic/liste/suedamerika2.jpg); }
a.button25:link, a.button25:visited { background-image: url(img/menu-pic/liste/gruendergarten.jpg); }
a.button25:hover { background-image: url(img/menu-pic/liste/gruendergarten2.jpg); }
a.button26:link, a.button26:visited { background-image: url(img/menu-pic/liste/pongoland.jpg); }
a.button26:hover { background-image: url(img/menu-pic/liste/pongoland2.jpg); }
a.button27:link, a.button27:visited { background-image: url(img/menu-pic/liste/gondwanaland.jpg); }
a.button27:hover { background-image: url(img/menu-pic/liste/gondwanaland2.jpg); }
/* Menupunkt 5 Dropdown */
a.button51:link, a.button51:visited { background-image: url(img/menu-pic/liste/preise.jpg); }
a.button51:hover { background-image: url(img/menu-pic/liste/preise2.jpg); }
a.button52:link, a.button52:visited { background-image: url(img/menu-pic/liste/oeffnungszeiten.jpg); }
a.button52:hover { background-image: url(img/menu-pic/liste/oeffnungszeiten2.jpg); }
a.button53:link, a.button53:visited { background-image: url(img/menu-pic/liste/*********jpg); }
a.button53:hover { background-image: url(img/menu-pic/liste/anfahrt2.jpg); }