*{margin: 0;padding: 0;}
body { color: #003; font-size: 12px; font-family: Arial, sans-serif, Verdana, Helvetica; background-color: #c8cef3; background-image: url(../design/bg.gif); background-repeat: repeat-y; }
h1 { color: #010569; font-size: 18px; font-weight: bold; text-align: center; margin-right: 0; }
h1 a:link { color: #010569; font-size: 18px; font-weight: bold; text-decoration: underline; text-align: center; }
h1 a:hover { color: #1073d5; font-size: 18px; font-weight: bold; }
h2 { color: #010569; font-size: 18px; font-weight: bold; margin-right: 0; margin-left: 0; }
h3 { color: #010569; font-size: 16px; font-weight: bold; margin: 0 0 0; }
h2 { color: #010569; font-size: 16px; font-weight: bold; margin: 0; }
h4 { color: #010569; font-size: 14px; font-weight: bold; margin-right: 0; margin-left: 0; }
h5 { color: #010569; font-size: 14px; font-weight: bold; text-align: center; margin-right: 0; margin-left: 0; }
p { margin-top: 10px; }
address { color: #ff8c00; }
a:link { color: #003 ; font-size: 12px; font-weight: bold; text-decoration: none; }

a:visited { color: #a0a0a0 ; font-size: 12px; text-decoration: none; }

a:hover { color: #1073d5; text-decoration: underline; }

a:active { color: #09f ; text-decoration: none; }
#wrapper { position: absolute; top: 0; left: 10px; width: 750px; }
#banner { background-color: #010569; background-image: url(../design/banner.jpg); background-repeat: no-repeat; background-position: 0 30px; width: 100%; height: 170px; }
#left { background-color: white; width: 170px; float: left; }
#content { background-color: white; width: 570px; height: auto; margin-left: 180px; }
#footer { font-size: 12px; font-family: Arial, sans-serif, Verdana, Helvetica; background-color: white; background-image: url(../design/bg_footer.png); background-repeat: repeat-x; text-align: center; width: 750px; height: 50px; clear: both; padding-top: 10px; border-top: 1px solid #ccc; }
/*Liste Wümme*/
.wum { background-image: url(../design/bg_nav.gif); background-repeat: repeat-y; background-position: -13px 0; padding-bottom: 10px; }
.wum ul { background-color: #010569; background-image: url(../design/bg_left_navi.png); background-repeat: repeat-y; background-position: -13px 0; width: 167px; margin: 0; padding: 0; list-style-type: none; }
.wum li { color: white; font-size: 14px; font-family: Arial, sans-serif, Verdana, Helvetica; font-weight: bold; font-style: italic; line-height: 20px; height: 20px; padding-left: 10px; border-bottom-style: solid; border-bottom-width: 1px; }
.wum li:hover { background-image: url(../design/nav_li_hover.png); background-position: -13px 0; }
.wum li a { color: #f0f0f0; font-weight: bold; font-style: normal; text-decoration: none; display: block; }
.wum li a:hover { color: #fff; background-position: -23px 0; }
/*Liste Oste*/
.oste { background-image: url(../design/bg_nav.gif); background-repeat: repeat-y; background-position: -13px 0; padding-bottom: 10px; }
.oste ul { background-color: #010569; background-image: url(../design/bg_left_navi.png); background-repeat: repeat-y; background-position: -13px -147px; width: 167px; margin: 0; padding: 0; list-style-type: none; }
.oste li { color: white; font-size: 14px; font-family: Arial, sans-serif, Verdana, Helvetica; font-weight: bold; font-style: italic; line-height: 20px; height: 20px; padding-left: 10px; border-bottom-style: solid; border-bottom-width: 1px; }
.oste li:hover { background-image: url(../design/nav_li_hover.png); background-repeat: no-repeat; background-position: -13px 0; }
.oste li a { color: #f0f0f0; font-weight: bold; font-style: normal; text-decoration: none; display: block; }
.oste li a:hover { color: #fff; background-position: -23px 0; }
/*Liste Tourismus*/
.tourismus { background-image: url(../design/bg_nav.gif); background-repeat: repeat-y; background-position: -13px 0; }
.tourismus ul { background-color: #010569; background-image: url(../design/bg_left_navi.png); background-repeat: no-repeat; background-position: -13px -357px; width: 167px; margin: 0; padding: 0; list-style-type: none; }
.tourismus li { color: white; font-size: 14px; font-family: Arial, sans-serif, Verdana, Helvetica; font-weight: bold; font-style: italic; line-height: 20px; height: 20px; padding-left: 10px; border-bottom-style: solid; border-bottom-width: 1px; }
.tourismus li:hover { background-image: url(../design/nav_li_hover.png); background-repeat: no-repeat; background-position: -13px 0; }
.tourismus li a { color: #f0f0f0; font-weight: bold; font-style: normal; text-decoration: none; display: block; }
.tourismus li a:hover { color: #fff; }
/*Topnavigation*/
.nav ul { margin: 0; padding: 0; list-style-type: none; }
.nav li { line-height: 30px; background-color: #010569; text-align: center; position: relative; width: auto; float: left; padding-right: 8px; padding-left: 8px; }
.nav a { color: #ececec; font-size: 12px; text-decoration: none; }
.nav li ul li { text-align: left; width: 150px; float: none; border-top: 1px solid #e5e5e5; border-right-color: #e5e5e5; border-bottom-color: #e5e5e5; border-left-color: #e5e5e5; }
.nav li ul li a { display: block; }
.nav li ul li a:hover { background-color: #004ea2; }
.nav ul li:hover { background-color: #004ea2; }
.nav li ul { position: absolute; top: 30px; left: 0; z-index: 100; visibility: hidden; }
.nav li:hover ul { visibility: visible; }
.nav { font-family: Arial, sans-serif, Helvetica, Geneva, SunSans-Regular; height: 30px; }
.nav li a { font-weight: bold; display: block; }
.nav li a:hover { color: #60ff00; background-color: #004ea2; text-decoration: none; display: block; }
/*sonstige Styles*/
.contact { color: #010569; font-size: 20px; font-weight: bold; text-align: center; margin-top: 20px; }
.contact a { color: #010569; font-size: 20px; text-decoration: none; }
.contact a:hover { color: #0087ff; text-decoration: underline; }
#kontakt { color: #010569; font-size: 12px; font-family: Arial, sans-serif, Verdana, Helvetica; font-weight: bold; position: absolute; top: 140px; left: 200px; width: 300px; z-index: 0; }
#kontakt a { color: #010569; }
#kontakt a:hover { color: #0087ff; text-decoration: underline; }
.textbox { background-image: url(../design/textbox_top.png); background-repeat: no-repeat; background-position: 0 top; width: 570px; height: 100%; margin-left: -5px; padding-top: 10px; }
.textbox ul { background-image: url(../design/textbox_footer.png); background-repeat: no-repeat; background-position: 0 bottom; margin: 0; padding: 2px 0 12px; list-style-type: none; }
.textbox li { background-image: url(../design/textbox_center.png); background-repeat: repeat-y; text-align: justify; width: 550px; margin: 0; padding: 0 10px; }
.textbox h3 a { color: #010569; font-size: 16px; font-weight: bold; margin: 0; }
.textbox h2 a { color: #010569; font-size: 16px; font-weight: bold; margin: 0; }
.textbox h1 a { color: #010569; font-size: 16px; font-weight: bold; margin: 0; }
.textbox h3 a:hover { color: #1073d5; font-size: 16px; font-weight: bold; margin: 0; }
.textbox h2 a:hover { color: #1073d5; font-size: 16px; font-weight: bold; margin: 0; }
.textbox h1 a:hover { color: #1073d5; font-size: 16px; font-weight: bold; margin: 0; }
.text { margin-left: 10px; }
.pegeloste { background-image: url(../design/textfeld_top.png); background-repeat: no-repeat; background-position: left top; position: absolute; width: 314px; height: auto; z-index: 10; margin-top: 10px; margin-left: 250px; padding-top: 20px; }
.pegeloste h4 { padding-left: 10px; }
.pegeloste p { background-image: url(../design/textfeld_mitte.png); background-repeat: repeat-y; text-align: justify; width: 284px; margin: 0 0 0; padding-right: 20px; padding-left: 10px; }
.pegeloste ul { background-image: url(../design/textfeld_mitte.png); background-repeat: repeat-y; width: 314px; margin-top: 10px; list-style-type: none; }
.pegeloste li { line-height: 30px; width: 293px; height: 30px; margin-top: 3px; padding-left: 10px; border-top: 1px solid #e9ebe8; }
.io { background-image: url(../design/pegel_io.png); background-repeat: no-repeat; background-position: right 0; }
.nio { background-image: url(../design/pegel_nio.png); background-repeat: no-repeat; background-position: right 0; }
.pegelwuemme { background-image: url(../design/textfeld_top.png); background-repeat: no-repeat; background-position: left top; margin-top: 20px; margin-left: 20px; padding-top: 20px; position: absolute; z-index: 10; width: 314px; height: auto; }
.pegelwuemme h4 { margin-bottom: 10px; padding-left: 10px; }
.pegelwuemme p { background-image: url(../design/textfeld_mitte.png); background-repeat: repeat-y; text-align: justify; padding-right: 20px; padding-left: 10px; width: 284px; margin-top: 0; padding-top: 10px; }
.pegelwuemme ul { background-image: url(../design/textfeld_mitte.png); background-repeat: repeat-y; list-style-type: none; margin-top: 10px; width: 314px; }
.pegelwuemme li { line-height: 30px; margin-top: 3px; padding-left: 10px; width: 293px; height: 30px; border-top: 1px solid #e9ebe8; }
.dreili { background-image: url(../design/dreimitte.png); background-repeat: repeat-y; background-position: 0 0; width: 180px; float: left; }
.dreili p { padding-right: 5px; padding-left: 5px; }
.dreili h4 { padding-left: 5px; }
.dreimi { background-image: url(../design/dreimitte.png); background-repeat: repeat-y; background-position: 0 0; width: 180px; float: left; margin-left: 15px; }
.dreimi p { padding-right: 10px; padding-left: 5px; }
.dreimi a { font-weight: normal; text-decoration: none; text-align: justify; }
.dreire a { font-weight: normal; text-decoration: none; text-align: justify; }
.dreili a { font-weight: normal; text-decoration: none; text-align: justify; }
.dreimi h4 { padding-left: 5px; }
.dreire { background-image: url(../design/dreimitte.png); background-repeat: repeat-y; background-position: 0 0; margin-left: 15px; width: 180px; float: left; }
.dreire p { padding-right: 10px; padding-left: 5px; }
.dreire h4 { padding-left: 5px; }
.bow { width: 220px; float: left; margin-right: 2px; }


#gal{ background-image: url(../images/libellen.jpg); width:568px; height: 478px; background-repeat: no-repeat; background-position: 6px 56px; position: relative; }

#gal ul { margin: 0 0 0 11px; padding: 0; list-style-type: none; }
#gal ul li { float: left; text-align: center; width: 78px; height: 56px; }
#gal li ul li {width: 560px; height: 422px;

  visibility: hidden;
}
#gal li:hover ul li{visibility: visible;
}
#gal li ul {

}
.bild li{ height: 422px; width: 560px; top: 0; position: absolute; left: 0; margin-top: 56px; margin-left: 6px; }
#gal a {
  text-decoration: none;
  color: white;
}
.touren { font-size: 14px; font-weight: bold; line-height: 35px; text-align: center; width: 340px; margin-left: 221px; }
.touren ul { width: 338px; height: 281px; border-top: 1px solid #bfbfbf; list-style-type: none; }
.touren li { width: 338px; height: 34px; border-bottom: 1px solid #bfbfbf; }
.touren a { display: block; }
.touren a:hover { background-color: #f5f5f5; text-decoration: none; border-bottom: 1px solid #bfbfbf; }
.preise { width: 550px; margin-top: 10px; margin-right: auto; margin-left: auto; border: solid 1px #bfbfbf; }
.verordnung { line-height: 25px; margin-top: 10px; margin-right: auto; margin-left: auto; border: solid 1px #bfbfbf; }
.preise td { line-height: 30px; text-align: center; width: 110px; }
.option { width: 99%; margin-top: 10px; margin-right: auto; margin-left: auto; }
.option td { vertical-align: top; top: 0; width: 50%; }
.richtig { color: #f00; font-size: 16px; font-weight: bold; text-align: left; }
element { }
.mieten { font-size: 16px; font-weight: bold; text-align: center; }
.mieten a { font-size: 16px; font-weight: bold; text-align: center; }