html {background: #000;}
body{
	margin:0;
	position:relative;
	color:#000;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	background:#000 url(../images/bg-body.jpg) no-repeat 50% 0;
	min-width:444px;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#767676;
}
a:hover{text-decoration:underline;}
#wrapper{
	margin:0 auto;
	width:444px;
	padding:38px 0 0;
}

.clip {
	margin-right: 5px;
}
.logo{
	position:absolute;
	top:0;
	left:0;
	display:block;
}
.logo a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/bg-logo.gif) no-repeat;
	width:135px;
	height:54px;
	cursor:pointer;
}

#header{
	width:444px;
	overflow:hidden;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 70px;
	padding-left: 0;
}
#headerindex{
	width:444px;
	overflow:hidden;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.nav{
	float:right;
	list-style:none;
	margin:0;
	padding:0;
}
.nav li{
	float:left;
	padding:0 0 0 3px;
}
.nav li a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	height:16px;
}
.nav li a:hover,
.nav li a.active{
	text-decoration:none;
}
.nav li.nav-list1{
	background: url(../images/bg-first.gif) no-repeat;
	width:70px;
}
.nav li.nav-list2{
	background: url(../images/bg-second.gif) no-repeat;
	width:70px;
}
.nav li.nav-list3{
	background: url(../images/bg-third.gif) no-repeat;
	width:70px;
}
.nav li.nav-list4{
	background: url(../images/bg-four.gif) no-repeat;
	width:70px;
}
#main{
	width:444px;
	overflow:hidden;
}
#main .container{
	overflow:hidden;
	width:100%;
}
#main .container h1{
	margin:0;
	float:left;
}
#main .container h1 a{
	text-indent:-9999px;
	width:86px;
	height:22px;
	background: url(../images/bg-h1.gif) no-repeat;
	overflow:hidden;
	display:block;
	cursor:pointer;
}
#main .container h2 a{
	text-indent:-9999px;
	width:86px;
	height:22px;
	background: url(../images/kontakt.gif) no-repeat;
	overflow:hidden;
	display:block;
	cursor:pointer;
}
* html #main h1{margin-top: 1px;}
#main .container span{
	background: url(../images/bg-h1-span.gif) no-repeat;
	margin:7px 0 0 16px;
	float:left;
}
#main .container span a{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	width:53px;
	height:12px;
	cursor:pointer;
}
#main .container1{
	overflow:hidden;
	width:100%;
}
#main .container1 h1{
	margin:0 0 0 12px;
	float:left;
}
#main .container1 h1 a{
	text-indent:-9999px;
	width:98px;
	height:22px;
	background: url(../images/bg-h1_01.gif) no-repeat;
	overflow:hidden;
	display:block;
	cursor:pointer;
}
* html #main h1{margin-top: 1px;}
#main .container1 span{
	background: url(../images/bg-h1-span_01.gif) no-repeat;
	margin:7px 0 0 0px;
	float:left;
}
#main .container1 span a{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	width:52px;
	height:12px;
	cursor:pointer;
}
#main .container2{
	overflow:hidden;
	width:100%;
}
#main .container2 h1{
	margin:0;
	float:left;
}
#main .container2 h1{
	text-indent:-9999px;
	width:79px;
	height:22px;
	background: url(../images/subnav_chronik.gif) no-repeat;
	overflow:hidden;
	display:block;
}
* html #main h1{margin-top: 1px;}
#main .container2 span{
	background: url(../images/bg-h1-span_01.gif) no-repeat;
	margin:7px 0 0 0px;
	float:left;
}
#main .container2 span a{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	width:52px;
	height:12px;
	cursor:pointer;
}

#main .container3{
	overflow:hidden;
	width:100%;
}
#main .container3 h1{
	margin:0;
	float:left;
}
#main .container3 h1{
	text-indent:-9999px;
	width:98px;
	height:22px;
	background: url(../images/subnav_repertoire.gif) no-repeat;
	overflow:hidden;
	display:block;

}
#main .container4{
	overflow:hidden;
	width:100%;
}
#main .container4 h1{
	margin:0;
	float:left;
}
#main .container4 h1{
	text-indent:-9999px;
	width:102px;
	height:22px;
	background: url(../images/subnav_mediathek.gif) no-repeat;
	overflow:hidden;
	display:block;
}

* html #main h1{margin-top: 1px;}
#main .container4 span{
	background: url(../images/subnav_diskographie_small.gif) no-repeat;
	margin:7px 0 0 18px;
	float:left;
}
#main .container4 span a{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	width:83px;
	height:12px;
	cursor:pointer;
}

#main .container5{
	overflow:hidden;
	width:100%;
}
#main .container5 h1{
	margin:0;
	float:left;
}
#main .container5 h1{
	text-indent:-9999px;
	width:125px;
	height:22px;
	background: url(../images/subnav_diskographie.gif) no-repeat;
	overflow:hidden;
	display:block;
}

* html #main h1{margin-top: 1px;}
#main .container5 span{
	background: url(../images/subnav_mediathek_small.gif) no-repeat;
	margin:7px 10px 0 0px;
	float:left;
}
#main .container5 span a{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	width:62px;
	height:12px;
	cursor:pointer;
}
	
#content{padding:8px 0 0;}
#content .t{
	background: url(../images/bg-content-t.png) no-repeat;
	width:444px;
	height:2px;
	overflow:hidden;
}
#content .c{
	background: url(../images/bg-content-c.png) repeat-y;
	width:346px;
	padding:0 53px 47px 45px;
}
#content .b{
	background: url(../images/bg-content-b.png) no-repeat;
	width:444px;
	height:2px;
}
.info{
	border-bottom:1px solid #000;
	padding:0 0 0 6px;
	margin:0;
}
.info-last{border:0;}
.info h2{
	font:21px/23px Georgia, "Times New Roman", Times, serif;
	margin:0 0 0 -3px;
	padding:15px 0 14px;
	position:relative;
}
.info p{margin:0 0 16px;}
.info .text{
	font-size:10px;
	line-height:14px;
	display:block;
	padding:8px 0 19px;
}
.info .txt{padding:0 0 0;}
.gallery{
	width:340px;
	padding:0 0 20px 1px;
	margin:-1px 0 0;
	overflow:hidden;
	position:relative;
}
.gallery .gallery-holder{
	width:340px;
	height:229px;
	overflow:hidden;
}
.gallery div .gallery-list{
	width:9999px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
}
.gallery div .gallery-list li{
	float: left;
	width:340px;
	overflow:hidden;
	height:205px;
}
.gallery a.link-next,
.gallery a.link-prev {
	width:17px;
	padding:0;
	height:13px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	outline:none;
}
.gallery a.link-prev{
	background: url(../images/icon-prev.gif) no-repeat;
	height:13px;
	bottom:20px;
	left:1px;
	position:absolute;
}
.gallery a.link-next{
	background: url(../images/icon-next.gif) no-repeat;
	height:13px;
	bottom:20px;
	left:23px;
	position:absolute;
}
* html .gallery a.link-prev,
* html .gallery a.link-next{bottom:19px;}
.info dl{
	margin:0;
	overflow:hidden;
	height:1%;
}
.info .section-box{padding:0 0 16px;}
.info .section{padding:0 0 28px;}
.info dd{
	margin:0;
	overflow:hidden;
	height:1%;
}
.info dt{
	margin:0;
	float:left;
	font-weight:bold;
	clear:left;
}
.info .flash{display:block;}
#footer{
	padding:21px 0;
	color:#fff;
	width:100%;
}
.nav-footer{
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	text-align:center;
}
.nav-footer li{
	text-align:center;
	display:inline;
	font-size:9px;
	line-height:10px;
	padding:0 13px 0 0;
}
#footer2{
	padding:21px 0;
	color:#fff;
	width:100%;
}
.logovolksoper{
	list-style:none;
	margin:0;
	padding:0 0 0 0px;
	text-align:left;
}
.logovolksoper li{
	text-align:left;
	display:inline;
	font-size:9px;
	line-height:10px;
	padding:0 0 0 0;
}
.whitetext {
	color:#AAAAAA;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.whitetext a {
	color:#AAAAAA;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.whitetext a:hover {
	color:#AAAAAA;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.stdtextfeld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 250px;
}
.stdtextbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 250px;
}