body, html {
	font-family: Arial, Helvetica, sans-serif; 
	height:100%;
	margin:0; padding:0; border:0;
}
body {
	background-color:#ffffff;
	width:870px;
	margin:auto auto;
	background-image:url(layout/hg_seite.gif);
}

#spacer {
	width:100%;
	min-height:100%;
	background-color:#ffffff;
	margin:0 0 -65px 0; padding:0;
}
* html #spacer {
/* fuer IE */
	height:100%;
}
#container {
	height:auto;
	background-color:#ffffff;
	margin:0 60px 0 60px; padding:0;
}
* html #container {
/* fuer IE */
	height:100%;
}

* html #container {
	font-family: Arial, Helvetica, sans-serif; 
}

body, html, p, br, td, th, li, dt, dd, div, span, a, dfn { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:98%;
	color:#000000;
}

.skip,
thead,
dfn {
	position:absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}
acronym {
	border:0;
}

/* ******** Kopf ******** */
#kopf {
	padding:20px 0 0 0;
}
#logo {
	display:inline;
	margin:0 30px 0 0;
}

.abstand {
	clear:both;
	width:100%; height:20px;
	margin:0; padding:0;
}

#hauptnav {
	display:block;
}

#hnav,  #hnav li,
#hnav1, #hnav1 li,
#hnav2, #hnav2 li {
	padding:0; border:0;
	margin:0; 
	list-style-type:none;
}
#hnav, #hnav1, #hnav2 {
	float:left;
	margin-left:35px;
}
#hnav {
	margin-left:0;
}

#pressenav li {
	margin-bottom:5px;
}


/* ******** Hauptteil ******** */
#inh {
	display:block; clear:both;
	padding:0 0 65px 0;
}
h2 {
	font-size:170%;
	font-weight:normal;
	margin:0;
}
h3 {
/*	font-size:160%;
	font-weight:normal; */
	font-size:100%;
	font-weight:bold;
	margin:5px 0 3px 0;
}
.sp1 h3 {
	margin:0 0 3px 0;
}
h3 strong {
	font-size:75%;
}
h3.kl {
	font-size:100%;
	font-weight:bold;
	margin:5px 0 3px 0;
}
h4 {
	font-weight:normal;
}
h4 em {
	font-size:75%;
	font-weight:normal;
	font-style:normal;
}
h4.termin_akt {
	font-size:170%;
	font-weight:normal;
	margin:5px 0 0 0;
}
h4.agb {
	font-size:100%;
	margin:1.2em 0 0 0;
}
h4.abos {
	font-size:100%;
	margin:1.2em 0 0 0;
	text-decoration:underline;
}
h5 {
	font-weight:normal;
}
h5.stueckkommentar {
	font-weight:normal;
	margin:0 0 20px 0;
}

label em {
	font-style:normal;
	color:#999999;
}
div.zweisp {
	clear:both;
}
div.sp1 {
	float:left;
	width:13em;
}
div.sp2,
.mtage {
	float:left;
	width:75%;
}
.mtage {
	color:#999999;	
}
div.sp2 p {
	margin-bottom:10px;
}
div.sp1_kontakt {
	float:left;
	width:34%;
}
div.sp2_kontakt {
	float:left;
	width:64%;
}
div.sp1_kontakt_50 {
	float:left;
	width:50%;
}
div.sp2_kontakt_50 {
	float:left;
	width:50%;
}

div.sp1 p,
div.sp1_kontakt p {
	font-size:100%;
}


table.tbl {
/* alternativ: div.sp2 table */
	float:left;
}
td.datumortlink {
	width:13em;
}
td.datumortlink,
td.stueckbesortzeit,
td.stueckautorzuletzt  {
	padding-bottom:15px;
}
strong.starts,
strong.stuecktitel,
strong.tagort {
	font-size:170%;
	font-weight:normal;
}

strong.archivtitel {
	font-size:100%;
	font-weight:normal;
}
strong.prem, strong.entf, strong.ausverk, strong.sondernach, strong.gastsp {
	font-weight:normal;
	color:#E2007A;
}

table.abotbl td {
	padding-right:15px;
}

table.preistbl th, table.preistbl td {
	width:13em;
}

blockquote {
	margin:0; padding:0;
}

ul {
	padding:0; margin:0;
	list-style-type:none;
}
ul.squares {
	padding-left:20px;
	list-style-type:square;
}
ul.gt {
	padding-left:20px;
	list-style-image:url(/bilder/list_gt.gif);
}

.terminliste,
.persliste,
.stueckliste,
.aboliste {
	padding:0; margin:0;
	list-style-type:none;
}
.terminliste li,
.stueckliste li {
	margin:0 0 10px 0;
}
.persliste li {
	font-size:100%;
}
span.pers_zusatz {
	font-size:75%;
}
span.pers_abstand {
	display:block;
	font-size:
	margin-top:0.5em;
}

.archivliste,
.repertoireliste,
.spielstaettenliste {
	padding:0; margin:0;
	list-style-type:none;
}
.archivliste li,
.archivliste li.umbr,
.repertoireliste li,
.repertoireliste li.umbr,
.spielstaettenliste li,
.spielstaettenliste li.umbr {
	display:inline; float:left;
	width:30%; height:6em;
}
.archivliste li.umbr,
.repertoireliste li.umbr,
.spielstaettenliste li.umbr {
	clear:both;
}
span.spielst_sp1, span.spielst_sp2 {
	display:block; float:left;
	margin-right:5px;
}

.presseliste li {
	clear:both;
	margin-bottom:5px;
}
.presseliste li img {
	float:left;
	margin:0 5px 10px 0;
}

.downliste {
	list-style-type:none;
}

.smap {
	list-style-type:none;
}
.smap li li, .smap li li li{
	padding-left:2em;
}
span.strich_li {
	float:left;
	overflow:hidden; font-size:1px;
	height:2px;
	border-left:29px solid #CECBCE;
	margin:9px 0 9px 0;
}
span.strich_re {
	float:right;
	overflow:hidden; font-size:1px;
	height:2px;
	border-right:29px solid #CECBCE;
	margin:9px 0 9px 0;
}
hr {
	clear:both;
}
p {
	padding:0; border:0;
	margin:0 0 5px 0;
	line-height:1.4em;
}
span.bild {
	display:block; clear:both;
	text-align:left;
	margin:13px 0 13px 0;
}
div.bilder {
	display:block; clear:both;
	width:750px; height:212px;
	overflow:hidden;
	text-align:left;
	white-space:nowrap;
	margin:13px 0 13px 0;
}
img.bild_fg {
	margin:5px 0 0 0;
}

	/* Fotogalerie-Foto */
div.galeriebild {
	display:block; 
	width:700px;
	margin-top:10px;
	background-color:#ffffff;
}
div.galleiste {
	display:block; 
	margin:5px 0 5px 0;
	background-color:#ffffff;
}
span.galvor,
span.galzurueck {
	display:block; float:left; 
	width:27px; 
	margin-top:120px; 
	font-size:35px;
}
span.galzurueck {
	clear:both; 
}
span.galbeschr {
/* zur Zeit auskommentiert in fotos_einzeln.php */
	display:block; float:left; 
	margin:0;
}
span.galbild {
	display:block; float:left; 
	width:645px;
	margin:0;
}

.express {
	background-image:url(layout/hg_seite.gif);
}
.express h4 {
	padding:10px 0 0 0;
}
pre.zsfsg {
	font-family: Arial, Helvetica, sans-serif; 
}

.errmsg {
	color:#ff0000;
	font-weight:bold;
	margin:5px 0 5px 0;
}
.warnmsg {
	color:#ff9900;
	font-weight:bold;
	margin:5px 0 5px 0;
}

.prop {
	height:100%;
	float:right;
	width:1px;
}
.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

/* ******** Fuss ******** */
#schraffur {
	display:block; clear:both;
	width:100%; height:46px;
	margin:10px 0 0 0;
	margin:0;
	background: url(layout/schraffur_u.gif) repeat-x #ffffff;
}
#fuss {
	display:block; clear:both;
	background-color:#ffffff;
	height:auto;
	margin:4px 0 0 0;
	margin:0;
	font-size:70%;
	font-weight:normal;
}

#unten {
	bottom:0;
	width:100%;
	margin:0; padding:0;
	background-color:#ffffff;
}
#unten_container {
	margin:0;
	padding:0 44px 20px 44px;
	background-color:#ffffff;
}


/* ******** Links ******** */
a:link, a:visited, a:active {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#999999;
	text-decoration:underline;
}

h3 a:active {
	text-decoration:none;
}

	/* Navigation */
a.hnavlink:link, a.hnavlink:visited, a.hnavlink:active,
a.unavlink:link, a.unavlink:visited, a.unavlink:active {
	color:#999999;
	text-decoration:none;
}
a.hnavlink:hover,
a.unavlink:hover {
	color:#000000;
	text-decoration:none;
}
a.hnavlinkaktiv:link, a.hnavlinkaktiv:visited, a.hnavlinkaktiv:hover, a.hnavlinkaktiv:active,
a.unavlinkaktiv:link, a.unavlinkaktiv:visited, a.unavlinkaktiv:hover, a.unavlinkaktiv:active {
	color:#000000;
	text-decoration:none;
}
hnav a {
	text-decoration:none;
}

	/* Diverses */
a.ticklink:link, a.ticklink:visited, a.ticklink:active,
a.mtaglink:link, a.mtaglink:visited, a.mtaglink:active,
a.gallink:link, a.gallink:visited, a.gallink:active  {
	color:#999999;
	text-decoration:none;
}
a.ticklink:hover,
a.ticklinkaktiv:link, a.ticklinkaktiv:visited, a.ticklinkaktiv:hover, a.ticklinkaktiv:active,
a.mtaglink:hover,
a.mtaglinkaktiv:link, a.mtaglinkaktiv:visited, a.mtaglinkaktiv:hover, a.mtaglinkaktiv:active,
a.gallink:hover {
	color:#000000;
	text-decoration:none;
}

a.gallink:link, a.gallink:visited,
a.gallink:hover, a.gallink:active  {
	font-size:120%;
	font-weight:bold;
}

a.starts:link, a.starts:visited, a.starts:active,
strong.starts,
strong.stuecktitel,
strong.tagort,
strong.archivtitel,
td.stueckautorzuletzt a,
td.stueckbesortzeit a {
	text-decoration:none;
}
span.galvor a,
span.galzurueck a {
	text-decoration:none;
}

a.starts:hover {
	color:#999999;
}

	/* Fuss */
a.fusslink:link, a.fusslink:visited, a.fusslink:hover, a.fusslink:active {
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}

/* ******** Formulare ******** */
.suchform {
	display:inline; float:right;
	font-size:70%;
}
.suchform a:link, .suchform a:visited,
.suchform label {
	color:#000000;
	font-size:105%;
	font-weight:normal;
	text-decoration:none;
}
.suche {
	width:80px;
	border:solid 1px #000000;
}
	/* Ticketbestellung: */
form.tickform {
	margin:10px 0 10px 0;
	line-height:1em;
}
.ticknav {
	margin:0 0 10px 0;
}
input.tf {
	float:left;
	width:120px;
}
input.hausnr {
	float:left;
	width:27px;
}
input.plz {
	float:left;
	width:40px;
}

label {
	font-size:100%;
}

label.lbl_std, label.lbl_exp,
label.lbl_std2, label.lbl_exp2 {
	float:left;
	width:8em;
	overflow:hidden;
}
label.lbl_std2, label.lbl_exp2 {
	margin-left:15px;
}

label.lbl_std_kk {
	float:left;
	width:120px;
	overflow:hidden;
}
label.lbl_std_nl {
	width:320px;
	overflow:hidden;
}

input.tickfield,
input.tickfieldaktiv,
span.tickfield,
span.tickfieldaktiv {
	color:#999999;
	background-color:#ffffff;
	font-size:120%;
	font-weight:bold;
	/* cursor:pointer; */
	width:10px;
	border:0;
}
input.tickfield:hover,
input.tickfieldaktiv,
span.tickfieldaktiv {
	color:#000000;
}

input.subm {
	border:solid 1px #000000;
}
input.gsubmit {
	font-size:83%;
	width:4.6em;
	margin:0; padding:0;
	border:0;
	background-color:#ffffff;
	cursor:pointer;
}


/* ******** NUR ZUM TESTEN, kann weg ******** */
____div {
	border:solid 1px red;
}
____span {
	border:solid 1px green;
}
/* ******** /NUR ZUM TESTEN ******** */