*
{
	margin:0;
	padding:0;
	font-size:9pt;
	font-family:Arial, sans-serif;
	color:#535154;
	line-height:140%;
}

html, body
{
	height:100%;
	min-width:82em;
}

body
{
}



p
{
	margin-bottom:1em;
}

a
{
	text-decoration:none;
	font-size:9pt;
	font-family:Arial, sans-serif;
 	color:#535154;
	background-color:transparent;
}

a:hover
{
	text-decoration:none;
	font-size:9pt;
	font-family:Arial, sans-serif;
	color:#FFFFFF;
	background-color:#000000;
}

a.noHover:hover
{
	background-color:transparent;
}

a.email:hover
{
	text-decoration:underline;
	font-size:9pt;
	font-family:Arial, sans-serif;
	color:#535154;
	background-color:#FFFFFF;
}

.emph
{
	font-weight:bold;
	margin-right:3pt;
}

.important
{
	font-weight:bold;
}

.important .important
{
/*	text-decoration:underline;*/
	font-style:italic;
}

.aktuelles
{
	color:#142386;
}
.programm
{
	color:#4e2c85;
}
.personen
{
	color:#722564;
}
.orchester
{
	color:#971e43;
}

.bilder
{
	color:#bb1721;
}

.freunde
{
	color:#c8141a;
}

.presse
{
	color:#df1000;
}







#navi
{
	float:left;
	width:15em;
/* 	width:18em; */
/* 	padding:15em 1em 0 1em; */
	padding:15em 0 0 2em;
	background-image:url(../images/Logo_neu_links.png);
	background-repeat:no-repeat;
	background-position:right 5em;
}

h1
{
	font-size:9pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align:right;
	text-transform:uppercase;
}

h2
{
	font-size:9pt;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:left;
}

h3
{
	font-size:9pt;
	font-weight:normal;
	font-style:italic;
	text-decoration:none;
	text-align:left;
	margin-bottom:1em;
}

h1.hidden
{
	visibility:hidden;
}

hr
{
	border-style:solid;
	border-color:#808080;
	border-width:1px 0 0 0;
	margin-bottom:0.5em;
}


#navi h1
{
	display:none;
}

#content address
{
	font-style:italic;
	font-size:9pt;
	text-align:left;
	text-decoration:none;
	padding-left:1em;
	margin:1em 0;
}

#navi address
{
	font-size:9pt;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-align:left;
	padding-right:2em;
	margin:3em 0 0 0;
}

#navi address br
{
	margin-bottom:1em;
}

#navi ul, #subnavi ul
{
	text-align:left;
	border-width:1px 0;
	border-style:solid;
	border-color:#808080;
	/*line-height:135%;*/
}

#navi ul li a, #subnavi ul li a
{
	display:block;
	/* Abstand zum Symbol */
	margin-left:1em;
	padding-left:0.2em;
/* 	border:1px solid black; */
}

#navi ul
{
	padding:1em 0 1em 3.5em;
/* 	border:1px solid green; */
	margin-right:2em;
}

#navi ul li, #subnavi ul li
{
	padding:0;
	margin:0;
	list-style-type:none;
	/* for IE7 */
	width:100%;
/*	border:1px solid green;*/
}

#navi ul li .first, #subnavi ul li .first
{
	width:1em;
	display:block;
	float:left;
	visibility:hidden;
	font-weight:bold;
	color:#535154;
/*	border:1px solid blue; */
}

#navi ul li.current .first, #subnavi ul li.current .first
{
	visibility:visible;
}


#subnavi
{
	float:right;
	width:16em;
/* 	margin-top:23em; */
	margin-top:0;
	padding-top:15em;
	/*border:1px solid blue;*/
}

#subnavi ul
{
	padding:1em 0 1em 0;
	margin-left:2em;
	margin-right:1em;
	width:12em;
}

#content
{
	/*border:1px solid red;*/
	margin:0 16em 0 17em;
	padding:0 2em 0 2em;
	background-color:#F7F4F3;
	background-image:url(../images/Logo_neu_rechts.png);
	background-repeat:no-repeat;
	background-position:1em 5em;
	min-height:100%;
/* 	min-width:40em; */
}

#content ul
{
	padding-left:2em;
	margin-bottom:0.75em;
	margin-top:0.75em;
}

#content ul li
{
	margin-bottom:0.75em;
}

#content #contentA a, #content #contentB a, #content #contentImageA a, #content #contentImageB a
{
	text-decoration:underline;
}



#content #contentA h1, #content #contentB h1
{
	margin-bottom:6em;
	text-align:left;

	text-transform:none;
}

#content #contentA h2, #content #contentB h2
{
	margin-top:3em;
	margin-bottom:1em;
}

#content #contentA h2 a, #content #contentB h2 a
{
	text-decoration:none;
}




#content img
{
	border:0;
}

#content div.imageContainer
{
	font-style:italic;
	margin-bottom:1em;
}

#content div.right
{
	float:right;
	margin-left: 1em;
}

#content div.left
{
	float:left;
	margin-right:1em;
}

#content div.imageContainer img
{
	margin-bottom:0.5em;
}




#content #contentA
{
	float:left;
	width:48%;
}

#content #contentB
{
	margin-left:52%;
}

#content #contentImageA h1, #content #contentImageB h1
{
	margin-bottom:3em;
	text-align:left;
	text-transform:none;
}

#content #contentImageA
{
	/*float:left;*/
	position:relative;
/* 	border:1px solid red; */
	margin:0;
	margin-right:450px;
	padding:0;
}

#content #contentImageA #imageList
{

/* 	border:1px solid blue; */
	/* IE7... */
	width:100%;
}

#content #contentImageA #imageList a:hover
{
	background-color:transparent;
}

#content #contentImageA #imageList .box
{
	width:120px;
	height:90px;
	float:left;
/* 	border:1px solid black; */
}

#content #contentImageA #imageList img
{
	height:70px;
	margin-bottom:2em;
	-moz-opacity: 0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
	/* IE8 doesn't support filter anymore...*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter:Alpha(opacity=90);
}

#content #contentImageA #imageList img:hover
{
	-moz-opacity: 1;
	-khtml-opacity:1;
	opacity:1;
	/* IE8 doesn't support filter anymore...*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:Alpha(opacity=100);
}


#content #contentImageB
{
/* 	width:500px; */
	width:400px;
	float:right;
/* 	border:1px solid cyan; */
	right:18em;
	position:fixed;
}


#content #contentImageB #imageContainer
{
/* 	margin-left:200px; */
	position:relative;

}

#content #contentImageB #imageBackground, #content #contentImageB #bigImage
{
	position:absolute;
	background-color:#000000;
	top:65px;
	right:0;
	margin-right:20px;
	border:0;
}

#content #contentImageB #bigImage
{
	width:400px;
	-moz-opacity: 0.9;
	-khtml-opacity:0.9;
	opacity:0.9;
	/* IE8 doesn't support filter anymore...*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter:Alpha(opacity=90);
}

#content #contentImageB #imageBackground
{
	-moz-opacity: 0.2;
	-khtml-opacity:0.2;
	opacity:0.2;
	/* IE8 doesn't support filter anymore...*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter:Alpha(opacity=20);
}

#content #contentImageB #imageNavi
{
	position: absolute;
	top: 490px;
	right:6em;
}

#content #contentImageB #imageNavi a
{
	margin:0 2em;
/* 	font-weight:bold; */
}


#content #contentB, #content #contentA, #content #contentImageB, #content #contentImageA
{
	/*min-width:10em;*/
/* 	border:1px solid red; */
	padding-top:15em;
	margin-bottom:2em;
}

#content #contentImageB
{
	padding-top:5em;
}

#content #contentFooter
{
	clear:both;
	margin-top:2em;
	/* damit man auch weiter nach unten scrollen kann, um den Text besser zu lesen */
	padding-bottom:10em;
	/* otherwise <hr /> is centered in IE... */
	text-align:left;
}

#content #contentFooter hr
{
	width:10em;
	border-style:solid;
/* 	border-color:#535154; */
	border-color:#808080;
	border-width:1px 0 0 0;
	margin-bottom:0.5em;
}


#footer
{
	clear:both;
	text-align:right;

	position:fixed;
	bottom:1em;
	right:2em;
}