@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
@import url(https://fonts.googleapis.com/css?family=Lobster);
.extraschoen {font-family: 'Lobster';font-size:1.6em;color:#C20024;line-height:1.2em;margin-top:20px; margin-bottom:30px;letter-spacing:0.04em;text-align:center;}
/* CSS Document */
html, body {
	color:#000;
	margin:0;
	padding:0;
	font-family:'Open Sans', sans-serif;
	background-color:#fff;
	font-size:1.0em;
	}
marquee {
    font-family:'Open Sans', sans-serif;
    font-weight:600;
    color:rgb(193,0,35);
    font-size:1.4em;
    letter-spacing:0.07em;
    padding:6px;
    margin:15px 0;
    line-height:1.4em;
    }
.ueberschrift {font-size:1.2em;font-weight:bold;color:rgb(196,0,35);}
.logo {
	width:94%;
	margin-top: 7px;
	}
.menue {
	margin: 14px 0px 05px 0px;
	padding: 0;
	}
.footermenue {
	margin: 14px 0px 14px 0px;
	padding: 0;
	}
a.schaltflaeche:link, a.schaltflaeche:visited {
	color: #000;
	font-size:1.05em;
	line-height:normal;
	font-weight:300;
	text-decoration: none;
	text-transform: uppercase;
	margin:0px 5px 0px 5px;
	}
a.schaltflaeche:hover {
	text-decoration:none
	}
#datum {
	margin: 3px 0px 8px 0px;
	}
.wochentag {
	font-size:1.1em;
	font-weight:400;
	letter-spacing: 0.07em;
	color:#C20024;
	}
.datum {
	font-size:1.1em;
	font-weight:400;
	letter-spacing: 0.07em;
	color:#000000;
	}
.uhrzeit {
	font-size:1.1em;
	font-weight:400;
	letter-spacing: 0.07em;
	color:#C20024;
	}
#include {
	width:95%;
	text-align:left;
	display:inline-block;
	padding:5px;
	}
/* PLAKAT */
#bildbox {
	width:100%;
	min-height:150px;
	z-index:2;
	display:inline-block;
	margin: 2px 0px 5px 0px;
	}
#bildwechsler {
	display:inline-block;
	width:inherit;
	height:inherit;
	margin:0px 0px -150px 0px;
	position:relative;
	z-index:20;
	}
#bildwechsler_links {
	float:left;
	width:45%;
	height:150px;
	margin:0px;
	background-image:url(https://daten.piffl-medien.de/kreuzberg/pfeil_links.png);
	background-repeat:no-repeat;
	background-position: bottom left;
	outline:none;
	opacity: 0.50;
    filter: alpha(opacity=50);
	}
#bildwechsler_links_inaktiv {
	float:left;
	width:45%;
	height:150px;
	margin:0px;
	}
#bildwechsler_rechts {
	float:right;
	width:45%;
	height:150px;
	margin:0px;
	background-image:url(https://daten.piffl-medien.de/kreuzberg/pfeil_rechts.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	outline:none;
	opacity: 0.50;
    filter: alpha(opacity=50);
	}
#bildwechsler_rechts img {
	width: 100%;
	background-image:url(https://daten.piffl-medien.de/kreuzberg/pfeil_rechts.png);
	background-repeat:no-repeat;
	background-position: bottom right;
	}
	
#bildwechsler_rechts_inaktiv {
	float:right;
	width:45%;
	height:150px;
	margin:0px;
	}
	
#bildtraeger {
	display:inline-block;
	width:inherit;
	margin:0px;
	position:relative;
	z-index:10;
}
.mobilbild {width:75%;}
.small1 { font-size:0.9em; }
.fett { font-weight: 600; }
p { font-weight: 300; }
.seitentitel { font-size:2.2em;font-weight: 300; text-transform: uppercase; }
a.textfettlink:link, a.textfettlink:visited {
	font-weight: 300;
	font-family:'Open Sans', sans-serif;
	color:#C20024;
	line-height: normal;
	text-decoration:none;
	}
a.textfettlink:hover {
	text-decoration:underline;
	}
a.linkblau:link, a.linkblau:visited {
	font-weight: 400;
	font-family:'Open Sans', sans-serif;
	color:#36C;
	line-height: normal;
	text-decoration:none;
	}
a.linkblau:hover {
	text-decoration:underline;
	}
/* BUTTONS */
/* umschließt alle Buttons */
.buttonbereich {
	width:96%;
	display:inline-block;
	text-align: center;
	padding: 0;
	margin: 12px 2% 0px 2%;
	}
.aussen div {
 display:inline-block;
 color:#fff;
 margin:1px;
 padding:10px;
 height:auto;
 vertical-align:middle;
}
/* nur online ticket */
.minibutton {
	display:inline-block;
	width:auto;
	font-size: 0.9em;
	font-weight: 700;
	line-height: normal;
	background-color:transparent;
	background-image: url(https://daten.piffl-medien.de/global_images/button-hg.gif);
	margin:3px 2px 3px 2px;
	padding: 4px 8px 4px 8px;
	text-decoration:none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid rgb(192,4,42);
	color: #fff;
	font-family:'Open Sans', sans-serif;
	vertical-align:middle;
	text-transform:uppercase;
	letter-spacing:0.1em;
	}
.minibutton:hover {
	cursor:pointer;
	}
/* umschließt alle Buttons ausser online Ticket */
.minilinse {
	width: auto;
	margin: 3px 2px 3px 2px;
	padding: 3px 8px 3px 8px;
	border: 1px solid rgb(20,68,126);
	vertical-align:middle;
	display:inline-block;
	background-color:rgb(20,68,126);
}

a.minilink:link, a.minilink:visited {
	font-size: 0.9em;
	font-weight: 600;
	font-family:'Open Sans', sans-serif;
	color: #fff;
	line-height: normal;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.1em;
	}
a.minilink:hover {
	text-decoration:none;
	}
.minimenuetext {
	font-size: 0.9em;
	font-weight: 600;
	font-family:'Open Sans', sans-serif;
	color: #fff;
	line-height: normal;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.1em;
	}

/* TEASER */
.teaserpretitel {width:90%; font-size: 0.9em; line-height:1.2em; font-weight: 300; margin: 16px 5% 4px 5%; }
.teasertitel {width:90%; font-size:1.3em;line-height:normal;font-weight:600;color:#C20024; letter-spacing:0.05em;text-transform: uppercase;padding: 6px 0px 6px 0px; margin: 4px 5% 4px 5%; }
.teasertext {width:90%; line-height:normal; margin: 4px 5% 4px 5%; }
.teasertext a:link, a:visited { color:#737373; font-weight: 300; line-height:1.8em; text-decoration: none; }
.teasertext a:hover { color:#333; }
.fsk { line-height:normal; font-weight: 300; margin-top: 15px; }
.teasertitel_version { color:#737373; font-weight: 300; line-height:normal; letter-spacing:0.03em; text-transform: none; margin: 4px 5% 4px 5%; }
.teaserdatum { font-size:0.7em; font-weight: 300; margin:5px 0px 3px 0px;text-align:center; }

/* LISTE */
.liste_zelle_g {
	background-color:#F7F7F7;
	padding:5px 5px 5px 11px;
	margin:0px 0px 0px 0px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	}
.liste_zelle_u {
	padding:5px 5px 5px 11px;
	margin:0px 0px 0px 0px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	}
a.listezellelink:link, a.listezellelink:visited {
	text-decoration:none;
	}
a.listezellelink:hover {
	text-decoration:none;
	}
.liste_datum {
	font-size:1.0em;
	font-weight: 300;
	color:#737373;
	margin:3px 0px 3px 0px;
	}
.liste_titel {
	font-size:1.1em;
	line-height:normal;
	font-weight:600;
	color:#C20024;
	letter-spacing:0.0em;
	text-transform: uppercase;
	padding: 0;
	margin:0;
	}
.liste_version {
	color:#737373;
	font-weight: 300;
	line-height:normal;
	letter-spacing:0.03em;
	text-transform: none;
	margin-bottom: 4px; 
	}
/* QUADRATISCHE BILDER ANFANG*/
.bildercontainer {
    width:100%;
 	margin: 0 auto;
    }
.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
    } 
.clearfix::after {
  clear: both;
    }
.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
    }
.bilderbox {
    float: left;
    width: 300px;
    max-width:300px;
    height: 300px;
    margin-top:5px;
    margin-right:0;
    margin-bottom:0;
    margin-left:5px;
    display:block;
    }
/* QUADRATISCHE BILDER ENDE*/