html { height: 100.01%; }
body { background-color: white; font-size: 80%; color: #333333; }

h1 { font-size: 1.6em; margin-bottom: 1em; }
h2 { font-size: 1.4em; line-height:1.1em; margin-bottom:0.6em;}
h3 { font-size: 1em; font-style:normal; font-weight:normal; margin-bottom:0.7em; }
h4 { font-size: 1em; font-weight: bold; margin: 0; }
h5 { font-size: 1em; font-style: italic; }

h1.kategorie { font-size: 1.4em; font-weight: bold; color: #009ada; }

.p { margin: 1em 0; }

#container { width: 940px; margin: 9px auto; }
#kopf, #naviSparte { float: right; clear: right; }
#naviSparte { width: 730px; }
#naviSparte.aktiv { background: url(/media/bilder/_layout/navi-linie.gif) repeat-x 0 bottom; }
#logo { float: left; margin-top: 19px; }
#logo.startseite { margin-top: 119px; }
#naviHauptHalter { width: 200px; float:left; clear: both; }
#inhalt { float: left; margin-left: 10px; width: 400px; }
#teasers { float: right; width: 285px; padding-top: 1em; }
#fuss { clear: both; margin-left: 220px; width: 400px; background: url(/media/bilder/_layout/fuss-linie.gif) repeat-x; padding-top: 1em; }

#hgHilfe { width: 100%; margin-top: 1.5em; }
#hgHilfe.aktiv { background: url(/media/bilder/_layout/navi-linie.gif) repeat-y 200px 0; }

a { color: #009ada; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; color: #009ADA; }

/* h1 a, h2 a, h3 a, h4 a { color: #333333; } */
/* h1 a, h2 a, h3 a, h4 a { color: #009ada; text-decoration: none; } */

h1 a, h3 a, h4 a { color: #333333; }
h2 a { color: #009ada; text-decoration: none; }
/* h2 a:hover { background: #e8f2f6; } */

/* formulare */
input { border: 1px #cccccc solid; }
input.submit { border: none; background-color: #009ada; color: white; vertical-align: middle; }
input { width: 200px; padding: 0.2em 0.2em; }
input.submit { width: auto; }
#inhalt form { padding: 0.2em 1em; border-left: 5px #dddddd solid; } /*  f0f6f9 e0e9ec;*/
#inhalt form div.feld { margin: 1em 0; }
#inhalt form .feld.fehler { border-left: 1px red solid; padding-left: 1em; }
#inhalt .p.fehler ul { color: red; }
#inhalt .p.fehler { padding: 1em; border: 1px red dashed; }
#inhalt textarea { font: 1em arial, sans-serif; padding: 0.2em; }
form em { color: red; }

.figure.full { margin: 1em 0; }
.figure.left { float: left; margin: 1em 1em 0.5em 0; }
.figure.right { float: right; margin: 1em 0 0.5em 1em; }
.figure .credit { font-size: 0.5em; margin: 0; text-align: right; }
.figure .caption { font-size: 0.8em; margin: 0; font-style: italic; }
.figure .caption em { font-weight: bold; font-style: normal; }
.figure .caption em:after { content: ':'; }

#naviSparte { line-height: 2.1em; margin-top: 1px; }
#naviSparte ul { width: 100%; }
#naviSparte li { float: left; text-align: center; }
#naviSparte li a { display: block; background-color: #cfdfe5; margin-left: 1px; color: #07394b; text-decoration: none; margin-bottom: 2px; }
#naviSparte li.erste a { margin-left: 0; }
#naviSparte li.selected a { background-color: #009ada; color: white; padding-bottom: 2px; margin-bottom: 0; }
#naviSparte li a:hover, #naviSparte li a:focus, #naviSparte li a:active { background-color: #009ada; color: white; }

/*#naviHaupt { line-height: 1.8em; }*/
#naviHaupt li a { padding: 3px 0 3px 12%; display: block; width: 88%; color: #666666; text-decoration: none; margin-bottom: 1px; }
#naviHaupt li.selected a { background-color: #009ada; color: white; }
#naviHaupt li.selected li a { background-color: transparent; color: #666666; }
#naviHaupt li li a { padding-left: 24%; width: 76%; }
#naviHaupt li li.selected a { background-color: #67c6e8; color: white; }
#naviHaupt li a:hover, #naviHaupt li a:focus, #naviHaupt li a:active, #naviHaupt li.selected a:hover, #naviHaupt li.selected a:focus, #naviHaupt li.selected a:active { background-color: #009ada; color: white; }
#naviHaupt li li a:hover, #naviHaupt li li a:focus, #naviHaupt li li a:active, #naviHaupt li.selected li a:hover, #naviHaupt li.selected li a:focus, #naviHaupt li.selected li a:active { background-color: #67c6e8; color: white; }

#naviExtra { line-height: 1.8em; margin-top: 2em; }
#naviExtra li a { padding-left: 15%; display: block; width: 85%; color: #999999; text-decoration: none; }
#naviHaupt li.selected a { background-color: #009ada; color: white; }
#naviExtra li a:hover, #naviExtra li a:focus, #naviExtra li a:active { background-color: #009ada; color: white; }

#fuss { margin-top: 1em; color: #5a5a5a; font-size: 0.8em; }
#fuss a { color: #5a5a5a; }
#fuss li { float: left; margin-right: 1em; }
#fuss a.linkTop { text-decoration: none; padding-left: 10px; background: url(/media/bilder/_layout/top-arrow.gif) no-repeat 0 3px; }
#fuss a.linkTop span { text-decoration: underline; }


/* inhalt */
.uebersichtBildlich .einheit { width: 195px; float: left; clear: both; border-top: 1px #333333 solid; padding-top: 1em; }
.uebersichtBildlich .einheit.erste { border-top: none; }
.uebersichtBildlich .einheit.gerade {  margin-left: 10px; clear: none; }
.aktuellMeldung .aktuellDatum { float: left; border-right: 1px black solid; margin-right: 0.5em; padding-right: 0.5em; font-size: 1.4em; }
.aktuellUebersicht h2 { margin-bottom: 0.6em; }
.aktuellUebersicht .aktuellBild { float: left; }
.aktuellUebersicht .einheit a { text-decoration: none; }
.aktuellUebersicht .einheit a:hover, .aktuellUebersicht .einheit a:focus, .aktuellUebersicht .einheit a:active { text-decoration: underline; }
#inhalt td { border: 1px #ffffff solid; border-collapse: collapse; padding: 0.5em; background-color: #e0e9ec; }
#inhalt table { margin: 1em 0; border: none; }

/* vorstellungen bzw. stücke */
.vorstellungUebersicht h2 { color: #009ada; }
.vorstellungUebersicht .kategorie { margin: 8px 0 18px 0; border-top: 1px #07394b solid; padding-top: 8px; }
.vorstellungUebersicht .kategorie.erste { border-top: none; }
.vorstellungUebersicht .kategorie h2 { border-bottom: 1px #07394b solid; text-indent: 10px; margin:  0px 0px 18px 0px; padding: 10px 0px 18px 0px; color: #009ada;}
.vorstellungUebersicht .einheit { padding: 14px 12px 4px 12px ; margin-top: 12px; background-color: #ecf2f5}
.vorstellungUebersicht .einheit:hover { background-color: #cfdfe5;}
.vorstellungUebersicht .einheit h3 { font-size: 1.3em; font-weight: bold;  margin-bottom:0.3em;}
.vorstellungUebersicht .einheit p {  }
.vorstellungUebersicht .einheit .extralinks { float: right; }
.vorstellungUebersicht .einheit .extralinks li { float: left; list-style: none; margin-left: 1em; }
.vorstellungUebersicht .einheit .extralinks li a { padding-right: 10px; border-right: 5px #009ada solid; }
.vorstellungUebersicht .einheit .extralinks li a:hover, .einheit .extralinks li a:focus, .einheit .extralinks li a:active { color: #999999; border-right-color: #999999; }
/*.vorstellung .bildergalerie, .vorstellung .termine { margin: 1em 0; }*/
#inhalt .vorstellung .termine td { background-color: transparent; border: none; padding: 0.2em; vertical-align: top; }
#inhalt .vorstellung .termine table { margin: 0; width:100%; }
.vorstellungUebersicht .einheit span.kennzeichnung { background-color: #009ada; color: white; font-weight: normal; padding: 0 0.1em; }
.vorstellungUebersicht .einheit img.kennzeichnung { vertical-align: middle; }

/* startseite */
/*
.vorstellungUebersicht.startseite .kategorie h2 { border-bottom: 0; padding-bottom: 0; margin-bottom: 0.5em; }
.vorstellungUebersicht.startseite .einheit h3 { margin-bottom: 0.5em; font-size: 1em; font-weight: normal; }
*/
.startseite .linkUebersicht { float: right; margin: 1em 0 0; }
#inhalt .startseite .p ul { list-style: none; margin-left: 0; }
.startseite .p li a { font-weight: bold; font-size: 1.2em; }
.startseite .p li { margin: 1em 0; }


/* spielplan */
#inhalt .spielplan form { border: none; padding: 0; }
#inhalt .spielplan input { width: auto; }
.spielplan .kalender { float: left; width: 180px; margin-right: 0.5em; }
.spielplan .kalender table { width: 100%; }
#inhalt .spielplan .kalender table { margin: 0; }
.spielplan .filter { float: left; margin-right: 0.5em; width: 150px; margin-top: 1.5em; }
.spielplan .filter .start, .spielplan .filter .ende, .spielplan .filter .kategorie { margin: 1em 0; }
.spielplan .filter .start { margin-top: 0; }
.spielplan .monate { font-size: 0.8em; float: left; width: 55px; margin-top: 1.5em; }
#inhalt .spielplan .monate ul { list-style: none; margin-left: 0; }
.spielplan .gruppe h3 { font-size: 1.2em; font-weight: bold; border-bottom: 1px #909090 solid; padding-bottom: 0.2em; margin-bottom: 0.5em; }
.spielplan .gruppe h4 { font-size: 1.2em; font-weight: bold; }
.spielplan .gruppe { margin-bottom: 2em; }

.kalender th { text-align: center; font-weight: bold; }
/*.kalender th .monatWechseln { font-weight: normal; }*/
.kalender td, .kalender .tagesnamen th { text-align: center; border: 1px #666666 solid; border-collapse: collapse; font-size: 0.8em; }
.kalender td.andererMonat { color: #999999; }

/* kontakt 
.kontakt .fehler ul { color: red; }
*/
.kontakt .eingaben { padding: 0.2em 1em; border-left: 5px #dddddd solid; }
.kontakt .eingaben .label { font-style: italic; }
.kontakt .eingaben kbd { font: 1em arial, sans-serif; display: block; margin-left: 1em; }

/* suche */
#inhalt .suche .steuerung { color: #cccccc; }
#inhalt .suche .steuerung ul { list-style: none; margin: 0; }
#inhalt .suche .steuerung li { float: left; margin-right: 1em; }
.suche .suchText { font: bold 1em arial, sans-serif; }
#teasers .suche input { width: 150px; vertical-align: middle; }
#teasers .suche input.submit { width: auto; }

/* newsletter formular */
/*
.newsletter label span { display: block; float: left; width: 10em; }
.newsletter label { clear: both; }
*/
/*.newsletter input, select { font-size: 1.4em; }*/
/*
.newsletter form div.feld { margin: 1em 0; }
.newsletter form .feld.fehler { border-left: 1px red solid; padding-left: 1em; }
.newsletter .p.fehler ul { color: red; }
.newsletter .p.fehler { padding: 1em; border: 1px red dashed; }
*/

/* teaser */
#teasers {padding-top: 0; }
.teaser { border-bottom: 1px #909090 solid; padding-bottom: 1em; margin-bottom: 1em; width: 100%; }

/* sitemap */
#inhalt .sitemap ul { list-style: none; /*line-height: 2em;*/ margin-left: 0; }
#inhalt .sitemap li { border-top: 1px #909090 solid; padding-top: 0.5em; margin-bottom: 0.5em; }
#inhalt .sitemap ul ul { margin-left: 4em; }
#inhalt .sitemap li li { border: none; padding-top: 0.2em; margin-bottom: 0.2em; }

/* ensembles */
.uebersichtBildlich.ensembles .einheit h2 { background-color: #07394b; margin-bottom: 0.2em; color: white; padding: 0.4em; }
.uebersichtBildlich.ensembles .einheit h2 a { color: white; }