body { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000; margin:0; padding:0; }
a:hover, a:active { color:#ee1d23; }

#navigation { position:absolute; top:90px; left:0px; width:168px; height:339px;
	text-align:center; padding-top:50px; }
#navigation ul { margin-left:5px; padding-left:0px; margin-top:0px; }
#navigation li { list-style-type: none; margin-bottom:6px; padding-bottom:0px; margin-top:0px; padding-top: 0px; }
#navigation a { color:#2e3092; font-weight:bold; text-decoration:none; }
#navigation a:hover, #navigation a:active, .aktiverbutton { color:#ee1d23; font-weight: bold; }

#logo { position: absolute; top: 20px; left: 20px; }
#suche { position: absolute; top:23px; left: 600px; width: 180px; z-index: 9 }

#suche a { color:#2e3092; font-weight:bold; text-decoration:none; padding-left: 18px; }
#suche a:hover { color: #BB0F16; font-weight: bold; }
#suchbegriff { width: 100px; border: 1px solid #2e3092; }
#suchbegriffimergebnis { width: 100px; border: 1px solid #2e3092; }
#suchbegriff:hover, #suchbegriffimergebnis:hover { border: 1px solid #ee1d23; }
#suchenschaltflaeche, #suchenschaltflaecheimergebnis { 
	color: #2e3092; border: none; background: #FFF; font-weight: bold; padding: 0px; cursor: pointer; }
#suchenschaltflaeche:hover, #suchenschaltflaecheimergebnis:hover { 
	color: #ee1d23; border: none; background: #FFF; font-weight: bold; cursor: pointer; }
#sprachlinkde a, #sprachlinkde a:hover { padding-left: 17px; margin-top: 20px; background: url(navigation/fahnedeutsch.gif) no-repeat left center; }
#sprachlinken a, #sprachlinken a:hover { padding-left: 17px; margin-top: 20px; background: url(navigation/fahneenglish.gif) no-repeat left center; }

#inhalt, #inhaltstueck { padding-top:80px; margin-left: 200px; width: 580px; padding-bottom: 70px; }  /* margin-top funktioniert im IE nicht */
#inhaltstartseite { position:absolute; top:0; margin-left: 200px; width: 580px; padding-bottom:30px; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1.8em; color: #ee1d23; font-weight: bold; margin-top: 0px; margin-bottom:0px; }
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em; color: #000; font-weight: bold; margin-bottom: 0px; }
h3 { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; font-weight: bold; margin-top: 0px; color: #ee1d23; }
h3.premiere { font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; font-weight: bold; margin-top: 0px; color: #2e3092; }
img { border:none; }
table { font-size: 1em; }

.rot { color: #ee1d23; }
.schwarz { color: #000; }
.klein { font-size: 0.8em; }
.zentriert { text-align:center; }
.bildlinks { float:left; margin-right: 10px; }
.bildrechts { float:right; margin-left: 10px; }
.keinabstand { margin-top: 0px; }
.mitabstand { margin-top: 30px; }
.zwischenueberschrift { margin-top: 30px; margin-bottom: 0px; }

.kategorie { background:url('navigation/kategorie-punkt.gif') no-repeat left 21px; padding:20px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#2e3092;
	margin-bottom:10px; }
.spielplanabstand { margin-bottom: 60px; }
.spielplanbild { float:left; margin-bottom: 20px; }
.spielplantext { margin-left: 130px; }
.autor { margin-bottom:0px; }
.stuecktitel { margin-bottom:0px; color:#2e3092; }
.stueckuebertitel { font-weight:bold; margin-bottom:0; }
.stueckuntertitel { margin-top: 0px; }

.feldkurz { font-size: 1em; width: 30px; font-family: Arial, Helvetica, sans-serif;}
.feldmittel { font-size: 1em; width: 220px; font-family: Arial, Helvetica, sans-serif;}
.feldlang { font-size: 1em; width: 350px; font-family: Arial, Helvetica, sans-serif;}

/* Startseite: */
#startseitentext, .startseitentext { margin-left: 310px; margin-top: 40px; }
.adresse { text-align:center; margin:30px 0 30px 0; }

/* Spielplan: */
#gedicht { margin-left: 60px; margin-bottom: 40px; }

/* Karten & Abonnements: */
#saalplan { float: right; width: 259px; margin-left: 10px; text-align: center; }
#kartenpreistabelle { max-width: 305px; }
#kartenpreistabelle td { text-align: center; }
#kartenpreistabelle th { font-weight: normal; text-align: left; }
#kartenpreistabelle th.fett { text-align: center; }
#kreditkarten { padding-top: 40px; text-align: center; }
#kreditkartengutscheine { padding-top: 0px; text-align: center; }
.kreditkarte { margin-bottom: 5px; }

#abotabelle { border-collapse:collapse; margin-top:20px; }
#abotabelle td { border:#000 1px solid; padding:2px; }
#abotabelle th { color:#ee1d23; text-align:left; border:#000 1px solid; padding:2px; }
#abotabelle tr.grau th { background:#ccc; color:#000; text-align:center; }


.preis1 { background: #ff0; cursor: pointer; }
.preis2 { background: #c60; cursor: pointer; }
.preis3 { background: #99f; cursor: pointer; }
.preis4 { background: #090; cursor: pointer; }
.preis5 { background: #99f; cursor: pointer; }
.preis6 { background: #f00; cursor: pointer; }
.preis7 { background: #f66; cursor: pointer; }
.preis8, .preis9 { background: #c60; cursor: pointer; }
.preis10 { background: #f66; cursor: pointer; }
.preis11 { background: #0cf; cursor: pointer; }

/* Gesangswettbewerb: */
#terminleiste { float :right; width: 130px; padding: 10px; background: #e8e8f5; }
#finale { border: 1px solid #ee1d23; margin-top: 30px; padding-left: 8px; padding-right: 8px; }
.zelleoper { border: 3px solid #09F; text-align: center; }
.zelleoperette { border: 3px solid #ee1d23; text-align: center; }
.zelleoperoperette { border-top: 3px solid #09F; border-right: 3px solid #ee1d23; border-bottom: 3px solid #ee1d23; border-left: 3px solid #09F; text-align: center; }
.preistraegertabelle { margin-top: 20px; border-collapse:collapse; }
.preistraegertabelle th { color: #ee1d23; font-size: 1.3em; text-align: center;  }
.preistraegertabelle td { font-weight: bold; text-align: center; border: 1px solid #000; }
.preistraegerfotos { position:absolute; left:80px; width:100px; margin-top: 100px;
	text-align: center; font-size: 0.9em; }
.preistraegerfotos p { margin-top: 0px; margin-bottom: 8px; }

/* Gesangswettbewerb-Anmeldung: */
.gross { font-size: 18pt; }
.oper { color: #09F; font-weight: bold; text-align: right; }
.operette { color: #F06; font-weight: bold; text-align: right; }
#geburtsdatum { border:none; margin:0; padding:0; }
input.partie { width: 180px; }
input.wahlarie { width: 450px; }

/* Foerderer: */
#foerdererbild { margin-left: 40px; margin-bottom: 20px; }

/* Biographien: */
.biographien h2 { margin-top:50px; }

/* �ber uns: */
.werketabelle { border-collapse:collapse; text-align:left; }
.werketabelle td { border: 1px solid #000; width: 25%; vertical-align:top; padding:3px; }
.werketabelle th { border: 1px solid #000; vertical-align:top; padding:3px; }

/* checkout: */
.rechnungspreis { text-align: right; }

#suchergebnis { padding-left: 16px; margin-bottom:30px; } /* padding-left ist, damit IE die Dreiecke anzeigt */
#suchergebnis ul { margin-left:0px; padding-left:0px;}
#suchergebnis ul li { list-style-image:url(navigation/dreieck1.gif); }
#suchergebnis ul li ol li { list-style-type:decimal; list-style-image:none; margin-bottom: 0.8em ; }
#suchergebnis a { font-weight: bold; }
#suchergebnis em { font-weight: bold; font-style: normal; }

.searchword  {color: #000; background-color: #ff6; padding: 1px;} /* gelb */
.searchword0 {color: #000; background-color: #ff6; padding: 1px;} /* gelb */
.searchword1 {color: #000; background-color: #a0ffff; padding: 1px;} /* t�rkis */
.searchword2 {color: #000; background-color: #9f9; padding: 1px;} /* leucht-gr�n */
.searchword3 {color: #000; background-color: #f99; padding: 1px;} /* rosa-organge */
.searchword4 {color: #000; background-color: #f6f; padding: 1px;} /* leucht-rosa */
.searchword5 {color: #fff; background-color: #800; padding: 1px;} /* dunkelrot */
.searchword6 {color: #fff; background-color: #0a0; padding: 1px;} /* gr�n */
/* .searchword7 {color: #fff; background-color: #886800; padding: 1px;} /* beige */
/* .searchword8 {color: #fff; background-color: #004699; padding: 1px;} /* dunkelblau */
/* .searchword9 {color: #fff; background-color: #909; padding: 1px;} /* violett */

@media print {
body { font-size:0.8em; }
#fotoleiste, #suche, #navigation {display:none; }
#logo { position:static; left:0px; top:0px; }
#inhaltstartseite, #inhalt { position:static; left:0px; top:61px; padding-top: 0px; margin-left:0px; padding-bottom:0px; } /* width:auto geht im IE6 nicht. position:static braucht Firefox (sonst druckt er nur 1 Seite aus) */
a, a:link, a:active, a:visited { color:#000; text-decoration:none; }
.preistraegerfotos { display:none; }

}