/* Reihenfolgen: oben rechts unten links */

a:link    { color: #007030; text-decoration: underline; }
a:visited { color: #002010; text-decoration: underline; }
a:hover   { color: #ff3030; text-decoration: underline; }
a:focus   { color: #00c090; text-decoration: underline; }
a:active  { color: #00c090; text-decoration: underline; }

/* globale Einstellungen */
html, body {
   color:            #000072;
   background-color: #b4c8e6;
   /* fensterfüllend */
   margin:           0px;
   padding:          0px;
   width:            100%;
   height:           100%;
}

/*****************************************************************/
/********************* Hauptfeld *********************************/
.header {
   background-color: #000072;
   color:            #ff0000;
   width:            100%;
   text-align:       center;
}

/* Global für den sonstigen Text */
.haupt {
   color:            #000072;
   background-color: #b4c8e6;
   padding:          11px;
   margin:           11px;
   text-align:       left;
}

.header img {
   margin:           1ex;
   border-width:     0px; /* Bilder randlos mit Abstand */
}

/* Global für Bilder */
.haupt img {
   margin:           1ex;
   border-width:     0px; /* Bilder randlos mit Abstand */
}
.imgr {
   float:            right;
}
.imgl {
   float:            left;
}

/* Global für Überschriften im Text */
h1 { font-size:      1.75em; }
h2 { font-size:      1.52em; }
h3 { font-size:      1.32em; }
h4 { font-size:      1.15em; }

.haupt h1, .haupt h2, .haupt h3, .haupt h4 {
   color:            #720000;
   /* background-color: #efffff; */
   background-color: #e6f0ff;
   font-weight:      bold;
   /* orul */
   padding:          5px; /* links 0 wg. Zusammenfallen Striche */
   margin:           0px;
}

.haupt h1 span, h2 span, h3 span, h4 span {
   color:            #720000;
   /* background-color: #efffff; */
   background-color: #e6f0ff;
   /* orul */
   padding:          5px;  /* gleich padding von h1-4! */
   margin:           0px /*0px 0px -6px */ ; /* -6: Striche zusammen außerhalb float */
                                       /* 6 ist border-width h1-4 ! */

}

.ani {
   float:            left;
   margin:           0px 5px 0px 0px;
   padding:          0px;
}
.anj {
   clear:            left;
}

.btr {
   text-align:       right;
}

p, dl {
   /* orul */
   margin:           1em 11px 1em 15px;

}

dt {
   /* orul */
   margin:           0em 0px 0em 0px;
}
dd {
   /* orul */
   margin:           0em 0px 0em 40px;
}
ul, ol {
   margin-left:      10px;
   padding-left:     0px;
}

li {
   margin: 4px 20px 4px 30px;
   padding-left: 10px;
}


/************************************************************************/
/***************************** Navigation *******************************/

/* Navigation 1. Stufe: horizontal */
.tnav {
   width:            100%;
   border-width:     0px;
   border-spacing:   0px;
   margin:           0px;
   padding:          0px 0px 10px 0px;
   color:            #f5f5fd;
   background-color: #000072;
   font-weight:      bold;
}



.stna {
   color:            #ffd5d5;
   background-color: #000072;
   margin:           10px 10px 10px 10px;
}


.tno {
   color:            #f5f5fd;
   background-color: #000072;
   margin:           10px 10px 10px 10px;
}

.tno a {
   color:            #f5f5fd;
   background-color: #000072;
   margin:           10px 10px 10px 10px;
}

.tno a:hover {
   color:            #000072;
   background-color: #98aac2;
}


.stnx {
   color:            #ffe5e5;
   background-color: #000072;
   margin:           0px 10px 0px 10px;
}

.stnx a {
   color:            #ffe5e5;
   background-color: #000072;
   margin:           10px 10px 10px 10px;
}

.stnx a:hover {
   color:            #720000;
   background-color: #98aac2;
}

.tna {
   color:            #f5f5fd;
   background-color: #000072;
   text-decoration:  none;
   margin:           0px 10px 0px 10px;
}


.submitother, .submitmischen, .submitweiter, .submitaktual, .submitabmelden {
   background-color: #b4c8e6;
   color:            #720000;
   border-color:     #000072;
   border-width:     3px;
}

.inputfeld, .inputcheck, .inputoption, .inputradio, .inputselect, .inputarea {
   background-color: #fff0f0;
}
.inputfeld, .inputcheck, .inputoption, .inputradio, .inputselect, .inputarea {
   border-width:     2px;
   border-color:     #000072 #4444a0 #334499 #000072;
}



.block, .blockaktiv {
   background-color: #f0faff;
   color:            #000072;
   border-width:     1px;
   border-color:     #000072;
   border-style:     solid;
   padding:          0px;
   margin:           0px;
}

.fl {
   text-align:       right;
   vertical-align:   top;
}
.fm, .fr {
   text-align:       left;
   vertical-align:   top;
}

.tx {
   background-color: #f0faff;
   padding:          4px;
   margin:           0px;
}

.input tr {
   margin:           0px;
   padding:          0px;
   border-width:     0px;
}
.input td {
   margin:           0px;
   padding:          0px 5px 0px 5px;
   border-width:     0px;
   background-color: #f0faff;
}
.input table {
   border-width:     0px;
   background-color: #f0faff;
   margin:           0px;
   padding:          0px;
}

table.legen, div.legen {
   background-color: #000072;
   text-align:       left;
   vertical-align:   bottom;
   /* empty-cells: hide; */
}
table.legen th {
   background-color: #b4c8e6;
   color:            #720000;
}
table.lart {
   background-color: #009933;
   color:            #ee5544;
   text-align:       center;
   vertical-align:   middle;
}
table.lart th {
   background-color: #008822;
   color:            #ffee66;
}
td.ca {
/*   background-color: #11aa44;
   color:            #eedd66; */
   color:            #008822;
   background-color: #eeeeee;
   width:2em;
}
td.cal {
   background-color: #11aa44;
   color:            #eedd66;
   text-align:       left;
}
td.le {
   background-color: #009933;
   color:            #009933;
   width:            2em;
}
td.ec {
   background-color: #009933;
   color:            #009933;
   width:            2em;
}
td.ecc {
   background-color: #000072;
   color:            #000072;
   width:            2em;
}

.mehr {
   color:            #ccbbbb;
}