HTML, BODY {
      height:100%;
 /*     background-image: url("media/indra_hammes_bg.jpg");
      background-position: -900px 13px;
      background-repeat: repeat-x; */
      background-color: #FFF7F0;
      font-family: "Trebuchet MS", Arial;
      font-size: 15px;
   }
   BODY {
      margin:0;
      padding:0;
      text-align:center;
   }
   #container {
      position:relative;
      margin:0 auto;
      width: 827px;
   }
   #col1  {
      position:relative;
      min-height:100%;
      float:left;
      background:transparent;
      width:100%;
   }

   #headerimage{
      height: 180px;
      background-color: transparent;
   }
   
   #navigation{
      height: 25px;
      background-color: transparent;
      color: #4D4E4F;
      font-weight: bold;
      margin-top: 20px;
      margin-bottom: 5px;

   }
   

   #navigation a:link, #navigation a:visited, #navigation a:active{
      color: #4D4E4F;
      background-color: transparent;
      text-decoration: none;
      font-weight: bold;
        
   }

   #navigation a:hover{
      color: #AD998A;
      background-color: transparent;
      text-decoration: none;
      font-weight: bold;
        
   }
   
  #navigation a.aktiv:link, #navigation a.aktiv:visited, #navigation a.aktiv:active, #navigation a.aktiv:hover{
          color: #AD998A;
   }

  div#navigation a.aktiv{
          color: #AD998A;
          hasLayout: 1;
   }


   #links{
     float: left;
     width: 406px;
     height: 335px;
     background-color: transparent;
   }
   

   #rechts{     
     text-align: left;
     margin-left: 0px;
   }

   *html #rechts{ 
     overflow: hidden;    
     float: right;
     height: 335px;
   }

   
   #rechts .csc-textpic-clear{
   	clear: none;
   }
   
   
   #rechts h1{
     font-size: 15px;
     padding: 0;
     margin: 0;
     margin-bottom: 5px;
   }
   
   #rechts p{
     font-size: 14px;
     margin: 0;
     padding: 0;
     margin-top: 8px;
   }
   
   #rechts a:link, #rechts a:visited, #rechts a:hover{
     color: #FBF5EB;
     text-decoration: none;
     font-weight: bold;
   }
   
   #rechts a:hover{
     color: #fff;
     text-decoration: underline;
   }
   
  #rechts .home{
    overflow: hidden
    height: 291px;
    background-color: #735442;
    color: #FFF7F0;
    padding: 0px;
   }
   
  #rechts .biographie{
    overflow: auto;
    height: 291px;
    background-color: #a18b7d;
    color: #FFF7F0;
    padding: 22px;
   }

  #rechts .photos{
    overflow: auto;
    height: 291px;
    background-color: #817366;
    color: #FFF7F0;
    padding: 22px;
   }

  #rechts .hoerproben{
    overflow: auto;
    height: 291px; 
    background-color: #6a4a31;
    color: #FFF7F0;
    padding: 22px;
   }
   
  #rechts .hoerproben .csc-frame-frame1{
    background-color: #FBF5EB;
    color: #6a4a31;
    padding: 5px;
  }
  
  #rechts .hoerproben .csc-frame-frame1 a:link,  #rechts .hoerproben .csc-frame-frame1 a:visited,  #rechts .hoerproben .csc-frame-frame1 a:hover{
  	color: #6a4a31;
  }

  #rechts .hoerproben object{  
    margin-top: 10px;
    margin-bottom: 20px;
  }

  #rechts .anlaesse{
    overflow: auto;
    height: 291px; 
    background-color: #4f3e36;
    color: #FFF7F0;
    padding: 22px;
   }

  #rechts .kontakt{
    overflow: auto;
    height: 291px;
    background-color: #766450;
    color: #FFF7F0;
    padding: 22px;
   }

  #rechts .repertoire{
    overflow: auto;
    height: 291px;
    background-color: #333333;
    color: #FFF7F0;
    padding: 22px;
   }
   
/* ****************************************************  TABELLE ******* */
   

 #rechts table.contenttable,  #rechts table.contenttable{
    padding: 0;
    margin: 0;
 }

/* ****************************************************  OPER ******* */

 #rechts table.repertoireOper { 
   margin: 0;
   padding: 0;
 }
 
 #rechts table.repertoireOper td {
   font-size: 14px;
   line-height: 14px;
   vertical-align: top;
   padding: o;
   margin: 0;
   padding-bottom: 10px;
   padding-right: 10px;

 }
   
 #rechts table.repertoireOper .td-0{
    text-align: left;    
 }

 #rechts table.repertoireOper .td-1{
    text-align: left;    
 }

 #rechts table.repertoireOper .td-2{
    text-align: left;    
 }
 
 #rechts table.repertoireOper .td-3{
    text-align: left;    
 }
 
/* ****************************************************  OPERETTE ******* */

  #rechts table.repertoireOperette { 
   margin: 0;
   padding: 0;
 }
 
 #rechts table.repertoireOperette td {
   font-size: 14px;
   line-height: 14px;
   vertical-align: top;
   padding: o;
   margin: 0;
   padding-bottom: 10px;
   padding-right: 10px;

 }
   
#rechts table.repertoireOperette .td-0{
    text-align: left;    
 }

#rechts table.repertoireOperette .td-1{
    width: 100px;
    text-align: left;    
 }

#rechts table.repertoireOperette .td-2{
    text-align: left;    

 }
 
#rechts table.repertoireOperette .td-3{
    text-align: left;    
 }


/* ****************************************************  LIED ******* */

#rechts table.repertoirelied td {
   font-size: 14px;
   line-height: 14px;
   vertical-align: top;
   padding: o;
   margin: 0;
   padding-bottom: 10px;
   padding-right: 15px;

 }
   

#rechts table.repertoirelied .td-0{
    text-align: left;    
 }

 #rechts table.repertoirelied .td-1{
    text-align: left;    
 }


  #rechts .termine{
    overflow: auto;
    height: 291px;   
    background-color: #242424;
    color: #FFF7F0;
    padding: 22px;
   }

  #rechts .kontakt{
    overflow: auto;
    height: 291px; 
    background-color: #645246;
    color: #FFF7F0;
    padding: 22px;
   }

  #rechts .unterricht{
    overflow: auto;
    height: 291px;
    background-color: #645246;
    color: #FFF7F0;
    padding: 22px;
   }