* { margin: 0px; padding: 0px; }
html { height: 100%; margin-bottom: 1px; }
body { background: url(../images/bg.gif) repeat-y center top; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, Helvetica; text-align:center; margin:0px; padding:0px; }
a { color: #949292; text-decoration: none }
a:hover { color: #2A358E; text-decoration: underline }
a.active { color: #2A358E; }
form { margin:0; padding:0 }

/*  positioning-layers statisch und absolut */
#container { width: 950px; margin: 0px auto; padding:0px; text-align:left; }

/* HEADER   */ 
#header { background-color:transparent; }
#header img { margin: 0px 0px 20px 0px; padding: 0px; clear: both; }

/* NAVI */
#navi { width: 99%; height: 20px; background: url(../images/navibg.gif); margin: 0px; padding: 0px; position: relative;}
#navi li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0; }
#navi li, #navi a { height: 20px; display: block; }
#navi1 {left: 38px; width: 98px;}
#navi2 {left: 144px; width: 85px;}
#navi3 {left: 237px; width: 100px;}
#navi4 {left: 350px; width: 110px;}
#navi5 {left: 470px; width: 87px;}
#navi6 {left: 562px; width: 125px;}
#navi7 {left: 693px; width: 145px;}
#navi8 {left: 852px; width: 60px;}
#navi1 a:hover { background: transparent url(../images/navibg.gif) -38px -20px no-repeat; }
#navi1 a.active { background: transparent url(../images/navibg.gif) -38px -20px no-repeat; }
#navi2 a:hover { background: transparent url(../images/navibg.gif) -144px -20px no-repeat; }
#navi2 a.active { background: transparent url(../images/navibg.gif) -144px -20px no-repeat; }
#navi3 a:hover { background: transparent url(../images/navibg.gif) -237px -20px no-repeat; }
#navi3 a.active { background: transparent url(../images/navibg.gif) -237px -20px no-repeat; }
#navi4 a:hover { background: transparent url(../images/navibg.gif) -350px -20px no-repeat; }
#navi4 a.active { background: transparent url(../images/navibg.gif) -350px -20px no-repeat; }
#navi5 a:hover { background: transparent url(../images/navibg.gif) -470px -20px no-repeat; }
#navi5 a.active { background: transparent url(../images/navibg.gif) -470px -20px no-repeat; }
#navi6 a:hover{ background: transparent url(../images/navibg.gif) -562px -20px no-repeat; }
#navi6 a.active { background: transparent url(../images/navibg.gif) -562px -20px no-repeat; }
#navi7 a:hover { background: transparent url(../images/navibg.gif) -693px -20px no-repeat; }
#navi7 a.active { background: transparent url(../images/navibg.gif) -693px -20px no-repeat; }
#navi8 a:hover { background: transparent url(../images/navibg.gif) -852px -20px no-repeat; }
#navi8 a.active { background: transparent url(../images/navibg.gif) -852px -20px no-repeat; }
#subnavi { width: 360px; height: 85px; background: url(../images/subnavibg.gif); margin: 10px 0px 0px 25px; padding: 0px; position: relative;}
#subnavi li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0; }
#subnavi li, #subnavi a { height: 85px; display: block; }
#subnavi1 {left: 0px; width: 80px;}
#subnavi2 {left: 88px; width: 85px;}
#subnavi3 {left: 179px; width: 85px;}
#subnavi4 {left: 270px; width: 85px;}
#subnavi1 a:hover { background: transparent url(../images/subnavibg.gif) 0px -85px no-repeat; }
#subnavi1 a.active { background: transparent url(../images/subnavibg.gif) 0px -85px no-repeat; }
#subnavi2 a:hover { background: transparent url(../images/subnavibg.gif) -88px -85px no-repeat; }
#subnavi2 a.active { background: transparent url(../images/subnavibg.gif) -88px -85px no-repeat; }
#subnavi3 a:hover { background: transparent url(../images/subnavibg.gif) -179px -85px no-repeat; }
#subnavi3 a.active { background: transparent url(../images/subnavibg.gif) -179px -85px no-repeat; }
#subnavi4 a:hover { background: transparent url(../images/subnavibg.gif) -270px -85px no-repeat; }
#subnavi4 a.active { background: transparent url(../images/subnavibg.gif) -270px -85px no-repeat; }

/* INHALTSBEREICH */ 
#inhalt { float:left; width:900px; margin-top: 30px; overflow: visible; }
#inhalt p, h3 { padding: 0 20 0 25; margin-bottom: 0.7em }
#inhalt img { margin: 0px 15px 15px 25px; }
#inhalt ul { list-style-position: outside; margin-left: 45px; }
#inhalt li { line-height: 1.4em; }
.headline { font-size: 1.4em; color: #2A358E; }
.subheadline { font-size: 1.2em; margin-top: 20px;  }
.text { line-height: 1.4em; }
.zitat { line-height: 1.4em; color: #2A358E; font-style: italic; }
.partner { float: left; width: 340px; height: 190px; margin: 10px 10px 10px 25px; padding-top: 10px; border: 1px solid #ccc; }
#keyvisual { float: right; }
#hinweis { width: 420px; border: 1px dashed #ccc; margin: 25px 0 0 25px; }
#address { float: right; font-size: 0.9em; color: #949292; clear: both; }
#address span { margin-right: 5px; }
#bildergalerie { float:left; margin-top: 30px; }
.unsichtbar { display: none; }
#routenplaner { float: right; margin: 10px; }
#footer { width:950px; float:left; padding: 10 0 10 0; margin-top: 50px; border-top: 1px solid #ccc; color: #949292; }
#footer p { padding-left:15px; }