/* THEAweb-Standard-Styles
 können in der Date settings/common.css überschrieben werden.
 Bitte Standardwerte dort nicht überschreiben!
 
 Stand 03.03.2023
*/


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

.headline	 {text-align:center; font-weight:bold; font-size:16px }
.headline_klein	 {text-align:center; font-weight:bold; font-size:13px }
.platztooltip {font-weight:bold; font-size:12px}
.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}

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

.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}
.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}
.menueButtonKlein{font-size:10px; width:110px; font-weight:normal; border-radius:4px; border:1px solid gray;  padding:2px;  margin:2px}
.menueButtonhswg{font-size:10px; width:75px;  height:20px; font-weight:normal; border-radius:4px; border:1px solid gray;  padding:2px;  margin:2px}
.menueButtoninfo{font-size:10px; width:30px; height:20px; border-radius:4px; border:1px solid gray;  padding:2px;  margin:2px}

.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}
.platz_m 	{border:1px solid gray; border-radius:4px; text-align:center; vertical-align:middle; font-size:10px; font-family:Arial; position:absolute}
.platzm 	{border:0px;  text-align:center; vertical-align:middle;  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:beige; margin:1px; padding:2px; border-radius:10px; width:94%}
.dib		{display:inline-block}
/* gemeinsame Klasse für Frame-Divs */
.frame		{background-color:beige; border:1px solid lightgray; position:absolute}
.frameob		{background-color:beige; border:0px solid lightgray; position:absolute}

/* Standard */
.stdbackground {height:620px}
.stdalles	{width:800px}
.stdkopf	{border:1px solid black; background-color:white; width:800px}
.stdframe 	{height:600px; width:800px}
.std     		{text-align:center; width:650px; height:600px; top:0px;    left:0px;    border:1px solid black; position:absolute}
.stdmenue	{border:1px solid black;text-align:center; width:150px; height:600px; top:0px;   left:650px; overflow:auto;}

/* Shop */
.shopbackground {height:620px}
.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:600px; top:0px;   left:620px; overflow:auto;}

/* Test */
.testbackground {height:620px}
.testalles	{width:800px}
.testkopf	{border:1px solid black; background-color:white; width:800px}
.testframe 	{height:600px; width:800px}
.test     		{text-align:center; width:650px; height:600px; top:0px;    left:0px;    border:2px solid black; position:absolute}
.testmenue	{border:1px solid black;text-align:center; width:150px; height:600px; top:0px;   left:650px; overflow:auto;}

/* Admin */
.adminbackground {height:620px}
.adminalles	{width:800px}
.adminkopf	{border:1px solid black; background-color:white; width:800px}
.adminframe 	{height:600px; width:800px}
.admin     	{text-align:center; width:650px; height:600px; top:0px;    left:0px;   overflow:auto;}
.adminmenue	{border:1px solid black;text-align:center; width:150px; height:600px; top:0px;   left:650px; overflow:auto;}

/* Sam */
.sambackground {height:620px}
.samalles	{width:1000px}
.samkopf	{border:1px solid black; background-color:white; width:1000px; font-size:1.2em}
.samframe 	{height:600px; width:1000px}
.sam     		{text-align:center; width:850px; height:600px; top:0px;    left:0px;   overflow:auto;}
.sammenue	{border:1px solid black;text-align:center; width:150px; height:600px; top:0px;   left:850px; overflow:auto;}

/* Saalplan */
/* .saalbackground {height:650px }
.saalalles		{width:800px }
.saalkopf		{border:1px solid black; background-color:white ; width:800px }
.saalplan    	 	{text-align:center; width:620px; height:500px ; top:0px;    left:0px;   overflow:hidden;}
.saalframe 		{height:600px; width:800px; border:}
.preise        	 	{text-align:center; width:370px ; height:120px ; top:500px ; left:0px ;   overflow:auto;}
.status 			{text-align:center; width:250px ; height:120px ; top:500px ; left:370px ; overflow:auto;}
.saalmenue		{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; margin:0px}
.saalframe 	{height:600px; width:800px; position:relative; border:solid 0px blue}
.saalplan     	{text-align:center; width:620px; height:500px; top:0px;    left:0px; overflow:visible}
.preise         	{text-align:center; width:350px; height:120px; top:500px; left:0px;   overflow:auto;}
.status 		{text-align:center; width:270px; height:120px; top:500px; left:350px; overflow:auto;}
.saalmenue	{text-align:center; width:180px; height:620px; top:0px;   left:620px; overflow:auto;}

/* Saalplan mobile
.saalbackground_m {height:100% }
.saalalles_m	{width:100% }
.saalkopf_m		{border:1px solid black; background-color:white ; width:100% }
.saalplan_m    	{text-align:center; width:300px; height:500px ; overflow:hidden;}
.saalframe_m 	{height:100% ; width:100% }
.preise_m         	{text-align:center; width:300px ; height:40px ; top:250px ; left:0px ;   overflow:auto;}
.status_m 		{text-align:center; width:250px ; height:120px ; top:300px ; left:20px ; overflow:auto;}
.saalmenue_m	{text-align:center; width:180px ; height:620px ; top:0px ;   left:320px ; overflow:auto;}
.saal_m			{width:98%; height:35% ; position:relative; overflow:hidden; display:inline-block}			
*/

/* Saalplan hoch*/
.saalbackground_h {height:850px }
.saalalles_h	{width:800px }
.saalkopf_h		{border:1px solid black; background-color:white ; width:800px}
.saalframe_h 	{height:800px ; width:800px }
.saalplan_h     	{text-align:center; width:620px ; height:700px ; top:0px ;    left:0px ;  }
.preise_h         	{text-align:center; width:370px ; height:120px ; top:700px ; left:0px ;   overflow:auto;}
.status_h 		{text-align:center; width:250px ; height:120px ; top:700px ; left:370px ; overflow:auto;}
.saalmenue_h	{text-align:center; width:180px ; height:820px ; 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:auto;}
.kompaktmenue{text-align:center; width:180px; height:500px; top:0px; left:420px;   overflow:auto;}  

/* Spielplan */
.spplbackground {height:580px}
.spplalles	{width:760px;}
.spplkopf	{border:1px solid black; background-color:white; width:760px}
.spplframe 	{height:560px; width:760px; position:absolute}
.spielplan	{text-align:left; width:600px; height:560px; top:0px;  left:0px;  overflow:auto;}
.vsttabs 	{border:0px solid black;text-align:left; width:580px; height:550px; left:20px; 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:560px; 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 	{border:0px solid black;text-align:left; width:500px; height:70px; left:60px; overflow:auto}
.bewegbaum 	{border:0px solid black;text-align:left; width:580px; height:420px; left:40px;  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:auto; }
.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}

/* Warenkorb */
.korbbackground {height:630px}
.korballes	{width:900px}
.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:900px}
.korbframe 	{height:600px; width:900px}
.korb		{text-align:center; width:775px; height:600px; top:0px; left:0px;   overflow:auto; }
.korbmenue 	{text-align:center; width:125px; height:600px; top:0px; left:780px; overflow:hidden; text-align:center} 
.korbges	{text-align:center; width:775px; height:40px;  top:560px;  left:0px; overflow:hidden;} 
.label_zava	{font-weight:bold; font-size:11px }
.vazaoption	{font-size:12px}

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

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

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

.prselected {background-color:lightgreen}

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

#browse th 	{ font-family: Verdana, Arial, sans-serif; padding:3px; font-size: 9px;}
#browse td     { font-family: Verdana, Arial, sans-serif; padding:3px; font-size: 9px;} 
.tabelle	{font-size: 9px; border: 1px solid #2C6ED5; background-color: #CCDEFE; border-collapse: collapse; }

/* 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}

.komptablem 	{ border: 1px solid #2C6ED5; background-color: #C4D3F6; border-collapse: collapse; max-width:100%}
.komptablemth caption { color: #0055AA; } 
#komptablem th { background-color: #6D93E1; color: #FFFFFF; font-family: Verdana, Arial, sans-serif; font-size: .95em; font-weight: normal;} 
/*#komptablem td, #rand08 th { border: 1px solid #FFFFFF;  font-size: 1.1em; font-weight: normal; padding:5px}*/
#komptablem td, #rand08 th { border: 1px solid #FFFFFF;  font-size: .9em; font-weight: normal; padding:2px}

/* 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}

/* ShopTabelle */
.shoptable 	{ border: 1px solid gray; background-color: beige; border-collapse: collapse; }
.shoptableth caption { color: black } 
#shoptable th { background-color: beige; color: black; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal;} 
#shoptable td, #rand08 th { border: 1px solid gray; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; padding:5px}

/* splTabelle */
.spltable 	{ border: 1px solid gray; background-color: beige; border-collapse: collapse; }
.spltableth caption { color: black } 
#spltable th { background-color: beige; color: black; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal;} 
#spltable td, #rand08 th { border: 1px solid gray; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; padding:5px}

/* Admin Tabelle */
.admintable 			{ background-color:lightgray }
.admintablehead		{ background-color:wheat } 
.admintablebody		{ background-color:cornsilk } 
.admintablefoot		{ background-color:wheat } 
.admintablecaption	{ background-color:wheat } 

/* Baumdarstellung */
.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333; 
	font-weight:bold;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #333;
	text-decoration: none;
	font-weight:normal;
}
.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;
}
.freisp {
	width:2.5em; text-align:right; display:inline-block;
}

/*_____________ALLE VERÄNDERUNGEN AM SHOP________________________*/
 /*Shop Accordion*/
 .ui-accordion{width:94%;margin-left:3%; margin-right:3%}
 .ui-accordion-header .ui-icon { display: none;}
 #caccordion	{}
 #accordion_hl    {width:94%; margin-left:3%;}
 #headLine		{text-align:left; font-weight:bold; font-size:18px ; margin-left:3%;}
 #headLine1		{text-align:left; font-weight:bold; font-size:18px; margin-bottom:0px}
 #headLine2  	{text-align:right; font-size:12px; margin-bottom:0px}
 #acpic			{width:45%}
 #acbez			{text-align:left; font-weight:bold}
 #acpreis		{text-align:right;font-weight:bold;color:#ff8080}
 
 /*Accordion Inhalt*/
 #label_artnr	{text-align:left;}
 #label_preis	{text-align:left;}
 #label_mwst	{text-align:left;}
 #artanzahl	        {text-align:left;}
 

 /*Tabs im Accordion*/
 .ui-tabs .ui-tabs-active {background-image: none;background-color:white; border: 1px solid white;  }
 .ui-tabs .ui-tabs-active a	{color:black}

 #labelname	   {font-size:13px; color:darkgreen}

 
 /*Artikelseite*/
 #artbildg    {height:200px;width:200px; padding-left:0px; border-radius:15px}
 #zurück	{width:110px;height:34px;}
 
 /*Slideshow im Menü*/
 .slideShowBtn		 {border-radius:180px; height:40px; width:40px;position: absolute; }
 #ssright		{right: 10%;margin-top:-25%;}	/*{float:right; margin-top:-170px;}*/
 #ssleft		{left: 10%;margin-top:18%;}
 #sswrap		{margin-top:10px;margin-bottom:5%;}
 #sswrap a 		{text-decoration: none; font-weight:bold; font-size: 15px;}
 #wpicdiv		{width:360px; height: 270px; border-radius:10px;clear: left;clear: right;margin: auto; background-color:white;}
 #wpicdiv:hover	{box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
 #sspic			{width:360px; height: 230px;border-top-left-radius:10px; border-top-right-radius:10px;}
 #sstable		{margin-top:10px; width:100%;}
 #ssbez			{text-align:left; color:black;}
 #sspreis		{text-align:right; color:#ff8080;}
 
 /*slideShow Artikelseite nach klick*/
 #csshow p {font-size:12px}	
 #hl_ss				{text-align:left; margin-left:5%}
 #label_artnr_ss	{text-align:left;}
 #label_preis_ss	{text-align:left;}
 #label_mwst_ss		{text-align:left;}
 #info_ss			{text-align:left;}
.select_ss			{margin-left:22%;}
 
 /*Slideshow Artikelbeschreibung*/
 #infosshow			{height:100%;}
 #artbe_ss			{height:83%;overflow:auto;}
 
 /*Sortiment Auswahl und SortierArt Auswahl*/
.ui-selectmenu-button{}
.ui-selectmenu-icon{}
.ui-selectmenu-menu{}

.pwd {}
.eye {}