/* 
    Farben:     #2350a9 - blau_logo   ---   #e9edf6 - hellblau_logo
    
                ganz hinten:                    #163167 - dunkelblau 
                Hintergrund Seite:              #ffffff - weiss  
                Hintergrund Kopflogo:           #cbd6ea - mittelhellblau  
                Hintergrund Kopftitel:          #cbd6ea - mittelhellblau  
                Hintergrund Navigation:         #e9edf6 - hellblau_logo
                
                Kopfschrift:                    #ffffff - weiss 
                Schrift:                        #000000 - schwarz  
                Links im Text:                  #3165ce - mittelblau
                Nav'liste Link:                 #1144a9 - blau_logo_sättigung_90%
                Nav'liste Link aktiv:           #1144a9 - blau_logo_sättigung_90%
                
                Tabellenränder:                 #87a5e2 - hellblau
                Archiv Werke Konz'datum:        #537fd7 - mittelblau
                Kontakt Vorstand:               #3165ce - mittelblau
                CD-Details Navig.:              #3165ce - mittelblau
                Presse Zeitung:                 #3165ce - mittelblau
                
                Kartei Link:                    #1144a9 - blau_logo_sättigung_90%
                Kartei Reiter:                  #d4dff4 - hellblau
                Kartei Reiter aktuell + Basis:  #a6bce9 - mittelblau
*/

      /* ................................................................................ */


/* allgemeines */

  body {
    width:              1000px;
    background-color:   #163167;
    font-family:        Verdana, Geneva, Arial, sans-serif;
    font-size:          small;
    color:              #000000;
    padding:            0;
    margin-top:         0px;
    margin-bottom:      0px;
    margin-left:        auto;
    margin-right:       auto;
    }
  
  h1 {font-size: 1.55em;}
  h2 {font-size: 1.35em;}
  h3 {font-size: 1.15em;}
  h4 {font-size: 1em;}
  h5 {font-size: 0.9em;}
  h6 {font-size: 0.8em;}

  h4, h5, h6 {margin-bottom: 0;}

  p {margin-top: 0.2em;}

  .fett {font-weight: bold;}

  .kursiv {font-style: italic;}


  table { border-collapse: collapse; }     /* tabellenrahmen fallen zusammen */
  
  table#seite {width: 100%; }   /* seite füllt body ganz aus */
    
  table#seite {
      width:                    100%;
      background-color:         #ffffff;
      background-image:         url(bilder/logo_seitenhintergrund.gif);
      background-repeat:        no-repeat;
      background-position:      363px 160px;
      }                         /* seite füllt body ganz aus, hintergrundbild logo */    

/* ende allgemeines */

      /* ................................................................................ */

/* kopfzeile */

  #kopfzeile {
      padding:          0;
      margin:           0;
      }                 /* in ganzer kopfzeile margin und padding entfernen */
    
  #kopflogo {
      background-image:         url(bilder/noten.jpg);
      background-repeat:        repeat-x;                 
      background-position:      bottom right;
      background-color:         #cbd6ea;
      vertical-align:           top;
      height:                   110px;
      }
    
  #kopftitel {
      background-image:         url(bilder/noten.jpg);
      background-repeat:        repeat-x;                 
      background-position:      bottom left;
      background-color:         #cbd6ea;
      vertical-align:           top;
      height:                   110px;
      }
        
  #kopftitel h1{
      padding:          85px 0px 5px 50px;
      color:            #ffffff;
      font-size:        95%;
      margin:           0px;
      }
    
/* ende kopfzeile */

      /* ................................................................................ */

/* navigation */

  #navigation {
      background-color: #e9edf6;
      padding:          0;
      margin:           0;
      vertical-align:   top;
      }
    
  #navigation * {
      padding:          0;
      margin:           0;
      }                 /* in ganzer navigation margin und padding entfernen */
  
  #navbox {
      min-height:       800px; }      /* ergibt minimale seitenhöhe */
    
  #navliste {
      font-size:        116%;
      font-weight:      bold;
      list-style-type:  none;
      text-align:       left;
      padding:          38px 5px 5px 25px;
      }
  
  .subnavliste {
      font-size:        82%;
      font-weight:      normal;
      list-style-type:  none;
      }
    
  #navliste li {
      padding:  9px 0px 9px 0px; }
  
  #navliste li li {
      padding:  3px 0px 0px 10px; }

  #navliste li.fotos {
      display: none; }
      /* -------- nicht verfügbare links werden nicht angezeigt --------- */ 
      

  #navliste a:link, #navliste a:visited {
      color:                    #1144a9;
      text-decoration:          none;
      padding-left:             16px;
      }                         /* links stylen */

  #aktiv > a:link, #aktiv > a:visited {
      background-image:         url(bilder/hintergrund_aktivlink.gif);
      background-repeat:        no-repeat;
      background-position:      bottom left;
      color:                    #1144a9;
      padding-left:             16px;
      }                         /* anzeige der aktuellen seite durch hintergrundbild note_hals_nach_unten */
   
  #subaktiv a:link, #subaktiv a:visited {
      background-image:         url(bilder/hintergrund_subaktivlink.gif);
      background-repeat:        no-repeat;
      background-position:      bottom left;
      color:                    #1144a9;
      padding-left:             16px;
      }                         /* anzeige der aktuellen seite durch hintergrundbild note_hals_nach_oben */
  
  #aktualisiert {
      color:            #000000; 
      font-size:        80%; 
      font-style:       italic; 
      text-align:       left; 
      margin:           30px 10px 20px 31px;
      }

/* ende navigation */

      /* ................................................................................ */

/* inhalt */

  #inhalt {
      padding:                  32px 10px 20px 50px;
      margin:                   0;
      vertical-align:           top;
      } 

  #inhalt a:link, #inhalt a:visited {
      color:                    #3165ce;
      border-bottom:            dotted 1px #3165ce;
      font-size:                90%;
      text-decoration:          none;
      }
  
  #inhalt #nach_oben {
      margin:           0px 0px 0px 25px; }     /* pfeil positionieren */

  #inhalt #nach_oben a img {
      border:           0; }                    /* kein rahmen um den pfeil */

  #inhalt #nach_oben a:link, #inhalt #nach_oben a:visited {
      text-decoration:  none;
      border:           0;
      }
    
/* ende inhalt */

      /* ................................................................................ */

/* kartei */

  #kartei table {
      width:            620px; }
   
  #kartei table td {
      border:           0px; }
   
  #kartei a:link, #kartei a:visited {
      color:            #1144a9;
      text-decoration:  none;
      border:           0px;
      font-size:        100%;
      font-weight:      bold;
      }
    
  #kartei .reiter, #kartei #reiter_aktuell {
      width:            6em; 
      text-align:       center;
      padding:          4px 1px 2px 5px;
      border-left:      12px solid #ffffff;
      }
    
  #kartei .reiter {
      background-color: #d4e2f4; }
    
  #kartei #reiter_aktuell {
      background-color: #a6c3e9; }
  
  
  #kartei .ganz_links {
      width:            20px; }
    
  
  #kartei .basis {
      height:            4px;
      font-size:         1px;
      background-color:  #a6c3e9;
      }
  
  #kartei {
      margin:           30px 0px 20px 0px; }

/* ende kartei */


