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

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

/* Global für den sonstigen Text */
#haupt {
   color:            #000000;
   background-color: #fffaf0;
   padding:          22px;
   margin:           0px;
   text-align:       left;
}

/* 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: #efffff; */
   background-color: #ffdd99;
   font-weight:      bold;
   /* orul */
   padding:          2px 5px 0px 0px; /* links 0 wg. Zusammenfallen Striche */
   margin:           6px 6px -2px 6px;
   /* border-color:     #a5cfff; */
   border-color:     #ff9933;
   border-width:     1px 1px 1px 6px;
   border-style:     solid none none double;
}

#haupt h1 span, #haupt h2 span, #haupt h3 span, #haupt h4 span {
   color:            #500000;
   /* background-color: #efffff; */
   background-color: #ffcc66;
   /* orul */
   padding:          2px 5px 0px 5px;  /* gleich padding von h1-4! */
   margin:           0px 0px 0px -6px; /* -6: Striche zusammen außerhalb float */
                                       /* 6 ist border-width h1-4 ! */
   /* border-color:     #a5cfff; */
   border-color:     #ff9933;
   border-width:     0px 0px 0px 2px;
   border-style:     none none none solid;
}

#haupt i {
   color:            #500000;
   /* background-color: #efffff; */
   background-color: #fff0e0;
   padding:          2px;
   /* border-color:     #a5cfff; */
   border-color:     #ff9933;
   border-width:     0px 0px 0px 0px;
   border-style:     none none none none;

}

#haupt b {
   color:            #500000;
   /* background-color: #efffff; */
   background-color: #fff0e0;
   font-weight:      bold;
   padding:          2px;
   /* border-color:     #a5cfff; */
   border-color:     #ff9933;
   border-width:     0px 0px 0px 0px;
   border-style:     none none none none;
}

.bestelltab {
   color:            #500000;
   /* 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 ********************************/

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

#titel #design {
   padding:          3px;
   font-size:        0.7em;
   white-space:      nowrap;
   position:         absolute;
   top:              120px;
   left:             240px;
}

/* Schlagzeile selbst */
#titel h1, #titel h2, #titel h3, #titel h4 {
   color:            #500000;
   font-weight:      bold;
   background-color: transparent; /* damit, wenn der Platz eng wird, ... */
   margin:           0px;
   padding:          5px;
   border-style:     none;
   border-width:     0px;
}
#titel h1 span, #titel h2 span, #titel h3 span, #titel h4 span {
   color:            #500000;
   background-color: #ff9933; /* ... 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: #ffcc99;
   /* orul */
   padding:          0px;
   margin:           0px 31px 21px 0px;
   width:            233px;
   text-align:       left;
   float:            left;
   display:          inline; /* für IE-Fehler.... */
   border-color:     #000000;
   border-width:     0px 1px 1px 0px;
   border-style:     none solid solid none;
}

#snav {
   /* orul */
   padding:          0px;
   margin:           0px;
   width:            233px;
   text-align:       left;
   border-color:     #000000;
   border-width:     0px;
   border-style:     none;
}

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

#snav a {
   color:            #ffffff;
   background-color: #ffcc99;
}
#snav a:hover {
   color:            #ffffff;
   background-color: #ff9933;
}
#snav .sna {
   color:            #ffffff;
   background-color: #ff9933;
}
#snav a, #snav .sna {
   display:          block;
   text-decoration:  none;
   border-bottom:    1px solid #ff9933;
}

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

#snav li li .sna, #snav li li a {
   color:            #990000;
   width:            222px;
   padding:          3px 3px 3px 8px;
   font-weight:      bold;
}

#snav li li li .sna, #snav li li li a {
   color:            #660000;
   width:            212px;
   padding:          3px 3px 3px 18px;
   font-weight:      normal;
}
#snav li li li a {
   background-color: #ffd5aa;
}

#snav li li li li .sna, #snav li li li li a {
   color:            #000000;
   width:            202px;
   padding:          3px 3px 3px 28px;
   font-weight:      normal;
   font-size:        0.7em
}
#snav #snav li li li li a {
   background-color: #ffe0c0;
}

/* Kruemelnavigation unten */

.kruemel {
   color:            #002040;
   background-color: #fff0e0;
   border-color:     #ff9933;
   border-style:     solid;
   border-width:     1px;
   padding:          11px;
   margin:           11px;
   text-align:       left;
}