html { min-width: 930px }
body     { color: #fff; font-size: small; font-family: "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif; line-height: 18px; background-color: #fff; background-image: url("images/rotstreifen.gif"); background-repeat: repeat-x; background-position: 0 80px; text-align: center; margin: 0; box-sizing: content-box   }
img { display: block; border: 0 }
#head img { display: inline }
p  { line-height: 150%; margin: 0 0 1em; padding: 0 }
h1     { color: #99c; font-size: medium; font-weight: bold; line-height: 1em; margin: 0 0 0.5em; padding: 0 }
h5 /* Zwischenlinien main */    { margin: 0 0 1.7em; padding: 0; width: 100%; border-bottom: 1px dotted #99c }
.textblue /* blauer text fuer adressen */  { color: #99c }
#site      { background-image: url("images/back_inhaltcontainer.gif"); background-repeat: repeat-y; background-position: left top; text-align: left; margin: 0 auto; padding: 0; width: 930px }
#headcontainer  { text-align: left; margin: 0 auto; width: 100% }
#head      { background-image: url("images/head.jpg"); background-repeat: no-repeat; background-position: 0 0; text-align: right; margin: 0 auto; width: 930px; border-top: 10px solid #fff }

/* navi */
#navicontainer       { background-color: #f00; width: 930px; height: 22px; border-style: solid none; border-width: 10px 0; border-color: white #fff }
div#navicontainer ul#menu  /* hier ist komplette navi als hintergrundbild */   { background: url("images/navi.gif") no-repeat left top; margin: 0; padding: 0; position: relative; width: 669px; height: 22px }
div#navicontainer ul#menu li { list-style: none; margin: 0; padding: 0; position: absolute; top: 0 }
ul#menu li, ul#menu a { display: block; height: 22px }
div#navicontainer ul#menu li a  /* text wird unsichtbar rausgeschoben */ { text-decoration: none; text-indent: -9999px; overflow: hidden }

/* linkflaechen werden exakt positioniert */
#willkommen { left: 130px; width: 92px }
#erkundung	  { left: 245px; width: 89px }
#genuss	  { left: 357px; width: 59px }
#kunst   { left: 440px; width: 48px }
#nightlife	  { left: 511px; width: 70px }
#kontakt    { left: 603px; width: 66px }
#textnormal  { background-image: url("images/a_normal_a.gif"); background-repeat: no-repeat; background-position: 0 8px; left: 895px; width: 8px }
#textbig  { background-image: url("images/a_big.gif"); background-repeat: no-repeat; background-position: 0 6px; left: 911px; width: 9px }
/* rollover durch hintergrundverschiebung */
#willkommen a:hover   { background: url("images/navi.gif") no-repeat -130px -22px }
#erkundung a:hover     { background: url("images/navi.gif") no-repeat -245px -22px }
#genuss a:hover   { background: url("images/navi.gif") no-repeat -357px -22px }
#kunst a:hover   { background: url("images/navi.gif") no-repeat -440px -22px }
#nightlife a:hover   { background: url("images/navi.gif") no-repeat -511px -22px }
#kontakt a:hover    { background: url("images/navi.gif") no-repeat -603px -22px }
#textbig a:hover { background: url("images/a_big_a.gif") no-repeat 0 6px }
/*You are here navi - id name im jeweiligen body*/
body#chapter1 #willkommen    { background: url("images/navi.gif") no-repeat -130px -22px }
body#chapter2 #erkundung    { background: url("images/navi.gif") no-repeat -245px -22px }
body#chapter3 #genuss    { background: url("images/navi.gif") no-repeat -357px -22px }
body#chapter4 #kunst    { background: url("images/navi.gif") no-repeat -440px -22px }
body#chapter5 #nightlife    { background: url("images/navi.gif") no-repeat -511px -22px }
body#chapter6 #kontakt    { background: url("images/navi.gif") no-repeat -603px -22px }

#inhaltcenter         { background-color: transparent; background-image: url("images/back_inhaltcontainer.gif"); background-repeat: repeat-y; background-position: left top; margin: 0 auto; padding: 0; width: 930px; min-height: 500px; border-width: 0 }
#inhaltcontainer      { background-color: transparent; text-align: left; margin: 0; padding: 0; width: 930px; border-width: 0 }
#kapitel          { background-color: transparent; margin: 0; padding: 0; width: 101px; height: 400px; float: left }
#main           { background-color: transparent; margin: 24px 0 0 28px; padding: 0; width: 540px; height: auto; float: left; clear: none }
#bild   { background-color: transparent; margin: 0 0 0 27px; padding: 0; width: 234px; float: left }
#bild img   { margin: 0; padding: 0; border-style: none none solid; border-width: 0 0 10px; border-color:   white }
#footercontainer    { background-color: #f00; text-align: left; width: 930px; height: 22px; clear: both; border-style: solid none; border-width: 10px 0; border-color: white #fff }
#footercopy        { margin: 0; padding: 0; position: relative; left: 130px; height: 22px; float: left }
#footerweb    { margin: 0 10px 0 0; padding: 0; height: 22px; float: right }
#footercontainer p   { font-size: 11px; margin-top: 2px; margin-bottom: 1em }
a:link  { color: #f00; font-weight: bold; text-decoration: none; background-color: transparent }
a:visited  { color: #f00; font-weight: bold; text-decoration: none; background-color: transparent }
a:hover  { color: #f00; font-weight: bold; text-decoration: underline; background-color: transparent }
a:active  { color: #f00; font-weight: bold; text-decoration: none; background-color: transparent }
#footercontainer a:link { color: #003; font-weight: bold; text-decoration: none }
#footercontainer a:visited { color: #003; font-weight: bold; text-decoration: none }
#footercontainer a:hover { color: #003; font-weight: bold; text-decoration: underline }
#footercontainer a:active { color: #003; font-weight: bold; text-decoration: none }
p.hide  { position: absolute; left: -9999px }