/* homepage philipp harnoncourt, januar 2011, autor: susanne thomasberger*/
/*wichtige farben:
  hintergrund: ffffff weiß
  farbe: cfd8d1 hellgrau
  farbe: B8A9AA rosegrau
  schrift: 011e31 schwarzblau
  links: DB4131 mittelrot  */
/*allgemeines*/
*{
  padding: 0;
  margin: 0;
 }
body {
      font-size: 15px;
      font-family: Arial, Verdana, sans-Serif;
      color: #011e31;
      background: #ffffff;
      text-align: left;
      letter-spacing: 1px;
     }
     #layout {
      width: 2050px;
      margin: 0;
      padding: 0;
      text-align: left;
      height: 100%;
     }
     #spalte {
      width: 125px;
      height: 2173px;
      float: left;
      border-right: 2px groove #40813E; 
     }
     #spalte img {
      position: fixed;
      top: 179px;
     }
     #haupt {
      width: 1920px;
      float: right;
     }
     #zeiger, #zeiger2, #zeiger3, #zeiger4, #zeiger5, #zeiger6, #zeiger7, #zeiger8, #zeiger9  {
      width: 1920px;
      height: 5px;
      border-bottom: 1px solid #cfd8d1;
      margin: 0 0 0 -45px;
     }
     #zeiger img {
      margin: 7px 0 0 -85px;
     }
     #zeiger2 img {
      margin: 7px 0 0 46px;
     }
     #zeiger3 img {
      margin: 7px 0 0 173px;
     }
     #zeiger4 img {
      margin: 7px 0 0 300px;
     }
     #zeiger5 img {
      margin: 7px 0 0 427px;
     }
     #zeiger6 img {
      margin: 7px 0 0 554px;
     }
     #zeiger7 img {
      margin: 7px 0 0 681px;
     }
     #zeiger8 img {
      margin: 7px 0 0 808px;
     }
     #zeiger9 img {
      margin: 7px 0 0 935px;
     }
     #titel {
      width: 1920px;
      height: 112px;
      font-family: Verdana, Arial, sans-serif;
     }
     #titel a:link, #titel a:visited, #inhalt a:link, #inhalt a:visited, #inhalt2 a:link, #inhalt2 a:visited, #liste a:link, #liste a:visited {
      color: #011e31;
     }
     #titel a:hover,#titel a:active, #inhalt a:hover, #inhalt a:active, #inhalt2 a:hover, #inhalt2 a:active, #liste a:hover, #liste a:active {
      color: #DB4131;
     }
     h1 {
      font-size: 44px; 
      font-weight: 100;
      margin: -6px 0 6px -33px;
      letter-spacing: 20px;
     }
     h2 {
      font-size: 44px;
      font-weight: 100;
      margin: 0 0 0 152px;
      letter-spacing: 20px;
      line-height: 30px;
     }
     h3 {
      font-size: 44px;
      font-weight: 100;
      margin: 0 0 0 3px;
      letter-spacing: 20px;
      line-height: 30px;
     }
     .haktiv {
      color: #db4131;
     }
     #space1 {
      width: 1920px;
      height: 5px;
      border-bottom: 1px solid #cfd8d1;
      border-top: 3px solid #cfd8d1;
      margin: 0 0 0 -45px;
     }
     #navigation {
      width: 1920px;
      height: 44px;
      font-family: Verdana, Arial, sans-serif;
      font-size: 12px;
     }
     #navigation dl dt {
      display: block;
      float: left;
      width: 121px;
      margin: 0 1px 0 1px;
      padding: 6px 0 0 4px;
      height: 38px;
      text-align: left;
     }
     #navigation dl a:link dt, #navigation dl a:visited dt {
      font-weight: bold; 
      color: #ffffff;
      background-color: #B8A9AA;      
     }
     #navigation dl a:hover dt, #navigation dl a:active dt {
      font-weight: bold;
      color: #ffffff;
      background-color: #DB4131;
     }
     a:link, a:visited, a:hover, a:active {
      text-decoration: none;
     }
     .aktiv {
      font-weight: bold;
      color: #ffffff;
      background-color: #DB4131;
     }
     #space2 {
      width: 1920px;
      height: 5px;
      border-top: 1px solid #cfd8d1;
      border-bottom: 1px solid #cfd8d1;
      margin: 0 0 0 -45px;
     }
     #raum1 {
      width: 125px;
      height: 5px;
     }
     #raum2 {
      width: 1235px;
      height: 5px;
     }     
     #haupt2 {
      width: 1920px;
      float: right;
     }
     #spalte2 {
      width: 125px;
      height: 2000px;
      float: left;
      border-right: 1px solid #cfd8d1;     
     }
     #inhalt, #inhalt2 {
      width: 895px;
      height: 2000px;
      float: left;
     }
     #inhalt a img, #inhalt2 a img {
      border: 0;
     }    
     hr {
      margin: 4px 0 0 0;
      color: #cfd8d1;
      background: #cfd8d1;
      height: 1px;
      border: 0;
     }
    .aktuelles {
      margin: 0 0 0 3px;
      text-indent: 8px;
     }
     .aktuelles2 {
      margin: 0 0 0 3px;
     }
     .absatz {
      margin: 10px 0 0 3px;
      text-indent: 8px;
     }
     .absatz2 {
      margin: 15px 0 0 3px;
     }
     .absatz3 {
      margin: 0 0 0 3px;
     }
     .absatz4 {
      margin: 1px 0 0 -116px;
     }
     .absatz5 {
      margin: 10px 0 0 8px;
     }
     .absatz6 {
      margin: 10px 0 0 3px;
     }
     .notiz {
      margin: 10px 0 0 0;
     }
     noscript {
      font-size: 11px;
      font-style: italic;      
     }
     .aktiv2 {
      color: #DB4131;
     }
    .fett {
      font-weight: bold;
     }    
     .zeile {
      line-height: 20px;
     }
    ul {
      margin: 0 0 0 3px;
    }
    ul li {
      list-style-type: none;
    }     
    .bild {
      font-size: 10px;
    }
    .bild2 {
      font-size: 11px;
      font-weight: bold;
    }
    .datum, .medien, .biographie, .biographie2, .inszenierungen, .buhne, .buhne2, .literatur,
    .materialien, .fotos1, .fotos2, .fotos3, .videos1, .videos2, .presse, .kontakt, .links  {
      font-size: 12px;
      font-weight: bold;
      border-top: 1px solid #cfd8d1;
    }
    .datum, .inszenierungen, .buhne, .buhne2, .literatur, .materialien,
    .fotos1, .videos2, .presse, .kontakt, .links {
       color: #DB4131;           
    }
    .datum {
      margin: 112px 0 0 -74px;
    }
    .medien {
      margin: 224px 0 0 -74px;
    }
    .biographie {
      margin: 112px 0 0 -111px;
     }
    .biographie2 {
      margin: 1px 0 0 -111px;
     }
    .inszenierungen {
      margin: 112px 0 0 -123px;
    }
    .buhne {
      margin: 112px 0 0 -53px;
    }
    .buhne2 {
      margin: 10px 0 0 -53px;
    }
    .literatur {
      margin: 112px 0 0 -78px;
    }
    .materialien {
      margin: 10px 0 0 -91px;
    }
    .fotos1 {
      margin: 15px 0 15px -49px;
    }
    .fotos2 {
      margin: 15px 0 15px -49px;
    }
    .fotos3 {
      margin: 112px 0 0 -49px;
    }
    .videos1 {
      margin: 112px 0 0 -52px;
    }
    .videos2 {
      margin: 15px 0 15px -52px;    
    }
    .presse {
      margin: 112px 0 0 -56px;
    }
    .kontakt {
      margin: 112px 0 0 -67px;
    }
    .links {
      margin: 112px 0 0 -42px;
    }
    .impressum {
      margin: 340px 0 0 3px;
      font-size: 13px;
    }
    .fussabstand {
      margin: 112px 0 0 0;
    }

