/* ==========================================================================
   AOL 8 - Zeitschnitt 2002
   ==========================================================================

   AOL sah anders aus als MSN, und das soll man beim Wechseln merken:

       dunkleres Blau statt Himmelblau
       Gelb als Leitfarbe, nicht Orange als Akzent
       breitere Balken, kantiger, weniger Verlauf
       Arial statt Tahoma

   Die Leitfarbe Gelb traegt hier mehr als das Orange bei MSN - sie war
   bei AOL allgegenwaertig. Aber auch hier gilt: eine laute Stelle je
   Seite, nicht fuenf.

       #0A2A6B   Dunkelblau, Kopf und Balken
       #1B3F8B   Blau, Verweise
       #FFCC00   Gelb, die Leitfarbe
       #E8EEF8   Hintergrund
       #8FA6CE   Rahmen
       #222222   Fließtext
   ========================================================================== */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #222222;
    background-color: #E8EEF8;
}

#rahmen {
    background-color: #FFFFFF;
    border-left: 1px solid #8FA6CE;
    border-right: 1px solid #8FA6CE;
}

a          { color: #1B3F8B; text-decoration: underline; }
a:hover    { color: #0A2A6B; background-color: #FFF4C2; }


/* --- Kopf --------------------------------------------------------------
   Kantig, ohne Verlauf. Der gelbe Streifen darunter ist das Erkennungs-
   zeichen - bei AOL zog er sich durch die ganze Oberflaeche.
   ----------------------------------------------------------------------- */

#kopf {
    background-color: #0A2A6B;
    height: 70px;
    padding: 0 18px;
    border-bottom: 4px solid #FFCC00;
}

#marke {
    float: left;
    display: block;
    padding-top: 20px;
    font-size: 30px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    letter-spacing: 1px;
}

#marke:hover { background-color: transparent; color: #FFCC00; }

#titel      { float: left; padding: 22px 0 0 16px; }
#titel h1   { font-size: 18px; color: #FFCC00; font-weight: bold; }
#titel p    { font-size: 11px; color: #B8C8E8; margin: 3px 0 0 0; }


/* --- Waagerechte Navigation --------------------------------------------- */

#balken {
    background-color: #1B3F8B;
    padding: 0 18px;
}

ul#hauptnavi           { margin: 0; padding: 0; list-style: none; }
ul#hauptnavi li        { float: left; }

ul#hauptnavi li a {
    display: block;
    padding: 7px 16px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    border-right: 1px solid #35589F;
}

ul#hauptnavi li a:hover {
    background-color: #FFCC00;
    color: #0A2A6B;
}

ul#hauptnavi li.hier a {
    background-color: #FFFFFF;
    color: #0A2A6B;
}


/* --- Kaesten in der linken Spalte --------------------------------------- */

.kasten       { border: 1px solid #8FA6CE; margin-bottom: 12px; }

.kastenkopf {
    background-color: #0A2A6B;
    color: #FFCC00;
    padding: 5px 8px;
    font-weight: bold;
}

ul.kastenliste        { margin: 0; padding: 4px 0; list-style: none; }
ul.kastenliste li a   { display: block; padding: 4px 8px; text-decoration: none; }
ul.kastenliste li a:hover { background-color: #E8EEF8; text-decoration: underline; }
ul.kastenliste li.hier a  { font-weight: bold; color: #0A2A6B; }


/* --- Inhalt -------------------------------------------------------------- */

#inhalt h2 {
    font-size: 17px;
    color: #0A2A6B;
    border-bottom: 3px solid #FFCC00;
    padding-bottom: 4px;
    margin-bottom: 12px;
}

#inhalt h3 { font-size: 13px; color: #1B3F8B; margin: 16px 0 6px 0; }

p.unterzeile { color: #666666; margin-top: -6px; margin-bottom: 14px; }


/* --- Aufmacher ----------------------------------------------------------
   Die eine laute Stelle je Seite. Gelber Grund, dunkles Blau darauf.
   ----------------------------------------------------------------------- */

#aufmacher {
    background-color: #FFF4C2;
    border: 1px solid #E0B400;
    border-left: 6px solid #FFCC00;
    padding: 18px 20px 14px 20px;
    margin-bottom: 16px;
}

#aufmacher h2 {
    font-size: 21px;
    color: #0A2A6B;
    border: 0;
    margin-bottom: 8px;
    padding: 0;
}

#aufmacher p { width: 420px; }   /* Zeilenlaenge begrenzen */

p.tat { margin: 14px 0 0 0; }

a.knopf {
    display: block;
    float: left;
    padding: 8px 22px;
    background-color: #0A2A6B;
    border: 1px solid #061C4E;
    color: #FFCC00;
    font-weight: bold;
    text-decoration: none;
}

a.knopf:hover { background-color: #1B3F8B; color: #FFFFFF; }


/* --- Kacheln ------------------------------------------------------------- */

table#dreier  { width: 100%; margin-bottom: 16px; }
td.kachel     { width: 32%; border: 1px solid #8FA6CE; padding: 12px;
                vertical-align: top; }
td.luecke     { width: 2%; }
td.kachel h3  { margin-top: 0; font-size: 13px; color: #0A2A6B; }


/* --- Fuss ---------------------------------------------------------------- */

#fuss {
    border-top: 4px solid #FFCC00;
    background-color: #0A2A6B;
    padding: 12px 18px;
    color: #B8C8E8;
    font-size: 11px;
}

#fuss a       { color: #FFCC00; }
#fuss a:hover { background-color: transparent; color: #FFFFFF; }
#fuss p       { margin: 0 0 4px 0; }


/* --- Tabellen und Meldungen ---------------------------------------------- */

table.tabelle th {
    background-color: #0A2A6B;
    color: #FFCC00;
    border: 1px solid #8FA6CE;
}

table.tabelle td { border: 1px solid #C8D4E8; }

input.abschicken {
    background-color: #FFCC00;
    border: 1px solid #E0B400;
    padding: 5px 18px;
    font-weight: bold;
    color: #0A2A6B;
    cursor: pointer;
}

.hinweis { border: 1px solid #8FA6CE;  background-color: #F2F6FC;
           padding: 8px 12px; margin-bottom: 12px; }
.fehler  { border: 1px solid #C08A8A;  background-color: #FCF2F2;
           padding: 8px 12px; margin-bottom: 12px; color: #A01818; }


/* --- Code aus Markdown ---------------------------------------------------
   Gelb gerahmt wie der Aufmacher: wo etwas einzutippen ist, soll es auch
   so aussehen.
   ------------------------------------------------------------------------ */

#inhalt pre {
    border: 1px solid #E0B400;
    border-left: 6px solid #FFCC00;
    background-color: #FFF9DF;
    font-weight: bold;
    color: #0A2A6B;
}

#inhalt code { color: #0A2A6B; }