/* Design, Aufteilung, Hintergrund */

@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: normal;
  src: local('Cantarell Regular'), local('Cantarell-Regular'), url('https://themes.googleusercontent.com/font?kit=p5ydP_uWQ5lsFzcP_XVMEw') format('truetype');
}
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: bold;
  src: local('Cantarell Bold'), local('Cantarell-Bold'), url('https://themes.googleusercontent.com/font?kit=Yir4ZDsCn4g1kWopdg-ehC3USBnSvpkopQaUR-2r7iU') format('truetype');
}
@font-face {
  font-family: 'Cantarell';
  font-style: italic;
  font-weight: normal;
  src: local('Cantarell Oblique'), local('Cantarell-Oblique'), url('https://themes.googleusercontent.com/font?kit=DTCLtOSqP-7dgM-V_xKUjqCWcynf_cDxXwCLxiixG1c') format('truetype');
}


body	{font-family:Cantarell,Arial,Helvetica,sans-serif;
	 font-size:16px;
	 margin:0;
	 padding:0;
	 background-color:#c5d3d0;
	 overflow-y:scroll;}
#container	{background-color:#c5d3d0/*#d9fff8*/;
		 margin:0;
		 padding-top:10px;
		 padding-bottom:20px}
#inhalt	{width:960px;
         -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;
	 margin:0px auto;
	 padding-bottom:10px;
	 background-color:#303030;}
#header	{padding-left:10px;
	 padding-right:10px;
	 margin:0;
	 margin-bottom:5px;
	 width:940px;
	 height:120px;
	 color:white;
	 min-height:100px;
	 border-bottom:2px solid #d20000;
	 background:url(/bilder/saal-head.png) no-repeat 350px center;}
#header h1	{
	 margin:10px 0 10px 0;
	 padding:0;
	 width:334px;
	 float:left;
	 }
#header h1 a	{
	 display:block;
	 position:relative;
	 width:334px;
	 height:100px;
	 }
#header h1 a span	{
	 display:block;
	 position:absolute;
	 width:100%;
	 height:100%;
	 background:url(../bilder/Theater-Logo2.png) top left no-repeat;
	 cursor:pointer;
	 }
#navi_wrapper	{margin:0px;}
#main	{
	 margin-left:0px;
	 margin-right:0px;
	 margin-top:20px;
	 margin-bottom:10px;
	 background-color:#c5d3d0;
	 color:#303030;}
#text	{
	 width:502px;
	 float:left;
	 overflow:hidden;
	 margin-top:3px;
	 padding-left:69px;
	 padding-right:56px;
	 background-color:white;
	 border:1px solid #303030;
	 /*font-weight:bold;*/
	 text-align:left;
	 min-height:505px;
	 box-shadow:3px 3px 3px #7f8886}
#text > p,#text > ul	{
	 line-height:1.4em;}
p#karten	{
	 line-height:1.1em;}
#extras	{width:330px;
	 /*border-left:1px solid #303030;*/
	 margin-left:630px;
	 padding-left:0px;
	 padding-right:0px;
	 padding-bottom:3px;
	 padding-top:3px;
	 font-size:14px;}
#extras ul	{list-style-type:none;
		 margin-left:20px;
		 margin-right:0px;
		 margin-top:0px;
		 padding:0px;}
#extras li	{border:2px solid #303030;
		 margin-bottom:10px;
		 background-color:white;
		 color:#303030;
		 -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#extras li h3	{font-size:1em;
		 background-color:#d20000/*#303030*/;
		 /*color:white;*/
		 margin-top:0px;
		 margin-bottom:0px;
		 padding-left:5px;
		 padding-right:5px;
		 text-align:center;}
#extras li div	{padding:5px;}
.clear	{clear:left;font-size:3px}
#footer	{text-align:center}


/* Link-Farben + Verhalten */

a	{font-weight:bold}
a:link	{text-decoration:underline;color:#115497 /*11977b*/}
a:visited	{text-decoration:underline;color:#0c3a69 /*0c6955*/}
a:hover	{text-decoration:none;color:#166dc5 /*16c5a0*/}
#header a	{color:white}

#extras li h3 > a:link	{text-decoration:none;
		 	 color:white}
#extras li h3 > a:visited	{text-decoration:none;
		 	 color:white}
#extras li h3 > a:hover	{text-decoration:none;
			 color:#ddd}

/* Navigation */

#navi_wrapper {border:0px;
	background-color:#303030;
	width:960px; 
	height:50px;
	font-weight:bold;
	font-size:14px;
	font-family:"Century Schoolbook","Century Schoolbook L",serif;
	color:white}
#navi_wrapper * {border:0;
	text-align:center}
#navi,#monateNav,#uberNav {list-style-type:none}
#navi {margin:0; 
	padding:0;
	height:20px;
	width:960px;}
/* Die folgenden Eigenschaften fuer <li> sind ein Fix fuer den Staircase-Bug in IE6 und 7 */

#navi li {display:inline;}
#monateNav li {display:inline;}
#uberNav li {display:inline;}

#navi * a {display:block;
	float:left;
	width:110px;
	height:20px;
	color:white;
	text-decoration:none;
	letter-spacing:0.2em;
	margin:0 5px;
	padding:0;
	background-image:url(../bilder/buttons/Navi-rot-neu.png)}

/* Das !important ist wichtig, um den Hover-Effekt zu erhalten nachdem mit JavaScript 
   das Hintergrundbild geändert wurde */

#navi * a:hover {background-image:url(../bilder/buttons/Navi-rot-aktiv-neu.png) !important}
#navi > li {margin:0;
	padding:0}
#subNavi {margin:0 5px;
	height:30px;
	width:950px;
	background:url(../bilder/buttons/Subnavi-bg-rot.png) repeat-x;}
#subNavi ul {display:none}
#monateNav {margin:0;
	padding:0; 
	height:30px}
#monateNav * a {display:block;
	float:left;
	width:86px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	color:white;
	text-decoration:none;
	background:url(../bilder/buttons/SubnavTrenner.png) right no-repeat}
#monateNav * a:hover {color:#1699c5}

#uberNav {margin:0;
	padding:0; 
	height:30px}
#uberNav * a {display:block;
	float:left;
	width:105px;
	height:30px;
	line-height:30px;
	margin:0;
	padding:0;
	color:white;
	text-decoration:none;
	background:url(../bilder/buttons/SubnavTrenner.png) right no-repeat}
#uberNav * a:hover {color:#1699c5}

/* Eigenschaften innerhalb des Haupttextes */

.bildunt	{
	font-size:0.6em;
	}
.quelle	{
	font-size:0.6em;
	font-style:italic;
	}
.zitatquelle {
	font-variant:small-caps;
	}
img.text	{
	margin-bottom:0.3em;
	}
img.programm	{
	float:right;
	margin-left:0.5em;
	}
img.programm-l	{
	float:left;
	margin-right:0.5em;
	}
.guestbook-body	{
	border:1px dotted #303030;
	}
tr.guestbook-body p	{
	margin-top:10px;
	padding:5px;
	font-weight:normal;
	}
tr.guestbook-body p span span	{
	font-weight:bold;
	font-style:italic;
	}
tr.guestbook-body p span	{
	font-style:italic;
	}
p.thanks	{
	text-align:center;
	margin-top:30px;
	}
.underline	{
	text-decoration:underline;
	}
#aktuell	{
/*	border-left:1px dotted #303030;
	border-right:1px dotted #303030;*/
	background-color:transparent;
	}
#aktuell > dt	{
	margin-top:1em;
	text-align:center;
	/*color:#303030;*/
	}
.aktuellnormal	{
	color:#115497;
	}
.aktuellhover	{
	color:#166dc5;
	}
#aktuell > dt.first	{
	margin-top:0;
	}
#aktuell > dd	{
	margin:1em 0.5em 0;
	background-color:#eee;
        background: rgba(238, 238, 238, .6);
	padding:5px;
	}
#aktuell dt > span	{	
	border:1px solid #303030;
	-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;
        -moz-box-shadow: rgba(0,0,0, .5) 5px 5px 5px;
        -webkit-box-shadow: rgba(0,0,0, .5) 5px 5px 5px;
        box-shadow: rgba(0,0,0, .5) 5px 5px 5px;
	text-shadow: rgba(0,0,0, .3) 1px 1px 1px;
	background:#f0f0f0;
	}
#aktuell dd	{
	-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;
	}	
.right	{
	float:right;
	}
.left	{
	float:left;
	}

/* Die Galerie */
table.gallery	{
	width: 90%;
	background-color: #303030;
	color: white;
	/*border-collapse: collapse;*/
	padding: 30px;
	border-color:#303030;
	border-top-left-radius: 50px 30px;
	-moz-border-radius-topleft: 50px 30px;
	-webkit-border-radius-topleft: 50px 30px;
	border-bottom-right-radius: 50px 30px;
	-moz-border-radius-bottomright: 50px 30px;
	-webkit-border-radius-bottomright: 50px 30px;
	margin-bottom:1.5em;
	text-align:center;
	}
table.gallery td	{
	padding: 1em;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	}
table.gallery img	{
	border: 2px solid #999;
	}
table.gallery img:hover	{
	border: 2px solid #ddd;
	}

/* Style für Ad-Button */

@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis);

#myad {
	position:relative;
	border-bottom:1px dashed #ccc;
	height:4em;
	margin-top:1em;
	overflow:visible;
}

#myad > a {
	font-size:0.8em;
	font-weight:normal;
	display:block;
	float:right;
	padding:5px;
	text-align:center;
	text-decoration:none;
	height:3em;
	width:120px;
	color:#333;
	border-radius:3px;
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.8);
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.8);
	-o-box-shadow:0 1px 1px rgba(0,0,0,0.8);
	box-shadow:0 1px 1px rgba(0,0,0,0.8);
	text-shadow:1px 1px 0 rgba(255,255,255,0.6);
	background: #f2fff8; /* Old browsers */
	background: -moz-linear-gradient(top, #f2fff8 0%, #deeae4 50%, #d2ddd8 51%, #e8f4ee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2fff8), color-stop(50%,#deeae4), color-stop(51%,#d2ddd8), color-stop(100%,#e8f4ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2fff8 0%,#deeae4 50%,#d2ddd8 51%,#e8f4ee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2fff8 0%,#deeae4 50%,#d2ddd8 51%,#e8f4ee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2fff8 0%,#deeae4 50%,#d2ddd8 51%,#e8f4ee 100%); /* IE10+ */
	background: linear-gradient(top, #f2fff8 0%,#deeae4 50%,#d2ddd8 51%,#e8f4ee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2fff8', endColorstr='#e8f4ee',GradientType=0 ); /* IE6-9 */
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}

#myad > a > span {
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; /* IE8 */
	filter: alpha(opacity=00); /* IE5-7 */
	top:0;
	position:absolute;
	right:160px;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	color:#303030;
}

#myad > a > span > span {
	font-family: 'Terminal Dosis', 'Cantarell', sans-serif;
	font-size:1.2em;
}

#myad > a:hover {
	background:#f2fff8;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	color:#d20000;
	-moz-box-shadow:0 3px 5px rgba(0,0,0,0.8);
	-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.8);
	-o-box-shadow:0 3px 5px rgba(0,0,0,0.8);
	box-shadow:0 3px 5px rgba(0,0,0,0.8);
	top:-1px;
}

#myad > a:hover > span {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 */
	filter: alpha(opacity=100); /* IE5-7 */
	right:160px;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
}


/* Ad-Button Ende */

/* Foerderung Startseite */

#support {
	overflow:hidden;
	position:relative;
	top:50px;
	border-top:1px dashed #ccc;
}

#support > p {
	float:left;
	margin:0 1em;
}

#support > h4 {
	margin:18px 0;
}