@charset "utf-8";
/*div{border:1px solid red}*/
/* CSS Document */
/**********		Spezielle Formatierungen einzelner Seiten	*********************/



/*****	SEITE home.php	**********/
/*	Die Seite home.php hat eine eigene css-Datei: home.css	*/

/*****	SPIELPLAN		**********/
#cms-naviL,#spielpl-1,#Inhalt {
	background-color:white;
}
#Inhalt {clear:both;height:auto;}
#spielplHidden {width:100%;}

/*	Inhalt rechts von Navi */
#spielpl-1 {
	float:left;
	display:block;
	/*width:69.4%;*/
	width:1180px;
	max-width:1180px;
	/*margin-top:150px;*/
	margin-left:200px;
	font-size:1em;
	height:auto;
}
/* Spielplan, linke/rechte Spalte */
.sppl-container {
	clear:both;
	width:1180px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:20px;
	min-height:50px;
	height:auto;
}
.sppl_L, .sppl_R {
	float:left;
	width:560px;
	overflow:hidden;
	min-height:10px;
}
.sppl_L{
	margin-left:0;
}
.sppl_R{
	margin-left:60px;
}
.spielpl_img{
	width:100%;
	height:372px;
	min-height:10px;
	overflow:hidden;
}
[spielplImg]{ width:558px; height:372px;}  /* Zwingt das Bild auf die vorgegebene Grösse */
.spielpl_daten{
	margin-left:30px;
	margin-top:24px;
	margin-bottom:15px;
	line-height:1.3em;
	font-weight:200;
}
.sp_datum{
	clear:both;
	width:80px;
	text-align:right;
	font-weight:500;
	line-height:1.3em;
}
.spielpl_text{
	margin-top:22px;
	font-size:30px;
}
.sp_text{
	font-size:20px;
	font-weight:200;
	line-height:30px;
	margin-top:5px;
}
/*.imgPrev,.imgNext{
	position:absolute;
	margin-top:200px;
	margin-left:20px;
	color:white;
	z-index:100;
}
.imgNext{
	margin-left:655px;
}*/
.imgNav{position:absolute;margin-top:200px;width:700px;}
.imgPrev{float:left;margin-left:20px;}
.imgNext{float:right;margin-right:40px;}


/* Detail (Spielplan) */
#details_L,#details_R{
	float:left;
	min-height:10px;
}
#details_L{
	width:700px;
}
#details_R{
	width:570px;	/* Breite minus padding-left */
	padding-left:120px;
}
img{
	max-width:100vw;
}
/* Divs in 2. Zeile */
#details_L2,#details_R2{
	float:left;
	width:1400px;
	min-height:10px;
}
#details_R2{
	/*width:580px;	/* Breite minus padding-left */
	margin-left:60px;
}

#galerie{
	margin-top:15px;
}
#galerie_img{
	width:100%;min-height:100px;/*min-height:465px;*/
}
#video{
	margin-top:40px;
}
#video img{width:100%;}
.detail_tab{
	/*font-size:30px;
	font-weight:500;
	color:#CDC598;
	line-height:36px;*/
	margin-top:80px;
}
.posButton{margin-top:55px;margin-bottom:25px;}
.detail_tab td:nth-child(1){width:60px;}
.detail_tab td:nth-child(2){width:60px;padding-right:30px;}
.detail_tab td:nth-child(3){width:150px;}

.detail_daten{margin-top:80px;}
.detail_daten div{
	font-size:30px;
	line-height:40px;
	font-weight:500;
	color:#CDC598;
}
.detail_datum{clear:both}
.detail_text{margin-top:26px;}
.detail_titelFett{
	font-size:40px;
	line-height:48px;
	font-weight:500;
	font-style:italic;
}
.detail_titelLight{
	font-size:40px;
	line-height:48px;
}
.details_fuss{
	height:100px;
	width:240px;
	margin-top:20px;
	margin-bottom:40px;
	margin-left:calc(50% - 120px);
}
.borderT_farbig{border-top:4px solid #CDC598;}

[ad]{
	float:left;
}

.detail_daten div:nth-child(1){clear:both;float:left;width:60px;}
.detail_daten div:nth-child(2){float:left;width:100px;}
.detail_daten div:nth-child(3){float:left;width:150px;}

.detail_preise{
	margin-top:45px;
}
/* End Detail	*/



/* Inhalt 1: Spielplan */
.weiter {
	height:114px;
	cursor:pointer;
}
.weiter>div>img {
	height:1em;
	margin-left:0.556em;
}
.inhalt1_box {
	height:180px;
	padding-top:80px;	
	/**/
}
/* DETAILS	*/
.detail_datum{clear:both}
.detail_text{margin-top:20px;}

/* Aktuell	*/
/*.home3-cont2{margin-left:50px;}
.home3-cont2:nth-child(2) {margin-top:13px;margin-bottom:20px;}
.home3-cont2:nth-child(3) {width:480px;}*/
.home3-link{text-align:right;margin-bottom:30px;margin-right:90px}
.home3-link img{margin-left:15px;max-width:22px;}
#home_22{padding-left:50px;padding-top:88px;}
#home_21 img,#home_22 img{width:100%;}

/* Sponsoren	*/
#home-4 {width:100%;height:220px;}
#home-4 td:first-child {min-width:20px;}
#home-4 td:last-child {min-width:20px;}
/*#home-4 {width:100%;height:220px;}
#home-4 .home4-cont1:first-child{margin-left:90px;}
#home-4 .home4-cont1:last-child{margin-right:87px;}*/
/* 	Schulen	*/
#home-5 .home5-cont1{margin-left:40px;}
#home-5 .home5-cont1:nth-child(1) {width:620px;height:195px;margin-top:88px;}
#home-5 .home5-cont1:nth-child(2) {width:460px;margin-top:13px;margin-bottom:20px;}
#home-5 .home5-cont1:nth-child(4) {margin-left:500px;margin-bottom:20px;}
#home-5 .home5-cont2{margin-left:50px;}
#home-5 .home5-cont2 img {width:100%;}
#home-5 .inhalt-695 img{max-width:695px;}

/***********	DETAILS		**************/
body[name="Details"] .inhalt-745 {width:51.7%;}
body[name="Details"] .inhalt-695 {width:48.3%;}
/* 1.Zeile */
#details-1 .inhalt-745 img {width:100%;}	/* Bild */
#details-1 .det1-cont2 {padding-left:110px;}
#details-1 .inhalt-695 .det1-cont2:nth-child(1) {height:56px;line-height:56px;text-align:center;}	/* navi Alle Inszenierungen */
#details-1 .inhalt-695 .det1-cont2:nth-child(2) {margin-top:70px;padding-right:52px;} /* Titel */
#details-1 .inhalt-695 .det1-cont2:nth-child(3) {margin-top:50px;padding-right:91px;} /* Titel klein */
#details-1 .inhalt-695 .det1-cont2:nth-child(4) {padding-right:91px;padding-bottom:20px;} /* Text */
#details-1 .inhalt-695 .det1-cont2:last-child {padding-bottom:40px;}	/* Mitwirkende	*/

/* 2.Zeile */
#details-2 .inhalt-745 .det2-cont1:nth-child(1),#details-2 .inhalt-745 .det2-cont1:nth-child(2) {padding-left:90px;}
#details-2 .inhalt-745 .det2-cont1:nth-child(1) {margin-top:40px;}	/* Titel Rezensionen */
#details-2 .inhalt-745 .det2-cont1:nth-child(2) {margin-top:27px;padding-bottom:40px}	/* Text	*/

#details-2 .inhalt-695 .det2-cont2:nth-child(1) {width:422px;margin-left:114px;margin-top:87px;}	
#details-2 .inhalt-695 .det2-cont2:nth-child(2) {width:422px;margin-left:114px;margin-top:18px;}	
#details-2 .inhalt-695 .det2-cont2:nth-child(3) {width:490px;min-height:100px;margin-left:114px;margin-top:85px;margin-bottom:75px;}	/* Bild */
#details-2 .inhalt-695 .det2-cont2:nth-child(3) img {width:100%;}
#details-2 .bullets {margin-top:12px;font-size:0.8em;text-align:center;}
#details-2 .bullets span {margin-left:3px;margin-right:3px;cursor:pointer}
/* 3.Zeile */
#details-3 {width:100%;height:auto}
#details-4 {width:100%;height:auto}
#details-4 #sppl-box {
	margin-left:90px;
	margin-top:50px;
	width:580px;
}
body[name=Details] .det3-cont {
	height:56px;
	line-height:56px;
	text-align:center;
}
/***********		INSZENIERUNGEN		**************/
#inszen-2 .inhalt-720 {float:left;margin-top:90px;max-width:720px;border:1px solid transparent}
#inszen-2 .inhalt-720:nth-child(odd) {padding-left:90px;padding-right:25px;width:605px;}
#inszen-2 .inhalt-720:nth-child(even) {padding-left:25px;width:605px;}
#inszen-2 .Titel3035{margin-top:23px;}
#inszen-2 .uTitel{margin-top:17px;}
#inszen-2 .Text{line-height:26px;}

/***********		UEBER UNS			**************/
#ueber-1 .ueber1-cont1 {margin-left:90px;}
#ueber-1 .ueber1-cont2:nth-child(2) {color:black}
#ueber-1 .ueber1-cont2:first-child {margin-top:80px;margin-bottom:42px}

/***********		AKTUELLES (Neuigkeiten)			**************/
/*#neuig{margin-bottom:40px}*/
/*#neuig .cms-450,#neuig .cms-450R {margin-bottom:80px}
#neuig .cms-450 img {width:100%}*/

/***********		Reservationen			**************/
/* Sitzplan */
#sitzplan{
	margin-top:115px;
}
[name="zeile"]{clear:both;margin-bottom:5px;font-size:14px;height:30px}
[name="platz"]{float:left;margin-right:5px;font-size:14px;text-align:center;border:1px solid black;}
/* Spalten links und rechts */
.reserviert{background-color:yellow;color:black}
.verkauft{background-color:red;color:black}
.aktiv{background-color:#000088;color:white}
.frei{background-color:white;color:black}
.freiFirefox{background:#BBB}
.user{background-color:#00ff33;color:black}
#resPublicL,#resPublicR{font-size:15px;line-height:24px;margin-right:40px;}
#resPublicL p{max-width:300px}
#legende {}
#legende li {clear:both;margin-bottom:2px}
#legende li div:first-child{float:left;width:20px;height:20px;margin-right:20px;border:1px solid black}
#resPublicR input{height:30px;width:180px;padding:0;padding-left:10px}
#resPublicR [name="anzKinder"]{width:80px;margin-right:20px}

#resPublicR .anzahl div{clear:both;float:left;width:60px;margin-top:2px}
#resPublicR .anzahl input{float:left;width:60px;height:18px;padding-top:5px;text-align:right;border:0;margin:0;background:transparent}
.box{border:1px solid #CCC;margin:10px;padding:10px;background-color:#EAEAEA}
#sitzplan .box{border:0;background-color:white}
#sitzplan .buehne{height:100px;border:1px solid black;background-image:url(../images/common/buehne.png);background-position:center;background-repeat:no-repeat}

/***********		NEWSLETTER (Neuigkeiten)			**************/
[id^="newsl_"].formular-cont1{margin-top:75px;margin-bottom:60px}	/* Textfeld oberhalb Formular */
/* Formatierung des Formulars => 2019mainFormat.css */

/***********		Schulen			**************/
#schulen-1{margin-top:80px;margin-bottom:40px;}
#schulen-2{height:auto}
#schulen-2 #sppl-box {width:774px;height:180px;margin-top:50px;margin-left:10px;}
.newsletter-schulen{height:400px}
/***********		Angebote			**************/
#angebote{margin-top:80px;margin-bottom220px}
/***********		Kontakt			**************/
/*.kontakt .cms-605 p:nth-child(2){margin-top:29px;}	/* Adresse */
/*.kontakt .cms-605 p:nth-child(3){margin-top:23px;}	/* Telefon1 */
/*.kontakt .cms-605 p:nth-child(6){margin:0;}	/* Telefon2 */
/*.kontakt .cms-605 p:nth-child(9){margin-bottom:36px;}	/* Email */
.kontakt .cms-605 iframe {width:100%;height:420px;border:1px solid #CCC}	/* Karte */
/***********		Login			**************/
#login-1 .cms-605{margin-top:40px;margin-bottom:200px;}
#login-1 .button1{float:right;width:200px}
.mldg *{color:#D0021B;border-color:#D0021B}
.mldg-text {display:none; margin-top:4px;margin-bottom:20px}
.mldg .mldg-text {display:inherit;}
/*#login-1 .mldg-benutzer input {border-color:#D0021B}*/
/*#login-1 .check-benutzer:nth-child(1){}	  
#login-1 .check-benutzer:nth-child(2){}	
#login-1 .check-benutzer:nth-child(3){}	
#login-1 .check-pass{color:#D0021B}
#login-1 .check-Mldg{display:inherit;margin-top:-20px;margin-bottom:23px;}*/
/***********		Info			**************/
body[name="Info"] .inhalt-520,body[name="Info"] .inhalt-820 {margin-top:80px;margin-bottom:70px;}
body[name="Info"] .inhalt-520 ul {margin-left:90px;}
