/* ============================== globale Formate =========================== */

html,body, div, p, ul, li, a {
	margin: 0;
	padding: 0;
}

body {		
	font-family: Verdana, Helvetica, Arial , Tahom, sans-serif;
	font-size: 83%;
	text-align: center;
	color: #000;
	background-color: #000;
}

#content a {color: #E26100; border-bottom: 1px solid #9B5A1D; text-decoration: none; white-space: nowrap;}
#content a:visited {border-bottom: 1px solid #CA9B68;}
#content a:active, #content a:hover, #content a:focus {color: #000; border-bottom: 1px solid #9B5A1D;}

/* Linklabeling */
.pdfLink { padding-right: 19px; background: url("../gfx/design/icon-pdf.gif") no-repeat right center; }
.docLink { padding-right: 19px; background: url("../gfx/design/icon-doc.gif") no-repeat right center; }
.zipLink { padding-right: 17px; background: url("../gfx/design/icon-zip.gif") no-repeat right center;}


/* ============================== Container  =========================== */

#container {
	margin: 0 auto 0 auto;
	width: 80%;	min-width:750px; max-width: 900px;
	min-height:100%;
	text-align: left;
	background: url(../gfx/design/bg-header-flex.gif) left top repeat-x #F6D8AF;
      position: relative;
}
	
#header {
	height: 155px;
	width:100%;
	background: url(../gfx/design/bg-header-right.jpg) right top no-repeat;
	position: relative;
	z-index:2;
}

/* verlinktes Logo */
#logo {
	width: 282px; height: 155px;
	display: block; 
	float: left; 
	font-size: 0; line-height: 0px; text-decoration: none;
}

html>body #logo { /* hides this from ie*/
	background: url("../gfx/design/logo.png") no-repeat;
}

/* Impressum Link */
a#impressum, a#impressum:visited {float: right; margin: 138px 40px 0 0; font-size: 10px; text-decoration: none; color: #63350B;}
a#impressum:active, a#impressum:hover, a#impressum:focus {color: #FFF;}

#content {
		width: 100%;
		background: url(../gfx/design/bg-content-ro.gif) right top no-repeat #F6D8AF;
		}

/* die rechte Spalte ist std-mäßig unsichtbar - wird nur im content class="mixed" angezeigt */
#sidebar {
	display: none;
}

#content-box {
		width: 100%;
		padding: 40px 0 10px 0;
		background: url(../gfx/design/bg-content-lo.gif) left top no-repeat;
		}

/* mixed = 3 Spalten */
.mixed #content-box {
		width: 75%;
		float: left;
		padding: 40px 0 10px 0;
		}
		
.mixed #sidebar {
		display: block;
		float: right;
		width: 25%;
		padding: 5px 0;	
}

#footer	{
		width:100%;
		background: url(../gfx/design/bg-footer.gif) top left repeat-x #EAA057;
}

#footer div {		
	width: 100%;
	background: url(../gfx/design/bg-footer-ru.gif)  right bottom no-repeat;
}

/* Positionierung des Textes ausserhalb des Sichtbaren */
#header span  {display: block; position: absolute; top: -3000em; left: -3000em;} 

/* Umbruch für korrektes Clearing */
.clear-it {clear:both}


/* ============================== Navigation [suckerfish flyout] ============================== */

/* nicht sichtbar, doch lesbar für Screenreader */

.speakonly {
			display: block;
			height: 1px; width: 1px;
			position: absolute; left: -3000px;  top: -3000px;
}

dfn	{
	display: block;
	height: 1px; width: 1px;
	overflow: hidden;
	position: absolute; left: -3000px; top: -3000px;
}

#nav {
	margin: 0 auto 0 auto;
	height: 24px;
	position:relative;
	z-index:2;
	background: #000;
	text-align: center;
}

#nav ul {
	margin: 0 auto 0 auto;
	width: 94%; height: 24px;
	background: url("../gfx/design/bg-nav.gif") repeat-x #000;
	border-left: 1px solid #492A0E; border-right: 1px solid #492A0E;
	text-align: left;
	}

#nav li
{
	float: left;
	list-style-type: none;
}

#nav ul li a, #nav ul li a:visited
{ 
	display: block;
	margin: 0; 
	height: 24px; /* wichtig für korrekte Darstellung bei größerer Schriftgröße */
	font-family:  Arial, Helvetica, Geneva, Tahoma, sans-serif;
	font-size: 14px;  font-weight: bold; color: #E6D6C6;
	text-decoration: none;
	padding: 0 8px 0 7px;
	text-transform: uppercase; letter-spacing: 1px; 
	line-height: 170%; /* line-height in Pixelgröße bewirkt einen Leerraum unter dem Menü bei größerer Schrift */
	white-space: nowrap;
}

#nav ul li a:active, #nav ul li a:hover, #nav ul li a:focus 
{
	color: #FFF;
}

#nav li ul {
	position: absolute; 
	left: -999em;
	height: auto; width: 140px;
	border: none; background: none;
}

#nav li li {
	width: 130px;
}

#nav li ul a, #nav li ul a:visited {
	width: 130px; height: 1.73em;
	padding: 0 9px 0 7px;
	font-size: 11px; text-transform: none; font-weight: normal; color: #FFF; 
	line-height: 173%;
	border-bottom: 1px solid #C96D19;
}

html>body #nav li ul a, html>body #nav li ul a:visited { /* hides this from ie*/
	background: url("../gfx/design/bg-subnav.png") no-repeat;
}

html>body #nav li ul a:hover, html>body #nav li ul a:focus, html>body #nav li ul a:active {
	background: url("../gfx/design/bg-subnav-hover.png") no-repeat;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto; 
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover a, #nav li:hover a:visited,  #nav li.sfhover a, #nav li.sfhover a:visited {
	color: #FFF;
}

/* aktive Menüpunkte */
#nav ul .current a, #nav ul .current a:visited {color: #FFF;}

/* Breite Flyout*/
#nav #n-aktuelles ul a, #nav #n-aktuelles ul a:visited {width: 3.5em;}
#nav #n-comedy-start ul a, #nav #n-comedy-start ul a:visited {width: 11em;}
#nav #n-theater-impulsiv ul a, #nav #n-theater-impulsiv ul a:visited {width: 13.5em;}


/* ============================== Schriften  ============================= */


h1, h2 {font-family: Arial, Helvetica, sans-serif;}

h1#section {
	float: right;
	display: inline;
	margin: -28px 27px 0 0;
	font-size: 2.1em; color: #CA9B68; text-transform: uppercase;
	}
	
#sidebar h1#section {
	float: right;
	display: inline;
	margin: 7px 27px 27px 0;
	font-size: 2.1em; color: #CA9B68; text-transform: uppercase;
	}
	
#content-box h2.marginal {
	font-size: 1.2em; line-height: 1.5em; color: #E27007;
	margin: 0 10px 10px 0;
}

#content-box h2 {
	font-size: 1.2em; line-height: 1.5em; color: #E27007;
	margin: 0 10px 10px 25px;
}


#content-box h2.seo {
	font-size: 1.1em; line-height: 1.5em; color: #9C5B1E;
	margin: 0 10px 10px 15px;
}

#content-box h3 {
	font-size: 1.0em; line-height: 170%; 
	font-weight: bold;
	margin: 0 0 0 25px;
}

#content-box h4 {
	font-size: 1.0em; line-height: 100%;
	font-weight: normal;
	margin: 0 -1px 0 25px;
	padding: 0;
}

#content-box p  {
	margin: 10px 15px 12px 25px;
	line-height: 150%;
	}
	
.new-space {
	clear: both;
}

/* Style für eine Absatz-Spalte neben einem Bild */
#content #content-box p.mittelspalte  {
	margin: 5px 18px 15px 3px;
	padding-left: 320px;
	}
	
#content #content-box p.schmal  {
	padding-left: 280px;
	}


#sidebar p {
	clear: both;
	margin: 0 26px 12px 0;
	color: #7D4818; font-size: 80%; line-height: 160%;
	text-align: justify;
}

#content-box ul {margin: 10px 0 15px 50px;}
#content-box ul li {
			background: none;
			list-style-type: circle; 
			line-height: 160%; 
			margin: 0; 
			padding: 2px 0 2px 2px; 
			}

.ul-img	{ 	
	line-height: 170%; 
	list-style-image: url("../gfx/design/bullet-01.gif");
	margin: 12px 15px 26px 10px; padding: 2px 15px 2px 20px; 
	}

.ul-img li {margin-bottom: 1em; background-image: none;}

#content-box ul.abstand li {margin-left: 17px;}


#footer p {
	width: 100%; height: 70px;
	background: url(../gfx/design/bg-footer-lu.gif) left bottom no-repeat;
	font-size: 75%; line-height: 70px; text-align: center; font-weight: bold; color: #8B501A;
}

#footer p a, #footer p a:visited{
	color: #8B501A;
}

#footer p a:active, #footer p a:hover, #footer p a:focus {
	text-decoration: underline; color: #FFF;
}

#footer span {color: #C47125;}
#footer span span {color: #E58D32;}



/* ============================== Bilder und Zierelemente  ============================= */


/* große Bilder im content */
.decoration-l {
	float: left;
	margin: 3px 13px 12px 25px;
	border: 4px solid #ECAB67;
}

.decoration-r {
	float: right;
	margin: 3px 15px 12px 12px;
	border: 4px solid #ECAB67;
}

.smaller {
	border: 2px solid #ECAB67;
}


hr { color: #F6D8AF; width: 94%; background-color: #FBF1E2; border-top: 1px solid #ECAB67; border-left: 1px solid #F6D8AF; border-right: 1px solid #F6D8AF; border-bottom: 1px solid #F6D8AF; margin: 15px 0 5px 23px; display: block; line-height: 1px; font-size: 1px;}


/* News-Bereich */

.cat-dates {font-size: 70%; margin: 0 0 0 25px;}
#content-box #newsbox span {margin: 0 0 0 25px; font-size: 70%;}
#content-box #newsbox form {margin: 0 0 0 25px;}
#content-box #newsbox h2 {font-size: 100%; margin: -5px 0 0 25px; color: #D67924;}
#content-box .newstext {margin: 5px 0 7px 25px;}
#content a.marker, #content a.marker:visited {border: none; text-decoration: none;}

#newsbox input	{
			color: #000;
			border: 1px solid #8B501A;
			background: #F8E1BF;
			cursor: pointer;
			}
			
/* Kontakt */

.kontakt-table {width: 30em; margin: 0 20px 25px 25px; border-collapse: collapse; padding: 0; line-height: 160%;}
.kontakt-table td {vertical-align: top;}