body {  background:#fff;  margin:0;  padding:0;  color:#000;  voice-family: "\"}\""; voice-family:inherit;  font-size:small; background-color: GhostWhite; } html>body {font-size:small;}

input {font-family: Verdana;font-weight: normal;font-size: 10px;}
select {font-family: Verdana;font-weight: normal;font-size: 10px;}
textarea {font-family: Verdana;font-weight: normal;font-size: 10px;}

#wrapper { width: 100%; text-align: center;}
#anzeige_sitzplan { width: 1150px; margin: 0 auto; border: 1px solid GhostWhite; }

/* menü für Auswahl der Spieltermine */
#spieltermine {  float:left;  width:900px; height: 30px; font-size:10px;  line-height:normal; }
.menue ul {  margin:0;  padding:3px 3px 0;  list-style:none;  }
.menue li {  float:left;  background:url("left.gif") no-repeat left top;  margin:0;  padding:0 0 0 3px;  }
.menue a {  float:left;  display:block;  background:url("right.gif") no-repeat right top;  padding:5px 6px 4px 6px;  text-decoration:none;  font-weight:bold;  color:#765;  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.menue  a {float:none;}
/* End IE5-Mac hack */
.menue a:hover {  color:#333;  }
.menue .current {  background-image:url("left_on.gif"); }
.menue .current a {  background-image:url("right_on.gif");  color:#333;  padding-bottom:5px;  }
  
#menu		{  float:right; width:240px; height:30px; font-size:10px;  line-height:normal; text-align:right;}

nav ul ul {	display: none;}
nav ul li:hover > ul {		display: block;	}
nav ul { z-index:1; background: #efefef;background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);box-shadow: 0px 0px 1px rgba(0,0,0,0.15);	padding: 0 1px;	border-radius: 1px;	list-style: none;
	position: relative;	display: inline-table;}
nav ul:after {content: ""; clear: both; display: block;}
nav ul li {	float: left;}
nav ul li:hover {background: #4b545f;background: linear-gradient(top, #4f5964 0%, #5f6975 40%);background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);	
				background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);}
nav ul li:hover a {color: #fff;}
nav ul li a {display: block; padding: 2px 5px;	color: #757575; text-decoration: none;}
nav ul ul {background: #5f6975; border-radius: 0px; padding: 0;position: absolute; top: 100%;}
nav ul ul li {float: none;	border-top: 1px solid #6b727c;border-bottom: 1px solid #575f6a;	position: relative;	}
nav ul ul li a {padding: 2px 5px;color: #fff;}	
nav ul ul li a:hover {background: #4b545f;}
nav ul ul ul {	position: absolute; left: 100%; top:0;}

#hauptfenster {  float:left;  width:1150px; height: 470px;}

#feedback { font-size: 10px; }
#beschreibung{position:absolute; z-index:-1; top: 20px; left: 50px; width:120px; height:70px; border:1px solid grey;}
#legende{position:absolute; z-index:-1; top: 60px; left: 1030px; width:90px; height:150px; border:1px solid grey;}
#selectable_anz { top: 30px; width:200px; left: 600px; list-style-type: none; margin: 0; padding: 0; border:0px solid grey; width: 1200px; height:480px; }
#selectable_anz li { border: 1px solid #d3d3d3; margin: 2px; padding: 0px; float: left; width: 14px; height: 14px; font-size: 12px; text-align: center; }
#selectable_anz .text { border: none; margin: 2px; padding: 0px; float: left; width: 80px; height: 14px; font-size: 12px; text-align: left; }
#selectable_anz .sitze-ganze-reihe {clear:both;width:0px; padding:0px; margin:0px; border:0px;}
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { position:absolute; list-style-type: none; margin: 0; padding: 0; border:0px solid grey; width: 1200px; height:480px; }
#selectable li {  overflow: hidden; border: 1px solid #d3d3d3; margin: 2px; padding: 0px; float: left; width: 14px; height: 14px; font-size: 12px; text-align: center; }
#selectable .sitze-ganze-reihe {clear:both;width:0px; padding:0px; margin:0px; border:0px;}
#selectable .sitze-halbe-groesse-nicht-sichtbar { border: 1px solid GhostWhite; margin: 1px; padding: 0px; float: left; width: 5px; height: 14px; font-size: 12px; text-align: center; }
#selectable .sitze-nicht-sichtbar               { border: none; margin: 2px; padding: 0px; float: left; width: 16px; height: 14px; font-size: 12px; text-align: center; }
/*#selectable .sitze-nicht-sichtbar               { border: 1px solid GhostWhite; margin: 2px; padding: 0px; float: left; width: 14px; height: 14px; font-size: 12px; text-align: center; }*/
#selectable .sitze-verkauft               { border: 1px solid GhostWhite; margin: 2px; padding: 0px; float: left; width: 14px; height: 14px; font-size: 12px; text-align: center;}
.ui-state-default                               { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555;}

.rabatt_auswahl_table {	font-family: Verdana;	font-size: 10px;	margin: 1px;	/*width: 480px;*/	text-align: left;	border-collapse: collapse; }
.rabatt_auswahl_table th{	font-size: 13px;	font-weight: normal;	padding: 2px;	background: DimGray;	border-top: 4px solid #aabcfe;	border-bottom: 1px solid #fff;	color: black;}
.rabatt_auswahl_table td{	padding: 2px;	background: Gainsboro  ; 	border-bottom: 1px solid #fff;	color: #669;	border-top: 1px solid transparent;}
.rabatt_auswahl_table tr:hover td{	background: #d0dafd;	color: #339;}


#divVorstellung    {width:100px; height:200px; float: left; text-align: left;}
#divKarten            {width:400px; height:200px; float: left; text-align: left;}
#divKarten input {text-align: right;font-family: Verdana;font-weight: normal;font-size: 10px;}
#divKarten select {width: 35px;}
#divKundendaten    {width:500px; height:200px; float: left; text-align: left;}

.reihenbeschriftung_parterre{position:absolute; top: 0px; width:20px; left: 570px; width: 0; word-wrap: normal;line-height:20px; display:block;  margin: 0px auto;}
.reihenbeschriftung_estrade1{position:absolute; top: 275px; width:20px; left: 70px; width: 0; word-wrap: normal;line-height:20px; display:block;  margin: 0px auto;}
.reihenbeschriftung_estrade2{position:absolute; top: 275px; width:40px; left: 1080px; width: 0; word-wrap: normal;line-height:20px; display:block;  margin: 0px auto;}
.buehne_pfeil                           { position:absolute; top: 0px; width:30px; left:545px; width: 0; word-wrap: normal;line-height:20px; display:block;  margin: 0px auto;}
.buehne_text                            { position:absolute; top: 0px; width:10px; left:595px; width: 0; word-wrap: normal;line-height:20px; display:block;  margin: 0px auto;}

/*  Anfang AUSWERTUNGEN */

table.auswertungen { margin:auto; text-align:left; table-layout: fixed; font-family: Verdana;font-weight: normal;font-size: 10px;color: #404040;  background-color: #fafafa;border: 1px #6699CC solid;border-collapse: collapse;border-spacing: 5px; } 
.ueberschrift { border-bottom: 2px solid #6699CC;border-left: 1px solid #6699CC;background-color: #BEC8D1; text-align: left;font-family: Verdana;font-weight: bold;font-size: 11px;color: #404040; }
.width20 { width: 20px;  max-width:20px; min-width:20px; white-space:nowrap; overflow: hidden; }
.width30 { overflow: hidden; width: 30px;}
.width50 { overflow: hidden; width: 50px;}
.width70 { overflow: hidden; width: 70px;}
.width100 { overflow: hidden; width: 100px;}
.width150 { overflow: hidden; width: 150px;}
.width200 { overflow: hidden; width: 200px;}
tr.d0  td { background-color: #E5E5E5; }
tr.d1  td { background-color: #fafafa; }
tr.d2  td { background-color: #F5A9A9; }
tr.d3  td { background-color: #D0F5A9; }

/*  ENDE AUSWERTUNGEN */