/* Grundformate */


@import url('/__stylesheets/thickbox.css');


.klive 
{

}




/* Headlines */


.klive h1
{

}


.klive h2
{

}

.klive h3
{
	font-size:20px;
	color: #990000;
	font-weight: bold;
	padding-bottom:6px;
}

.klive h4
{
	font-size:20px;
	color: #990000;
	font-weight: normal;
	padding-bottom:6px;		
}

.klive h5
{
	font-size:11px;
	color: #990000;
	font-weight: bold;
	margin:0 0 6px 0;
	padding-bottom:6px;	
}

.klive h6
{
	font-size:11px;
	font-weight: bold;
	margin:0 0 6px 0;
	padding-bottom:6px;	
}





/* Links */


.klive a
{

}

.klive a:link
.klive a:visited,
{

}

.klive a:hover
.klive a:active,
{

}





/* Listen */


.klive ul
{

}

.klive li
{
	list-style-type: none;
}





/* Floats */


.clearboth
{
	clear: both;
}





/* Spezielle Ausgabemedien */


@media print {
.hidden-for-print
{
	display: none;
	visibility: hidden;
}	
}


@media screen {
.hidden-for-screen
{
	display: none;
	visibility: hidden;
}	
}


@media aural {
.hidden-for-speech
{
	display: none;
	visibility: hidden;
}	
}




@media print {
	
.icon-alt-text
{
	display: none;
	visibility: none;
}
}

@media screen {

.icon-alt-text
{
	display: none;
	visibility: none;
}
}

@media aural {

.icon-alt-text
{

}
}






/* TERMINAUSWAHL */


.klive #terminauswahl
{
	background:url(font.terminauswahl.png) 0 0 no-repeat;
	height: 150px;
	overflow: hidden;
}

.klive .wann,
.klive .wer,
.klive .wo,
.klive .was
{
	width: 137px;
	padding-top: 116px;
	float: left;		
}


.klive #terminauswahl select
{
	width: 130px;
}





/* TERMINANZEIGE */


.klive #terminanzeige
{
	overflow: auto;	
}






/* Funktionsbereich */


.klive .funktionsbereich
{
	display: none;
	visibility: none;	
}






/* Section */


.klive .section
{
	float: left;
	width: 100%;
}


.klive h3.section
{
	padding: 40px 0 30px 0;
}

.klive h3.folgende-section
{
	padding: 80px 0 30px 0;
}

.klive h4.naechstesjahr
{
	padding: 80px 0 0 0;	
}

.klive h4.monatsname
{
	padding: 40px 0 30px 0;		
}





/* Termin-Layout 2-spaltig*/


.klive .termin
{
	position: relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;	/* This chops off any overhanging divs */
	margin: 10px 0 10px 0;	
	background:url(font.termin.png) 0 0 repeat-x;
}

.klive .zweispalten 
{
	float: left;
	width: 200%;
	margin-left: -100px;
	position: relative;
	right: 100%;	
}

.klive .linkespalte-darstellungshilfe
{
	float: left;
	width: 50%;
	position: relative;
	left: 50%;
	padding-bottom: 1em;
}
	
.klive .linkespalte
{
	margin: 0 0 0 105px;
 	overflow: hidden;
}

.klive .rechtespalte 
{
	float: right;
	width: 90px;
	position: relative;
	left: 100px;
	text-align: right;
}

.klive .termin-kurzanzeige
{
	border: 1px solid green;	
}




/* Datum, Uhrzeit, Veranstaltungsort, Rubrik */



.klive ul.datum-uhrzeit-ort-rubrik
{
margin-top: 8px;
}

.klive li.datum
{
	font-weight: bold;
	margin-bottom: 6px;
	float: left;
	text-transform: uppercase;
}

.klive li.uhrzeit
{
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 6px;
	float: left;
	text-transform: uppercase;
}

.klive li.veranstaltungsort
{
	clear: both;	
}

.klive li.rubrik
{
	margin-bottom: 6px;
	float: left;
}



/* Pretitel, Titel, Subtitel */


.klive .pretitel-titel-subtitel
{
	margin: 8px 0 8px 0;
}

.klive span.pretitel
{
	display: block;
	margin-bottom: 8px;
	color: #990000;
}

.klive h5.kuenstler-titel
{

}

.klive span.subtitel
{
	display: block;
	margin-top: 8px;
	color: #990000;
}




/* Achtung! Ausverkauft */


.klive .achtung-ausverkauft
{
	display: none;
	visibility: none;
}




/* Achtung! Verlegt/Abgesagt*/


.klive .wichtige-hinweise-zum-termin
{
	background:url(font.achtung.png) 0 0 no-repeat #deddd7;
	padding: 30px 5px 15px 22px;
	margin-bottom: 20px;
}


.klive div.achtung-verlegt,
.klive div.achtung-abgesagt
{

}

.klive h6.achtung-verlegt,
.klive h6.achtung-abgesagt
{
	
}


.klive .wichtige-hinweise-zu-gekauften-tickets
{
	background: #f2f3f3;
	padding: 10px 5px 20px 22px;
	margin-bottom: 20px;
	margin-top: -20px;
}

.klive .info-fuer-ticketkaeufer
{

}

.klive h6.info-fuer-ticketkaeufer
{
	display: none;
	visibility: none;	
}



/* Terminnavigation */


.klive div.terminnavigation
{
	
}

.klive h6.terminnavigation
{
	
}

.klive ul.terminnavigation
{
	
}

.klive li.naechster-termin
{
	
}

.klive li.mehr-infos
{
	
}

.klive li.vorheriger-termin
{
	
}

.klive li.zurueck-zur-terminauswahl
{
	
}

.klive li.ticketbutton
{
	
}




/* Termin */


.klive .termin-langanzeige
{
	background:url(font.trennlinie.png) 0 0 repeat-x;
	margin-top: 6px;
	margin-bottom: 40px;
	padding-top: 6px;		
}




/* Infos zur Veranstaltung */


.klive div.infos-zur-veranstaltung
{
	background:url(font.trennlinie.png) bottom left repeat-x;
	padding-bottom: 8px;
	margin-bottom: 8px;			
}

.klive h6.infos-zur-veranstaltung
{
	text-transform: uppercase;
}




/* Infos zum Veranstaltungsort */


.klive div.infos-zum-veranstaltungsort
{
	background:url(font.trennlinie.png) bottom left repeat-x;
	padding-bottom: 8px;
	margin-bottom: 8px;			
}

.klive h6.infos-zum-veranstaltungsort
{
	display: none;
	visibility: none;
}

.klive ul.infos-zum-veranstaltungsort
{

}

.klive li.veranstaltungsort
{
	font-weight: bold;
}

.klive ul.veranstaltungsort
{
	font-weight: normal;
}

.klive li.veranstaltungsort-name
{
		
}

.klive li.veranstaltungsort-url
{
		
}

.klive li.adresse
{
	margin-top: 10px;
	font-weight: bold;	
}

.klive ul.adresse
{
	margin-top: 2px;
	font-weight: normal;
}

.klive li.adresse-strasse-nr
{
		
}

.klive li.adresse-plz-ort
{
		
}

.klive li.anfahrt
{
	margin-top: 10px;
	font-weight: bold;	
}

.klive ul.anfahrt
{
	margin-top: 2px;
	font-weight: normal;
}

.klive li.anfahrt-stadtplan
{
		
}

.klive li.anfahrt-fahrplan
{
		
}

.klive li.kontaktadressen
{
	margin-top: 10px;
	font-weight: bold;	
}

.klive ul.kontaktadressen
{
	margin-top: 2px;
	font-weight: normal;
}

.klive li.kontaktadressen-telefon
{
		
}

.klive li.kontaktadressen-email
{
		
}


/* Infos zu Abos */


.klive div.infos-zu-abos
{
    background:url(font.trennlinie.png) bottom left repeat-x;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.klive h6.infos-zu-abos
{
    display: none;
    visibility: none;
}

.klive ul.infos-zu-abos
{

}

/* Infos zu Tickets und Preisen */


.klive div.infos-zu-tickets-und-preisen
{
	
}

.klive h6.infos-zu-tickets-und-preisen
{
	display: none;
	visibility: none;	
}

.klive ul.infos-zu-tickets-und-preisen
{
	font-weight: normal;
}

.klive li.kostenlos
{
	margin-top: 10px;
	font-weight: bold;	
}

.klive li.ticketpreise-ueberschrift
{
	margin-top: 10px;
	font-weight: bold;	
}

.klive ul.ticketpreise-preis
{
	font-weight: normal;	
}

.klive li.ticketpreise-kategorie
{
	margin-top: 10px;
	font-weight: bold;
}

.klive li.ticketpreise-preis
{
	font-weight: normal;
}

.klive li.ticketpreise-zusatzinfos
{
	font-weight: normal;
}

.klive li.ticketpreise-hinweis-auf-vvk-entgelte
{
	margin-top: 10px;
	font-weight: normal;
	color: #999;
}




/* Direktlink zum Ticketservice */


.klive div.direktlink-tickets-kaufen
{
	margin-top: 10px;
}

.klive h6.direktlink-tickets-kaufen
{
	display: none;
	visibility: none;
}

.klive ul.direktlink-tickets-kaufen
{
	background:url(font.trennlinie.png) bottom left repeat-x;
	padding-bottom: 8px;
	font-weight: bold;
}

.klive ul.direktlink-tickets-kaufen a:link,
.klive ul.direktlink-tickets-kaufen a:visited
{
	color: #990000;
}

.klive li.direktlink-tickets-kaufen
{
		
}




/* Ticket-Service */


.ticket-service
{

}

.ausverkauft
{
	background: url(icon.tickets.ausverkauft.png) no-repeat scroll right top;
}

	@media screen {
	.ausverkauft
	{
	display: block;
	height: 90px;
	width: 90px;
	}
	}

.vorverkauf-extern
{

}

.vorverkauf-extern a
{
	background: url(icon.tickets.kaufen.extern.passiv.png) no-repeat scroll right top;
	text-decoration: none;
	color: #000;
}

	@media screen {
	.vorverkauf-extern a
	{
	display: block;
	height: 90px;
	width: 90px;
	}
	}

.vorverkauf-extern a:hover,
.vorverkauf-extern a:active 
{
	background: url(icon.tickets.kaufen.extern.aktiv.png) no-repeat scroll right top;
}
}


.vorverkauf-kultur-live
{

}

.vorverkauf-kultur-live a
{
	background: url(icon.tickets.kaufen.klive.passiv.png) no-repeat scroll right top;
	text-decoration: none;
	color: #000;
}

	@media screen {
	.vorverkauf-kultur-live a
	{
	display: block;
	height: 90px;
	width: 90px;
	}
	}

.vorverkauf-kultur-live a:hover,
.vorverkauf-kultur-live a:active 
{
	background: url(icon.tickets.kaufen.klive.aktiv.png) no-repeat scroll right top;
}


.vorverkauf-beendet
{
	background: url(icon.vorverkauf.beendet.png) no-repeat scroll right top;
}

	@media screen {
	.vorverkauf-beendet
	{
	display: block;
	height: 90px;
	width: 90px;
	}
	}




/* Termin drucken, Termin empfehlen */


.klive div.termin-drucken-termin-empfehlen
{
	
}

.klive h6.termin-drucken-termin-empfehlen
{
		
}

.termin-drucken a
{
	background: url(icon.termin.drucken.passiv.png) no-repeat scroll right top;
	text-decoration: none;
	color: #000;
}

	@media screen {
	.termin-drucken a
	{
	display: block;
	height: 90px;
	width: 90px;
	}
	}

.termin-drucken a:hover,
.termin-drucken a:active 
{
	background: url(icon.termin.drucken.aktiv.png) no-repeat scroll right top;
}

.termin-empfehlen a
{
	background: url(icon.termin.empfehlen.passiv.png) no-repeat scroll right top;
	text-decoration: none;
	color: #000;
}

	@media screen {
	.termin-empfehlen a
	{
	display: block;
	height: 90px;
	width: 90px;
	}
	}

.termin-empfehlen a:hover,
.termin-empfehlen a:active 
{
	background: url(icon.termin.empfehlen.aktiv.png) no-repeat scroll right top;
}








/* Anpassungen fuer Kino */


.klive #kinoprg .termin-rubrik
{
	display: none;
}


.klive #kinoprg .termin
{
	background: none;
}


.klive #kinoprg .termin h3
{
	font-size: 10px;
}


.klive #kinoprg .termin .termin-head-float
{
	font-size: 20px;
	color: #990000;
	font-weight: bold;
	padding: 40px 0 6px 0;
	text-transform: none;
}

#kinoprg .termin .termin-content
{
	width: 100%;
	margin: 10px 0 10px 0;

}

#kinoprg .termin .termin-content-links 
{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#kinoprg .termin .termin-content-links br
{
	display: none;
}

#kinoprg .termin .termin-content-titel 
{
	background:url(font.termin.png) 0 0 repeat-x;
}

#kinoprg .termin h1, 
#kinoprg .termin .termin-head-float
{
	font-size: 11px;
	font-weight: bold;
	padding-top: 6px;
	text-transform: uppercase;
	background: none;
	
}

#kinoprg .termin img {
	display: none;
	width: 0;
	height: 0;
}

#kinoprg .termin h4 {
	font-weight: normal;
	font-size: 11px;
	color: #535353;
}

span.pink 
{
	font-size: 11px;
	font-weight: normal;
	color: #535353;
	display: block;
	padding: 10px 0 20px 0;
}

#subcinema,
#subcinemaxx,
#subcinemaxxsg,
#submetropol
{
	display: block;
	background:url(font.trennlinie.png) bottom left repeat-x;
}

#detailcinema,
#detailcinemaxx,
#detailcinemaxxsg,
#detailmetropol
{
	display: block;
	padding-bottom: 20px;
}




/* Fusszeile */


.klive .fusszeile
{
	background:url(font.trennlinie.png) top left repeat-x;	
	font-size: 10px;
	padding-top: 16px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}







/* Drucken */

#head-logo-print {
    height: 0;
    visibility: hidden;
}


