#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: 'aller_lightregular';
 src: url('../../files/template/fonts/aller_lt-webfont.eot');
 src: url('../../files/template/fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/template/fonts/aller_lt-webfont.woff') format('woff'), url('../../files/template/fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
 font-weight: normal;
 font-style: normal;
}

.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}
.lds-ring {
	display:none;
width: 100%;
  height: 100%;
  position: fixed;
  z-index: 5000;
  left:0;top:0;
  justify-content: center;
  align-items: center;
  background: rgb(229, 49, 52,.7);
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #FFF;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #FFF transparent transparent transparent;
  
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


@keyframes scaler {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
#teaser div.button{animation: scaler 1s infinite;}
.teaserpage #container {margin:0 !important;padding:0 !important;}
body {
	margin:0;
 font-family: 'aller_lightregular';
	font-size:1.1rem;
	line-height:160%;
	color:#333;
}
figure {margin:0 0 1rem 0;padding:0;}
img {
	border:0;max-width:100%;height:auto;
}
h1 {
	margin: 0 0 1rem 0;
	font-family:'aller_lightregular';
	font-weight:normal;
	font-size:230%;line-height:100%;
	text-transform:uppercase;
}
h2 {
	margin: 0 0 1rem 0;
	font-family:'aller_lightregular';
	font-weight:normal;
	font-size:140%;
	line-height:100%;
	text-transform:uppercase;
}
h3, h4, h5 {
	margin: 0 0 1rem 0;
	font-family:'aller_lightregular';
	font-weight:normal;
	font-size:120%;
	line-height:100%;
	text-transform:uppercase;
}
a:link {
	text-decoration:none;
	color:#e53134;
}
a:hover {
	text-decoration:underline;
	color:#e53134;
}
a:visited {
	text-decoration:none;
	color:#e53134;
}
a.cancelbutton {font-size:1.1rem;background:#CCC;padding:1rem;border-radius:.5rem;color:#333;text-decoration:none;display:inline-block;}
.widget-submit {text-align:center;}
button.submit {font-size:1.3rem;background:#e53134;padding:1rem;border-radius:.5rem;color:#FFF;text-decoration:none;display:inline-block;font-family:'aller_lightregular';border:none;cursor:pointer;}
p {
max-width:100%;
}
button {font-family}
/* HEADER */
#wrapper>.inside {display:flex;position:fixed;width:100%;height:100%;}
#wrapper .mainsection {position:relative;background:url(../../files/template/images/bg.jpg) center top no-repeat;flex: 4 1 120px;overflow-y:auto;}
#wrapper .mainsection #container {margin: 3rem;}
#wrapper .mainsection .content-image.neuberin img{height:auto;position:absolute;bottom:0;right:0;width:45%;opacity:.2;}
#wrapper .mainsection .content-image.gewandhaus img{height:auto;position:absolute;bottom:0;left:0;width:45%;opacity:.2;}
#header {
	flex:0 1 120px;
	box-shadow: 0 0 50px rgba(0,0,0,0.2);
	z-index:1000;
}
#header .logo {margin-bottom: 3rem;}
/* SUCHFELD */
#header .mod_form {
	margin:15px 0 0 0;
	padding:0;
}
#header .mod_form input {
	width:200px;
	height:24px;border:0;
	border-bottom: 1px solid #CCC;font-size:11px;color:#666;
}
/* ENDE HEADER */

/* HAUPTMENÜ */
.responsive_menu{display:none;}
#header > .inside {display:flex;flex-direction:column;justify-content:space-between;padding: 3rem;box-sizing:border-box;height:100%;}
#header .mod_eventlist {flex: 1 1 auto;}
#header .mod_eventlist {flex: 1 1 auto;}
#header .mod_navigation a:link {
	text-decoration:none;
	color:#333;
	font-family:'aller_lightregular';
	font-size:140%;
	text-transform:uppercase;
}
#header .mod_navigation a:visited {
	text-decoration:none;
	color:#333;
}
#header .mod_navigation a:hover {
	text-decoration:none;
	color:#e53134;
}
#header .mod_navigation {flex: 1 1 auto;
}
#header .mod_navigation ul {
	list-style:none;
	margin:0;
	padding:0;
	z-index:10000;
}
#header .mod_navigation ul.level_1 li {
	display:block;
	position:relative;
}
#header .mod_navigation ul.level_2 li.trail {
	background:#FFF;
}
#header .mod_navigation ul.level_1 a {
	display:block;
	padding:1rem 0 1rem 0;
}
#header .mod_navigation ul.level_1 a:hover {
	color:#333;
}
#header .mod_navigation ul.level_2 a {
	border-bottom:1px solid #ffaeaf;
	display:block;
	padding:10px;
	color:#FFF;
}
#header .mod_navigation ul.level_2 a:hover {
	color:#e53134;
}
#header .mod_navigation ul.level_2 a.trail {
	color:#e53134;
}
#header .mod_navigation ul.level_2 {
	padding: 20px 20px 30px 20px;
	display:none;
	position:absolute;
	left:-80px;
	background:#e53134;
}
#header .mod_navigation ul.level_2 li.hover {
	background:#FFF;
	color:#e53134;
}
#header .mod_navigation ul.level_1 strong.active {
	font-family:'aller_lightregular';
	text-transform:uppercase;
	font-size:140%;
	color:#e53134;
	display:block;
	padding:1rem 0 1rem 0;
	font-weight:normal;
}
#header .mod_navigation ul.level_2 strong.active {
	background:#FFF;
	width:200px;
	border-bottom:1px solid #FFF;
	display:block;
	padding:10px;
	color:#e53134;
	font-weight:normal;	
}
.invisible {
	display:none;
}
/* ENDE HAUPTMENÜ */

/* SLIDER FORMATIERUNG */
#slider {
	height:500px;
	width:100%;
	background-position:center;
	background-color:#FFF;
	cursor:pointer;
}
#slider img {
	display:none;
}
.navi-container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:100;
	clear:both;
}
.navi-direct {
	position:absolute;
	right:0px;
	margin-right:74px;
	margin-top:21px;
}
.navi {
	background:url(../../files/template/images/slidernavi.png) no-repeat;
	width:19px;
	height:19px;
	float:left;
	margin-right:3px;
	cursor:pointer;
}
.naviactive {
	background-position: 0px -21px
}
#themenbild .prev {
	background:url(../../files/template/images/prev.png) no-repeat;
	width:61px;
	height:61px;
	float:left;
	margin-top:209px;
	right:0;
	z-index:100;
	cursor:pointer;
}
#themenbild .next {
	background:url(../../files/template/images/next.png) no-repeat;
	width:61px;
	height:61px;
	float:right;
	margin-top:209px;
	z-index:100;
	cursor:pointer;
}
.startstopnavi {
	width:50px;
	height:50px;
	float:right;
	margin-top:6px;
	margin-right:20px;
	cursor:pointer;
}
/* ENDE SLIDER FORMATIERUNG */

/* AKTIONSBEREICH UNTER THEMENBILD */
#action {
	height:215px;
	width:100%;
	background:url(../../files/template/images/bg_action.jpg) top center;
	margin:0;
	padding:0;
}
.actionmodule {
	float:left;
	height:187px;
	width:205px;
	padding:28px 40px 0 0;
	position:relative;
}
#action .inside {
	position:relative;
	margin:0 auto;
	color:#FFF;
	line-height:17px;height:215px;
}
#action .inside h2 {
	margin-bottom:10px;
}
#action .inside h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	font-weight:normal;
	text-transform:none;
	margin:0;
}
#action .inside img {
	position:absolute;
	left:0;
	bottom:35px;
}
#action .inside a {
	color:#FFF;
}
.ichwilltheater{position:absolute;top:60px;left:380px;}
.meinemeinung{position:absolute;top:60px;left:630px;}
/* ENDE AKTIONSBEREICH UNTER THEMENBILD */

/* CONTENTBEREICH */
#container {
	overflow:hidden;
	margin:0;
	padding:0;box-sizing:border-box;
}
#main {
	box-sizing:border-box;box-sizing:border-box;
}
#main .inside {
	overflow:hidden;box-sizing:border-box;
}
.startpagemodule {
	float:left;
	width:205px;
	padding-right:20px;box-sizing:border-box;
	background:url(../../files/template/images/bg_social.jpg) bottom left no-repeat;height:300px;
}
.startpagemodule a {float:left; margin-right:12px;}
.startpagemodulemiddle {
	float:left;
	width:428px;
	margin-right: 20px;
	padding: 0 40px 0 20px;box-sizing:border-box;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.startpagemodulemiddle h3 {
	margin:0
}
#main .layout_latest {
	margin-bottom:10px;
}
#main .mod_newslist {display:flex;justify-content:center;align-items:top;flex-wrap:wrap;margin: 0 -2rem;}
#main .mod_newslist > div{margin:2rem;flex:1 1 240px;}
#main .mod_eventlist .event{border-top: 2px solid #cc3433;padding-top:1rem;margin-bottom:2rem;}
#main .mod_eventlist h2{text-transform:none;margin-bottom:.5rem;}
#main .mod_eventlist .event:first-child {border:none;}
#main .content-headline {font-size:3rem; color:#cc3433;margin-bottom:2rem;margin-top:1.5rem;}
#main .ce_form td {padding:1rem 0;}
#main .ce_form input,#main .ce_form textarea {width:100%;padding:1rem; font-family: 'aller_lightregular';}
#main .ce_form input.checkbox,#main .ce_form input.radio {width:auto;}
#main .ce_form fieldset {margin:0;text-align:left;float:none;width:100%;box-sizing:border-box;}
#main .ce_form .widget {margin: 2rem 0;}
#main .ce_form .widget:first {margin-top: 0;}
#main .ce_form .widget:last {margin-bottom: 0;}
#main .ce_form .widget-text.theaterliebling {padding-bottom:2rem;border-bottom:2px solid #e53134;}
.startpagemoduleright {
	float:left;
	width:245px;
	background:url(../../files/template/images/bg_chronik.jpg) top center no-repeat;
}
/* SOCIAL */
/* FOOTER */
#footer {
	background:#4c4c4c;

	color:#CCC;
		margin:0;position:fixed;width:100%;height:20vh;bottom:0;
}
#footer .inside {
	margin: 3rem;

}
#footer .mod_customnav {width:700px;float:right;}
#footer .mod_customnav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer .mod_customnav li {
display:inline;
	padding-right:40px;box-sizing:border-box;
	position:relative;
	line-height:15px;
	padding-bottom:10px;
}
#footer .mod_customnav li ul {
	position:absolute;
	left:0;
	top:30px;
}
#footer .mod_customnav li ul li {
	display:block;
}
#footer .mod_customnav span {
	text-decoration:underline;
	color:#FFF;
}
#footer .mod_customnav .trail {
	background:none;
}
#footer a {
	color:#CCC;
}
#footer .mod_login ul,li {margin:0; padding:0; list-style:none;}
/* SPONSOREN */
#sponsorenfooter {
	height:70px;
	color:#333;
	padding:20px 0 0 0;box-sizing:border-box;
	margin: 0 0 20px 0;
	background:url(../../files/template/images/bg_sponsoren.jpg) top left no-repeat;
}
/* LOGIN */
#footer .mod_login {

	width:245px;float:right;
}
#footer .submit {
	text-indent:0;
	background:url(../../files/template/images/btn_login.jpg);
	font-family: aller_lightregular;
	color:#FFF;
	font-size:140%;
	text-transform:uppercase;
	text-align:right;
	border:0;
	cursor:pointer;
	width:204px;
	height:42px;
	margin:20px 0 20px 0;
}
/* ALLGEMEINE FORMATIERUNGEN */
/* INPUTBOXES */
input.text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:100%;
	border:0;
	margin: 0 0 5px 0;
	height:20px;
	width:221px;
	padding:2px;box-sizing:border-box;
}
#main input {border:1px solid #CCC;}
#main input.submit {border:none;font-size:1.3rem;border-radius:.5rem;width:auto;cursor:pointer;}
#headline {	background:#cc3433;flex:1 1 80px;
}
#headline .inside { margin:  3rem;}
#headline h1 {color:#FFF;padding:0 0 1rem 0;margin:0;box-sizing:border-box;width:100%;box-sizing:border-box;max-width:100%;}
#copyright {text-align:center;clear:both;padding:15px 0; color:#333;box-sizing:border-box;}
#copyright a {color:#333;}

/* FORUM FORMATIERUNGEN */
.mainlist { border-collapse:collapse;}
.mainlist td {padding:10px;box-sizing:border-box;}
.datarow td {border-bottom: 1px solid #CCC;}
a.unreadbold {
	font-family:'aller_lightregular';
	font-size:140%;
	line-height:20px;
	text-transform:uppercase;}
.message-container {border:1px solid #DDD;border-bottom:1px solid #CCC; margin: 0 0 20px 0; }
.top-left {float:left;background:#EEE;padding:20px;width:100px;box-sizing:border-box;}
.top-right{float:left;padding: 20px 0 20px 20px; width:800px;box-sizing:border-box;}
.bottom-left {border-bottom:1px solid #CCC;margin: 0 0 10px 0;}
.clearfloat{clear:both;}
.topcontrols {margin: 0 0 20px 0; clear:both}
.bottomcontrols {margin: 20px 0 0 0;}
#main .mod_login {margin:0px 10px 20px 0; overflow:hidden;}
#main .checkbox_container,.submit_container {text-align:center;}
#main .mod_login li {list-style:none; margin:0 10px 0 0;padding:0; float:left;}
#main .mod_login ul {list-style:none; margin:0 10px 0 0;padding:0; float:left;}
.messages-reverse {padding:20px 0 20px 0; text-align:left;clear:both;box-sizing:border-box;}
input.submit{background:#C33;padding:10px; color:#FFF;box-sizing:border-box;}
.submit_container {display:block;clear:both;margin-top:10px;}
/* Tabellenformatierungen */
/*td {padding-right:20px;}*/
ol li{list-style:decimal;}
ol li ol li{list-style:lower-alpha;}
.tabelle_border_bottom td{border-bottom: 1px solid #CCC; vertical-align:top; background:#F2F2F2}

/* Liste Mitglied werden */
#mitglied-werden ul {list-style:none;}
#mitglied-werden ul li {list-style:none; background:url(../../files/template/images/list_symbol.jpg) no-repeat top left; padding:0 0 15px 30px;box-sizing:border-box;}
#mitglied-werden ul li ul li{list-style:none; background:none; padding:0; list-style:circle;}
#mitglied-werden fieldset {margin:2rem 0;background:;border:1px solid #333;padding:1rem; box-sizing:border-box;}
#mitglied-werden legend {	margin: 0 auto;
	font-family:'aller_lightregular';
	font-weight:normal;
	font-size:230%;line-height:30px;padding:0px 5px 0 5px;box-sizing:border-box;
	text-transform:uppercase;	color:#339999;}
	
/* Liste Chronik */
#main ul li {list-style:none; background:url(../../files/template/images/list_symbol.jpg) no-repeat top left; padding:0 0 15px 30px;box-sizing:border-box;}

/* Kalender-Formatierungen */
#events .mod_calendarmobile {display:none}
.calendar td{width:180px; height:80px; padding:3px; border:1px solid #CCC; vertical-align:top;box-sizing:border-box;}
.calendar th.head{background:#e53134; color:#FFF; font-size:120%;height:30px;}
.calendar th.head a{color:#FFF;}
td.today {background:#339999; color:#FFF;}
td.today a { color:#FFF;}
td.active {background:#e53134;}
td.active a { color:#FFF;}
td.active .header {color:#FFF;}
/* Suche-Formatierungen */
#suchergebnisse .odd {border-bottom: 1px solid #CCC; padding: 10px 0 10px 0;box-sizing:border-box;}
#suchergebnisse .even {border-bottom: 1px solid #CCC; padding: 10px 0 10px 0;box-sizing:border-box;}
#suchergebnisse .first {border-top:1px solid #CCC;margin-top:20px;}
/* Paginierung */
.pagination {text-align:center;margin-top:30px;}
.pagination li {display:inline;}

/* BILDERGALERIE FORMATIERUNGEN */
#bilder ul li {list-style:none;background:none;margin:0 0 10px 0; padding:0;}

#bilder .row {border-bottom:1px solid #CCC;padding-bottom:10px;box-sizing:border-box;}

/* FORUM FORMATIERUNGEN */
#forum-diskussion .breadcrumb {padding: 0 0 10px 0;box-sizing:border-box;}
#forum-diskussion .controls {padding:5px; border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; background:#F2F2F2}
#forum-diskussion .bottomcontrols {margin-bottom:10px;}
span.functions a {margin-right:10px;}
#forum-diskussion .mod_login {width:280px;float:right;}
#forum-diskussion .loginbackground {width:400px; float:left;background:#FFF; color:#cc3333;margin-bottom:30px;}
#forum-diskussion .loginbackground h2{background:#FFF; color:#C33; padding-bottom:10px;font-weight:bold;box-sizing:border-box;}
#forum-diskussion .loginbackground h3{margin:0; padding:0;}
#forum-diskussion .loginbackground a{color:#339999;}
#forum-diskussion .bitteanmelden {clear:both;}
#forum-diskussion .avatar {text-align:right;}
blockquote.quotebox {border: 1px solid #CCC;background:#EEE;margin:0 10px; padding:10px;box-sizing:border-box;}

/* BACK LINK */
.back {margin-top:20px;border-top:1px solid #CCC;}
span.date {font-weight:bold; padding-right:5px;display:block;box-sizing:border-box;}
p.error {font-style:italic;color:#F00;}
.timeoutmessagecontainer {display:none;z-index:2000;left:0;top:0;position:fixed;width:100%;height:100%;justify-content:center;align-items:center;background:rgba(255,255,255,.9);text-align:center;}
.timeoutmessagecontainer .timeoutmessage h2{font-size:30px;color:#e53134;}
.timeoutmessagecontainer .timeoutcounter {}
.timeoutmessagecontainer span.timeouttime {font-size:40px;}
.timeoutmessagecontainer span.timerbutton {font-size:16px;background:#e53134;padding:.5rem;display:block;color:#FFF;border-radius:5px;margin:1rem;cursor:pointer;}
.content-gallery div.col_1,.content-gallery div.col_2 {width:auto !important;float:none !important;margin:0 !important;}
#main .content-gallery ul {display:flex !important;margin:0-2rem !important;flex-wrap:wrap !important;padding:0;}
#main .content-gallery li {flex:1 1 240px !important;margin:2rem !important;background:none;padding:0;text-align:center;}
.content-gallery img.thumb {border:none !important;box-shadow:none !important;padding:0 !important;margin-bottom:1rem  !important;}
.content-gallery figure {margin:0 !important;}
.content-gallery .album_preview {margin:2rem -2rem !important;}
.content-gallery .backLink {margin:1rem 0;text-align:left !important;}
#mbNextLink {position:absolute;right:0;top:50%;}
#mbPrevLink {position:absolute;left:0;top:50%;}
#mbCloseLink {position:absolute;right:0;top:0;}
#mbNextLink big {display:block;background:#000;padding:2rem;font-size:2rem !important;}
#mbPrevLink big {display:block;background:#000;padding:2rem;font-size:2rem !important;}
#mbCloseLink big {display:block;background:#000;padding:2rem;font-size:2rem !important;}
@media screen and (max-width: 960px) {
	#header .inside{height:auto;}
	#header .mod_navigation{flex:auto;}
	#header .mod_eventlist{display:none;}	
#wrapper > .inside {display:block;position:static;}	
	#container {
	overflow:visible;
}
#main .inside {
	overflow:visible;
}
	#headline h1 {padding:3rem 0;display:block;
	}
}
