/* CSS Document */
/* header ///////////////////////////////////////////*/
header	{background-color: #401c71; padding-top: 40px; height: 52px;}

div#schirmherr {
	position:absolute;
	top: 10px;
	left: 220px;
	color: white;	
	transition: left linear 0.3s;
}
div#schirmherr span {
	font-size: 14px;
}
div#schirmherr.active {
	left: 150px;	
}


#goToNL {background-color: #401c71; }

h1	{width: 150px; height: 150px; background-image: url(../images/logo.svg); background-repeat: no-repeat; position: absolute; background-size: cover; left: 50px; top: 10px; transition: all 0.5s;}
h1.scrolled	{width: 70px; height: 70px;}

#mainNavi ul li {margin: 0px 0px 0px 0px; }
#mainNavi ul li a	{font-size: 12px; padding: 0px 10px 30px 10px; }
#mainNavi ul li a:hover, #mainNavi ul li a.active {background-image: url(../images/naviActive.png);}
#mainNavi ul li.sL a.active	{background: none; color: #9e508a!important;}

#switchLanguage	{list-style: none; position: absolute; right: 0px; bottom: -23px; background-color: #FFFFFF; background-color: rgba(255, 255, 255, 0.8); white-space: nowrap;}
#switchLanguage li {display: inline-block; padding: 0px 10px 0px 10px; position: relative; border-right: 1px solid #CCCCCC; text-align: center;}
#switchLanguage li:last-child {border-right: none;}
#switchLanguage li a {display: inline-block; padding: 0px 0px 0px 0px; color: #FFFFFF; text-decoration: none; text-transform: uppercase; color: #999999; font-size: 12px; text-align: center;}
#switchLanguage li a:hover, #switchLanguage li a.active {color: #000000;}

ul.sectionNavi li, ul.filterNavi li	{display: inline-block; padding: 3px 10px 3px 10px; background-color: #9e508a; color: #FFFFFF;  margin: 0px 5px 0px 5px; cursor: pointer;}
ul.sectionNavi li.active, ul.filterNavi li.active	{background-color: #FFFFFF; color: #996699; }

.linearNavigation	{background-image: url(../images/arrowBg2.png);}

.nextPrevNavi	{list-style: none; text-align: center; margin: 0px 0px 10px 0px;}
.nextPrevNavi li	{display: inline-block; padding: 3px 0px 3px 0px; width: 100px; color: #FFFFFF; text-transform: uppercase; background-color: #401c71; font-size: 12px; text-align: center; margin: 0px 2px 0px 2px; cursor: pointer;}

section h2	{color: #401c71; }
section h3	{color: #000000; }
section h4	{color: #401c71; }

ul.contentVideos li a span {background-color: #9e508a; background-color: rgba(158, 80, 138, 0.7); background-image: url(../images/play.png);}

div .events	{display: block; float: left; clear: left; padding: 20px; background-color: #9e508a; background-color: rgba(158, 80, 138, 0.7);  color: #FFFFFF!important; }

div .events:first-child	{margin-top: 100px; }

.contentArea.termin	{margin-bottom: 10px; overflow: auto;}
.contentArea.termin	h3	{background-color: #9e508a; color: #FFFFFF; float: left; padding: 5px 10px 5px 10px; margin-bottom: 2px;}
.contentArea.termin .textContent	{background-color: #FFFFFF;padding: 5px 10px 5px 10px; clear: left;}
.contentArea.termin .textContent *	{color: #000000!important;}

a.ready	{display: inline-block; padding: 3px 10px 3px 10px; background-color: #9e508a; color: #FFFFFF; text-decoration: none;}

section#start .container	{position: absolute; bottom: 170px; left: 0px;}

section#start h3	{background-color: #9e508a; }
section#start .sectionFooter	{height: 78px; overflow: hidden;}
section#start .sectionFooter, section#start .sectionFooter *	{text-align: center; background-color: #FFFFFF; float: none;}
section#start .sectionFooter img	{}

section#spenden	{background-color: #401c71;}
section#spenden *	{color: #FFFFFF;}
section#spenden ul.sectionNavi li.active {background-color: #FFFFFF; color: #401c71!important; }
section#spenden ul.sectionNavi li.active h3	{color: #401c71!important; }
section#spenden form.mailForm	{background-color: #9e508a!important;}
section#spenden form.mailForm button	{background-color:#401c71!important}
section#spenden form.mailForm button.cancel	{background-color:#999999!important;}

section#spenden .sectionFooter, section#spenden .sectionFooter *	{text-align: center; background-color: #9e508a; color: #FFFFFF; float: none;}
section#spenden .sectionFooter img	{max-width: 100%;}

section#r-w-s ul.sectionNavi li {background-color: #9e508a; color: #FFFFFF!important; }
section#r-w-s ul.sectionNavi li.active {background-color: #401c71; color: #FFFFFF!important; }
section#r-w-s div.sectionFooter	{background-color: #9e508a;}
section#r-w-s div.sectionFooter * { color: #FFFFFF; }



section#wagners-welt-dresden ul.sectionNavi li {background-color: #9e508a; color: #FFFFFF!important; }
section#wagners-welt-dresden ul.sectionNavi li.active {background-color: #401c71; color: #FFFFFF!important; }

.bgPurple {background-color: #333333;}
.bgPurple h2, .bgPurple p	{color: #FFFFFF;}
.bgPurple ul.sectionNavi li {background-color: #9e508a;}
.bgPurple ul.sectionNavi li div {background-color: #9e508a; background-color: rgba(158, 80, 138, 0.7);}
.bgPurple div.sectionFooter	{background-color: #9e508a;}
.bgPurple div.sectionFooter * { color: #FFFFFF; }

/*ensemble*/
section#ensemble	{background-color: #333333; }
section#ensemble h2, section#ensemble p	{color: #FFFFFF;}
section#ensemble ul.sectionNavi li	{width: 250px; height: 250px; background-size: cover; background-repeat: no-repeat; display: inline-block; padding: 10px; background-color: #9e508a;margin: 10px; overflow: hidden; position: relative; background-position: 50% 50%;}

section#ensemble ul.sectionNavi li div	{position: absolute; top: 0px; left: 0px; width: 250px; height: 150px; padding: 10px; bottom: 0px; right: 0px; background-color: #9e508a; background-color: rgba(158, 80, 138, 0.7); opacity: 1; transition: opacity 0.5s; width: 100%; height: 100%; box-sizing: border-box; text-align: center;}
section#ensemble ul.sectionNavi li div *	{vertical-align: middle }

section#ensemble ul.sectionNavi li div:hover	{opacity: 0;}

section#ensemble div.sectionFooter	{background-color: #9e508a;}
section#ensemble div.sectionFooter * { color: #FFFFFF; }

/*wagner salon*/
/*
section#wagner-salon	{background-color: #333333; }
section#wagner-salon h2, section#wagner-salon p	{color: #FFFFFF;}
section#wagner-salon ul.sectionNavi li	{width: 250px; height: 250px; background-size: cover; background-repeat: no-repeat; display: inline-block; padding: 10px; background-color: #9e508a;margin: 10px; overflow: hidden; position: relative; background-position: 50% 50%;}

section#wagner-salon ul.sectionNavi li div	{position: absolute; top: 0px; left: 0px; width: 250px; height: 150px; padding: 10px; bottom: 0px; right: 0px; background-color: #9e508a; background-color: rgba(158, 80, 138, 0.7); opacity: 1; transition: opacity 0.5s; width: 100%; height: 100%; box-sizing: border-box; text-align: center;}
section#wagner-salon ul.sectionNavi li div *	{vertical-align: middle }

section#wagner-salon ul.sectionNavi li div:hover	{opacity: 0;}

section#wagner-salon div.sectionFooter	{background-color: #9e508a;}
section#wagner-salon div.sectionFooter * { color: #FFFFFF; }
*/

section#wagner-salon ul.sectionNavi li, section#wagner-salon ul.filterNavi li	{background-color: #9e508a; color: #FFFFFF; }
section#wagner-salon ul.sectionBackground {opacity: 0.1;}
section#wagner-salon ul.sectionNavi li.active, section#wagner-salon ul.filterNavi li.active	{background-color: #401c71; color: #FFFFFF!important; }
section#wagner-salon ul.sectionNavi li div h3	{color: #FFFFFF;}
section#wagner-salon ul.sectionNavi li.active div h3	{color: #9e508a;}

section#wagner-salon ul.sectionNavi li	{width: 250px; height: 250px; background-size: cover; background-repeat: no-repeat; display: inline-block; padding: 10px; background-color: #9e508a;margin: 10px; overflow: hidden; position: relative; background-position: 50% 50%;}

section#wagner-salon ul.sectionNavi li div	{position: absolute; top: 0px; left: 0px; width: 250px; height: 150px; padding: 10px; bottom: 0px; right: 0px; background-color: #9e508a; background-color: rgba(158, 80, 138, 0.7); opacity: 1; transition: opacity 0.5s; width: 100%; height: 100%; box-sizing: border-box; text-align: center;}
section#wagner-salon ul.sectionNavi li div *	{vertical-align: middle }

section#wagner-salon ul.sectionNavi li div:hover	{opacity: 0;}

section#wagner-salon div.sectionFooter	{background-color: #9e508a;}
section#wagner-salon div.sectionFooter * { color: #FFFFFF; }


section#presse ul.sectionNavi li, ul.filterNavi li	{background-color: #9e508a; color: #FFFFFF;}
section#presse ul.sectionNavi li.active, section#presse ul.filterNavi li.active	{background-color: #401c71; color: #FFFFFF; }



/*gallery*/
section#galerie	{background-color: #333333;}
section#galerie h2	{color: #FFFFFF;}
section#galerie ul.sectionNavi li div h3	{color: #FFFFFF;}
section#galerie ul.sectionNavi li.active div h3	{color: #9e508a;}

/*tickets*/
section#tickets	{background-color: #401c71;}
section#tickets *	{color: #FFFFFF}
section#tickets p.centeredBox	{background-color: #9e508a;}
section#tickets p.centeredBox:nth-child(2n-1)	{background-color: #FFFFFF!important; color: #401c71!important;}
section#tickets p.centeredBox:nth-child(2n-1) *	{color: #401c71!important;}
section#tickets .sectionFooter	{text-align: center;}
section#tickets .sectionFooter img	{max-width: 100%;}

/*kontakt*/
section#kontakt	{background-color: #9e508a;}
section#kontakt *	{color: #FFFFFF;}
section#kontakt ul.sectionNavi li {background-color: #401c71;}
section#kontakt ul.sectionNavi li.active, section#kontakt ul.sectionNavi li:hover	{background-color: #FFFFFF; }
section#kontakt ul.sectionNavi li.active *, section#kontakt ul.sectionNavi li:hover h3	{background-color: #FFFFFF; color: #401c71!important;}
section#kontakt div.sectionHeader	{}

#va-vvo-online label {width: 400px!important; margin: auto; }
#va-vvo-online label, #va-vvo-online input	{color: #000000!important;}

#wrap	{background-color: #401c71;}

section#kontakt p.centeredBox	{background-color: #401c71; padding: 10px;}

.TextFormatterGoogleMaps	{height: 400px;}

.sponsorenList	{list-style: none; text-align: center; white-space: nowrap; overflow: hidden;}
.sponsorenList li	{display: inline-block; width: 20%; float: left!important;}
.sponsorenList li img	{height: 50px; width: auto; margin: auto;} 

/*croudfunding list*/
#uList	{list-style: none; text-align: center;}
#uList li	{display: inline-block; padding: 5px 10px 5px 10px; background-color: #9e508a; color: #FFFFFF; margin: 0px 10px 10px 0px;}

/*form*/
form.mailForm	{background-color: #401c71!important;}
form.mailForm label	{color: #FFFFFF;}
form.mailForm button	{background-color: #9e508a!important; color: #FFFFFF;}
form.mailForm select {
	display: block; 
	width: 100%;
}

form.mailFormGen	{background-color: #401c71!important;}
form.mailFormGen label	{color: #FFFFFF;}
form.mailFormGen button	{background-color: #9e508a!important; color: #FFFFFF;}



form.sponsorForm	{text-align: center; margin-top: 20px;}
form.sponsorForm fieldset	{background-color: #9e508a; padding: 20px 20px 20px 50px; border: none; margin: 0px 0px 20px 0px; position: relative; text-align: left;}
form.sponsorForm fieldset input	{position: absolute; left: 20px; top: 25px;}
form.sponsorForm fieldset p.amount, form.sponsorForm fieldset p.name	{margin-bottom: 5px; font-weight: bold;}
form.sponsorForm fieldset p.amount {font-size: 20px;}
form.sponsorForm fieldset p.name {font-size: 18px;}
form.sponsorForm p#sumAmount	{text-align: center; margin-bottom: 20px;}
form.sponsorForm p#sumAmount div	{display: inline!important;}
form.sponsorForm button	{padding: 3px 20px 3px 20px; background-color: #FFFFFF; color: #9e508a!important; border: none;}

#orderForm.mailForm input.disabled, #orderForm select.disabled	{color: #FFFFFF!important; background-color: #9e508a;}

body.m section.filter ul.sectionNavi li	{display:block;}
body.m section.filter ul.sectionNavi li div	{display: block;}



