/*                               */
/* allg. Body Element einstellen */
/*                               */
body {
background-image:url(/grafik/hintergrund.gif);
background-repeat:repeat-y;
margin:0px;
padding:0px;
font-size:100.01%
}




/*                       */
/* Schriftformatierungen */
/*                       */
h1 {font-family:arial, helvetica, verdana, sans-serif; font-size:1.2em; font-weight:normal}

h2 {font-family:arial, helvetica, verdana, sans-serif; font-size:1em; font-weight:normal}

h3 {font-family:arial, helvetica, verdana, sans-serif; font-size:1em; font-weight:bold}

p, a, th, td {font-family:arial, helvetica, verdana, sans-serif; font-size:1em}



/*                                                                    */
/* ul und li müssen in dieser Reihenfolge definiert werden, ansonsten */
/* wird der Text bei den Listenelementen bei Netscape nicht richtig   */
/* formatiert  (Info kann auch veraltet sein)                         */
/*                                                                    */
ul, ol {font-family:arial, helvetica, verdana, sans-serif; font-size:1em}

li {font-family:arial, helvetica, verdana, sans-serif; font-size:1em}




/* Hover-Links einstellen                                                                        */
/* Diese Linkdefinition ist für alle (internen) Links ausserhalb des Navigationsbereiches gültig */
a:link {text-decoration:none; color:#0000C8}
a:visited {text-decoration:none; color:#800080}
a:hover {text-decoration:underline}
a:active {text-decoration:none; color:red}


/* Diese Linkdefinition ist für alle externen Links  */
/* zunächst allgemeine Positionierung des Icons      */
a.extern {background-position: right center; padding-right:14px; background-repeat: no-repeat}

/* nun unterschiedliche Darstellungen für hover etc. */
a.extern:link {text-decoration:none; color:#0000C8; background-image: url(/grafik/exlinknorm.gif)}
a.extern:visited {text-decoration:none; color:#800080; background-image: url(/grafik/exlinknorm.gif)}
a.extern:hover {text-decoration:underline; background-image: url(/grafik/exlinkhov.gif)}
a.extern:active {text-decoration:none; color:red; background-image: url(/grafik/exlinkhov.gif)}

/* Definition der überlagerten Infobox */
a.infobox {text-decoration:none; color:#000000; border-style:none}
a.infobox:hover {cursor:help; background: #A1C0FF}
a.infobox span {visibility:hidden; font-size:0.9em; white-space:normal; position:absolute; left:50px; margin-top:25px;
               padding:1em; text-decoration:none; text-align:left;}
a.infobox:hover span {visibility:visible;border-width:2px; border-style:solid; border-color:#0071B6; color:#000000; background:#A1C0FF}

/* Definition der etwas weniger sichtbaren Links :-))) */
a.easteregg:link {text-decoration:none; color:#000000}
a.easteregg:visited {text-decoration:none; color:#323232}
a.easteregg:hover {text-decoration:line-through}
a.easteregg:active {text-decoration:none; color:red}

/* Bilder, die als Verweis dienen, sollen keinen Rahmen bekommen. */
/* "a img" legt die Verschachtelung von Elementen fest.           */
/* Hier also etwas in der Art: <a><img src=...>...</a>            */
a img {border:0}


/***************/
/* Titelleiste */
/***************/
/* Die Titelleiste ist der oberste 'Rahmen'. Darunter befindet sich dann der Container der */
/* seinerseits zwei 'Rahmen' enthält, nämlich die Navigation auf der linken Seite und den  */
/* Textbereich auf der rechten Seite.                                                      */
#titelleiste {position:relative; top:0px; height:100px; background-image:url(/grafik/blau.gif); width:100%}

/* Schattenleiste definieren, damit Firefox und IE das Overflow-Element verarbeiten */
#schattenleiste {position:absolute; top:100px; height:5px; width:100%; overflow:hidden}
/* Schatten unter der Titelleiste definieren */
#schatten {position:relative; top:0px; left:180px; height:5px; background-image:url(/grafik/schatten.gif); background-repeat:repeat-x; overflow:hidden}

#fighters {position:absolute; left:20px; top:5px}

#logo {position:absolute; top:0px; left:250px; border-style:none}

#drucklogo {display:none}

#ecke {position:absolute; top:100px; left:125px}


/**********************************************************/
/* Container für linke Navigation und rechten Textbereich */
/**********************************************************/
.container {position:relative}

#textbereich {position:absolute; left:160px; margin-right:35px; padding-right:35px; padding-top:35px; max-width:850px}


/***********************************************/
/*        Navigationsleiste definieren         */
/***********************************************/
#navigation {position:absolute; padding-top:55px}

/* statische Navigation nur fuer moderne Browser (z.B. IE6 versteht position:fixed nicht) */
html>body #navigation {position: fixed; top:100px}

#navigation ul {margin: 0; padding: 0; list-style-type: none}
#navigation li {margin-bottom:10px; width:105px}

#navigation a {display: block; width: 100%; text-decoration: none; padding-left:20px}
#navigation a:link {color:white; text-decoration:none}
#navigation a:visited {color:white; text-decoration:none}
#navigation a:hover {background-color:black; color:white; text-decoration:none}
#navigation a:active {color:white; text-decoration:none}


/* Aktuelle Position im linken Navigationsmenü markieren */
#aktuellePosition {font-family:arial, helvetica, verdana, sans-serif; font-size:1em;
                   color:white; font-weight:bold; text-decoration:underline; padding-left:20px}


/* Den Verweis auf Home von den restlichen Verweisen absetzen */
#home_link {padding-bottom:30px}

/* Definition des Home Buttons für die Index-Seite */
#home_index {font-family:arial, helvetica, verdana, sans-serif; font-size:1em;
             color:white; font-weight:bold; text-decoration:underline; padding-left:20px; padding-bottom:30px}

/* Den In Memoriam Verweis von den restlichen Verweisen absetzen sowie Farbe definieren*/
#in_memoriam {position:absolute; top:675px; width:110px; padding: 5px 5px 5px 10px}

/* statisches Bild nur fuer moderne Browser (z.B. IE6 versteht position:fixed nicht) */
html>body #in_memoriam {position: fixed; top:675px;}

#in_memoriam a {display:block; width:100%; color:black; text-decoration:none; text-align:center; font-size:0.7em;}
#in_memoriam a:link {color:black; text-decoration:none}
#in_memoriam a:visited {color:black; text-decoration:none}
#in_memoriam a:hover {color:black; text-decoration:underline}
#in_memoriam a:active {color:black; text-decoration:underline}
#in_memoriam a img {border:0; text-decoration:none}



/*                             */
/* Einzeln definierte Elemente */
/*                             */


/* Zum Erzwingen eines Blocklevel Elementes als Inline Element                   */
/* Wird benötigt um unterschiedliches Verhalten bei Netscape und IE anzugleichen */
.inlineElement {display:inline}


/* Der ausgezeichnete Text wird horizontal zentriert dargestellt */
.zentrierterText {text-align:center}


/* Text wird unterstrichen dargestellt */
.unterstrichen {text-decoration:underline}

/* Text blinkend und rot dargestellt */
.hervorgehoben {color:red; text-decoration:blink }


/* Text wird oben ausgerichtet */
.ausrichtungOben {vertical-align:top}


/* Der Text wird sehr klein und horizontal zentriert dargestellt */
.kleinzentrierterText {text-align:center; font-size:0.6em}


/* Der Text wird sehr klein und rechts-bündig dargestellt */
.kleinrechtsbuendigerText {text-align:right; font-size:0.8em}


/* Abstände nach rechts */
.paddingRight2cm {padding-right:2cm}
.paddingRight1cm {padding-right:1cm}


/* Abstände nach links */
.paddingLeft2cm {padding-left:2cm}
.paddingLeft1cm {padding-left:1cm}


/* Abstände nach unten */
.marginBottom2cm {margin-bottom:2cm}
.marginBottom1cm {margin-bottom:1cm}


/* Tabellen der Trainerliste formatieren */
.trainingTabellen td {padding-right:0.5cm; padding-bottom:0.5cm; vertical-align:top}

/* Tabellen von Trainingszeiten formatieren */
.trainingZeitTabellen {width:98%; border-width:1px; border-style:solid; border-color:#000000; border-collapse:collapse}
.trainingZeitTabellen th {border-color:#000000; border-right-width:1px; border-right-style:solid;
                          border-bottom-width:1px; border-bottom-style:solid; padding-bottom:3px; padding-top:3px;}
.trainingZeitTabellen td {border-right-width:1px; border-right-style:solid; border-color:#000000; padding-bottom:4px; padding-top:0px;}

.trainingZeitTabellenZeit {font-size:0.7em; text-align:center; vertical-align:top; white-space:nowrap;}

.trainingZeitTabellenPause {border-left-width:2px; border-color:#808080; border-left-style:dotted;}
.trainingZeitTabellenPauseZeit {border-color:#808080; border-right-width:2px; border-right-style:dotted;
                           font-size:0.7em; text-align:center; vertical-align:top; white-space:nowrap;}

.trainingZeitTabellenInhalt1 img {vertical-align:middle;}
.trainingZeitTabellenInhalt1 a {text-decoration:none; color:#000000;}
.trainingZeitTabellenInhalt1 a:hover {text-decoration:none;}
.trainingZeitTabellenInhalt1 {font-size:0.8em; text-align:center; vertical-align:middle; background-color:#A1C0FF; border-color:#0071B6; white-space:nowrap;
                              border-top-width:1px; border-top-style:solid; padding-top:3px;
                              border-left-width:1px; border-left-style:solid; padding-left:3px;
                              border-right-width:1px; border-right-style:solid; padding-right:3px;
                              border-bottom-style:none; padding-bottom:3px;}
.trainingZeitTabellenInhalt2 {font-size:0.9em; text-align:center; vertical-align:middle; background-color:#A1C0FF; border-color:#0071B6; white-space:nowrap;
                              border-top-style:none; padding-top:3px;
                              border-left-width:1px; border-left-style:solid; padding-left:3px;
                              border-right-width:1px; border-right-style:solid; padding-right:3px;
                              border-bottom-style:none; padding-bottom:3px;}
.trainingZeitTabellenInhalt3 {font-size:1em; text-align:center; vertical-align:middle; background-color:#A1C0FF; border-color:#0071B6; white-space:nowrap;
                              border-top-style:none; padding-top:3px;
                              border-left-width:1px; border-left-style:solid; padding-left:3px;
                              border-right-width:1px; border-right-style:solid; padding-right:3px;
                              border-bottom-width:1px; border-bottom-style:solid; padding-bottom:3px;}

.trainingFreiesZeitTabellenInhalt1 img {vertical-align:middle;}
.trainingFreiesZeitTabellenInhalt1 a {text-decoration:none; color:#000000;}
.trainingFreiesZeitTabellenInhalt1 a:hover {text-decoration:none;}
.trainingFreiesZeitTabellenInhalt1 {font-size:0.8em; text-align:center; vertical-align:middle; background-color:#BDBDBD; border-color:#0071B6; white-space:nowrap;
                                   border-top-width:1px; border-top-style:solid; padding-top:3px;
                                   border-left-width:1px; border-left-style:solid; padding-left:3px;
                                   border-right-width:1px; border-right-style:solid; padding-right:3px;
                                   border-bottom-style:none; padding-bottom:3px;}
.trainingFreiesZeitTabellenInhalt2 {font-size:0.9em; text-align:center; vertical-align:middle; background-color:#BDBDBD; border-color:#0071B6; white-space:nowrap;
                                   border-top-style:none; padding-top:3px;
                                   border-left-width:1px; border-left-style:solid; padding-left:3px;
                                   border-right-width:1px; border-right-style:solid; padding-right:3px;
                                   border-bottom-style:none; padding-bottom:3px;}
.trainingFreiesZeitTabellenInhalt3 {font-size:1em; text-align:center; vertical-align:middle; background-color:#BDBDBD; border-color:#0071B6; white-space:nowrap;
                                   border-top-style:none; padding-top:3px;
                                   border-left-width:1px; border-left-style:solid; padding-left:3px;
                                   border-right-width:1px; border-right-style:solid; padding-right:3px;
                                   border-bottom-width:1px; border-bottom-style:solid; padding-bottom:3px;}



/* Auflistung der Kampfkunstlinks auf der Linkseite definieren */
.linkliste_kampfkunstlinks {list-style-image:url(/grafik/sticks_bullet.gif); margin-left:13px; padding-left:13px}
.linkliste_kampfkunstlinks li {padding-left:15px; padding-bottom:10px}

/* Auflistung der Nachrichten auf der Newsseite definieren */
.newselement_ueberschrift {float:left; margin-bottom:0px; margin-left:20px}
.newselement_datum {text-decoration:underline; float:right; font-size:0.8em; margin-bottom:0px; margin-right:50px}
.newselement_text {clear:both; margin-left:20px; margin-right:50px}


/* Trennlinie in blau definieren */
.blaueLinie {width:80%; color:#0071B6; background-color:#0071B6; height:2px;
                        text-align:center; margin-left:30px; margin-top:30px; margin-bottom:30px}