/* globale Schriftarten festlegen */
h1,h2,h3,h4,p,ul,ol,li,div,td,th,span,b,i,body {
        font-family:Verdana,Arial,Helvetica,sans-serif;
}
/* Default-Schriftgröße*/
p,ul,ol,li,div,td,th,span,body {
        font-size:13px;
}

/* Definitionen, die für Netscape 4.x kritisch sind, werden mittels CSS-Weiche vor ihm versteckt;
Netscape 4.x kann @media all nicht interpretieren */
@media all {
        p,ul,ol,div,td,th,span {
                line-height:140%;
        }
        /* <li></li> kommt z. B. bei "Geänderte Rubriken zum Einsatz; die geringere Zeilenhöhe als sonst
        kennzeichnet zusammengehörige Textblöcke, da Aufzählungspunkt fehlt */
        li {
                line-height:120%;
                margin-bottom:6px;
        }
        .connorm li {
                line-height:140%;
        }
        /* Abstand zu Bildern, die rechts von Text umflossen werden (Bild ist links) */
        img.picleft {
                    float:left;
                    margin-right:10px;
                    margin-top:6px;
        }
        /* Abstand zu Bildern, die links von Text umflossen werden (Bild ist rechts) */
        img.picright {
                     float:right;
                     margin-left:10px;
                     margin-top:6px;
        }
        /* Default-Abstände für Überschriften und Bereiche */
        h5 {
                     margin-bottom:2px;
                     margin-top:3px;
                     margin-left:3px;
        }
        #navi {
                     margin-top:0px;
                     padding:0px;
        }
        #anker {
                     padding:0px;
                     margin:0px;
                     visibility:hidden;
        }
        #content {
                     margin-top:0px;
                     padding:0px;
                     border:0px;
        }
        #vws {
                     padding:0px;
                     margin:0;
                     border:1px solid #003080;
        }
        #vwslarge {
                     padding:0px;
                     margin:0;
                     border:1px solid #003080;
        }
        /* Klasse für News mit blauem Rand oben und unten */
        .news {
                     margin-bottom:17px;
                     margin-top:2px;
                     padding:8px;
                     border-top:1px dashed #C0C0C0;
                     border-bottom:1px dashed #C0C0C0;
         }
        ul.vwsx {
                list-style-type:none;
                padding:0px;
                margin-left:5px;
                margin-bottom:7px;
                margin-top:2px;
        }
        .connorm ul {
                margin-left:25px;
        }
        li.vwsx {
                font-size:11px;
                margin-bottom:6px;
        }
        .little {
                font-size:11px;
                margin-bottom:0px;
        }
        table {
                margin-bottom:14px;
        }
        .backg {
                background-color:#ffffff;
        }
        .maka {
                background-color:#ffffff;
                width:740px;
        }
        td,th {
                vertical-align:top;
                text-align:left;
                padding-left:4px;
                padding-right:4px;
                padding-top:2px;
                padding-bottom:2px;
        }
        .jugend td {
                padding-right:50px;
        }
        .foto td {
                margin:0;
                padding:0;
        }
        .fotonews td {
                margin:2px;
                padding:4px;
        }
        .fotoarchiv {
                width:564px;
                margin:0px;
                background-color:#ffffff;
        }
        .fotoarchiv td {
                padding:4px;

        }
        .congrey {
                 padding-left:10px;
                 padding-right:10px;
                 padding-top:5px;
                 padding-bottom:5px;
                 margin-bottom:6px;
                 border:1px solid #003080;
        }
        .congrey h5 {
                 margin-left:0;
        }
}
/* beim Druck Navigationsbereiche verstecken; Druck derzeit nur halbwegs brauchbar in IE; separates Druck-Stylesheet soll mal kommen */
@media print {
       #navi {display:none}
       #brain {display:none}
       #gloss {display:none}
       #vws {display:none}
       #vwslarge {display:none}
       #anker {display:none}
}
/* globale Text- und Hintergrundfarbe definieren */
body {
        color:#000000;
        background-color:#ffffff;
        margin-left:15px;
        margin-top:15px;
}
p {
        margin-top:3px;
}
ul {
        margin-bottom:2px;
        margin-left:7px;
}
/* Bilder per default ohne Rand; sonst gäbe es dicken Rand in Linkfarbe wenn Bild gleichzeitig ein Link ist */
img {
        border-style:none;
}
/* Löberitzer Ergebnisse in Tabellen fett hervorheben */
tr.loeb {
        font-weight:bold;
}

/* Löberitzer Ergebnisse in Mannschaftskämpfen */
tr.mann {
        color:#ffffff;
        background-color:#6F6F6F;
}


/* DWZ in Blitztabellen kann zentriert werden; sieht etwas schöner aus, macht aber mehr Aufwand */
td.dwz {
        text-align:center;
}
/* Fotoarchiv, grey ist ein alter, unglücklich gewählter und überholter Name; ist jetzt blau */
td.grey {
        width:116px;
        height:108px;
        font-weight:bold;
        text-align:center;
        vertical-align:middle;
        color:#000000;
        background-color:#003080;
}
.grey a:link {
        color:#ffffff;
        text-decoration:none;
        font-size:13px;
}
.grey a:visited {
        color:#ffffff;
        text-decoration:none;
        font-size:13px;
}
.grey a:hover {
        color:#D0D0D0;
        text-decoration:underline;
        font-size:13px;
}
.grey a:active {
        color:#D0D0D0;
        text-decoration:underline;
        font-size:13px;
}
.grey a:focus {
        color:#D0D0D0;
        text-decoration:underline;
        font-size:13px;
}
td.greynew {
        width:116px;
        height:117px;
        font-weight:bold;
        text-align:center;
        vertical-align:middle;
        color:#000000;
        background-color:#003080;
}
.greynew a:link {
        color:#ffffff;
        text-decoration:none;
        font-size:13px;
}
.greynew a:visited {
        color:#ffffff;
        text-decoration:none;
        font-size:13px;
}
.greynew a:hover {
        color:#D0D0D0;
        text-decoration:underline;
        font-size:13px;
}
.greynew a:active {
        color:#D0D0D0;
        text-decoration:underline;
        font-size:13px;
}
.greynew a:focus {
        color:#D0D0D0;
        text-decoration:underline;
        font-size:13px;
}
/* Strichellinie */
.trenn {
        border-bottom:1px dashed #C0C0C0
        margin-top:2px;
        margin-bottom:10px;
}
/* Glossar- und Sitemapmenü (Alphabet in Schachbrettform) */
td.glossblack {
        width:22px;
        height:22px;
        color:#ffffff;
        background-color:#000000;
        text-align:center;
        margin:0px;
        border-style:none;
        padding:0px;
}
td.glossgrey {
        width:22px;
        height:22px;
        color:#000000;
        background-color:#ffffff;
        text-align:center;
        margin:0px;
        border-style:none;
        padding:0px;
}
/* Seiten sollten immer mit <h1></h1> anfangen; deshalb große und kleine Variante; ist aber noch nicht konsequent so umgesetzt */
h1 {
        font-size:18px;
        margin-top:0px;
}
h1.smallh1 {
        font-size:17px;
        margin-top:0px;
}
h2 {
        font-size:17px;
}
h2.smallh2 {
        font-size:15px;
        margin-bottom:5px;
}
h3 {
        font-size:15px;
        margin-bottom:5px;
}
h4 {
        font-size:14px;
        margin-bottom:3px;
}
h5 {
        font-size:13px;
}
/* Globale Linkfarben und -auszeichnungen definieren */
a:link {
        color:#A20F0B;
        text-decoration:none;
}
/* #7000C0 */
a:visited {
        color:#7000C0;
        text-decoration:none;
}
a:hover {
        color:#A20F0B;
        text-decoration:underline;
}
a:active {
        color:#A20F0B;
        text-decoration:none;
}
a:focus {
        color:#A20F0B;
        text-decoration:none;
}

/* Abstand im Glossar unten, damit die letzten Anker oben angezeigt werden */
.glossbott {
        margin-bottom:600px;
}
/* Anker zum Springen an den Seitenanfang */
#anker {
       position:absolute;
       top:0px;
       left:0px;
}
/* Standardnavigation; position-fixed funktioniert nicht im IE unter Windows. D. h., die Navigation verschwindet beim vertikalen Scrollen. Bei anderen Browsern (Opera, Mozilla, Konqueror etc.) bleibt sie fixiert. */
#navi {
        position:fixed;
        top:15px;
        left:15px;
        width:178px;
        z-index:2;
        background-color:#ffffff;
}

/* Standard-Menübutton */
div.menu {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-weight:bold;
        font-size:13px;
        color:#FFFFFF;
        background-color:#000000;
        text-align:center;
        margin-bottom:2px;
        padding:2px;
}
.menu a {
        display:block;
        width:174px;
}

.menu a:link {
        color:#ffffff;
        text-decoration:none;
        font-size:13px;
}

.menu a:visited {
        color:#ffffff;
        text-decoration:none;
        font-size:13px;
}
.menu a:hover {
        color:#ffffff;
        background-color:#A20F0B;
        text-decoration:none;
        font-size:13px;
}
.menu a:active {
        color:#ffffff;
        background-color:#A20F0B;
        text-decoration:none;
        font-size:13px;
}
.menu a:focus {
        color:#ffffff;
        background-color:#A20F0B;
        text-decoration:none;
        font-size:13px;
}

/* Menübutton mit etwas Abstand nach unten; dient zur optischen Trennung von globaler Navigation,
z. B. -> Home von kontextbezogner, z. B. -> Adventsblitz 2001 */
div.menularge {
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-weight:bold;
        font-size:13px;
        color:#FFFFFF;
        background-color:#000000;
        text-align:center;
        margin-bottom:21px;
        padding:2px;
}
.menularge a {
        display:block;
        width:174px;
}

.menularge a:link {
        color:#ffffff;
        text-decoration:none;
        font-size:13px;
}

.menularge a:visited {
        color:#ffffff;
        text-decoration:none;
        font-size:13px;
}
.menularge a:hover {
        color:#ffffff;
        background-color:#A20F0B;
        text-decoration:none;
        font-size:13px;
}
.menularge a:active {
        color:#ffffff;
        background-color:#A20F0B;
        text-decoration:none;
        font-size:13px;
}
.menularge a:focus {
        color:#ffffff;
        background-color:#A20F0B;
        text-decoration:none;
        font-size:13px;
}

/* Navigation bei Blitztabellen, die am linken Bildschirmrand beginnen. Für diese recht breiten Tabellen soll die gesamte Fensterbreite des Browsers genutzt werden. In diesem Fall nicht zu viele Navi-Buttons und kein vws-Bereich verwenden. Beispiel: Nachtblitz 2002*/
/* Menübutton-Bereich breite Tabellen (z. B. Blitzserie) */
div.tab {
        width:178px;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-weight:bold;
        font-size:13px;
        color:#FFFFFF;
        text-align:center;
        margin-bottom:21px;
}
/* verschachtelte Selektoren, um den Links und verschachtelten divs (=einzelne Buttons) keine Klassen zuweisen zu müssen */
.tab div {
        margin-bottom:2px;
        background-color:#000000;
        padding:2px;
}
.tab a {
        display:block;
        width:174px;
}
.tab a:link {
        color:#ffffff;
        background-color:transparent;
        text-decoration:none;
        font-size:13px;
}
.tab a:visited {
        color:#ffffff;
        background-color:transparent;
        text-decoration:none;
        font-size:13px;
}
.tab a:hover {
        color:#ffffff;
        background-color:#A20F0B;
        text-decoration:none;
        font-size:13px;
}
.tab a:active {
        color:#ffffff;
        background-color:#A20F0B;
        text-decoration:none;
        font-size:13px;
}
.tab a:focus {
        color:#ffffff;
        background-color:#A20F0B;
        text-decoration:none;
        font-size:13px;
}

/* Bereich unterhalb der Navigation, z. B. externe Kontextlinks, "Geänderte Rubriken" usw.; mit id="vws" statt id = "vwslarge" kann man in den Navibereich einbetten; er hat keine eigene Positionierung. Vorteil: der Abstand zum letzten Menüpunkt bleibt konstant, auch wenn Menüpunkte hinzukommen, wegfallen. Nachteil: Navi + vws dürfen wegen der fixen Positionierung nicht zu groß werden, da nicht scrollbar. Wenn doch, sollte man vwslarge nehmen.
IDs werden verwendet, da man die Linkfarben global definieren kann, ohne ihnen nochmals Klassen zuweisen zu müssen. Eine andere Möglichkeit ist der Einsatz von Klassen und verschachtelten Selektoren (siehe class tab) */
#vws {
        width:176px;
        color:#000000;
        background-color:#ffffff;
}
#vws a:link {
        font-size:11px;
        color:#0000BF;
        background-color:#ffffff;
}
#vws a:visited {
        font-size:11px;
        color:#7000C0;
        background-color:#fffff;
}
#vws a:hover {
        font-size:11px;
        color:#A20F0B;
        background-color:#fffff;
}
#vws a:active {
        font-size:11px;
        color:#A20F0B;
        background-color:#fffff;
}
#vws a:focus {
        font-size:11px;
        color:#A20F0B;
        background-color:#fffff;
}
/* Bereich unterhalb der Navigation, z. B. externe Kontextlinks, "Geänderte Rubriken" usw., wenn beide Bereiche zu groß werden (siehe auch vws). vwslarge ist im Gegensatz zum in navi eingebetteten vws scrollbar und scrollt dann über die fixierte Navigation hinweg (gewollter Effekt; im IE derzeit natürlich nicht sichtbar, da position-fixed nicht funktioniert) */
#vwslarge {
        position:absolute;
        top:400px;
        left:15px;
        width:176px;
        color:#000000;
        background-color:#ffffff;
        z-index:3;
}
#vwslarge a:link {
        font-size:11px;
        color:#0000BF;
        background-color:#fffff;
}
#vwslarge a:visited {
        font-size:11px;
        color:#7000C0;
        background-color:#fffff;
}
#vwslarge a:hover {
        font-size:11px;
        color:#A20F0B;
        background-color:#fffff;
}
#vwslarge a:active {
        font-size:11px;
        color:#A20F0B;
        background-color:#fffff;
}
#vwslarge a:focus {
        font-size:11px;
        color:#A20F0B;
        background-color:#fffff;
}

/* Schachbrett-Menü Glossar, Linkfarben */
#gloss {
        color:#000000;
        background-color:#f0f0f0;
        z-index:3;
}
#gloss a:link {
        font-size:11px;
        color:#0000BF;
        background-color:#fffff;
}
#gloss a:visited {
        font-size:11px;
        color:#7000C0;
        background-color:#fffff;
}
#gloss a:hover {
        font-size:11px;
        color:#A20F0B;
        background-color:#fffff;
}
#gloss a:active {
        font-size:11px;
        color:#A20F0B;
        background-color:#fffff;
}
#gloss a:focus {
        font-size:11px;
        color:#A20F0B;
        background-color:#fffff;
}
/* Box für Zusatzinformationen im Glossar, z. B. Ritter Rolandus, Chevalier */
#glossbox a {
          display:block;
          width:174px;
          font-family:Verdana,Arial,Helvetica,sans-serif;
          font-size:13px;
          text-decoration:none;
          padding:2px;
}

#glossbox a span {
          display:none;
}

#glossbox a:hover span {
          display:block;
          width:300px;
          color:black;
          background:#ffffff;
          font:normal 13px verdana, sans-serif;
          border:1px solid black;
          padding:10px;
}
#glossbox2 a {
          display:block;
          width:174px;
          font-family:Verdana,Arial,Helvetica,sans-serif;
          font-size:13px;
          text-decoration:none;
          padding:2px;
}

#glossbox2 a span {
          display:none;
}

#glossbox2 a:hover span {
          display:block;
          width:300px;
          color:black;
          background:#ffffff;
          font:normal 13px verdana, sans-serif;
          border:1px solid black;
          padding:10px;
}

/* Brain-Grafik in Brain's Corner */
#brain {
       position:absolute;
       top:330px;
       left:20px;
}
/* Standard-Inhaltsbereich */
#content {
         position:absolute;
         top:15px;
         left:270px;
}
/* oft verwendete Klasse für eine gut lesbare Default-Zeilenlänge + weißer Hintergrund */
.connorm {
         width:540px;
         margin-bottom:10px;
         margin-top:2px;
         padding:8px;
         background-color:#ffffff;
}
/* oft verwendete Klasse für eine gut lesbare Default-Zeilenlänge; dasselbe ohne weiße Hintergrundfarbe */
.contrans {
         width:540px;
         margin-bottom:10px;
         margin-top:2px;
}
/* z. B. Impressum */
.conlitt {
         width:540px;
         font-size:11px;
         color:#000000;
         background-color:#ffffff;
         padding:3px;
         margin-bottom:10px;
}
.congrey {
         color:#000000;
         background-color:#ffffff;
}
table.congrey {
         width:600px;
}
.congrey td {
         width:300px;
}
.news {
         width:540px;
         background-color:#ffffff;
}
.ausschr {
         font-size:16px;
         font-weight:bold;
}