@charset "utf-8";
/* CSS Document: Style */

/* Farben 
	Dunkelblau: 		 #002f56;
	Mittelblau: 		 #778aa2;
	Schrift + Headlines: #01213f;
*/


/* ##### Reset-Skript ##### */

center, isindex, html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, h6,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 101%;
	font-family: inherit;
	font-variant: inherit;
}

html {
 height:101%;
 margin-bottom:0px;
}

/*################################################################*/

#ie6box {display:none;}


/* WEBSITE - Struktur */

body {
  margin:0px;
  background:url(img/site_bg.jpg) top left;
  height:101%;
}


#container {
	width:904px;
	height:auto;
	min-height:1000px;
	background:url(img/container_bg.png) repeat-y top left; 
	position:absolute;
	left:50%;
	margin-left:-452px;
/*	position:relative;
	margin: 0 auto;
	margin-bottom: -25px;
	 */
}

#header {
	width:798px;
	height:399px;
  margin:0px;
	padding:0 52px;
	position:relative;
	background:url(img/default.jpg) center bottom no-repeat;
 
	position:relative;
}



.logo, .logo:hover {
  margin:0 0 0 52px;
  position:absolute;
  top:0px;
  left:0px;
  float:left;
  z-index:90;
}



/* _________ Startseite __________ */

#content {
  width:698px;
  position:relative;
  margin:0 52px;
  padding:25px 50px;
  height:auto;
  min-height:400px;
}


div.inhalt {
  width:698px;
  height:auto;
  margin:0 0 15px 0; 
  float:left;
  position:relative;
}


div.inhalt-links {
  width:360px;
  height:auto;
  margin:0 50px 15px 0;
  	float:left;
}

div.inhalt-rechts {
  width:270px;
  height:auto; 
  	float:right;
}



div.kontaktbox {
  width:230px;
  height:auto;
  background:#d6d6d6;
  padding:20px;
	float:right;
	margin-bottom: 15px;
}

div.kontaktbox h1 {font-size:15px; font-weight:bold; margin:0px;}

div.inhalt-rechts div#datepicker {float:right; padding:0px; width:230px; margin-top:20px; background:#d6d6d6; padding:20px;}

div.inhalt-rechts div#datepicker h1 {
  font-size:16px; line-height:auto; margin:0px;
}

/* ####################### */



/* ######### Navigation ######### */

ul#mainnavi {width:798px; height:47px; margin:0 52px 40px 52px; background:url(img/mainnavi/mainnavi_bg.gif) repeat-x top left; border-top:solid 1px #fff;}
ul#mainnavi  li {float:left; list-style-type:none; height:47px; width:auto; margin:0px; text-indent:-99999px;}  

/* Roll-Over Bilder */
ul#mainnavi li.navid2 a {display:block; width:157px; height:47px; background:url(img/mainnavi/theaterring.jpg) no-repeat top center;}
ul#mainnavi li.navid2 a:hover {background:url(img/mainnavi/theaterring_hover.jpg) no-repeat top center;}
ul#mainnavi li.navid2.current a {background:url(img/mainnavi/theaterring_hover.jpg) no-repeat top center;}

ul#mainnavi li.navid3 a {display:block; width:163px; height:47px; background:url(img/mainnavi/spielplan.jpg) no-repeat top center;}
ul#mainnavi li.navid3 a:hover {background:url(img/mainnavi/spielplan_hover.jpg) no-repeat top center;}
ul#mainnavi li.navid3.current a {background:url(img/mainnavi/spielplan_hover.jpg) no-repeat top center;}

ul#mainnavi li.navid4 a {display:block; width:124px; height:47px; background:url(img/mainnavi/impressionen.jpg) no-repeat top center;}
ul#mainnavi li.navid4 a:hover {background:url(img/mainnavi/impressionen_hover.jpg) no-repeat top center;}
ul#mainnavi li.navid4.current a {background:url(img/mainnavi/impressionen_hover.jpg) no-repeat top center;}

ul#mainnavi li.navid5 a {display:block; width:134px; height:47px; background:url(img/mainnavi/karten.jpg) no-repeat top center;}
ul#mainnavi li.navid5 a:hover {background:url(img/mainnavi/karten_hover.jpg) no-repeat top center;}
ul#mainnavi li.navid5.current a {background:url(img/mainnavi/karten_hover.jpg) no-repeat top center;}

ul#mainnavi li.navid6 a {display:block; width:220px; height:47px; background:url(img/mainnavi/veranstaltung.jpg) no-repeat top center;}
ul#mainnavi li.navid6 a:hover {background:url(img/mainnavi/veranstaltung_hover.jpg) no-repeat top center;}
ul#mainnavi li.navid6.current a {background:url(img/mainnavi/veranstaltung_hover.jpg) no-repeat top center;}


/* ######### ########## ######### */



/* ####### Meta-Navi ####### */

ul#metanavi {width:215px; height:14px; float:right; padding:8px 7px 8px 530px; margin:0px; color#5a3b17; display:inline; background:#fff;}
ul#metanavi li {list-style-type:none; height:20px; width:auto; display:inline;} 
ul#metanavi li a {width:auto; height: 20px; background:none; padding:5px; display:inline;}
ul#metanavi li a:hover, .current, li.active {background:none; width:auto; height:20px; display:inline; margin:0px;}

ul#metanavi li a{
  color:#5a3b17;
	font-size: 11px;
	font-family:Verdana;
	font-weight:normal;
	text-decoration:none;
	text-transform:none;
	text-align: center; 
}

ul#metanavi li a:hover {
    color:#202020;
    text-decoration:underline;
}

ul#metanavi li.active a {	
    color:#202020;
    text-decoration:underline;
}

ul#metanavi li.active a:hover {	
    color:#202020;
    text-decoration:underline;
}


/*###########################################################################*/


/* ### Schriftformatierungen ### */

body {
	font-size: 12px;
	font-family: Arial, Verdana;
	color: #5b5b5b;
	line-height: 20px;
	text-align:left;
	font-weight:normal;
}


/* Textauszeichnungen */
p, .fieldset, .forminfo, #form-module-thanks, td, th {
	font-size: 12px;
	font-family: Arial, Verdana;
	color: #5b5b5b;
	line-height: 22px;
	text-align:left;
	font-weight:normal;
	margin-bottom:12px;
}


i {
	font-weight:normal;
	font-style: italic;
	color:#5a3b17;
}


legend {
  font-weight: bold;
	color:#c3022e;
  font-size: 12px;
}


em {
	color: #5b5b5b;
  font-style: oblique;
  font-size:12px;
}


strong {
	font-weight: bold;
	color:#5a3b17;
	font-size: 12px;
	line-height:18px;
	margin:25px 0 0 0;
}



/* Überschriften */
h1 {
 	color: #5a3b17;
	font-size: 30px;
	font-family: TW Cen MT, Arial, Verdana, sans-serif;
	font-weight: bold;
	line-height:28px;
	margin-bottom:30px;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-top:0px;
}


h2 {
 	color: #5a3b17;
	font-size: 18px;
	font-family: TW Cen MT, Arial, Verdana, sans-serif;
	font-weight: normal;
	line-height:28px;
	margin-bottom:10px;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin-top:0px;
}


h3 {
 	color: #5a3b17;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
  margin-bottom:20px;
	margin-top:1px;

}

h4 {
    color: #002f56;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
  	margin-top: 1px;
  	margin-bottom: 1px;	
}

h5 {
  	color: #002f56;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
}

h6 {
  color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	height:14px;
	padding:5px 5px 5px 7px;
	width:60px;
	display:block;
	background:#3f6aa9;
	text-align:left;
}


.Stil1, .Stil2 {
   color: #ffffff;
}


/* Text-Links */
a {
 	color: #5a3b17;
   font-weight:bold;
   text-decoration: none;
   margin:0px;
}

a:hover {
   text-decoration: underline;
}

a img {
   text-decoration: none;
   margin:0px;
}

a img:hover {
   text-decoration: none;
   margin:0px;
}


.text_image {
 float:right;
 border:solid 1px #0073b9;
 margin: 15px 0 0 0;
}