nav { background-color: black; width: 75%; height: auto; z-index: 5; margin: 0 auto; }
nav ul { z-index: 4; margin-top: 0; margin-bottom: 0; padding: 0; }
nav ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; z-index: 4; visibility: hidden; }
nav ul,nav ul li{ background-color: black; z-index: 4; margin-top: 0; margin-bottom: 0; }
nav ul li { z-index: 4; list-style: none; }
nav ul li a { text-decoration: none; display: block; color: #333; font-family: "trebuchet ms"; z-index: 4; margin-top: 0; margin-bottom: 0; padding: 14px 34px; }
nav ul li:hover > ul { z-index: 4; visibility: visible; }
nav ul li ul{ display: inline; visibility: hidden; position: absolute; z-index: 4; margin-top: 0; margin-bottom: 0; padding:0; }
nav ul li ul li{ z-index: 4; float: none; }
nav ul li ul li a:hover{ color: #333; z-index: 4; }
nav ul { z-index: 4; margin-top: 0; margin-bottom: 0; padding: 0; box-shadow: 2px 2px 2px #000000; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; }
nav ul li { z-index: 4; float: left; list-style: none; }
nav ul li a { text-decoration: none; display: block; color: #333; font-family: "trebuchet ms"; z-index: 4; margin-top: 0; margin-bottom: 0; padding: 14px 34px; -webkit-transition: background 0.3s ease-out 0s; -moz-transition: background 0.3s ease-out 0s; -o-transition: background 0.3s ease-out 0s; transition: background 0.3s ease-out 0s; }
nav ul li.cat1:hover a, nav ul li.cat1:hover > ul li a  {
    background-color: #3C6C89;
}
nav ul li.cat2:hover a, nav ul li.cat2:hover > ul li a  {
    background-color: #2A6689;
}
nav ul li.cat3:hover a, nav ul li.cat3:hover > ul li a {
    background-color: #185A81;
}
nav ul li.cat4:hover a, nav ul li.cat4:hover > ul li a {
    background-color: #134867;
}
nav ul li.cat5:hover a, nav ul li.cat5:hover > ul li a {
    background-color: #12384E;
}
nav ul li.cat6:hover a, nav ul li.cat6:hover > ul li a {
    background-color: #3c6c89;
}
nav ul li.cat7:hover a, nav ul li.cat7:hover > ul li a {
    background-color: #003F78;
}
nav ul li:hover > a {
    color: #FAFAFA;
}
nav ul li ul li a { color: #fafafa; }
nav ul li ul li a:hover{ color: #333; background-color: #fafafa !important; }
body { background-color: silver; text-align: center; }
#menu { color: white; font-family: "courier new"; line-height: 1; background-color: black; text-align: center; position: relative; left: auto; right: auto; width: 75%; height: auto; margin: 0 auto; padding: 0 0 0; }
#main { color: white; font-family: "courier new"; line-height: 2; background-color: #185a81; text-align: center; position: relative; top: 0; margin: 0 auto; width: 75%; visibility: visible; padding: 20px 0 10px; }
#headline { color: white; font-size: xx-large; font-family: "trebuchet ms"; font-weight: bold; line-height: 2; text-align: center; width: 75%; margin: 0 auto; }
#subheadline { color: white; font-size: x-large; font-family: "trebuchet ms"; font-weight: bold; line-height: 2; text-align: center; width: 75%; margin: 0 auto; }
#text1 { color: white; font-size: large; font-family: "trebuchet ms"; line-height: 2; background-image: none; text-align: justify; width: 75%; height: auto; margin: 0 auto; padding: 10px 0 30px; }
#auswahl { color: white; width: 75%; height: 75%; margin: 0 auto; }
a:link { color: #eedc94; font-weight: bolder; text-decoration: none; }
a:visited { color: #eedc94; font-weight: bold; text-decoration: none; }
a:hover { color: orange; font-weight: bold; text-decoration: none; }
#navi { font-family: verdana; text-align: center; width: 100%; height: auto; margin: 0 auto; padding-top: 0; padding-bottom: 0; }
#slideshow { text-align: center; margin: 30px auto; padding-right: 0; padding-left: 0; width: 40%; }
#slideshow1 { text-align: center; margin: 30px auto; padding-right: 0; padding-left: 0; width: 75%; height: 100%; }
#slideshow2 { text-align: center; margin: 30px auto; padding-right: 0; padding-left: 0; width: 75%; }
#slideshow3 { text-align: center; margin: 30px auto; padding-right: 0; padding-left: 0; width: 75%; }
#slideshow4 { text-align: center; margin: 30px auto; padding-right: 0; padding-left: 0; width: 75%; }
#slideshow5 { text-align: center; margin: 30px auto; padding-right: 0; padding-left: 0; width: 75%; }
#farbleiste { width: 75%; }
#titelbild { width: 75%; }
#allee { width: 40%; height: auto; }
#zitatbox { line-height: 1.5; background-color: #323232; width: 50%; height: auto; margin: 30px auto; padding: 5px; border: solid 2px black; outline: solid 1px white; }