/*homepage ensemble musica vitrioli, märz 2010, autor: susanne thomasberger*/
/*wichtige farben:
hintergrund: 011520 schwarzblau
hintergrund navi: 384148 dunkelgrau
hintergrund index: 798289 mittelgrau
hintergrund inhalt: a9a8a8 hellgrau
schrift navi+h1,2,3: c1d6d6 hellgrau und 1d3b4a mittelblau
schrift: 001520 schwarzblau und hell c1d6d6
links: 973710 braunrot */
*{
  padding: 0;
  margin: 0;
 }
body {
      font-family: arial, verdana, sans-serif;
      font-size: 17px;
      color: #001520;
      text-decoration: none;
      text-align: center;
    }
    .notenschrift {
      background: url(hintergrund2.jpg);
      background-color: #011520;
    }   
    #layout {
      width: 900px;
      margin: 0 auto;
      padding: 0;
      height: 100%;
      text-align: left;
    }
    #kopf {
      height: 150px;
      font-weight: bold;     
      background: url(hintergrundnavi.jpg);
      background-color: #384148;     
    }    
    #titel, #titel2 {
      text-align: center;
      font-weight: bold;
      padding: 15px 0px 0px 0px;    
    }
    h3, h4 {
      font-size: 16px;
      color: #c1d6d6;     
    }     
    #navigation ul  {
      padding: 96px 0px 0px 175px;
      list-style-type: none;
      color: #c1d6d6;    
    }
    #navigation ul li {
      display: inline;
      font-size: 16px;
      padding: 0px 59px 0px 0px;      
    }        
    #bach, #bach2 {
      height: 16px;
      width: 900px;    
    }
    #bach2 {
      float: left;
    }    
    #index {
      height: 550px;
      width: 900px;
      background: url(hintergrundindex.jpg);
      background-color: #798289;
    }
    h1 {
      text-align: center;
      font-family: Georgia, Times, serif;
      font-size: 90px;
      font-weight: bold;
      padding: 150px 0px 0px 0px;
      color: #0A2C62;
    }
    .hellgrau {
      color: #c1d6d6;
    }
    .mittelgrau {
      color: #91B8B8;
    }
    .aktuell {
      text-align: center;
      padding: 130px 0 0 0;
      font-weight: bold;
    }
    #inhalt {
      width: 900px;
      float: left;
      background: url(hintergrundinhalt.jpg);
      background-color: #a9a8a8;   
    }
    #inhalt2 {
      width: 900px;
      float: left;
      background: url(hintergrundinhalt2.jpg);
      background-color: #a9a8a8;
    }
    #links {
      float: left;     
      width: 146px;
      height: 550px;
      font-size: 18px;
      font-weight: bold;       
    }
    #links ul {
      padding: 50px 0px 0px 15px;
      list-style-type: none;     
     }
    #links ul li {
      padding: 0px 0px 30px 0px;
     }
    #links ul ul {
      padding: 0 0 0 10px;
    }
    #links ul ul li {
      padding: 0 0 10px 0;
      list-style-type: disc;
    }
    #links ul li a:link, #links ul li a:visited {
      text-decoration: none;
      color: #0A2c63;
    }
    #links ul ul li a:link, #links ul ul li a:visited {
      text-decoration: none;
      color: #c1d6d6;
    }
    .klein {
      font-size: 15px;
    }
    .kleinactive {
      font-size: 15px;
      color: #973710;
    }
    .blau {
      color: #0A2C62;
    }
    #rechts {
      float: right;
      width: 751px;       
    }
    #spalte1, #spalte3 {
      float: left;
      width: 310px;    
    }
    #spalte2, #spalte4 {
      width: 413px;
      float: right;          
    }
    #spalte5 {
      width: 456px;
      float: left;
    }
    #spalte6 {
      width: 274px;
      float: left;
    }
    .space1 {
      padding: 50px 0px 0px 26px; 
     }
    .space2 {
      padding: 50px 0px 0px 0px;
     }
    .space3 {
      padding: 30px 0 50px 0;
    }
    .space4 {
      padding: 30px 0 50px 26px;
    }   
    .space5 {
      padding: 20px 0px 0px 0px;
    }
    .space6 {
      padding: 20px 0 50px 172px;
    }
    .space7 {
      padding: 10px 0px 0px 26px;
    }
    .space8 {
      padding: 0 0 50px 26px;
    }
    .space9 {
      padding: 100px 0 50px 26px;
    }
    .konzert {
      padding: 0px 0px 4px 0px;
    }
    .konzert2 {
      padding: 15px 0px 4px 0px;
    }
    .programm {
      padding: 10px 0px 4px 36px;
      font-size: 14px;
    }
    .mitteltext {
      padding: 20px 180px 50px 26px;
    }
    .mitteltext2 {
      padding: 20px 180px 0 26px;
    }
    .mitteltext3 {
      padding: 20px 180px 0 26px;
      text-align: center;
    }
    .mitteltext4 {
      padding: 0px 180px 39px 26px;
    }    
    .stolz {
      padding: 153px 0px 0px 26px;
    }
    .oberkogler {
      padding: 114px 0px 0px 26px;
    }
    .thomasberger {
      padding: 77px 0px 0px 26px;
    }
    .impressum {
      font-size: 15px;
      padding: 215px 0 0 0;
      color: #c1d6d6;    
    }
    .kontakt {
      padding: 90px 0 0 26px;
      color: #c1d6d6;
    } 
    .foto {
      margin: 20px 70px 0 70px;
    }
    .foto2 {
      margin: 50px 0 0 215px;
    }
    .foto3 {
      margin: 20px 0 0 215px;
    }
     hr {
      color: #c1d6d6;
    }
    .kurz {
      width: 593px;
    }
    a:link, a:visited {
      text-decoration: none;
      color: #c1d6d6;
    }
    a:hover, a:active {
      text-decoration: none;
      color: #973710;
    }    
    .active {
      color: #973710;
    }
    img, a img {
      border: 1px solid #11202D;
    }