/* =========================================================================== */
/* Stylesheets für Blaues Design                                               */
/* =========================================================================== */

/* -------- Body ------------------------------------------------------------- */
BODY {    font-family      : Arial,Verdana;                                     /* normaler Body */
          margin-top       : 0px;
          margin-left      : 0px;
          margin-right     : 2px;
          margin-bottom    : 0px;
          background-image : url(images/design-blau/seite-hintergrund.jpg);
          background-color : #F6F19D;}

BODY.config {    font-family      : Arial,Verdana;                              /* konfigurierter Body */
          margin-top       : 0px;                                               /* Kein Hintergrundbild, */
          margin-left      : 0px;                                               /* Hintergrundfarbe wird */
          margin-right     : 2px;                                               /* konfiguriert */
          margin-bottom    : 0px;
          background-image : none;}

BODY.print { font-family      : Arial,Verdana;                                  /* Print Body */
          margin-top       : 0px;
          margin-left      : 0px;
          margin-right     : 0px;
          margin-bottom    : 0px;
          background-image : none;
          background-color : rgb(255,255,255);}


BODY.popup {
          margin-top       : 10px;
          margin-left      : 10px;
          margin-right     : 10px;
          margin-bottom    : 10px;
          background-image : none;
          background-color : #F6F19D;
          color            : #001B4F;}
          
/* -------- DIV-Bereiche ----------------------------------------------------- */
.divaussen {
          width            : 100%;         
          position         : absolute; }
.divregister {
          border-left      : 2px solid #7596D8;
          border-right     : 2px solid #7596D8;
          border-bottom    : 2px solid #7596D8;
          width            : 95%;         
          position         : relative;
          top              : 0px;   
          background-color : #EAF2FF;
          font-size        : 9pt;
          color            : #001B4F; }


/* -------- Tabellen --------------------------------------------------------- */
p,ul,ol { font-size        : 10pt;
          color            : #001B4F;}

tr,td   { font-size        : 9pt;
          color            : 001B4F;}
          
          
td.registerbutton {
          border-bottom    : 2px solid #5C7DBE;}
td.registerbutton_aktiv {
          border-bottom    : 0px solid #5C7DBE;}

table.maske {
          border-left      : 2px solid #B6CFE4;
          border-right     : 2px solid #B6CFE4;
          border-bottom    : 2px solid #B6CFE4;
          border-top       : 2px solid #B6CFE4;
          width            : 95%;
          background-color : #E3ECF5;}     
          
table.login {
          border-left      : 2px solid #B6CFE4;
          border-right     : 2px solid #B6CFE4;
          border-top       : 2px solid #B6CFE4;
          border-bottom    : 2px solid #B6CFE4;
          background-color : #E3ECF5;}         
          
          
/* ------------------------- Tabellen für Rahmen ------------------------------------ */
table.rahmen {
          border-top       : 1px solid #B6CFE4;  /* etwas dunkler als dickgrau */
          border-left      : 1px solid #B6CFE4; }
td.rahmenlinie_top { 
          border-top       : 1px solid #B6CFE4; } /* oben leichte Rahmenlinie */                                   
td.rahmenlinie_bottom { 
          border-bottom    : 1px solid #B6CFE4; } /* unten leichte Rahmenlinie */                                   
td.rahmen { 
          border-right     : 1px solid #B6CFE4;  
          border-bottom    : 1px solid #B6CFE4; }                                    
td.rahmen_right { 
          border-right     : 1px solid #B6CFE4; } /* rechts leichte Rahmenlinie */
td.rahmendick_right { 
          border-right     : 1px solid #000000;  /* rechts stärkere Rahmenlinie */
          border-bottom    : 1px solid #B6CFE4; }                                    
td.rahmendick_bottom { 
          border-right     : 1px solid #B6CFE4;  /* unten stärkere Rahmenlinie */
          border-bottom    : 1px solid #000000; }                                    
td.rahmendick_right_bottom { 
          border-right     : 1px solid #000000;  /* rechts und unten stärkere Rahmenlinie */
          border-bottom    : 1px solid #000000; }                                    
          



/* -------- Schattierungen, Hintergründe ------------------------------------- */
.grau        {background-color : #CEDAFA;}
.hellgrau    {background-color : #E5EDF8;}
.dunkelgrau  {background-color : #3366CC;}
.dickgrau    {background-color : #CEDAFA;
              font-weight      : bold;}
.weiss       {background-color : rgb(255,255,255);}
.bunt1       {background-color : #EDF1FE; color: #4863A5;}
.buntdunkel1 {background-color : #BFCFFB; color: #344F93;}
.bunt2       {background-color : #EAFDEF; color: #589B67;}
.buntdunkel2 {background-color : #B6E4C2; color: #2C7C41;}
.bunt3       {background-color : #FFEFEF; color: #945454;}
.buntdunkel3 {background-color : #EDC7C7; color: #7C3A3C;}

.useradmin       {background-color : #FACDD7; color: #BE0024;}
.usersuperuser   {background-color : #FFD2E6; color: #C100B9;}
.usermeldung     {background-color : #CEE8FB; color: #0066CC;}
.userstreife     {background-color : #CEFFEA; color: #02777F;}
.userauswerterd  {background-color : #E8FBCE; color: #688600;}
.userauswerteru  {background-color : #FDF3CF; color: #8C6D01;}
.usergast        {background-color : #E4E4E4; color: #727272;}

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

.erltrtxt    {background-color: #FDFBD5;                                        /* Erläuterungstext bei mouseover */
              color           : #7B7701;
              border          : 1px solid #D4D17F;  
              font-size       : 12pt;  
             }                       

                           
/* -------- Zeichenformate --------------------------------------------------- */
.klein    {font-size       : 8pt;}
.kleingrau {font-size      : 8pt;
            color          : #678CCC;}
.dick     {font-weight     : bold;}
.rot      {color           : #DC0221;}
.blau     {color           : #0000FF;}

.schriftachtung {color     : #DC0221;
           font-weight     : bold;}
           

/* -------- Haarlinie ---------------------------------------------------------*/           
.haarlinie {border         : 0px; 
            border-bottom  : 1px solid #CDCDCD; 
            margin         : 0px; 
            padding        : 0px; }


/* -------- Eingabefelder, Fieldsets und Legenden ---------------------------- */
.eingabefeld {
           background-color: #FFFFFF;
           font-size       : 9pt;
           font-family     : Courier New;}

.eingabefelddisabled {
           background-color: #DFE9F3;                                           /* Fieldset-Farbe */
           color           : #001B4F;
           font-size       : 9pt;
           font-family     : Courier New;}                             

fieldset { background-color: #DFE9F3;                                           /* Fieldset fürs Fieldset-Tag */
           font-size       : 9pt;                                               /* background etwas dunkler als hellgrau */
           color           : #2255BB;  
           padding         : 8px;
           border-left     : 1px solid #B6CFE4;
           border-right    : 1px solid #B6CFE4;
           border-bottom   : 1px solid #B6CFE4;
           border-top      : 1px solid #B6CFE4;}

.fieldset {background-color: #DFE9F3;                                           /* Fieldset als Direktformat */
           font-size       : 9pt;
           color           : #2255BB;  
           padding         : 8px;
           border-left     : 1px solid #B6CFE4;
           border-right    : 1px solid #B6CFE4;
           border-bottom   : 1px solid #B6CFE4;
           border-top      : 1px solid #B6CFE4;}

.fieldsetdunkel { background-color: #CEDAFA;                                    /* Dunkles Fieldset als Direktformat */
           font-size       : 9pt;                                               /* background gleiche Farbe wie grau */
           color           : #2255BB;  
           padding         : 8px;
           border-left     : 1px solid #B6CFE4;
           border-right    : 1px solid #B6CFE4;
           border-bottom   : 1px solid #B6CFE4;
           border-top      : 1px solid #B6CFE4;}

.legend   {background-color: #E3ECF5;                                           /* Legend als Direktformat (wird nur so verwendet) */
           color           : #3366CC;                                           /* background gleiche Farbe wie hellgrau */
           padding-bottom  : 8px;
           font-size       : 10pt;
           font-weight     : bold;}

.legenddunkel   {background-color: #CEDAFA;                                     /* Dunkles Legend als Direktformat */
           color           : #3366CC;                                           /* background gleiche Farbe wie grau */
           padding-bottom  : 8px;
           font-size       : 10pt;
           font-weight     : bold;}

.feldbeschriftung {
           font-size       : 8pt;                                               /* Beschriftung Filter-Eingabefelder */
           color           : #2255BB;}

/* -------- 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            : #CC0033;  }


/* -------- Buttons ---------------------------------------------------------- */
.button {
           background-color: #C3D1EB;   
           color           : #3366CC;
           border-left     : 1px solid #E0EBFE;
           border-right    : 1px solid #92A8D3;
           border-top      : 1px solid #E0EBFE;
           border-bottom   : 1px solid #92A8D3;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 110;
           height          : 25;}
.buttonklein {
           background-color: #C3D1EB;
           color           : #3366CC;
           border-left     : 1px solid #E0EBFE;
           border-right    : 1px solid #92A8D3;
           border-top      : 1px solid #E0EBFE;
           border-bottom   : 1px solid #92A8D3;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 70;
           height          : 25;}
.buttonwinzig {
           background-color: #C3D1EB;
           color           : #3366CC;
           border-left     : 1px solid #E0EBFE;
           border-right    : 1px solid #92A8D3;
           border-top      : 1px solid #E0EBFE;
           border-bottom   : 1px solid #92A8D3;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 30;
           height          : 25;}
.buttongross {
           background-color: #C3D1EB;
           color           : #3366CC;
           border-left     : 1px solid #E0EBFE;
           border-right    : 1px solid #92A8D3;
           border-top      : 1px solid #E0EBFE;
           border-bottom   : 1px solid #92A8D3;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 180;
           height          : 25;}   
           
.buttonriese {
           background-color: #C3D1EB;
           color           : #3366CC;
           border-left     : 1px solid #E0EBFE;
           border-right    : 1px solid #92A8D3;
           border-top      : 1px solid #E0EBFE;
           border-bottom   : 1px solid #92A8D3;
           font-size       : 10pt;
           font-family     : Microsoft Sans Serif;
           width           : 320;
           height          : 25;
           margin-top      : 2px;}


/* ------------------ CSS-Buttons ------------------------------------------- */           
a.cssbutton { background-color   : #C3D1EB;
                margin-top       : 0px;
                margin-left      : 0px;
                margin-right     : 0px;
                margin-bottom    : 0px;
                border-left      : 1px solid #E0EBFE;
                border-right     : 1px solid #92A8D3;
                border-top       : 1px solid #E0EBFE;
                border-bottom    : 1px solid #92A8D3;
                color            : #3366CC;
                text-decoration  : none; }
a.cssbutton:hover {
                border-left      : 1px solid #92A8D3;
                border-right     : 1px solid #E0EBFE;
                border-bottom    : 1px solid #92A8D3;
                border-top       : 1px solid #E0EBFE;
                text-decoration  : none; }

a.cssbutton:visited  {
                color            : #3366CC;
                text-decoration  : none; }

.cssbuttonon { background-color  : #C3D1EB;
                margin-top       : 0px;
                margin-left      : 0px;
                margin-right     : 0px;
                margin-bottom    : 0px;
                border-left      : 1px solid #E0EBFE;
                border-right     : 1px solid #92A8D3;
                border-top       : 1px solid #E0EBFE;
                border-bottom    : 1px solid #92A8D3;
                color            : #3366CC;
                text-decoration  : none; }


/* -------- runde Ecken für Registerlaschen ---------------------------------- */
.registerbutton_ro                   { background:url("images/design-blau/registerbutton-ro.gif") top right no-repeat; margin:0; padding:0; }
.registerbutton_ro_aktiv             { background:url("images/design-blau/registerbutton-ro-aktiv.gif") top right no-repeat; margin:0; padding:0; }
.registerbutton_ro_admin             { background:url("images/design-blau/registerbutton-ro-admin.gif") top right no-repeat; margin:0; padding:0; }
.registerbutton_ro_admin_aktiv       { background:url("images/design-blau/registerbutton-ro-admin-aktiv.gif") top right no-repeat; margin:0; padding:0; }

.registerbutton_ru                   { background:url("images/design-blau/registerbutton-ru.gif") bottom right no-repeat; margin:0; padding:0; }
.registerbutton_ru_admin             { background:url("images/design-blau/registerbutton-ru-admin.gif") bottom right no-repeat; margin:0; padding:0; }

.registerbutton_lo                   { background:url("images/design-blau/registerbutton-lo.gif") top left no-repeat; margin:0; padding:0; }
.registerbutton_lo_aktiv             { background:url("images/design-blau/registerbutton-lo-aktiv.gif") top left no-repeat; margin:0; padding:0; }
.registerbutton_lo_admin             { background:url("images/design-blau/registerbutton-lo-admin.gif") top left no-repeat; margin:0; padding:0; }
.registerbutton_lo_admin_aktiv       { background:url("images/design-blau/registerbutton-lo-admin-aktiv.gif") top left no-repeat; margin:0; padding:0; }

.registerbutton_lu                   { background:url("images/design-blau/registerbutton-lu.gif") bottom left no-repeat; margin:0; padding:0; }
.registerbutton_lu_admin             { background:url("images/design-blau/registerbutton-lu-admin.gif") bottom left no-repeat; margin:0; padding:0; }

.registerbutton_inhalt               { color:#3366CC; margin:0; padding:5px 8px 2px 8px; }
.registerbutton_inhalt_admin         { color:#CC0000; margin:0; padding:5px 8px 2px 8px; }
.registerbutton_inhalt_aktiv         { color:#FFFFFF; margin:0; padding:5px 8px 2px 8px; font-weight:bold; font-size:120%; }
.registerbutton_inhalt_admin_aktiv   { color:#FFFFFF; margin:0; padding:5px 8px 2px 8px; font-weight:bold; font-size:120%; }

a.registerbutton_inhalt               { color:#3366CC; text-decoration:none; }
a.registerbutton_inhalt_admin         { color:#CC0000; text-decoration:none; }
a.registerbutton_inhalt_aktiv         { color:#FFFFFF; text-decoration:none; }
a.registerbutton_inhalt_admin_aktiv   { color:#FFFFFF; text-decoration:none; }

a.registerbutton_inhalt:hover         { color:#CC0000; text-decoration:none; font-weight:bold;}
a.registerbutton_inhalt_admin:hover   { color:#CC0000; text-decoration:none; font-weight:bold;}
a.registerbutton_inhalt_aktiv:hover   { color:#3366CC; text-decoration:none; font-weight:bold;}
a.registerbutton_inhalt_admin_aktiv:hover { color:#CC0000; text-decoration:none; font-weight:bold;}

a.registerbutton_inhalt:visited       { color:#3366CC; text-decoration:none; }
a.registerbutton_inhalt_admin:visited { color:#CC0000; text-decoration:none; }
a.registerbutton_inhalt_aktiv:visited { color:#FFFFFF; text-decoration:none; }
a.registerbutton_inhalt_admin_aktiv:visited { color:#FFFFFF; text-decoration:none; }


/* -------- Überchriften ----------------------------------------------------- */
.titel {
          width            : 100%;
          height           : 25px; 
          font-size        : 10pt;
          font-weight      : bold;
          color            : #3366CC;
          background-color : #CEDAFA; }


H1        { font-size:14pt; font-weight:bold; color:#3366CC; margin-top:0pt; margin-bottom:10pt;}  
H1.ueber  { font-size:28pt; font-weight:bold; color:#3366CC; margin-top:0pt; margin-bottom:0pt;}   /* für oberen fetten Titel */
H1.ueber2 { font-size:14pt; font-weight:bold; color:#3366CC; margin-top:0pt; margin-bottom:0pt;}

H2        { font-size:13pt; font-weight:bold; color:#3366CC; margin-top:0pt; margin-bottom:10pt;}
H3        { font-size:11pt; color:#3366CC; margin-top:0pt; margin-bottom:10pt;}
H4        { font-size:10pt; color:#3366CC; margin-top:0pt; margin-bottom:10pt;}