body, p, td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px; /*9*/
	line-height: 16px; /*12*/
	letter-spacing: 0.1px;
}


ul, li, table{
	padding: 0;
	margin: 0;
}

.infoInaktiv{
	color: #cc3333;
	font-size: 12px;
	font-weight: bold;
}

.rechts{
	text-align: right;
}

.titel{
	font-weight: bold;
	font-size: 14px; /*10*/
	font-weight: bold;
	color: #808080;
}


/*------------------------------------------------------------------*/
/*-------------------------------------  neue CSS         ----------*/
/*------------------------------------------------------------------*/
#pageOuter{
	width: 1109px;
	margin: 0px auto 20px auto;
	padding: 17px 0px 0px 0px;
	margin: 0px auto 20px 0px;
}


#pageOuter{
	width: 1109px;
	margin: 0px auto 20px auto;
	padding: 17px 0px 0px 0px;
	margin: 0px auto 20px 0px;
}



#containerMain{
	width: 786px;
	float: left;
}



#myContent{
	height: 74px;
}

/* Startseite */
.indexseite .headerNavigation{
	height: 206px;
	margin-bottom: 25px;
}


.headerNavigation{
	width: 784px;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	
}


/* Startseite */
.indexseite .contentMain{
	padding: 0px 0px 0px 0px !important;
	min-height: 300px !important;

}

.contentMain{
	width: 784px;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	border-bottom: #000 1px solid;
	background-color: #FFF;	
	padding: 15px 0px 0px 0px;
	
	min-height: 550px;
}



/*------------------------------------------------------------------*/
/*-------------------------------------  Linke Spalte     ----------*/
/*------------------------------------------------------------------*/


#containerLeft{
	width: 147px;
	float: left;
}

/*-- Meta-Navigation -- */
/*------------------------------------------------------------------*/
/* Startseite */
.indexseite .leftMeta {
	height: 207px;
}


.leftMeta {
	text-transform: uppercase;
	font-family: 'StrukturProBold', Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 1px;
	text-align: right;
	padding-right: 10px;
	margin-top: 25px;
	height: 50px;
}

.leftMeta li{
	background-image: url(img/bu01_in.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 1px 16px 1px 0px;
	list-style-type: none;
}

.leftMeta li a{
	color: #FFFFFF;
	font-weight: normal;
}


.leftMeta li:hover{
	background-image: url(img/bu01_ak.gif);
}


.leftMeta li a:hover{
	/*color: #000;*/
}

.leftMetaAbstand{
	margin-top: 37px;
}


/*-- Sub-Navigation -- */
/*------------------------------------------------------------------*/
.leftSubnav {
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.5px;
	text-align: right;
	padding: 5px 10px 5px 0px;
	background: #666;
	font-weight: normal;
}

.leftSubnav li{
	background-image: url(img/bu01_in.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 1px 16px 1px 0px;
	list-style-type: none;
}

.leftSubnav li a{
	color: #FFFFFF;
	
}


.leftSubnav li:hover{
	background-image: url(img/bu_sub_ak.gif);
}


.leftSubnav li a:hover{
	color: #FFF;
}


.leftSubnav li.subAktiv{
	font-weight: bold;
	background-image: url(img/bu_sub_ak.gif);
}

.player{
	width: 147px;
	padding: 20px 0px 20px 0px;
}

/*------------------------------------------------------------------*/







/*------------------------------------------------------------------*/
/*-------------------------------------  rechte Spalte    ----------*/
/*------------------------------------------------------------------*/

#containerRight{
	width: 175px;
	float: right;
}

/*-- Logo -- */
/*------------------------------------------------------------------*/
.logo{
	margin-top: 14px;
	margin-left: -2px;
	height: 60px;
}

.indexseite .logo{
	margin-top: 22px;
	margin-left: -2px;
	height: 205px;
}
/*------------------------------------------------------------------*/




.background {
	background-color: #DDDDDD;
	background-image: url(img/hg2.gif);
	background-repeat: repeat-x
}

.headline {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px; /*18*/
	font-weight: bold;
	color: #5175a7;
	line-height: 24px; /*22*/
}

.subnavi {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px; /*10*/
	font-weight: bold;
	color: #FFFFFF;
	line-height: 12px; /*10*/
	text-decoration: none
}

a {
	text-decoration: none;
	color: #5175a7;
}

.info {
	font-size: 12px; /*10*/
	line-height: 16px; /*12*/
	color: #000000;
	font-weight: normal;
}


.name1 {
	font-size: 14px; /*12*/
	line-height: 16px; /*13*/
	font-weight: bold;
	color: #000000
}

.name2 {
	font-size: 14px; /*12*/
	line-height: 16px; /*13*/
	font-weight: bold;
	color: #999999
}


.background1 {
	background-color: #DDDDDD;
	background-image: url(img/hg1.gif);
	background-repeat: repeat-x
}

.name10 {
	font-size: 12px; /*10*/
	line-height: 16px; /*12*/
	font-weight: bold;
	color: #000000
}

.linie {
	font-size: 1px;
	line-height: 1px;
	color: #5175a7;
	background-color: #5175a7
}
.abstandhalb {
	font-size: 5px;
	line-height: 6px
}


.hell{
	font-weight: bold;
	color: #808080;
}



/*------------------------------------------------------------------*/
/*-------------------------------------  Formular      -------------*/
/*------------------------------------------------------------------*/

.formular {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	background-color: #EBEBEB;
	border-style: none;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px
}

.formular2 {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #EBEBEB
}
.keywords, .keywords a {
	font-size: 9px;
	color: #999999;
}



/*------------------------------------------------------------------*/
/*-------------------------------------  Highlight     -------------*/
/*------------------------------------------------------------------*/

.highlight, .highlight td {
	font-size: 14px; /*11*/
	line-height: 16px; /*13*/
}

.highlight img {
	float:left;
	margin-right:15px;
}


.highlight a {
	color:#5175a7;  /* Farbe Highlight */
}

.highlight a:hover {
	color:#000000;  
}


.highlight strong {
	color:#5175a7;  /* Farbe Highlight */
}



.highlight p {
	padding-right: 20px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.highlight h1 {
	font-size: 14px; /*12*/
	font-weight: bold;
	margin-top: 3px;
	padding-top: 0px;
	padding-right: 20px;
	margin-right: 20px;
	border-bottom: #5175a7 solid 1px; /* Farbe Highlight */
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.highlight .titelNews{
	color: #5175a7;
}


/* Box mit Zahlennavigation */
.hlBox{
	display: inline-block;
	background-image: url(img/button/buttonHighlight_in.gif);
	height: 19px;
	width: 23px;
	margin: 10px 5px 10px 0px;
	color: #FFF;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	font-size: 16px;
}


.hlBoxAktiv{
	background-image: url(img/button/buttonHighlight_ak.gif);
}


.hlBild{
	background-image: url(img/hgBild.gif);
	background-repeat: repeat-y;
}



/*------------------------------------------------------------------*/
/*-------------------------------------  News Startseite  ----------*/
/*------------------------------------------------------------------*/
/* oberer Bereich */
.newsIndex1{
	
	background-color: #a0987e; /* Farbe News links */
	padding:15px;
	width: 230px;
}

.newsIndex2{
	background-color: #b6ab92; /* Farbe News mitte */
	padding:15px;
	
}

.newsIndex1 img, .newsIndex2 img {
	float:left;
	border:#FFFFFF solid 1px;
	margin-right:10px;
}


.newsIndex1 p,.newsIndex2 p {
	font-size:12px; /*11*/
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

.newsIndex1 a, .newsIndex2 a  {
	color: #5175a7;
	line-height:16px; /*11*/
}

.newsIndex1 a:hover, .newsIndex2 a:hover  {
	color: #000;
}

.newsIndex1 h1, .newsIndex2 h1{
	font-size: 14px; /*12*/
	line-height: 16px; /*13*/
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

.newsIndex1 h2, .newsIndex2 h2 {
	font-size: 12px; /*11*/
	line-height: 16px; /*13*/
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* unterer Bereich, Textlinks */
.newsIndex3{
	background-color: #d2cab0; /* Farbe News unten links */
	padding:15px;
	padding-bottom:3px;
}
.newsIndexLink3{
	background-color: #d2cab0; /* Farbe News unten links */
	padding-top:5px;
	padding-left:15px;
	padding-bottom:15px;
}

/* unterer Bereich, Textlinks */
.newsBalken3{
	background-color: #73684f; /* Farbe NewsBalken unten links */
	height: 26px;
}

.newsIndex4{
	background-color: #d8d2bb; /* Farbe News unten rechts */
	padding:15px;
	padding-bottom:3px;
}
.newsIndexLink4{
	background-color: #d8d2bb; /* Farbe News unten rechts */
	padding-top:5px;
	padding-left:15px;
	padding-bottom:15px;
}

.newsBalken4{
	background-color: #8c8071; /* Farbe NewsBalken unten links */
	height: 26px;
}


.newsIndex3 a, .newsIndex4 a {
	color:#5175a7;  /* Farbe wie Link Highlight */
}
.newsIndex3 a:hover, .newsIndex4 a:hover, .newsIndexLink3 a:hover, .newsIndexLink4 a:hover {
	color:#000000;  
}

.newsIndex3 h1, .newsIndex4 h1 {
	font-size: 16px; /*13*/
	line-height: 16px; /*16*/
	margin-top: 0px;
	margin-bottom: 3px;
	padding-bottom: 0px;

}

.newsIndex3 p, .newsIndex4 p, .newsIndexLink3 p, .newsIndexLink4 p   {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;

}



/*------------------------------------------------------------------*/
/*-------------------------------------  Suche         -------------*/
/*------------------------------------------------------------------*/


#suchContainer{
	position: absolute;
	left:0px;
	top: 92px; 
	z-index: 5;
	width:auto;
	/*visibility: hidden;*/
}

#suchfeldContainer{
	position:absolute;
	
}

#suchContainerIndex{
	position: absolute;
	left:0px;
	top: 250px; 
	z-index: 5;
	width:auto;
}

#suchContainerIndex form, #suchContainer form{
	padding: 0px;
	margin: 0px;
}

#suchContainerIndex input, #suchContainer input{

	
}

.suchfeldInput{
	font-size:11px;
	padding: 0px;
	padding-top: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-left: 8px;
	padding-left: 2px;
	width: 107px;
	height: 17px;
	border: #000000 solid 1px;
	border-right: #666666 none 1px;
}

* html .suchfeldInput {
	margin-top:-1px 
}

#suchfeld{
	color: #000000;
	background-color: #FFFFFF;
	padding: 10px;
	border: 1px solid #666666;
	z-index: 5;
	position: relative;
	top: 0px;
	left: 8px;
	visibility: hidden;
}


#suchfeld select{
	font-size:11px;
}

.boxSuche{
	margin-left: 0px;
	padding-left: 0px;
	
	
}

#suchfeldPlayer{
	position: absolute;
	top:-10px;
	z-index: 4;
}


/*------------------------------------------------------------------*/
/*-------------------------------------  History      -------------*/
/*------------------------------------------------------------------*/

.history .datum{
	font-size: 12px;
	text-align: left;
	width: 60px;
}





/*------------------------------------------------------------------*/
/*-------------------------------------  Konzertsuche  -------------*/
/*------------------------------------------------------------------*/

.clear{
	clear: both;
}

#konzertsuche{
	background-color: #d9d2ba;
	display: block;
	margin-top: -15px;
}


#konzertsuche td{
	vertical-align: top;
	font-size: 11px !important;
}

#konzertsuche td a{
	
}

#konzertsuche td a:hover{
	color: #5175a7;
}



.konzertsucheContainer {
	padding: 12px 20px 10px 20px;
	border-right: #FFF 1px solid;
}

.konzertsucheContainer1 {
	padding: 12px 20px 10px 25px;
	border-right: #FFF 1px solid;
}

.konzertsucheContainerOL{
	padding: 12px 15px 10px 20px;
}



.suchfeldInput{
	font-size:11px;
	padding: 1px 0px 1px 3px;
	margin: 0px;
	width: 150px;
	height: 17px;
	border: #666 solid 1px;
	background-color: #f7f5ee;
	color: #666;
}

* html .suchfeldInput {
	margin-top:-1px 
}


/* Linkfarbe */
.suche{
	color: #000;
}
.sucheAktiv{
	color: #5175a7;
}


/* kein Suchresultat */
.infoSuche{
	font-size: 14px;
	line-height: 18px;
}
/*------------------------------------------------------------------*/
/*------------------------------------------------------------------*/




/*------------------------------------------------------------------*/
/*-------------------------------------  Konzert-Anzeige  ----------*/
/*------------------------------------------------------------------*/

.konzertliste{
	width: 734px;
	margin: 25px 25px 25px 25px;
}

/* für Klasse konzertliste, aber ohne Abstand oben */
.versatzOben{
	margin-top: 0px !important;
}

.konzertliste td{
	padding: 6px 0px 5px 0px;
	border-bottom: #808080 1px solid;
	vertical-align: bottom;
}


.konzertliste h2{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 16px;
}


.konzertliste a {
	color: #000;
}

.konzertliste a:hover {
	color: #5175a7;
}


.konzertliste img{
	float: right;
	vertical-align: bottom;
}


.datum {
	font-size: 16px; /*10*/
	font-weight: bold;
	color: #808080;
	line-height: 16px; /*12*/
	width: 90px;
}


/*------------------------------------------------------------------*/




/*------------------------------------------------------------------*/
/*-------------------------------------  Detailanzeige    ----------*/
/*------------------------------------------------------------------*/

.rechts{
	text-align: right;
}

.addthis_toolbox{
	float: right;
	vertical-align: bottom;
}


.standardInhalt{
	width: 734px;
	margin: 0px 25px 10px 25px;
}

.standardInhalt td{
	vertical-align: top;
}


.spalteLinks{
}

.spalteRechts{
	width: 249px;
}

.linieRechteSpalte{
	border-top: #808080 1px solid;

}

.spaltenabstand{
	width: 25px;
}


td.underline {
	padding: 6px 0px 5px 0px;
	border-bottom: #808080 1px solid;
	vertical-align: bottom;
}

td.unten{
	vertical-align: bottom;
}

.wochentagDetail{
	line-height: 20px;
}

.datumDetail{
	font-size: 30px;
	line-height: 28px;
	color: #808080;
	font-weight: bold;
	padding: 0px 15px 0px 0px;
	width: 200px;
}

.interpretDetail h1{
	margin: 30px 0px 5px 0px;
	font-size: 22px;
	line-height: 24px;
}

.interpretDetail h2{
	margin: 0px 0px 20px 0px;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	padding-right: 50px;
}

/*-------------------------------------  Galerien  -------------*/
.linkFoto{
	border-bottom: #808080 1px solid;
	padding: 4px 0px 4px 0px;
}

.linkFoto a{
	font-weight: bold;
 	background-image: url(img/button/iconFoto.gif);
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	padding-left: 55px;
	line-height: 35px;
}
.linkFoto a:hover{
 	background-image: url(img/button/iconFoto_ak.gif);
	color: #000;
}

.linkMovie{
	border-bottom: #808080 1px solid;
	padding: 4px 0px 4px 0px;
}


.linkMovie a{
	font-weight: bold;
 	background-image: url(img/button/iconMovie.gif);
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	padding-left: 55px;
	line-height: 35px;
}
.linkMovie a:hover{
 	background-image: url(img/button/iconMovie_ak.gif);
	color: #000;
}




/*------------------------------------------------------------------*/
/*-------------------------------------  Konzert-Reihen   ----------*/
/*------------------------------------------------------------------*/

.konzertreihe{
	width: 734px;
	margin: 15px 25px 25px 25px;
}


.konzertreihe td{
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

.konzertreihe td.underline {
	padding: 6px 0px 5px 0px;
	border-bottom: #808080 1px solid;
	vertical-align: bottom;
}

.konzertreihe h2{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 16px;
}


.konzertreihe a {
	color: #000;
}

.konzertreihe a:hover {
	color: #5175a7;
}


/* Link in Infozeile */
.konzertreihe td.info a {
	color: #5175a7;
}
.konzertreihe td.info a:hover {
	color: #000;
}


.konzertreihe img{
	float: right;
	vertical-align: bottom;
}

.konzertreihe h6 {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	border-bottom: #5175a7 1px solid;
}

.bildrechts img{
	float: left;
}

.konzertreihe .datum {
	width: 100px !important;
}


/*------------------------------------------------------------------*/
/*-------------------------------------  Newsletter       ----------*/
/*------------------------------------------------------------------*/

.newsletter .info {
	font-size: 12px !important; 
	line-height: 16px !important; 
	color: #000000;
	font-weight: normal;
}



/*------------------------------------------------------------------*/
/*-------------------------------------  Bildergalerie    ----------*/
/*------------------------------------------------------------------*/

.nyroModalBg {
	opacity: 0.85 !important;
}