div#topbar {
    margin:0; padding:1px 13em 1px 5px; 
    color:black; background:rgb(238,238,238);
    text-align:center;
    border-bottom:solid 1px black;
    border-top:solid 1px black;
    font-family:Arial,Helvetica,sans-serif; font-size:0.7em;
  }
  div#topbar a#act { font-weight:bold; }
  div#topbar span { 
    float:left; color:white; background:rgb(238,102,000); 
    padding:0 1em; display:block; text-align:center; width:12em;
    border-right:solid 1px black;
    border-left:solid 1px black;
  }
  div#topbar a { 
    color:rgb(100,100,100); 
    padding:1px 4px; text-decoration:none; 
    border-bottom:1px solid rgb(238,102,000);
  }  
  div#topbar a:hover { 
    color:rgb(238,238,238); background:rgb(100,100,100); 
    padding:1px 4px 0px;
    text-decoration:none;
    border-width:2px; border-color:rgb(238,102,000);
  }  
 table#index a, table#index a:visited { color:white; background-color:rgb(238,102,000); }
 table#copy a, table#copy a:visited { color:white; background-color:rgb(238,102,000); text-decoration:none;}
 table#copy a:hover { text-decoration:underline; }

/* Kommentar: Der Aufbau dieses CSS folgt immer der Seitenstruktur, d.h. die Dokumentbereiche werden von oben nach unten abgearbeitet */


/****** FARBKLIMAS DER DOKUMENTE ******/

 /* Kopf, Fuss, Menueleiste */
 .basis-rot {background-color:#600;}
 .grau-dunkel {background-color:#666;}
 .grau-hell {background-color:#999;}

 /* Sub-Kopf und Sub-Fuss */
  .sub_h_f {background-color:#E60;}



 /* Content-Body */
 .basis-grau {background-color:#EEE;}
 .grau-d {background-color:#CCC;}
 .schwarz {background-color:#000;}
 .weiss {background-color:#FFF;}


/****** ALLGEMEINE AUSZEICHNUNGEN IN DEN DOKUMENTEN ******/

 /* allgemeine Seitenränder */

 body {
       margin-left:0px; 
       margin-right:0px; 
       margin-top:0px; 
       margin-bottom:0px;
 }


 /* spezielles Vertical-align  */
 .vert-bot {vertical-align:bottom;}
 .vert-mid {vertical-align:middle;}
 .vert-top {vertical-align:top;}

 /*** fuer korrekte image-Darstellung, Mozilla ***/

 tr.decoration img {display: block;}



/****** FONT-AUSZEICHNUNGEN DER DOKUMENTE ******/

/** allgemein **/

td {font-family:Arial,Helvetica,sans-serif; font-size:13px; vertical-align: middle;} 



/****** KOPF (rot) ******/
  .kopftext{
   color:#666;
   font-weight:bold;
   }

  .kopftext-grau{
   color:#333;
   font-weight:bold;
   } 


 /*Top-Navigation*/
  a.top-navi:link {
   text-decoration:none;
   color:#999;
   font-size:11px;
   font-weight:bold;
   }

  a.top-navi:visited {
   text-decoration:none; 
   color:#999;
   font-size:11px;
   font-weight:bold;
   }

  a.top-navi:hover {
   text-decoration:none; 
   color:#CCC;
   font-size:11px;
   font-weight:bold;
   }

  a.top-navi:active {
   text-decoration:none; 
   color:#FFF;
   font-size:11px;
   font-weight:bold;
   }

 /* Top-Navi Highlightzustand */

  .top-navi-on {
   text-decoration:none; 
   color:#FFF;
   font-size:11px;
   font-weight:bold;
   }


  a.navi:link {
   text-decoration:none; 
   color:#999;
   font-size:16px; 
   font-weight:bold;
   }

  a.navi:visited {
   text-decoration:none; 
   color:#999;
   font-size:16px;
   font-weight:bold;
   }

  a.navi:hover {
   text-decoration:none; 
   color:#CCC;
   font-size:16px;
   font-weight:bold;
   }

  a.navi:active {
   text-decoration:none; 
   color:#FFF;
   font-size:16px;
   font-weight:bold;
   }


 /* Navi Highlightzustand */

  a.navi-on:link,a.navi-on:visited,a.navi-on:hover,a.navi-on:active {
   text-decoration:none;
   color:#FFF;
   font-size:16px;
   font-weight:bold;
   }



/***** SUB-KOPF (grau) *****/
  .sk-head {
   text-decoration:none;
   color:#600;
   font-size:16px;
   font-weight:bold;
   }


  .sk-head-w {
   text-decoration:none;
   color:#FFF;
   font-size:16px;
   font-weight:bold;
   }

  .sk-abs {
   text-decoration:none;
   color:#FFF;
   font-size:13px;
   font-weight:bold;
   }

  .sk-text {
   text-decoration:none;
   color:#FFF;
   font-size:13px;
   font-weight:normal;
   }


  .sk-kat {
   text-decoration:none;
   color:#333;
   font-size:13px;
   font-weight:normal;
   }

  .sk-kat-b {
   text-decoration:none;
   color:#333;
   font-size:13px;
   font-weight:bold;
   }

  .sk-kat-bs {
   text-decoration:none;
   color:#000;
   font-size:13px;
   font-weight:bold;
   }

  .sk-kat-b6 {
   text-decoration:none;
   color:#666;
   font-size:13px;
   font-weight:bold;
   }

  .sk-leg {
   text-decoration:none; 
   color:#FFF;
   font-size:11px;
   font-weight:normal;   
   }

 /** Link **/

  a.sk-weiter:link {
   text-decoration:underline; 
   color:#FFF;
   font-size:13px;
   font-weight:normal;
   }

  a.sk-weiter:visited {
   text-decoration:underline; 
   color:#FFF;
   font-size:13px;
   font-weight:normal;
   }

  a.sk-weiter:hover {
   text-decoration:underline; 
   color:#FFF;
   font-size:13px;
   font-weight:normal;
   }

  a.sk-weiter:active {
   text-decoration:underline; 
   color:#FFF;
   font-size:13px;
   font-weight:normal;
   }


  a.sk-link-b:link,a.sk-link-b:visited,a.sk-link-b:hover,a.sk-link-b:active {
   text-decoration:underline; 
   color:#FFF;
   font-size:13px;
   font-weight:bold;
   }



/*** CONTENT-BODY ***/

  .head{
   font-size:13px;
   vertical-align:bottom;
   color:#666;
   font-weight:bold;
  }


  .text-gr16{
   font-size:16px;
   color:#999;
   font-weight:bold;
  }

  .text-gr13{
   font-size:13px;
   color:#666;
   font-weight:bold;
  }

  .text-gr11{
   font-size:11px;
   color:#666;
   font-weight:bold;
  }


  .t-head{
   font-size:13px;
   color:#600;
   font-weight:bold;
  }

  .text{
   font-size:13px;
   color:#000;
   font-weight:normal;
  }

  .text-b{
   font-size:13px;
   color:#000;
   font-weight:bold;
  }

  .text-small{
   font-size:11px;
   color:#000;
   font-weight:normal;
  }


 /* Link im Fusstext */

a.link-s:link,a.link-s:visited,a.link-s:hover,a.link-s:active {
   text-decoration:underline; 
   color:#000;
   font-size:11px;
   font-weight:normal;
   }




 /****** Suchformular ******/

 option {
  font-family:Arial,Helvetica,sans-serif;   font-size:13px; 
  vertical-align:middle;   font-weight:normal; 
  color:000;                   
 }

/* Checkbox-Spalten */

  .check{
   vertical-align:top;
  }

  .check-n{
   align:top;
  }


  .num-s{
   font-size:13px;
   color:#CCC;
   font-weight:bold;
   vertical-align:bottom;
  }

  .num{
   font-size:16px;
   color:#CCC;
   font-weight:bold;
  }


  .topic{
   font-size:13px;
   color:#999;
   font-weight:bold;
  }


 /****** Suchergebnis ******/

  .treffer{vertical-align:bottom;}

  .artist{
   font-size:16px;
   color:#600;
   font-weight:bold;
  }

  .kat1{
   font-size:13px;
   color:#666;
   font-weight:normal;
   }

  .kat2{
   font-size:13px;
   color:#000;
   font-weight:normal;
   }


  /* Trefferanzeige, Fuss */

  a.tref-f:link {
   text-decoration:underline;
   color:#666;
   font-size:13px;
   font-weight:bold;
   }

  a.tref-f:visited {
   text-decoration:underline; 
   color:#666;
   font-size:13px;
   font-weight:bold;
   }

  a.tref-f:hover {
   text-decoration:underline; 
   color:#000;
   font-size:13px;
   font-weight:bold;
   }

  a.tref-f:active {
   text-decoration:underline; 
   color:#666;
   font-size:13px;
   font-weight:bold;
   }

  /* Highlightzustand von angezeigtem Treffer */
  .tref-f-on {
   text-decoration:none; 
   color:#000;
   font-size:13px;
   font-weight:bold;
   }


 /**** Songtitel-Link ****/

  a.title:link,a.title:visited,a.title:hover,a.title:active {
   text-decoration:underline; 
   color:#666;
   font-size:16px;
   font-weight:bold;
   }


/****** Track_html ******/

  .sk-song {
   text-decoration:none; 
   color:#FFF;
   font-size:16px;
   font-weight:bold;
   }

  /* Zellenborder-Auszeichnungen */

 .cell-border {border-right: #666 1px solid; }


/***** Composer-Liste *****/

  a.comp:link,a.comp:visited,a.comp:hover,a.comp:active{
   text-decoration:underline;
   font-size:13px;
   color:#600;
   font-weight:bold;
  }


/****** Browse By Category ******/

 /** Link **/

  a.sk-cat:link {
   text-decoration:none; 
   color:#FFF;
   font-size:13px;
   font-weight:bold;
   }

  a.sk-cat:visited {
   text-decoration:none; 
   color:#FFF;
   font-size:13px;
   font-weight:bold;
   }

  a.sk-cat:hover {
   text-decoration:underline; 
   color:#FFF;
   font-size:13px;
   font-weight:bold;
   }

  a.sk-cat:active {
   text-decoration:none; 
   color:#FFF;
   font-size:13px;
   font-weight:bold;
   }

  /* Highlightzustand*/
  .sk-cat-on {
   text-decoration:none;
   color:#000;
   font-size:13px;
   font-weight:bold;
   }

   /* Das folgende ist nur fuer public_about und
    * musz am Ende bleiben, irgendetwas stimmt mit
    * dem Stylesheet und dessen Vererbung nicht
    */

 a.textabout:link, a.textabout:visited {
   color:#000;
   font-size:13px;
   font-weight:bolder;
 }

  .sk-abs a, .sk-abs a:link, .sk-abs a:active, .sk-abs a:visited {
   text-decoration:none;
   color:#FFF;
   font-size:13px;
   font-weight:bold;
   }

  .sk-abs a:hover {
   text-decoration:underline;
   color:#FFF;
   font-size:13px;
   font-weight:bold;
   }