* {
	padding: 0px;
	margin: 0px;
}
html {
	overflow-x: hidden; 
}
body {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #1f1f34;
	background-color: #273098;
	font-size: font-size:95%;
	font-weight:normal;
	
}

#main, #mainflash {
	width:910px;
	margin: 0px auto;
	font-size:80%;
	font-size:11px;
	line-height:130%;
	background-color:#222984;	
	height: 560px;
	padding-top: 5px;
}
* html #main, * html #mainflash {
	height: 510px;
}
#mainflash {
	background: url(die_schoenen.gif) no-repeat;
	color:#ffab17;
}
#mainflash a {
	text-decoration: none;
}

#content_wrapper {
	background-color: #222984;

}

#content, #contentarchiv, #contentpresse, #contentlang, #contentnoscroll   {	

	padding-left: 10px;
	padding-right: 20px;
	line-height:140%;
	color:#B3BCE3;
	text-align:left;
	width:410px;
	height: 382px;
	overflow: auto;
	float: right;
		font-size:12px;
	font-weight: normal;

}


#contentnoscroll {	
	overflow: hidden;
}


h1.termine {
 	margin-left:-10px;
	padding-top: 50px;
 }
 
* html h1.termine {
 	margin-left:0px;
 } 
#contentlang {	
	width:880px;
	height: 365px;
	overflow-x: hidden;
		font-size:12px;
	font-weight: normal;
}

 #contentarchiv {	
 	height: 325px;
	border-bottom: none;
 }
 #contentpresse {	
 position: relative;
 left:0px;
 padding: 0;
 	width:590px;
			color: #7b8ccb;
			overflow-x:hidden;
 }
 
 h1.unten {
 	padding-top: 50px;
 }
 
 h1.aktuell {
 	padding-top: 10px;
 }
 
#bilder, #textlang, #bildertermine {
	margin:0px 0px 0px 25px;
	padding: 5px;
	float: left;
	width: 420px;
	color: #D0E6F8;
	color: white;
	background-color:#273098;
	font-size: 1.2em;
	line-height: 120%;
}

* html #bilder, * html #textlang, * html #bildertermine {
	margin: 0px 0px 0px 15px;
}
/* protraitbilder in produktionen unter besetzung usw. */
#bilder p img, #textlang p img{
	margin-right: 5px;
}
/* freies musiktheater */
#bilder p {
	padding-left: 15px;
}
 #bildertermine {
 	width: 350px;
	padding-right: 20px;
	padding-left: 10px;
	}
 #textlang {
 	width: 390px;
	padding-right: 20px;
	padding-left: 10px;
		font-size: 1em;
	}
#text {
	width: 390px;
	margin-left: 20px;
	float: right;
			}
#oben {
	width:910px;
	display: block;
	height: 180px;
	background-color:#222984;	
	}
	
#cd {
	float:right; 
	position: absolute; 
	top: 520px;
	left: 350px;
	}	
#logo {
	float:left;
	position: absolute;
	width: 150px;
	margin-left: 15px;
	top: 490px;
}
* html #logo {
top: 490px;
}	
#logo a.home{
	display: block;
	width:120px;
	height: 70px;
	background:url(pics/logo_kl.gif) 15px 10px no-repeat;
}

#logo a.home:hover {
	background:url(pics/logo_kl_kopf.gif) 15px 10px no-repeat;
}	
	
#navi {
	letter-spacing: 0.1em;
	font-weight: bold;
	float: left;
	width: 185px;
	line-height:120%;
	padding:5px;
	margin:0 0 0px 16px;
	text-align:left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:1.1em;
}


#navi ul { /* starts left navigation */
	margin: 8px 0 0 10px;
	padding:0;
	text-align:left;
}
#navi li { /* main navigation list item */
	list-style: square;
	width:100%;
	margin:0;
	padding:0;
	color: #7b8ccb;
}

#navi li.sub { /* sub navigation list item */
	
		list-style: none;
}

#navi a, #content_left a:visited { /* mouse out navigation anchor link styles */
	text-decoration:none;
	color: #7b8ccb;
	
}
#navi a:hover, #navi a:visited:hover { /* mouse over navigation anchor link styles */
		color: #Ffb512;
	text-decoration:underline;
	}
	
#navi #aktiv {
		color: #Ffb512;
		font-weight:bold;
}	

#productions {
	padding:10px 30px;
	clear: both;
		color:#B3BCE3;
			height: 382px;
}
/* plakate */
#productions img {
	margin: 0 8px;
}


#productions a:link  img , #productions a:visited  img , #productions a:active  img {
	border: 1px solid #222984;
	}

#productions a:hover  img {
	border: 1px solid #ffb512;
}
/*Text portrait im Bereich bilder */
.portrait { width:130px;
	float: left;
	}

/* headline images */
#header {
		
		background-color:#222984;
		float: right;
		width: 430px;
		color: #ffb512;
		font-size: 140%;
		line-height:130%;
		padding-top: 10px;
		margin-bottom: 10px;
		
}

/* header tags */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #Ffb512;
	margin-bottom: 10px;
	line-height:130%;
	margin-top: -10px;
	}
/* IE */	
* html h1 {
	
}

h1.blau {
	color: #859dd6;
		margin-top: -5px;
	
}
h2 {
	font-size:120%;
	display:block;
	width:100%;
	border-bottom:2px solid #F0F0F0;
	margin: 0;
	padding:0;
}

/* text größer */
h3 {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size:110%;
	}

#gastspiel {
	float:left; 
	position:relative; 
	width: 200px; 
	margin-top:25px; 
	top: -120px; 
	left: 220px; 
	letter-spacing:0.1em;
	line-height:1.4em;
}

h4 /*terminseite link gastspiele */ {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size:110%;
	padding-bottom: 5px;
}

/* anchor links */
a:link, a:visited, a:active{
	text-decoration:none;
	color:#ffb512;
}
 a:hover {
	text-decoration:underline;
}
cite {
	text-align: right;
	display:block;
	margin: -16px 0 20px 0;
}
/* footer */
#footer_wrapper {
	margin:0 auto;
	padding:0;
	width:910px;
	height: 24px;
	text-align:center;
	clear:both;
	background-color:#222984;	
	border-bottom: 6px solid #1D2370;	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: 0.1em;
}

#footer #aktif, #footerworkshops #aktif  {
		color: #Ffb512;
		font-weight:bold;
}	
#footer_wrapperarchiv
 {
	margin:0 auto;
	padding:0;
	width:910px;
	height: 64px;
	text-align:center;
	clear:both;
	background-color:#222984;	
	border-bottom: 6px solid #1D2370;	
}

#footer {
	padding: 5px 0px 10px 475px;
	text-align:left;
	clear:both;
	color:#B3BCE3;
		font-weight:bold;
	background-color: #1D2370;	
	}
#footerworkshops {
	padding: 5px 0px 10px 400px;
	text-align:left;
	clear:both;
	color:#B3BCE3;
		font-weight:bold;
	background-color: #1D2370;	
	}	
#footerarchiv {
	padding: 5px 0px 10px 10px;
	text-align:left;
	clear:both;
	color:#B3BCE3;
		font-weight:bold;
	background-color: #1D2370;		
	}
	
	
		
#footerarchiv img{
	/*border: 1px solid #273098;*/
	margin: 0 4px;
	border: none;
		}		
#footerarchiv a:link img, #footerarchiv a:visited img , #footerarchiv a:active img { border: 1px solid #273098;}
#footerarchiv  a:hover  img, #footerarchiv  a#aktif img{
	border: 1px solid #ffb512;
	}		
#footer a, #footer a:visited, #footerworkshops a, #footerworkshops a:visited {
	text-decoration:none;
			color: #7b8ccb;
			margin-left: 5px;
			margin-right: 5px;
}
#footer a:hover, #footer a:visited:hover, #footerworkshops a:hover, #footerworkshops a:visited:hover {
			color: #Ffb512;
	text-decoration:underline;
				margin-left: 5px;
			margin-right: 5px;
}




/* programm aktuell */
dl.programm {
	font-weight: bold;
	clear: left;
	margin-top: 10px;
		color: #b3bce3;
			border-top: none;	
}

dl.programm  dt {
	padding-left: 20px;
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 0px;
		margin-top: 0px;
	color: #b3bce3;
}


/* pressebilder */
dl {
	clear: left;
	color: #7b8ccb;
	border-top: 1px solid #1D2370;	
}

dt {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #7b8ccb;
}

dd {
	position: relative;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
	background-color: #273098;
	width:140px;
	padding: 5px;	
}

/*produktionen einstieg */
dl#foerder dd {
	position: relative;
	float: right;
	width: 200px;
	padding: 40px 0 0 0px;	
		background-color: #222984;
		color: #7b8ccb;
		margin: 0;
		height: 60px;
}


dl#foerder {
		border-top: none;	
}
/* TERMINE */


#contenttermine {
	padding-right:0px; 
	padding-left: 0px; 
	line-height:140%;
	color: #7b8ccb;
	text-align:left;	
	width: 440px;
 	height: 382px;
	overflow: auto;
	float: right;
	font-size:11px;
	font-weight: normal;
 /*	position: relative;*/
 	margin-left:0px;
 }
 
/*
div.termine {
	clear:both;
	float:left;
	width:420px;
}*/

table.termine {
	width:420px;	
}

table.termine td {
	vertical-align: top;
	padding-bottom: 15px;
	line-height: 16px;
	font-size: 100%;
	color: #b3bce3;
}
/*
div.termine p.links
 {
	float:left;
	width: 180x;
	font-size: 100%;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 0;
	font-weight: normal;
    color: #b3bce3;
	line-height: 16px;

}

div.termine p.rechts
 {
	position: static;
	margin: 0px 0 20px 180px;
	font-weight: normal;
	color: #b3bce3;
    width: 235px;
	padding-left:5px;
	line-height: 16px;
}

* html div.termine p.rechts {
	    width: 230px;
}
*/
.weiss {
	color: #FFF;
	font-weight: bold;
}

 .gelb, .termine p strong {
	color: #Ffb512;
}


	

/* produktionen pressestimmen + workshops feedback */
blockquote {
	border-top: 1px solid #1D2370;	
	margin-top: -3px;
	}
	
.klein {
	font-size: 0.8em;
	padding-top: 0.5em;
}	
/* produktionen programm */
p.liste_eingerueckt {
	line-height:1.8em;
	text-indent: -20px;	
	margin-left: 20px;
}