/* Grundformate */


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



/* Drucken */

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





/* Reset der Formate im CMS der stadt wuppertal */




.content .code .paragraph 
{
	padding: 0;
	color: #303030;
}

.content .code .paragraph .paragraph 
{
	font-size: 1em;
}

.content div.code div.paragraph div.paragraph 
{
	padding: 0;
}

.content div.code   
{
	margin: 0;
	padding: 0;
}

.content div.code div.paragraph
{
	margin: 0;
	padding: 0;
}

.content div.code div.paragraph li,
.content div.code div.paragraph ul 
{
	padding-left: 0;
	float: none;
	min-width: 50px;
}








.klive
{
	background: #F6F5F5;
}






.klive h3,
.klive h4,
.klive h5,
.klive h6
{
	color: #600;
}

.ptheme-burgundy .klive h3,
.ptheme-burgundy .klive h4,
.ptheme-burgundy .klive h5,
.ptheme-burgundy .klive h6
{
	color: #600;
}

.ptheme-purple .klive h3,
.ptheme-purple .klive h4,
.ptheme-purple .klive h5,
.ptheme-purple .klive h6
{
	color: #452146;
}

.ptheme-green .klive h3,
.ptheme-green .klive h4,
.ptheme-green .klive h5,
.ptheme-green .klive h6
{
	color: #446519;
}

.ptheme-blue .klive h3,
.ptheme-blue .klive h4,
.ptheme-blue .klive h5,
.ptheme-blue .klive h6
{
	color: #13377E;
}

.ptheme-ice-blue .klive h3,
.ptheme-ice-blue .klive h4,
.ptheme-ice-blue .klive h5,
.ptheme-ice-blue .klive h6
{
	color: #195475;
}



/* Headlines */


.klive h1
{

}


.klive h2
{

}

.klive h3
{
	height: 20px;
	font-size: .6875em;
}

.klive h4
{
	font-weight: normal;
	margin-bottom: 5px;
	font-size: .6875em;		
}

.klive h5
{
	clear: both; 
	font-weight: bold;
	margin-bottom: 10px;	
}

.klive h6
{
	clear: both;
	font-weight: bold;
	margin-bottom: 10px;	
}





/* Links */


.klive a
{

}

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

}

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

}





/* Listen */


.content .klive ul
{
	margin: 0;
	padding: 0;
}

.content .klive li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}





/* 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;
}	
}






/* TERMINAUSWAHL */


.klive #terminauswahl
{
	/* background:url(font.terminauswahl.png) 0 0 no-repeat; */
	height: 50px;
	overflow: hidden;
	padding-left: 16px;
}

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


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



/* TERMINANZEIGE */


.klive #terminanzeige
{
	overflow: auto;	
	padding: 0;
	margin: 0;
}






/* Funktionsbereich */


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






/* Section */


.klive .section
{
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}


.klive h3.section
{
	padding: 30px 0 20px 15px;
	font-size: 1.5em;
	display: block;
}

.klive h3.folgende-section
{
	padding: 60px 0 20px 15px;
	font-size: 1.5em;
	display: block;
}

.klive h4.naechstesjahr
{
	padding: 60px 0 10px 15px;
	font-size: 1.5em;
	display: block;	
}

.klive h4.monatsname
{
	padding: 30px 0 20px 15px;	
	font-size: 1.5em;
	display: block;
}





/* 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;	
	border-top: 1px solid #d6dede;
	background: url(font.termin.png) top left repeat-x;
	padding-top: 8px;
}

.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;
	padding: 0 0 0 15px;
 	overflow: hidden;
}

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

.klive .termin-kurzanzeige
{
	
}




/* Datum, Uhrzeit, Veranstaltungsort, Rubrik */



.content .paragraph .klive ul.datum-uhrzeit-ort-rubrik
{
	padding: 0px;
	margin: 0;
	overflow: visible;
	display: block;
}

.content .paragraph .klive .datum-uhrzeit-ort-rubrik li
{
	color: #303030;
	font-weight: normal;
	font-size: .95em;
	float: left;
	padding: 0 5px 0 0;
	margin: 3px 5px 0 0;
}

.content .paragraph .klive li.datum
{
	border-right: 1px solid #6c6c6c;
	float: left;
}

.content .paragraph .klive li.uhrzeit
{
	border-right: 1px solid #6c6c6c;
	float: left;
}

.content .paragraph .klive li.veranstaltungsort
{
	float: left;
}

.content .paragraph .klive li.rubrik
{
	clear: both;
	font-size: 1em;
	border-right: none;
	margin: 6px 0 6px 0;
	width: 400px;
	padding-top: 2px;
}



/* Pretitel, Titel, Subtitel */


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

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

.klive h5.kuenstler-titel
{
	
}

.content .klive span.subtitel
{
	display: block;
	margin: 8px 0 0 0;
}




/* Achtung! Ausverkauft */


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




/* 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 .achtung-verlegt,
.klive .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: hidden;	
}



/* Terminnavigation */


.klive div.terminnavigation
{

}

.klive h6.terminnavigation
{
	
}

.klive ul.terminnavigation
{
	margin: 0;
	padding: 0;	
}

.klive li.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
{
	margin-top: 6px;
	margin-bottom: 40px;
	padding-top: 6px;		
}




/* Infos zur Veranstaltung */


.klive div.infos-zur-veranstaltung
{
	padding-bottom: 8px;
	margin-bottom: 8px;
	padding-top: 8px;
	border-top: 1px solid #d6dede;
}


.content .klive div.infos-zur-veranstaltung
{
	color: #303030;	
}

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




/* Infos zum Veranstaltungsort */


.klive div.infos-zum-veranstaltungsort
{
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;	
	border-top: 1px solid #d6dede;
	overflow: auto;
	color: #303030;	
}

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

.klive ul.infos-zum-veranstaltungsort
{

}

.klive .infos-zum-veranstaltungsort li
{

}

div.infos-zum-veranstaltungsort li.veranstaltungsort
{
	margin-top: 10px;
	font-weight: bold;
}

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

.klive li.veranstaltungsort-name
{

}

.klive li.veranstaltungsort-url
{
	
}

.klive li.adresse
{
	padding-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 Tickets und Preisen */


.klive div.infos-zu-tickets-und-preisen
{
	padding-bottom: 8px;
	margin-bottom: 8px;	
	border-top: 1px solid #d6dede;
	color: #303030;		
}

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

.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;
	color: #303030;
}

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

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

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

.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: hidden;
}

.klive ul.direktlink-tickets-kaufen
{
	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
{
}


.klive #kinoprg .termin .termin-head-float
{
	font-size: 1.5em;
	color: #600;
	font-weight: bold;
	padding: 40px 0 6px 16px;
	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;
	margin-left: 16px;
	color: #600;
}

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

#kinoprg .termin .termin-content-titel 
{
	border-bottom: 1px solid #d6dede;
	padding: 0 0 20px 0;
	overflow: visible;
}

#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: 1em;
	color: #535353;
	margin-left: 16px;
}

#kinoprg .termin h3 {
	font-weight: normal;
	font-size: 1em;
}

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

#subcinema,
#subcinemaxx
{
	display: block;
	margin-left: 16px;
	color: #303030;
	padding-top: 10px;
}

#detailcinema,
#detailcinemaxx
{
	display: block;
	padding-bottom: 20px;
	margin-left: 16px;
	color: #303030;
	padding-top: 10px;
	border-bottom: 1px solid #d6dede;
}




/* Fusszeile */


.klive .fusszeile
{
	font-size: 10px;
	padding-top: 16px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	display: none;
	visibility: hidden;
	height: 1px;
}







/* Drucken */

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