/***Seiteneinstellungen***/
body { background-image: url(../allgemein/wappen_hellgrau.bmp); background-repeat: repeat; background-attachment: fixed; background-position: center top; }
/***Kopfbereich***/
#kopf { background-image: url(../allgemein/kopfhintergrund.jpg); position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 150px; z-index: 2; }
#kopfwappen { background-color: transparent; background-image: url(../allgemein/wappen.gif); background-repeat: no-repeat; background-position: center; position: fixed ; top: 0; left: 5px; width: 110px; height: 135px; z-index: 3; }
#kopftitel { text-align: center; position: fixed ; top: 25px; left: 130px; width: 200px; height: 50px; z-index: 3; }
#seitentitel { text-align: left; position: fixed ; top: 47.5px; left: 130px; width: 200px; height: 50px; z-index: 3; }
#kopfmenue { text-align: center; position: fixed ; top: 115px; left: 115px; width: 600px; height: 20px; z-index: 3; }
#menueoben { text-align: center; position: fixed ; top: 5px; left: 357px; width: 750px; height: 20px; z-index: 3; }
#kopftermin { position: fixed ; top: 30px; left: 520px; text-align: center; width: 350px; height: 45px; z-index: 3; }
#menueunten { text-align: center; position: fixed ; top: 103px; left: 415px; width: 950px; height: 20px; z-index: 3; }
#fbbutton { text-align: center; position: fixed ; top: 108px; left: 130px; width: 150px; height: 20px; z-index: 3; }
.kopftitel { color: white; font-size: 46px; font-family: Arial; font-weight: 500; line-height: 50px; text-decoration: none; text-align: center; text-indent: 1cm; letter-spacing: 1.4px; width: 150px; outline-width: 50px; }
.seitentitel { color: white; font-size: 28px; font-family: Arial; font-weight: 500; line-height: 30px; text-decoration: none; text-align: center; text-indent: 1cm; letter-spacing: 1.2px; width: 150px; outline-width: 50px; }
.kopftermin01 { color: white; font-size: 17px; font-family: Arial; font-weight: bold; font-style: italic; line-height: 18px; text-decoration: none; letter-spacing: 2px; }
.kopftermin02 { color: white; font-size: 15px; font-family: Arial; line-height: 16px; text-decoration: none; letter-spacing: 1px; }
.kopftermin03 { color: white; font-size: 19px; font-family: Arial; font-weight: bold; font-style: italic; line-height: 22px; text-decoration: none; letter-spacing: 2px; }
.kopfmenue { color: white; font-size: 13px; font-family: Arial; line-height: 22px; text-decoration: none; text-align: center; letter-spacing: 1px; width: 150px; outline-width: 50px; }
/***Hauptbereich***/
#main { position: absolute; top: 135px; left: 0; height: auto; width: 800px; z-index: 0; padding: 15px; }
#update { padding: 12px; position: fixed; z-index: 12; top: 75px; left: 125px; width: auto; height: auto; }
#start01 { position: absolute; top: 177px; left: 0; height: 150px; width: 800px; z-index: 0; padding: 15px; }
#fussball01 { text-align: center; position: absolute; top: 15px; left: 0; height: auto; width: 200px; z-index: 1; padding: 15px; }
#fussball02 { text-align: center; position: absolute; top: 15px; left: 200px; height: auto; width: 200px; z-index: 1; padding: 15px; }
#fussball03 { text-align: center; position: absolute; top: 15px; left: 400px; height: auto; width: 200px; z-index: 1; padding: 15px; }
#fussball04 { text-align: center; position: absolute; top: 15px; left: 600px; height: auto; width: 200px; z-index: 1; padding: 15px; }
.update { color: white; font-size: 14px; font-family: Arial; line-height: 11px; text-decoration: none; text-align: left; letter-spacing: 1px; }
.ueber01 { color: #006400; font-size: 20px; font-family: Arial; font-weight: 900; font-style: italic; line-height: 23px; text-decoration: underline; text-align: left; text-indent: 1cm; letter-spacing: 2px; left: 12px; outline-width: 50px; }
.ueber02 { color: #006400; font-size: 17px; font-family: Arial; font-weight: 900; font-style: italic; line-height: 20px; text-decoration: underline; text-align: left; text-indent: 1cm; letter-spacing: 2px; left: 12px; outline-width: 50px; }
.text01 { color: black; font-size: 14px; font-family: Arial; font-weight: normal; line-height: 18px; text-decoration: none; text-align: left; letter-spacing: 1px; }
.text02 { color: #006400; font-size: 14px; font-family: Arial; line-height: 18px; text-decoration: none; text-align: left; letter-spacing: 1px; }
.plan01 { color: black; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 14px; text-decoration: none; text-align: center; letter-spacing: 1px; }
.plan02 { color: #006400; font-size: 12px; font-family: Arial; line-height: 14px; text-decoration: none; text-align: center; letter-spacing: 1px; }
.plan03 { color: black; font-size: 10px; font-family: Arial; font-weight: normal; line-height: 12px; text-decoration: none; text-align: center; letter-spacing: 1px; }
.plan04 { color: #006400; font-size: 10px; font-family: Arial; line-height: 12px; text-decoration: none; text-align: center; letter-spacing: 1px; }
.archiv01 { color: black; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 14px; text-decoration: none; text-align: left; letter-spacing: 1px; }
.archiv02 { color: #006400; font-size: 12px; font-family: Arial; font-weight: normal; line-height: 14px; text-decoration: none; text-align: left; letter-spacing: 1px; }
/***Fußbereich***/
#fuss { background-image: url(../allgemein/kopfhintergrund.jpg); position: fixed; left: 0; bottom: 0; width: 100%; height: 115px; z-index: 2; }
.fuss01 { color: #006400; font-size: 10px; font-family: Arial; line-height: 12px; text-decoration: none; text-align: left; letter-spacing: 1px; }
.fuss02 { color: black; font-size: 10px; font-family: Arial; line-height: 12px; text-decoration: none; text-align: left; letter-spacing: 1px; }
/***Terminbereich***/
#termin { background-repeat: repeat; background-attachment: scroll; background-position: center; text-align: center; position: fixed; top: 135px; right: 0; width: 200px; height: 100%; z-index: 1; border-left: 2px solid gray; }
#terminwerbung { background-repeat: repeat; background-attachment: scroll; background-position: center; text-align: center; position: fixed; z-index: 1; top: 135px; right: 0; width: 200px; height: 100%; border-left: 2px solid gray; }
.termin01 { color: #006400; font-size: 13px; font-family: Arial; font-weight: bold; font-style: italic; line-height: 17px; text-decoration: none; text-align: center; letter-spacing: 1px; }
.termin02 { color: black; font-size: 13px; font-family: Arial; line-height: 17px; text-decoration: none; text-align: center; letter-spacing: 1px; }
.termin03 { color: black; font-size: 3px; font-family: Arial; line-height: 5px; text-decoration: none; text-align: center; letter-spacing: 1px; }
/***Linkformartierungen***/
a:link {}
a:visited {}
a:hover {}
a:active {}
/***Navigation***/
/* normalisieren */

#nav,
#nav ul,
#nav li { font-size: 14px; font-family: Arial; line-height: 16px; display: block; margin: 0; padding: 0; list-style: none; }
/* Generelle vererbbare Settings innerhalb des Menus */

#nav, nav * { font-size: 14px; line-height: 16px; color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: left; clip: rect(auto auto auto auto); border-radius: 10px; order-bottom-style: inherit; order-right-style: inherit; }
/* Alle Labels (a ohne href Attr)  und Links haben ein bestimmtes uniformes aussehen */

#nav a { display: block; background: #fff; border-radius: 10px; padding: 0 5px 0 10px; }

* html #nav >li > a { width: 6em; }
/* Fix für MSIE 6 ? */

* html #nav ul a { width: 9em; }
/* Fix für MSIE 6 ? */

*+html #nav >li > a { width: 6em; }
/* Fix für MSIE 7 */

*+html #nav ul a { width: 9em; }
/* Fix für MSIE 7 */
/* alle aktivierbaren Links haben bestimmte Farben */

#nav a[href] { text-decoration: none; color: black; }
/* Die immer sichtbare Menu-Items */

#nav > li {	display: inline; display: inline-block;	vertical-align: top; border: 1px solid #ccc; }
/* MSIE8 -- verstehen die Farbe transparent nicht */

:root #nav > li { border: 1px solid transparent; }

* html #nav li { float: left; zoom: 1; border: 1px solid #ccc; }
/* MSIE 6 fix ?? */

* html #nav ul li { float: none; display: block }
/* MSIE 6 fix ?? */

*+html #nav > li { display: inline;	border: 1px solid #ccc; }
/* MSIE 7 fix*/
/* Die Focus-Linie verbergen, sie wird durch passenden Hintergrund kompensiert */

#nav *:focus { outline-width: 0; }
/* Die Menu-Gestaltung*/

#nav { text-align: center; /* Schatteneffekte */ -moz-box-shadow: 0px 6px 10px -5px #666, inset 0px -8px 8px -7px #000, inset 0px 4px 8px -7px #666;	-webkit-box-shadow: 0px 6px 10px -5px #666, inset 0px -8px 8px -7px #000, inset 0px 4px 8px -7px #666; box-shadow: 0px 6px 10px -5px #666, inset 0px -8px 8px -7px #000, inset 0px 4px 8px -7px #666; }

#nav > li > a {	padding: 5px 10px; /* Schatteneffekte */ -moz-box-shadow: inset 0px -8px 8px -7px #444, inset 0px 4px 8px -7px #666; -webkit-box-shadow: inset 0px -8px 8px -7px #444, inset 0px 4px 8px -7px #666; box-shadow: inset 0px -8px 8px -7px #444, inset 0px 4px 8px -7px #666; }
/* Alle Levels erhalten ein einheitliches Bild */
/* Jeder Level wird absolut positioniert und hat eine definierte Mindestbreite: */

#nav ul { position: absolute; min-width: 10em; border: 1px solid #ccc; text-align: left; /* Schatteneffekte */ -moz-box-shadow: 3px 5px 10px #666; -webkit-box-shadow: 3px 5px 10px #666; box-shadow: 3px 5px 10px #666; }
/* Jedes Item in jedem Level erzeugt einen neuen Koordinatenkontext */

#nav li { position: relative; }
/* Der 1. Level erscheint vertikal unter den Menu-Labels */

#nav .level1 { top: 30px; left: -1999px; /* einblenden left:-1px;*/ }
/* Der 2. bis x. Level erscheint horizontal versetzt neben dem ersten Level */

#nav .level2,
#nav .level3,
#nav .level4 { top: -1px; left: -1999px; /*einblenden left:8em;*/ }
/* Den Menupfad zur aktuellen Seite hervorheben */

#nav a.current { background: #aaf; }
/* Betone die im moment gehoverten Items */

#nav a:hover,
#nav li.hover > a {	background: #ddd; outline: 1px solid #f90; outline-width: 2px; outline-offset: 2px; position: relative; z-index: 20; }

#nav a.current:hover,
#nav li.hover > a.current {	background: #aaf; }
/* Gebe den Labels, die keine Links sind, Dropdown/right-Pfeil */

#nav ul a:not([href]):not([class="current page"]):before { float: right; content: "\25b8"; /* Pfeil rechts */ padding-left: 5px; }

#nav > li > a:not([href]):not([class="current page"]):before { float: right; content: "\25be"; /* Pfeil runter */	padding-left: 5px; }
/* Wir korrigieren die z-index-Werte */

.level1 { z-index: 11; }

.level2 { z-index: 12; }

.level3 { z-index: 13; }

.level4 { z-index: 14; }
/* Interaktives Einblenden  */

#nav > li:hover .level1,
#nav > li.hover .level1 { left: -1px; /* den obersten Level verzögert einblenden */ -moz-transition-property: left;	/* ab FX 4.0 */	-moz-transition-delay: 0.3s; }

#nav li:hover > .level2,
#nav .level1 >li.hover .level2 { left: 10em; }

#nav li:hover > .level3,
#nav .level2 >li.hover .level3 { left: 10em; }

#nav li:hover > .level4,
#nav .level3 >li.hover .level4 { left: 10em; }


</style>