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(../images/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;
}

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 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;
}

.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(../images/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(../images/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;
}
/******************************/
a.hnavlinkaktivs {
	color :white;
	display: block;
float: right;
font: bold 13px Arial;
line-height: 22px; 
height: 30px; 
text-decoration: none;
	}
a:link.hnavlinkaktivs, a:visited.hnavlinkaktivs, a:hover.hnavlinkaktivs, a:active.hnavlinkaktivs{
color: white; /*button text color*/
}
a.hnavlinkaktivs span{
background-color:red;
display: block;
padding-top:3px;
padding-bottom:3px;
padding-left:19px;
padding-right:19px;
border:1px solid black;
}

a:hover.hnavlinkaktivs span{ /* Hover state CSS */
color:white;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
a.hnavlinkaktivsDummy {
	color :white;
	display: block;
float: left;
font: bold 11px Arial;
line-height: 17px; 
height: 25px; 
text-decoration: none;
	}
a:link.hnavlinkaktivsDummy, a:visited.hnavlinkaktivsDummy, a:hover.hnavlinkaktivsDummy, a:active.hnavlinkaktivsDummy{
color: white; /*button text color*/
}
a.hnavlinkaktivsDummy span{
background-color:red;
display: block;
padding-top:1px;
padding-bottom:1px;
padding-left:11px;
padding-right:11px;
border:1px solid black;
}

a:hover.hnavlinkaktivsDummy span{ /* Hover state CSS */
color:white;
}




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 ******** */
.itemContainer {
	width: 760px;
	height: 130px;
}
.itemContainerOffer{
	width: 500px;
	height: 130px;
	
	}
.itemContainerClosed {
	width: 760px;
	height: 120px;
	background-image: url(../images/hg_seite.gif);
	}

.itemDescription {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 70px;
	width: 400px;
}


.itemDetails {
	width: 110px;
	padding: 10px;
}
.tblItemsTd{
background-color: #F1F1F1;
}

.closeLabel {
width: 100px;
color: white;
font-size: 14px;
background-color: red;
border: 1px solid black;
margin-top: 50px;
text-align: center;
padding: 3px;
}

.makeOffer {
width: 200px;
color: white;
font-size: 14px;
background-color: red;
border: 1px solid black;
text-align: center;
padding: 3px;
}
.wrapp {
white-space: nowrap;
}
a.moreInfo:link,a.moreInfo:visited,a.moreInfo:hover,a.moreInfo:active
{
text-decoration: none;
}
.showProd td{
	border-bottom: 1px solid black;
	padding: 2px;

}
.dateInput input{
width: 50px;
}