body		{font-family:Arial;font-size:11pt}
#background  {background-color:white; text-align:center;}

.text_center {text-align:center; font-weight:bold; font-size:12px }
.headline	 {text-align:center; font-weight:bold; font-size:14px }

.fett		{font-weight:bold}
.zentriert	{text-align:center}

.text		 {font-weight:normal; font-size:12px }
.text_klein 	{font-size:11px; font-weight:normal }
.text_ganz_klein { font-size:9px; font-weight:normal}
.text_gross  { font-size:13px; font-weight:normal}
.text_ganz_gross { font-size:14px; font-weight:normal}

.tab 		{text-align:center;  font-size: 11px; }
.tabelle	 {font-weight:bold; font-size:11px }
.tabelle_klein {font-weight:bold; font-size:11px }
.tabelle_combo {font-weight:normal; font-size:11px }
.label		 {font-size:12px }

.menueButton{font-size:12px; width:110px; font-weight:normal; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:2px solid gray;  padding:2px;  margin:1px; background-color:white}
.menueButtonFett{font-size:16px; width:110px; font-weight:bold; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; border:2px solid gray;  padding:2px;  margin:1px; background-color:white}
.menueButtonKlein{font-size:10px; width:110px; font-weight:normal; border-radius:4px; border:1px solid gray;  padding:2px;  margin:2px; background-color:white}
.menueButtonhswg{font-size:10px; width:75px;  height:20px; font-weight:normal; border-radius:4px; border:1px solid gray;  padding:2px;  margin:2px; background-color:white}
.menueButtoninfo{font-size:10px; width:30px; height:20px; border-radius:4px; border:1px solid gray;  padding:2px;  margin:2px; background-color:white}

.messagebox	{font-size:18px; font-weight:bold; text-align:center; color:darkgray}
.messageboxhl{font-size:20px; font-weight:bold; text-align:center; color:lightgray}
.hilfebox	{font-size:13px;  color:black; margin:15px}
.hilfebold	{font-size:13px;  color:black; margin:15px; font-weight:bold}
.hilfeboxhl {font-size:15px; font-weight:bold; text-align:center; color:darkgray}

/* Platz im Saalplan */
.platz 		{border:1px solid gray; border-radius:4px; text-align:center; vertical-align:middle; font-size:10px; font-family:Arial; position:absolute}

/* Styles für die On-Top-Boxen */
.box		{font-size:14px}
.boxhinweis	{font-size:12px}
.boxhl		{font-size:16px; color:darkgray; font-weight:bold}

/* gemeinsame Klasse für Menügruppen */
.menugroup    {border:1px solid lightgray; background-color:white;margin:3px;padding:2px;border-radius:10px}

/* gemeinsame Klasse für Frame-Divs */
.frame		{background-color:white; border:0px solid lightgray; position:absolute}

/* Shop */
.shopbackground {height:650px}
.shopalles	{width:800px}
.shopkopf	{border:1px solid black; background-color:white; width:800px}
.shopframe 	{height:600px; width:800px}
.shop     		{text-align:center; width:620px; height:600px; top:0px;    left:0px;   overflow:auto;}
.shopmenue	{border:1px solid black;text-align:center; width:180px; height:620px; top:0px;   left:620px; overflow:auto;}

/* Saalplan */
.saalbackground {height:650px}
.saalalles	{width:800px}
.saalkopf	{border:1px solid black; background-color:white; width:800px}
.saalframe 	{height:600px; width:800px}
.saalplan     	{text-align:center; width:620px; height:500px; top:0px;    left:0px;   overflow:hidden;}
.preise         	{text-align:center; width:320px; height:120px; top:500px; left:0px;   overflow:auto;}
.status 		{text-align:center; width:300px; height:120px; top:500px; left:320px; overflow:auto;}
.saalmenue	{text-align:center; width:180px; height:620px; top:0px;   left:620px; overflow:auto;}

/* Kompaktmodus */
.kompbackground {height:530px}
.kompalles	{width:600px}
.kompkopf	{width:600px}
.kompframe	{height:500px; width:600px}
.kompakt	{text-align:center; width:420px; height:500px; top:0px;    left:0px;   overflow:hidden;}
.kompaktmenue{text-align:center; width:180px; height:500px; top:0px; left:420px;   overflow:auto;}  

/* Spielplan */
.spplbackground {height:570px}
.spplalles	{width:760px;}
.spplkopf	{border:1px solid black; background-color:white; width:760px}
.spplframe 	{height:520px; width:760px; position:absolute}
.spielplan	{text-align:left; width:600px; height:520px; top:0px;  left:0px;  overflow:auto;}
.spplbaum 	{border:0px solid black;text-align:left; width:450px; height:510px; left:80px; overflow:auto}
.spplmenue	{text-align:center; width:160px; height:520px; top:0px; left:600px; overflow:auto;  }
.sppldiv	{width:120px}

/* Bewegungsübersicht (Konto) */
.bewegbackground {height:540px}
.bewegalles	{width:800px}
.bewegkopf	{border:1px solid black; background-color:white; width:800px}
.bewegframe 	{background-color:beige; border:1px solid lightgray; height:500px; width:800px}
.beweg		{text-align:left; width:640px; height:500px; top:0px;  left:0px;  overflow:auto;}
.beweghead 	{text-align:left; width:500px; height:70px; left:60px; overflow:auto}
.bewegbaum 	{text-align:left; width:600px; height:420px; left:20px;  overflow:auto; top:60px}
.bewegmenue	{text-align:center; width:160px; height:500px; top:0px; left:640px; overflow:auto;}
.bewegdiv	{width:120px}

/* Warenkorb */
.korbbackground {height:630px}
.korballes	{width:800px}
.korbtable	{font-weight:bold; font-size:11px; border-width:2px; border-color:#AAAAAA; border-style:ridge; border-collapse:collapse; padding:1px;}
.korbkopf	{border:1px solid black; background-color:white; width:800px}
.korbframe 	{height:600px; width:800px}
.korb		{text-align:center; width:675px; height:600px; top:0px; left:0px;   overflow:hidden; }
.korbmenue 	{text-align:center; width:125px; height:600px; top:0px; left:675px; overflow:hidden; text-align:center} 
.korbges	{text-align:center; width:675px; height:40px;  top:560px;  left:0px; overflow:hidden;} 
.label_zava	{font-weight:bold; font-size:11px }
.vazaoption	{font-size:12px}

/* Ticketdruck */
.druckbackground {height:310mm}
.druckalles	{width:230mm}
.druckkopf	{border:1px solid black; background-color:white; width:230mm}
.druckframe 	{height:330mm; width:230mm}
.ticketdruck{text-align:center; width:190mm; height:330mm; top:0px; left:0px;   overflow:hidden;  overflow:auto}
.druckmenue 	{text-align:center; width:40mm; height:330mm; top:0px; left:190mm; overflow:hidden;  text-align:center}  

/* Menügruppen, jeweils + class menugroup */
.zurkassediv{width:120px}
.anmdiv		{width:115px}
.bereiche	{width:120px}
.skalierung	{width:170px}
.bestplatz	{width:170px} 
.bewegabfr	{width:120px} 
.zava		{width:115px} 

.label_anm	{font-weight:bold; font-size:11px }

#bp			{position:relative}
#bpanz 		{}
#bpalter	{}
#bpreset 	{}

#skalierung{position:relative}
#fz			{}
#plus		{}
#voll		{}
#minus		{}

#anmeldung{position:relative}
#knr		{}
#anm		{}
#abm		{}
#pw			{}
#pwvg		{}
#reg		{}

#bereiche	{position:relative; }


/* Tooltip-Styles */
.ui-tooltip	{background-color:#fbf9ee; border-radius:5px; font-size:12px;}

/* Tabelle im Kompaktmodus */
.komptable 	{ border: 1px solid #2C6ED5; background-color: #C4D3F6; border-collapse: collapse; }
.komptableth caption { color: #0055AA; } 
#komptable th { background-color: #6D93E1; color: #FFFFFF; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal;} 
#komptable td, #rand08 th { border: 1px solid #FFFFFF; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; padding:5px}

/* StornoTabelle im Kompaktmodus */
.stornotable 	{ border: 1px solid #2C6ED5; background-color: #C4D3F6; border-collapse: collapse; }
.stornotableth caption { color: #0055AA; } 
#stornotable th { background-color: #6D93E1; color: #FFFFFF; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal;} 
#stornotable td, #rand08 th { border: 1px solid #FFFFFF; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; padding:5px}

/* Baumdarstellung */
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #c0d2ec;
}
.dtree .clip {
	overflow: hidden;
}