/* clearfix */
.clearfix:after {	content: ".";	display: block;	height: 0;	font-size: 0;	clear: both;	visibility: hidden; }
.clearfix { display: inline-block; }  /* Mark Hadley's fix for IE Mac */

/* Hides from IE-mac */
* html .clearfix { height: 1%; } /* IE/WIN */
.clearfix { display: block; }
/* End hide from IE-mac */



/********* global styles **********/

html {

	overflow-y: scroll;
}

body {
	color: #627179;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	letter-spacing: 0px;	
	line-height: 18px;
	margin: 31px 0 0 0;
	padding: 0px;
    text-align: center;  /* Zentrierung im Internet Explorer */	
	background-color: #bebebe;
}

a {
	outline: none;
}

a { color:#627179; text-decoration: none; }
a:visited { color:#627179; text-decoration: none; }
a:hover { color:#000; text-decoration: none; }
a:active { color:#000; text-decoration: none; }

.bgStart {
	background-color: #fff;
}

tr, td {
	font-size: 12px;
	line-height: 17px;
}
	
h1 {
 	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
	color: #000;
	padding: 0;
	margin: 8px 0 13px 0;
}
 
#boxContentSecLevel h1 {
 	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	text-transform: uppercase;
	color: #000;
	padding: 0;
	margin: 8px 0 6px 0;
}


h2 {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
	padding: 0;
	margin: 8px 0 0 0;		
}
  
#tableKonzert h1 {
 	font-size: 20px;
	line-height: 24px;
	font-weight: normal;
	padding: 0;
	margin: 0 0 0 0;
}
	
p {
	margin: 6px 0px 6px 0px;
}

li {
	margin: 3px 0px 3px 0px;
}

ul {
	margin: 0 0 0 13px;
	padding: 0 0 0 3px;
}

.cleaner {
	height: 21px;
	clear:both;
}

.top {
	position: relative;
	float: left;
	width: 454px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 16px 0px 18px 0px;
	margin: 0 0 0 0;
	background-color:#fff;
}

#contCenterpage {
	position: relative;
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 960px;
	height:auto;
	background-color:#fff;
	/*border: 1px solid #F6C;*/
	overflow:auto;
}



/* Startseite */

#mainContainer {
	position: relative;
	float: none;
	width: 735px;
	margin: 27px 0 0 0;
}

#contCenterpage a {
	cursor:pointer;
}

#boxNavigationStart, #boxKonzert1, #boxKonzert1Info, #boxKonzert2, #boxKonzert3 {
	z-index: 100;
}

#boxNavigationStart {
	position: absolute;
	float: none;
	left: 21px;
	top: 121px;
	width: 202px;
	height: 201px;
	font-size: 12px;
	color: #627179;
	padding: 0px 10px 5px 10px;
	background-color: #fff;
	filter:alpha(opacity=78);
	opacity: 0.78;
	-moz-opacity:0.78;
	/*height: 1%;*/	
}

.lang {
	font-size: 11px;
	color: #627179;
	padding: 7px 0px 0px 0px;
}

.lang a { color:#627179; text-decoration: none; }
.lang a:visited { color:#627179; text-decoration: none; }
.lang a:hover { color:#000; text-decoration: none; }
.lang a:active { color:#000; text-decoration: none; }

.lang a.on { color:#000; text-decoration: none; }


#boxNavigationStart a { color:#627179; text-decoration: none; }
#boxNavigationStart a:visited { color:#627179; text-decoration: none; }
#boxNavigationStart a:hover { color:#000; text-decoration: none; }
#boxNavigationStart a:active { color:#000; text-decoration: none; }

#boxNavigationStart a.on { color:#000; text-decoration: none; }

#boxKonzert1 {
	position: absolute;
	float: none;
	left: 253px;
	top: 121px;
	width: 202px;
	height: 200px;
	font-size: 12px;
	color: #627179;
	padding: 0px 10px 5px 10px;
	/*background-color: #fff;
	filter:alpha(opacity=78);
	opacity: 0.78;
	-moz-opacity:0.78;*/
	/*height: 1%;*/	
}

#contCenterpage a:hover div#boxKonzert1, a:hover div#boxKonzert2, a:hover div#boxKonzert3 {
	background-image: url(../images/all/bg_white.gif)
}

#boxKonzert1 a { color:#627179; text-decoration: none; }
#boxKonzert1 a:visited { color:#627179; text-decoration: none; }
#boxKonzert1 a:hover { color:#000; text-decoration: none; }
#boxKonzert1 a:active { color:#000; text-decoration: none; }


#boxKonzert1Info {
	position: absolute;
	float: none;
	left: 253px;
	top: 307px;
	width: 222px;
	height: 213px;
	padding: 0px 0px 0px 0px;
}


#boxKonzert2 {
	position: absolute;
	float: none;
	left: 485px;
	top: 121px;
	width: 202px;
	height: 200px;
	font-size: 12px;
	color: #627179;
	padding: 0px 10px 5px 10px;
	/*background-color: #fff;
	filter:alpha(opacity=78);
	opacity: 0.78;
	-moz-opacity:0.78;*/
	/*height: 1%;*/	
}



#boxKonzert2 img {
	padding: 11px 0px 0px 2px;
	border: 0px;

}


#boxKonzert2 a { color:#627179; text-decoration: none; }
#boxKonzert2 a:visited { color:#627179; text-decoration: none; }
#boxKonzert2 a:hover { color:#000; text-decoration: none; }
#boxKonzert2 a:active { color:#000; text-decoration: none; }

#boxKonzert3 {
	position: absolute;
	float: none;
	left: 717px;
	top: 121px;
	width: 202px;
	height: 200px;
	font-size: 12px;
	color: #627179;
	padding: 0px 10px 5px 10px;
	/*background-color: #fff;
	filter:alpha(opacity=78);
	opacity: 0.78;
	-moz-opacity:0.78;*/
	/*height: 1%;*/	
}

#boxKonzert3 a { color:#627179; text-decoration: none; }
#boxKonzert3 a:visited { color:#627179; text-decoration: none; }
#boxKonzert3 a:hover { color:#000; text-decoration: none; }
#boxKonzert3 a:active { color:#000; text-decoration: none; }

.interpretenStart {
	padding: 6px 0 0 0;
	color: #000;
}

.interpreten2 {
	color: #000;
}

.interpreten {
	padding: 28px 0 15px 0;	
	color: #000;
}

.black {
	padding: 0px 0 15px 0;	
	color: #000;
}

#copyrightStart {
	position: relative;
	float:none;
	width: 960px;
	font-size: 11px;
	text-align:center;
	letter-spacing: 1px;
	color: #627179;
	padding: 10px 0 0 0;
	margin: 0;
}

#copyrightStart a { color:#627179; text-decoration: none; }
#copyrightStart a:visited { color:#627179; text-decoration: none; }
#copyrightStart a:hover { color:#000; text-decoration: none; }
#copyrightStart a:active { color:#000; text-decoration: none; }



/* Header */

#header {
	position: relative;
	float: left;
	height: 125px;
	background-color:#fff;	
}




/* Navigation */

#boxNavigation {
	position: relative;
	float: left;
	line-height: 15px;	
	left: 21px;
	width: 223px;
	height:auto;
	padding: 0px 10px 5px 10px;
}

#boxNavigation a { color:#627179; text-decoration: none; }
#boxNavigation a:visited { color:#627179; text-decoration: none; }
#boxNavigation a:hover { color:#000; text-decoration: none; }
#boxNavigation a:active { color:#000; text-decoration: none; }

#boxNavigation a.on { color:#000; text-decoration: none; }


#boxNavigation ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#boxNavigation ul.navSub {
	padding-left: 10px;
}




/* Content */

#boxContent {
	position: relative;
	float:left;
	width: 686px;
	height:auto;
	margin-left: 10px;
}

#boxContentSecLevel {
	position: relative;
	float:left;
	width: 686px;
	height:auto;
	margin-left: 10px;
}

#boxPics {
	position: relative;
	float: none;
	width: 686px;
	height: auto;
	min-height: 300px;
	font-size: 12px;
	color: #627179;
	padding: 0 0 4px 0;
	margin: 6px 0 0 0;
}

#boxPicsAuto {
	position: relative;
	float: none;
	width: 686px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 0 0 4px 0;
	margin: 6px 0 0 0;
}

#boxTextBgWhite {
	position: relative;
	float: left;
	width: 434px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 2px 10px 3px 10px;
	margin: 6px 0 0 0;
	background-color:#fff;
}

#boxText {
	position: relative;
	float: left;
	width: 434px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 2px 10px 3px 10px;
	margin: 6px 0 0 0;
	background-color:#e7ebed;
}

#boxGesamt {
	position: relative;
	float: left;
	width: 454px;
	height: auto;
	padding: 0;
	margin: 0;
}

#boxTextHover {
	position: relative;
	float: left;
	width: 434px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 2px 10px 3px 10px;
	margin: 6px 0 0 0;
	background-color:#e7ebed;
}

a:hover div#boxTextHover {
	background-color: #f4f6f7;
}

#boxTextKurz {
	position: relative;
	float: left;
	width: 434px;
	height: auto;
	min-height: 400px;
	font-size: 12px;
	color: #627179;
	padding: 2px 10px 3px 10px;
	margin: 6px 0 0 0;
	background-color:#e7ebed;
}

#boxTextWide {
	position: relative;
	float: left;
	width: 666px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 2px 10px 3px 10px;
	margin: 6px 0 0 0;
	background-color:#e7ebed;
}

#boxBgWhite {
	position: relative;
	float: left;
	width: 454px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 0px 0px 0px 0px;
	margin: 6px 0 0 0;
	background-color:#fff;
}

#boxTextWideBgWhite {
	position: relative;
	float: left;
	width: 686px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 2px 0px 3px 0px;
	margin: 6px 0 0 0;
	background-color:#fff;
}

#boxInfo {
	position: relative;
	float: left;
	width: 434px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 2px 10px 3px 10px;
	margin: 10px 0 0 0;
	background-color:#e7ebed;
}

#boxRight {
	position: relative;
	float: left;
	width: 222px;
	height: auto;
	font-size: 12px;
	color: #627179;
	padding: 0px 0px 3px 0px;
	margin: 4px 0 0 10px;
	background-color:#fff;
}

.popup {
	background-colot: #000;
	margin: 0px;
	padding: 0px;
}


.small {
	font-size: 11px;
	line-height: 15px;	
}

.boxKartenbestellung {
	background: #354046;
	color: #a3aab0;
}

.boxKartenbestellung a { color:#dfedf4; text-decoration: none; }
.boxKartenbestellung a:visited { color:#dfedf4; text-decoration: none; }
.boxKartenbestellung a:hover { color:#fff; text-decoration: none; }
.boxKartenbestellung a:active { color:#fff; text-decoration: none; }




/* Kalender */

#konzertkalender td {
  font-size: 11px;
  line-height: 13px;
  background: #e7ebed;
  padding: 2px 3px 2px 3px;
}

#konzertkalender .kalenderMonat {
  background: #fff;
  padding: 6px 0px 2px 0px;
}

#konzertkalender .kalenderMonat a { color:#627179; text-decoration: none; }
#konzertkalender .kalenderMonat a:visited { color:#627179; text-decoration: none; }
#konzertkalender .kalenderMonat a:hover { color:#000; text-decoration: none; }
#konzertkalender .kalenderMonat a:active { color:#000; text-decoration: none; }

#konzertkalender .label {
	background: #a3aab0;
}

#konzertkalender .datum {
	background: #999;
	color: #fff;
}

.kalenderMonat a { color:#627179; text-decoration: none; }
.kalenderMonat a:visited { color:#627179; text-decoration: none; }
.kalenderMonat a:hover { color:#000; text-decoration: none; }
.kalenderMonat a:active { color:#000; text-decoration: none; }



/* Copyright - Footer */

#copyright {
	position: relative;
	float:left;
	width: 960px;
	font-size: 11px;
	text-align:center;
	letter-spacing: 1px;
	color: #627179;
	padding: 9px 0 20px 0;
	margin: 0;
 	background: #bebebe;	
}

#copyright a { color:#627179; text-decoration: none; }
#copyright a:visited { color:#627179; text-decoration: none; }
#copyright a:hover { color:#000; text-decoration: none; }
#copyright a:active { color:#000; text-decoration: none; }