/* homepage susanne thomasberger jan.2008 letzte änderung mai 2010, autor: susanne thomasberger*/
/*wichtige farben:
 schrift: hellgrau c7ced6, mittelgrau a4a8ab, mitteldunkelgrau 8F9397,
 links: dunkelrot a22405
 hintergrund:  */  
*{
  padding: 0;
  margin: 0;
 }
body {
     font-family: arial, sans-serif;
     font-size: 18px;
     text-decoration: none;
     color: #A4A8AB;
     text-align: center;
    }
  #layout {
     width: 956px;
     margin: 0 auto;
     padding: 0;
     height: 100%;
     text-align: left;
    }
  #kopf {
     height: 30px;
    }
  #schrift {
     height: 71px;
     text-align:right;
    }
  #titel {
     height: 80px;
     text-align: right;
    }
  h1 {
     font-size: 55px;      
     font-weight: normal;
     color: #C7CED6;     
    }
  h2 {
     font-size: 25px;
     font-weight: normal;
     color: #C7CED6;     
    }
  #inhalt {
     height: 607px;
     border: 3px solid #000000;
    }    
  #navigation {
     height: 30px;
    }
  #navigation dl dt {
     display: inline;
     padding: 0 47px 0 1px;
     font-weight: bold;    
    }
  #naviagtion a:link,  #navigation a:visited {
     text-decoration: none;
     color: #8F9397;
    }  
  #untermenue {
     height: 45px;
     font-size: 15px;
    }
  #untermenue dl dt {
     display: inline;
     padding: 1px 24px 2px 4px;
    }
  #untermenue a:link, #untermenue a:visited {
     text-decoration: none;
     color: #8F9397;    
    }
  #fixed {

    }
  .scroll {
     overflow: visible;
    }  
  #textbio1 {
      width: 615px;
      float: left;
    }
  #bildbio {
      width: 310px;
      float: right;
    }
  #textbio2 {
      width: 925px;
      float: left;
    }
  #space {
      width: 925px;
      height: 60px;
    }
  .textbox {
      margin: 0 0px 0 80px;
      padding: 14px 0 0 0;
      color: #C7CED6;     
    }
  .textbox2 {
      margin: 0 30px 0 80px;
      padding: 8px 0 6px 0;
      font-size: 16px;     
    }
  .strich {
      text-decoration: underline;
      font-size: 18px;      
    }
  .strich2 {
      text-decoration: underline;
      font-size: 18px;
      color: #c7ced6;      
  }
  .klein {
      font-size: 16px;
    }
  #links {
      float: left;
      position: relative;
      width: 210px;
      height: 497px;
    }
  #fototext {
      padding: 30px 0 0 0;
    }
  #fototext p {
      padding: 10px 0 0 0;
      font-size: 14px;
    }
  #dias {
      position: absolute;
      bottom: 0px;
  }
  #dias p {
      padding: 20px 0 0 0;
  }
  #rechts {
      float: right;
      width: 730px;
      margin: 20px 0 0 0;     
      font-size: 14px;
    }    
  #foto {
      float: right;
      width: 730px;
      border: 3px solid #000000;
    }
  #galerielinks a:link, #galerielinks a:visited,
  #galerierechts a:link, #galerierechts a:visited {
      color: #676C70;
    }
  #kontakt a:link, #kontakt a:visited  {
     color: #8F9397;     
    }
  #galerielinks {
      float: left;       
    }
  #galerielinks p {
      padding: 0 8px 5px 0px;
      border-right: 1px solid #8F9397;
    }
  #galerierechts {
      float: right;           
    }
  #galerierechts p {
      padding: 0 0px 5px 8px;
      border-left: 1px solid #8F9397;      
    }
  #kontakt {
      text-align: left;
      font-weight: bold;
      margin: 0 0 0 80px;
    }
  .farbe {
      color: #C7CED6;
  }
  .abstand {
      margin: 345px 0 10px 0px;
    }
  .impressum {
      padding: 90px 0 0 0px;
      font-size: 14px;
    }
  #links1 {
      font-size: 16px;
      width: 380px;
      float: left;
    }
  #links1 ul {
      padding: 14px 0 20px 80px;
      list-style-type: disc;
    }
  #links2 {
      font-size: 16px;
      width: 560px;
      float: right;
    }
  #links2 ul {
      padding: 14px 0 14px 40px;
      list-style-type: disc;
    }
  em {
      font-size: 12px;
    }
  .presse2 {
      margin: 0 0 0 95px;
  }
  a:link,  a:visited {
      text-decoration: none;
      color: #c7ced6;
    }
  a:hover, a:active {
      color: #a22405;
    }
  #navigation a:hover, #navigation a:active, #untermenue a:hover, #untermenue a:active,
  #kontakt a:hover, #kontakt a:active, #galerielinks a:hover, #galerielinks a:active,
  #galerierechts a:hover, #galerierechts a:active, #fixed a:hover, #fixed a:active 
      {
      color: #a22405;    
  }
  img {
      border: 1px solid #000000;
    }
  .aktiv {
      color: #a22405;
      text-decoration: none;
    }
  .index {
      background: url(hintergrund1.jpg);
      background-color: #15212F;
    }
  .theaterarbeiten5 {
      background: url(hintergrund2.jpg);
      background-color: #111425;
    }
  .theaterarbeiten4 {
      background: url(hintergrund3.jpg);
      background-color: #131127;
    }
  .theaterarbeiten3 {
      background: url(hintergrund4.jpg);
      background-color: #1C122B;
    }
  .theaterarbeiten2 {
      background: url(hintergrund5.jpg);
      background-color: #271221;
    }
  .theaterarbeiten1 {
      background: url(hintergrund6.jpg);
      background-color: #2B1611;
    }
  .galerie {
      background: url(hintergrund11.jpg);
     background-color: #101D26;
    }
  .projekte {
      background: url(hintergrund10.jpg);
      background-color: #450B19;
    }
  .biographie {
      background: url(hintergrund9.jpg);
      background-color: #3D0A07;
    }
  .kontakt {
      background: url(hintergrund7.jpg);
      background-color: #560C03;
    }
  .links {
      background: url(hintergrund8.jpg);
      background-color: #551901;
    } 
  .inhaltindex {
      background: url(hintergrundindex.jpg); 
    }
  .inhalttheaterarbeiten5 {
      background: url(hintergrundtheater5.jpg);
    }
  .inhalttheaterarbeiten4 {
      background: url(hintergrundtheater4.jpg);
    }
  .inhalttheaterarbeiten3 {
      background: url(hintergrundtheater3.jpg);
    }
  .inhalttheaterarbeiten2 {
      background: url(hintergrundtheater2.jpg);
    }
  .inhalttheaterarbeiten1 {
      background: url(hintergrundtheater1.jpg);
    }
  .inhaltprojekte {
      background: url(hintergrundprojekte.jpg);
    }
  .inhaltbiographie {
      background: url(hintergrundbiographie.jpg);
    }
  .inhaltkontakt {
      background: url(hintergrundkontakt.jpg);
    }
  .inhaltlinks {
      background: url(hintergrundlinks.jpg);
    }