/* 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:            #002040;
   background-color: #ffffff;
   /* fensterfüllend */
   margin:           0px;
   padding:          0px;
   width:            100%;
   height:           100%;
}

/*****************************************************************/
/********************* Hauptfeld *********************************/

/* Global für den sonstigen Text */
#haupt {
   clear:            right;
   color:            #002040;
   background-color: #ffffff;
   padding:          0px;
   margin:           0px;
   text-align:       left;
   float:            right;
   width:            68%;
}

/* 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:            #700000;
   background-color: #ffffff;
   font-weight:      bold;
   /* orul */
   padding:          2px 5px 0px 0px; /* links 0 wg. Zusammenfallen Striche */
   margin:           15px 6px -4px 2px;
}


#haupt i {
   color:            #700000;
   background-color: #ffffff;
}

#haupt b {
   color:            #700000;
   background-color: #ffffff;
}

.bestelltab {
   color:            #700000;
   /* background-color: #efffff; */
   background-color: #f5f5fd;
   padding:          3px;
   /* border-color:     #a5cfff; */
   border-color:     #b0b0b9;
   border-width:     1px;
   border-style:     solid;
}

.bestelltitel {
   color:            #700000;
   /* background-color: #efffff; */
   background-color: #f5f5fd;
   font-weight:      bold;
   padding:          5px;
   /* border-color:     #a5cfff; */
   border-color:     #700000;
   border-width:     0px 0px 0px 3px;
   border-style:     none none none solid;
}

.btr {
   text-align:       right;
}

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

}

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

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

.nein {
   padding:          2px 4px 2px 4px;
   color:            #ffffff;
   background-color: #ff2222;
}

.ja {
   padding:          2px 4px 2px 4px;
   color:            #000000;
   background-color: #33ff33;
}

/************************************************************************/
/***************************** Titelfeld ********************************/

#titim {
   white-space:      nowrap;
   width:            337px;
   float:            right;
}
#titim img {
   margin:           5px;
   border-width:     0px;
   border-style:     none;
}


#titln {
   white-space:      normal;
   text-align:       right;
   float:            right;
   vertical-align:   bottom;
   width:            312px;
   margin:           0px 5px 0px 5px;
   padding:          1px 9px 1px 4px;
   background-color: #ffffcc;
   border-color:     #000000;
   border-width:     1px;
   border-style:     solid;
   font-size:        1.15em;
   font-weight:      bold;
}

#designo {
   white-space:      normal;
   text-align:       right;
   float:            right;
   vertical-align:   bottom;
   width:            312px;
   margin:           10px 5px 0px 5px;
   padding:          1px 9px 1px 4px;
   background-color: #ffffff;
   border-color:     #ff5555;
   border-width:     1px;
   border-style:     dashed;
   font-size:        0.7em;
   font-weight:      bold;
}

/* Schlagzeilen-Zelle td */
#titel {
   padding:          0px;
   vertical-align:   top;
   text-align:       center;
}

/* Schlagzeile selbst */
#titel h1, #titel h2, #titel h3, #titel h4 {
   color:            #b03000;
   font-weight:      bold;
   background-color: transparent; /* damit, wenn der Platz eng wird, ... */
   margin:           10px;
   padding:          5px;
   border-style:     none;
   border-width:     0px;
}
#titel h1 span, #titel h2 span, #titel h3 span, #titel h4 span {
   color:            #b00000;
   background-color: #ffffff; /* ... nicht der ganze Block unterlegt wird */
   border-style:     none;
   border-width:     0px;
}

.tiefer {
     color:          #0050a0;
     font-size:      67%;
     vertical-align: -33%;
}

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


/* Navigation: vertikal */
#snavr {
   color:            #000000;
   background-color: #ffffff;
   /* orul */
   padding:          0px;
   margin:           0px;
   width:            28%;
   max-width:        17em;
   text-align:       left;
   float:            left;
   display:          inline; /* für IE-Fehler.... */
   border-color:     #000000;
   border-width:     0px;
   border-style:     none;
}

#snav, #design {
   color:            #000000;
   background-color: #84aeff;
   /* orul */
   margin:           20px;
   padding:          0px;
   text-align:       left;
   border-color:     #000000;
   border-width:     1px;
   border-style:     solid;
}

#snav ul, #design ul {
   margin:           0px;
   padding:          0px;
   list-style-type:  none;
}
#snav li, #design li {
   margin:           0px;
   padding:          0px;
   display:          inline; /* wg. IE-Fehler */
}

#snav a, #design a {
   color:            #ffffff;
   background-color: #84aeff;
}
#snav a:hover, #design a:hover {
   color:            #ffffff;
   background-color: #647edf;
}
#snav .sna, #design .sna {
   color:            #ffffff;
   background-color: #647edf;
}
#snav a, #snav .sna, #design a, #design .sna {
   display:          block;
   text-decoration:  none;
   border-bottom:    0px solid #a4ceff;
}

#snav li .sna, #snav li a {
   color:            #ff3333;
   padding:          3px 3px 3px 8px;
   font-weight:      bold;
   font-size:        1em;
}

#snav li li .sna, #snav li li a, #design .sna, #design li a {
   color:            #cc1717;
   padding:          3px 3px 3px 8px;
   font-weight:      bold;
   font-size:        1em;
}

#snav li li li .sna, #snav li li li a {
   color:            #880000;
   padding:          3px 3px 3px 18px;
   font-weight:      normal;
   font-size:        1em;
}

#snav li li li li .sna, #snav li li li li a {
   color:            #440000;
   padding:          3px 3px 3px 28px;
   font-weight:      normal;
   font-size:        0.8em
}

/* Bild selbst img */
#anim {
   border-width:     0px;
   margin:           20px -10px 0px 0px;
   width:            128px;
   height:           128px;
}
#anim2 {
   border-width:     0px;
   margin:           20px -25px 0px 5px;
   width:            64px;
   height:           128px;
}

/* Kruemelnavigation unten */

.kruemel {
   clear:            both;
   color:            #002040;
   background-color: #84aeff;
   border-color:     #000000;
   border-style:     solid;
   border-width:     1px;
   padding:          11px;
   margin:           11px;
   text-align:       left;
}
.kruemel a {
   color:            #ffffff;
   background-color: #84aeff;
   padding:          2px;
}
.kruemel a:hover {
   color:            #ffffff;
   background-color: #647edf;
   padding:          2px;
}