/* Umgehung des 3-Pixel-Fehlers; Mastering CSS, Seite 195 */
/* TODO: Selektive Anwendung geht nicht */
/* Hack: IE <= 6, Windows \*/
* html p {
      height: 1%;
      margin-left: 0;
}
/* End of Hack */

body {
/*      background-color:#FF0FFF; */
      background-color:#FFFFFF;
      text-align: center;
}

#wrapper {
      margin: 0 auto;
      position:absolute; 
      left:0px;
      top:0px;
      text-align: left;
      background-position:192px 0px;
      background-image:url("images/content-background-nobars.jpg");
      background-repeat:no-repeat;
}

#navigation {
      float: left;
      width: 192px;
      position: relative; 
      top: 0px;
      left: 0px;
      height: 559px;
}

#content {
      top: 0px;
      margin-left: 184px;
/*      background-color:#0FFFFF; */
}

#content-logo {
      margin-left: 0;
      margin-right: 10px;
      margin-top:50px;
      height: 223px; 
      background-image:url("images/logo.jpg");
      background-repeat:no-repeat;
      background-position: center;
}

#footer {
      background-color:#E59C00;
      clear: both;
      font-size: 20px; 
      font-size: 0.9em; 
      font-weight: bold;
}

#below-footer {
      clear: both;
      height: 17px;
}


#over-navigation {
      position:absolute;
      left:0px;
      top:0px;
      width:192px;
      height:375px;
      background-image:url("images/over_navigation-v2.gif");
      background-color: #f1ca75;
}


#navigation ul
{
      list-style-type: none;
}

#navigation ul span {
      display: none;
}

#nav-text {
      display: none;
}

#about {
      position:absolute;
      left:0px;
      top:375px;
      width:192px;
      height:32px;
      border: 0px;
      background-image:url("images/about-v2.gif");
}

#about:hover, #about:active {
      background-image:url("images/about-over-v2.gif");
      border-style: none;
}

#navspace-1 {
      position:absolute;
      left:0px;
      top:407px;
      width:192px;
      height:14px;
}

#musik {
      position:absolute;
      left:0px;
      top:421px;
      width:192px;
      height:32px;
      background-image:url("images/musik-v2.gif");
}


#musik:hover {
      background-image:url("images/musik-over-v2.gif");
}

#navspace-2 {
      position:absolute;
      left:0px;
      top:453px;
      width:192px;
      height:14px;
}

#bilder {
      position:absolute;
      left:0px;
      top:467px;
      width:192px;
      height:32px;
      background-image:url("images/bilder-v2.gif");
}

#bilder:hover {
      background-image:url("images/bilder-over-v2.gif");
}


#navspace-3 {
      position:absolute;
      left:0px;
      top:499px;
      width:192px;
      height:14px;
}

#auftritte {
      position:absolute;
      left:0px;
      top:513px;
      width:192px;
      height:32px;
      background-image:url("images/auftritte-v2.gif");
}

#auftritte:hover {
      background-image:url("images/auftritte-over-v2.gif");
}


#footer-rightbox {
/*      background-color: #0fffff;   */
      color:#ffffff;
      float: right; 
      margin-right: 7px;
}

#footer ul {
      list-style-type: square;
      list-style-position: inside;
      display: inline;
}

#footer li {
      float: left;
      padding-left: 7px;
      padding-right: 7px;
}

#footer-first-li {
      list-style-type:none;
}


#footer a {
      font-family:Verdana, Arial, Helvetica, sans-serif;
/*      font-size: small; */
      color:#ffffff;
      margin: 1;
      padding: 0;
      text-decoration: none;
}

#footer a:hover, #footer a:active {
      color:#58111f;
/*      text-decoration: underline; */ /* TODO: Hervorheben nicht nur
      mittels Farbe ? */
}


#lower-bottom {
      position:relative;
      left:192px;
      width:5px;
      height:18px;
      background-color:#b76c32;
}

h1 {
      
      margin-top:50px;
      margin-left:8%;
      margin-right: 10%;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 1.4em;
      font-weight:bold;
}

h2 {
      
      margin-top:10px;
      font-family:Verdana, Arial, Helvetica, sans-serif;
      font-size: 1.2em;
      font-weight:bold;
}

#content .text {
/*      background-color:#ffaaFF; */
      margin-top:25px;
      margin-bottom: 25px;
      margin-left:10%;
      margin-right: 10%;
      height: 1%; /* TODO: Hack-Fehlnutzung, geht komischerweise */
      text-align:left;
      font-family:Verdana, Arial, Helvetica, sans-serif;
/*      font-size: 0.9em; */
      font-size: small;
/*      line-height:1.05em; */
      overflow: visible;
}


#auftritte-liste h2 {
      padding-top: 12px;
}