konzertstatus/**
* Anweisung um Opera dazu zu bringen
* document.getElementById("body").className
* auszuführen
* @affected all
*/

html {
	background-color:transparent;
}

/**
* 
* @affected all
*/
body {
	margin:0px;
	overflow-x:hidden;
	font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
	/*font-family:  Calibri, Arial, Helvetica, sans-serif;*/
	font-size:9pt;

}

/**
* Hintergrundbild für den Tag und max. 1600 Pixel Screencreite
* @affected all
*/
.bodyTag1600 {
	background-image:url(../Assets/bgTag1600.jpg);
}

/**
* Hintergrundbild für die Nacht und max. 1600 Pixel Screencreite
* @affected all
*/
.bodyNacht1600 {
	background-image:url(../Assets/bgNacht1600.jpg);
}

/**
* Positionierung und Formatierung des Inhaltslayers
* @affected all
*/
.content {
	width:900px; 
	position:absolute; 
	left:50%; 
	margin-left:-500px;
	padding-left:50px;
	padding-right:50px;
}



/**
* Positionierung der zweiten reihe mit dem hauptmenü 01, der Schnellsuche und dem Link zur erweiterten Suche
* @affected all
*/	
.reiheZwei {
	width:900px;
	height:50px;
	margin-top:15px;
}

/**
* Positionierung des Layers mit dem Hauptmenü in Reihe Zwei
* @affected all
*/	
.hauptmenue {
	float:left; 
	margin-top:23px;
}


/**
* Positionierung des Layers mit der Schnellsuche in Reihe Zwei
* @affected all
*/
.schnellsuche {
	float:left; 
	margin-left:20px;
}

/**
* Positionierung der vierten Reihe mit dem Menü für Künstler und Städte
* @affected all
*/
.reiheVier {
	margin-top:24px; 
	margin-left:-27px; 
	margin-right:-29px;
}

/**
* KONZERTSTATUS
* Positionierung des Containers für die Layer mit der Ausgabe der ausverkauften Veranstaltungen und Zusatzkonzerte
* @affected all
*/
.konzertstatus {
	margin-top:20px;
	width:900px;
}

/**
* Positionierung des Containers für die Layer mit der Ausgabe der ausverkauften Veranstaltungen, Zusatzkonzerte und dem transparenten Hintergrund
* @affected all
*/
.containerDatenKonzertstatus {
	height:75px; 
	width:900px;
	border-top:1px solid #B2B2B2;
	border-bottom:1px solid #ffffff;
}

/**
* Positionierung und Formatierung des Layers mit dem transparenten Hintergrund
* @affected all
*/
.transparenzDatenKonzertstatus {
	width:900px;
	position:absolute; 
	background-color:#E9E6E1;
	height:75px;
	opacity:0.40;filter:alpha(opacity=40);
}

/**
* Positionierung des Layers mit der Ausgabe der Daten der ausverkauften Veranstaltungen und Zusatzkonzerte
* @affected all
*/
.datenKonzertstatus {
	width:900px; 
	position:absolute;
	border-top:1px solid #ffffff;	
}

/**
* Positionierung des Layers mit der Ausgabe des Bildes mit der Aufschrift Ausverkauft oder Zusatzkonzert
* @affected all
*/
.imgKonzertstatus {
	float:left; 
	margin-top:10px; 
	margin-left:10px;
}
 
/**
* Positionierung des Layers mit der Ausgabe der Daten der einzelnen Veranstaltung
* @affected all
*/
.datenKonzert {
	float:left; 
	margin-top:22px; 
	margin-left:10px;
	height:52px;
}

/**
* Formatierung der Ausgabe der des Titels der einzelnen Veranstaltung
* @affected all
*/
.titelKonzert {
	 font-size:17pt;
	 font:Segoe UI Semibold;
	 color:#171716;
}

/**
* Formatierung der Ausgabe der des Termins der einzelnen Veranstaltung
* @affected all
*/
.terminKonzert {
	font-size:10pt; 
	margin-top:-3px;
}

/**
* Positionierung des Containers für den Ticker mit den weiteren Veranstaltungen
* @affected all
*/
.containerTickerKonzertstatus {
	height:25px; 
	width:900px;
	border-bottom:1px solid #B2B2B2;
}

/**
* Positionierung und Formatierung  des Layers mit dem transparenten Hintergrund
* @affected all
*/
.transparenzTickerKonzertstatus {
	 width:900px;
	 position:absolute; 
	 background-color:#ADADA8;
	 height:25px;
	 opacity:0.40;filter:alpha(opacity=40);
}

/**
* Positionierung des Containers für die Ausgabe des Tickers
* @affected all
*/
.containerTermineTicker {
	width:900px;
	position:absolute;
	border-bottom:1px solid #ffffff;
	height:24px;
}

/**
* Positionierung des Layers mit dem Ticker
* @affected all
*/
.termineTicker {
	float:left;
	padding-top:5px; 
	padding-left:13px;
}


/**
* TICKETALARM
* Positionierung des Layers mit dem Ticker
* @affected all
*/
.ticketalarm {
	margin-top:15px;
}

/**
* Positionierung und Formatierung des Containers mit den Layern für die Ticketaktion
* @affected all
*/
.containerTicketalarm {
	height:71px; 
	width:100%;
	border-top:1px solid #B2B2B2;
}


/**
* GEWINNSPIEL
* Positionierung des Layers mit dem Gewinnspiel
* @affected all
*/
.gewinnspiel {
	margin-top:25px;
}

/**
* Positionierung und Formatierung des Containers mit den Layern für die Ticketaktion
* @affected all
*/
.containerGewinnspiel {
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	width:100%;
	border-top:1px solid #B2B2B2;
	border-bottom:1px solid #B2B2B2;
}

/**
* Positionierung und Formatierung  des Layers mit dem transparenten Hintergrund
* @affected all
*/
.transparenzDatenTicketalarm {
	width:900px;
	position:absolute; 
	background-color:#E9E6E1;
	height:87px;
	opacity:0.40;
	filter:alpha(opacity=40);
}

/**
* Positionierung und Formatierung des Containers mit den Layern für die Daten der Ticketaktion
* @affected all
*/
.containerDatenTicketalarm {
	width:900px; 
	position:absolute; 
	height:87px;
	border-top:1px solid #ffffff;
}

/**
* Positionierung und Formatierung des Layers mit der Überschrift und der Beschreibung der Ticketaktion
* @affected all
*/
.datenTicketalarmA {
	float:left; 
	margin-top:18px; 
	margin-left:10px; 
	width:571px;
}

/**
* Positionierung und Formatierung des Bildes zur Veranstaltung der Ticketaktion
* @affected all
*/
.bildTicketalarm {
	float:left;
}

/**
* Positionierung und Formatierung des Containers für die Daten und das Bild zum Ticketalarm
* @affected all
*/
.containerKonzertTicketalarm {
	 height:25px; 
	 width:900px;
	 border-bottom:1px solid #B2B2B2;
}

/**
* Positionierung und Formatierung des Layers mit dem transparenten Hintergrund
* @affected all
*/
.transparenzKonzertTicketalarm {
	 width:900px;
	 position:absolute; 
	 background-color:#ADADA8;
	 height:25px;
	 opacity:0.40;
	 filter:alpha(opacity=40);
}

/**
* Positionierung und Formatierung des Containers für die Daten zum Ticketalarm
* @affected all
*/
.containerDatenTicketalarm {
	 width:900px; 
	 position:absolute;
}

/**
* Positionierung und Formatierung des Layers mit den Daten zum Ticketalarm
* @affected all
*/
.datenTicketalarm {
	 float:left; 
	 padding-left:13px; 
	 font-size:13pt; 
	 width:568px;
}

/**
* Positionierung und Formatierung des Layers mit dem Button zum Ticketalarm
* @affected all
*/
.btnTicketalarm {
	 float:left; 
	 background-color:#171716; 
	 color:#ffffff; 
	 font-size:13pt; 
	 width:309px; 
	 padding-left:10px;
}


/**
* FOOTER
* Positionierung und Formatierung des Layers mit dem Button zum Ticketalarm
* @affected all
*/
.containerFooter {
	margin-top:50px;
	margin-left:-27px; 
	margin-right:-27px;
	border-top:1px solid #E9E6E1;
}

/**
* Positionierung und Formatierung des Layers mit dem Button zum Ticketalarm
* @affected all
*/
.footer {
	padding-top:15px;
	padding-left:27px;
	color:#ADADA8;
	font-size:9pt;
}

.footerSpalte {
	float:left;
	margin-right:20px;
}

/**
* FOOTER
* Positionierung und Formatierung des Layers mit dem Button zum Ticketalarm
* @affected all
*/
.copyright {
	margin-top:50px;
	font-size:9pt;
	color:#171716;
}

/**
* Link im Footer
* @affected all
*/
.afooter {
	color:#ADADA8;
	text-decoration:none;
}

.afooter:HOVER {
	color:#ADADA8;
	text-decoration:underline;
}


/**
* Link im Menü 03
* @affected all
*/
.amenue03 {
	color:#000000;
	text-decoration:none;
}

.amenue03:HOVER {
	color:#FF3C1A;
	text-decoration:none;
}

/**
* Link im Menü 03
* @affected all
*/
.aErweiterteSuche {
	font-family: Segoe UI, Calibri, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#171716;
	text-decoration:none;
}

.aErweiterteSuche:HOVER {
	font-size:10pt;
	color:#FF3C1A;
	text-decoration:none;
}

/**
* Link 11 Punkt rote Schrift
* @affected all
*/
.aF11CFF3C1A {
	color:#FF3C1A;
	text-decoration:none;
}

.aF11CFF3C1A:HOVER {
	color:#FF3C1A;
	text-decoration:underline;
}


/**
* Link Statusmeldung fast Schwarz
* @affected all
*/
.a333333 {
	color:#111111;
	text-decoration:none;
}

.a333333:HOVER {
	color:#FF3C1A;
	text-decoration:none;
}


/**
* Link Statusmeldung fast Schwarz
* @affected all
*/
.a171716 {
	color:#171716;
	text-decoration:none;
}

.a171716:HOVER {
	color:#FF3C1A;
	text-decoration:none;
}



/**
* Link Ticket kaufen in Ticketcharts
* @affected all
*/
.aFF3C1A {
	color:#FF3C1A;
	text-decoration:none;
	line-height:19pt;
}

.aFF3C1A:HOVER {
	color:#FF3C1A;
	text-decoration:none;
}


/**
* Link Statusmeldung fast Schwarz
* @affected all
*/
.a545450 {
	color:#545450;
	text-decoration:none;
}

.a545450:HOVER {
	color:#FF3C1A;
	text-decoration:none;
}

/**
* Link Statusmeldung fast Schwarz
* @affected all
*/
.a73736D {
	color: #73736D;
	text-decoration:none;
}

.a73736D:HOVER {
	color:#FF3C1A;
	text-decoration:none;
}

/**
* Link Meldungen Flashalternative weiße Schrift
* @affected all
*/
.affffff {
	color: #ffffff;
	text-decoration:none;
}

.affffff:HOVER {
	color:#ffffff;
	text-decoration:underline;
}

/**
* Positionierung der einzelnen Bilder für die Menüpunkte im Menü 01
* @affected all
*/
.imgMenueGenre {
	margin-right:2px;
	cursor:pointer;
	border:0px;
}

.inputSchnellsuche {
	border:0px;
	border:none;
	color:#73736D;
	font-style:italic;
	font-size:9pt;
	width:195px;
}

.inputErweiterteSuche{
	border:0px;
	border:none;
	color:#73736D;
	font-style:italic;
	font-size:8pt;
	width:240px;
	padding-top:4px;
}


.itemTemplate {
	border:1px solid #ADADA8;
	padding:10px;
	margin-right:10px;
}

.RotatorItem {
	border:3px solid #ffffff;
}


.menueTermin {
	color:#FF3C1A;
	text-decoration:none;
	font-weight:bold;
}

.menueTermin:HOVER {
	color:#FF3C1A;
	text-decoration:none;
	font-weight:bold;
}



/**
* Positionierung und Formatierung des Inhaltslayers in den Standardseiten
* @affected all
*/
.contentText {
	margin-top:30px;
	font-size:10pt;
	margin-left:3px;
}


.erweiterteSuche {
	position:absolute; 
	top:98px; 
	left:50%;
	margin-left:170px;
	background-color:#ffffff;
	border:1px solid #BCB8AE;
	padding-left:20px;
	padding-top:10px;
	padding-right:10px;
	width:250px;
	height:235px;
	}
	
	
/**
* Formatierung des Layers mit den Meldungen wenn kein Flash aktiv ist
* @affected all
*/
.meldungenAlternative {
	width:242px; 
	height:166px; 
	overflow-y:scroll;
	padding:10px;
	padding-top:17px;
	padding-bottom:17px;
	background-color:#000000;
	
	scrollbar-base-color : #000000;
	scrollbar-3dlight-color : #000000;
	scrollbar-arrow-color : #ffffff;
	scrollbar-darkshadow-color : #000000;
	scrollbar-face-color : #000000;
	scrollbar-highlight-color : #ffffff;
	scrollbar-shadow-color : #ffffff;
	scrollbar-track-color : #000000;
 }
 
 /**
* Link fast Schwarz ohne Over
* @affected all
*/
.a111111 {
	color:#111111;
	text-decoration:none;
}

.a111111:HOVER {
	color:#111111;
	text-decoration:none;
}