@charset "utf-8";
/* CSS Document */

/* Gesamtmasse: 968x578 px^2 */


<style type="text/css">

/* Keine Rahmen um Grafiken als Link */
a img {border-width:0px;}

/* Standard Hyperlinks */
a:link, a:visited, a:hover, a:active{
 text-decoration:none;
 font-weight:regular;
 color:#000000;
 background-color:inherit;
}
a:hover, a:active {
 /* color:#161b3f; */
 text-decoration:underline;
/* font-weight:bold; */
}

img {
	border:0;
}

body {
	text-align:left; /* mit alternativen Schriftarten */
	font-size:12px;
	font-family: 'Myriad Pro', 'Droid Sans', sans-serif; /* mit alternativen Schriftarten, Myriad Pro ist nur bei Adobe-Inst. dabei, Droid Sans ist Google-Webfont, sans-serif is absolute Basisschrift */
}

#mittig_voll { /* wär gut als Klasse, aber so überschreibt er ja eh */
	position:absolute;
	left:-484px; /* minus die Hälfte der Gesamtbreite für Mittigkeit */
	top:0px;
	width:968px;
	height:578px;
	margin-left: 50%;
}
#upper {
	position:absolute;
	left:0;
	top:108px;
	width:968px;
	height:166px;
}
#upper p{
	margin-top:0px;
	margin-bottom:0.7em;
	margin-left:5px;
}
#upper_vcenter{
	height:166px;
	display:table-cell;
	vertical-align:middle;
}

#lower {
	position:absolute;
	left:0;
	top:274px;
	width:968px;
	height:304px;
}
#mittellinie {
	position:absolute;
	left:0px;
	top:0px;
	width:761px;
	height:auto;
}
#mittellinie img {
	position:absolute; /* wenn hier nicht nochmal position steht rückts der IE 2 Pixel runter, dumm wie er ist */
	width:761px;
	height:2px;
}
.lower_text {
	position:absolute;
	left:0;
	top:2px;
	width:760px;
	height:299px; /* eig. 304px mit Linie 2px dick, aber 5px weniger wg. padding-top */
	overflow:auto; /* für Scrollbar */
	padding-top:5px; /* für gleichen Rand oben wie überall bis Text anfängt */
}
.lower_text p{
	margin-top:0;
	margin-bottom:0.7em; /* für guten Zeilenabstand */
	margin-left:5px;
	margin-right:5px;
}
.lower_vcenter{
	height:299px;
	display:table-cell;
	vertical-align:middle;
}


#balken_oben {
 position:absolute;
 left:-484px; /* minus die Hälfte der Gesamtbreite für Mittigkeit */
 top:0px;
 width:968px;
 height:107px;
 background-color:#161b3f;
 margin-left: 50%;
}

#logo {
	position:absolute;
	left:44px;
	top:25px;
	width:253px;
	height:59px;
}

#navi {
	position:absolute;
	left:277px; /* eig. left:761px; */
	top:103px;
	width:207px;
	height:168px;
	margin-left:50%;
}
#zur-person {
	position:absolute;
	left:6px;
	top:19px;
	width:178px;
	height:21px;
}
#schauspiel {
	position:absolute;
	left:7px;
	top:47px;
	width:177px;
	height:20px;
}
#oper {
	position:absolute;
	left:7px;
	top:75px;
	width:177px;
	height:21px;
}
#film {
	position:absolute;
	left:7px;
	top:104px;
	width:177px;
	height:20px;
}
#ausstellung {
	position:absolute;
	left:7px;
	top:133px;
	width:177px;
	height:20px;
}


#balken-rechts {
	position:absolute;
	left:761px;
	top:274px;
	width:207px;
	height:304px;
	background-color:#161b3f;
	color:#FFF;
	text-align:right;
}
.balken-rechts_in_lower {
	position:absolute;
	left:761px;
	top:0px;
	width:207px;
	height:304px;
	background-color:#161b3f;
	text-align:right;
	color:#FFF;
}

.infotext {
	position:absolute;
	left:15px;
	top:15px;
	width:177px;
	height:274px; */
	font-size:12px;
}
.infotext p:first-child{font-weight:bold} /* scheint in IE nicht zu funktionieren */
.infotext p{margin-top:0px}
.infotext a:link, .infotext a:visited, .infotext a:hover, .infotext a:active{
 font-weight:regular;
 color:#FFF;
}

.foot {
	background-color:#FFF;
	color:black;
	font-size:12px;
	padding-top:5px;
}
.foot p{margin-top:0px} /* p-Standard zurücksetzen */

#mailtel {
	position:absolute;
	margin-left:50%;
	text-align:left;
	left:-479px; /* links: -484px, wg. 15px rand */
	top:579px;
	width:479px; /* voll: 484px */
	height:20px;
}
#impressum {
	position:absolute;
	margin-left:50%;
	text-align:right;
	left:0;
	top:579px;
	width:479px;
	height:20px;
}

</style>