/****************************
+++ HTML-Standards +++
****************************/

body {
	margin:0;
	padding:0;
	font-family:arial, helvetica, sans-serif;
	font-size:75%;
	color: #75706E;
	background:white;
	line-height:1.3em;
}

img {
	border:none;
}

h1, h2, h3, h4, h5, h6 {
	color: #CC023D;
	margin:0;
	padding:0;
	font-size:100%;
}

h1 {
	color: #CC023D;
	margin: 0px 0 1em 0;
	font-size:1.5em;
	line-height:1.1em;
	font-weight:lighter;
	letter-spacing:0.5px;
	font-family: 'Times New Roman', Times, serif;
}

h2{
	font-family: 'Times New Roman', Times, serif;
	font-size:1.4em;
	font-weight:normal;
}

h3 {
	font-size:1.2em;
	font-weight:normal;
	font-style:italic;
	font-weight:bold;
	margin-bottom:0.4em;
}

h4 {
	color:black;
	font-weight:bold;
	background: url(../upload/design/pfeil-schwarz-rechts-rauf.gif) no-repeat 0px 4px;
	padding-left:20px;
}

.trenner {
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
}

.schwarz {
	background:black;
}

a {
	color: #CC023D;
}

a.ohne {
	text-decoration:none;
}

a.linkrot, .linkrot {
	color:#CC023D;
	background: url(../upload/design/pfeil-rot-rechts-rauf.gif) no-repeat 0px 5px;
}

.keinrahmen {
	border-bottom:none;
}

p {
	margin-top:0px;
}

.rechts {
	float:right;
	padding-left:5px;
}

.links {
	float:left;
	padding-right:5px;
}

form {
	margin:0px;
	padding:0px;
}

hr {
	height:1px;
	background:white;
	border:0px;
	border-bottom: solid 1px #8E8785;
	padding:0;
	margin:0;
}

.head {
	background:#8F8886;
	height:27px;
}

.closedialog {
	color: #CC023D;
	text-decoration:underline;
	cursor: pointer;
}

/******************************
+++ Hauptstruktur +++
*******************************/

#container {
	width:1100px;
	margin:0px auto;
}

#top {
	width:1100px;
}

#hauptnavigation {
	background:white;
	width:705px;
	float:left;
	margin: 0.5em 0px 0px 115px;
	font-family: 'Times New Roman', Times, serif;
}

#sprachen {
	width:130px;
	float:left;
	margin: 1.1em 0px 0px 0px;
	font-size:85%;
	text-align:center;
}

#sprachen a {
	text-decoration:none;
	color:#75706E;
}

#sprachen a.act {
	color:#CC023D;
}

#facebook {
	float:right;
	padding: 8px 0 0 0;
}

#header {
	position:relative;
	width:1100px;
	height:276px;
	background: #8E8785;
}

#linien{
	position:absolute;
	bottom:0px;
	left:0px;
}


#imagebild {
	width:820px;
	float:left;
}

#headerrechts {
	width:280px;
	float:left;

}

#logo {
	margin-top:15px;
	background: url(../upload/design/logo-cma.png) no-repeat;
}

#microsites {
	position:absolute;
	bottom:0px;
	left:0px;
}

#main {
	margin-top:15px;
}

#inhaltsbereich {
	width:820px;
	margin:7px 0px 0px 0px;
	float:left;
}

#headline {
	position:relative;
	background:white;
	color:black;
	height:36px;
}

#headline h1 {
	width:400px;
	float:left;
	font-size:16px;
	text-transform:none;
	padding: 14px 0px 0px 120px;
	margin:0;
	color:black;
	font-weight:normal;
	letter-spacing:0.5px;
}

#headline a {
	text-decoration:none;
	color:black;
}

#breadcrumb  {
	position:absolute;
	bottom:3px;
	right:12px;
	width:400px;
	float:right;
	text-align:right;
	font-size:85%;
}

#links {
	width:188px;
	padding: 0px;
	float:left;
}

#inhalt {
	width:632px;
	padding:0px 0px 15px 0px;
	float:left;
	position:relative;
}

#inhalt td {
	color:#8E8785;
	padding:2px 10px;
	border-bottom: solid 1px #8E8785;
}

#inhalt td p {
	margin:0;
	padding:0;
}

#inhalt td.keinrahmen {
	border-bottom: none;
}

#inhalt tr {
	border-bottom: solid 1px #8E8785;
}

#inhalt .tabueberschrift {
	color:white;
	background:#8E8785;
	text-transform:uppercase;
	font-size:90%;
}

#inhalt table.pfeile a {
	text-decoration:none;
	font-style:italic;
	color:#8E8785;
	padding-left:0px;
/*	background: url(../upload/design/pfeil-grau-rechts-rauf.gif) no-repeat 0px 5px; 
	padding-left:10px; */
}

#inhalt table.noborder, #inhalt table.noborder td, #inhalt td.noborder {
	border:none;
}

#inhalt td a.linkrot {
	color:#CC023D;
	background: url(../upload/design/pfeil-rot-rechts-rauf.gif) no-repeat 0px 5px;
}

.zureckzuruebersicht {
	position:absolute;
	top:27px;
	right:0px;
	color:white;
	background: #CC023D;	
	width:20ex;
	text-align:right;
}

.zureckzuruebersicht a {
	color:white;
	text-decoration:none;
	background: url(../upload/design/pfeil-weiss-rechts-rauf.gif) no-repeat 0px 4px;
	padding-left:15px;
	padding-right:10px;
	font-style:italic;
	font-size:90%;
}

#text {
	padding:15px 15px 15px 65px;
}

#rechts {
	width:170px;
	padding: 0px 60px 0px 50px;
	float:left;
}

#fussbereich {
	font-size:85%;
	padding-top:3px;
	margin-top:2em;
	border-top: solid 1px #D0CBC9;
}

#fusszeile {
	float:left;
	width:480px;
	font-style:italic;
}

#hilfsnavigation {
	text-align:right;
	float:right;
	width:200px;
}

/******************************
+++ Hauptnavigation +++
*******************************/
#hauptnavigation ul {
	margin:0px;
	padding: 0px 0px 0px 1px;
}

#hauptnavigation ul li {
	float:left;
	list-style:none;
	padding:4px 0px 3px 5px;
	font-size:11px;
	text-transform:uppercase;
}

#hauptnavigation ul li  span {
	padding-right:5px;
}

#hauptnavigation a {
	text-decoration:none;
	color:#3A3A3A;
	letter-spacing:0.5px;
}

#hauptnavigation a.act {
	color: #CC023D;
}

#hauptnavigation a.act span {
	color: black;
}

/******************************
+++ Microsites +++
*******************************/
#microsites ul {
	margin:0px 0px 0px 121px;
	padding:0px;
}

#microsites ul li {
	float:left;
	list-style:none;
	margin-right:9px;
}

#microsites ul li.first {
	margin-right:10px;
}

#microsites ul li.last {
	margin-right:0px;
}

#microsites li a.fuerbesucher {
	background: url(../upload/design/microsites/fuerbesucher.png) left top;
}
#microsites li a.fuerveranstalter {
	background: url(../upload/design/microsites/fuerveranstalter.png) left top;
}
#microsites li a.seminare{
	background: url(../upload/design/microsites/seminare.png) left top;
}
#microsites li a.cdaufnehmen {
	background: url(../upload/design/microsites/cdaufnehmen.png) left top;
}

#microsites li.act a.fuerbesucher {
	background: url(../upload/design/microsites/fuerbesucher.gif) left top;
}
#microsites li.act a.fuerveranstalter {
	background: url(../upload/design/microsites/fuerveranstalter.gif) left top;
}
#microsites li.act a.seminare{
	background: url(../upload/design/microsites/seminare.gif) left top;
}
#microsites li.act a.cdaufnehmen {
	background: url(../upload/design/microsites/cdaufnehmen.gif) left top;
}



#microsites li a.fororganizers {
	background: url(../upload/design/microsites/fororganizers.png) left top;
}
#microsites li a.contact {
	background: url(../upload/design/microsites/seminars.png) left top;
}
#microsites li a.forvisitors {
	background: url(../upload/design/microsites/concerts.png) left top;
}
#microsites li a.cdrecording {
	background: url(../upload/design/microsites/cdrecording.png) left top;
}


#microsites li.act a.fororganizers {
	background: url(../upload/design/microsites/fororganizers-start.gif) left top;
}
#microsites li.act a.contact {
	background: url(../upload/design/microsites/seminars_start.gif) left top;
}
#microsites li.act a.forvisitors {
	background: url(../upload/design/microsites/concerts_start.gif) left top;
}
#microsites li.act a.cdrecording {
	background: url(../upload/design/microsites/cdrecording_start.gif) left top;
}


#microsites ul li span{
	padding-right:5px;
}

#microsites a {
	width:168px;
	height:39px;
	text-decoration:none;
	color:#D4D4D4;
	font-size:15px;
	font-weight:bold;
	display:block;
}

#microsites a.fuerbesucher {
	background: url(../upload/design/microsites/fuerbesucher.gif) center top;
}
#microsites a.fuerveranstalter {
	background: url(../upload/design/microsites/fuerveranstalter.gif) center top;
}
#microsites a.cdaufnehmen {
	background: url(../upload/design/microsites/cdaufnehmen.gif) center top;
}
#microsites a.feierninossiach {
	background: url(../upload/design/microsites/feierninossiach.gif) center top;
}

#microsites ul li.act a {
	color:white;
}

/******************************
+++ Unternavigation  +++
*******************************/
#unternavigation {
	font-size:90%;
	padding:2px 10px;
	width:155px;
}

#unternavigation ul {
	padding:0px;
	margin:3px 0px 0px 0px;
}

#unternavigation ul li {
	list-style:none;
	text-transform:uppercase;
	line-height:1.6em;
	padding:0px 0px 0px 12px;
}

#unternavigation ul li a {
	color:black;
	text-decoration:none;
}

#unternavigation ul li.act {
	color:#CC023D;
}

#unternavigation ul li.act a {
	color:#CC023D;
}

#unternavigation ul ul {
	background:white;
	padding-top:0px;
	margin: 0px 0px 5px -12px;
}

#unternavigation ul ul li {
	background:white;
	text-transform:none;
	padding-left:30px;
/*	background: url(../upload/design/pfeil-grau.gif) no-repeat 20px 5px;*/
}

#unternavigation ul li.act ul li a {
	color:#75706E;

}

#unternavigation ul ul li.act {
	background:white;
	background: url(../upload/design/pfeil-rot.gif) no-repeat 18px 4px;
}

#unternavigation ul li.act ul li.act a {
	color:#CC023D;
}

.nurnavi {
	margin-top:1.3em;
}


/******************************
+++ Ortauswahl / Programmauswahl +++
*******************************/

#links h2.pfeildown {
	background: #CC023D url(../upload/design/pfeil-weiss-runter.png) no-repeat 156px 5px;
}

#links h2.pfeilup {
	background: #CC023D url(../upload/design/pfeil-weiss-rauf.png) no-repeat 156px 5px;
}

#ortauswahl, #ortauswahlprogramm, #programmauswahl {
	padding: 0px;
	margin:0px 30px 7px 20px;
	border-bottom: solid 1px #D0CBC9;
	width:155px;
}

#ortauswahl, #ortauswahlprogramm {
	padding-top:7px;
}

#ortauswahl h2, #programmauswahl h2, #ortauswahlprogramm h2 {
	background: #CC023D;
	color:white;
	text-transform:uppercase;
	font-family:arial, helvetica, sans-serif;
	padding:2px 10px 1px 10px;
	font-weight:normal;
	letter-spacing:0.1ex;
	font-size:10px;
}

#ortauswahl ul, #programmauswahl ul, #ortauswahlprogramm ul {
	padding:0px;
	margin:1px 0px 8px 0px;
}

#ortauswahl ul li, #programmauswahl ul li,#ortauswahlprogramm ul li  {
	list-style:none;
	background: url(../upload/design/auswahlbox.gif) no-repeat 12px 2px;
	padding: 0px;
}

#ortauswahl ul li.act, #programmauswahl ul li.act, #ortauswahlprogramm ul li.act {
	background-image: url(../upload/design/auswahlbox-act.gif);
}

#ortauswahl ul li a, #programmauswahl ul li a, #ortauswahlprogramm ul li a {
	text-decoration:none;
	padding-left:30px;
	color:#5F5F5F;
}

#ortauswahl ul li.act a, #programmauswahl ul li.act a, #ortauswahlprogramm ul li.act a {
	color:#CC023D;
}

/******************************
+++ Hilfsnavigation +++
*******************************/
#hilfsnavigation ul {
	float:right;
	margin:0px;
	padding: 0px;
}

#hilfsnavigation ul li {
	float:left;
	list-style:none;
	padding: 0px 3px;
	font-style:italic;
}

#hilfsnavigation ul li span{
	padding-left:4px;
}

#hilfsnavigation a {
	text-decoration:none;
	color:#6E6968;
}

/******************************
+++ Sidebar +++
*******************************/

#rechts {
	font-size:12px;
}

#rechts h2 {
	background:#8E8785;
	color:white;
	text-transform:uppercase;
	padding:2px 10px 2px 10px;
	font-weight:normal;
	letter-spacing:0.1ex;
	font-size:10px;
	font-family:arial, helvetica, sans-serif;
}

#newsletter h2 {
	padding-top:1px;
}

#kalender h2 {
	padding-top:0px;
	padding-bottom:0px;
}

#rechts h2.pfeildown {
	background: #8E8785 url(../upload/design/pfeil-weiss-runter.png) no-repeat 156px 5px;
}

#rechts h2.pfeilup {
	background: #8E8785 url(../upload/design/pfeil-weiss-rauf.png) no-repeat 156px 5px;
}

#rechts h2.plus {
	background: #8E8785 url(../upload/design/plus-weiss-trans.gif) no-repeat 156px 5px;
}

#rechts h2.minus {
	background: #8E8785 url(../upload/design/minus-weiss-trans.gif) no-repeat 156px 5px;
}


#rechts h2 a {
	color:white;
	text-decoration:none;
}

#shortlinks {

}

#shortlinks ul {
	padding:5px 10px;
	margin:0;
}

#shortlinks ul li {
	list-style:none;
	padding-left:15px;
	background: url(../upload/design/pfeil-grau.gif) no-repeat 0px 4px;
}

#shortlinks a {
	text-decoration:none;
	color:#75706E;
}

#shortlinksbox {
	border-bottom: solid 1px #8E8785;
	display:none;
}

#kalenderdiv h2 {
	padding-bottom: 1px;
}

#kalender {
	border-bottom: solid 1px #8E8785;
	margin-bottom:2em;
	height:130px;
}

#anfrage {
	margin-bottom:2em;
}

#anfrage h2 {}

#anfrage input {
	width:35px;
	float:right;
	border:none;
	padding: 0px 3px;
	border-left: dotted 1px #8E8785;
	font-size:11px;
}

#anfrage .zeitraum {
	border-bottom: dotted 1px #8E8785;
	padding-left:10px;
	height:1.3em;
}

#anfrage .zeitraum label {
	float:left;
}

#anfrage .personen {
	padding-left:10px;
	height:1.3em;
	border-bottom: solid 1px #8E8785;
}

#anfrage .personen label {
	float:left;
}

#anfrage input.submit {
	background:#8E8785;
	color:white;
	padding:1px;
	width:52px;
	border:0px;
}

#suche {
	margin-bottom:2em;
	border-bottom: solid 1px #8E8785;
}

#anfrage h2 {}

#suche input {
	float:left;
	border:solid white 0px;
	width:120px;
	margin-left:10px;
	font-size:12px;
}

#suche input.submit {
	margin:0;
	float:right;
	width:35px;
	background:white;
	color:#8E8785;
	border-left: dotted 1px #8E8785;
	padding:0px;
}

#newsletter {
	margin-bottom:2em;
}

#newsletterbox {
	display:none;
}

#newsletterbox.abstand {
	margin-bottom:4em;
}

#newsletter table {
	border-bottom: solid 1px #8E8785;
	margin-left:2px;
}

#newsletter input {
	width:104px;
	border:none;
	padding: 0px 3px;
	border-left: dotted 1px #8E8785;
	border-bottom: dotted 1px #8E8785;
	font-size:11px;
}

#newsletter input.submit {
	float:right;
	width:70px;
	background:#8E8785;
	color:white;
	padding:1px;
	border:0px;
	margin-right:3px;
}

#merkliste, #planliste {
	margin-bottom:2em;
}

#merkliste ul, #planliste ul {
	padding:5px 10px;
	margin:0;
}

#merklistebox ul li, #planlistebox ul li {
	list-style:none;
	padding-left:15px;
	background: url(../upload/design/pfeil-grau.gif) no-repeat 0px 4px;
}

#merklistebox a, #planlistebox a {
	text-decoration:none;
	color:#75706E;
}

#merklistebox a.linkrot, #planlistebox a.linkrot {
	color:#CC023D;
	padding-left:15px;
	margin-left:10px;
}

#merklistebox, #planlistebox {
	border-bottom: solid 1px #8E8785;
	display:none;
}


/****************************
+++ Kalender +++
****************************/
a.info {
	position:relative;
}

a.info span {
	display: none
}

a.info:hover span{ 
	display:block;
	position:absolute;
	top:15px; 
	left:0px; 
	width:150px;
	border:1px solid #8E8785;
	background: url(../upload/design/weiss.png);
	text-align: center;
	color: #75706E;
	font-size:90%;
	z-index:99;
	color: #75706E;
	text-decoration:none;
}

#kalendermonat {
	text-align:center;
	width:130px;
	display:block;
	float:left;
}

#kalenderdiv {
	clear:both;
	padding-top:2em;
}

#kalenderdiv table {
	padding:0px 1px;
	background: url(../upload/design/bg-kalender.png) repeat-x 0px 0px;
}


#zurueck {
	cursor:pointer;
	display:block;
	float:left;
}

#weiter {
	float:right;
	cursor:pointer;
	display:block;
	float:right;
}

#kalender table {
	margin-bottom:10px;
	border-collapse:collapse;
}

#kalender table td {
	padding:0;
	margin:0;
}

/****************************
+++ Bildergalerie +++
****************************/

.galerie {
	border-top: solid 1px #D0CBC9;
	margin-top:1em;
	padding-top:1em;
}

.galerie .vorschau {
	float:left;
}

.galerie .vorschau img {
	margin-right:9px;
}

.galerie .vorschau.letzte img {
	margin-right:0px;
}

.mehrbilder {
	margin-top:-1px;
	color:white;
	float:right;
	color:white;
	background: #CC023D;	
	width:14ex;
	text-align:right;
}

.mehrbilder a {
	color:white;
	text-decoration:none;
	background: url(../upload/design/pfeil-weiss-rechts-rauf.gif) no-repeat 0px 4px;
	padding-left:15px;
	padding-right:10px;
	font-style:italic;
	font-size:90%;
}

/****************************
+++ Sonstiges +++
****************************/
.tickets {
	position:absolute;
	top:0px;
	right:0px;
	background:red;
	font-size:12px;
	width:105px;
	color:white;
	float:right;
	padding-left:20px;
	background: #CC023D url(../upload/design/pfeil-weiss-rechts-rauf.gif) no-repeat 5px 4px;
}

.tickets a {
	color:white;
	text-decoration:none;
}

.zurueckzuruebesicht {
	margin-top:-1px;
	color:white;
	float:right;
	color:white;
	background: #CC023D;	
	width:13ex;
	text-align:right;
}

.zurueckzuruebesicht a {
	color:white;
	text-decoration:none;
	background: url(../upload/design/pfeil-weiss-rechts-rauf.gif) no-repeat 0px 4px;
	padding-left:15px;
	padding-right:10px;
	font-style:italic;
	font-size:90%;
}


/****************************
+++ Suchergebnis +++
****************************/

.suchergebnis {
	margin:1em 0;
	padding:1em 0;
	border-bottom: solid 1px #8E8785;
}

.suchergebnis p {
	margin:0;
	padding:0;
}

.message {
	font-weight:bold;
}

.suchergebnis h2 {
	border-bottom:none;
	font-weight:normal;
}

.suchergebnis h2 a {
	text-decoration:none;
}

.suchergebnis h3 {
	color:#75706E;
}


/****************************
+++ JQuery Dialogbox +++
****************************/

.hidden {
	display:none;
}



.ui-dialog { 
	position: absolute; 
	padding: .2em; 
	width: 300px; 
	overflow: hidden; 
	background: url(../upload/design/weiss.png);
	border:1px solid #8E8785;
}
.ui-dialog .ui-dialog-titlebar { 
	padding: .5em 1em .3em; 
	position: relative;  
	background:#8E8785;
	color:white;
}

.ui-dialog .ui-dialog-title { 
	margin: .1em 16px .2em 0; 
	background:#8E8785;
} 

.ui-dialog .ui-dialog-titlebar-close {
	width: 16px;
	height: 16px;
	position:absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	color:white;
}

.ui-dialog .ui-dialog-content { 
	border: 0; 
	padding: .5em 1em; 
	overflow: auto;
}


/****************************
+++ Verwaltung +++
****************************/

.verwaltung {
	border-bottom:none;
	margin-bottom:2em;
}

.verwaltung h3 {
	margin-top:2em;
}

.verwaltung table {
	margin:1em;
}

.divmerkliste{
	padding-bottom:1em;
	border-bottom: solid 1px #8E8785;
}

.planen {
	display:inline;
	color: #CC023D;	
	margin-left:5px;
	font-style:italic;
	cursor:pointer;
	font-size:90%;
}