/* Zentrale CSS - Datei für "Musicalklasse online" */

/* Netscape 6.x und Mozilla 0.x und 1.0 setzen für Grafiken
   standardmäßig 'align="bottom"', was in Tabellen zu hässlichen
   Abständen führt. Wir setzen daher mittels CSS die vertikale
   Ausrichtung auf "top". Netscape 4.x macht hier lt. SelfHTML
   Probleme, alternativ ist im "img"-Tag auch align="top" möglich. */
img { vertical-align:middle; }
/* Oben: Hier widersprechen sich irgendwie Kommentar und Angabe... was haben wir
	denn da gemacht? */

/* Allgemeingültige Schrift sowie Blocksatz: */
body,p,div,td,b,i { font-family:Times New Roman;
					font-size:16px;
                    text-align:justify;
/* Für OPERA nötig, dann müssen allerdings die ".inhalt"-Formate überarbeitet
   werden...
					padding:0px; */
				  }

p { margin-top:0px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px; }

/* Überschriften und Titel: */
h1,h2,h3,h4,h5,h6 { font-family:Century Gothic,Tahoma,Verdana,Arial,sans-serif;
					font-weight:bold;
               	  	font-style:italic;
                  	text-decoration:none;
					text-align:left;
                  	margin-top:15px;
					margin-bottom:8px; }

h1 { font-size:30px; }

h1.anfangsueberschrift { margin-top:5px; }

h2 { font-size:26px; }

h3 { font-size:22px; }

h4 { font-size:18px;
     font-family:Tahoma,Verdana,Arial,sans-serif;
     font-style:normal;
     font-weight:normal; }

h4.mittig { text-decoration:underline;
	 		text-align:center; }

h5 { font-size:14px;
     font-family:Tahoma,Verdana,Arial,sans-serif;
     font-style:normal;
     font-weight:normal; }

h5.fett { font-weight:bold; }

h6 { font-size:14px;
     font-family:Tahoma,Verdana,Arial,sans-serif;
     font-style:normal;
     font-weight:normal;
	 margin-top:0px;
	 margin-bottom:0px; }

/* Festlegung des Hintergrundbildes sowie der farbigen Scrollbalken,
   die allerdings leider nur vom IE interpretiert werden */
body { background-image:url(../images/hintergrund.gif);
       border:0px;
	   margin:0px;
       scrollbar-base-color:#C3D3AD;
       scrollbar-3d-light-color:#FFFFFF;
       scrollbar-arrow-color:#000000;
       scrollbar-darkshadow-color:#000000;
       scrollbar-face-color:#D3B9A3;
       scrollbar-highlight-color:#FFFFFF;
       scrollbar-shadow-color:#000000;
       scrollbar-track-color:#E3D4CC; }

/* Linkformate */
a { font-family:Tahoma,Arial,sans-serif;
    font-size:13px;
	font-weight:bold;
	color:#7B6656;
    text-decoration:none;
    text-align:left; }

a.deaktiviert { font-style:italic; }

a.gross { font-size:14px; }

a.grossdeaktiviert { font-size:14px;
					 font-style:italic; }

a.klein { font-size:11px;
		  line-height:14px; }

a.kleindeaktiviert { font-size:11px;
					 font-style:italic;
                     line-height:14px; }

a.fusszeile { font-size:11px;
              font-weight:normal; }

a:visited { color:#999999; }

a:hover { color:#000000;
          text-decoration:underline; }

/* Stil für die Fußzeile */
div.fusszeile { font-size:12px;
                margin-bottom:4px;
                margin-top:4px; }

/* Text verkleinert schreiben, insbesondere für die Fusszeile. */
.klein { font-size:13px;
		 text-align:left; }

.klein i { font-size:13px; }

.klein b { font-size:13px; }

/* zusätzliche allgemeine Formatierungen */
.linksbuendig { text-align:left; }

.rechtsbuendig { text-align:right; }

.zentriert { text-align:center; }

.eingerueckt { margin-left:15px;
			   padding-top:1px; }

.fett { font-weight:bold; }

.unterstrichen { text-decoration:underline; }

.nomargintop { margin-top:0px; }

/* Rahmen um die Navigation auf der linken Seite
   vom Hintergrund abzuheben */
table.navirahmen { border:1px solid #DFD6CF;
			  	   margin-top:15px;
			  	   margin-left:10px;
             	   background-color:#FAF6F3; }

td.naviabstand { padding:5px; }

/* Einstellungen für die Übersichtsseite von 'Alte Produktionen': */
div.liste { margin-left:15px;
			padding-top:5px;
			line-height:12px; }

div.titel { margin-top:5px;
			margin-left:15px;
			margin-right:15px;
            margin-bottom:5px; }

.eingerueckterabsatz { font-size:14px;
                  	   line-height:17px;
					   margin-top:5px;
					   margin-left:10px;
				  	   margin-right:10px;
					   margin-bottom;0px; }

.eingerueckterabsatz i { font-size:14px; }

div.zurueck { text-align:right;
			  margin-right:15px;
              padding-top:5px;
              padding-bottom:5px; }

/* Stil für Sprunglinks "Zurück nach oben": */
div.zuruecknachoben { border:1px solid #DFD6CF;
					  padding:2px;
					  margin-left:10px;
					  margin-right:40px;
					  background-color:#FAF6F3; }

/* Formatierung für die inaktiven Links zu Seiten, die gerade "aktuell",
   also gerade im Hauptfenster zu sehen sind (groß und klein): */
span.aktuell { font-family:Tahoma,Arial,sans-serif;
               font-size:14px;
			   font-weight:bold;
			   color:#000000;
               border-bottom-style:solid;
               border-bottom-color:#AF998A;
               border-bottom-width:1px; }

span.kleinaktuell { font-family:Tahoma,Arial,sans-serif;
               		font-size:11px;
			   		font-weight:bold;
			   		color:#000000;
               		border-bottom-style:solid;
               		border-bottom-color:#AF998A;
               		border-bottom-width:1px; }

/*  Formatvorlagen für die STARTSEITE: */
body.startseite {
	background-image:url(../images/hintergrund.gif);
}

table.willkommen_zeile {
	background-image:url(../images/hintergrund.gif);
}

td.willkommen_zeile {
	padding-left:20px;
	background-image:url(../images/header-hintergrund.gif);
	background-repeat:no-repeat;
	border-bottom:#DFD6CF 1px solid;
}

h1.willkommen {
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
}

div.update {
	margin-top:5px;
	margin-bottom:5px;
	font-size:11px;
	font-weight:bold;
	font-family:Tahoma,Arial,Verdana,sans-serif;
}

table.vorstellungstext {
	padding-left:20px;
	padding-right:20px;
}

td.aktuelle_produktion_restlinie {
	border-bottom:#DFD6CF 1px solid;
}

table.aktuelle_produktion_aussen {
	margin-top:7px;
	margin-right:10px;
}

td.aktuelle_produktion {
	background-image:url(../images/frontseite-boxhintergrund.gif);
	background-repeat:repeat-y;
}

td.aktuelle_produktion_schluss {
	border-top:#DFD6CF 1px solid;
}

table.news_aussen {
	margin-right:10px;
}

td.news_aussen_hintergrund {
	background-image:url(../images/frontseite-boxhintergrund.gif);
	background-repeat:repeat-y;
}

table.neuigkeiten {
	border-bottom:#DFD6CF 1px solid;
}

td.news_pfeil {
	padding-left:5px;
}

td.news_meldung {
	text-align:left;
	padding-right:5px;
	font-size:11px;
}

div.news_meldung {
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:11px;
	text-align:justify;
	margin-top:3px;
	margin-bottom:3px;
}

div.news_meldung b {
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:11px;
	text-align:justify;
	margin-top:3px;
	margin-bottom:3px;
	font-weight:bold;
}

div.news_meldung i {
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:11px;
	text-align:justify;
	margin-top:3px;
	margin-bottom:3px;
	font-style:italic;
}

td.news_datumlink {
	padding-left:5px;
	padding-right:5px;
}

td.news_datum {
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:justify;
	text-align:left;
	padding-bottom:2px;
}

td.news_link {
	text-align:right;
	padding-bottom:2px;
}

td.news_trennstrich_aussen {
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	line-height:10px;
}

td.news_trennstrich {
	border-top:1px black solid;
	line-height:10px;
}

td.zusatzinfos_rand {
	padding-left:5px;
	padding-right:5px;
}

table.zusatzinfos {
	padding:5px;
	background-color:#DFD6CF;
	margin-bottom:5px;
	border:1px solid #999089;
}

td.zusatzinfos {
	text-align:center;
	font-family:Tahoma,Verdana,Arial,sans-serif;
	font-size:12px;
}

a.zusatzinfos {
	font-size:12px;
}

div.counter {
	margin-top:4px;
	margin-bottom:4px;
	text-align:right;
	font-size:12px;
}

div.counter b {
	font-size:12px;
	font-weight:bold;
}

table.counter {
	border:#DFD6CF 1px solid;
	background-color:#FAF6F3;
}

/*----------------------------------------------------------------------------*/
/* 	Formatvorlagen für Besetzungslisten in Produktionen sowie die Ehemaligen-
    liste; hier zentral definiert, da folglich rubrikübergreifend.
*/
table.besetzungsgruppe {
	border:1px solid #999089;
	margin-top:20px;
}

td.besetzungsgruppe {
 	padding:3px;
 	background-color:#DFD6CF;
}

td.besetzung_ungerade {
	background-image:url(../../images/tabellen-hintergrund.gif);
	border:1px solid #DFD6CF;
	padding:5px;
}

td.besetzung_gerade {
	border:1px solid #DFDFDF;
	padding:5px;
}

img.besetzung_photo {
	border:1px solid #999089;
}

td.besetzung_photo {
	vertical-align:top;
}

td.besetzung_name {
	border-bottom:1px solid #DFD6CF;
	padding-left:3px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:1px;
	vertical-align:bottom;
	height:15px;
}

td.besetzung_details {
	padding:0px;
	text-align:right;
	font-size:11px;
	vertical-align:bottom;
}

td.besetzung_rolle {
	padding:3px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	vertical-align:top;
}

h4.besetzung {
	margin:0px;
}

h5.besetzung {
	margin:0px;
	margin-left:5px;
	text-align:left;
}

h5.besetzung_titel {
	margin:0px;
	margin-left:5px;
	font-weight:bold;
	text-align:left;
}

a.detail_link {
	font-size:11px;
	font-weight:normal;
}

/* ---------------------------------------------------------------------------*/
/* Rubrik PRODUKTION: Formatvorlagen
   Hier eventuelle Querverwendung in anderen Rubriken prüfen und dann nach
   "Produktionen" auslagern...
   Oben sind ebenfalls einige Kandidaten von "Alte Produktionen" */
/* Ausrichtung von zentriert angeordneten Übersichten für
   Castliste, Aufführungsorte etc. */
td.links { text-align:right;
           vertical-align:top;
           padding-right:20px;
		   padding-top:5px;
 	   	   padding-bottom:5px;
     	   font-family:Tahoma,Arial,Verdana,sans-serif;
 		   font-size:14px; }

td.rechts { text-align:left;
            vertical-align:top;
            padding-left:20px;
		    padding-top:5px;
 	   	    padding-bottom:5px;
     	    font-family:Tahoma,Arial,Verdana,sans-serif;
 		    font-size:14px; }

td.mittig { text-align:center;
            vertical-align:top;
  		    padding-top:5px;
 	   	    padding-bottom:5px;
   		    font-family:Tahoma,Arial,Verdana,sans-serif;
 			font-size:14px; }

/* Design der "Aktuelle Produktion-Box" für die Willkommensseite: */
table.aktuelleproduktion { float:right;
						   background-image:url(../images/tabellen-hintergrund.gif);
                           background-color:#FAF6F3;
                           border-color:#DFD6CF;
                           border-style:solid;
                           border-width:1px;
						   margin-top:10px;
                           margin-left:10px;
                           margin-right:5px; }

div.aktuelleproduktion { font-family:Tahoma,Arial,Verdana,sans-serif;
           		   	  	 font-size:12px;
           		   	  	 font-weight:bold;
           		   	  	 text-align:center;
					  	 background-color:#DFD6CF;
					  	 padding-top:3px;
						 padding-left:6px;
						 padding-right:6px;
					  	 padding-bottom:3px;
                      	 margin-top:4px;
					  	 margin-left:4px;
                      	 margin-right:4px; }

td.titelderproduktion { text-align:center;
						padding-top:5px;
                        padding-left:8px;
			  			padding-right:8px;
			  			padding-bottom:5px; }

div.untertitel { font-family:Tahoma,Arial,Verdana,sans-serif;
				 font-size:12px;
				 font-weight:bold;
				 text-align:center;
                 color:#000000;
				 padding-top:4px; }

/* Tabellenformat u.a. für die Besetzungslisten etc. */
.inhalt { background-image:url(../images/tabellen-hintergrund.gif);
		  background-color:#FAF6F3;
          border-color:#DFD6CF;
          border-style:solid;
          border-width:1px;
		  padding:5px; }

.inhaltsueberschrift { font-family:Tahoma,Arial,Verdana,sans-serif;
                       font-size:15px;
                       font-weight:bold;
                       text-align:center;
                       padding-top:3px;
                       padding-bottom:3px;
                       margin:5px;
                       background-color:#DFD6CF; }

/* Design der "Navibox" mit den internen Links für die Inhaltsseiten: */
table.sprungmenue { float:right;
					background-image:url(../images/tabellen-hintergrund.gif);
		  			background-color:#FAF6F3;
          			border-color:#DFD6CF;
          			border-style:solid;
          			border-width:1px;
					margin-top:10px;
					margin-left:10px;
					margin-right:5px; }

div.direktanwaehlen { font-family:Tahoma,Arial,Verdana,sans-serif;
           		   	  font-size:12px;
           		   	  font-weight:bold;
           		   	  text-align:center;
					  background-color:#DFD6CF;
					  padding-top:3px;
					  padding-bottom:3px;
                      margin-top:4px;
					  margin-left:4px;
                      margin-right:4px; }

td.verweise { padding-top:3px;
			  padding-left:8px;
			  padding-right:8px;
			  padding-bottom:5px; }

/* Formatierung für Downloadboxen auf den Presse-Seiten */
table.download { background-image:url(../images/tabellen-hintergrund.gif);
		  	     background-color:#FAF6F3;
          	   	 border-color:#DFD6CF;
          	     border-style:solid;
          	     border-width:1px;
				 margin-top:3px;
				 margin-right:10px; }

div.download_ueberschrift { font-size:13px;
						   	color:#8A807A;
						   	text-align:center;
						   	padding-top:2px;
						   	padding-bottom:2px;
                            margin-top:4px;
							margin-left:4px;
                            margin-right:4px;
						   	background-color:#DFD6CF; }

td.gif { padding-top:6px;
	     padding-left:7px;
		 padding-bottom:6px; }

td.schrift { vertical-align:middle;
             padding-top:2px;
			 padding-left:5px;
		     padding-right:7px; }


/* CSS für Formularelemente */
/* Netscape versteht das Format nicht, wenn es als Klassenattribut definiert
   wird, IE kann keine Attributiven Zuweisungen wie unten. *Seufz*.
   Also implementieren wir beides: */
/* Für Netscape/Mozilla: */
textarea { border-right: black 1px solid;
		   border-bottom: black 1px solid;
		   border-left: black 1px solid;
		   border-top: black 1px solid;
		   background:#ffffff;
		   font-family:Tahoma,Verdana,Arial,sans-serif;
		   font-size:14px;
		   padding-left:2px;padding-right:2px; }

input[type~=Text] { border-right: black 1px solid;
					border-bottom: black 1px solid;
					border-left: black 1px solid;
					border-top: black 1px solid;
					background:#ffffff;
					font-family:Tahoma,Verdana,Arial,sans-serif;
					font-size:14px;
					padding-left:2px;padding-right:2px; }

/* Formatdefinition für den Internet Explorer: */
.2dtextfield { border-right: black 1px solid;
			   border-bottom: black 1px solid;
			   border-left: black 1px solid;
			   border-top: black 1px solid;
			   background:#ffffff;
			   font-family:Tahoma,Verdana,Arial,sans-serif;
			   font-size:14px;
			   padding-left:2px;padding-right:2px; }
/* P.S.: Opera versteht überhaupt nix. */

/* Textsettings für Formularbeschriftungen: */
.formfont { font-size:13px;
			font-family:Arial,sans-serif; }