/* =============================================================
Verzeichnis: layout
      Datei: allgemein.css
   Erstellt: 21.04.2008                      Autor:  Dieter Bach
   Geändert: 23.12.2008                      Autor:  Dieter Bach

Aufbau: 1. Grundeinstellungen           (siehe auch design?.css)
        2. Styles für Layoutbereiche
        2.1 Seite
        2.1.1 Kopfzeile                 (siehe auch design?.css)
        2.2 Hauptinhalt
        2.2.1 Menue
        2.2.1.1 Menue-Box               (siehe auch design?.css)
        2.2.2 Inhaltbereich             (siehe auch design?.css)
        2.2.2.1 Titel-Box               (siehe auch design?.css)
        2.2.2.2 Inhalt-Box              (siehe auch design?.css)
        2.2.2.2.1 Section aktuell
        2.2.2.2.2 Section tkd
        2.2.2.2.3 Section verein
        2.2.2.2.4 Section zeiten
        2.2.2.2.5 Section orte
        2.2.2.2.6 Section kontakte
        2.2.2.3 Fusszeile               (siehe auch design?.css)
        3. Sonstige Styles
   ============================================================= */

/* =============================================================
        1. Grundeinstellungen           (siehe auch design?.css)
   ============================================================= */

/* Löschen der Abstände der browserspezifischen Einstellungen */
body, h1, h2, h3, p, ul, ol,table { padding: 0; margin: 0; }

/* Hyperlinkeigenschaften löschen */
a { text-decoration: none; outline: none; }

/* Allgemeine Selektoren */
html { height: 101%; } /* erzwingt Scrollbar im Firefox */

body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 62.5%; /* (100.01% statt 101% für Safari-Problem) 62.5% zur besseren Pixelberechnung: em-basiertes Layout mit width: 72em; entspricht im pixelbasierten Layout width: 720px;*/
/* border: 2px solid #FF0000; Für Testzwecke */
 }

body > br { line-height: 0px; }

h1, h2, h3, p, ul, ol { padding: 5px; }

/*----------------------------- Allgemeine Klassen -----------------------------*/

.bildlinks {
 float: left;
/* background-color:#00EFEF; Für Testzwecke */
 padding-top: 10px;
 padding-right: 10px;
}

.bildrechts {
 float: right;
/* background-color:#00EFEF; Für Testzwecke */
 padding-top: 10px;
 padding-left: 10px;
}

.boxabstand { margin: 5px; }

.clr_flt { clear: both; }

.unsichtbar { display: none;}

.txtkleiner { font-size: 0.75em; }

/* ==========================================================
        2. Styles für Layoutbereiche
   ========================================================== */
/* ----------------------------------------------------------
        2.1 Seite
   ---------------------------------------------------------- */

#seite {
 position: relative;
 overflow: hidden;
 width: 1000px;
 /* Zentrierung der Seite im Browser (funktioniert nicht immer im IE) */
 margin-left: auto;
 margin-right: auto;
 }

/* -------------------------------------------------------------
        2.1.1 Kopfzeile                 (siehe auch design?.css)
   ------------------------------------------------------------- */

#kopfzeile {
 padding: 2px 0 2px 0;
/* border: solid 1px #000000; Für Testzwecke */
 margin: 5px 15px;
 }

  #kopfzeile table {
/*   font-size: 3.5em;
   font-weight: bold;
   letter-spacing: 0.02em; Angaben für Text, wenn Schriftzug kein Bild ist*/
   text-align: center;
   vertical-align: middle;
   width: 100%;
   }

  #kopfzeile .aussen {
   width: 100px;
   padding: 5px;
   }

/*  #kopfzeile .mitte {
   width: 100px;
   padding: 5px;
   }*/

/* Für Schatten bzw. 3D-Effekt bei Schriften (nicht für alle Arten sinnvoll)
  #kopfzeile div.txt {
   }

  #kopfzeile div.txtlicht {
   display:none;
   }

  #kopfzeile div.txtschatten {
   display:none;
   }*/

/* -------------------------------------------------------------
        2.2 Hauptinhalt
   ------------------------------------------------------------- */

#hauptinhalt {
 position: relative;
 top: 0px;
/* Bei height: 100%; scrollt Firefox nicht bis zum Ende der Seite nach unten */
/* border: solid 1px #000000; Für Testzwecke */
 margin: 0px 5px;
 }

/* -------------------------------------------------------------
        2.2.1 Menue
   ------------------------------------------------------------- */

#menue {
 position: relative;
 top: 0px;
 float: left;
 width: 24.6em;
/* border: solid 1px #000000; Für Testzwecke */
 margin: 0;
 }

* html #menue { /* Korrekturen des Menues für den IE */
 width: 22.1em;
/* height: 501px;*/
 }

/* -------------------------------------------------------------
        2.2.1.1 Menue-Box               (siehe auch design?.css)
   ------------------------------------------------------------- */

#menue_box {
 padding: 5px;
/* border: solid 1px #000000; Für Testzwecke */
 margin: 0;
 }

* html #menue_box { height: 1%; } /* Damit IE diesen Style komplett anzeigt*/

/* Hyperlinks in der Menue-Navigation */
  #menue_box a, #menue_box a:link, #menue_box a:visited {
   display: block;
   font-size: 1.6em;
   font-weight: bold;
   letter-spacing: 0.04em;
   text-align: left;
   text-decoration: none;
   padding: 5px;
   margin: 2px 0px; /* Bei Links in li-element margin oben/unten auf 0 setzen */
   }

  * html #menue_box a,
  * html #menue_box a:link,
  * html #menue_box a:visited {
   width: 100%;/* Damit komplette Linkbutton im IE hovert */
   letter-spacing: 0.03em;
   }

  /* folgende Anweisung funktioniert nicht im IE */
  #menue_box a[sub="off"]:hover:after { content: ' »»'; }

/* --------------- restlichen a-Selektoren siehe design?.css ------------------ */

  #menue_box a.aktiv {    }

  #menue_box a:hover, #menue_box a:focus, #menue_box a:active {   }

  #menue_box a.submenu, #menue_box a.submenu:link,
  #menue_box a.submenu:visited {   }

  #menue_box a.submenu:hover, #menue_box a.submenu:focus,
  #menue_box a.submenu:active {   }

/* ---------------------------------------------------------------------------- */

  #menue_box img {
   vertical-align: middle;
   width: 15px;
   height: 15px;
   padding: 2px 3px 2px 0;
   border: 0;
   margin: 0 3px 0 0;
   }

/* für listenbasierte Navigation oder Sidemap */
  #menue_box ul {
   list-style-type: none;
   padding: 0;
   margin: 0;
   }

  #menue_box ul li {
   display: block;
   padding: 1px 0px;/* Bei a-element ohne Liste dort margin oben/unten auf 1 setzen*/
   margin: 0px 0px;
   }

/* -------------------------------------------------------------
        2.2.2 Inhaltbereich             (siehe auch design?.css)
   ------------------------------------------------------------- */

/*-------------------------------- Container -----------------------------------*/

#inhaltbereich {
 position: relative;
 top: 5px;
 padding: 0;
/* border: 1px solid transparent;  Korrektur für margin im Firefox */
 margin-left: 24.1em;
 }

* html #inhaltbereich { /* Korrektur für IE an diesem Bereich */
 top: -1px;
 left: -4px;
 height: 1%;
 border: 0px solid #000000;/* 0 oder 1 für Testzwecke */
 margin-right: -5px;
 margin-left: 22.1em;
 }

#inhalt {
 position: relative;
 top: 0px;
 padding: 5px;
/* border: solid 1px #000000; Für Testzwecke */
 margin: 0;
 }

* html #inhalt { top: 1px; } /* Korrektur für IE in diesem Bereich */

/* -------------------------------------------------------------
        2.2.2.1 Titel-Box               (siehe auch design?.css)
   ------------------------------------------------------------- */

#titel_box {
 font-size: 1.6em;
 font-weight: bold;
 letter-spacing: 0.04em;
 text-align: center;
 padding: 5px 0;
/* border: 1px solid #CC0000; Für Testzwecke */
 margin: 0;
 }

/* -------------------------------------------------------------
        2.2.2.2 Inhalt-Box              (siehe auch design?.css)
   ------------------------------------------------------------- */

#inhalt_box {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 1.6em;
 font-weight: normal;
 min-height: 238px;
 padding: 15px 25px;
/* border: solid 1px #000000; Für Testzwecke */
 margin: 0px;
 }

/* Korrektur der inhalt_box für den IE (kennt kein min-height) */
* html #inhalt_box { height: 234px; }

/*-------------------------------- Selektoren ----------------------------------*/

  #inhalt_box a { }

  #inhalt_box div { /* Standartwerte für DIV in der Inhaltsbox */
/*   width: 100%;
   text-align: center;
   margin-bottom: 20px;*/
   margin-right: auto;
   margin-left: auto;
   }

  #inhalt_box dl {
/*   position: relative;
   top: 1em;
   left: -20px; */
   text-align: center;
   width: 90%;
   }

  #inhalt_box dd {
   height: 80px;
   vertical-align: middle;
   }

  #inhalt_box dd img {
   float: left;
   vertical-align: middle;
   margin-right: 15px;
   }

  #inhalt_box h1, #inhalt_box h2, #inhalt_box h3 { text-align: center; }

  #inhalt_box h1 { font-size: 2.1em; word-spacing: 0.1em; }

  #inhalt_box h2 { font-size: 1.7em; }

  #inhalt_box h3 { font-size: 1.5em; }

/* Korrektur für den Abstand der Bilder in der inhalt_box für den IE */
  * html #inhalt_box img { padding: 2px; }

  #inhalt_box p {
   text-align: justify;
   margin-top: 5px;
   margin-bottom: 5px;
   }

  #inhalt_box p br { line-height: 1.92em; }

  * html #inhalt_box p br { line-height: 1.7em; }

  #inhalt_box p span { font-weight: bold; }

  #inhalt_box table { width: 100%; }

  #inhalt_box div.blaettern { width: 36%; text-align: center; }

  #inhalt_box th { text-align: center; }

  #inhalt_box tr {
   margin-top: 5px;
   margin-bottom: 5px;
   }

  #inhalt_box td p { vertical-align: middle; }

  #inhalt_box td img {
   margin: 5px 15px 5px 0;
/*   float: right;*/
   }

  #inhalt_box ul { list-style-type: none; }

  #inhalt_box li {
   text-align: left;
/*   text-indent: 1em;*/
   vertical-align: middle;
   height: 1em;
   margin-top: 5px;
   margin-bottom: 5px;
   }

  #inhalt_box ul li img {
   float: left;
   margin-right: 15px;
   }

/*-------------------------------- Klassen -------------------------------------*/

  #inhalt_box .BUz {                       /* Bildunterschrift zentriert */
   position: relative;
   top: 0px;
   font-style: italic;
   font-weight: normal;
   text-align: center;
   line-height: 1.5em;
   }

  * html #inhalt_box .BUz { top: 30px; }   /* Korrektur für IE zu der Bildunterschrift */

  #inhalt_box .blocktxt { text-align: justify; }

  #inhalt_box .errmsg { color: #CC0000; }

  #inhalt_box .schmal { width: 81%; }

  #inhalt_box .txtcenter { text-align: center; }

/* ----------------------------------------------------------
        2.2.2.2.1 neues
   ---------------------------------------------------------- */

  #inhalt_box table.neues { margin: 0.7em 0; }

  #inhalt_box table.neues td { vertical-align: top; }

  #inhalt_box table.neues img { text-align: right; margin: 0.8em 0; }

/*  #inhalt_box table.neues td.col1 { width: 15px; }*/

/* ----------------------------------------------------------
        2.2.2.2.2 tkd
   ---------------------------------------------------------- */

/* Formate auf der Seite Gürtelsystem */
  #inhalt_box div.gurte { width: 70%; }

  #inhalt_box div.gurte td.col1 {
   width: 20%;
   height: 50px;
   text-align: right;
   }

  #inhalt_box div.gurte td.col2 {
   width: 35%;
   text-align: left;
   }

  #inhalt_box .gurt10k, #inhalt_box .gurt8k,
  #inhalt_box .gurt6k, #inhalt_box .gurt2k { color: #000000; }

  #inhalt_box .gurt10k { background-color: #FFFFFF; }

  #inhalt_box .gurt8k { background-color: #FFFF00; }

  #inhalt_box .gurt6k { background-color: #00FF00; }

  #inhalt_box .gurt4k { color: #FFFFFF; background-color: #0000FF; }

  #inhalt_box .gurt2k { background-color: #D2691E;/*#A52A2A;*/ }

  #inhalt_box .gurt1d { color: #FFFFFF; background-color: #000000; }

/* auf der Seite form.html */
  #inhalt_box .in3D {
   width: 100%;
   color: #000000;
   }

  #inhalt_box .in3D td {   }

  #inhalt_box .in3D img {
   margin-right: 10px;
   margin-left: 10px;/**/
   }

/* ----------------------------------------------------------
        2.2.2.2.3 verein
   ---------------------------------------------------------- */

  #inhalt_box ul.training {
   position: relative;
   top: 0;
   left: 50px;
   }

  * html #inhalt_box ul.training {
   top: 2em;
   }

/* ----------------------------------------------------------
        2.2.2.2.4 zeiten
   ---------------------------------------------------------- */

  #inhalt_box table.zeiten {
   width: 100%;
   font-size: 0.8em;
   text-align: center;
   table-layout:fixed;
   border-collapse: collapse;
   }

  #inhalt_box td.zeiten {
/*   width: 20%;
   text-align: center;
   font-size: 0.8em;*/
   }

  #inhalt_box table td.hide_line {
   height: 15px;
   background-color: transparent;
   border-right: 0;
   border-left: 0;
   }

/* ----------------------------------------------------------
        2.2.2.2.5 orte
   ---------------------------------------------------------- */

  #inhalt_box table.orte { width: 100%; vertical-align: top; }

  #inhalt_box table.orte p { text-align: left; }

/*  #inhalt_box div.adresse p { text-align: left; }*/

  #inhalt_box div.orte { width: 100%; }

  * html #inhalt_box div.adresse { width: 45%; }

/* ----------------------------------------------------------
        2.2.2.2.6 kontakte
   ---------------------------------------------------------- */

  #inhalt_box .kontakte {
   width: 95%;
   text-align: left;
   margin: 0 auto;
   }

/* -------------------------------------------------------------
        2.2.2.3 Fußzeile                (siehe auch design?.css)
   ------------------------------------------------------------- */

#fusszeile {
 position: relative;
 top: 0px;
 padding: 1px 5px;
/* border: 1px solid #000000; Für Testzwecke */
 margin: 0;
 }

  #fusszeile .aussen { width: 18px; }

  #fusszeile table {
   font-size: 1.2em;
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
   width: 100%;
   padding: 4px 0;
   }

/* =========================================
        3. Sonstige Styles
   ========================================= */

/* ===================================
   E n d e  des  S t y l e s h e e t s
   =================================== */