/************************************************************/
/*															*/
/*	Theater Erfurt main-styles								*/
/*															*/
/*	lombego systems 2008									*/
/*															*/
/*	rgb(76,69,64) 		| #4C4540 	| dark_grey				*/
/*	rgb(136,131,128)	| #888380	| medium_grey 			*/
/*	rgb(159,156,153		| #9F9C99	| medium_grey2			*/
/*	rgb(195,193,191)	| #C3C1BF	| light_grey			*/
/*	rgb(231,230,230)	| #E7E6E6	| very_light_grey		*/
/*	rgb(60,65,75)		| #3C414B	| very_dark_blue 		*/
/*	rgb(20,55,130)		| #143782	| dark_blue				*/
/*	rgb(255,190,0)		| #FFBE00	| orange_light			*/
/*	rgb(255,150,0)		| #FF9600	| orange				*/
/*	rgb(160,40,50)		| #A02832	| brown					*/
/*						  									*/
/*															*/
/************************************************************/

/************************************************************/
/*															*/
/*	import styles											*/
/*															*/
/************************************************************/

 	@import url('navigation.css');
	@import url('content.css');

/************************************************************/


/** main elements */

.cl{
	clear: left;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}

h1{
	font-weight: bold; 
	font-size: 30px;
	font-size: 20px; 
	line-height: 40px; 
	color: #000000;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}

h1.repertoire_headline{font-size: 29px;}

.person_headline{width: 379px;}
.stage_headline{width: 335px;float:left;}

h2{
	/* text-transform: uppercase; // auf Kundenwunsch entfernt*/
	font-family: 'Arial'; 
	font-weight: bold; 
	color: #000000; 
	letter-spacing: 0.1em;
	font-size: 18px;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

h3{
	/* text-transform: uppercase; // auf Kundenwunsch entfernt*/
	font-family: 'Arial'; 
	font-weight: bold; 
	color: #000000; 
	letter-spacing: 0.05em;
	font-size: 16px;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

.stage_headline h3{
	
	margin-top: 0px;
}

h4{
	
	font-family: 'Arial'; 
	font-weight: bold; 
	color: #000000; 
	letter-spacing: 0.2em;
	font-size: 11px;
}







/* Start Überschriften Vorschläge */

h6{font-size: 22px;}

h2.neu{
	letter-spacing: 0.1em;
}

h3.neu{
	letter-spacing: 0.05em;
}
/* End Überschriften Vorschläge */







p{
	margin: 10px 0px;
}

a:link{font-weight:bold;color: #4C4540;text-decoration:none}
a:visited{font-weight:bold;color: #4C4540;text-decoration:none}
a:hover{font-weight:bold;color: #000000;text-decoration:none}

form{
	margin: 0px;
}


/** main structure */

body{
    background-color: #3C414B; 
	margin: 0px;
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px; 
	color: #000000;
}

.main_wrapper{
	margin: 0px auto 0px auto;
	text-align: left;
	width: 944px;
}

.shadow{
	background: transparent url('../img/backgrounds/page_shadow.gif') repeat-y left top;
	width: 944px;
	margin: 0px;
	float:left;	
}

.logo{
	background: transparent url('../img/logo.gif') no-repeat left top;
	width: 892px;
	height: 128px;
	margin: auto;
	position: relative;
}
.logo_link{
	width: 260px;
	height: 100px;
	display: block;
	position: absolute;
	top: 15px;
	left: 315px;
}

.border{
	padding: 0px 26px 0px 26px;
}

.page_wrapper{
	width: 892px;
	padding: 0px 0px 12px 0px;
	float:left;
	position: relative;
}

.marginalie{
	float:left;
	width: 294px;
	float: left;
	position: relative;
	padding: 0px 6px 0px 0px;
}

.input_field{
	font-size: 11px; 
	width: 150px;
	border: 1px solid #C3C1BF;
	padding: 3px;
	margin: 0px;
}

.input_field_long{
	font-size: 11px; 
	width: 200px;
	border: 1px solid #C3C1BF;
	padding: 3px;
	margin: 0px;
}

.input_field_short{
	font-size: 11px; 
	width: 70px;
	border: 1px solid #C3C1BF;
	padding: 3px;
	margin: 0px;
}

.submit_button{
	font-size: 11px; 
	background-color: #C3C1BF;
	line-height: 15px;
	width: 60px;
	border: 0px;
	padding: 2px 3px 3px 3px;
	margin: 0px;
	cursor: pointer;
}
.submit_button:hover{color: #FFFFFF;}

.newsletter_button{
	width: 125px;
}

.mandatory_txt{
	
}

.content{
	width: 592px;
	float: left;
	position: relative;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

.content #imageContainer {
	position: relative;
	border: 0px solid #ff0000;
	width: 592px;
	height: 333px;
	background-color: #000000; /* Bugfix IE6 Fadeover verursacht Fehler ber absoluten Schwarzwerten */
}

.content #imageContainer img {
	position:absolute;	
	display:none;
	top:0; 
	left:0;
}

.shadow_bottom{
	background: transparent url('../img/backgrounds/page_shadow_bottom.gif') no-repeat left top;
	width: 944px;
	height: 14px;
	float:left;
}

.search_form{
	padding: 10px 0px 10px 0px;
}