/* esszett fuer Theater Augsburg 2007 */

/* main layout */

#content {
	position: relative;
	width: 554px;
	left: 223px;
	top: 22px;
	z-index: 3;
	/* background-color:#eeeeee; */
}


* html body #content {		/* IE FIX */
	left: 220px;
}


#rightcol {
	position: absolute;
	width: 196px;
	left: 797px;
	top: 29px;
	/* background-color: #eeeeee; */
}


#leftcol {
/*	position: absolute; */
	width: 148px;
	left: 50px;
	top: 29px;
	position:fixed;   /* IE 6 ok mit fixed.js, IE7 in Quirksmode kann das nicht */
}

#contentnav {
	float: left;
	padding-top: 6px;
	width: 176px;
}



/* Spielorte */
div.spielort {
	float: right;
	width: 356px;
}

div.spielortimg {
	float:left;
	width: 178px;
}

span.rightcol {
	position: absolute;
	left: 574px;
	width: 196px;
	padding-top: 6px;
	
}
/* SpielplanVorschau */
#SpVorschau {
	position: absolute;
	width: 196px;
	left: 797px;
	top: 0px;
	color: #FFFFFF;
}	

#SpVorschau div#SpVoHead {
	background-color: #989898;
	padding-top: 22px;
	padding-left: 6px;
}
	
#SpVoHead h1 span {
	font-size: 12px;
	color: #FFFFFF;
}

#SpVorschau div#SpVoHead.premieren {
	background-image:url(../images/spbg/SpVo_icon_premiere.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 1px;
}
	

#SpVorschau span.SpVorschauitem {
	padding: 6px;
	background: #4C4C4C;
	margin-top: 1px;
	display:block;
	color:#FFFFFF;
	font-size: 12px;
}

#SpVorschau a {
	text-decoration: none;
}

#SpVorschau span.ballett {
	background-color: #00884a;
	}
#SpVorschau span.schauspiel {
	background-color: #FF7E00;
	}
#SpVorschau span.musiktheater {
	background-color: #233086;
	}		
#SpVorschau span.konzert {
	background-color: #cd2c86;
	}




/*
#contentnav {
	position:absolute;
	width: 176px;
	float: left;
	top: 6px;
}

#namensliste {
	position:relative;
	left: 198px;
	width: 355px;
	}
*/

#foot {
	position: relative;
	width: 554px;
	left: 223px;
	padding-top: 30px;
	margin-bottom: 80px;
	z-index: 1;
}


html, body, table {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size: 12px;
	color: #4c4c4c;
	line-height: 16px;
	/*	text-shadow: 0 0 0 #000; /* safari invers fix*/

}

body {
	 background-image: url(../images/bg/bg_default.gif);
	 background-repeat: repeat-y; 
	background-position: left;
}
select, submit, input {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
}	

body.schauspiel {
	background-image: url(../images/bg/bg_SP.gif);
	background-repeat: repeat-y;
	background-position: left;
}

body.musiktheater {
	background-image: url(../images/bg/bg_MT.gif);
	background-repeat: repeat-y;
	background-position: left;
}
body.ballett {
	background-image: url(../images/bg/bg_BA.gif);
	background-repeat: repeat-y;
	background-position: left;
}
body.konzert {
	background-image: url(../images/bg/bg_KO.gif);
	background-repeat: repeat-y;
	background-position: left;
} 

.clearer {
	clear: both;
	padding-bottom: 16px;
	}
	
.aktuelldivider {
	width: 100%;
	padding-bottom: 6px;
}
div#content div.aktuelldivider img {
	height: 1px;
	width: 554px;
}


/* Typographie */

p {
	padding-bottom: 16px;
}

div.liste p {
	padding-bottom: 0px;

}

strong {
	font-weight: bold;
}
em {
	font-style:italic;
}

.meldungsdatum {
		color: #888888;
		font-size: 10px;
		margin-bottom: 2px;
		display: block; 
}

.versal {
	text-transform:uppercase;
}


#content a:link, #content a:active, #content a:visited, #rightcol a:link, #rightcol a:active, #rightcol a:visited {
	color:#999999;
	font-weight:bold;
	text-decoration: none;
}

#content a:hover, #rightcol a:hover {
	font-weight: bold;
	color: #4c4c4c;
}


#leftcol a:link, #leftcol a:active, #leftcol a:visited {
	color:#999999;
	text-decoration: none;
	display: block;
	font-weight:normal;
	padding-bottom: 8px;
}

#leftcol a:hover {
	color: #FFFFFF;
	font-weight:normal;
}
#leftcol a.backlink {
		margin-top:-1px;
}


#leftcol dt.leftcolselected a:link, #leftcol dt.leftcolselected a:visited {
	color:#FFFFFF;
}

#leftcol dl {
	}
#leftcol dt {
line-height: 13px;
}

#leftcol dt.sub {
	padding-left: 12px;}

a span {
	font-weight:normal;
	color: #4c4c4c;
	font-size: 10px;
}

a.www {
	padding-left: 8px;
	font-size: 10px;
}


#content td {
	vertical-align:top;
}

/* Werktitel und „Aktuell“, „Spielplan“, „...“, ... */
h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px;
	line-height: 24px;
}
div#SpVoHead h1{
	margin-bottom: 0px;
	color: #FFFFFF;
}

.keinabstand {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
span.tfa { font-weight:bold; }
.printonly { display:none; }

/* Aktuell Liste + Details Headline, Spielorte, Mitarbeiterliste kopf,  Werkseite und ... */
h2 {
	font-size: 12px;
	font-weight: bold;

}


/* Termine Werkseite und ... */
h3 {
	font-weight: bold;
	/* font-size: 12px; */
}
h3#premiere { padding-bottom:8px; }
h3.biodetail {
	padding-top: 6px;}

h3#pressestimme {
	padding-top: 6px;
	color: #4c4c4c;
	padding-bottom: 16px;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	padding-bottom: 4px;

}
/* Spielplan Vorschau Werke */
h5.spvorschau {
	font-weight: bold;
	padding-bottom: 4px;
}

h5 { } /* Autor*/
h6 { position: relative;
	top: -16px;} /* h1 Werk-Untertitel*/


/* Aktuell jtt/Theater-Extra */
div h2 span {
	float: right;
	text-transform: none;
	width: 44px;
	color:#FFFFFF;
	text-align: right;
	padding-right: 3px;
	margin-left: 10px;
}

div.schauspiel h2 span {
	background-color: #FF7E00;
	color:#FFFFFF;
}

div h2 span {
	background-color: #999999;
	color:#FFFFFF;
}
/* Aktuell Deailseite */
div h2 span.oneup {
	position: relative;
	top: -16px;
} 

/* Werkuntertitel */
.subline {
	position: relative;
	top: -16px;
	display: block;
}
/* Werkautor, WerkŸbertitel */
#content span.autor, #content span.topline  {
	padding-top: 6px;
	display: block;
}
#content #besetzung { margin-bottom:16px; }
#content #auswahldatum {
	font-weight: bold;
}
/* Bilder Grußworte, Biodetails., Stückdetails. */
/* Allg Bild in Content-DIV */
div#content img, div.spielortimg img {
	float: left;
	margin-right: 13px;
	margin-top: 3px;
	margin-bottom: 5px;
}
div#content img.clearboth {
	float: none;
	clear: both;
}
div#content img.cornerimg {
	float: left;
	height: 198px;
	width: 198px;
	position: relative;
	left: -20px;
	top: -22px;
		margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Aktuell-Bild Liste */
div.aktuell img {
	float: left;
	margin-right: 13px;
	/* padding-top: 3px; */
}

div#content img.block {
	float: none;
	clear: both;
	display:block;
}


/* Bilder Spielorte*/




/* Sparten farben Typo */

div.schauspiel h1, div.schauspiel h2, div.schauspiel h3, body.schauspiel h1, body.schauspiel h2, body.schauspiel h3, body.schauspiel li.listenmarke, body.schauspiel #content h1 a:link, body.schauspiel #content h1 a:visited, /* body.schauspiel #besetzung span, */ body.schauspiel span.rolle, body.schauspiel span.tfa, body.schauspiel #weiteretermine a.selected {
	color: #FF7E00;
}
div.konzert h1, div.konzert h2 , div.konzert h3, body.konzert h1, body.konzert h2, body.konzert h3, body.konzert li.listenmarke, body.konzert #content h1 a:link, body.konzert #content h1 a:visited, /* body.konzert #besetzung span, */ body.konzert span.rolle, body.konzert span.tfa, body.konzert #weiteretermine a.selected {
	color: #cd2c86;
}
div.musiktheater h1,  div.musiktheater h2, div.musiktheater h3, body.musiktheater h1, body.musiktheater h2, body.musiktheater h3, body.musiktheater li.listenmarke, body.musiktheater #content h1 a:link, body.musiktheater #content h1 a:visited, /* body.musiktheater #besetzung span, */ body.musiktheater span.rolle, body.musiktheater span.tfa, body.musiktheater #weiteretermine a.selected {
	color: #233086;
}
div.ballett h1, div.ballett h2, div.ballett h3, body.ballett h1, body.ballett h2, body.ballett h3, body.ballett li.listenmarke, body.ballett #content h1 a:link, body.ballett #content h1 a:visited, /* body.ballett #besetzung span, */ body.ballett span.rolle, body.ballett span.tfa, body.ballett #weiteretermine a.selected {
	color: #00884a;
}



/* Mitarbeiter Liste */
/* #namensliste li.listenmarke { */
li.listenmarke {
	padding-top: 20px;
	padding-bottom: 4px;
	font-weight:bold;
	}
	
/* Footer */	
#foot ul li {
	float: left;
	padding-right: 20px;
}
#foot ul li.right {
	float: right;
	padding-right: 0px;
}

#foot a {
	color:#999999;
	font-weight:bold;
	text-decoration: none;
	display:block;
	padding-bottom:30px;
}
#foot a:hover {
	color: #4C4C4C;
}

/* allg Listen mit Bullets */
#content ul {
/*	list-style-type: none; */
	margin-left: 20px;
	list-style-position: outside;
	list-style-image: url(../images/bullet.gif); 
}
/* Mitarbeiter Namensliste */
#namensliste {
	float: right;
	width: 356px;
}
#content #namensliste ul {
	list-style:none;
	list-style-image: url(../images/spacer.gif);
	margin-left: 20px;
}
#content #nobullets ul {
	list-style:none;
	margin-left: 20px;
	list-style-position: outside;
	list-style-image: url(../images/spacer.gif);
	}

a:link.galerielink, a:visited.galerielink, a:active.galerielink {
	background-image: url(../images/icon_galerie.gif);
	background-repeat: no-repeat;
	background-position: 0 0;

	padding-left: 18px;
}
a:hover.galerielink {
	background-image: url(../images/icon_galerie_hl.gif);
}

a:link.videolink, a:visited.videolink, a:active.videolink {
	background-image: url(../images/icon_video.gif);
	background-repeat: no-repeat;
	background-position: 0 0;

	padding-left: 18px;
}
a:hover.videolink {
	background-image: url(../images/icon_video_hl.gif);
}


/*Newsletter Formular*/


table#formular {
/*border:none;*/
}	
table#formular td {
	padding-top:4px;
	padding-bottom:4px;
	line-height:26px;
	}	
td.text, div.text {
line-height: 16px;
}
	
#formular input {
	width:100%;
	height: 20px;
	}
#formular input.ort {
	width:76%;
	}	

#formular textarea {
	width:100%;
	}	

#formular input, textarea {
	padding-top:4px;
	padding-left:2px;
	border-color:#bfbfbf;
	border-style:solid;
	border-width:1px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size: 12px;
	line-height: 16px;
	color:#4c4c4c;}
	
	
.blau {
	color:#999999;
	font-size:18px;}	
.alert {
	color:#CC0000;}		
input.error {
	background-color:#FFC2B1;
}
#formular input#postversand {
	width:18px;
	height: 18px;
	margin-top:6px;
	margin-right:14px;
	border-style:none;
	color:#999999;
	}

#formular input#captcha {
	margin-right:14px;
	float:left;
	
	}


#formular #sendit {
	padding:0px;
	cursor:pointer;
	width:50%;
	height:20px;
	background-color:#DDDDDD;
	font-weight:bold;
	color:#626262;
 }
#formular #sendit:hover {
	color:#4c4c4c;
	background-color:#E8E8E8;
}

#formular #hint.error {
	background-image:url(../images/formarrow.gif);
	background-repeat: no-repeat;
	background-position: right 40px;
}

/*IE FIxe*/

*+html #formular input, *+html #formular textarea {
	width:98%;
	line-height:15px;
	}
*+html #formular input.ort {
	width:73%;
	}
* html #formular input {
	height:28px;
	}
	
/* 2011 Video */
a.videothumb span {
	position:absolute;
	width:178px;
	height:123px;
	left:0px;
	background-image:url(../images/videolink.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	}
a.videothumb:hover span {background-image:url(../images/videolinkover.png);}

div#content img.meilenstein {
	float:right;
	margin-right:-100px;
}
.clear {clear:both;}