/* -------------------stylesheets für Henrik ------------------------ */

BODY {    font-family      : Arial;
          font-size        : 11pt;         
          color            : rgb(70,0,20);
          margin-top       : 0px;
          margin-left      : 0px;
          margin-right     : 0px;
          margin-bottom    : 0px;
          background-color : rgb(255,255,255);}

/* ------------------- versch. Tabellen ----------------------------- */
table   { border           : 0px; 
          font-size        : 11pt;         
        }
          
table.login {height        : 554;}
table.logininput { width   : 292;
          border-left      : 3px solid rgb(0,200,174);
          border-right     : 3px solid rgb(0,200,174);
          border-top       : 0px;
          border-bottom    : 3px solid rgb(0,200,174);
          background-color : rgb(0,230,204);}      
          
table.leistli {
          border           : 1px solid rgb(0,0,0); }      


/* -------------------- allgemeine Styles --------------------------- */
.klein    {font-size       : 8pt;}
.kleingrau {font-size      : 8pt;
            color          : rgb(169,132,150);}

.dick     {font-weight     : bold;}
.grau     {background-color: rgb(228,218,224);}
.hellgrau {background-color: rgb(245,238,243);}  
.dickgrau {background-color: rgb(228,218,224);
           font-weight     : bold;}

.backpink {background-color: rgb(215,1,122);}
.braun    {background-color: rgb(0,230,204);}
.rot      {color           : rgb(255,0,0);}
.weiss    {color           : rgb(255,255,255);} 
.backweiss {background-color: rgb(255,255,255);}
                                          
.achtung  {background-color : rgb(215,1,122); 
           color            : rgb(255,255,255);
           font-weight      : bold;    
           font-style       : italic;}      
           
.eingabefeld {
           background-color: rgb(255,255,255);
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;}
.eingabefelddisabled {
           background-color: rgb(235,228,233);
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;}
           

/* ------------------------- Fieldsets / Legenden ------------------------- */
fieldset  {background-color: rgb(252,228,240);                  /* Fieldset */
          border-left      : 1px solid rgb(229,192,211);
          border-right     : 1px solid rgb(229,192,211);
          border-bottom    : 1px solid rgb(229,192,211);
          border-top       : 1px solid rgb(229,192,211);}

legend    {font-weight     : bold;                              /* Legende für ein Fieldset */
           color           : rgb(167,97,132);}

/* ---------------- Styles für das Kalenderfenster ------------------ */
.bunt1       {background-color: rgb(230,255,230); color: rgb(0,102,0);}
.buntdunkel1 {background-color: rgb(190,215,190); color: rgb(0,51,0);}
.bunt2       {background-color: rgb(255,255,230); color: rgb(102,102,0);}
.buntdunkel2 {background-color: rgb(215,215,190); color: rgb(51,51,0);}
.bunt3       {background-color: rgb(255,230,230); color: rgb(102,0,0);}
.buntdunkel3 {background-color: rgb(215,190,190); color: rgb(51,0,0);}



/* ------------------------- Überschriften -------------------------- */
H1 { font-size:16pt; font-style:bold; color:rgb(70,0,20); margin-top:0pt; margin-bottom:10pt;}
H1.admin { font-size:16pt; font-style:bold; color:rgb(255,0,0); margin-top:0pt; margin-bottom:10pt;}

H2 { font-size:12pt; font-style:bold; color:rgb(70,0,20); margin-top:0pt; margin-bottom:10pt;}
H2.admin { font-size:12pt; font-style:bold; color:rgb(255,0,0); margin-top:0pt; margin-bottom:10pt;}

H3 { font-size:11pt; color:rgb(70,0,20); margin-top:0pt; margin-bottom:10pt;}
H4 { font-size:10pt; color:rgb(70,0,20); margin-top:0pt; margin-bottom:10pt;}
                              
                              
/* ------------------------- Links ---------------------------------- */
A:LINK    {
          text-decoration  : underline;
          color            : rgb(0,116,202); }

A:VISITED {
          text-decoration  : underline;
          color            : rgb(0,116,202); }

A:HOVER   {
          text-decoration  : underline;
          color            : Red;  }


/* ------------------------- CSS-Buttons ---------------------------- */
a.cssbutton {   background-color : rgb(255,214,193);
                border-left      : 2px solid rgb(255,236,225);
                border-right     : 2px solid rgb(64,64,64);
                border-bottom    : 2px solid rgb(64,64,64);
                border-top       : 2px solid rgb(255,236,225);
                color            : rgb(70,0,20);
                font-size        : 10pt;         
                font-family      : MS sans serif;
                padding-top      : 1px;
                padding-bottom   : 1px;
                padding-left     : 5px;
                padding-right    : 5px;
                text-decoration  : none; }

a.cssbutton:hover {
                border-left      : 2px solid rgb(118,124,128);
                border-right     : 2px solid rgb(245,251,255);
                border-bottom    : 2px solid rgb(245,251,255);
                border-top       : 2px solid rgb(118,124,128);
                color            : rgb(255,0,0);
                text-decoration  : none; }

a.cssbutton:visited  {
                color            : rgb(70,0,20);
                text-decoration  : none; }

/* ------------------ CSS-Buttons oben ------------------------------ */
a.cssbuttonNavigOben { background-color : rgb(215,1,122);
              font-size        : 14pt;         
              border           : 1px solid rgb(0,0,0); 
              padding-top      : 2px;
              padding-bottom   : 2px;
              padding-left     : 10px;
              padding-right    : 10px;
              color            : rgb(255,255,255);     
              text-decoration  : none; }

a.cssbuttonNavigOben:hover {
              background-color : rgb(245,41,162);
              color            : rgb(255,255,255);     
              text-decoration  : none; }

a.cssbuttonNavigOben:visited  {
              color            : rgb(255,255,255);
              text-decoration  : none; }

a.cssbuttonNavigObenAktuell { background-color : rgb(0,0,0);
              font-size        : 14pt;         
              border           : 1px solid rgb(0,0,0);
              padding-top      : 2px;
              padding-bottom   : 2px;
              padding-left     : 10px;
              padding-right    : 10px;
              color            : rgb(255,255,255);     
              text-decoration  : none; }

a.cssbuttonNavigObenAktuell:hover {
              background-color : rgb(90,0,60);
              color            : rgb(255,255,255);     
              text-decoration  : none; }

a.cssbuttonNavigObenAktuell:visited  {
              color            : rgb(255,255,255);
              text-decoration  : none; }

/* ------------------ CSS-Buttons links ----------------------------- */
/* Problem: Einem <a href> kann keine Breite zugeordnet werden.       */
/* Deshalb wird das mouseover für die linken Navigationsbuttons       */
/* mit prototype setStyle erledigt.                                   */
/* 1) buttonNavigLinks     : Rand, Hintergrundfarbe                   */    
/* 2) a.cssbuttonNavigLinks: Schriftgröße, Farbe, Decoration          */
/* 3) da JavaScript (prototype) keine Stylesheets einbinden kann,     */
/*    ist in html-kopf.inc noch folgendes definiert:                  */
/*    $buttonNavigLinks         = "rgb(215,1,122)";                   */
/*    $buttonNavigLinks_hover   = "rgb(245,41,162)";                  */   
/*    $buttonNavigLinks_aktuell = "rgb(0,0,0)";                       */
/* ------------------------------------------------------------------ */
.buttonNavigLinks {background-color: rgb(215,1,122);
              border           : 1px solid rgb(0,0,0);
              padding-top      : 2px;
              padding-left     : 5px;
              padding-right    : 5px;
              padding-bottom   : 2px; }

.buttonNavigLinksAktuell {background-color: rgb(0,0,0);
              border           : 1px solid rgb(0,0,0);
              padding-top      : 2px;
              padding-left     : 5px;
              padding-right    : 5px;
              padding-bottom   : 2px; }

a.cssbuttonNavigLinks { background-color : rgb(215,1,122);
              font-weight      : bold;
              color            : rgb(255,255,255);     
              text-decoration  : none; }

a.cssbuttonNavigLinks:hover {
              background-color : rgb(245,41,162);
              color            : rgb(255,255,255);     
              text-decoration  : none; }

a.cssbuttonNavigLinks:visited  {
              color            : rgb(255,255,255);
              text-decoration  : none; }
              
a.cssbuttonNavigLinksAktuell { background-color : rgb(0,0,0);
              font-weight      : bold;
              color            : rgb(255,255,255);     
              text-decoration  : none; }

a.cssbuttonNavigLinksAktuell:hover {
              background-color : rgb(90,0,60);
              color            : rgb(255,255,255);     
              text-decoration  : none; }

a.cssbuttonNavigLinksAktuell:visited  {
              color            : rgb(255,255,255);
              text-decoration  : none; }