/*
Verwendete Farben
#005000 - Dunkles Grün
	- Vordergrundfarbe im normalen Text
	- Textfarbe für Links bei Menü für Rückblick
	- Textfarbe für Links bei Sponsoren: div.sponsoren table tr td a
#B5F674 - sehr helles Grün
	- Hintergrundfarbe für Body - wirkt wie Rahmen um den Inhalt
	- Rahmen der Jahres-Links bei Tanzhausfest-Rückblick
	- Rahmen um Sponsorentext: div.sponsoren table tr td.sponsorentext
	- Hintergrund für Tabelle in Tanzfest-Programm: table.prog tr th
#daffb4 - sehr sehr helles Grün
	- Textfarbe für aktuellen Link im Hauptmenü
#8ED448 - helles Grün
	- Hintergrund für Inhalt
	- bei Tabellen mit wechselndem Hintergrund pro Zeile
		- Hintergrund für gerade Zeilen
		- Rahmen für ungerade Zeilen
	- Hintergrund für Foto
#B6EB81 - zwischen sehr hellem (Rahmen) und hellem Grün (Hintergrund für Inhalt)
	- bei Tabellen mit wechselndem Hintergrund pro Zeile
		- Hintergrund für ungerade Zeilen
		- Rahmen für gerade Zeilen
	- Hintergrund für Menu bei Geschichte
#702500
	- Textfarbe für Links
#C14000
	- Hintergrund für Links, über denen sich die Maus befindet.
		speziell angegeben bei Menü für Rückblick
#FF5500
	- Hintergrund für Links mit Fokus
		speziell angegeben bei Menü für Rückblick
white
	- Textfarbe für besondere Links (Maus, Fokus, aktuelle Seite)
		speziell angegeben bei Menü für Rückblick
*/
img { border-width: 0; }
table { border-collapse: collapse; }
body { font-family: "DejaVu Serif", serif; color: #005000; background-color: #B5F674;}
div.content { position: relative; margin: 0.5ex 4em 0em 14em; padding: 1ex 3ex; background-color: #8ED448;}
div.content_body_background { position: relative; margin: 0.5ex 4em 0em 14em; padding: 1ex 3ex;}
tr.wechselnd1 td { border: solid #B6EB81 1px; padding: 3px; background-color: #8ED448; text-align: left; vertical-align: top;}
tr.wechselnd2 td { border: solid #8ED448 1px; padding: 3px; background-color: #B6EB81; text-align: left; vertical-align: top;}
tr.fremd td { border: solid #8ED448 1px; padding: 3px; background-color: #C8C8C8; text-align: left; vertical-align: top;}
a { color: #702500; text-decoration: none; font-weight: normal; padding: 0px 0.5ex; font-family: "DejaVu Sans", sans; font-style: oblique;}
a:hover { background: #C14000; color: White;}
a:focus { background: #FF5500; color: White;}
a.mail { font-style: normal; text-decoration: underline;}
a:hover.mail {}
a:focus.mail {}
/* Titel-Leiste */
/* Titel-Leiste, generell */
div.titel { width: 100%; vertical-align: top; background-image: url(../bilder/titel_hinten.jpg); height: 76px; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 0px; border-width: 0px; width: 100%; text-align: center;}
/* Titel-Leiste, linkes Bild */
.titellinks { vertical-align: top; position: absolute; width: 128px; height: 58px; margin: 0px; margin-top: 0px; padding: 0px; top: 4px; left: 30pt; border-width: 0px; z-index: 1;}
/* Titel-Leiste, rechtes Bild */
.titelrechts { vertical-align: top; position: absolute; width: 83px; height: 59px; margin: 0px; margin-top: 0px; padding: 0px; top: 4px; right: 30pt; border-width: 0px; z-index: 1;}
/* Titel-Leiste, Bild Mitte */
.titelmitte { vertical-align: top; position: relative; margin: 0px; margin-top: 0px; padding: 0px; top: 5px; right: auto; left: auto; border-width: 0px; z-index: 2;}
div.Sprachumschaltung { position: absolute; left: 0px; bottom: 0px; z-index: 3;}
div.Sprachumschaltung a { position: relative; bottom: 1px; margin-left: 10px; padding: 0px;}
div.Sprachumschaltung span { position: relative; bottom: 1px; margin-left: 10px;}
div.main { position: absolute; top: 76px; left: 0px; width: 100%; padding: 0px;}
div.leiste_links { margin: 0.5ex 1ex 1ex 0.7ex; padding: 0ex; position: absolute; left: 0; top: 0; width:12.5em; z-index: 30;}
div.main_menu { margin-bottom: 10em;}
.main_menu div { margin: 0px 0px 0.5ex 0px; padding: 0px; border-width: 0px; width: 100%;}
.main_menu div h2 { margin: 0px; padding: 0px; border-width: 0px; width: 100%; font-size: 120%; text-align: center;}
.main_menu div ul li h3 { margin: 0px; padding: 0px; border-width: 0px; width: 100%; font-size: 85%; text-align: right;}
ul.menu { list-style:none; margin: 0px 0px 0px 0px; padding: 0px; border-width: 0px; width: 100%;}
ul.menu li { margin: 1px; padding: 0px; border-width: 0px; width: 100%;}
/* Menü für Rückblick (Jahreszahlen)*/
div.histmenu { line-height: 3ex; margin: 0ex 0ex 2ex 0ex; padding: 0.5ex 1ex;}
div.histmenu ul { margin: 0ex; padding: 0ex;}
div.histmenu ul li { display: inline;}
div.histmenu ul li a { border: solid #B5F674 1px; background-color: #8ED448; font-size: 85%; font-weight: bold; color: #005000;}
div.histmenu ul li a.histmenu_act { background: #993300; color: white;}
div.histmenu ul li a:hover { background: #AE3A00; color: White;}
div.histmenu ul li a:focus { background: #CC4400; color: White;}
/* Menü für Fotos (Jahre)*/
div.fotos_jahre { line-height: 3ex; margin: 0ex 0ex 0ex 0ex;}
div.fotos_jahre ul { margin: 0ex; padding: 0ex;}
div.fotos_jahre ul li { display: inline;}
div.fotos_jahre ul li a { border: solid #B5F674 1px; background-color: #8ED448; font-size: 85%; font-weight: bold; color: #005000;}
div.fotos_jahre ul li a.fotos_jahr_act { background: #993300; color: white;}
div.fotos_jahre ul li a:hover { background: #AE3A00; color: White;}
div.fotos_jahre ul li a:focus { background: #CC4400; color: White;}
/* Menü für Fotos, Gruppen*/
div.fotos_gruppen { line-height: 3ex; margin: 0ex 0ex 2ex 0ex; padding: 0.5ex 2.5ex;}
div.fotos_gruppen ul { margin: 0ex; padding: 0ex;}
div.fotos_gruppen ul li { display: inline;}
div.fotos_gruppen ul li a { border: solid #B5F674 1px; background-color: #8ED448; font-size: 85%; font-weight: bold; color: #005000;}
div.fotos_gruppen ul li a:hover { background: #AE3A00; color: White;}
div.fotos_gruppen ul li a:focus { background: #CC4400; color: White;}
div.sponsoren { clear: both;}
div.sponsoren table { display: inline;}
div.sponsoren table tr td { text-align: center; font-weight: bold; font-size: 85%; margin: 0px; width: 13.5em;}
div.sponsoren table tr td.sponsorentext { border: solid #B5F674 1px;}
div.sponsoren table tr td.sponsorenbild { height: 10ex; vertical-align: bottom;}
div.sponsoren table tr td.sponsorenbild img,
div.sponsoren table tr td.sponsorenbild a img { max-height: 8ex;}
div.sponsoren table tr td a { display:block; margin: 0px; overflow: hidden; font-size: 85%; font-weight: bold; font-style: normal;}
/* Im Hauptmenü*/
a.sponsor img { max-height: 12ex; max-width: 100%;}
div.sponsors a.sponsor { color: #005000; font-weight: normal;}
div.sponsors a:hover.sponsor { color: White;}
.balhistory { text-align: center; margin:auto;}
table.balhistory tr td { text-align: center;}
table.balhistory tr th { font-size: 120%; padding-top: 2.5ex;}
table.balhistory tr td a { display:block; margin: 0px;}
ul.menu li a { height: 100%; width: 100%; display:block; margin: 0px; padding: 0px; border-width: 0px; text-decoration: none; overflow: hidden;}
a.menu,
a.sub_menu { background-color: #8ED448; color: #005000;}
a.menu_act,
a.sub_menu_act { background: #993300; color: #daffb4;}
a:hover.menu,
a:hover.sub_menu { background: #AE3A00; color: White;}
a:focus.menu,
a:focus.sub_menu { background: #CC4400; color: White;}
a.sub_menu { text-align: right;}
a.sub_menu_act { text-align: right;}
div.foto_menu { margin: 0px; padding: 0px; position: absolute; left: 0em; height: 72px; top: 0px; overflow: hidden; z-index: 21;}
ul.foto_menu { list-style:none; margin: 0px; padding: 0px;}
li.foto_menu { display: inline; margin: 10px 1px;}
div.foto_menu ul li a { padding: 0px;}
img.foto_menu { height:72px;}
div.foto_weiter { position: absolute; left: 0em; top: 80px; z-index: 21;}
div.content_foto { width: 100%; text-align: center; padding: 5%; position: absolute; top: 72px; left: 0em; z-index: 20;}
div.content_foto div { width: 80%; padding: 5ex; background-color: #8ED448;}
div.content_foto div img { width: 90%;}
#foto_text { text-align: center; font-weight: bold; border-width: 0; border-style: none; margin: 0px; padding: 0.5ex;}
#foto_file_info { text-align: center; font-weight: normal; border-width: 0; border-style: none; margin-top: 2ex; padding:0.5ex;}
table.prog { text-align: left; border-spacing: 0px; border-collapse: collapse; white-space:nowrap; width: 100%;}
table.prog tr {}
table.prog tr td { padding-top: 1ex; padding-bottom: 1px; font-weight: normal; vertical-align: top; white-space:nowrap;}
table.prog tr td.prog_gruppe { white-space:normal;}
table.prog tr td.mitte { padding-top: 1ex; padding-bottom: 1px; padding-left: 4ex; padding-right: 4ex;}
table.prog tr.intanzabend td { padding-top: 1px; padding-bottom: 1px;}
table.prog tr th { background-color: #B5F674; text-align: left;}
p.text { text-align: justify;}
p.text:first-letter { font-size: 180%;}
p.text_left { text-align: left;}
p.text_left:first-letter { font-size: 180%;}
span.gruppe { /* z.B. in Rückblick */ font-weight: bolder; text-decoration: none; font-family: "DejaVu Sans", sans; font-style: oblique;}
h1 { text-align: center; font-size: 180%; font-weight: bold;}
h2 { text-align: center; font-size: 140%; font-weight: bold;}
a.gruppenlink {}
p.euer_ev { font-weight: bold; text-align: right; margin-top: 3ex; margin-bottom: 7ex; padding-right: 10%;}
td.bild { vertical-align: middle;}
.bildlinks {	border: none; float: left; margin-top: 3px; margin-bottom: 3px; margin-right: 10px; margin-left: 10px; }
.bildrechts {	border: none; float: right; margin-top: 3px; margin-bottom: 3px; margin-right: 10px; margin-left: 10px; }
.bild {	border: none; margin-top: 3px; margin-bottom: 3px; width: 100%; text-align: center; }
.ankuendigung { font-weight: bold; text-align: center;}
.grossankuendigung { font-weight: bold; text-align: center; font-size: medium;}
p.Vorstandsadresse { text-align: center; margin-top: 5ex;}
ul.vorstand { list-style:none; margin: 0px 0px 0px 0px; padding: 0px; border-width: 0px; width: 100%; font-weight: bold;}
p.weiter { text-align: justify;}
span.wichtig { font-weight: bolder; text-decoration: underline; padding-left: 1ex; padding-right: 1ex; }
#gruppe { font-weight: bolder; text-decoration: none; margin-left: 6px; margin-right: 6px; }
#wichtig { font-weight: bolder; text-decoration: underline; margin-left: 6px; margin-right: 6px; }
ul.history_inline { margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; margin-left: 10%;}
#balprog { empty-cells: show; clear: both;}
#balprog tr td a { height: auto;}
table.balworkshop { margin-top: 0em; margin-bottom: 1em; margin-left:1.5em;}
table.balworkshop tr td { font-size: small; padding-right:1em;}
#besetzung tr td { font-size: small; vertical-align: top;}
table.preise { width: 75%; position: relative; left: 10%; font-size: small;}
table.preise tr th { text-align: right; font-size: small;}
table.preise tr td.preis { text-align: right; white-space: nowrap;}
table tr th { font-size: small;}
table.anfahrt { width: 100%; margin-top: 1ex; margin-bottom: 1ex;}
table.anfahrt tr th { font-size: small; text-align: left;}
table.anfahrt tr th.anfahrt_text { font-size: smaller;}
td.anfahrt_text ol { list-style-type: lower-roman; margin-left: 0ex; padding-left: 3.5ex;}
h3.thfgruppen {}
div.thfgruppen { margin-top: 8ex;}
ul.thfgruppen { margin-top: 0.5ex;}
ul.inlinemenu { list-style:none; margin: 0px; padding: 0px; line-height:180%;}
ul.inlinemenu li { display: inline; margin-right: 1ex;}
p.nach_oben { font-size: small; text-align: right; clear: both; padding-top: 1ex;}
p.nach_oben a { font-size: smaller; position: relative; left: 2ex;}
ul.links { list-style:none; padding-left: 1ex; margin-top: 3.5ex; margin-bottom: 3.5ex;}
ul.links li { margin-left: 0px; margin-top: 0.5ex; margin-bottom: 0.5ex;}
ul.links li a { font-size: medium; font-style: normal;}
h2.links { text-align: left; font-size: large; margin-bottom: 0.8ex; margin-top: 4ex;}
a.inhalt {}
a:focus.inhalt {}
a:hover.inhalt {}
ul.menu li a.inhalt { border: solid 1px #993300;}
a.thfgruppen {}
a:hover.thfgruppen {}
a:focus.thfgruppen {}
h2.inleipzig { text-align: left;}
p.inleipzig_kategorien { list-style: none; line-height: 3ex; text-align: center;}
p.inleipzig_kategorien a { margin-left: 1em; margin-right: 1em; list-style: none; line-height: 3ex; text-align: center;}
div.absatz_mit_liste p { margin-bottom: 0.5ex;}
div.absatz_mit_liste ul { margin-top: 0.5ex; margin-bottom: 2ex;}
ul.inleipzig_einrichtungen li { margin-top: 2.5ex;}
ul.inleipzig_einrichtungen li ul li { margin-top: 0.3ex;}
ul.inlinemenu { display: inline;}
ul.inlinemenu li { display: inline;}
ul.inlinemenu li a.menu { padding: 0px 0.3ex; margin: 0px;}
ul.inlinemenu li a.menu_act { padding: 0px 0.3ex; margin: 0px;}
ul.inlinemenu li a:hover.menu { padding: 0px 0.3ex; margin: 0px;}
ul.inlinemenu li a:focus.menu { padding: 0px 0.3ex; margin: 0px;}
div.bild_menu { text-align: center;}
table.statistik tr { vertical-align: top;}
table.statistik tr td { vertical-align: top; padding: 0.7ex;}
span.doll_hervorgehoben { font-size: large; font-weight: bold;}
a.anker { margin: 0ex; padding: 0ex;}
div.error { font-size: +200%; color: red;}
span.verstecken { display: none;}
table.bal_kurs { margin-left: 4em; margin-top: 0cm; padding-top: 0cm; margin-bottom: 0ex;}
table.bal_kurs tr td { padding-right: 2em;}
table.smallcal { font-size: 80%;}
a.gruppe { font-weight: bolder;}
ul.group_members { list-style:none;}
ul.musikbeispiele { padding: 0px; display: inline; margin: 0px;}
ul.musikbeispiele li { display: inline;}
div.bal_kurzinfos { margin: 3%;}

