/*                                                           */
/*  Palette                                                  */ 
/*  =======                                                  */ 
/*                                                           */
/*  #000000                                                  */
/*  #261e67            Ueberschriften                        */
/*                     #313181                               */
/*                                                           */
/*  #99ccff            link                                  */
/*  #ffcc99                     visited                        */
/*  #000000   #ffffff  hover                                 */
/*  #000000   #ffffff  active                                */
/*                                                           */
/*  #999999   #ffffff  a img   Bilderrahmen                  */
/*                                                           */
/*  #c7d1c7            Linke Linie links Navilink            */
/*                                                           */
/*  #769c7b   #e6f2e6  body, .toplink,  Navibereich          */
/*                           #edf0ed --> zu blass            */
/*                           #c4dec4 --> zu kraeftig         */
/*                           #d9e5d9 --> 5% Saettg.          */
/*                           #e6f2e6 --> 95% Helligkeit      */
/*                     #a7b1a7                               */
/*                                                           */
/*  #769c7b f2f4f2   #f8f8f8  Main Kuerzungen         */
/*                                                           */

/* ========================== BODY ========================= */

body { /* Voreinstellung fuer alle {{{ */
  background:      #000000;
  color:           #ffffff;
  font-family:     "Verdana","helvetica","Arial","ArialMT", sans-serif; 
  font-weight:     normal;
  font-size:       375.01%; 
  /* --> IE (6) and Firefox scale body font only, child elements like */
  /* h1 etc. have to be fixed (100%) or scaled (..%) explicitely */

  line-height:     170%;
/* }}} */ }

strong { letter-spacing:3px; } 
em { letter-spacing:3px; } 

/* ========================= LINKS ======================== */

a   /* {{{ */ {  
  background:      transparent;        
  color:           #ffffff; 

  margin:          0;        
  border:          none;        
  padding:         0;

  line-height:     130%;
  /* 
  text-decoration: none;
  border-bottom:   2px;
  */
}
a:link       { background: transparent; color: #99ccff; padding-left: 0.1em; padding-right: 0.1em}
a:visited    { background: transparent; color: #ffcc99; padding-left: 0.1em; padding-right: 0.1em}
a:hover      { background: #ffffff;     color: #000000; padding-left: 0.1em; padding-right: 0.1em}
a:focus      { background: #ffffff;     color: #000000; padding-left: 0.1em; padding-right: 0.1em}
a:active     { background: #ffffff;     color: #000000; padding-left: 0.1em; padding-right: 0.1em}
/* }}} active muss hinten stehen: FEATURING THE F**KIN INTERNET XPLORER ! */

/* li a {{{ */
li a:link    { background: transparent; color: #99ccff; padding-left: 0.1em; padding-right: 0.1em}
li a:visited { background: transparent; color: #ffcc99; padding-left: 0.1em; padding-right: 0.1em}
li a:hover   { background: #ffffff;     color: #000000; padding-left: 0.1em; padding-right: 0.1em}
li a:focus   { background: #ffffff;     color: #000000; padding-left: 0.1em; padding-right: 0.1em}
li a:active  { background: #ffffff;     color: #000000; padding-left: 0.1em; padding-right: 0.1em}
/* }}} active muss hinten stehen: FEATURING THE F**KIN INTERNET XPLORER ! */

img {  /* {{{ */
  background:      transparent;
  color:           #003366; 

  margin:          0;  
  border:          none;
  padding:         0; 

  margin-bottom:  -4px;
  padding-bottom:  8px; 
  border-bottom:   solid 4px #cccccc;
                   
  color:           #99ccff; 
  background:      transparent;
} /* }}} */

a img {   /* {{{ */
  margin:          0;
  border:          none;
  padding:         0;

  padding-bottom:  8px; 
  border-bottom:   solid 3px #99ccff;
                   
  color:           #99ccff; 
  background:      transparent; 
}

a:link    img {background: transparent; }
a:visited img {background: transparent; }
a:hover   img {background: transparent; }
a:focus   img {background: transparent; }
a:active  img {background: transparent; }
/* }}} */

h2 { /* {{{ */
  font-family:     "Verdana","Helvetica","Arial","ArialMT", sans-serif; 
  font-weight:     bold;
  font-size:       120%;
  letter-spacing:  2px;
  line-height:     150%;
                   
  padding:         0;
  margin:          0; 
  border:          none;

  padding-top:     0.5em;
  border-bottom:   6px solid #ffffff;
  padding-bottom:  0.2em; 
  margin-bottom:   0.6em;

  color:           #ffffff;
  background:      #000000;
        
} /* }}} */



h3 a:link     { background:  transparent; color:  #99ccff; border: none; padding-right: 0.5em}/* {{{  */ 
h3 a:visited  { background:  transparent; color:  #ffcc99; border: none; padding-right: 0.5em}
h3 a:hover    { background:  #ffffff;     color:  #000000; border: none; padding-right: 0.5em}
h3 a:focus    { background:  #ffffff;     color:  #000000; border: none; padding-right: 0.5em}
h3 a:active   { background:  #ffffff;     color:  #000000; border: none; padding-right: 0.5em}
/* h3 a { padding-right: 0.5em } ist ein "feature" des IE 6, der den  */
/* invertierten Hintergrund sonst zu kurz anzeigt.                        */
 /* }}} */

h3 img { /* Werden nicht angeklickt; Ueberschrift ist ohnehin unterstrichen. */ /* {{{ */
  margin:         0;      
  border:         none; 
  padding:        0;
                  
  margin-bottom: -0.2em;
  margin-right:   0.03em;
  margin-left:    0.03em;

  background:     transparent;
} /* }}} */


/* ================ KOPFBEREICH: Groeszenmenu ============== */
#topsizemenu {
  width:          90% !important;
  display:        block;
  background:     #000033;

  margin-top:     1em;    border-top:    0.1em solid #000099; padding-top:    0.3em;                        
  margin-right:   0;      border-right:  none;                padding-right:  0;
  margin-bottom:  1em;    border-bottom: 0.1em solid #000099; padding-bottom: 0.5em;                        
  margin-left:    0;      border-left:   0.1em solid #000099; padding-left:   0.6em;        
}

      /* .size_xxl        { font-size:  100.01%  } */ 
      /* .size_xl         { font-size:   81%     } */ 
      /* .size_ext        { font-size:   62%     } */ 
      /* .size_large      { font-size:   37%     } */ 
      /* .size_medium     { font-size:   28%     } */ 
      /* .size_small      { font-size:   21%     } */ 
      /* .text            { font-size:  100%     } */ 


#topsizemenu a { text-decoration: none; padding-bottom: 0.1em; border-bottom: 0.05em solid #ffffcc; }

#topsizemenu a:link    { color: #ffffcc;   background: transparent;}
#topsizemenu a:visited { color: #ffffcc;   background: transparent;}
#topsizemenu a:focus   { color: #000033;   background: #ffffcc;    }
  /* 
#topsizemenu a:hover   { color: #000033;   background: #ffffcc;    }
   */ 
#topsizemenu a:active  { color: #000033;   background: #ffffcc;    }
    
/* ==================== KOPFBEREICH: oben ================== */

#titel { /* Formatvorlage oberer Teil {{{ */

  position:       static;
  float:          none;
  top:            0;
  left:           0;
  width:          100% !important;

  line-height:    130%;

  margin:         0;
  padding:        0;
  border:         none;

  color:          #ffffff;
  background:     #000000;

  clear:          both;
} /* }}} */

#titel h1 { /* {{{ */ 
  width:           90% !important;
  position:        static;
  font-size:       160%;
  font-weight:     normal;
  letter-spacing:  4px;
  line-height:     140%;
  display:         block;

  border:          none;
  padding:         0; 
  margin:          0;

  border-bottom:   6px solid #ffffff;
  padding-bottom:  0.2em; 

  color:           #ffffff; 
  background:      transparent;
} /* }}} */                  
                   
#titel h2  /* {{{ */ { 
  width:           90% !important;
  font-size:       140%;
  font-weight:     normal;
  letter-spacing:  1px;
                   
  padding:         0;
  margin:          0; 
  border:          none;

  padding-top:     0.5em;
  border-bottom:   6px solid #ffffff;
  padding-bottom:  0.2em; 
  margin-bottom:   0.6em;

  color:           #ffffff; 
  background:      transparent;
} /* }}} */ 

/* ------------- TITELBEREICH: Navigationszeile ------------ */

#topnavi { /* Formatvorlage oberer Teil {{{ */

  font-size:         100%;
  width:             100% !important;
                     
  background:        transparent;
  line-height:       130%;

  margin-top:        0.6em;      
  padding-top:       0.3em;      
  padding-bottom:    0.3em;      

  margin-left:       0.3em;        
  border-left:       8px solid #ffffff;
  padding-left:      0.6em;        

  clear:          both;
} /* }}} */

/* -------------------- Brotkruemelmenue ------------------ */ 

/* evtl. nicht nur auf topnavi beschraenken ??? */ 

#topnavi .breadcrumbs /* {{{ */ {
  display:         block;
  margin-left:     0.3em;
  background:      #000000;
} /* }}} */ 

#topnavi .breadcrumbs .crumb0, .breadcrumbs .crumb1, .breadcrumbs .crumb2 /* {{{ */ { 
/* , #oben .breadcrumbs .crumb2 */ 
  display:         block;
  margin:          0;
  padding:         0;
  border:          none;
  padding-top:     0.2em;
} /* }}} */ 

#topnavi .breadcrumbs .crumb2 /* {{{ */ {
  border-right:    none;
} /* }}} */  

#topnavi .breadcrumbs a /* {{{ */ { 
  text-decoration: none;
}

#topnavi .breadcrumbs a:link    { background: transparent; color: #99ccff;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
#topnavi .breadcrumbs a:visited { background: transparent; color: #ffcc99;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
#topnavi .breadcrumbs a:focus   { background: #ffffff;     color: #000000;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
#topnavi .breadcrumbs a:hover   { background: #ffffff;     color: #000000;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
#topnavi .breadcrumbs a:active  { background: #ffffff;     color: #000000;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
 /* }}} */ 



/* ================== HAUPTBEREICH: content ================ */

#content { /* {{{ */ 
  position:    static;
  float:       none;
  display:     block;
  width:       100% !important;

  padding:     0;
  margin:      0;
  border:      none;
     
  background:  transparent;
  clear:       both;
} /* }}} */ 

/* ------------ SEITENBEREICHE MENUE KUERZUNGEN ------------ */

#menue_kuerzungen {        /* Formatvorlage Menue {{{ */
/* Bezug fuer die folgenden Masze ist die fuer das Menue skalierte Schrift!: */
/* float:                         left;  */
/* folgt linksbuendig dem Bereich top (float: none) der oben liegt. */ 
  position:          static;
  display:           block;
  float:             none;  
  width:             100% !important; 
  font-size:         100%;

  border:            none;
  margin:            0;      
  padding:           0;        

  margin-top:        0;      
  margin-bottom:     1em;      
  padding-bottom:    0.6em;      

  margin-left:       0.3em;        
  border-left:       8px solid #ffffff;
  padding-left:      0.6em;        

  color:             #ffffff;
  background:        transparent;
} /* }}} */

#menue_kuerzungen h2 { /* fuer jede kuerzung */  /* {{{ */
  width:           85% !important;
  font-family:     "Verdana","Helvetica","Arial","ArialMT", sans-serif; 
  font-weight:     normal;
  font-size:       120%;
  letter-spacing:  1px;
  line-height:     150%;
                   
  display:         block;
                   
  margin:          0;
  padding:         0;
  border:          none;

  margin-top:      0.7em;
  padding-top:     0.2em;
  border-bottom:   6px solid #ffffff;
  padding-bottom:  0.2em; 
  margin-bottom:   0.6em;

  
  color:           #ffffff;
  background:      transparent;

} /* }}} */

#menue_kuerzungen ul { /* Kontextselektor "Liste als Navigation"  {{{*/
  width:          85% !important;
  list-style-type:none; /* keine Listenpunkte */
  margin:         0;  
  padding:        0;        
  border:         none;
  background:     #000000;

  margin-top:     0;      border-top:    none;               padding-top:    0;
  margin-right:   0;      border-right:  none;               padding-right:  0;
  margin-bottom:  0.3em;  border-bottom: none;               padding-bottom: 0;
  margin-left:    0.3em;  border-left:   6px solid  #ffffff; padding-left:   0;

  /*
  border-bottom:  6px solid  #ffffff; 
   */
} /* }}} */

#menue_kuerzungen ul li { /* Kontextselektor für die Listeneinträge  {{{*/
  display:        block;
  list-style-type:none;

  margin:         0;      
  border:         none;              
  padding:        0;                

  margin-top:     0;      border-top:    none; padding-top:    0;
  margin-right:   0.4em;  border-right:  none; padding-right:  0;
  margin-bottom:  0;      border-bottom: none; padding-bottom: 0;
  margin-left:    0;      border-left:   none; padding-left:   0.3em;        
}  /* }}} */

#menue_kuerzungen ul li ul { /* Kontextselektor für die Listeneinträge in Listeneinträgen {{{*/
  width:         75% !important;
  margin-left:   0.4em;      
  border-left:   4px solid #ffffff; 
  border-bottom: 4px solid #ffffff; 
  padding-left:  0.4em;        
  background:    000000;
}  /* }}} */

#menue_kuerzungen ul li ul li { /* Kontextselektor für die Listeneinträge in Listeneinträgen {{{*/
  margin:         0;      
  border:         none;              
  padding:        0;                
  /*
  margin-left:   0;      border-left:   4px solid #ffffff; padding-left:   0.4em;        
  */ 
}  /* }}} */


#menue_kuerzungen ul li ul.BuchstListe { /* Kontextselektor für die Listeneinträge in Listeneinträgen {{{*/
  display:       block;
  line-height:   120%;/* Auf Normalmasz setzen.                        */
  margin-right:  3em; /* Sicherheitsabstand nach rechts, damit nichts  */
                      /* uebersteht und die Zeile nicht zu breit wird. */
}  /* }}} */

#menue_kuerzungen ul li ul.BuchstListe li { /* Kontextselektor für die Listeneinträge in Listeneinträgen {{{*/
  display:       inline;
  margin:        0em;      
  border-left:   none;
  padding:       0em;        
}  /* }}} */

#menue_kuerzungen ul li a /* {{{ */ { 
  text-decoration: none;
} 

#menue_kuerzungen  a:link    { background: transparent; color: #99ccff;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
#menue_kuerzungen  a:visited { background: transparent; color: #ffcc99;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
#menue_kuerzungen  a:focus   { background: #ffffff;     color: #000000;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
#menue_kuerzungen  a:hover   { background: #ffffff;     color: #000000;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
#menue_kuerzungen  a:active  { background: #ffffff;     color: #000000;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
/* }}} */ 



/* -------------- HAUPTBEREICH: main_kuerzungen ------------ */

#main_kuerzungen { /* {{{ */

  position:       static;
  
  font:           "Verdana",100% "Helvetica","Arial","ArialMT", sans-serif; 
  background:     #000000;
                
  width:          100% !important; 

  line-height:    130%;
} /* }}} */

#main_kuerzungen h1 {   /* {{{ */
  width:           90% !important;
  display:         block;

  font-family:     "Verdana","Helvetica","Arial","ArialMT", sans-serif; 
  font-weight:     normal;
  font-size:       160%;
  letter-spacing:  1px;   
  line-height:     120%;

  margin:          0;      
  padding:         0;      
  border:          none;

  border-bottom:   6px solid #ffffff;
  padding-bottom:  0.2em; 
  margin-top:      1em;

  color:           #ffffff; 
  background:      transparent;
        
} /* }}} */

#main_kuerzungen h2 { /* {{{ */
  width:           90% !important;
  display:         block;

  font-family:     "Verdana","Helvetica","Arial","ArialMT", sans-serif; 
  font-weight:     normal;
  font-size:       140%;
  letter-spacing:  1px;   
  line-height:     120%;

  margin:          0;      
  padding:         0;      
  border:          none;

  border-bottom:   6px solid #ffffff;
  padding-bottom:  0.2em; 
  margin-bottom:   0.6em;      

  color:           #ffffff; 
  background:      transparent;
        
} /* }}} */

#main_kuerzungen h3 { /* auch fuer jede kuerzung */  /* {{{ */
  width:          80% !important;
  font-family:    "Verdana","Helvetica","Arial","ArialMT", sans-serif; 
  font-weight:    normal;
  font-size:      120%;
  letter-spacing: 2px; 

  display:        block;
  line-height:    150%;
  
  border:         none;      
  padding:        0;     
  margin:         0;

  margin-top:     1em;                                              
  padding-bottom: 0.2em;     
  margin-bottom:  0.6em;     
  border-bottom:  solid 4px #ffffff;   

  color:          #ffffff;
  background:     transparent;

} /* }}} */

#main_kuerzungen h4 { /* das 'aber|Siehe auch', dass die Ausnahmen einleitet */  /* {{{ */
  width:           90% !important;
  /* font-weight:        bold; letter-spacing:1px; */
  font-size:       100%;
  font-weight:     normal;
  letter-spacing:  2px;        

  border:          none;      
  padding:         0;     
  margin:          0;
  margin-top:      0.5em;   
  margin-bottom:   0.2em;   

  color:           #ffffff;
  background:      transparent;
        
} /* }}} */

#main_kuerzungen p { /* {{{ */
  width:           90% !important;
  display:         block;
  font-size:       100%;

  margin-top:      0.6em;     
  margin-bottom:   0.6em;     
} /* }}} */

#main_kuerzungen ul /* {{{ */ {
  display:         block;
  font-size:       100%;
  margin-top:      0.6em;     
  list-style-type: none;
} /* }}} */

#main_kuerzungen ul li /* {{{ */ {
  font-size:       100%;
  /* caused problems in FF; listicons disappeared: */
  /* 
  display:         block;
   */ 
  margin-bottom:   0.6em;     
  list-style-type: none;
} /* }}} */          

#main_kuerzungen ol /* {{{ */ {
  display:         block;
  margin-top:      0.6em;     
  list-style-position: outside;
} /* }}} */

#main_kuerzungen ol li /* {{{ */ {
  display:         block;
  margin-bottom:   0.6em;     
} /* }}} */

#main_kuerzungen dl /* {{{ */ {
  display:         block;
  margin-top:      0.6em;     
} /* }}} */

/* alphalists: Alphabetisch numerierte Listen; Da das in einigen Browsern   */
/* automatisch nicht funktioniert, werden description lists verwendet. Die  */
/* alphabetische Nummerierung folgt dabei der Textvoorlage,                 */

#main_kuerzungen dl.alphalist  /* a) oder -- links aussen, Text eigene linke Kante *//* {{{ */   {
  list-style-position: outside;
} /* }}} */

#main_kuerzungen dl dt /* {{{ */ {
  display:         block;
  margin:          0;
  padding:         0;
  border:          none;
} /* }}} */

#main_kuerzungen dl.alphalist dt /* {{{ */ {
/* a) oder -- und der Text auf gleiche Hoehe */
  margin-top:      1em;     
  margin-bottom:   -1.9em;     
} /* }}} */

#main_kuerzungen dl dd /* {{{ */ {
  display:         block;
  margin:          0;
  padding:         0;
  border:          none;

  margin-bottom:   1em;     
  margin-left:     0.6em;     
} /* }}} */

#main_kuerzungen dl.alphalist dd /* {{{ */ {
  margin-top:      0.6em;     
  margin-bottom:   0.6em;     
  margin-left:     1.6em;     
} /* }}} */

#main_kuerzungen  .KuerzLink {display: inline;}
#main_kuerzungen  .KuerzLink img /* {{{ */ {
  margin:          0;  
  border:          none;
  padding:         0; 

  margin-bottom:  -4px;
  padding-bottom:  8px; 
  border-bottom:   solid 4px #cccccc;

  background:      transparent;
} /* }}} */ 

.toplink /* {{{ */ { /* Eigener Bereich, um ggfs. mehrere Links unterzubringen */ 
} /*  }}} */


a.skiplink, a.toplink { /* "Nach oben" */  /* {{{ */
  line-height:    154%;
  text-align:     left;
  letter-spacing: 1px;  
  
  display:        inline; /* nicht ganze Zeile unterstreichen */ 
  margin:         0; 
  border:         none;
  padding:        0.1em;

  text-decoration:none;
  padding-bottom: 0.2em;
  border-bottom:  solid .1em #99ccff;

  background:     transparent; 
} 
 

a.skiplink:link,    a.toplink:link    { background: transparent; color: #99ccff; padding: 0.1em; border-bottom:  solid .1em #99ccff;}
a.skiplink:visited, a.toplink:visited { background: transparent; color: #99ccff; padding: 0.1em; border-bottom:  solid .1em #99ccff;}
a.skiplink:hover,   a.toplink:hover   { background: #ffffff;     color: #334455; padding: 0.1em; border-bottom:  solid .1em #336699;}
a.skiplink:focus,   a.toplink:focus   { background: #ffffff;     color: #334455; padding: 0.1em; border-bottom:  solid .1em #336699;}
a.skiplink:active,  a.toplink:active  { background: #ffffff;     color: #334455; padding: 0.1em; border-bottom:  solid .1em #336699;}
/* }}} */



/* --------------------- Kuerzungslisten ------------------ */

#main_kuerzungen .Beispiele { /* {{{ */
  color:           #ffffff;
  background-color:transparent;
} /* }}} */

#main_kuerzungen .ausnahmen, #main_kuerzungen .ausnahmenlinks  /* {{{ */ { 
  line-height:     150%;        

  margin:          0;       
  border:          none;                    
  padding:         0;
  margin-left:     0.3em;   
  border-left:     solid .10em #ffffff;     
  padding-left:    0.7em;

  color:           #ffffff;
  background:      transparent;
} /* }}} */

.ausnahmenlinks  a { /* Links zu anderen Kuerzungen {{{ */
/* --> VERSALIEN, leicht gesperrt, groszer Zeilenabstand */ 
  letter-spacing:  2px;        
  text-decoration: none;
  background:      transparent;
} 

.ausnahmenlinks  a:link     { background:  transparent; color:  #99ccff; padding-left: 0.1em; padding-right: 0.1em}
.ausnahmenlinks  a:visited  { background:  transparent; color:  #ffcc99; padding-left: 0.1em; padding-right: 0.1em}
.ausnahmenlinks  a:hover    { background:  #ffffff;     color:  #003366; padding-left: 0.1em; padding-right: 0.1em}
.ausnahmenlinks  a:focus    { background:  #ffffff;     color:  #003366; padding-left: 0.1em; padding-right: 0.1em}
.ausnahmenlinks  a:active   { background:  #ffffff;     color:  #003366; padding-left: 0.1em; padding-right: 0.1em}
/* }}} */

/* --------------------- Unter-Inhaltsverzeichnis ---------------- */

.minitoc { /* {{{   Lineare Navigation am unteren Ende des Hauptteils */ 
  display:       block;
                 
  padding:       0;
  margin:        0;
  border:        none;
  margin-top:    0.6em;
  margin-left:   0.3em;
  padding-left:  0.6em;
  border-left:   4px solid #ffffff;

  background:    #000000; 
} /* }}} */ 

.minitoc ul          /* {{{ */ { 
  display:               inline; 
  list-style-position:   outside; 
  padding:               0;
  margin:                0;
}/* }}} */ 

.minitoc ul li       /* {{{ */ { 
  list-style-image:      none;  
  list-style-type:       none; 
  display:               block; 
  padding:               0;
  margin:                0;
}/* }}} */  
.minitoc ul li a     /* {{{ */ { 
  text-decoration:  none; 
}
.minitoc ul li a:link    { background: transparent; color: #99ccff;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
.minitoc ul li a:visited { background: transparent; color: #ffcc99;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
.minitoc ul li a:focus   { background: #ffffff;     color: #000000;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
.minitoc ul li a:hover   { background: #ffffff;     color: #000000;  padding-left: 0.1em; padding-right: 0.5em; border: none; }
.minitoc ul li a:active  { background: #ffffff;     color: #000000;  padding-left: 0.1em; padding-right: 0.5em; border: none; }

/* }}} */ 

/* --------------------- Navigation unten ---------------- */

.hinundhermenu  /* {{{ */ { /* Lineare Navigation am unteren Ende des Hauptteils */ 
  display:       block;
                 
  margin:        0;
  padding:       0;
  border:        none;
  margin-top:    3em;

  padding-left:  0.3em;

  background:    transparent; 
} /* }}} */ 

.minimenu { /* {{{ */ 
  display:       block;
  padding:       0;
  margin:        0;
  margin-top:    0.2em;
  margin-bottom: 0.2em;
  line-height:   1.5em;
} /* }}} */ 

.minimenu a { /* {{{ */ 
  color:    #ffffff;
}

.minimenu a:link     { background:  transparent; color:  #99ccff; padding-left: 0.1em; padding-right: 0.1em}
.minimenu a:visited  { background:  transparent; color:  #ffcc99; padding-left: 0.1em; padding-right: 0.1em}
.minimenu a:hover    { background:  #ffffff;     color:  #000000; padding-left: 0.1em; padding-right: 0.1em}
.minimenu a:focus    { background:  #ffffff;     color:  #000000; padding-left: 0.1em; padding-right: 0.1em}
.minimenu a:active   { background:  #ffffff;     color:  #000000; padding-left: 0.1em; padding-right: 0.1em}
/* }}} */ 

.minimenu img   { margin: none;        border:  none;   margin:       none; }
.minimenu a img { margin: none;        border:  none;   margin:       none; }

/* {{{ */ 
.minimenu a:link     { background:  transparent; color:  #99ccff; padding-left: 0.1em; padding-right: 0.1em;  border: none;}
.minimenu a:visited  { background:  transparent; color:  #ffcc99; padding-left: 0.1em; padding-right: 0.1em;  border: none;}
.minimenu a:hover    { background:  #ffffff;     color:  #000000; padding-left: 0.1em; padding-right: 0.1em;  border: none;}
.minimenu a:focus    { background:  #ffffff;     color:  #000000; padding-left: 0.1em; padding-right: 0.1em;  border: none;}
.minimenu a:active   { background:  #ffffff;     color:  #000000; padding-left: 0.1em; padding-right: 0.1em;  border: none;}
/* }}} */ 

/* ------------ nur fuer an_a.htm und anh_b.htm ---------- */

ul.KuerzLink {  /* {{{ */ 
  list-style-type:none; /* keine Listenpunkte */
  margin:         0;  
  border:         0;        
  padding:        0; 
  margin-left:    0; /* kein einzug links */ 
  line-height: 200%;
} /* }}} */ 

ul.KuerzLink li {  /* {{{ */ 
  background:      transparent;
  display:         inline;
  line-height:     200%;
  margin:          0;  
  padding:         0.2em; 
  border:          none;        
} /* }}} */ 

ul.KuerzLink li img /* {{{ */ {
  background:      #000000;
  color:           #003366; 
  margin:          0;  
  display:         inline-block;
  border:          solid 3px #000000;
  /* 
  border-right:    solid 3px #666666;
  border-left:     solid 3px #666666;
   */ 
  padding:         0; 
  margin-bottom:   -0.2em;
}
/* }}} */ 


/* ---------------- Tabellen mit Braillezeichen ------------ */

table.brltable { /* {{{ */
  font-size:      100%;
  display:        block;
  background:     transparent;
  padding:        0 0 0 0 ;
  border-collapse:collapse;
  border:         none;
  border-left:    4px solid #ffffff;
  border-bottom:  4px solid #ffffff;
  margin-top:     0.6em;

  /* taken from YAML's .slidebox class */ 
    margin-right: -1000px; position:relative; height: 1%;
} /* }}} */ 

table.brltable tr { /* {{{ */
  padding:        0 0 0.4em 0 ;
  font-size:      100%;
  line-height:    100%;
} /* }}} */

table.brltable th { /* {{{ */
  color:             #ffffff; 
  background:        #3a4040;  
  font-size:         100%;
  letter-spacing:    3px;
  line-height:       150%;
  text-align:        left;     
  border-collapse:   collapse;
  border-bottom:     4px solid #ffffff;
  border-top:        4px solid #ffffff;
  margin:            0;
  padding:           0.3em;
  padding-bottom:    0.7em;
  padding-right:     1em;
} /* }}} */

th 
{ border-right:   solid 4px #ffffff; }/* bar after even cols */

table.brltable td { /* {{{ */
  font-size:      100%;
  letter-spacing: 2px;

  margin:         0; border:         none;
  border-bottom:  5px dotted #cccccc;
  border-right:   5px dotted #cccccc;

  padding:        0.3em;
  padding-right:  1em;
} /* }}} */

table.brltable tfoot { /* {{{ */
  background:     #402931;  
  color:          #ffffff; 

  background:     #112233;  /* Schwarze schrift #d5cdcd */
  font-size:      100%;
  letter-spacing: 3px;
  line-height:    150%;
  text-align:     left;     
  border-collapse:collapse;
  border-bottom:  4px solid #ffffff;
  margin:         1em;
  padding:        0.7em;
  padding-top:    0.3em;
} /* }}} */

table.brltable tfoot td { /* {{{ */
  line-height:    150%;
} /* }}} */

  table.brltable .col1, table.brltable .col2, table.brltable .col3,
  table.brltable .col4, table.brltable .col5, table.brltable .col6,
  table.brltable .col7, table.brltable .col8, table.brltable .col9 {
    border-right:   dotted 4px #999999;
  }

   /* last col, no right bar */
  table.brltable .col0  { padding-right:  0.5em; border-right: none; }

  table.brltable .cola, table.brltable .colb, table.brltable .colc,
  table.brltable .cold, table.brltable .cole, table.brltable .colf,
  table.brltable .colg, table.brltable .colh, table.brltable .coli {
     border-right:   solid 4px #ffffff;
  }

  table.brltable thead .col1, table.brltable thead .col2, table.brltable thead .col3,
  table.brltable thead .col4, table.brltable thead .col5, table.brltable thead .col6,
  table.brltable thead .col7, table.brltable thead .col8, table.brltable thead .col9, {
    border-right:   none;
  }

  table.brltable thead .cola, table.brltable thead .colb, table.brltable .colc,
  table.brltable thead .cold, table.brltable thead .cole, table.brltable .colf,
  table.brltable thead .colg, table.brltable thead .colh, table.brltable .coli {
    padding-left:  0.5em; 
    padding-right: 0.5em; border-right:   solid 4px #ffffff;
  }

  /* }}} */

/* -------------- Alternativ dazu Brailleliste ---------- */

.brlliste /* {{{ */ {
  display:        block;
  list-style-type:none;

  margin:         0;
  padding:        0;
  border:         none;

  background:     transparent;
} /* }}} */ 

.brlliste ul /* {{{ */ {
  display:        block;
  list-style-type:none;

  margin:         0;
  padding:        0;
  border:         none;
  border-left:    4px solid #ffffff;
} /* }}} */ 

.brlliste ul li /* {{{ */ {
  display:        block;
  list-style-type:none;
  list-style-image: none;

  margin:         0;
  padding:        0;
  border:         none;
  margin-top:     0.6em;
  padding-left:   0.4em;
  padding-bottom: 0.2em;
  margin-bottom:  0.6em;
  border-bottom:  4px dotted #cccccc;
} /* }}} */ 

/* -------------- Bereiche fuer Braillebeispiele ---------- */

.brlbeispiele, .brlaberspiele /* {{{ */ { 
  width:          75% !important;
  display:        block;
  background:     transparent;
  padding:        5px;
  padding-top:    9px;
  padding-left:   1em;
  border:         none;
  border-left:    4px solid #ffffff; ;
  margin:         0;
  margin-top:     0.6em;
  margin-left:    0.3em;
  margin-bottom:  0.6em;

  /* taken from YAML's .slidebox class */ 
    margin-right: -1000px; position:relative; height: 1%;
} /* }}} */       

.brlaberspiele /* {{{ */ { 
  border-left:    8px solid #cc6666;
  background:     transparent;
  /* background:     #330000; */  
  /* no dark red bg; braille images are not transparent */ 
} /* }}} */ 

.brlbeispiele ul /* {{{ */ { 
  display:           block;
  list-style-type:   none;
  list-style-image:  none;
  line-height:       40%;
  margin:            0;        
  border:            none;        
  padding:           0;
  margin-top         11em;
} /* }}} */ 

.brlbeispiele ul li /* {{{ */ { 
  display:           block;
  list-style-type:   none;
  list-style-image:  none;

  margin:            0;        
  border:            none;        
  padding:           0;
  padding-bottom:    5px;
  border-bottom:     4px dotted #cccccc;
} /* }}} */ 


.brlbeispiele ul li ul /* {{{ */ { 
  display:           block;
  list-style-type:   none;
  list-style-image:  none;

  margin:            0;        
  border:            none;        
  padding:           0;
} /* }}} */ 

.brlbeispiele ul li ul li /* {{{ */ { 
  display:           block;
  list-style-type:   none;
  list-style-image:  none;

  margin:            0;        
  border:            none;        
  padding:           0;

  margin-left:       0.5em;
} /* }}} */ 

.brlbeispiele a:link     { background:  #000000;  color:  #99ccff; }
.brlbeispiele a:visited  { background:  #000000;  color:  #99ccff; }
.brlbeispiele a:focus    { background:  #ffffff;  color:  #000000; }
.brlbeispiele a:hover    { background:  #ffffff;  color:  #000000; }
.brlbeispiele a:active   { background:  #ffffff;  color:  #000000; }



/* ========================= TRICKS ======================== */
.unsichtbar { /* blendet NICHT aus! {{{ */
} /* }}} */

.skiplink { /* Wird hier nicht ausgeblendet sondern wie toplink behandelt. */ 
  position:      static;
  overflow:      visible;
  display:       normal;
} /* }}} */

dfn { /* Ordnungszahlen in Menues (nicht wegskalieren!) {{{ */

  font-style:        normal;
  position:          static;
  overflow:          visible;
  display:           inline;

  margin:            0;
  padding:           0;
  border:            none;
  margin-right:      0.3em;
  /* It's better to use margin-right than to use padding-right; If
   * padding-right was used, Opera repeated the second digit in new line, when
   * a linebreak was necessary after <dfn></dfn>-area.
   */ 
} /* }}} */

.buchstabenliste a   /* {{{ */ {  
  background:  #f9f9f9;        color:                #003366; 
  margin:      0;        border:        0;        padding:        0;
}
.buchstabenliste a:link     {  background:  #000000;  color:  #99ccff; }
.buchstabenliste a:visited  {  background:  #000000;  color:  #99ccff; }
.buchstabenliste a:focus    {  background:  #ffffff;  color:  #000000; }
.buchstabenliste a:hover    {  background:  #ffffff;  color:  #000000; }
.buchstabenliste a:active   {  background:  #ffffff;  color:  #000000; }
/* }}} */ 



/* 
class="buchstabenliste"
class="hinundhermenu"
class="KuerzLink"
class="minimenu"
class="skiplink"
class="toplink"
class="unsichtbar"
 */


/* ========================= TRICKS ======================== */

/* TAKEN FORM MOLLY.COM. THANKS */
/* discrete "skip to the content" link */
#uebersprung {
  letter-spacing: 1px;

  padding:        0; 
  margin:         0; 
  border:         none;
  padding-left:   0.1em;
}


#uebersprung:link       { background: transparent; color: #99ccff; padding-right: 0.1em}
#uebersprung:visited    { background: transparent; color: #99ccff; padding-right: 0.1em}
#uebersprung:hover      { background: #ffffff;     color: #000000; padding-right: 0.1em}
#uebersprung:focus      { background: #ffffff;     color: #000000; padding-right: 0.1em}
#uebersprung:active     { background: #ffffff;     color: #000000; padding-right: 0.1em}