@charset "utf-8";

/* Globale Elemente
=====================================================================*/

html { overflow-x: auto; height:100%;}
	/* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #666666;
	background-image: url(img/hintergrund_alt.gif);
	background-repeat: repeat;
    }
#footer {
	text-align: center;
	background-repeat: no-repeat;
	background-color: #174171;
	color: white;
	font-size: 12px;
	padding: 10px;
	border-top: 1px solid #FFFFFF;
	line-height: 150%;
	background-image: url(img/footer.jpg);
}
#footer a {
	color: #FFFFFF;
	padding: 2px;
}
#footer a:hover {
	background-color: #FFFFFF;
	color: #174171;
}

#maincontent {
	background-color: #CCCCCC;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}


	
#container  {
	width: 800px;
	margin: 0 auto;
	border: 1px solid #FFFFFF;
	text-align: left;
	background-color: #CCCCCC;
    }
body,/* Globale Variablen
=====================================================================*/div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,embed,object{margin:0;padding:0;}
h1 {
	font-size: 18px;
}

table{border-collapse:collapse;border-spacing:0;}

address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
div { text-align: left; vertical-align: top; }
q:before,q:after{content:'';}
a {
	color: #3a66a6;
}


a,ins{text-decoration:none;}
strong { font-weight: bold; }
cite { display: block; font-size: 0.9em; font-style: italic; text-align: right; }
	

/* Navigation
=====================================================================*/
#nav {
	line-height: 1;
	z-index: 9998;
	background-color: #CCCCCC;
}

#nav a {
	background: url(img/bg_nav.jpg) no-repeat 0 0;
	display: block;
	height: 25px;
	text-indent: -999em;
	overflow: hidden;
}

#nav li { float: left; position: relative; }
* html #nav li * { position: relative; }
#nav li, #nav ul { margin: 0; padding: 0; }
	
	/*--- Default ---*/
	#nav-home a { background-position: 0 0; width: 87px; }
	#nav-1 a { background-position: -87px 0; width: 108px; }
	#nav-2 a { background-position: -195px 0; width: 76px; }
	#nav-3 a { background-position: -271px 0; width: 121px; }
	#nav-4 a { background-position: -392px 0; width: 80px; }
	#nav-5 a { background-position: -472px 0; width: 73px; }
	#nav-6 a { background-position: -545px 0; width: 255px; }

	/*--- Hovering ---*/
	#nav-home a:hover { background-position: 0 -25px; width: 87px; }
	#nav-1 a:hover { background-position: -87px -25px; width: 108px; }
	#nav-2 a:hover { background-position: -195px -25px; width: 76px; }
	#nav-3 a:hover { background-position: -271px -25px; width: 121px; }
	#nav-4 a:hover { background-position: -392px -25px; width: 80px; }
	#nav-5 a:hover { background-position: -472px -25px; width: 73px; }
	#nav-6 a:hover { background-position: -545px -25px; width: 255px; }
	
	/*--- Clicking ---*/
	#nav-home a:active { background-position: 0 -50px; width: 87px; }
	#nav-1 a:active { background-position: -87px -50px; width: 108px; }
	#nav-2 a:active { background-position: -195px -50px; width: 76px; }
	#nav-3 a:active { background-position: -271px -50px; width: 121px; }
	#nav-4 a:active { background-position: -392px -50px; width: 80px; }
	#nav-5 a:active { background-position: -472px -50px; width: 73px; }
	#nav-6 a:active { background-position: -545px -50px; width: 255px; }

	
	/*--- Dropdowns ---*/
	#nav li:hover ul, #nav li.over ul { left: 0; }
	#nav li li {
	float: none;
	position: static;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFD0E8;
}

	
	#nav li li a, #nav li li a:hover, #nav li li a:active {
		font-size: .8em;
		background: none;
		height: auto;
		padding: 1px 12% 2px;
		text-indent: 0;
		width: 76%;
	}
	
	#nav li li a:hover {
	background: #172a57;
	color: white;
}
	
	#nav li ul {
	background: #fff;
	border-bottom: 2px solid #4070B2;
	left: -1999px;
	line-height: 1.5;
	padding: 5px 0;
	position: absolute;
	top: 25px;
	width: 200px;
	z-index: 9999;
	padding-bottom: 0px;
	}
	
	li#nav-6 ul { line-height: 1.2; width: 400px; }
	li#nav-6 .col { font-size: 0.9em; float: left; width: 33%; }
	li#nav-6 .col ul { border: 0; position: static; width: 100%; }



#mclinks {
	background-color: #999999;
	width: 300px;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
}

#mclinks_u {
	background-color: #999999;
	width: 200px;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
}
#termine {
	background-image: url(img/bg_termine.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 35px;
	background-color: #3965A4;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#termine a {
	color: #FFFFFF;
	text-decoration: none;
}
#termine a:visited {
	color: #FFFFFF;
}

#termine a:hover {
	color: #223361;
}

.tabelle_rollover {
	hover:expression(this.onmouseover=new Function("this.style.background='#FFFFFF';this.style.color='#223361'"),this.onmouseout=new Function("this.style.background='';this.style.color='#FFFFFF'"));#
	width: 100%;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}


/* Terminkalender
=============================================================*/

.termin_ues{
	background: #223361;
	color:white;
	padding: 5px 15px 5px 15px;
	font-size: 14px;
	font-weight: bold;
}


.termin{
	display:block;
	font-weight:none;
	width:599px;
	margin-top:0px;
	margin-bottom: 0px;
}
.termin a{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	width:569px;
	margin: 0px;
	display:block;
	color: white;
	font-size: 12px;
	text-decoration:none;
	background-image: url(img/bg_einzeltermin.jpg);
	background-repeat: no-repeat;
}
.termin a:hover{
	color: #223361;
	background-color: white;
	background-image: url(img/bg_einzeltermin_hover.jpg);
	background-repeat: no-repeat;
}
.termin .datum{
	width:110px;
	float: left;
	font-weight:bold;
	display: block;
	margin: 0px;
}
.termin .kuenstler{
	width:250px;
	float: left;
	margin:0 0 0 10px;
}

.termin .details{
	width:160px;
	float: left;
	margin:0 0 0 10px;
}


/* 
==============================================================*/





.tabelle_rollover:hover{
	background-color: #FFFFFF;
	color: #203260;
}
#tabelle_datum {
	width: 100px;
	float: left;
}
#tabelle_text {
	width: 100px;
	margin-left: 20px;
	float: left;
}


#mp3 {
	background-image: url(img/bg_mp3.jpg);
	background-repeat: no-repeat;
	padding: 35px 5px 5px 5px;
}
#mp3  a {
	color: #FFFFFF;
	display: block;
	padding: 3px 3px 3px 15px;
	margin-bottom: 3px;
	text-decoration: none;
}
#mp3  a:hover {
	color: #213363;
	background-color: #FFFFFF;
}
#links {
	background-image: url(img/bg_links.jpg);
	background-repeat: no-repeat;
	padding: 35px 5px 5px 5px;
}
#tournee {

}
#tournee a {
	color: #FFFFFF;
	padding: 5px 5px 5px 80px;
	font-weight: bold;
	display: block;
	margin-top: 5px;
	background-color: #213363;
}
#tournee a:hover {
	color: #213363;
	background-color: #FFFFFF;
}

#links a {
	color: #FFFFFF;
	display: block;
	padding: 3px 3px 3px 15px;
	text-decoration: none;
}
#links  a:hover {
	color: #213363;
	background-color: #FFFFFF;
}

#header {
	height: 89px;
	background-image: url(img/header.jpg);
	background-repeat: no-repeat;
}
#mcrechts {
	width: 499px;
	border-left: 1px solid #FFFFFF;
	float: left;
}

#mcrechts_u {
	width: 599px;
	border-left: 1px solid #FFFFFF;
	float: left;
}
#mcrechts a {
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

#mcrechts_u a {
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

#mcrechts a:hover {
	color: #FFFFFF;
	background-color: #4070B2;
}

#mcrechts_u a:hover {
	color: #FFFFFF;
	background-color: #4070B2;
}


#mcrechts_1 {
	background-color: #f6f6f6;
	padding: 20px 30px 20px 20px;
}

#mcrechts_3 {
	background-color: #F6F6F6;
	padding: 20px 30px 20px 20px;
}


#einleitung {
	color: #3F6FB1;
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: bold;
}
#text {
	font-size: 11px;
	margin-bottom: 20px;
}


#ueberschrift {
	font-size: 34px;
	margin-bottom: 30px;
}

/* Template Überuns */

#titel {
	font-size: 16px;
	color: #3F6FB1;
	margin-bottom: 8px;
	font-weight: bold;
}

#text {
	font-size: 11px;
	padding-bottom: 5px;
}

#text ul{
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: disc;
}


#text li{
	text-height: 100%;
	padding-left:10px;
}


/* Template Überuns Ende */

#bes_titel {
	font-size: 13px;
	color: #3F6FB1;
	margin-bottom: 5px;
	font-weight: bold;
}

#bes {
	font-size: 11px;
	padding-bottom: 5px;
}
#mcrechts_2 {
	background-color: #E6E6E6;
	padding: 20px;
	padding-top: 13px;
}
#cds {
	background-repeat: no-repeat;
	padding: 55px 5px 15px 15px;
	background-image: url(img/bg_cds.jpg);
}
#cds a {
	color: #FFFFFF;
	padding: 2px;
}
#cds a:hover {
	color: #FFFFFF;
	background-color: #4070B2;
}

#cd_bild {
	float: left;
	width: 100px;
	height: 100px;
}

#cd_text {
	float: left;
	width: 300px;
	margin-left: 15px;
}

#bild {
	margin: 0 0 0 0;
}

#pressestimmen {
	margin-top: 10px;
	font-size: 11px;
}
#start_mclinks {
	background-color: #999999;
	width: 199px;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
}
#start_mcrechts {
	width: 600px;
	border-left: 1px solid #FFFFFF;
	float: left;
}
#start_cds {
	background-image: url(img/bg_neuerscheinungen.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 10px;
}
#start_cds .cd_platzhalter {
	margin: 5px 15px 10px 15px;
}
#start_cds .cd_platzhalter .cd_bild {
	width: 60px;
	height: 60px;
	float: left;
}
#start_cds .cd_platzhalter .cd_text {
	float: left;
	margin-left: 8px;
	margin-top: 4px;
	margin-bottom: 2px;
	width: 100px;
}

#start_info {
	background-image: url(img/bg_welcome.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-bottom: 10px;
}
.info_platzhalter {
	padding: 5px 15px 10px 15px;
	float: left;
}

#start_mcrechts_1 {
	padding: 10px;
	background-image: url(img/bg_vorschau_gross.jpg);
	background-repeat: no-repeat;
	border-bottom: 1px solid #FFFFFF;
}
#start_bild_gross {
	float: left;
	width: 300px;
	height: 250px;
}
#start_text_gross {
	width: 255px;
	margin-left: 15px;
	float: left;
	margin-top: 10px;
}
#start_mcrechts_2 {
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	background-image: url(img/bg_vorschau_klein.jpg);
	float: left;
	width: 599px;
}
#start_vorschau_klein {
	float: left;
	width: 180px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 8px;
	padding-top: 10px;
}
#start_bild_klein {
	width: 180px;
	height: 110px;
	margin-bottom: 10px;
}
#start_text_klein {
	width: 179px;
}

#termine_mclinks {
	background-color: #999999;
	width: 200px;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
}
#termin_suche {
	background-image: url(img/bg_termine.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 35px;
	background-color: #3965A4;
	padding-left: 5px;
	padding-right: 5px;
}
#termin_mcrechts {
	width: 599px;
	border-left: 1px solid #FFFFFF;
	float: left;
}
#termin_datum {
	color: #666666;
}
#termin_mcrechts_1 {
	background-color: #CCCCCC;
}
#popup {
	padding: 20px;
	color: #000000;
	width: 570px;
	padding-right: 50px;
	background-repeat: no-repeat;
	background-color: #E9E9E9;
}
#popup_titel {
	background-color: #223361;
	padding: 5px 15px 5px 20px;
	color: white;
	width: 610px;
	font-weight: bold;
	font-size: 12px;
}

#popup .kuenstler {
	font-size: 24px;
	color: #3a66a6;
	margin-top: 0px;
	margin-bottom: 10px;
}
#popup .beschr {
	margin-top: 5px;
}

#popup .beginn {
	font-size: 13px;
	padding-top: 2px;
}

#popup .datum {
	font-size: 13px;
}
#popup .ort {
	font-size: 13px;
	padding-top: 2px;
}
#popup .veranstalter {
	font-size: 13px;
	padding-top: 2px;
}
#popup .kat {
	width: 80px;
}

.termin_artikel {
	display:block;
	font-weight:none;
	width:285px;
	margin-top:0px;
	margin-bottom: 0px;
}
.termin_artikel a {
	border-bottom: 1px solid #4E89CF;
	width:280px;
	margin: 0px;
	display:block;
	color: white;
	font-size: 11px;
	text-decoration:none;
	padding: 5px;
}
.termin_artikel a:hover {
	color: #223361;
	background-color: white;
}
.termin_artikel .datum {
	width:60px;
	float: left;
	display: block;
	margin: 0px;
	padding-left: 10px;
}
.termin_artikel .kuenstler {
	width:100px;
	float: left;
	margin:0 0 0 10px;
}
.termin_artikel .details {
	width:200px;
	float: left;
	margin:0 0 0 5px;
}
#start_termine {
	background-color: #999999;
	padding: 10px;
	float: left;
	width: 579px;
}
#start_termine_2 {
	background-color: #4577BC;
	padding: 5px;
	background-image: url(img/bg_termine_startseite.jpg);
	background-repeat: no-repeat;
	padding-top: 32px;
}
#termin_mcrechts_start {
	width: 100%;


}
.termin_start {
	display:block;
	font-weight:none;
	width:569px;
	margin-top:0px;
	margin-bottom: 0px;
}
.termin_start a {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	width:539px;
	margin: 0px;
	display:block;
	color: white;
	font-size: 12px;
	text-decoration:none;
	background-repeat: no-repeat;
}
.termin_start a:hover {
	color: #223361;
	background-color: white;
	background-repeat: no-repeat;
}
.termin_start .datum {
	width:100px;
	float: left;
	font-weight:bold;
	display: block;
	margin: 0px;
}
.termin_start .kuenstler {
	width:210px;
	float: left;
	margin:0 0 0 20px;
}
.termin_start .details {
	width:180px;
	float: left;
	margin:0 0 0 15px;
}
.pressefotos {
	padding: 5px;
	width: 530px;
	margin-bottom: 10px;
	background-color: #CCCCCC;
	background-image: url(img/bg_pressefotos.jpg);
	background-repeat: repeat-x;
}
.pressefotos  .foto {
	float: left;
	width: 150px;
}
.pressefotos  .beschreibung {
	float: left;
	width: 300px;
	margin-left: 10px;
}
#start_mcrechts_2    a {
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	margin-left: -3px;
	font-size: 12px;
	background-color: #F4F4F4;
}
#start_mcrechts_2  a:hover {
	color: #FFFFFF;
	background-color: #4070B2;
}
#start_mcrechts_1 a {
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	margin-left: -3px;
	font-size: 12px;
	background-color: #F4F4F4;
}
#start_mcrechts_1 a:hover {
	color: #FFFFFF;
	background-color: #4070B2;
}
.cd_text  a {
	color: #FFFFFF;
	font-size: 12px;
	display: block;
	padding: 2px;
}
.cd_text  a:hover {
	color: #4070B2;
	background-color: #FFFFFF;
}
.ang_liste   ul li  {
	list-style-position: outside;
	margin-left: 10px;
	font-size: 11px;
}
.red_ues  {
	font-size: 18px;
	color: #4070B2;
	padding-bottom: 10px;
	padding-top: 10px;
}
.red_text {
	font-size: 12px;
	padding-bottom: 10px;
}
.red_kasten {
	border: 1px solid #3F6FB1;
	padding: 20px;
	font-size: 12px;
	margin-bottom: 10px;
}
.red_kasten  tr {
	padding-bottom: 2px;
}

p1  {
	color: #3F6FB1;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}
p2  {
	color: #3F6FB1;
}
#booking {
	color: #666666;
}
#booking a {
	background-color: #4070B2;
	display: block;
	text-align: center;
	color: white;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #3F6FB1;
	font-weight: bold;
}
#booking a:hover {
	color: #4070B2;
	background-color: #FFFFFF;
	border: 1px solid #3F6FB1;
}
#termin_suche a {
	color: #FFFFFF;
	font-size: 12px;
	display: block;
	padding: 2px;
	padding-left: 15px;
	margin-bottom: 2px;
}
#termin_suche a:hover {
	color: #4070B2;
	background-color: #FFFFFF;
}
c {
	font-size: 12px;
	color: #3F6FB1;
	margin-bottom: -6px;
	font-weight: bold;
	display: block;
}
#newsletter {
	background-color: #7B7B7B;
	background-image: url(img/bg_newsletter.jpg);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-right: 15px;
}
.klein {
	font-size: 10px;
}
