BODY {    font-family      : Arial,Verdana;
          margin-top       : 0px;
          margin-left      : 0px;
          margin-right     : 2px;
          margin-bottom    : 0px;
          background-color : #FFFFFF;}


/* ------------------------- Grundsätzliche Schrift ----------------------- */
p,ul,ol { font-size        : 10pt;                              /* normale Absätze */
          color            : #000000;}

tr,td   { font-size        : 9pt;                               /* Tabellen */
          color            : #000000;}

table.titel {
          width            : 100%;
          height           : 30px;
          font-size        : 10pt;
          font-weight      : bold;
          color            : #000000;
          background-color : #DDDDDD; }

/* ------------------------- Tabellen für Rahmen ------------------------------------ */
table.rahmen {
          border-top       : 1px solid #999999;  /* etwas dunkler als dickgrau */
          border-left      : 1px solid #999999; }
td.rahmenlinie_bottom { 
          border-bottom    : 1px solid #999999; } /* unten leichte Rahmenlinie */                                   
td.rahmen { 
          border-right     : 1px solid #999999;  
          border-bottom    : 1px solid #999999; }                                    
td.rahmendick_right { 
          border-right     : 2px solid #777777;  /* rechts stärkere Rahmenlinie */
          border-bottom    : 1px solid #999999; }                                    
td.rahmendick_top { 
          border-left      : 1px solid #999999;  /* oben stärkere Rahmenlinie */
          border-top       : 2px solid #777777; }                                    
td.rahmendick_bottom { 
          border-right     : 1px solid #999999;  /* unten stärkere Rahmenlinie */
          border-bottom    : 2px solid #777777; }                                    
td.rahmendick_right_bottom { 
          border-right     : 2px solid #777777;  /* rechts und unten stärkere Rahmenlinie */
          border-bottom    : 2px solid #777777; }                                    
          

/* ------------------------- Fieldsets / Legenden ------------------------- */
table.fieldset  {background-color: rgb(245,245,245);            /* Falls es eine Tabelle sein muss */
          border-left      : 1px solid #BBBBBB;
          border-right     : 1px solid #BBBBBB;
          border-bottom    : 1px solid #BBBBBB;
          border-top       : 1px solid #BBBBBB;
          box-shadow       : 1px 1px 2px grey;  
          }

fieldset  {background-color: rgb(245,245,245);                  /* Fieldset */
          border-left      : 1px solid #BBBBBB;
          border-right     : 1px solid #BBBBBB;
          border-bottom    : 1px solid #BBBBBB;
          border-top       : 1px solid #BBBBBB;
          box-shadow       : 1px 1px 2px grey;  
          }

.fieldset {background-color: rgb(245,245,245);                  /* für Optik im Fieldset-Style */
          font-size        : 8pt;
          border-left      : 1px solid #BBBBBB;
          border-right     : 1px solid #BBBBBB;
          border-bottom    : 1px solid #BBBBBB;
          border-top       : 1px solid #BBBBBB;
          box-shadow       : 1px 1px 2px grey;  
          }

.fieldsetkommentar                                              /* Kommentar bei einem Fiendset */
          {font-size       : 8pt;
           color           : #999999;}

legend    {font-weight     : bold;                              /* Legende für ein Fieldset */
           font-size       : 12pt;
           color           : #999999;}

.legend   {font-weight     : bold;                              /* für Optik im Legend-Style */
           font-size       : 12pt;
           color           : #999999;}

/* ------------------------- Zeichen und Hintergründe -------------------- */
.klein    {font-size       : 8pt;}
.kleingrau {font-size      : 8pt;                               /* für untere Copyright-Zeile */
            color          : #999999;}
.dick     {font-weight     : bold;}

.graupopup{background-color: rgb(218,228,224);}
.zurueckgestellt      {color : #AAAAAA;}
.braun    {background-color: #9AD5D2;}
.weiss    {background-color: rgb(255,255,255);}
.rot      {color : rgb(255,0,0);}
.blau     {color : rgb(0,0,255);}   


.bunt1       {background-color: #FFEFFB; color: #945482;}                       /* lila */
.buntdunkel1 {background-color: #EDC7E2; color: #7C3A6A;}
.bunt2       {background-color: #FEFDEC; color: #93903E;}                       /* gelb */
.buntdunkel2 {background-color: #EDEAA5; color: #7B7701;}
.bunt3       {background-color: #E1F0FE; color: #5088BA;}                       /* blau */
.buntdunkel3 {background-color: #B9DCFC; color: #316B9F;}        
.bunt4       {background-color: #EAFDEF; color: #589B67;}                       /* grün */
.buntdunkel4 {background-color: #B6E4C2; color: #2C7C41;}        


.otProjekt        {background-color: #8AD0CD; color: #014A46;}
.otPhase          {background-color: #CEB8EA; color: #400286;}
.otMeilenstein    {background-color: #F8C3D5; color: #970237;}
.otTermin         {background-color: #F5E3BC; color: #573C01;}
.otTerminZ        {background-color: #F5E3BC; color: #573C01;}
.otAufgabe        {background-color: #FECDB8; color: #B63801;}
.otAufgabeZ       {background-color: #FECDB8; color: #B63801;}
.otWiedervorlage  {background-color: #F8C3D5; color: #970237;}
.otDokument       {background-color: #94CDFD; color: #014E90;}
.otEMail          {background-color: #94CDFD; color: #014E90;}
.otUrlaub         {background-color: #CBE59E; color: #4F7C01;}
.otFreizeitTag    {background-color: #CBE59E; color: #4F7C01;}
.otGeburtstag     {background-color: #E4F3CB; color: #4D7A00;}

.otProjektSchrift       {color: #014A46;}
.otPhaseSchrift         {color: #400286;}
.otMeilensteinSchrift   {color: #970237;}
.otTerminSchrift        {color: #573C01;}
.otTerminZSchrift       {color: #573C01;}
.otAufgabeSchrift       {color: #B63801;}
.otAufgabeZSchrift      {color: #B63801;}
.otWiedervorlageSchrift {color: #970237;}
.otDokumentSchrift      {color: #014E90;}
.otEMailSchrift         {color: #014E90;}
.otUrlaubSchrift        {color: #4F7C01;}
.otFreizeitTagSchrift   {color: #4F7C01;}
.otGeburtstagSchrift    {color: #4D7A00;}


.useradmin        {background-color: #FFE6E6; color: #CC0000;}
.userprojektteam  {background-color: #DCF0FF; color: #0033D5;}
.usernurlesen     {background-color: #FCF2BE; color: #766300;}
.usersingle       {background-color: #CEFACE; color: #006A00;}
.userdeaktiviert  {background-color: rgb(238,243,245); color: rgb(120,120,120);}


.achtung  {background-color : rgb(255,0,0); 
           color            : rgb(255,255,255);
           font-weight      : bold;    
           font-style       : italic;}
.schriftachtung {color      : rgb(255,0,0);
           font-weight      : bold;}

.eingabefeld {
           background-color: rgb(255,255,255);
           font-size       : 9pt;
           font-family     : Microsoft Sans Serif;}
.eingabefeldklein {
           background-color: rgb(255,255,255);
           font-size       : 7pt;
           font-family     : Microsoft Sans Serif;}
.eingabefelddisabled {
           background-color: rgb(228,235,233);
           font-size       : 9pt;
           font-family     : Microsoft Sans Serif;}



/* ---------------------- Funktionsknöpfe ------------- */
.button {
           background-color: #A7E2DD;   
           color           : #304C4A;
           border          : 0px;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 90pt;
           height          : 25;
           box-shadow      : 1px 1px 2px grey;  
           }
.button:hover {
           background-color: #DDFCFA;   
           color           : #304C4A;
           border          : 0px;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 90pt;
           height          : 25;
           box-shadow      : 1px 1px 2px grey inset;  
           }

.buttongross {
           background-color: #A7E2DD;   
           color           : #304C4A;
           border          : 0px;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 150pt;
           height          : 25;
           box-shadow      : 1px 1px 2px grey;  
           }
.buttongross:hover {
           background-color: #DDFCFA;   
           color           : #304C4A;
           border          : 0px;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 150pt;
           height          : 25;
           box-shadow      : 1px 1px 2px grey inset;  
           }

.buttonriesig {
           background-color: #A7E2DD;   
           color           : #304C4A;
           border          : 0px;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 180pt;
           height          : 25;
           box-shadow      : 1px 1px 2px grey;  
           }
.buttonriesig:hover {
           background-color: #DDFCFA;   
           color           : #304C4A;
           border          : 0px;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 180pt;
           height          : 25;
           box-shadow      : 1px 1px 2px grey inset;  
           }

.buttonklein {
           background-color: #A7E2DD;   
           color           : #304C4A;
           border          : 0px;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 60pt;
           height          : 25;
           box-shadow      : 1px 1px 2px grey;  
           }
.buttonklein:hover {
           background-color: #DDFCFA;   
           color           : #304C4A;
           border          : 0px;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 60pt;
           height          : 25;
           box-shadow      : 1px 1px 2px grey inset;  
           }


          
/* ------------------------- 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;  }
          
/* ------------------------- Links / CSS-Buttons -------------------- */
a.cssbutton { background-color : rgb(218,224,228);
                margin-top       : 0px;
                margin-left      : 0px;
                margin-right     : 0px;
                margin-bottom    : 0px;
                border-left      : 2px solid rgb(245,251,255);
                border-right     : 2px solid rgb(118,124,128);
                border-bottom    : 2px solid rgb(118,124,128);
                border-top       : 2px solid rgb(245,251,255);
                color            : rgb(24,55,92);
                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);
                text-decoration  : none; }

a.cssbutton:visited  {
                color            : rgb(24,55,92);
                text-decoration  : none; }


/* ------------------------- Zeichen und Hintergründe -------------------- */
.hellgrau {background-color: #DAF5F4;}
.grau     {background-color: #C1E5E3;}
.dickgrau {background-color: #C1E5E3;
           font-weight     : bold;}

.titel    {width           : 100%;
           height          : 30px;
           font-size       : 10pt;
           font-weight     : bold;
           color           : #013E3A;
           background-color : #C1E5E3; }


/* ------------------------- Überschriften -------------------- */
H1 { font-size:14pt; font-weight:bold; color:#013E3A; margin-top:0pt; margin-bottom:10pt;}
H2 { font-size:13pt; font-weight:bold; color:#013E3A; margin-top:0pt; margin-bottom:10pt;}
H3 { font-size:11pt; #013E3A; margin-top:0pt; margin-bottom:10pt;}
H4 { font-size:10pt; #013E3A; margin-top:0pt; margin-bottom:10pt;}