@charset "utf-8";

/*allgemeine Definitionen*/

body {
  color: #ffffff;
  font: 100.01% Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-image: url(background/vorhang.jpg);
  width:100%;
height:100%;
}

* {
  margin:0;
  padding:0;
}

table {
  font: Verdana, Helvetica, Arial ,serif;
  font-size: 14px;

}

ul {
padding: 10px;
font-size: 14px;
}



a:link {
    color: #ffffff;
}

a:visited {
    color: #ffffff;
}


a:hover {
  font-style: italic;
  font-weight: bold;
}

a img {
        border-color: #ffffff;
        }


/*Ende allgemeine Definitionen*/

/*Defintion von Klassen*/

.center{
  margin-left: 10px;
  margin-top:  60px;
}

.eins {
  width: 450px;
  height: 150px;
  background-color: #101010;
}
.datum {
  width: 150px;
  text-align: center;
  padding: 5px;
}

.programmbild {
  width: 200px;
  text-align: center;
  padding: 5px;
}

.inhalt {
  width: 550px;
  text-align: left;
  padding: 5px;
}
/*Tabellendefinition für die "about"-Seiten*/
.aboutbild {
  width: 450px;
  text-align: center;
  padding: 5px;
}

.abouttext {
  width: 450px;
  text-align: left;
  padding: 5px;
}

.sommer {
  width: 200px;
  float: right;
  padding: 5px;
}

.text {
  font-size: 12px;
}


/*Ende Defintion von Klassen*/


#festival {
  width: 120px;
  height: 1300px;
  float: right;
  padding: 4px;
  overflow: auto;
}

#weisswasser {
  width: 120px;
  height: 620px;
  float: right;
  padding: 0px;
  overflow: auto;
}


#seite1 {
  width: 1000px;
  margin: 0 auto;
}


/*Beschreibung des Kopfes der Seite mit Hintergrundbild, Logo und Navigation (bitte auf jeder Seite verwenden)*/
#kopfbereich {
  width: 1000px;
  height: 136px;
  padding: 0px;
  background-image: url(kopfbereich/header6.jpg);
  overflow: auto;
}
/*Ende Beschreibung des Kopfes der Seite mit Hintergrundbild, Logo und Navigation (bitte auf jeder Seite verwenden)*/


/*neue Startseite -Anfang-*/

/*Beschreibung des Hauptteils der neuen Startseite, mit startrechts zusammen verwenden*/

#startseite {
  font-size: 14px;
  padding:10px;
  float:left;
  width:710px;
  background-color: #101010;
  height:1150px;
  overflow: auto;

}
/*Ende Beschreibung des Hauptteils der neuen Startseite, mit startrechts zusammen verwenden*/

/*Beschreibung von "startrechts" (=rechte Spalte) für "die neue Startseite"*/

#startrechts {
  font: Verdana, serif;
  font-size: 13px;
  padding:10px;
  width:250px;
  height:1150px;
  background-color: #101010;
  overflow: auto;
}
/*Ende Beschreibung von "startrechts" (=rechte Spalte) für "die neue Startseite"*/




/* Beschreibung der Unterbereiche "Vorstellungen" "Nachrichten" die bei "der neuen Startseite" in  "startrechts" hineingelegt werden*/
#vorstellung {

font: Verdana, serif;
font-size: 13px;
padding: 10px;
width:230px;
height: 250px;
background-color: #101010;
overflow: auto;

}


#nachrichten1 {
  font: Verdana, serif;
  font-size: 13px;
  padding:10px;
  width:230px;
  height:150px;
  background-image: url(http://www.buehne8.de/background/zitate_back.jpg);
  overflow: auto;
}

#nachrichten1 h2{
  text-align: center;
}

#nachrichten2 {
  font: Verdana, serif;
  font-size: 13px;
  padding:10px;
  width:230px;
  height:200px;
  background-color: #101010;
  overflow: auto;
}

#nachrichten2 h2{
  text-align: center;
}
#nachrichten3 {
  font: Verdana, serif;
  font-size: 13px;
  padding:10px;
  width:230px;
  height:245px;
  background-color: #101010;
  overflow: auto;
}

#nachrichten3 h2{
  text-align: center;
}

#nachrichten4 {
  font: Verdana, serif;
  font-size: 13px;
  padding:10px;
  width:230px;
  height:200px;
  background-color: #101010;
  overflow: auto;
}

#nachrichten4 h2{
  text-align: center;
}



/* Ende Beschreibung der Untermenus "Vorstellungen" "Nachrichten" die bei "Kontakt" und "Home" in die Steuerung hineingelegt werden*/
/*neue Startseite -Ende-*/



/*Beschreibung des Untermenus, verwendet bei Theater, Impro und Kabarett, Filmgruppe*/
#Untermenu {
  padding: 300px;
  width: 1000px;
  height: 27px;
  padding: 0px;
  background-color: #585858;
  overflow: auto;
}
/*Ende Beschreibung des Untermenus, verwendet bei Theater, Impro und Kabarett*/

/*Beschreibung des Hauptteils von "home", mit Steuerung zusammen verwenden*/
#inhalt0 {
  font-size: 18px;
  text-align: left;
  padding:10px;
  float:left;
  width:710px;
  background-color: #101010;
  height:500px;
  overflow: auto;

}
table{
  margin-left: 10px;

}

td{
  width: 300px;
  height: 200px;

}

#inhalt0 h3{
  margin-bottom: 5px;
}

#inhalt0 h5{
  color: #ff0000;
}

/*Ende Beschreibung des Hauptteils von "home", mit Steuerung zusammen verwenden*/


/*Beschreibung des Hauptteils von "Kontakt", mit Steuerung zusammen verwenden*/

#inhalt {
  font-size: 14px;
  padding:10px;
  float:left;
  width:710px;
  background-color: #101010;
  height:500px;
  overflow: auto;

}
/*Ende Beschreibung des Hauptteils "Kontakt", mit Steuerung zusammen verwenden*/

/*Beschreibung der Steuerung (=rechte Spalte) für "Home" und "Kontakt"*/

#steuerung {
  font: Verdana, serif;
  font-size: 13px;
  padding:10px;
  float:right;
  width:250px;
  height:500px;
  background-color: #101010;
  overflow: auto;
}
/*Ende Beschreibung der Steuerung (=rechte Spalte) für "Home" und "Kontakt"*/



/* Beschreibung der Unterbereiche "Vorstellungen" "Nachrichten" die bei "Kontakt" und "Home" in die "Steuerung" hineingelegt werden*/
#vorstellungen {
  font: Verdana, serif;
  font-size: 13px;
  padding:10px;
  float:right;
  width:230px;
  height:200px;
  background-color: #585858;
  overflow: auto;
}

#vorstellungen h2{
  text-align: center;
}


#nachrichten {
  font: Verdana, serif;
  font-size: 13px;
  padding:10px;
  float:right;
  width:230px;
  height:260px;
  background-color: #585858;
  overflow: auto;
}

#nachrichten h2{
  text-align: center;
}

/* Ende Beschreibung der Untermenus "Vorstellungen" "Nachrichten" die bei "Kontakt" und "Home" in die Steuerung hineingelegt werden*/

/*Hauptbereichaufteilung für die einzelnen Theaterstück/Kabarett-seiten + rechte Spalte (=Steuerung1)*/

#inhalt1 {
  font-size: 14px;
  padding:10px;
  float:left;
  width:655px;
  background-color: #101010;
  height:500px;
  overflow: auto;

}

#inhalt1 h2 {
  text-align: center;
  margin-bottom: 1px;
}


#inhalt1 h3{
   text-align: center;
   margin-top: 1px;
}

#steuerung1 {
  font: Verdana, serif;
  font-size: 13px;
  padding:10px;
  float:right;
  width:305px;
  height:500px;
  background-color: #101010;
  overflow: auto;
}

/*#steuerung1 img{
  width: 300px;
  height: 200px;
}*/

/*Ende Hauptbereichaufteilung für die einzelnen Theaterstück/Kabarett-seiten+ rechte Spalte (=Steuerung1)*/

/* dunkelgraue Hauptbereich "Ensemble" "Filmgruppe" "Theater" , keine rechte Spalte daneben*/
#inhalt2 {
  font-size: 14px;
  padding:10px;
 
  width:980px;
  background-color: #101010;
  height:500px;
  overflow: auto;

}

#inhalt2 h1 {
  text-align: center;
  margin-bottom: 1px;
}


#inhalt2 h2 {
  text-align: center;
  margin-bottom: 1px;
}

#inhalt2 table {
  margin-left: 10px;
  padding: 10px;
}

#inhalt2 td {
  width: 185px;
  height: 200px;
  text-align: center;
}




/*Ende dunkelgraue Hauptbereich "Ensemble" "Filmgruppe" "Theater", keine rechte Spalte daneben*/

/* Hauptbereich "Programm"*/

#inhalt3 {
  font-size: 14px;
  padding:10px;
  width:980px;
  background-color: #101010;
  height:500px;
  overflow: auto;

}

#inhalt3 h1 {
  text-align: center;
  margin-bottom: 1px;
}


#inhalt3 h2 {
  text-align: center;
  margin-bottom: 1px;
}

#inhalt3 table {
  margin-left: 10px;
  padding: 10px;
}

#inhalt3 img {
   width: 160px;
   height: 80px;
}
/*Ende Hauptbereich "Programm"*/

/*Bereichdefiniton about_us*/
#inhalt4 {
  font-size: 14px;
  padding:10px;
  float:left;
  width:980px;
  background-color: #101010;
  height:500px;
  overflow: auto;

}



/*Ende about_us*/
/*Bereichdefiniton für den Hauptbereich von "weitere Veranstaltungen"*/

#inhalt5 {
  font-size: 14px;
  padding:10px;
  float:left;
  width:980px;
  background-color: #101010;
  height:500px;
  overflow: auto;

}

/*Ende Bereichdefiniton für den Hauptbereich von "weitere Veranstaltungen"*/

/*Fußbereich mit Impressum der so breit ist wie der header, immer verwenden*/

#fussbereich {
  text-align: right;
  width: 980px;
  clear: both;
  padding:10px;
  background-color:#585858;
}


#fussbereich p{
  text-align: right;
}

/*Ende Fußbereich mit Impressum der so breit ist wie der header, immer verwenden*/

/* =============== Kontakt ================ */

form {
	margin-left:	20px;
}
     
fieldset {
	width:			450px;		
	margin: 		10px 0;
	border:			1px solid #fff;
}

fieldset td {
	height:			20px;
}
  
legend {
	 padding: 3px 5px;
	 border: 1px solid #fff;
	 }

.label {
	float: 		left;
    clear: 		both;
    padding: 	3px 5px;
    margin: 	3px 0;
	width:		135px; 
	padding:	0px;
}

.field { 
	width:		230px; 
	padding:	0px;
}

.field input {
	width:		170px;
}

.field textarea {
	 width: 230px;
	 margin-bottom: 5px;
}

.captchareload { margin-left:10px; }

input.errordesignfields, textarea.errordesignfields { background-color:#cc3333;}


.buttons { width: 450px; text-align: center; }
.buttons input { width:150px; margin: 2px 0px; }

.captchareload img {
	border:		0;
}

p.contact {
	padding: 	0;
	margin:		0;
	text-align:	left;
}