	body * {  font:  <?php echo SCHRIFT_DEFAULT; ?>;				}


/* ==================== kopiert von kassieren.php ============================= */
	
	<?php
		$bonContH=BON_CONTAINER_HOEHE;
		$bonContH=str_replace("%", "", BON_CONTAINER_HOEHE)-10;
		$bonContH=$bonContH."%";
		
		$containerBreiteSpeise=SPEISEART_VERKAUFSMASKE_CONTAINER_HOEHE."%";
		
	echo "#kategorien
	{text-align: left; position:relative; float:left; width:".KATEGORIE_CONTAINER_BREITE."; height:".KATEGORIE_CONTAINER_HOEHE."; border-top:1px solid gray;border-right:1px solid gray; overflow-y: auto;}";
	echo "#bon
	{text-align:left; position:relative; float:right;  height:".BON_CONTAINER_HOEHE."; width:".BON_CONTAINER_BREITE."; margin:0; margin:0; padding:1px 0; 
			border:1px solid gray; border-bottom:1px solid gray; border-left:none; }";
	echo ".ziffernblock
	{text-align: left; position: relative; width:".ZIFFERN_CONTAINER_BREITE."; height:".ZIFFERN_CONTAINER_HOEHE."; float:right; padding:2px 0 0 0; border-top:1px solid gray; border-bottom:1px solid gray;}
	#steuerung
	{text-align:left; position:relative; float:right; width:".STEUERUNG_CONTAINER_BREITE."; height:".STEUERUNG_CONTAINER_HOEHE."; padding:2px .3% 0 .3%; border-top:1px solid gray; border-bottom:1px solid gray;}
	#produkte
	{text-align:left; position: relative; float:left; width:".PRODUKT_CONTAINER_BREITE."; height:".PRODUKT_CONTAINER_HOEHE."; margin:0 0 0 .5%; overflow-y:auto; border-bottom:1px solid gray; }
	#messageDiv {position:relative; float:left; width:".MESSAGE_CONTAINER_BREITE."; height:".MESSAGE_CONTAINER_HOEHE.";  margin-top:.2%; overflow:hidden; } 
	#bonContent {position:absolute; width:100%; top:22px; bottom:22px; overflow-y:auto; }
	";
	?>
	#bonContent .line_unselected div, #bonContent .line_selected div {font-size:.95em !important; padding:1px 0; }
	#bon_content_header_div { position:absolute; top:1px;  height:20px; width:100%; margin:0; color:#fff; background:#666; }
	#bon_content_header_div div{ height:96%; padding:.4% 0 0 0; font-size:.95em;}
	#bon_content_sum_div { position:absolute; bottom:1px; height:20px; width:100%; margin: 22px 0 0 0; color:#fff; background:#666; border:none;	}
	#bon_content_sum_div div {  height:96%; padding-top:.6%; font-size:.95em;	}
	
	#bon_sum_div_customer_name { position:relative; float:left; text-align:left; max-width:60%; white-space:nowrap; font-style:italic; padding-left:.5%;
			font-weight:bold; font-size:.8em !Important; color:#cce; overflow:hidden; text-overflow:ellipsis;  }
	
	#hiddenSumField { height:33px; }
	#steuereungContent { position:absolute; left:3%; bottom:1%; width:90%; height:auto;}
	
	/*   August 2020 Speiseart auf VK Maske erste Ebene steuern !!!				*/
	
		#speiseartContainerVerkaufsMaske{ position:relative; float:left; height:50%; width:<?php echo SPEISEART_VERKAUFSMASKE_CONTAINER_BREITE; ?>;
						 height:<?php echo SPEISEART_VERKAUFSMASKE_CONTAINER_HOEHE; ?>;		}
						 
		.editierenArtikelArtSelButVk {background-color: <?php echo FARBE_LINE_UNSELECTED; ?>;	color:#000;  border:1px #aaa solid; border-radius:3px; width:90%; margin:1% 5%;		}
		.editierenArtikelArtSelButVk_selected {	 background-color: <?php echo BUTTON_FARBE_SET; ?>;	color:#fff; border:1px #aaa solid; border-radius:3px; width:90%; margin:1% 5%;	}
		
		.vKmaskeSpeiseartenOben{ 					}

	
/*	#bonContent {width:100%; height:100%; background:yellow; margin:0 0 12px 0; border-bottom:green dotted 2px;} */
	#preis { width: 45%; float:left; height:22px; text-align:right; padding:0 3px; margin:.2% 0 .2% 2%; border:.13em inset silver; border-radius:3px; }
	#stueck { width: 30%; float:right; height:22px; text-align:right; padding:0 3px; margin:.2% 3% .2% 0; border:.13em inset silver; border-radius:3px; }
	.stueckTxt {position:relative; float:right; width:7%; margin:0; font-size:20px; font-weight:bold; padding:5px 0 0 0; line-height:26px; }
	
	.enterBut { width:33%; height:17%; background:#558; }
	
	.xDivL {width: <?php echo ZIFFERN_BREITE*2; ?>; float:left; margin:0 1px;  height:<?php echo ZIFFERN_HOEHE ?>; background:#585; }
	
	/*  classe für mobile device   -- !! divicePs ist ein Test  */
		.devicePc {}
		.deviceMobile {		}
		
	#ziffernblock_reduziert { height:5%; position:relative; float:left; width:<?php echo preg_replace('/\D/', '', ZIFFERN_CONTAINER_BREITE)+preg_replace('/\D/', '', STEUERUNG_CONTAINER_BREITE)."%" ?>; 
			 margin:1% 0; display:none; }
	#ziffernblock_reduziert button {  width:50%; height:100%; margin:0 0 0 25%;  }
	
	.ziffernblock_button {
		width: <?php echo ZIFFERN_BREITE ?>;
		height: <?php echo ZIFFERN_HOEHE ?>;	
		 font: <?php echo SCHRIFT_MENUE ?>;
	}
	.ziffernblock_button2 {
		width: 65%;	
		height: <?php echo ZIFFERN_HOEHE ?>;
		 font: <?php echo SCHRIFT_MENUE ?>;
	}
	.ziffernblock_button_gutscheinmodal{ width:31%; height:19%; font: <?php echo SCHRIFT_MENUE ?>;			}
	.steuerung_button {
		width: <?php echo STEUERUNG_BREITE ?>;
		height: <?php echo STEUERUNG_HOEHE ?>;
		font: <?php echo SCHRIFT_MENUE ?>;
	}
	
	.button_gross {	width: 200px; 	height: 40px;	}
	.button_gross_anrufe {	width: <?php echo 100/TELEFON_ANZAHL_ANRUFE_ANZEIGEN-2 ?>%; max-width:175px; height:90%; max-height:45px; overflow:hidden;word-wrap:break-word;	}
	.button_gross_anrufe_menue {	width: 32%; 	height: 40px; overflow:hidden;	}
	.button_extra_gross {	width: 300px; 	height: 40px;	}
	.dialog_button_gross {	width: 300px; 	height: 40px;	}
	.button_login { width:46%; height:40px; margin:5px 2%; }
	.button_gross_modalL { position:relative; float:right; width:48%; height: 40px; margin:0 3% 0 0; font: <?php echo SCHRIFT_MENUE ?> !important;}
	.button_gross_modalR {position:relative; float:right; width:48%; height: 40px; margin:0 1% 0 0; font: <?php echo SCHRIFT_MENUE ?> !important; }
	
	.button_med_modalL { position:relative; float:right; width:12%; height: 40px; margin:0 1.3% 0 0; font: <?php echo SCHRIFT_MENUE ?> !important;}
	.button_med_modalR {position:relative; float:right; width:32.7%; height: 40px; margin:0 .4% 0 0; font: <?php echo SCHRIFT_MENUE ?> !important; }
	
	.button_gross_edit_modalL { position:relative; float:left; width:45%; height:100%; margin-left:0; font: <?php echo SCHRIFT_MENUE ?> !important;}
	.button_gross_edit_modalR {position:relative; float:right; width:45%; height:100%; margin-right:2.5%; font: <?php echo SCHRIFT_MENUE ?> !important; }
	.addProdTxtBut { position:relative; padding-left:5px; padding-right:5px; margin:0 .7%;			}
	
	.editStrechModeButton {	height:32% !important;}
		
	.schrift {
		font: <?php echo SCHRIFT_MENUE ?> !important;
	}
	.schrift_mittel {
		font: 16px/100% Arial, Helvetica, sans-serif;
	}
	
	.schrift_auswertungen_cashbook  { font:<?php echo SCHRIFT_CACHBOOK_BILDSCHIRM ?> !important;}
	.button {
	float:left;
	display: inline-block;
	margin: 1px;	
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .2em .1em .2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	
	-webkit-appearance: none;
	-webkit-border-radius: .3em; 
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	border-top-color: #c9c9c9;
	border-left-color: #c9c9c9;
	border-bottom-color: #ababab;
	border-right-color: #ababab;
	}
	.button:hover {
		text-decoration: none;
	}


	
	.button_kp {	outline: none; text-align: center; text-decoration: none; padding: .2em .1em .2em; text-shadow: 0 1px 1px rgba(0,0,0,.3); border-radius:.3em; 	cursor: pointer;	}
	.button_kp:hover {	text-decoration: none;	}
	.button_kp:active {		}
	
	.ea_buchung_durchfuehren { font: <?php echo SCHRIFT_MENUE ?> !important; }
	.button_im_pme { position:relative; display:inline-block; margin:1px; padding:.2em .3em; outline:none; text-align:center; text-decoration:none;
			text-shadow:0 1px 1px rgba(0,0,0,.3); border-radius:3px; 	cursor: pointer; }

	
	.button_none_float {
		display: inline-block;	
		/* margin: 1px; */	
		
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		padding: .2em .1em .2em;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		border-radius: .3em;
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}
	
	
	.button_none_float:hover {	text-decoration: none;		}
	.button:active {			}
	#menu {position:relative; width:100%;  }
	/*  Menu links Slider  	*/
	
	#menu_links_slider {position:absolute; width:1px; height:50px; top:0px; left:-2px; border-radius:3px; /* background:url(images/menuBg.png);*/ z-index:888;} 
	
	#menuReiterLinks {position:absolute; top:1px; right:-18px; width:15px; height:15px; margin:0; padding:0;  cursor:pointer; }
	#menue_links_sliderCont { width:100%; height:100%; overflow:hidden; }
	
	.menuOpenCoverDiv { position:absolute; top:0; left:0; width:0; height:0; background:url(images/wrapperCover.png); z-index:750;	}
	
	/*  Funktions Button  	*/
	.funktionsButton {position:relative; float:right; width:16%; height:96%}
	.deleteButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/kp-delete.png) !important; background-size:100% 100% !important; }
	.editButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/pme-change.png) !important; background-size:100% 100% !important; }
	.customerPlusButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/customerPlusIcon.png) !important; background-size:100% 100% !important; }
	.kassenladeOeffnenButton { background:<?php echo BUTTON_FARBE_SET; ?> url(images/cashDrawerIcon.png) !important; background-size:100% 100% !important; }
	.lieferscheinButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/deliveryNoteIcon.png) !important; background-size:100% 100% !important; 				}
	.preprintInvButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/preprintInvoiceIcon.png) !important; background-size:100% 100% !important; border:silver solid 1px !important;				}
	.bonPrintButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/printBonIcon.png) !important; background-size:100% 100% !important; }
	.ecPrintButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/ec.png) !important; background-size:100% 100% !important; }
	.payChangeButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/changePaymentIcon.png) !important; background-size:100% 100% !important; }
	.deleteBonButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/deleteKomplett.png) !important; background-size:100% 100% !important; }
	.addBonTxtButton{ background:<?php echo BUTTON_FARBE_SET; ?>  url(images/addBonTxtIcon.png) !important; background-size:100% 100% !important; 			}
	.displayNumpadButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/numPadBut.png) !important; background-size:100% 100% !important; }
	.displayEdiButton{ background:<?php echo BUTTON_FARBE_SET; ?>  url(images/edi.png) !important; background-size:100% 100% !important; }
	.bezahlenExpressButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/payExpressIcon.png) !important; background-size:100% 100% !important;}
	.bezahlenExpressZahlartButton { background:<?php echo BUTTON_FARBE_SET; ?>  url(images/payExpressZahlungIcon.png) !important; 
			background-size:100% 100% !important;}
	.gutschKarteButton{ background:<?php echo BUTTON_FARBE_SET; ?>  url(images/gsIcon.png) !important; background-size:100% 100% !important; }
	.testButton {			}
	
	.kategorie_button {
		height: <?php echo KATEGORIE_HOEHE ?>; 
		width: <?php echo KATEGORIE_BREITE ?>;
		white-space: normal;
		overflow:hidden;
		font: <?php echo SCHRIFT_KATEGORIE_PRODUKT ?>;
		margin:2px auto;
	}
	
	.produkt_button {
		white-space: normal;
		overflow: hidden; 
	/*	background-color:".$color.";	*/ 
		height: <?php echo PRODUKT_HOEHE ?>;
		width: <?php echo PRODUKT_BREITE ?>;
		 font: <?php echo SCHRIFT_KATEGORIE_PRODUKT ?>;
	}
	.beilagen_button {
		white-space: normal; overflow: hidden; 	/*	background-color:".$color.";	*/ height: <?php echo BEILAGEN_KACHEL_HOEHE ?>;
		width: <?php echo BEILAGEN_KACHEL_BREITE ?>; font: <?php echo SCHRIFT_KATEGORIE_PRODUKT ?>;	}
		
	.beilagen_button_up {  background:transparent url(images/arrowUp.png) no-repeat center 0 / auto 100%;				}
	
	.button_zahlen {
	width:20%;
	float:left;
	display: inline-block;
	margin: 1px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	padding: .1em .1em .2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);

	border-radius: .3em;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}
	

	.orange {
		color: <?php echo BUTTON_TXT_FARBE; ?>;
		border: <?php echo BUTTON_BORDER; ?>;
		
		background: -webkit-gradient(linear, left top, left bottom, from(<?php echo BUTTON_FARBE_SET; ?>), to(<?php echo BUTTON_FARBE_SET; ?>));
		background: -moz-linear-gradient(top,  <?php echo BUTTON_FARBE_SET; ?>,  <?php echo BUTTON_FARBE_SET; ?>);
	}
	
	.orange:hover {
		filter:brightness(90%);
	}
	.orange:active {
		filter:brightness(90%);
	}

	.blau {
		color: <?php echo BUTTON_TXT_FARBE; ?>;
		border: <?php echo BUTTON_BORDER; ?>;

		background: -webkit-gradient(linear, left top, left bottom, from(#41BFF2), to(#41BFF2));
		background: -moz-linear-gradient(top, #41BFF2,  #41BFF2);
	}
	.gruen {
		color: <?php echo BUTTON_TXT_FARBE; ?>;
		border: <?php echo BUTTON_BORDER; ?>;

		background: -webkit-gradient(linear, left top, left bottom, from(#58FA58), to(#58FA58));
		background: -moz-linear-gradient(top, #58FA58,  #58FA58);
	}
	
	.gGray {	color:#444; background:#aaa; border:1px solid #555;			}

	/*=================================================================*/
	
	#bonKopfzeile {  display:none; padding-bottom:3mm; /*  kopf u Fusszeile am Screen ausblenden wird für Ausdruck in globals_js_f.. validate_formular_storno() wieder eingeblendet  */}
	
	#bonFusszeile {  display:none; padding-top:10mm;  }
	.line_unselected
	{	background-color: <?php echo FARBE_LINE_UNSELECTED; ?>; margin:1px 0; padding:2px 3px; height:20px; border-bottom:1px solid #444; clear:both; }
	.line_unselected_rabatt
	{	background-color: <?php echo FARBE_LINE_UNSELECTED; ?>; margin:1px 0; padding:2px 3px; height:20px; border-bottom:1px solid #444; clear:both; }
	.line_selected
	{	background-color: <?php echo BUTTON_FARBE_SET; ?>;  margin:1px 0; padding:2px 3px;  height:20px; border-bottom:1px solid #444; clear:both;}

	.bon_name
	{ 	overflow:hidden; height:100%; white-space: nowrap;  }
	.bon_einzelpreis
	{	position:relative;	float: right;	width:15%; height:20px;	text-align: right; white-space: nowrap;	}
	.bon_stk
	{	position:relative;	float: right;	width:10%;height:20px;	text-align: right;	}	
	.bon_steuer
	{	position:relative;	float: right;	width:10%;height:20px;	text-align: right;	display: none;	}	
	.bon_summe
	{	position:relative;	float: right;	width:17%;height:20px;	text-align: right;	}
	.bon_summe_gesamtsumme  /* width muss summe aus bon_summe und bon_stk und boneinzelpreis sein*/
	{	position:relative;	float:right; width:auto; height:auto; margin:0 0 0 22px; padding:0 1% 0 0;	text-align:right;	overflow: visible;  }	
	.bon_name_gesamtsumme { position:relative; float:right; overflow:hidden;	height:20px; white-space:nowrap; display:block; }
	
	#bon_nameHeader{ background-color:#666;			}
	
	.bonPrintDate {position:relative; float:left;}
	.bonPrintWaehrung {position:relative; float:right;}
	.bonPrintExtra {	position:relative; margin:0 0 3px 0; padding:1px 0;		}
		/* soma Discount ZusatzZeile */
	.discountZeile{				}
	#preisGruppenFotoA{ position:absolute; top:0; left:0; z-index:99; box-shadow:4px 5px 6px #225; border-radius:3px; cursor:pointer;					}
	#preisGruppenFotoB{position:absolute; bottom:7px; right:7px; z-index:95;  box-shadow:4px 5px 6px #225; border-radius:3px; cursor:pointer;					}
	

	/*  Modal Change Zahlung */
	
	.zahlungChangeLable{ position:relative; width:175px; text-align:left;		}
	#zahlungChangeBonId{ position:relative; width:270px; margin:0 0 22px 0;	text-align:center;			}
	.changeZahlungSelect{  position:relative; float:left; width:270px;  color:<?php echo BUTTON_TXT_FARBE; ?>; 
		font:<?php echo SCHRIFT_MENUE ?> !important;  font-weight:bold;
			text-align:center;  margin:5px 5px 0 0; border-radius:.3em;}
	.changeZahlungSelect option { margin:5px 0; padding:.3em 0; border-radius:.3em;  color:<?php echo BUTTON_TXT_FARBE; ?>; font:<?php echo SCHRIFT_MENUE ?> !important; 
						border:<?php echo BUTTON_BORDER; ?>; background:<?php echo BUTTON_FARBE_SET; ?>;   }

	.changeZahlungLinks{ position:relative; width:60%; height:auto; min-height:200px;			}
	.changePaymentSetBut{ position:relative; 				}
	.button_med_changepay{ position:relative; width:200px; height: 40px; margin:22px 0 0 35px; font: <?php echo SCHRIFT_MENUE ?> !important;}
	#changeZahlungMsgBox{ position:relative; width:100%; margin-top:15px;		}
	

	
	
	
	/* ======================================================================== */
	/* Modal Produkt editieren
	
	/* The Close Button */
	.close_editieren{	color: gray; float: right; font-size: 28px;font-weight: bold;}
	.close_editieren:hover,
	.close_editieren:focus {color: #000;text-decoration: none;	cursor: pointer;}
	.close_editieren_gastro{ position:absolute; top:1%; right:.5%;	color: gray; font-size: 28px;font-weight: bold;}
	.close_editieren_gastro:hover,
	.close_editieren_gastro:focus {color: #000;text-decoration: none;	cursor: pointer;}
	
	
	.beilagenKalkulationInfoDiv{  visibility:hidden; /* wird in kassieren, style sichtbar gemacht */ width:37%; float:right; height:8%; margin-bottom:.5%; 			}
	.beilagenKalkulationInfoDiv  input[type='text'] { border:none; text-align:right; font-size:.9em;				}
	.editierenZiffernblock {	height:72% !important; 	}
	.modal_editieren_button_div { position:relative; float:right; height:15%; width:37%; margin-top:-1%;}
	
	#editieren_produktname{	position:relative; float:right; width:50%; min-width:50%; max-width:58%; 
			margin:0;  height:auto; height:100%; min-height:100%; max-height:300%; z-index:999;			}
	
	/* ======================================================================== */
	
	
	/*   bon zusatztext modal */
	
	.bonZusatzTxtModalDiv{ position:relative; width:80%; height:40%; margin:0% auto;				}
	.bonZusatzTxtModalH2{ font-size:1.2em; font-weight:bold; text-align:center; margin:.3% 0; padding:3px 0;				}
	#bonZusatzTxtarea{	position:relative; display:block; width:75%; height:95%; resize:none; margin:3% auto; padding:5px 8px; font-size:1.1em;
		 box-shadow: 1px 1px 1px #aaa; overflow:auto;			}
	#bonZusatzTxtDiv{ display:none;			}
	.zusatztTxtSetBut{ position:relative; display:block; margin:15px auto;	}
	#bonFixTxtButtonDiv{ position:relative; width:75%; height:auto; min-height:0%; max-height:60%; margin:3% auto; padding:3px; font-size:1.1em;
		 border:inset 1px silver; box-shadow: 1px 1px 1px #aaa; overflow:auto;					}
	#bonZusatzTxtMsgField{ position:relative; width:90%; margin:.5% auto; font-size:1.1em; font-weight:bold; line-height:1.3em; text-align:center;		}
	.addBonTxtBut{  position:relative; padding-left:5px; padding-right:5px; margin:3px .7%;						}
	
	/* Aussere Box, grau hinterlegt */
	.modal {
		display: none; /* Hidden by default */
		position:absolute;
	/*	position: fixed; /* Stay in place */
		
		padding-top:0px; /* Location of the box   of 0 gesetzt, position wird über den modal content gesetzt */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
		z-index: 999; /* Sit on top */
	}
	.split_bon_modal { position:absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;  display: none; background-color: rgba(0,0,0,0.7); z-index: 999; 	}
	
		/* zahlungsterminal ModaL	*/
	.modalTop{ display:none; position:absolute; padding-top:0px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); z-index: 9999; }
	.payTerminalcommunication{ position:relative; width:90%; height:auto; min-height:5%; margin:3% auto; padding:5%;text-align:center;		}
	#payTerminalMsgDiv { width:100%; height:60%; min-height:33px; margin-bottom:15px;	overflow: auto		}
	
	.payTerminalBetragField{ position:relative; float:right; width:21%; height:auto; min-height:24px; line-height:1.2em; 
				text-align:right; padding:3px 5px; color:#000; background:transparent; font-weight:bold; border:none;				}
	.payTerminalZahlartField{ position:relative; float:right; width:21%; height:auto; min-height:24px; line-height:1.2em; 
				text-align:left; padding:3px 5px; color:#000; background:transparent; font-weight:bold; border:none;				}
	.payTerminalBetragLabel { position:relative; float:right; width:auto; height:auto; line-height:1.2em; 
				 padding:3px 5px; color:#000;font-weight:bold; margin-right:3%;				}
	
	#loadKarte{	position:relative; display:none; width:61%; height:27%; border:teal solid 1px;		}
	
	.payTerminalBalaceBut{ width:auto; min-width:300px; margin:15px 0;					}
		
	
	#modalTestOp { position:relative;}

	/* Modal sichtbarer Teil alles*/
	.modal-content {
		position: relative;
		background-color: #fefefe;
		margin:3% auto;
		padding:1% 2%;
		border: 1px solid #888;
		width: 90%;
		height:80%;
		/* max-height:600px;
		 min-height:600px;*/
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		-webkit-animation-name: animatetop;
		-webkit-animation-duration: 0.4s;
		animation-name: animatetop;
		animation-duration: 0.4s;
	}
	
	.modal-body { position:relative; padding:1% 0; height:100%; width:100%;  }		/*position: relative; padding: 2px 16px; height:470px; border:green solid 1px;*/
	
		/* für zahlung Modal			*/
	.modal-content-zahlung {  height:86%;					}
	

	/* Add Animation */
	@-webkit-keyframes animatetop {
		from {top:-600px; opacity:0} 
		to {top:0; opacity:1}
	}

	@keyframes animatetop {
		from {top:-600px; opacity:0}
		to {top:0; opacity:1}
	}

	/* The Close Button */
	.closeModal { position:absolute; top:0px; right:1.5%; width:3.5%;	color: gray; font-size: 28px; font-weight: bold; text-align:right;	cursor:pointer;	z-index:5;		}
	#closePaymentModal{ width:33%;		}
	.close {
		color: gray;
		float: right;
		font-size: 28px;
		font-weight: bold;
	}

	.close:hover,
	.close:focus {
		color: #000;
		text-decoration: none;
		cursor: pointer;
	}

	/* eigenes CSS Klumpat */
	.wrapper {
		/*position: relative; width:950px; height:550px; border:1px solid black; display: flex; */
		/*position: relative; width:900px; height:650px; border:1px solid black; display: flex;*/
		position: relative; width:<?php echo BILDSCHIRM_GESAMTE_BREITE ?>; height:<?php echo BILDSCHIRM_GESAMTE_HOEHE ?>; border:1px solid gray; border-radius:3px; display: flex;
	}
	
	#wrapper_2 {
		position: absolute; width:100%; top: <?php echo BILDSCHIRM_MENUE_HOEHE ?>%; left: 0%; height:<?php echo 100-BILDSCHIRM_MENUE_HOEHE ?>%;  display: block;
	}
	
	#load_div {
		width: 100%; height: 100%;
	}
	.menue { border-bottom:1px solid #111; }
	.menu_links {   position: relative; width:50%; height:100%;float:left;  }
	.menuDivLeft { position:absolute; width:24%; height:100%; top:0; left:0; border-right:1px solid #111;}
	.menuDivLeft input[type="text"] { float:left; width:27px; }
	.menuDivLeft p{ float:left; height:18px; margin:0; padding:0; width:auto; font-size:12px;   }
	.menuDivLeft p:first-of-type { float:left; height:18px; margin:0; padding: 4px 0; width:auto;  margin-left:70px;  font-size:12px; }
	.menu_warenkoerbe { position: relative; width:40%; margin:0 0 0 25%; height:100%; overflow-x: scroll; overflow-x: hidden; } 
	.menu_warenkoerbe input[type="button"] { height:89%; width:50px; margin: .6% .2%; border:1px outset gray; border-radius:3px; box-shadow: 1px 1px 1px #aaa;
							font-weight:bold; font-size:1.25em; cursor:pointer; }
	.warenkorb_button { color: #111; border: solid 1px #DACFC1; background: #f3f3f3;  }
	

	.warenkorb_selected { color: <?php echo BUTTON_TXT_FARBE; ?>; border: <?php echo BUTTON_BORDER; ?>; 
		background: -webkit-gradient(linear, left top, left bottom, from(<?php echo BUTTON_FARBE_SET; ?>), to(<?php echo BUTTON_FARBE_SET; ?>));
		background: -moz-linear-gradient(top,  <?php echo BUTTON_FARBE_SET; ?>,  <?php echo BUTTON_FARBE_SET; ?>);
	}
	
	.menuDivRight { position:absolute; width:35%; height:100%; top:0; right:0; padding:0 2px 0 0;  border-left:0px solid #111;  }
	#menue_warenkoerbe { 	} 
	#menue_links_sliderCont ul li a {min-width:120px; text-align:center; }
	#zahlungDisableImg{position:absolute; width:100%; height:100%; z-index:9999; display:none;}
	
	
	.ausdrucken_button { position:relative; height:70%; width:80%; margin:3% 10%; font: <?php echo SCHRIFT_MENUE ?> !important; }
	.ausdrucken_button_med { position:relative; height:70%; width:45%; margin:1.5% 2%; font: <?php echo SCHRIFT_MENUE ?> !important; }
	/*.error_message:before { content: ""; display: inline-block; height:98%; vertical-align: middle;}			*/
	.error_message { position: absolute; width:75%; right:0; bottom:0; line-height:1em; text-align:right; 
			font-weight:normal;  padding:0 .1%; overflow:hidden; z-index:350; }
	.datetimeDiv {position:relative; width:auto; height:98%; float:left; margin:0 .5% 0 0; padding:1% 1%;  font-weight:bold; font-size:12px;}
	
	.startbelegErstellenDiv { position:relative; float:left;  height:<?php echo ZIFFERN_CONTAINER_HOEHE ?>;				}
	.startbelegErstellenContentDiv { position:relative; width:85%; height:80%; padding:1.5%; }
	.startbelegErstellenContentDiv h2 { font-size:1.2em; font-weight:bold; text-align:center; margin:1.5% 0; padding:0;	}
		
	.kassaOeffnenDiv { position:relative; float:left; height:auto; min-height:<?php echo ZIFFERN_CONTAINER_HOEHE ?>; max-height:65%; overflow:auto; }
	#kassaOeffnenInfoDiv {	position:relative; width:85%; height:auto; min-height:33px; max-height:30%; margin:2% 0 0 3%;		}
	
	.kassaOeffnenForm { position:relative; width:85%; height:auto; padding:1.5%; }
	.kassaOeffnenForm h2 { font-size:1.2em; font-weight:bold; text-align:center; margin:1.5% 0; padding:0;	}
	.kassaOeffnenForm p{ font-size:1em; font-weight:normal; text-align:center; margin:2% 0; padding:0;	}
	
	.kassaOeffnenAbschlWarningDiv {	position:relative; width:80%; margin:5px auto; height:auto; padding:1.5%; background:#eaeaef; 
		border:#e00 solid 5px; border-radius:5px; box-shadow:7px 7px 5px #888;			}
	.kassaOeffnenAbschlWarningDiv p { text-align:center; font-size:1.5em; color:#e00; text-shadow:1px 1px #555; margin:.5% 0; padding:0;		}
	.kassaOeffnenAbschlWarningDiv button { width:33%; display:block; margin:5% auto 2%; box-shadow:3px 2px 5px #005;	}
	
	.kassaOeffnenIp { position:relative; padding:0 6px !important; margin:0 5px; text-align:right; line-height:1.4em !important;  }
	.kassaOeffnenBut{ position:relative; display:block; margin:3% auto 0 auto !important; }
	
	.upgradMsgDiv { position:relative; width:auto; max-width:90%; margin:5px auto; font-size:1em;  }
	.upgradMsgDiv button { margin:12px 0 0 0;}
	.upgradMsgP { position:relative; float:left; color:#a00; padding:0px 7px 0 7px;}
	
	.zahlen_body_zahlungsarten{ position:relative; float: left; width:61%; height:100%;}
	.zahlen_body_ziffernblock{ position:relative; float: right; width:37%;height:100%; margin:1px;  }
	
	.defineMobilePrinterDiv {  position:relative; width:90%; height:auto; min-height:33%; max-height:80%; overflow-y:auto; margin:150px auto 0 auto; clear:both;				}
	.defineMobilePrinterDiv p {	text-align:center; font-size:1.3em; font-weight:bold;		}
	
	.defineMobilePrinterSelect { position:relative; width:70%; text-align:center;  margin:3px 15%; font-size:1.2em; text-align:center; line-height:1.7em; 
				border-radius:.3em; background:#aaa; 	}
	.defineMobilePrinterSelect option { width:auto; color: #fef4e9; background:#f78d1d; margin:2px 0 !important; padding:5px 2px; line-height:1.3em;
		border-radius:.3em; border-bottom:1px #aaa solid !important; }
	.defineMobilePrinterSelect option:first-child { display:none;}
	

	.zahlenLineDivTop {	position:relative; width:61%; height:33px; margin:0 0 0 4px;		}
	.zahlenLineDiv {	position:relative; width:61%; height:28px; margin:0 0 1.5% 4px; }
	
	
	.zahlen_top{ clear: both; position:relative;	float: left; width:100%; height:22%; z-index:3;}
	.zahlen_top_edith{ clear: both; position:relative;	float: left; width:100%; height:10%; z-index:3;}
	.beilagenSteuerung { position:relative; float:left; width:7%; height:32%; }
	
	.beilagenEditBut { position:relative; width:94%; height:39%; margin:1% 3%; font-size:33px; line-height:1em; font-weight:bold; border-radius:5px; background:#ddd;				}
	.beilagenStrechBut { position:relative; float:right; width:94%; height:20%; line-height:.5em; font-weight:bold; }
	#beilagen_container {  position:relative; float:left; width:88%; height:32%; margin:0 0 5px 0; z-index:3; overflow-y:auto;}
	#beilagen_container_kombi {  position:relative; float:left; width:95%; height:32%; margin:0 0 5px 0; z-index:3; overflow-y:auto;}
	.editStrechModeNone { display:block;}
	.editStrechMode { display:none;}
	
	/*#artikelArtSelectDiv { position:relative; width:100%; height:auto; margin:.2% 0; padding:3px 0; overflow-y:auto;}*/
	#artikelArtSelectDiv { position:relative; width:100%; height:15%; margin:.2% 0; padding:3px 0; overflow-y:auto;}
	#kombi_artikelArtSelectDiv { position:relative; width:100%; height:15%; margin:.2% 0; padding:3px 0; overflow-y:auto;}
	#artikelArtSelectDiv button {	}
	.editierenArtikelArtSelBut {background-color: <?php echo FARBE_LINE_UNSELECTED; ?>;	color:#000; height:90%;  border:1px #aaa solid; border-radius:3px; margin:2px; }
	.editierenArtikelArtSelBut_selected {	 background-color: <?php echo BUTTON_FARBE_SET; ?>;	color:#fff; height:90%; border:1px #aaa solid; border-radius:3px; margin:2px;	}
	#artSelectedVal { width:22px; display:none; }
	
	.zahlen_mitte{ clear: both; position:relative;	float: left; width:100%; height:53%; }
	.zahlen_mitte_edit{ clear: both; position:relative;	float: left; width:100%; height:60%;}
	
	.ganze_zeile{ clear: both; position:relative;	float:left; width:100%; height:12%; margin:6px 4px; }
	.ganze_zeile_editmodal_gastro{ clear: both; position:relative;	float:left; width:100%; height:12%; margin:4px 4px; }

	.zahlungsart_header{ position:relative;	float:left;	width:40%; margin:2px 0 5px 0; padding:.3em 0 0 0; text-align: left;	}
	.zahlungsart_headerGs{ position:relative;	float:left;	width:35%; margin:2px 0 5px 0; padding:.3em 0 0 0; text-align: left; overflow:hidden;	}
	.zahlungsart_geld{ position:relative; float:right;  width:27%; height:auto; margin:3px 0 0 0; padding:.2em 5px 0 0; text-align:right; }
	.beilagenAendernTxt{ position:relative; float:right;  width:50%; height:auto; margin:3px 0 0 0; padding:.2em 0 0 3px; text-align:left; }
	.zahlenLineButton { height:100%; }
	.gutschein_nr{	 position:relative; float:right;  width:24%; height:auto; margin:3px 2% 0 0; padding:.2em 5px 0 0; text-align:right; }
	.getKartenGuthabenField { position:relative;  float:right;  width:3%; height:auto; margin:3px 1% 0 0; text-align: center;			}
	
	.zahlungsart_header_top {	position:relative;	float:left;	width:48%; margin: 0% 0 0 0; text-align: left;	}
	.zahlungsart_header_top_input_div {position:relative; float:right; width:27%;	}
	.zahlungsart_header_top_input_div input { position:relative; width:100%; float:right; text-align:right; padding-right:1%; margin-left:1%;}
	.zahlungsart_header_top_txt_l {position:relative; float:left; width:40%; }
	.zahlungsart_header_top_txt_r {position:relative; float:right; width:40%; text-align:right; }
	
	.zahlen_body_button_div{ position:relative; float:right; width:37%; height:22%;		}
	
	.getCardRestvalBut { float:left; width:25%; height:auto; margin:3% 1% 0 1%; display:none; }
	#zahlenModalInfoP{ position:relative; float:right; width:70%; height:auto; min-height:22px; padding:0; margin:4% 0 0 0; font-size:1em;		}
	
	.customerOnBonModalField { position:relative; float:right; width:36.5%; height:60%; margin-top:-.2%; 		}
	.kundensearch_header { position:relative;	width:100%; text-align:center; font-size:.85em; font-weight:bold; margin:0 0 2% 0;	}
	.searchModalCloseDiv {position:relative; width:97%; height:22px;  font-size:.7em; text-align:right; color:#335; padding:2px 2% 0 0; background:none; cursor:pointer; }
	#printCustomerId { position:relative;	float:left;	width:10%; text-align: left; border:none; background:none;	}
	.kundenSearchModalField { width:47%; float:left; text-align: center; margin:.2em 0 0 0;}
	.modalClearCustomerBut {position:relative; float:right; width:47%; padding:.2em .1em; border-radius:.3em; margin:.1em 0 0 0;}
	#kundenNameFeld { position:relative;  width:100%;  margin:5% 0 0 0; padding:2px 0; font-size:.9em; font-weight:bold; font-style:italic; color:#447; text-align:left; white-space:nowrap; overflow:hidden;  	}
	
	#searchResultDiv { position:absolute; left:0; top:15px; width:58%; height:auto; max-height:350px;  overflow:auto;  padding:6px 5px; border:#666 solid 0px; background:#fafafa; visibility:hidden; z-index:700;	}
	.searchResultLine {	position:relative; width:97%; height:auto; text-align:left; font-size:1em; padding:2.5% 1%; cursor:pointer;	}
	
	.searchUlSel { list-style:none; text-align:left; margin:0; padding:0; font-size:.9em;  }
	.searchUlSel li { border-bottom:2px white solid; height:1.6em; padding:.5em 0 0 5px; text-align:left; border-radius:3px; overflow:hidden; cursor:pointer; }
	.customerDialogSearchLi{ background:yellow; text-align:right !important;			}
	.searchResultDialogSearchField{ position:relative; width:85%; height:auto; margin:1px auto 5px; text-align:left;			}
	.searchResultDialogAnlegenBut{  position:relative; float:left; width:25%; height:auto; margin:1px auto 5px; text-align:right;			}
	#customerDialoSearchField { position:relative; width:35%; margin-top:5px;				}
	.cClearCustSearchFieldBut{ position:relative; float:left; width:35px; height:35px; margin-left:7px; background:url(images/kp-delete.png) no-repeat; background-size:100% 100%;
								border:none;}
		/*.searchUlSel li:first-child { color:#000; font-size:.8em; font-weight:normal; text-align:center; height:18px; padding:2px 0 2px 0; margin:0; background:#ddd;
			border-top-left-radius:3px; border-top-right-radius:3px; border-bottom:0;   cursor:pointer;  }
		*/
	
	.customerSearchDialog { height:700px; 	}
	.customerSearchDialogDiv { position:relative; width:100%; margin:0 auto;	}
	#kundenSearchDialogField { position:relative; width:50%; text-align:center !important; ;}
	#searchResultDialogDiv { position:relative; width:97%; height:260px;  overflow-y:scroll; padding:3px 5px; visibility:visible;	}
	
	#searchDialogButR {float:right; margin:5px 15px 3px 0;  }
	#searchDialogButL {float:left; margin:5px 0 3px 15px;  }
		
	#searchDialogBotomInfoField { position:relative; float:left;  margin:8px 0 0 15px; width:60%; height:36px;  overflow:hidden;   }
	#searchDialogBotomInfoField p {margin:2px 0; padding:0; font-size:.9em; font-weight:bold; }
	#searchDialogBotomInfoField p:first-child { margin:2px 0; padding:0; font-weight:normal; font-size:.85em;}
	
	#preisgrInfoButton{ height:30px; margin:11px 0 0 1.5%; width:27%;					}
	
	.datepicker { font-size:1em; }
/*	.ui-widget { position: absolute; }		*/

	/*  Reprint Bon                */
	
	.reprintDialogList {position:relative; width:90%; height:auto; margin:2px auto; max-height:270px; overflow:auto; list-style:none; text-align:left; margin:0; padding:0; font-size:.9em; }
	.reprintDialogList li { width:97%; margin:0 0 0 2%; padding:2px 0 0 0; font-size:1.3em; color:#fef4e9; text-align:center; border-radius:3px; border:solid 1px #da7c0c; background:#ba9; cursor:pointer;}
	.bonReprintSelected {  }
	
	.reprintSelect {  width:97%; margin:0 0 0 2%; padding:2px 0 0 0; font-size:1.3em; color:#fef4e9; text-align:center; border-radius:3px; border:solid 1px #da7c0c; background:#f78d1d; cursor:pointer;	}
	
	.ausdruck{
		visibility: hidden;
	}
	
	@media screen 
	{ 
		.ausdruck { display: none; }
		.fenster_rechts { max-width:40%;			}
	}
	
	@media print 
	{
		body * {
			font-size: 12px;
			visibility: hidden;
		}
		.ausdruck, .ausdruck * {
			visibility: visible;
			font: <?php echo SCHRIFT_AUSDRUCK ?>;
		}
		.ausdruck {
			position: absolute;
			width: <?php echo AUSDRUCK_GESAMTE_BREITE ?>;
			left: 0;
			top: 0;
			font: <?php echo SCHRIFT_AUSDRUCK ?>;
		}
		
		/*   ist für bonjournal ausdruck */
		.fenster_rechts, .fenster_rechts * {
			visibility: visible;

		}
		 .fenster_rechts {
			left:-9px !important;
			top:0;
			margin:0;
			padding:0;
			width: <?php echo AUSDRUCK_GESAMTE_BREITE ?>;

		}
	}
	
	
	@media print {
		#fenster_rechts { position: absolute; left:0;  top:0; clear:both; width: <?php echo AUSDRUCK_GESAMTE_BREITE ?>; font: <?php echo SCHRIFT_AUSDRUCK ?> !important;  }
}
	
	
/* ======================================================================== */
/* ===  Bonjournal kopiert */

	.auswertungen table { table-layout: fixed; margin:auto; text-align:left; table-layout: auto; color: #404040;  
		background:#fafafa; border:0px #6699CC solid; border-collapse:collapse; } 
	.auswertungen td { padding:0 3px;}
	.ueberschrift { border-bottom:0px solid #6699CC; border-left:0px solid #6699CC; background: #BEC8D1; text-align:center; font-family: Verdana; font-weight:bold; padding:0 5px;
				font-size:.9em; color:#404040; }
	.div_ueberschrift {  text-align: center; font-size:.9em; font-weight: bold; color: #404040; border:none; }
	.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;}
	.width120 { overflow: hidden; width: 120px;}
	.width150 { overflow: hidden; width: 150px;}
	.width200 { overflow: hidden; width: 200px;}
	.width300 { overflow: hidden; width: 300px;}
	.width400 { overflow: hidden; width: 400px;}
	tr.d0  td { background-color: #E5E5E5; border:none; }
	tr.d1  td { background-color: #fafafa; border:none; }
	tr.d2  td { background-color: #F5A9A9; }
	tr.d3  td { background-color: #D0F5A9; }

	.hoehe { max-height:40px; height: 40px; }
	.filterDiv { }
	.bild { height:100%; max-height:100%; }
	
	.abrechnungsAusdrHeader { position:relative; font-weight:bold !important; text-align:center;}
	
	/*  ENDE AUSWERTUNGEN */

	.wrapper_bon{
		/*width: 100%; height: 100%;	$bonContH=str_replace("%", "", BON_CONTAINER_HOEHE)-10;			*/
		<?php $screenW=str_replace("px", "", BILDSCHIRM_GESAMTE_BREITE)-20; $screenH=str_replace("%", "", BILDSCHIRM_GESAMTE_HOEHE)-4; ?>
		position: relative; width:<?php echo $screenW."px";   ?>; height:<?php echo BILDSCHIRM_GESAMTE_HOEHE ?>; padding:0 2px; border:1px solid gray;
	}
	
	
	
	.wrapper_admin {		<?php $screenW=str_replace("px", "", BILDSCHIRM_GESAMTE_BREITE)-20; $screenH=str_replace("%", "", BILDSCHIRM_GESAMTE_HOEHE)-4; ?>
						position: relative; width:<?php echo $screenW."px";   ?>; height:<?php echo BILDSCHIRM_GESAMTE_HOEHE ?>; padding:0 10px; border:1px solid gray; overflow:auto;
	}
	
	.content_admin {  border:green solid 1px; overflow:auto;	display: block;		}
	
	#wrapper_admin .menuDivRight, #wrapper_bon .menuDivRight { visibility:hidden; 	}
	
	#wrapper .menuDivRight { visibility:visible; 	}

	#wrapper_admin #fenster_links form, #wrapper_bon #fenster_links form { margin:0; padding:0;  }
	.adminPageTxtDiv { position:relative; width:95%; margin:2% 0 1% 1%; padding:3px 0 3px 7px; z-index:33; }
	.adminPageIpTxtDiv { display:block; float:left; width:20%;}
	.adminPageTxtKassaabschlDiv { position:relative; float:left; width:60%; margin:2% 0 1% 1%; padding:3px 0 3px 7px; }
	.adminPageIpTxtKassaabschlDiv { display:block; float:left; width:40%;}
	.adminKassaabschlPageIpTxtDiv{	 display:block; float:left; width:40%;			}
	.adminPageContentLeftDiv { position:relative; float:left; width:50%; }
	.adminPageTxtDiv h4 { font-size:1.03em; font-weight:bold; margin:3px 0; padding:2px 0;		}
	.adminPageTxtDiv p { font-size:1em; font-weight:normal; margin:2px 0; padding:2px 0;		}
	.adminPageTxtDiv button { position:relative; margin:-28px 0 0 0;	}
	.kassenbericht_starten { margin:22px 0 22px 150px !important;}
	
	.adminPageInputDiv { position:relative; width:100%; margin:2px 0 0 0;	}
	.adminKassaabschlPageInputDiv{	 position:relative; width:500px; height:55px; margin:2px 0 10px 0;		}
	
	.adminKassaBerichtSelect{width:58%; text-align:center;  margin:8px 0 5px 1%; border-radius:.3em;
						font: <?php echo SCHRIFT_MENUE ?>; font-weight:bold; font-size:.9em; }
	.adminKassaBerichtSelect option { margin:5px 0; padding:.3em 0; border-radius:.3em;  color:<?php echo BUTTON_TXT_FARBE; ?>; font:<?php echo SCHRIFT_MENUE ?> !important; 
						border:<?php echo BUTTON_BORDER; ?>; background:<?php echo BUTTON_FARBE_SET; ?>;   }
	.adminKassaBerichtSelect optgroup { border:none;			}
	/*.adminKassaBerichtSelect option { border-top:1px transparent solid; border-bottom:2px <?php echo BUTTON_FARBE_SET; ?> solid;				}	*/

	.kassenAbschlBut { position:relative; float:left;  margin:4% 5px 0 0; font: <?php echo SCHRIFT_MENUE ?>; }
	.kassenAbrechBut { margin:5% auto; display:block; font: <?php echo SCHRIFT_MENUE ?>; }
	#kassa_abschluss_durchfuehren { display:none;}
	
	.ausdruck_kassenabschl_prod_warengr { display:inline-block; margin:5px 0 0 0; line-height:1.3em; border-bottom:2px solid #111; }
	.ausdruck_kassenabschl_prod_warengr_prodname { font-weight:bold !important; text-align:left; }
	
	.adminPageUserAbrechnungTxtDiv { position:relative; width:95%; height:auto; margin:2% 0 1% 1%; padding:3px 0 3px 7px;}
	
	.displayVisibilityHidden { visibility:hidden;  }
	.displayNone { display:none;  }
	
	/*     Seite Lieferscheine     */
	
	#lieferscheineContent { 	position:relative; width:98%; margin:1% auto; height:80%; 					}
	#lieferscheineFensterLinks { 	position:relative; width:74%; float:left; margin:0 1% 0 0; height:100%;	 overflow-y:auto;			}
	#lieferscheineFensterRechts { 	position:relative; width:25%; float:left; height:100%; overflow-y:auto; 					}
	#lieferscheineMessageDiv { position:relative; display:block; width:98%; height:5%; margin:.5% auto; font-size:.9em; padding:0; overflow:auto;			}
	
	#lieferscheineVerrechnungContent { 	position:relative; width:98%; margin:1% auto; height:80%; overflow-y:auto; 					}
	#lieferscheineVerrechnungContent p { margin:5px 0 1px 0;			}
	#lieferscheineVerrechnungContentHead{ position:relative; width:98%; margin:.2% auto; background:#555; color:#eee; padding:3px 0; height:auto;				}
	
	.lsVerrHead_A { position:relative; float:left; width:5%; text-align:center; line-height:1.5em !important; overflow:hidden;			}
	.lsVerrHead_B { position:relative; float:left; width:9%; text-align:center; line-height:1.5em; white-space:nowrap; overflow:hidden;				}
	.lsVerrHead_C { position:relative; float:left; width:38%;  line-height:1.5em;overflow:hidden; white-space:nowrap;				}
	.lsVerrHead_C_2 { position:relative; float:left; width:11%; text-align:right; line-height:1.5em; overflow:hidden; white-space:nowrap;				}
	.lsVerrHead_D { position:relative; float:left; width:20%;text-align:center; line-height:1.5em; white-space:nowrap; overflow:hidden;				}
	.lsVerrHead_E{ position:relative; float:left; width:10%; text-align:right; line-height:1.5em; white-space:nowrap;  overflow:hidden;				}
	.lsVerrHead_F{ position:relative; float:left; width:6%; text-align:right; line-height:1.5em; white-space:nowrap;  overflow:hidden;				}
	
	.lsVerrHead {position:relative; width:83%; margin:0 0 0 5%; background:#555; color:#fff; display:none; }
	.lsVerrCol_A{ position:relative; width:42%; float:left; padding:0 .5%; 	}
	.lsVerrCol_B{ position:relative; width:25%; float:left; text-align:right;	}
	.lsVerrCol_C{ position:relative; width:12%; float:left; text-align:center;	}
	.lsVerrCol_D{ position:relative; width:15%; float:left; text-align:right;	}
	.lsVerrSum{ position:relative; border-top:3px solid #000;				}
	#lsVerrErrorMsg { text-align:center; color:#a00;	font-weight:bold; margin:3px 0 17px 0 !important;	}
	.zaSelect { width:15%; margin:1% 0 0 15px; padding:0.1em 0.1em; text-align:center; border-radius:.3em;
			color: <?php echo BUTTON_TXT_FARBE; ?>; border: <?php echo BUTTON_BORDER; ?>;  background:<?php echo BUTTON_FARBE_SET; ?>;  }
			
	.lsVerrDetails {position:relative; width:83%; margin:0 0 0 5%; display:none; background:#efefef; color:#444; }
	.lsVerrDisplBut{ position:relative; width:80%; margin:0 0 0 20%; height:22px; border:none; background:url(images/lupe_.png) no-repeat; background-size:100% 100%;				}
	
	.lsVerrA4CheckboxLabel{	position:relative; line-height:1.5em; margin:1% 0 0 0;		}
	.lsVerrA4Div{ position:relative; line-height:1.5em; margin:1.1% 15px 0 0;		}
	.lsGroupHeadHtmlPrint{ position:relative; width:auto; padding:2px 0 2px 4px; margin:2px 0;  text-decoration: underline;		}
	
	.tableLieferscheine { width:99%; border-spacing:1; border:none;			}
	.tableLieferscheine th { color:#fff; background:#888; line-height:1.1em; height:1em; padding:3px 3px 1px 3px;				}
	.tableLieferscheine td { height:auto; height:45px; padding:2px 3px; border:none;	  overflow:hidden; 				}
	.lieferscheinTableFieldDiv {	width:auto; height:auto; max-height:45px; overflow:hidden;			}
	
	.lieferscheinViewBut {position:relative; float:left; width:32%; height:100%; margin:0 .5%; border:1px outset silver; border-radius:3px; 
				background:url(images/lupe_.png) no-repeat; background-size:100% 100%; cursor:pointer;	}
	.lieferscheinBonBut { position:relative; float:left; width:32%; height:100%; margin:0 .5%; border:1px outset silver; border-radius:3px;
				background:#fff url(images/printBonIcon.png) no-repeat; background-size:100% 100%; cursor:pointer; 	}
	.lieferscheinPrintBut { position:relative; float:left; width:32%; height:100%; margin:0 .5%; border:1px outset silver; border-radius:3px; 
				background:<?php echo BUTTON_FARBE_SET ?> url(images/printerIcon.png) no-repeat; background-size:100% 100%;	cursor:pointer;	}
	
	.lsTable_A {	 width:22%; overflow:hidden; 		}
	.lsTable_B {	 width:7%; overflow:hidden; text-align:right; 		}
	.lsTable_B_2 {	 width:7%; overflow:hidden; text-align:right; 		}
	.lsTable_C {	 width:15%; overflow:hidden; text-align:center; 		}
	.lsTable_D {	 width:40%; overflow:hidden; text-align:left; 			}
	.lsTable_E {	 width:20%; overflow:hidden; text-align:left; 		}
	.lieferscheinSerchField {position:relative; width:96%; margin:0 2%; text-align:center; font-size:1em; }
	.loadLsButton { width:auto; min-width:155px; margin:0 7px; font: .9em/1em sans-serif;				}
	
		/*   display Lieferschein   */
		
	.displayLieferscheinTable { width:98%; height:auto; max-height:90%; margin-top:.5%; overflow-y:auto;  table-layout: fixed;			}
	.displayLieferscheinTable th { background:#555; color:#fff; text-align:center; 				}
	.displayLieferscheinTable td { vertical-align:top; overflow:hidden;				}
	.displayLieferscheinTd_A { width:40%; height:auto; overflow:hidden; text-align:left; 			}
	.displayLieferscheinTd_B { width:20%; height:auto; overflow:hidden; text-align:right; 			}
	.displayLieferscheinTd_C { width:20%; height:auto; overflow:hidden; text-align:right; 			}
	.displayLieferscheinTd_D { width:20%; height:auto; overflow:hidden; text-align:right; 			}
	
		/* upgrade page	*/
		
	#upgradeForm { margin:22px 0 0 0;	}
	#upgradMessageDiv { position:relative; width:100%; margin:22px 0 0 0; height:auto; min-height:42px; }
	
	.upgradeTestDiv { position:relative; width:80%; height:auto; min-height:44px;  margin:22px 0 15px 5%; background:transparent; }
	
	.fenster_links{
		/*width:60%;*/
		height:85%;
		overflow: scroll;
		
	}

	.fenster_rechts * {	/*width:40%;*/ font: <?php echo SCHRIFT_AUSDRUCK ?>;	}

	.fenster_rechts {	position:relative; float:right; height:85%; overflow-Y:scroll; width:auto; font: <?php echo SCHRIFT_AUSDRUCK ?>; padding:3px 2px;	}
		
				
	.fenster_rechts_overlowauto { overflow:auto;}	
	
	#fenster_rechts #fenster_rechts * { width: <?php echo AUSDRUCK_GESAMTE_BREITE; ?>; float: right; font: <?php echo SCHRIFT_AUSDRUCK ?>;
		
	}
	
	.stornoBillWrapper {	position:relative; width:99%; margin:0; padding:0 0 0 1%; overflow-y:auto;	}
	
	.kpSelect {  width:97%; margin:0 0 0 2%; padding:2px 0 0 0; font-size:1.3em; color:<?php echo BUTTON_TXT_FARBE; ?>; text-align:center; 
				 border:<?php echo BUTTON_BORDER; ?>; border-radius:3px; background:<?php echo BUTTON_FARBE_SET; ?>;	}

	.kpSelect option {border-bottom:2px white solid; height:26px; padding:2px 0 0 0; font-size:1.3em; border-radius:3px; cursor:pointer;}
	.kpSelect option:hover { background:<?php echo BUTTON_HOVER_FARBE; ?>;	}
		/*background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #f88e11,  #f06015);
*/		
	.kpSelect option:first-child { color:#000; font-size:1em; font-weight:normal; height:20px; padding:0px 0 2px 0; background:#ddd; cursor:default;  }
	.kpSelect option:first-child:hover { color:#000; font-size:1em; font-weight:normal; background:#ddd; cursor:default;  }
	
	.searchOptSel { max-height:200px !important;  }
	

	.stornoSelect {}
	.kpBillStornoCommentDiv { position:relative;  width:97%; margin:0 0 0 2%; height:24px; font-size:1.2em; text-align:center;}
	.kpBillStornoCommentTxt {position:relative; float:left; width:33%; font-size:1em; font-weight:bold; padding:4px 1% 0 1%;	}	
	.kpBillStornoCommentField { position:relative; float:right; width:65%; height:100%; font-size:1.2em;	}
	.kpBillStornoButDiv { position:relative; width:100%; height:auto; margin:5px 0 0 0;	text-align:center;}
	.kpBillStornoBut { position:relative; margin:0 auto;	 cursor:pointer; text-align:center; text-decoration:none; padding: .2em .1em .2em; text-shadow: 0 1px 1px rgba(0,0,0,.3);
						-webkit-appearance: none; -webkit-border-radius: .3em; border-radius: .3em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
						box-shadow: 0 1px 2px rgba(0,0,0,.2)
	}
	
	.ausdruck_ganze_zeile { 	clear:both;	}
	.bonAusdruckCustomer { position:relative; width:100%; padding:0; margin:0; text-align:left; word-break: break-all;	}
	.bonAusdruckCustomer p { margin:4px 0; padding:0 0 0 5px;			}
	.bonAusdruckCustomer p:first-child { font-weight:bold; }
	.ausdruck_bon_gesamt_breite { width:<?php echo AUSDRUCK_GESAMTE_BREITE; ?>;}
	
	.ausdruck_abschluss_einnahme_name { width:<?php echo AUSDRUCK_ABSCHLUSS_EINNAHME_NAME ?>; float: left; text-align:right;	position:relative; padding:0; margin:0; }
	
	.ausdruck_abschluss_einnahme_betrag {
		width: <?php echo AUSDRUCK_ABSCHLUSS_EINNAHME_BETRAG ?>;	float: left; text-align:right;	position:relative; display: block;
	}
	.ausdruck_abschluss_steuer_satz { width: <?php echo AUSDRUCK_ABSCHLUSS_STEUER_SATZ ?>; float: left; text-align:right; position:relative; display:block; overflow:hidden;  }
	.ausdruck_abschluss_steuer_netto {
		width: <?php echo AUSDRUCK_ABSCHLUSS_STEUER_NETTO ?>;	float: left; text-align:right;	position:relative; display:block;
	}
	.ausdruck_abschluss_steuer_betrag {
		width: <?php echo AUSDRUCK_ABSCHLUSS_STEUER_BETRAG ?>;	float: left; text-align:right;	position:relative; display:block;
	}
	.ausdruck_abschluss_steuer_brutto {
		width: <?php echo AUSDRUCK_ABSCHLUSS_STEUER_BRUTTO ?>;	float: left; text-align:right;	position:relative; display:block;
	}
	
	.kassenabschlNameColumn { position:relative; float:left; width:calc( <?php echo AUSDRUCK_ABSCHLUSS_STEUER_SATZ; ?> + <?php echo AUSDRUCK_ABSCHLUSS_STEUER_BETRAG; ?>); text-align:left; overflow:hidden;  }
	.kassenabschlCatNameColumn { position:relative; float:left; width:<?php echo AUSDRUCK_ABSCHLUSS_STEUER_SATZ; ?> ; text-align:left; overflow:hidden; }

	
		/*   beispiel für den wert aus der konstante zu ..... <?php $wx=str_replace("mm", "", AUSDRUCK_BON_STK_CM); $wx-=3; echo $wx."mm"; ?>; */
	.ausdruck_bon_stk {
		width:  <?php echo AUSDRUCK_BON_STK_CM; ?>;
		float: left;
		text-align:right;
		position:relative;
		display:block;
	}
	.ausdruck_bon_stk_edit {
		width:  <?php echo AUSDRUCK_BON_STK_CM; ?>;
		float: left;
		text-align:right;
		position:relative;
		display:block;
	}
  
	.ausdruck_bon_name{	 
			/*	width: <?php echo AUSDRUCK_BON_NAME_CM ?>;		*/
		width:  <?php $wx=str_replace("mm", "", AUSDRUCK_BON_NAME_CM)-1; echo $wx."mm"; ?>;	
		
		overflow:hidden;
		height:auto; 
		float: left;
		text-align:left;
		position:relative;
		display:block;
		padding-left:1mm;
		margin-bottom:1mm;
	}
  
	.ausdruck_bon_name_zweizeilig{
	/*	width: <?php echo AUSDRUCK_BON_NAME_ZWEIZEILIG_CM ?>; */
		width:  <?php $wx=str_replace("mm", "", AUSDRUCK_BON_NAME_ZWEIZEILIG_CM)-2; echo $wx."mm"; ?>;
		float: left;
		text-align:left;
		position:relative;
		display:block;
		padding-left:1mm;
	/*	letter-spacing: -1px;			*/
	}
	.ausdruck_bon_einzelpreis{	
		width: <?php echo AUSDRUCK_BON_EINZELPREIS_CM ?>;	
		float: right;
		text-align:right;
		position:relative;
		display:block;
	}
	.ausdruck_bon_summe{ position:relative; 	float: right;  display:block; width:<?php echo AUSDRUCK_BON_SUMME_CM ?>;   text-align:right;	}
	.ausdruck_bon_summe_fontsize{ font-size: <?php echo RECHNUNGSSUMME_AUF_BON_SIZE ?>; margin-bottom:2%; 		}
	.ausdruck_bon_gesammtsumme {width:<?php echo str_replace('mm', "", AUSDRUCK_BON_SUMME_CM)+str_replace('mm', "", AUSDRUCK_BON_EINZELPREIS_CM).'mm' ?>;
			text-align:right; float:right;}
	.ausdruck_bon_summe_txt { float:left; width:auto; }
	.ausdruck_bon_steuer_satz{
		width: <?php echo AUSDRUCK_BON_STEUER_SATZ ?>;	float: left; text-align:right;	position:relative; display:block;
	}
	.ausdruck_bon_steuer_netto{
		width: <?php echo AUSDRUCK_BON_STEUER_NETTO ?>;	float: left; text-align:right;	position:relative; display:block;
	}
	.ausdruck_bon_steuer_steuer{
		width: <?php echo AUSDRUCK_BON_STEUER_STEUER ?>;	float: left; text-align:right;	position:relative; display:block;
	}
	.ausdruck_bon_steuer_brutto{
		width: <?php echo AUSDRUCK_BON_STEUER_BRUTTO ?>;	float: right; text-align:right;	position:relative; display:block;
	}

	
	/* login -> KP  */
	
	#indexHeaderDiv {	margin:2% auto 0; width:30%; height:auto; }
	.indexLogoDiv {position:relative; width:100%; height:auto; margin:0 auto;}
	.indexHeader {   width:40%; margin:0 auto; padding:10px; min-width:450px; max-width:600px; display:flex;  flex-direction:column; }
	#indexHeaderDiv h2 {  margin:8px 0; padding:2px 0; text-align:center;		}
	
	.indexLogo {position:relative; width:55%; margin:0 auto; display:block;}
	
	#indexLoginDiv {	margin: 0 auto; width:30%; height:400px; border: 3px solid #1f4994; padding:1%; border-radius:5px; overflow-y:auto; }
	#indexLoginDiv strong { max-height:98%;}
	.indexCustomizeTxt{	position:relative; width:80%; height:auto; margin:1% auto;}
	#loginDiv {position:relative; margin:6% auto 0px; width:95%; height:auto; padding:5px .5%; display:block; display:none; border-radius:3px; border:#1f4994 solid 1px;}
	#loginField { position:relative; float:left; width:28%; height:auto;  font-size:.9em; padding:4px 1%; border:none;   }
	#loginOperationsDiv{  position:relative; width:100%; height:auto; display:none;		}
	#loginTmpField {	position:relative; float:left; width:5%; padding:1px 0; margin:4px 0 0 0; font-size:1em;  font-weight:normal; border:none; overflow:hidden;   	}
	.loginButton { position:relative; width:30%; margin:1px 1%; }
	.logOffButton {position:relative; margin:0 5px; font-size:12px; font-weight:bold; background:none; border:none; color:darkblue; cursor:pointer; }
	.logOffButton:hover {color:red;}
	
	
	
	#errorDiv {position:relative; width:90%; height:22px; margin:5px auto 5px; padding:3px 7px; color:#a00; font-weight:bold; text-align:center; 	}
	
	.loginInfoDiv {position: relative; width:96%; height:98%; float:left; text-align:left; font-size:12px; font-weight:bold; padding:0 1%; overflow-y:auto;
		direction: rtl; text-align: left; z-index:650;}		/* modal hat z-index 999			*/
	
	.loginInfoUserTxt { font-size:12px; font-weight:bold; color:#444; font-style:italic;  }
	
	.directUserChangActiveBut { height:24%; max-height:40px; min-height:1.3em; margin:1px 2% 1% .5%; padding:0; box-shadow:3px 3px 7px #336; opacity: 0.5;	}
	.directUserChangeBut{ height:24%; max-height:40px; min-height:1.3em; margin:1px .5% 1% .5%; padding:0; bottom:0;				}
	
	#logonNumberPad { position:relative; width:250px; height:auto; margin:5px auto; padding:1% 1% 1% 0.5%;  border:2px silver solid; 
			background-image: linear-gradient(45deg, #e6e6e6, #f1f1ff); border-radius:5px; 	}
			
	#autologinChecker {position:absolute; top:0; left:0; display:none; }
	#autologoffChecker {position:absolute; top:0; right:0; display:none; }
	
	.indexNumPadKey { position:relative; width:31%; height:35px; font-size:16px;  font-weight:bold; border:silver 1px solid; border-radius:3px; margin:1% 0 1% 2%; padding:0;  cursor:pointer;
							}
	.numPadNumberDiv { position:absolute; bottom:2px; left:4%; height:90%; width:18px; font-size:1.8em; padding:0px 0 0 0; line-height:100%; text-align:right;					}
	.numPadNumberCenterDiv  { left:2%; width:96%; text-align:center;					}
	.numPadNumberDiv_2{ position:absolute; height:60%; top:18%; width:100%; font-size:1.3em; padding:3% 0 0 0; text-align:center;					}
	.numPadNumberDiv_3{ position:absolute; height:40%; top:35%; width:30%; font-size:2em; padding:3% 0 0 0;  text-align:center;				}
	.numPadLetterDiv { position:absolute; bottom:4px; right:4px; font-size:1.1em; font-weight:bold; font-style:italic; letter-spacing: .1em; text-align:right;			}
	.numPadCoverDiv { position:absolute; width:100%; height:100%; border:yellow 1px solid; }
	.numPadKeyImg { position:absolute; width:100%; z-index:5;}
	
	/*  kassieren -> kp */
	
	.kpzuz {border:red solid 1px; }
	
	.button_link { position:relative; float:left; display:inline-block; margin:1px; 	padding: .15em .1em; outline:none; font: .85em normal arial, sans-serif; text-align:center;
										text-shadow:0 1px 1px rgba(0,0,0,.3); cursor: pointer;
			-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius: .5em;-webkit-appearance:none;-webkit-border-radius:.5em;
	}
	
		
	.dialogCssClass {z-index:1200; }	
	.redbold { color:#a00; font-weight:bold;			}
	.kpPosition {position:absolute; top:522px; left:5px;}
	.stornoButtonKp { color:red !important; }
	.bonStornoDialog { color:darkblue; font-size:12px; }
	.bonStornoDialogTxt { text-align:center; margin:15px 0 -15px 10px; padding:0; }
	
	.bonStornoButTxt { font-size:22px; padding:5px 12px; color:#111 !important; font-weight:bold; text-align:center;  border:outset silver 2px !important; cursor:pointer;}
	.bonStornoButTxt:hover { background:#ddd; color:#555 !important;}
	#bonStornoDialogButL {  float:left;  margin:5px 0 3px 15px; }

	#bonStornoDialogButR {  float:right;  margin:5px 15px 3px 0;}
	
	#retourgeldButClose {position:relative; float:right;}
	.retourgeldDialogDiv { position:relative; margin:22px auto; width:80%; height:auto; font-size:.8em; 	}
	.retourgeldDialogTxt { position:relative; float:left; margin:0px 0; padding:0; width:65%; 	}
	.retourgeldDialogBetr { position:relative; float:right; margin:0px 0; width:33%; font-size:1.2em; font-weight:bold; text-align:right;}
	.retourgeldDialogTxt div { position:relative; display:inline; float:right;}
	.retourgeldField { position:relative; float:right;	}
	.retourgeldDialog button {  margin:10px 3px; 	}
	
	.ui-dialog {	 z-index:1500 !important;}

	.ui-dialog-titlebar { height:30px; padding-top:5px !important; margin:0 0 5px 0; text-align:center !important;
		color:<?php echo BUTTON_TXT_FARBE; ?> !important; border:<?php echo BUTTON_BORDER; ?> !important; background:<?php echo BUTTON_FARBE_SET; ?> !important;
	/*	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)) !important;
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20) !important;
	*/
		}
	.ui-dialog-content {	 border:none !important; background:transparent !important;}
	.ui-widget-content { }
	.ui-dialog-titlebar-close span .ui-button-text { position:relative; float:right; display:none !important; color:darkblue !important; font-size:14px; }

	/* general Dialog box   */
	
	.generalDialogBox {			}
	.configDialogContent { width:96%; margin:0 2%; text-align:left !important;			}
	.generalDialogBox p { position:relative; text-align:center; }
	.generalDialogBox .ui-widget-header { text-align:center; padding:3px 0 0 0;	}	/* dialog box title bar dingsbums */
	.generalDialogP { text-align:center;	}
	.licenseDialogP { text-align:center !important; margin:7px 0 !important; font-weight:bold; color:#c00; text-shadow:1px 1px 2px #c5c5c5;	}
	
	#dialogButR {float:right; margin:7px 7px;   }
	#dialogButL {float:left; margin:7px 7px;  }
	
	.bonStornoClass { }
	.bonStornoClass .ui-dialog-title { padding-top:3px !important; }
	
	.configInfoDialogContentDiv { height:auto; min-height:55px; margin:10px 0;}
	
	
	/*    autobackup dialog */
	
	#errorDialog { padding:15px 0; display:none; }
	#errorDialog p { font-size:1em; font-weight:bold;  width:90%; margin:2px auto; text-align:left;	}
	
	.bonStornoClass .ui-dialog-title { padding-top:3px !important; }
	
	.dialog_orange {
		color:<?php echo BUTTON_TXT_FARBE; ?> !important;
		border:<?php echo BUTTON_BORDER; ?> !important;
		background:<?php echo BUTTON_FARBE_SET; ?> !important;
	/*	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)) !important;
		background: -moz-linear-gradient(top,  #faa51a,  #f47a20) !important;
	*/
	}
	
	
	/*    Bon Splitten		*/
	<?php
		$zW = preg_replace('/\D/', '', ZIFFERN_CONTAINER_BREITE);
		$zC = preg_replace('/\D/', '', STEUERUNG_CONTAINER_BREITE);
		$zS=$zW+$zC;
	?>
	
	#splitbonInnerWrap { position:relative; width:90%; height:90%; margin:2% 5%; background:#fff; border:silver 1px solid; border-radius:3px;  				}
	#splitBonContainer {position:relative; float:left; width:calc(90% - <?php echo $zS."%" ?>); height:100%; padding:1% 0 0 2%; margin:0; }
	
	
	#splitBonControlContainer {position:relative; width: <?php echo STEUERUNG_CONTAINER_BREITE ?>; float:left; height:auto; margin:10% .5% 6% 1% ; padding:2px .6% 0 .6%; 
			border:1px silver solid; border-radius:2px;}
	#splitBonOriginContainer {position:relative;  width:95%; height:55%;   margin:0 0 .2% 0; padding:0; }
	#splitBonOriginHeader  { position:absolute; top:1px;  height:20px; width:100%; margin:0; color:#fff; background:#666; }
	#splitBonOriginHeader div{ height:96%; padding:.4% 0 0 0; font-size:.95em;}
	#splitBonOriginContent {position:absolute; top:22px; bottom:24px; width:100%; background:#f6f6f6; overflow-y:auto;}
	
/*	.splitBonOriginSumDiv {position:absolute; bottom:10px; width:100%; height:20px; margin:0; background:#606; color:#fff;	}	*/
	
	.splitBonSumDiv {position:absolute; bottom:1px; width:100%; height:21px; margin:0; background:#666; color:#fff; }
		
	.splitBonSumTxt {position:relative; float:left; padding:.5% 0 0 3px;  }
	.splitBonSumAmount {position:relative; float:right; text-align:right; height:96%; padding:.2% .5% 0 .5%; color:#fff; font-size:.95em; background:none; border:none;   }
	
	#splitBonSplitContainer {position:relative;  width:95%; height:39%; border-top:2px #555 solid;   margin:.2% 0 0 0; padding:0; }
	
	
	#splitBonContent {position:absolute; top:1px; bottom:24px; width:100%; background:#f6f6f6;  overflow-y:auto;}
	
	.split_steuerung_but_minus { display:none; height:8% !important; font-size:32px; line-height:5%; font-weight:bold; border-radius:3px;	 margin:3% 0;}
	.split_steuerung_but_plus { display:none; height:8% !important; font-size:32px; line-height:33%; font-weight:bold;  border-radius:3px; margin:3% 0; 			}
	
	.split_steuerung_but_close { height:8% !important; font-size:1.4em; line-height:1em; font-weight:bold;  border-radius:3px; margin:3% 0 3% 0; }
	.split_steuerung_but_move {  height:8% !important;   font-size:1.4em; line-height:1em; font-weight:bold;  border-radius:3px; margin:3% 0 90% 0; }
	
	#moveToTableDetailBut{ background:<?php echo BUTTON_FARBE_SET; ?> url(images/moveToTabelBgImg.png) center no-repeat; }
	
	.splitBonCloseDiv {	position:absolute; top:5px; right:7px;  width:25px; height:20px; font-size:1.3em; font-weight:bold; cursor:pointer; 		}	
	.splitBonMoveArrow { position:relative; display:block; margin:10px 0; width:55px; height:75px;   }
	.split_steuerung_but_del {height:8% !important;  margin:90% 0 3% 0; 	border-radius:3px;	
		background:<?php echo BUTTON_FARBE_SET; ?> url(images/kp-delete.png) !important; background-size:100% 100% !important; 	}	
	.split_steuerung_but { height:8% !important;   font-size:1.4em; line-height:1em; font-weight:bold;  border-radius:3px; margin:3% 0; 				}
	
	/*	#splitBonNumpadContainer { position:relative; float:left; width:auto; min-width:20%; height:70%; margin:0 0 0 3px; padding:0 0 0 0; background:#ccc;			}	*/
	.splitBonContMsgP { position:relative; width:90%; margin:3% auto; font-size:.9em;}
	.ziffernblock_split_modal {position:relative; float:left !important; margin:11.5% 0 1% 0 !important; border:1px silver solid; border-radius:2px; padding:10px .4%;  }

	#splitbon_stueck { position:relative; width:90%; display:block; margin:0 0 2px 3.5%; padding:3px 0; border:1px silver solid; border-radius:2px; font-size:.9em; font-weight:bold;   	text-align:center;		} 
	#splitbonMessageDiv{ position:absolute; right:2%; bottom:11%; width:32%; height:auto; min-height:3%;				}
	
	.splitBonButtonContainer{ width:26%; height:auto; float:left; margin:7% 0 0 0%;			} 
	.splitBonButtonContainer button{ width:98%; margin:.5% auto; display:block;			} 
	
	.ziffernblock_mobile { position:relative; width:45%; height:25%; margin:10px auto;		}
	
	/* einAuszahlungsForm	*/
	.einAuszahlungsForm {position:relative; width:94%; margin:0 0 0 5px; padding:0 4%; height:auto;}
	.einAuszahlungsForm h4 { font-size:1.1em; font-weight:normal; margin:2px 5px; padding:3px 0;}
	.einAuszahlungsForm p { font-size:1em; font-weight:normal;margin:2px 0; padding:3px 0 2px 5px;}
	.einAuszahlungsForm select { position:relative; width:45%; height:33px; font-size:.9em !important; padding:3px 0; margin:5px 0 7px 0; }
	.einAuszahlungsForm option { font-size: .9em; font-weight:bold;		}
	.einAuszahlungsForm button { position:relative; float:right !important; width:45% !important; margin:0 0 10px 0; }
	.einzalungsSelectFirstL { font-size:.7em !important;}
	.einAuszahlungsFormParLeft { position:relative; float:left; width:50%; height:20px; padding:4px 0 0 5px; margin:3px 0; }
	.einAuszahlungsInputTx {position:relative; float:right; width:45%; height:24px; text-align:left; padding:0 5px; margin:3px 0;  }
	.einAuszahlungsInputNo {position:relative; float:right; width:45%; height:24px; text-align:right; padding:0 5px; margin:3px 0;  }
	
	
	
	
	/* data upload   */
	.dataImportContentDiv {position:relative; width:100%; height:100%; overflow-y:auto; }
	#uploadForm { position:relative; width:97%; margin:12px auto 7px; padding:5px 4px; border:silver 1px solid; border-radius:5px; }
	.ipSubmitBut {position:relative; float:right; margin:0 5px;  }
	#fileToUpload { border:<?php echo BUTTON_BORDER ?>; border-radius:3px;  width:50%; overflow:hidden; }
	.adminTxtUpload { position:relative; width:700px; }
	#uploadFormImg { position:relative; width:97%; margin:12px auto 10px; padding:5px 4px; border:silver 1px solid; border-radius:5px; }
	#fileToUploadImg { border:<?php echo BUTTON_BORDER ?>; border-radius:3px; width:50%; overflow:hidden; }
	
	#uploadFormA4Template { position:relative; width:97%; margin:12px auto 10px; padding:5px 4px; border:silver 1px solid; border-radius:5px; }
	#fileToUploadSqlTempl { border:<?php echo BUTTON_BORDER ?>; border-radius:3px; width:50%; overflow:hidden; }
	
	#uploadFormCSB { position:relative; width:97%; margin:12px auto 10px; padding:5px 4px; border:silver 1px solid; border-radius:5px; }
	#fileToUploadCsbSql { border:<?php echo BUTTON_BORDER ?>; border-radius:3px; width:50%; overflow:hidden; }
	
	.uploadRadioLabel { font-size:.9em; font-weight:bold; margin:0 0 0 25px;			}
	
	/* Benutzer Anlegen -> KP  */
	#content_wrapper { position: relative; width:<?php echo BILDSCHIRM_GESAMTE_BREITE ?>; height:auto; border:1px solid gray;}
	#getKeyCode {display:none; }
	
	
	.userOperationsDiv {position:relative; float:left; height:inherit; width:15%; margin:0 1px;}
	.userLineDiv {position:relative; height:22px; width:100%; margin:1px 0 1px 0; text-align:left; background:silver;}
	.userLineHeadDiv {color:#eee; background:#555;}
	.userId {position:relative; float:left; width:15%; overflow:hidden; margin:0 1px; }
	.userName {position:relative; float:left; width:30%; overflow:hidden; }
	.username { width:40%; min-width:450px; max-width:600px; display:flex;  flex-direction:column; }
	.userPwd {position:relative; float:left; width:20%; overflow:hidden; }
	.userAdm {position:relative; float:left; width:15%; overflow:hidden;}
	.userButDiv {position:relative; float:left; width:100%; display:block; height:auto; overflow:auto;}
	#upgradeIxDiv { position:relative; flex-grow:1; margin-top:3%; padding:1% 3%; overflow:auto;  }
	
	.upgradebutton { padding:3px 9px; margin:0 auto 10px auto; }
 
	/*    admin Copnfiguration Gui ------------------------------ */
	#adminGuiContentDivFooterTxt { position:relative; width:90%; height:auto; max-height:300px; overflow-y:auto; padding:10px 2% 22px 2%; border-bottom:2px #888 solid;  }
	#adminGuiContentDivFooterTxt p { font-size:1em; padding:2px 0; margin:2px 0; text-align:center; }
	#adminGuiFussTxtArea { position:relative; width:90%; height:80px; resize: none; font-size:1em; border:gray 1px inset; margin:3px 0; padding:5px; overflow-Y:auto; }
	
	.adminKonfigExtraFooterHeader { font-size:1em !important; font-weight:bold; margin:2% 0 1% 0; text-align:center;				}
	.adminContentDivExtraFooterRight { position:relative; float:left; width:45%; margin:0 0 0 5%; height:auto;		}
	.adminFooterTxtBut { position:relative; float:right; width:145px; padding:4px 0; margin:10px 5% 0 0;}
	.adminGuiFussTxtBoxLine {position:relative; width:100%; height:auto;}
	
	.extraFooterTxtTable { width:100%; border:none;				}
	.extraFooterTxtTable th {  font-size:.85em; font-weight:bold; background:#555; padding:3px; color:#fff; border:none;		}
	.extraFooterTxtTableThLeft {	text-align:left; padding-left:3px		}
	.extraFooterTxtTableThRight {	text-align:right; padding-right:3px;		}
	.extraFooterTxtTable td {	}
	
	#config_additonal_footertext { overflow-y:auto; width:100%;}
	
	.configProductAddTxtDiv { position:relative; width:90%; height:auto; min-height:33px; margin:2% 0 0 2%;		}
	.configProductAddTxtCont{ position:relative; float:left; width:55%; max-width:60%; max-height:33%; height:35px; padding:.2% 1%;				}
	.addProdTxtNameIpField {	position:relative; float:left; width:20%; margin:0 .5% 0 0;	 padding:.2% 1%;			}
	#addProdTxtLineNext {position:relative; display:none;}
	#addProdTxtNextElemBut {position:relative; width:auto; margin:.3% 0 0 23%;	}
	.addProdTxtFotterMarginElem{ position:relative; width:75%; height:.3%; clear:both;		}
	.addProdTxtDelDiv{ position:relative; float:left; width:10%; margin: .5% 1%;				}
	
	
	.addBonTxtNameIpField {	position:relative; float:left; width:20%; margin:0 .5% 0 0;	 padding:.2% 1%;			}
	.configBonAddTxtCont{ position:relative; float:left; width:45%; max-width:50%; max-height:33%; height:35px; padding:.2% 1%;				}
	.addBonTxtTimeIpField {	position:relative; float:left; width:6%; height:35px; margin:0 0 0 2%;	 padding:.2% 1%; text-align:center;			}
	#addBonTxtLineNext {position:relative; display:none;}
	#addBonTxtNextElemBut {position:relative; width:auto; margin:.3% 0 0 23%;	}
	
	
	
	.footerPrintParagr { font-size:.85em !important; padding:5px 0 0 0; margin:5px 0 0 7px; text-align:left !important; }
	#footerPrintEnableCheckBox { position:relative; margin:5px 5% 0 5px; 	}
	#footerPrintCalkIpField {position:relative; width:40px; margin:5px 5% 0 5px; text-align:center; }
	
	#adminGuiContentDivFooterTxtLiefersch { position:relative; width:90%; height:auto; max-height:300px; overflow-y:auto; padding:10px 2% 22px 2%;   }
	
	#adminGuiFussTxtAreaLiefersch { position:relative; width:90%; height:80px; resize: none; font-size:.9em; font-style: italic; color:#444; border:gray 1px inset; margin:3px 0; padding:5px; overflow-Y:auto; }
	#adminGuiFussTxtAreaFilialsystemTable { position:relative; width:92%; height:80px; resize: none; font-size:.9em; font-style: italic; color:#444; border:gray 1px inset; margin:3px 0; padding:5px; overflow-Y:auto; }
	#adminResponseTxt { position:relative; width:90%;   font-size:1em; margin-top:10px;  padding:12px 10px 2px 10px;		}
	
	/*    admin reports ------------------------------ */
	.adminReportSelect { position:relative; float:left; width:27%; text-align:center;  margin:3px 10px 0 1.5%; border-radius:.3em;
						font: <?php echo SCHRIFT_MENUE ?>; font-weight:bold; font-size:.9em; }
	.adminReportSelectOptgroup {	max-height:<?php echo preg_replace('/\D/', '', BILDSCHIRM_GESAMTE_HOEHE) *.85 ."px" ?>;		}
	.adminReportSelect option { width:auto; color: <?php echo BUTTON_TXT_FARBE; ?>; margin:5px 0; border-radius:.3em;
						 background:<?php echo BUTTON_FARBE_SET; ?>; border:<?php echo BUTTON_BORDER; ?>; }
	
	.adminReportSubSelect { position:relative; float:left; width:100%; text-align:center;  margin:3px 10px 0 1.5%; border-radius:.3em;
							font: <?php echo SCHRIFT_MENUE ?>; font-weight:bold; font-size:.9em; }
	.adminReportCashbookSubSelect option {	width:250%;			}
	.adminReportSubSelect option { color:<?php echo BUTTON_TXT_FARBE; ?>; text-align:left; padding-left:2%; border:<?php echo BUTTON_BORDER; ?>; 
								background:<?php echo BUTTON_FARBE_SET; ?>; margin:5px 0; border-radius:.3em; overflow:hidden; }
	
	#adminReportSubDivA{	position:relative; float:left; width:24%; height:auto; display:none;			}
	#adminReportKunden{	position:relative; float:left; width:24%; height:auto; display:none;			}
	#adminReportTables{	position:relative; float:left; width:24%; height:auto; display:none;			}
	#adminReportSubDivWorkingHours{	position:relative; float:left; width:24%; height:auto; display:none;			}
	#adminReportSubDivUserPayment{	position:relative; float:left; width:24%; height:auto; display:none;			}
	#adminReportSubDivUserPaymentCategories{	position:relative; float:left; width:24%; height:auto; display:none;			}
	#adminReportSubDivB{	position:relative; float:left; width:28%; margin-top:4px; height:auto; display:none; 				}
	#adminReportSubDivCb{	position:relative; float:left; width:24%; height:auto; display:none;			}
	.cashbookClosedOption{ width:250%;			}
	#adminReportSubSelectWg { }
		
	.adminReportSelect option:first-child { display:none;}
	.adminReportSubSelect option:first-child { display:none;}
	.adminReportDateDiv { position:relative; float:right; width:45%; margin:3px 0 0 0; overflow:auto; height:auto;	}
	.adminReportDateDiv p { position:relative; float:right; width:auto; min-width:35px; font-size:.8em; font-weight:bold; text-align:right;  padding:3px 0 0 0; margin:3px 4px 0 3px;  }
	.adminReportDateDiv input[type='text'] { position:relative; float:right; width:30%; margin:3px 1px 0 0; }
	
	.adminReportDateDivFinanceExp { position:relative; float:right; width:55%; margin:3px 0 0 0; overflow:auto; height:auto; padding:2px 3px;	}
	.adminReportDateDivFinanceExp p { position:relative; float:Left; min-width:35px; font-size:.8em; font-weight:bold; text-align:right;  padding:3px 0 0 0; margin:3px 4px 0 3px;  }
	.adminReportDateDivFinanceExp input[type='text'] { position:relative; float:left; width:25%; margin:3px 1px 0 0; text-align:center; }
	
	.dateIpClearBut {position:relative; float:right; width:24px; height:22px; color:#a00; font-size:.8em; font-weight:bold; padding:6px 0 0 0; margin:3px 25px 0 10px;  background:none; border:none; cursor:pointer; }
	.dateIpClearButFinanceExp {position:relative; float:left; width:24px; height:22px; color:#a00; font-size:.8em; font-weight:bold; padding:6px 0 0 0; 
						margin:3px 25px 0 10px;  background:none; border:none; cursor:pointer;				}
	
	.gsIpClearBut {position:relative; float:right; width:24px; height:22px; color:#a00; font-size:.8em; font-weight:bold; padding:6px 0 0 0; margin:0;  background:none; border:none; cursor:pointer; }
	.adminReportDelBut {position:relative; float:left; width:20px; height:20px; margin:-5px 0 0 0; padding:0;  cursor:pointer; }
	
	.adminReportBut { position:relative; width:25%;  float:left; margin:.75% 1.5% 0 1.5%; font:<?php echo SCHRIFT_MENUE ?>; font-weight:bold; font-size:.9em; }

	.adminReportButCsvL { position:relative; width:17%;  float:left; margin:.75% 2px 0 1.5%; padding-right:0; font:<?php echo SCHRIFT_MENUE ?>; font-weight:bold; font-size:.9em;
			 border-radius:0; 	border-top-left-radius:.3em; border-bottom-left-radius:.3em; }
	.adminReportButCsvR { position:relative; width:17%;  float:left; margin:.75% 0 0 2px; padding-left:0; font:<?php echo SCHRIFT_MENUE ?>; font-weight:bold; font-size:.9em;
			 border-radius:0; 	border-top-right-radius:.3em; border-bottom-right-radius:.3em;}
	
	#adminReportContent { position:relative; width:99.5%; height:83%; padding:5px .2%; margin:5px auto 0; }
	.reportHeaderDiv {position:relative; width:100%; height:auto; font-size:1.3em; }
	.reportHeaderDiv span { font-size:.85em;  margin:0 0 0 10%; }
	#adminReportContent h3 {  color:#003; width:100%; text-align:center; margin:3px 0; padding:1px 0;  }
	#adminReportContent h3 span { position:relative; float:right; margin:3px 10px 0 0;  }
	
	
	.reportContentDiv { position:relative; width:100%; height:98%; display:none;  overflow-Y:auto; }
	
	.bgHead  {background:#888; color:#efefff; height:auto; border-bottom:#aaa 1px solid; font-weight:bold; font-size:1.1em; }
	.bgA {background:#efefef; border-bottom:#aaa 1px solid;}
	.bgB {background:#dedeff;   border-bottom:#999 1px solid;;}
	.repSumLine { background:#666; color:#efefff; font-size:1.1em; font-weight:bold !important; height:auto; margin-top:5px !important; border-top:#aaa 1px solid;			}
	
	.repCatLineDiv  { position:relative; width:98%; height:auto; margin:0px; padding:1px 3px 0 3px;  }
	.repCat_ColA { position:relative; float:left; width:35%; height:auto; line-height:1.3em; margin:0px 1%; padding:.1px 3px 0 3px; text-align:left;
				overflow:hidden; white-space:nowrap;  }
	.repCat_ColB { position:relative; float:left; width:10%; height:100%; line-height:1.3em; margin:0px 1%; padding:0 3px; text-align:right; }
	.repCat_ColC { position:relative; float:left; width:20%; height:100%; line-height:1.3em; margin:0px 1%; padding:0 3px; text-align:right; }
	.repCat_ColD { position:relative; float:left; width:20%; height:100%; line-height:1.3em; margin:0px 1%; padding:0 3px; text-align:right; }
	
	.repCustLineDiv  { position:relative; width:98%; height:auto; margin:0px; padding:1px 3px 0 3px; }
	.repCust_ColA { position:relative; float:left; width:42%; height:auto; line-height:1.3em; margin:0px 1%; padding:.1px 3px 0 3px; text-align:left; 
				overflow:hidden; white-space:nowrap; }
	.repCust_ColB { position:relative; float:left; width:18%; height:100%; line-height:1.3em; margin:0px 1%; padding:0 3px; text-align:right; }
	.repCust_ColC { position:relative; float:left; width:15%; height:100%; line-height:1.3em; margin:0px 1%; padding:0 3px; text-align:right; }
	.repCust_ColD { position:relative; float:left; width:15%; height:100%; line-height:1.3em; margin:0px 1%; padding:0 3px; text-align:right; }
	
	.repTotalLineDiv  { position:relative; width:98%; height:auto; margin:0px; padding:1px 3px 0 3px; color:#111; }
	.repTotalLineDiv div  { position:relative; height:auto;  height:auto; line-height:1.3em; }
	.repTotal_ColA {  position:relative; float:left;  width:6%; height:100%; margin:0px .1%; padding:.1px 3px 0 3px; text-align:right;  }
	.repTotal_ColB {  position:relative; float:left;  width:5%; height:100%; margin:0px .1%; padding:0 3px; text-align:right; }
	.repTotal_ColC {  position:relative; float:left;  width:10%; height:100%; margin:0px .1%; padding:0 3px; text-align:left; 
					font-size:.8em; font-weight:bold; padding-top:.3em; overflow:hidden;  white-space:nowrap; }
	.repTotal_ColCc {  position:relative; float:left;  width:22%; height:auto; margin:0px .1%; padding:0 3px; text-align:left; overflow:hidden; white-space:nowrap; }
	.repTotal_ColCc2 {  position:relative; float:left;  width:17%; height:auto; margin:0px .1%; padding:0 3px; text-align:left; overflow:hidden; white-space:nowrap; }
	.repFree_ColC {  position:relative; float:left;  width:23%; height:auto; margin:0px .1%; padding:0 3px; text-align:left; overflow:hidden; white-space:nowrap; }
	.repTotal_ColCt {  position:relative; float:left;  width:13%; height:auto; margin:0px .1%; padding:0 3px; text-align:left; overflow:hidden; white-space:nowrap; }
	.repTotal_ColD {  position:relative; float:left;  width:9%; height:100%; margin:0px .1%; padding:0 3px; text-align:right;  }
	.repTotal_ColD2 {  position:relative; float:left;  width:5%; height:100%; margin:0px .1%; padding:0 3px; text-align:right;  }
	.repFree_ColD {  position:relative; float:left;  width:4%; height:100%; margin:0px .1%; padding:0 3px; text-align:right;  }
	.repTotal_ColE {  position:relative; float:left;  width:11%; height:100%; margin:0px .1%; padding:0 3px; text-align:right; }
	.repFree_ColE {  position:relative; float:left;  width:8%; height:100%; margin:0px .1%; padding:0 3px; text-align:right; }
	.repTotal_ColF {  position:relative; float:left;  width:7%; height:100%; margin:0px .1%; padding:0 3px; text-align:right; }
	.repTotal_ColG {  position:relative; float:left;  width:11%; height:100%; margin:0px .1%; padding:0 3px; text-align:right;  }
	.repTotal_ColH {  position:relative; float:left;  width:11%; height:100%; margin:0px .1%; padding:0 3px; text-align:right; }
	.repTotal_ColI {  position:relative; float:left;  width:8%; height:100%; margin:0px .1%; padding:0 3px; text-align:left; overflow:hidden; white-space:nowrap; }
	
	
	.cashBookFont { font:<?php echo SCHRIFT_CACHBOOK_BILDSCHIRM ?> !important;}
	
	#cashbookEndeSelect option { color:#000; background:#fff; 				}
	

	.repCashLineDiv  { position:relative; width:auto; height:auto;  margin:0px; padding:4px 3px 0 3px; }
	.repCashLineDiv div {position:relative; margin:0px .2%;  overflow:hidden;   }
	.repCashHeadDiv { position:relative; width:98%; height:auto; margin:0px; padding:4px 3px 3px 3px; }
	.repCashHeadDiv div {position:relative; margin:0px .2%; overflow:hidden;   }
	.repCashFooterDiv { position:relative; width:98%; height:auto; margin:0px; padding:4px 3px 0 3px;  }
	.repCashFooterDiv div {position:relative; margin:0px .2%; overflow:hidden; font-weight:bold;  }
	.repCash_ColA {  width:3%; text-align:right;   }
	.repCash_ColB_header {  width:8%; text-align:center;    }
	.repCash_ColB {  width:8%; text-align:center;     }
	.repCash_ColC {  width:5%; text-align:right;     }
	.repCash_ColD {  width:18%; text-align:left;   overflow:hidden; }
	.repCash_ColE {  width:8%; text-align:right;  }
	.repCash_ColF {  width:8%; text-align:right;     }
	.repCash_ColG {  width:10%; text-align:right;   }
	
	.repCashBookFontSize { font-size:1em; line-height:1.1em; }
	
	/* kassabuch cashbook Version mai 2017 */
	
	.cashbookHeaderDiv{ position:relative; width:99%; height:auto;	}
	.cashbookStartIpField {	position:relative; width:45%; height:22px; line-height:24px; padding:2px 1%; border: <?php echo BUTTON_BORDER; ?>;			}
	#anfangsSaldoKassabuch{	position:relative; width:10%; text-align:right;				}
	#cashbookStartSelect{ width:50%; height:28px;  padding:2px 1%; margin:0 .3%; 	}
	#cashbookEndeSelect{ width:50%; height:28px;  padding:2px 1%; margin:0 .3%;		}
	/*.cashbookOptionHightLimit{ 	max-height:<?php echo preg_replace('/\D/', '', BILDSCHIRM_GESAMTE_HOEHE) *.55 ."px" ?>;				}	*/
	.cashbookOptionHightLimit{	max-height:100px !important;			}
	#kassabuch_modal{			}
	#cashbookModalContent{ position:relative; width:99%; height:auto; max-height:86%; margin:3% 0 0 0; overflow-y:auto; border:green solid 1px;		}
	.cashbookCloseBut{ position:relative; margin:1% 5%;				}
	.cB_headRow{ position:relative; width:97%; line-height:1.3em; background:#555; color:#eee;				}
	.cB_dataRow{ position:relative; width:97%; line-height:1.3em; margin:.2em;  background:transparent; color:#111;				}
	.cB_RowA{ position:relative; float:left; width:8%; line-height:1.3em; height:1.3em;  text-align:center;				}
	.cB_RowB{ position:relative; float:left; width:20%; line-height:1.3em; text-align:center;				}
	.cB_RowC{ position:relative; float:left; width:60%; line-height:1.3em;		}
	.cB_RowD{ position:relative; float:left; width:.1%; line-height:1.3em;		}
	.showCashBookBut{position:relative; float:left; width:70%; margin:0 15%; height:100%; border:none; cursor:pointer;
		background:url(images/lupe_.png) no-repeat; background-size:100% 100%;			}
	.showCashBookCb{ width:50%; margin:0 auto;		}
	#cashbookCloseNote { width:25%;  border: <?php echo BUTTON_BORDER; ?>;				}
	.cbHtmlHeaderP {	position:relative; height:auto; margin:0; padding:2px 5px;		}
	.cbDetailHeaderLeft{ width:22%;				}
	.cbDetailHeaderRight{ width:22%; text-align:right;				}
	.cbDetailHeaderLeftB{ width:11%;	margin-left:3%;			}
	.cbDetailHeaderRightB{ width:13%; text-align:right;				}
	.cbMl{ margin:0 7% 0 3%;				}
		
	.cashBookLine{ position:relative; width:98%; }
	.cashBookLine_ColA{	position:relative; float:left; width:10%; font:inherit; text-align:center;			}
	.cashBookLine_ColB{	position:relative; float:left; width:11%; font:inherit; text-align:right;				}
	.cashBookLine_ColC{	position:relative; float:left; width:15%; margin-left:1%; line-height:100%; font:inherit; text-align:left;				}
	.cashBookLine_ColD{	position:relative; float:left; width:10%; font:inherit; text-align:right;				}
	.cashBookLine_ColE{	position:relative; float:left; width:15%; margin-left:1%; line-height:100%; font:inherit; text-align:left; white-space:nowrap;				}
	.cashBookLine_ColF{	position:relative; float:left; width:25%; margin-left:1%; line-height:100%; font:inherit; text-align:left;				}
	
	
	.repX_ColA { position:relative; float:left; width:14%; height:100%; margin:0px 1%; padding:2px 3px 0 3px; text-align:left; overflow:hidden; }
	.repX_ColB { position:relative; float:left; width:40%; height:100%; margin:0px 1%; padding:2px 3px 0 3px; text-align:left; overflow:hidden;  }
	.repX_ColC { position:relative; float:left; width:9%; height:100%; margin:0px 1%; padding:2px 3px 0 3px; text-align:right; }
	.repX_ColD { position:relative; float:left; width:11%; height:100%; margin:0px 1%; padding:2px 3px 0 3px; text-align:right; }
	
	.repSelPaym_ColA { position:relative; float:left; width:16%; height:100%; margin:0px 1%; padding:2px 3px 0 3px; text-align:left; overflow:hidden; }
	.repSelPaym_ColB { position:relative; float:left; width:17%; height:100%; margin:0px 1%; padding:2px 3px 0 3px; text-align:left; overflow:hidden; }
	.repSelPaym_ColC { position:relative; float:left; width:17%; height:100%; margin:0px 1%; padding:2px 3px 0 3px; text-align:right; overflow:hidden; }
	.repSelPaym_ColD { position:relative; float:left; width:17%; height:100%; margin:0px 1%; padding:2px 3px 0 3px; text-align:right; overflow:hidden; }
	
	.repAuditLineDiv{  position:relative; width:98%; height:auto; margin:0px; padding:1px 3px 0 3px; 			}
	.repAuditHeadDiv{  position:relative; width:98%; height:auto; margin:0px; padding:1px 3px 0 3px; color:#fff; background:#555;			}
	.repAuditLineDiv div { font-size:.8em; line-height:1.2em; margin:0px; padding:0 0 0 .2%; overflow:hidden; }
	.repAudit_ColA{ position:relative; float:left; width:10%;  text-align:left; white-space: nowrap; overflow:hidden;   }
	.repAudit_ColB{ position:relative; float:left; width:12%;  text-align:left; white-space: nowrap; overflow:hidden; }
	
	.repAudit_ColWide{ position:relative; float:left; width:75%;  text-align:left; }
	
	#reportSellIpFieldDiv {	position:absolute; top:5%; left:-15%; width:15%; height:auto; text-align:center; font-size:1em; font-weight:bold;	}
	#reportSellIpField {	position:relative; display:inline;  width:30%; height:auto; margin:0 0 0 2%; text-align:center; font-size:1.1em; line-height:1.2em;  		}
	
	#reportPdfEmbedTag { position:relative; width:100%; }
	#reportPdfDiv { height:100%;}
	
	#report_dep { 	 word-break: break-all;   word-break: break-word; 			}
	
	#report_dep a:hover { text-decoration:none;			}
	
	.lsBgHead { position:relative; width:57%; padding:3px .5%; margin:1px 0;  background:#555; color:#fff; }
	.lsBgHead div { font-weight:normal;			}
	.reportLsHeadDiv { position:relative; width:57%; height:auto; margin:12px 0 0 0; border-bottom:1px #333 solid; padding:3px .5%;   }
	.reportLsHeadCol_A { position:relative; float:left; width:18%; white-space:nowrap; font-weight:bold; 			}
	.reportLsHeadCol_B { position:relative; float:left; width:20%; text-align:center;  white-space:nowrap;  font-weight:bold;					}
	.reportLsHeadCol_C { position:relative; float:left; width:0%; white-space:nowrap;  					}
	.reportLsHeadCol_D { position:relative; float:left; width:12%; text-align:right; white-space:nowrap; 						}
	.reportLsHeadCol_E { position:relative; float:left; width:50%; padding:0 0 0 5px; white-space:nowrap; overflow:hidden;				}
	.reportLsHeadColSum_A { position:relative; float:left; width:70%; font-weight:bold;			}
	
	.reportLsCol_A { position:relative; float:left; width:5% ;text-align:right; padding:2px 0; margin-left:2%; overflow:hidden; white-space:nowrap;			}

	.reportLsCol_B { position:relative; float:left; width:35%; text-align:left; padding:2px 0 2px 5px; overflow:hidden; white-space:nowrap; 	}
	.reportLsCol_B_2 { position:relative; float:left; width:42%; text-align:left; font-weight:bold; margin:5px 0; padding:2px 0 2px 5px; overflow:hidden; 
												white-space:nowrap; border-top:1px solid #222; border-bottom:2px solid #000;		}
	.reportLsCol_C { position:relative; float:left; width:15%; text-align:right; padding:2px 0; overflow:hidden; white-space:nowrap;  			}
	.reportLsCol_C_2 { position:relative; float:left; width:15%; text-align:right; font-weight:bold; margin:5px 0; padding:2px 0; overflow:hidden; white-space:nowrap; 
				border-top:1px solid #222; border-bottom:2px solid #000;				}
	.reportLsSumLine { }
	.reportLsSumDiv{ width:70%; padding:2px 0; border-top:1px solid #222; border-bottom:2px solid #000;	}
	
		/* Gutschein Karte Report*/
	#gsReportInfoDiv{ width:100%; height:auto; height:10%; background:silver; overflow-x:auto;	}
	.gsRepHeader {	position:relative; width:125%; line-height:1.3em;  overflow-y:scroll;		}
	.gsRepLine {	position:relative; width:100%; line-height:1.3em; height:auto; padding:0; font-size:1em; 	}
	.gsRepContentDiv { position:relative; width:125%; height:68%; overflow-y:scroll; padding:0;		}
	.gsRep_colA { width:5%; text-align:right; line-height:1.3em;  }
	.gsRep_colB { width:15%; text-align:right; line-height:1.3em; }
	.gsRep_colC { width:7%; text-align:right; line-height:1.3em;  }
	.gsRep_colD { width:8%; text-align:right; line-height:1.3em; }
	.gsRep_colE { width:18%; text-align:center; line-height:1.3em;  }
	.gsRep_colF { width:20%; text-align:left; line-height:1.3em; white-space:nowrap; padding-right:1%; overflow:hidden; 				}
	.gsRep_colG { width:20%; text-align:left; line-height:1.3em; white-space:nowrap; padding-left:1%;  overflow:hidden; 			}
	.gsRep_colC_line2 { width:50%; text-align:left; line-height:1.3em; color:#555;  }
	.gsSumDiv {overflow-y:scroll;	}
	.gsSumLineDiv {	width:100%; background:#666; color:#efefef;	}
	.gsSumDiv_A {position:relative; width:31.5%; padding-left:.5%; line-height:1.3em; height:auto;	text-align:left;		}
	.gsSumDiv_B {position:relative; width:11.5%; padding-left:.5%; line-height:1.3em; height:auto;	text-align:right;		}
	.gsSpacer {	height:1px;		}
	
	.gsX { width:0;}
	
	#gutschBearbAnlegenModalLeft input[type='text']  {	margin-bottom:5px; width:35%; text-align:right; padding-right:1%;			}
	#gutschBearbModalLeft{ position:relative; float:left; width:46.5%; padding:1% 2% 1% 1%; height:85%; margin:1% 0 0 0; overflow-y:auto;	border-right:3px #eee solid; 	}
	#gutschBearbModalRight{	position:relative; float:left; width:46.5%; padding:1% 1% 1% 2%; height:85%; margin:1% 0 0 0; 	border-left:3px #eee solid;		}
	.gsDetailRightColElemL{ position:relative; float:left; width:50%; line-height:1.3em; text-align:left; overflow:hidden;}
	.gsDetailRightColElemR{ position:relative; float:left; width:50%; line-height:1.3em;  text-align:right;  }
	.gsDetailRightColElemW { position:relative; width:100%;  line-height:1.3em;  text-align:left;  }
	.gsDetailProdColElemL_A{ position:relative; float:left; width:29%; padding-right:1%; line-height:1.3em; text-align:right; }
	.gsDetailProdColElemL_B{ position:relative; float:left; width:20%; line-height:1.3em; text-align:right; }
	
	.gsBearbeitModalSpacer {width:100%; height:1px; margin:10px 0; border-bottom:2px #555 solid;}
	.gsDetailProdDiv {	position:relative; width:100%; height:auto; max-height:52%; overflow-y:auto; 	}
	
	#gutschBearbAnlegenModalLeft{ position:relative; float:left; width:63%; padding:1%; height:70%; margin:1% 0 0 0;			}
	#gutschBearbAnlegenModalRight{	position:relative; float:left; width:33%; padding:1%; height:52%; margin:3% 0 0 0;	}
	#gutschBearbAnlegenModalRightBottom{	position:relative; float:left; width:33%; padding:1%; height:8%; margin:0; 	}
	#gutschBearbAnlegenModalRightBottom p { padding:3px 0; margin:0;			}
	.gsAlegenModalZeile { position:relative; width:100%; height:auto; min-height:18px; margin:10% 0; background:#efefef;				}
	.gsTaxSelect{ width:36%; border:1px silver solid; border-radius:3px;}
	.gsTaxOption{}
	
	.gsAdminWrappDiv{ position:relative; width:130%; height:auto;			}
	.gsAdminHeader {  overflow-y:scroll; height:28px;  color:#fff; background:#555; margin:0 0 2px 0; }
	.gsAdminSumRow{	height:20px;  color:#fff; background:#555; margin:2px 0 0 0; 		}
	.gsInfoHead{ position:relative; width:90%; padding:3px 0;				}
	.gsInfoHead p{ position:relative; margin:2px 0; padding:1px 0;			}
	.gsDisplTax { margin-left:15%;}
	.gsAdminHeadAlignC {text-align:center !important;}
	.gsAdminListRow { position:relative; width:100%; height:auto;		}
	.gsAdminListRow2 { position:relative; width:130%; height:auto;		}
	.gsAdminColA{ position:relative; float:left; width:11%; line-height:1.3em;  white-space:nowrap; overflow:hidden; 		}
	.gsAdminColA2{ position:relative; float:left; width:9%; line-height:1.3em;  white-space:nowrap; overflow:hidden; 		}
	.gsAdminColB{ position:relative; float:left; width:12%; line-height:1.3em; text-align:right; 				}
	.gsAdminColC{ position:relative; float:left; width:12%; line-height:1.3em; text-align:right; 				}
	.gsAdminColD{ position:relative; float:left; width:15%; line-height:1.3em; text-align:center;			}
	.gsAdminColE{ position:relative; float:left; width:31%; line-height:1.3em; text-align:left; white-space:nowrap; overflow:hidden; 					}
	.gsAdminColE2{ position:relative; float:left; width:25%; line-height:1.3em; text-align:left; white-space:nowrap; overflow:hidden; }
	.gsAdminColF{ position:relative; float:left; width:25%; margin-left:1.5%; line-height:1.3em; text-align:left; white-space:nowrap; overflow:hidden; }
	.gsAdminCol_A{ position:relative; float:left; width:10%; line-height:1.3em;  white-space:nowrap; overflow:hidden; 	}
	.gsAdminCol_A2{ position:relative; float:left; width:6%; line-height:1.3em;  white-space:nowrap; overflow:hidden; 		}
	.gsAdminCol_B{ position:relative; float:left; width:9%; line-height:1.3em; text-align:right; 				}
	.gsAdminCol_C{ position:relative; float:left; width:9%; line-height:1.3em; text-align:right; 				}
	.gsAdminCol_D{ position:relative; float:left; width:12%; line-height:1.3em; text-align:center;			}
	.gsAdminCol_E{ position:relative; float:left; width:15%; line-height:1.3em; text-align:left; white-space:nowrap; overflow:hidden; 					}
	.gsAdminCol_F{ position:relative; float:left; width:20%; margin-left:1.5%; line-height:1.3em; text-align:left; white-space:nowrap; overflow:hidden; }
	.gutscheinAdminInnerContent { position:relative; width:100%; height:auto; max-height:calc(100% - 42px); overflow-y:scroll;}
	.gsAdminFunctionCol { position:relative; float:left; width:15%; height:auto; min-height:10px;		}
	.gsAdminFunctionCol2 { position:relative; float:left; width:12%; height:auto; min-height:10px;		}
	.gsAdminFunctionBut { position:relative; width:28%; margin:0 .5%; height:100%; border:1px solid teal; border-radius:2px; cursor:pointer; background:#dde;					}
	.gsAdminFunctionBut img { width:100%; height:100%; }
	.gsAdminDelDiv { position:relative; width:70%; margin:5% auto; height:auto; min-height:35px; padding:2% 0; text-align:center;
			border:2px solid #f90; border-radius:3px; background:teal;			}
	.gsAdminDelDiv p {}
	.gsAdminDelBut { margin:1% 5%;}
	
	
	/*    gatro version ------------------------------ */
	.selectRoomMenuDiv { position:relative; float:left; width:96%;  height:<?php echo MENU_GASTRORAUM_HOEHE ?>;  display:block; 
			margin:2px 2%; border-bottom:1px #ccc solid; 			}
	.roomMenuInnerDiv {  position:relative;  float:right; left: -50%;  text-align: left;   }
	.roomMenuInnerDiv > .roomMenuListDiv { position: relative;  left: 50%; }
	.rommMenuBut { margin:5px 10px; padding:5px 10px; min-width:155px;  font:<?php echo SCHRIFT_MENUE ?> !important; font-weight:bold;				}
	
	#tische_messageDiv {position:relative; float:left; width:98%; height: <?php echo MESSAGE_CONTAINER_HOEHE ?>;  margin-top:.2%; overflow:hidden; } 
	#tische_loginInfoDiv {width:74%; height:100%;float:left;}
	#tische_error_message {width:24%; height:100%;float:right;text-align:right;}
	#tische_error_message_innen {float:right; width:100%}		/* Für rechts floaten */
	.menuGastroTischeCenter { position:absolute; top:0px; left:25%; width:50%; height:100%;  }
	.menuGastroTischeCenterInnerDiv {  position:relative;  float:right; height:100%; left: -50%;  text-align: left;   }
	.menuGastroTischeCenterInnerDiv > .menuGastroTischeCenterListDiv { position: relative;  left:50%; height:100%; }	
	.menuCenterLayoutTischeBut {	 height:91%; margin:1% 3px; padding:0px 2px; width:auto; min-width:125px;		}
	.tischLayoutContainer {position:relative; float:left; width:96%; /*height:calc(85% - <?php echo MENU_GASTRORAUM_HOEHE ?>)*/
							height:calc(<?php echo 90-MESSAGE_CONTAINER_HOEHE?>% - <?php echo MENU_GASTRORAUM_HOEHE ?>); margin:2px 2%; padding:20px 0; display:block; overflow:auto; }
	
		/*	.tischLayoutContainer {position:absolute; width:96%;  top:50px; bottom:10px; left:2%; overflow:auto; padding:4% 0%; }	*/
			/*	color:#fff; font-size:1.6em; font-weight:bold; text-shadow: 1px 1px 15px #fff;  text-shadow: 1px 1px 0px #000, -1px -1px 0px #000; cursor:pointer;  }*/
	.tabelActive { border:#e50000 3px inset !important;				}
	
	.layoutTable {position:absolute; background:#aaa url(images/tableIcon_transp_opac50.png) 0 0 no-repeat; background-size: 100% 100%; border:#333 1px solid; border-radius:3px; cursor:pointer;
			 text-align:center; color:#fff; font-weight:bold; text-shadow:  1px  1px 1px black,    1px -1px 1px black,   -1px  1px 1px black,  -1px -1px 1px black;}
	.raumLayoutStammkundeBut {position:relative; float:left; width:auto; min-width:22%; font-weight:bold; margin:3px 1%; padding:2px 1%; 
		overflow:hidden; border:#333 1px solid; border-radius:3px;  background:#ccc;  cursor:pointer;}
	.menuGastroKassierenContainer { position:absolute; width:40%; left:24.5%; top:0; height:100%;	}
	/*.menuGastroKassierenCenterInnerDiv {	  position:relative;  float:right; height:100%; left: -50%;  text-align: left; 	}
	.menuGastroKassierenCenterInnerDiv > .menuGastroKassierenCenterListDiv {	  position: relative;  left:50%; height:100%; 				}
	*/
	.menuGastroKassierenCenterInnerDiv{ width:100%; height:100%;		}
	.menuGastroKassierenCenterListDiv {	 width:97%; height:100%; padding:0  0 0 3%; margin:0;	}
	
	.menuGastroKassierenCenterBut  {	height:91%; margin:0.5% 3px; padding:0.5% .5%; width:auto; min-width:105px;  
			font:<?php echo SCHRIFT_MENUE ?> !important; font-weight:bold;	}		
	.menuGastroKassierenCenterButTische  {	height:92%; margin:0.5% .5%; color:<?php echo BUTTON_FARBE_SET; ?>;
			background:<?php echo BUTTON_FARBE_SET; ?> url(images/buttonIconTable.png) center no-repeat; border:<?php echo BUTTON_BORDER; ?>;	}
	.menuGastroKassierenCenterButTischeNoPrint{	height:92%; margin:0.5% .5%; color:<?php echo BUTTON_FARBE_SET; ?>;
			background:<?php echo BUTTON_FARBE_SET; ?> url(images/buttonIconTableNonPrint.png) center no-repeat; border:<?php echo BUTTON_BORDER; ?>;		}
	.menuGastroKassierenCenterButMove{	height:92%; margin:0.5% 0.5%; color:<?php echo BUTTON_FARBE_SET; ?>;
			background:<?php echo BUTTON_FARBE_SET; ?> url(images/moveToTabelBgImg.png) center no-repeat; border:<?php echo BUTTON_BORDER; ?>;		}
	.menuGastroKassierenCenterButSplit{	height:92%; margin:0.5% .5%; color:<?php echo BUTTON_FARBE_SET; ?>;
			background:<?php echo BUTTON_FARBE_SET; ?> url(images/buttonIconSplit.png) center no-repeat; border:<?php echo BUTTON_BORDER; ?>;		}
	
	.bonierenAufDiv { position:absolute; top:5%; right:2%; width:85%; height:90%; text-align:right; overflow:hidden;	}
	.bonierenAufDiv div:first-child { font-size:.9em; font-weight:bold;	}
	.bonierenAufDiv div { font-size:1em; font-weight:normal; 	}

	.move_bon_modal { position:absolute; left:0; top:0; width:100%; height:100%; overflow:auto;  display:none; background-color: rgba(0,0,0,0.7); z-index: 999; 	}
	
	#movebonInnerWrap { position:relative; width:90%; height:90%; margin:2% 5%; background:#fff; border:silver 1px solid; border-radius:3px;  				}
	#moveBonContainer {position:relative; float:left; width:60%; height:97%; padding:1% 0 0 2%; margin:0; background:#ccc; }
	
	
	#moveBonControlContainer {position:relative; width: <?php echo STEUERUNG_CONTAINER_BREITE ?>; float:left; height:50%; margin:10% .5% 1% 1% ; padding:2px .6% 0 .6%; 
			border:1px silver solid; border-radius:2px;}
	
	#moveBonOriginContainer {position:relative;  width:95%; height:55%;   margin:0 0 .2% 0; padding:0; }
	#moveBonOriginHeader  { position:absolute; top:1px;  height:20px; width:100%; margin:0; color:#fff; background:#666; }
	#moveBonOriginHeader div{ height:96%; padding:.4% 0 0 0; font-size:.95em;}
	#moveBonOriginContent {position:absolute; top:22px; bottom:24px; width:100%; background:#f6f6f6; overflow-y:auto;}
	
	#moveBonMoveContainer {position:relative;  width:95%; height:41%; border-top:2px #555 solid;   margin:.2% 0 0 0; padding:0;  }
	
	
	#moveBonContent {position:absolute; top:1px; bottom:24px; width:100%; background:#f6f6f6;  overflow-y:auto;}
	
	.moveBonCloseDiv {	position:absolute; top:5px; right:7px;  width:25px; height:20px; font-size:1.3em; font-weight:bold; cursor:pointer; 		}	
	
	.moveBonSumDiv {position:absolute; bottom:1px; width:100%; height:21px; margin:0; background:#666; color:#fff; }
		
	.moveBonSumTxt {position:relative; float:left; padding:.5% 0 0 3px;  }
	.moveBonSumAmount {position:relative; float:right; text-align:right; height:96%; padding:.2% .5% 0 .5%; color:#fff; font-size:.95em; 
		background:none; border:none;   }
	
	.move_steuerung_but_close { height:15% !important; font-size:32px; line-height:33%; font-weight:bold;  border-radius:3px; margin:3% 0 0 0; }
	.move_steuerung_but_all {height:17% !important; background:#f90 url(images/moveBonFonctionAllButImg.png) !important; background-size:100% 100% !important;  margin:15% 0 35% 0; 	border-radius:3px;		}	
	.move_steuerung_but_del {height:17% !important; background:#f90 url(images/kp-delete.png) !important; background-size:100% 100% !important;  margin:35% 0 0 0; 	border-radius:3px;		}	

	#moveBonNumpadContainer  {				}
	.ziffernblock_move_modal { width:27%; float:left !important; margin:10% 0 !important; border:1px silver solid; border-radius:2px; padding:2px 0 0 .4%; background:#ccd;  }
				
	.setTableToMoveTxt { position:relative; width:100%; font-size:1em; font-weight:bold; text-align:center; }
	
		/*  Gutschein karte  */
	.gutscheinModalTop{ clear: both; position:relative; width:100%; height:auto; padding:0; z-index:3; }
	.gutscheinModalDivLeft {position:relative; float:left; width:60%; 	} 
	.gutscheinModalDivRight {position:relative; float:left; width:34%; margin-left:4%; height:55%; 	} 
	.gutscheinModalDivBottom { position:relative; width:100%; height:auto; margin-top:2%;	}
	#gutscheinkarteModal input[type='text']  {	margin-bottom:5px; width:40%; text-align:right; min-height:24px; max-height:26px; padding-right:1%;			}
	#cardNoCreateBut { position:relative; float:right; width:40%; margin:2px 0 7px 0;			}
	#gutscheinKarteModalIp { text-align:center !important; }
	.gutschein_karte_modal { position:absolute; left:0; top:0; width:100%; height:100%; overflow:auto;  display:none; background-color: rgba(0,0,0,0.7); z-index: 999; 	}
	#searchResultGutscheinDiv { position:absolute; right:0; top:15px; width:78%; height:auto; max-height:250px;  overflow:auto;  padding:6px 5px; 
		border:#666 solid 0px; background:#fafafa; visibility:hidden; z-index:700;	}
	.gutscheinModalTxtLeft {position:relative; float:left; width:60%; margin:0 0 5px 0; line-height:28px; }
	.gutscheinModalTxtLeft2 {position:relative; float:left; width:40%; margin:0 0 5px 0; line-height:28px;}
	#kundenNameGutscheinModalFeld { position:relative;  width:100%;  margin:5% 0 0 0; padding:2px 0; font-size:.9em; font-weight:bold; font-style:italic; color:#447; 
		text-align:left; white-space:nowrap; overflow:hidden;  	}
	#selectedCustGutschModal {  width:100%; text-align:left; padding-left:1%; margin:0; height:auto; word-wrap:normal; color:#555; font-size:.9em; font-style:italic;	}
	.gutscheinModalBut {	position:relative; float:left; width:auto; padding-left:7px; padding-right:7px; margin:0 1.5% 0 0;			}
	#kundenSearchGutscheinModalField { text-align:center !important; }
	#gutschein_nr_ip { position:relative; float:right;  width:25%; height:auto; margin:3px 2% 0 0; padding:.2em 5px 0 0; text-align:center;}
	.addNextCardBut { float:left; width:5%; margin:0; display:none; }
	
	#gsCardMultiBookCounter {position:relative; float:left; width:4%; margin:3px 1% 0 1%; text-align:center; display:none;}
	
	#gutscheinBearbeitenModal{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:auto;  display:none; background-color: rgba(0,0,0,0.7); z-index: 999; 	}
	#gutscheinBearbeitenAnlegenModal{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:auto;  display:none; background-color: rgba(0,0,0,0.7); z-index: 999; 	}
	
	.gutscheinModalOptionLineDiv{ position:relative; height:auto; margin:0 0 5px 0;			}
	#gsVerkaufsArt {	position:relative; float:left; width:40%; line-height:1.2em; border:1px silver solid; border-radius:3px;			}
	#gsZahlungsArt {	position:relative; float:left; width:40%; line-height:1.2em; border:1px silver solid; border-radius:3px;			}
	.gutscheinModalTxtLineSpacer{ position:relative; width:100%; height:2%;			}
	
	
	/* version Warenköre ablegen */
	
	.warenkoerbeLayoutContainer { position:relative; float:left; width:96%; height:85%; margin:2px 2%; padding:20px 0; display:block; overflow:auto; }
	.aktuellerWarenkorbDisplay { position:relative; height:88%; margin:.5% 3px 0 0; float:left; width:66px; font-size:44px; font-weight:bold; text-align:center; padding:.5% 0 0 0;
						 color:#111;				}

	/*    admin  configurations pages------------------------------ */
	
	.adminConfigSelect { position:relative; float:left; width:275px; font:<?php echo SCHRIFT_MENUE ?> !important; font-weight:bold; height:35px; 
			text-align:center;  margin:5px 5px 0 1.5%; border-radius:.3em; 	}
	.adminConfigSelect option { margin:5px 0; padding:.3em 0; border-radius:.3em;  color:<?php echo BUTTON_TXT_FARBE; ?>; font:<?php echo SCHRIFT_MENUE ?> !important; 
						border:<?php echo BUTTON_BORDER; ?>; background:<?php echo BUTTON_FARBE_SET; ?>;   }

	.adminConfigSelect option:first-child { display:none;}

	.button_config { width:135px; height:35px; margin:5px 10px 0 1%; font:<?php echo SCHRIFT_MENUE ?> !important; font-weight:bold; }
	.button_config_bottom { width:155px; height:35px; margin:0px 2% 0 1%; font:<?php echo SCHRIFT_MENUE ?> !important; font-weight:bold;}
	
	.configContentDiv { position:relative; width:100%; height:98%; display:none; overflow-y:auto; }
		/*.config_bon_print {  position:relative; width:100%; height:98%; display:none;  	}
	.config_allover  {  position:relative; width:100%; height:98%; display:none;  	}			*/
	.adminConfigButtonSml { position:relative; width:auto; background:silver; color:#000; font-size:.8em; font-weight:bold; margin:0; padding:2px 3px; 
				line-height:1.5em; border:1px outset gray; border-radius:3px; cursor:pointer; 					}
				
	#config_bon_print_layout   input[type='text'] { max-height:14px; font-size:.9em;}

	#responseMessageDiv { position:relative; float:left; width:650px; height:33px; margin:0 0 0 33px; font-size:.95em;  }
	
	.layoutImgDiv {position:relative; float:left; width:550px; height:290px; margin:5% 0 2% 0%; padding:1px 1px 1px 1px; 
		background:url(images/configLayout_2.png) 0 0 no-repeat; border:2px solid silver; border-radius:4px; }
	.layoutImgDiv div p  { width:20px; display:inline-block;  margin:2px 1px; padding:0 2px; font-size:.92em; font-weight:bold; text-shadow: 1px 1px 1px #7269F5; }
	.layoutImgDiv input[type='text'] { width:50px; margin:2px 1px; padding:2px; font-size:.85em; font-weight:bold; text-align:center;  }
	.layoutInnereDivBon { position:absolute; top:100px; left:205px; width:110px; height:50px;  }
	.layoutInnereDivCat { position:absolute; bottom:35px; left:15px; width:110px; height:50px;  }
	.layoutInnereDivNum { position:absolute; top:100px; right:18px; width:110px; height:50px;  }
	.layoutInnereDivProd { position:absolute; bottom:48px; left:175px; width:250px; height:24px; }
	.layoutInnerDivInfo{ position:absolute; bottom:22px; left:255px; width:250px; height:24px; }
	.layoutInnereDivContr { position:absolute; top:-30px; left:280px; width:250px; height:24px; }
	.layoutInnereDivSpeiseartVkMaske { position:absolute; top:185px; right:18px; width:110px; height:50px; }
	.layoutImgA { position:relative; margin:0%; width:70%; height:70%; }
	
	.layoutDataDiv { position:relative; float:left; width: 35%;  min-height:250px; max-height:90%; margin:2% 0 2% 3%; overflow-y:auto;  }
	
	.layoutDataDiv input[type='text'] { width:13%; margin:2px 3px; padding:2px; font-size:.85em; font-weight:bold; text-align:center;  }
	.layoutDataDiv input[type='checkbox']  { position:relative; float:left; width:13%; margin:2px 3px; padding:2px; font-size:.85em; font-weight:bold; text-align:center;  }

	.layoutDataDiv  p { width:57%; display:inline-block;  margin:2px 1px; padding:0 2px; font-size:.9em;  text-align:right; background:silver; }
	.layoutDataLineDiv { position:relative; width:100%; height:auto;  }
	.layoutDataTxtLong { width:80% !important; }
	
	
	.configTable th {  font-size:.85em; font-weight:bold; background:#555; color:#fff; border:none;}
	
	
	/*  bedinfeld Konfiguration table ersatz Spalte rechts, html, nicht als table 		*/
	
	.configBedinfLine{ width:100%; margin:0; padding:0; display:inline-block;		}
	.configBedinfHeadLine{ background:#555; color:#fff;			}
	.configBedinf_Col_A{ position:relative; float:left; width:15%; text-align:center; 	 line-height:1.5em;		}
	.configBedinfHead_Col_A{ position:relative; float:left; width:15%; font-size:.85em; font-weight:bold; text-align:center; line-height:1.5em;		}
	.configBedinf_Col_A_2{ position:relative; float:left; width:40%; text-align:center; 	 line-height:1.5em;		}
	.configBedinf_Col_B{ position:relative; float:left; width:30%; text-align:center;  	 line-height:1.5em;			}
	.configBedinf_Col_C{ position:relative; float:left; width:7%; text-align:left;  	 line-height:1.5em;			}	
	.configBedinf_Col_D{ position:relative; width:60%; padding-top:.25em; font-size:.85em; font-weight:normal; text-align:right; line-height:1em;
		display:inline-block; vertical-align:middle;			}
	.configBedinf_Col_D_2{ position:relative; width:52%; padding-top:.25em; font-size:.85em; font-weight:normal; text-align:right; line-height:1em; 
			display:inline-block; vertical-align:middle;			}
	.configInfoButDiv { line-height:1em !important;}
	
	.configBedinfRightIp_A{ position:relative; margin:0 auto; width:85% !important; font-size:.85em; line-height:1em;}
	.configBedinfRightIp_B{ position:relative; margin:0 auto; width:93% !important;}
	.adminKonfigBedinfSelect{width:100%; text-align:center; border:1px solid #97B9E6; margin:1px 3px; padding:0; border-radius:1px; 
			color:#000; font-size:.85em; font-weight:bold; line-height:1em;			}			
	.adminKonfigBedinfSelect option { text-align:center; border-bottom:1px solid #111; margin:3px 0; font-size:.85em;  font-weight:bold; line-height:1.5em;		}
	
	
	
	.layoutDataDiv table { width:100%; border:none; font-size:1em; }
	
	.layoutDataDiv tr {  margin:5px 0; border-top:4px solid transparent;  border-bottom:silver 2px solid;}
	.layoutDataDiv table td {   font-weight:normal; background:#fff; color:#333;}
	
	.layoutDataDiv table input[type='text'] { width:30px; height:auto; margin:2px 3px; padding:2px; font-size:.85em; font-weight:bold; text-align:center;  }
	.layoutDataTableColA { width:22%; text-align:left;  }
	

	.layoutDataTableKassaColA { width:8%; text-align:left; vertical-align:top;  }
	.layoutDataTableKassaColB { width:8%; text-align:left; vertical-align:top;  }
	.layoutDataTableKassaColC { width:5%; text-align:left; vertical-align:top; }
	.layoutDataTableKassaColD { width:82%; font-size:.85em; text-align:right; vertical-align:top; padding:0 7px 0 0;  }
	
	.configInfoBut { width:20px; background:none; border:none; color:#0a0; font-weight:bold; text-align:right; font-size:22px; line-height:.7em; font-family:times;
						text-shadow:1px 2px #558; cursor:pointer; 		}
	.configInfoBut_2 {	width:5px;			}
	
	.layoutDataTableColB { width:14%; text-align:left;}
	.layoutDataTableColC { width:70%;  font-size:.85em; text-align:right; padding:0 7px 0 0;}
	.layoutDataTableColA_1 { width:18%; text-align:left; vertical-align:top;  }
	.layoutDataTableColB_1 { width:81%;  font-size:.85em; text-align:right;  padding:0 7px 0 0; }
	.layoutDataTableColA_2 { width:25%; text-align:left; vertical-align:top;  }
	.layoutDataTableColB_2 { width:74%;  font-size:.85em; text-align:right;  padding:0 7px 0 0; }
	.layoutDataTableColA_3 {	width:44%; text-align:left; vertical-align:top;	}
	.layoutDataTableColB_3 { width:55%;  font-size:.85em; text-align:right;  padding:0 7px 0 0; }
	
	.layoutDataTableColA_4 {	width:60%; text-align:left; vertical-align:top;	}
	.layoutDataTableColB_4 { width:40%;  font-size:.85em; text-align:right;  padding:0 7px 0 0;}
	.layoutDataTableColA_5 {	width:33%; text-align:left; vertical-align:top;	}
	.layoutDataTableColB_5 {	width:65%;  font-size:.85em; text-align:right;  padding:0 7px 0 0;	}
	.layoutDataTableColA_6 {	width:75%; text-align:left; vertical-align:top;	}
	.layoutDataTableColB_6 {	width:25%;  font-size:.85em; text-align:right;  padding:0 7px 0 0;	}
	.importTableField_A  { width:45px; height:auto; line-height:1.1em; margin:1px 3px; padding:2px 0 2px 5px; font-size:.85em; font-weight:bold; text-align:center;  }
	.importTableField_B  { width:55%; height:auto; line-height:1.1em; margin:1px 3px; padding:2px 0 2px 5px; font-size:.85em; font-weight:bold; text-align:center;  }
	.importTableField_B_sml  { width:35%; height:auto; line-height:1.1em; margin:1px 3px; padding:2px 0 2px 5px; font-size:.85em; font-weight:bold; text-align:center;  }
	.importTableField_C  { width:55%; height:auto; line-height:1.1em; margin:1px 3px; padding:2px 0 2px 5px; font-size:.85em; font-weight:bold; text-align:left;  }
	.importTableField_D  { width:75%; height:auto; line-height:1.1em; margin:1px 3px; padding:2px 0 2px 5px; font-size:.85em; font-weight:bold; text-align:left;  }
	.importTableField_E  { width:85%; height:auto; line-height:1.1em; margin:1px 3px; padding:2px 0 2px 5px; font-size:.85em; font-weight:bold; text-align:left;  }
	.importTableField_wide { width:80%; height:auto; line-height:1.1em; margin:1px 3px; padding:2px 0 2px 5px; font-size:.85em; font-weight:bold; text-align:left;   }
	.importTableField_F { width:85% !important; height:auto; line-height:1.1em; margin:1px 3px; padding:2px 0 2px 5px; font-size:.85em; font-weight:bold; text-align:center;   }
	
/*	.layoutDataTableInfoIcon { width:10%; text-align:right;  padding:0 7px 0 0;			}
	.layoutDataTableInfoIcon_2 { width:3%; text-align:right;  padding:0 7px 0 0;				}
*/	
	.bonLayoutImgDiv {position:relative; float:left; width:550px; height:320px; margin:5% 0 2% 2%; padding:1px 1px 1px 1px; 
		background:url(images/configBon_2.png) 0 0 no-repeat;  }
	.bonLayoutImgDiv div p { width:auto; display:inline-block;  margin:2px 1px; padding:0 2px; font-size:.92em; font-weight:bold; text-shadow: 1px 1px 1px #7269F5; }
	.bonLayoutImgDiv input[type='text'] { width:60px; height:14px; max-height:14px !important; margin:2px 1px; padding:2px; font-size:.85em; font-weight:bold; text-align:center;  }
	.bonLayoutImgDiv button { color:#0a0 !important; line-height:22px !important;			}
	.bonLayoutWidth { position:absolute; top:0px; left: 210px; }
	.bonLayoutMargin { position:absolute; top:0px; left: 88px; }
	
	.bonLayoutKopfzeilen {position:absolute;  width:480px; top:-40px; left:390px; border:none;  }
	.bonLayoutImgDiv  td {  text-align:right; }
	.bonLayoutImgDiv  td input[type='text']{ margin:1px 1px 1px 5px; padding:2px; font-size:.85em; font-weight:bold; text-align:left;  }
	.bonLayoutImgDiv table, tr, td {	border-collapse: collapse; border:0; margin:0; padding:0; }
	.bonLayoutImgDiv td {	border-collapse:collapse; text-align:left; width:auto; }
	.ipWide { width:70% !important; text-align:left !important; max-height:18px;  }
	.bonLayoutAreaRight {position:absolute;  width:460px; top:99px; left:390px; }
	.bonLayoutAreaLeft {position:absolute;  width:120px; top:110px; left:5px;   }
	.bonLayoutFusszeilen {position:absolute;  width:490px; top:250px; left:370px; }
	.configKpzTxt { width:44px; }
	.tlRight {text-align:right !important; }
	.bonsummeSizeCnfigIp {	 padding:2px; font-size:.9em !important; font-weight:bold; text-align:center; 	}
	
	.bonLayoutGrafTableDiv { position:relative; float:left; width:100%; height:auto;				}
	.bonLayoutGrafTableLeftDiv{	position:relative; float:left; width:49%; height:auto; min-height:55px;	}
	.bonLayoutGrafTableRightDiv{position:relative; float:left; width:50%; height:auto; min-height:155px;		}
	
	.configSigFuncTableDiv { position:relative; float:left; width:100%; height:auto;	 margin-top:5%;			}
	.configSigFuncTableLeftDiv{	position:relative; float:left; width:55%; height:auto; min-height:5px;	}
	.configSigFuncTableRightDiv{ 	position:relative; float:left; width:44%; height:auto;			}
	
	#bonPrintListCont table, tr, td { margin:2px 0; border-bottom:1px solid transparent; }
	#bonPrintListCont input[type='text'] { padding:3px 5px}
	
	.adminConfigTableList { position:relative; width:100%;  margin: 0 5%; border:none; }
	.adminConfigTableList th { line-height:1.5em;   }
	.adminConfigTableList tr { margin:15px 0;  }
	.adminConfigTableGs { position:relative; width:90%;  margin: 0 5%; border:none; }
	.adminConfigTableGs th { line-height:1.5em;  }
	.adminConfigTableGs tr { margin:15px 0;  }
	
	.adminConfigTableList_B { position:relative; width:100%;  margin: 0 5%; table-layout:fixed; border:none; }
	.adminConfigTableList_B tr { margin:15px 0;  }
	
	#emailconfigCont {	height:100%;		}
	
	.emailconfigContLeft { position:relative; float:left; display:block;  width:60%; height:100%; overflow-y:auto; 	overflow-x:hidden;	}
	.emailconfigContLeft table { position:relative; width:95%;  margin:0; font-weight:normal; border:none; border-spacing:0; border-collapse: collapse; }
	.emailconfigContLeft th {  font-size:.85em; font-weight:bold; background:#555; padding:3px 0 3px 0; color:#fff; border:none; }
	.emailconfigContLeft table th.left { position:relative; width:50%; text-align:left; padding-left:5px;   }
	.emailconfigContLeft table th.right { position:relative; width:50%; text-align:right;  padding-right:5px;  }
	.emailconfigContLeft table td.left { position:relative; width:50%; text-align:left; font-size:.85em; color:#000; padding-left:3px; }
	.emailconfigContLeft table td.right { position:relative; width:50%; text-align:right; font-size:.85em; color:#000; padding-right:3px;  }
	.emailconfigContLeft table td  input[type="text"] { position:relative; width:80%; height:auto; padding:0 1%; font-size:.9em; line-height:1.5em; text-align:left;  }
	.emailconfigContLeft table td  input[type="password"] { position:relative; width:80%; height:auto; padding:0 1%; font-size:.9em; line-height:1.5em; text-align:left;  }
	
	.testMailBut { position:relative; display:block; margin:10px 5% 10px 0; float:right;				}
	
	.emailconfigContRight { position:relative; float:left; display:block;  width:40%; height:90%; overflow-y:auto; 	overflow-x:hidden;	}
	.emailconfigContRight table { position:relative; width:100%;  margin:0; font-weight:normal; border:none;   }
	.emailconfigContRight th {  font-size:.85em; font-weight:bold; background:#555; padding:3px 0 3px 0; color:#fff; border:none; }
	.emailconfigContRight table th.left { position:relative; width:20%; text-align:left; padding-left:5px;  }
	.emailconfigContRight table th.right { position:relative; width:80%; text-align:right; padding-right:5px;  }
	.emailconfigContRight table td.left { position:relative; width:20%; text-align:left; font-size:.85em; color:#000; padding-left:3px; }
	.emailconfigContRight table td.right { position:relative; width:80%; text-align:right; font-size:.85em; color:#000; padding-right:3px;  }
	
	#configMailMsgDiv {	position:relative; width:98%; margin:5px auto; height:auto; border-top:silver 1px solid; font-size:.9em; 			}
	
		/* konfiguration chechbox large	*/
	.cbLarge input { position: relative;  z-index: -9999; 	}
	.cbLarge span { width:45px; height:22px; margin:2px;  display:block;  background: url("images/cbBgUnchecked_4.png"); 	}
	.cbLarge input:checked + span {  background: url("images/cbBgChecked_4.png"); }
		/* wenn checkbox und info but in einem td stehen */
	.cbLarge2 input { position: relative;  z-index: -9999;	 display:none;}
	.cbLarge2 span { width:45px;  line-height:26px;  display:inline-block;  background:url("images/cbBgUnchecked_4.png") no-repeat; 	}
	.cbLarge2 input:checked + span {  background: url("images/cbBgChecked_4.png") no-repeat; }
	.cbLarge2But {}
	
	<?php 
		$xH=str_replace("px", "", BILDSCHIRM_GESAMTE_HOEHE)-115;    /*  minus menu height and margins   */
	
	?>
	.adminConfigTableListDiv { position:relative; float:left; width:45%; height:auto; max-height:<?php echo $xH."px"; ?>;  margin:5px; }
	.adminConfigTableListWideDiv { position:relative; float:left; width:65%; height:auto; max-height:<?php echo $xH."px"; ?>;  margin:5px; }
	.adminConfigTableListRightDiv { position:relative; float:left; width:52%; height:auto; max-height:<?php echo $xH."px"; ?>;  margin:5px; overflow:auto;  }
	.adminConfigTableLsRightDiv { position:relative; float:left; width:48%; height:auto; max-height:<?php echo $xH."px"; ?>;  margin-left:1%; overflow:auto;  }
	.adminConfigTableLsLeftDiv { position:relative; float:left; width:48%; height:auto; max-height:<?php echo $xH."px"; ?>;  margin-right:1%; overflow:auto;  }
	.resolutionSelect { width:85%; margin-top:2px; text-align:center; height:auto; background:silver;  }
	.resolutionSelect option:first-child { display:none; }
	.resolutionSelect option { border-bottom:#777 1px solid; border-top:3px solid transparent; 	}
	.adminConfigSystemTableListDivLeft{ position:relative; float:left; width:55%; height:97%;  margin:.5% 0 .5% 0;  overflow-y:auto; }
	.adminConfigSystemTableListDivRight{ position:relative; float:left; width:44%; height:97%;  margin:.5% 0 .5% .5%;  }
	.adminConfigSystemTableListDivRight_2{ position:relative; float:left; width:100%; height:66% !important; overflow-y:auto;  margin:.5% 0 .5% .5%; }
	.adminConfigTable_3 { width:94%; margin:0 3% 0 0; height:70%; font-weight:normal; border:none; }
	.adminConfigTable_3 th {  font-size:.85em; font-weight:bold; line-height:1.5em; background:#555; padding:3px 0 3px 0; color:#fff; border:none; }
	.adminConfigTable_sml { width:55%; margin:0 0 5% 2%; font-weight:normal; border:none; table-layout: fixed;  }
	.adminConfigTable_sml th {  font-size:.85em; font-weight:bold; line-height:1.5em; background:#555; padding:2px 0 0 0; color:#fff; border:none; }
	
	.adminConfigTable_4 { width:98%; height:70%; overflow-y:auto; margin:0 1%; font-weight:normal; border:none;  }
	.adminConfigTable_4 th { line-height:1.5em; font-size:.85em; font-weight:bold; background:#555; padding:3px 0 3px 0; color:#fff; border:none; }
	.adminConfigTable_5 { width:100%; height:auto; margin:0; font-weight:normal; border:none;  }
	.adminConfigTable_5 th {  font-size:.85em; font-weight:bold; background:#555; padding:3px 0 3px 0; color:#fff; border:none; }
	.adminContentDivEditAddTxt{	 width:52%; height:auto; min-height:33px; margin-top:14px;			}
	
	.adminConfigTableListThLeft { text-align:left; padding:2px 0 0 5px !important;  		}
	.adminConfigTableListThRight { text-align:right;  padding:2px 5px 0 0 !important;	}
	.adminConfigTableListThL1 { text-align:center; padding:2px 0 2px 5px !important;  		}
	.adminConfigTableListThL2 { text-align:center; padding:2px 0 2px 5px !important;  		}
	
	.adminConfigGastroDivLeft {position:relative; float:left; width:65%; margin:.5% 0 .5% 0; background:#ccc; border:green solid 1px; }
	.adminConfigGastroDivRight {position:relative; float:left; width:32%; margin:.5% 0 .5% 2%; background:#dde; border:red solid 3px; }
	
	.adminConfigGastroDivNext { position:relative; float:left; width:100%; height:auto; min-height:200px; background:#cbe;			}
	.configPrinterTable { width:100%; background:none; }
	.configPrinterTable th {font-size:.85em; font-weight:bold; background:#555; padding:2px 0 4px 0; color:#fff; border:none; }
	.configPrinterTable td input[type='text']{ width:90%; margin:2px 1px 2px 5px; padding:2px; font-size:.85em; font-weight:bold; text-align:left;  } 
	.configPrinterTable td input[type='radio']{ width:98%; margin:2px 1px 2px 5px; padding:2px; font-size:.85em; font-weight:bold; text-align:center;  } 
	.confSysPrIdField { width:10%;  }
	.confSysPrFuncField {width:25%;}
	.confSysPrNameField { width:38%;  }
	.confSysPrInvoiceRdField  { width:38%;  }
	
	.configPrinterSelect { width:90%;		}
	.prId { background:#ccc; color:#333;}
	.existClass {background:yellow; }
	
	.sumBoldTxtDiv { position:relative; width:480px; height:auto; max-height:22px; margin:2px 0;  } 

	#configUserLevelDiv { position:relative; width:100%; height:auto;			}
	.configUserLevelRightDiv { position:relative; float:left; width:49%; height:auto; min-height:200px; overflow-y:auto;			}
	.configUserLevelLeftDiv { position:relative; float:left; width:49%; height:auto; min-height:200px; margin:0 0 0 1%; overflow-y:auto;				}
	.configUserLevelLeftFilialDiv { position:relative; float:left; width:49%; height:auto; min-height:100px; margin:22px 0 0 0%; overflow-y:auto;		}
	.adminConfigTableUserLevel{	width:100%; border:none;				}
	.adminConfigTableFilialUserLevel{	width:98%; border:none;				}
	.adminConfigTableUserLevel th{	line-height:1.5em; border-bottom:8px transparent solid;				}
	.adminKonfigUserlevelSel { width:85%; text-align:center; border:1px solid gray; border-radius:2px;			}
	.adminKonfigUserlevelSel option { text-align:center; border-bottom:1px solid #111;		}
	.adminKonfigAnzeigeTypeSel { width:75%; text-align:center; border:1px solid #97B9E6; margin:1px 3px; padding:0; border-radius:1px; 
			color:#000; font-size:.85em; font-weight:bold;			}
	.adminKonfigAnzeigeFocusSel{width:80%; text-align:center; border:1px solid #97B9E6; margin:1px 3px; padding:0; border-radius:1px; 
			color:#000; font-size:.85em; font-weight:bold;			}			
	.adminKonfigAnzeigeTypeSel option { text-align:center; border-bottom:1px solid #111; margin:3px 0;		}
	
	#configActivateSignatureDiv{ position:relative; width:100%; height:100%;					}
	.readCardBut { position:relative; width:100%; }
	.sigFunctionBut { position:relative; width:auto; padding-left:5px; padding-right:5px; margin:10px 5px;				}
	
	
	/* admin Page allgemein 	*/
	#adminOperatorDiv { position:absolute; top:1px; right:1px;  width:85%; height:10%;   z-index:700;}
	#adminContent {position:relative; width:98%; margin:.5% auto; height:81%; border-bottom:1px solid silver; overflow:hidden; }
	.adminContent {position:relative; width:98%; margin:.5% auto; height:81%; border-bottom:1px solid silver; overflow:hidden; }
	#adminContent h3 {margin:17px 0 15px 0; font-size:1.1em; text-align:center; }
	.adminContentDivLeft {position:relative; float:left; width:48%; max-height:250px; overflow:hidden; }
	.adminContentDivRight {position:relative; float:left; width:48%; margin:0 0 0 1%; height:auto; max-height:300px; }
	.adminContentDivRight p { position:relative; float:left; padding:0 5px 0 12px;}
	.adminTxtHeaderH4{ font-size:1.1em; font-weight:bold; text-align:center; padding:0; margin:24px 0 0 0;  }
	.adminTxt { width:90%; text-align:left; font-size:.9em; font-weight:normal; padding:0; margin:3px 0;	}
	.adminTxt_2 {  text-align:left; font-size:1em; font-weight:normal;	}
	.adminTxt_p {  text-align:left; font-size:1em; margin:2px 3px; padding:2px 0; font-weight:normal;	}
	.adminTxt_p_center{  font-size:1em; margin:2px 3px; padding:2px 0; font-weight:normal; text-align:center;	}
	
	.tableFilterRow { float:left; }
	.adminPmeInputSml { width:35px; }
	.adminPmeInputMed_1 { width:55px; text-align:center; font-size:1em; line-height:1.1em; }
	.adminPmeInputMed_2 { width:95px;  font-size:1em; line-height:1.1em;  }
	.adminPmeInputMed_3 { width:65px !important;  font-size:1em; line-height:1.1em; text-align:center;  }
	.filterClearBut {margin:0 20px 0 15px; }
	.filterSetBut {margin:2px 0 2px 5px; }
	
	.adminContentColLeft { position:relative; float:left; width:48%; height:100%; margin-right:1%; 			}
	.adminContentColRight { position:relative; float:left; width:50%; height:100%; visibility:hidden; 		}
	
	
	th.pme-header {min-width:120px; }
	.sitPos_replaceComma { width:150px; }
	.pme-cell-0-.sitPos_doColor { width:150px; }
	.pme-cell-1-.sitPos_doColor { width:150px; }
	.pme-cell-0-.sitPos_tableCol_left_150 { width:150px; text-align:left !important; padding:0 3px; }
	.pme-cell-1-.sitPos_tableCol_left_150 { width:150px; text-align:left !important; padding:0 3px; }
	.pme-cell-0-.sitPos_tableCol_center_150 { width:150px; text-align:center !important; padding:0 3px; }
	.pme-cell-1-.sitPos_tableCol_center_150 { width:150px; text-align:center !important; padding:0 3px; }
		
	.pme-cell-0-.cellWidth150 {overflow: hidden; width: 150px;	}
	.pme-cell-1-.cellWidth150 {overflow: hidden; width: 150px;	}
	.pme-cell-0-.cellWidth200 {overflow: hidden; width: 200px;	}
	.pme-cell-1-.cellWidth200 {overflow: hidden; width: 200px;	}
	.pme-cell-0-.cellWidth300 {overflow: hidden; width: 300px;	}
	.pme-cell-1-.cellWidth300 {overflow: hidden; width: 300px;	}
	.pme-cell-0-.cellWidth400 {overflow: hidden; width: 400px;	}
	.pme-cell-1-.cellWidth400 {overflow: hidden; width: 400px;	}
	.pme-cell-0-.cellWidth700 {overflow: hidden; width: 700px;	}
	.pme-cell-1-.cellWidth700 {overflow: hidden; width: 700px;	}
	
	.backupContent {padding:1% 3%; margin-top:5%; }
	.backupContent h3 { font-size:1.1em; font-weight:bold; margin:0; padding:0; }
	.backupContent hr { width:70%; max-width:600px; margin:0 0 10px 0; }
	
	#config_lizenzen { height:92%; overflow-y:auto;				}
	.licHeader{	width:auto; background:#555; color:#fff;		}
	.licCont_A { position:relative; float:left; width:24%; display:block; line-height:1.3em; padding:0 2px; }
	.licCont_B { position:relative; float:left; width:15%;  display:block; text-align:center; line-height:1.3em; padding:0 2px; }
	.licCont_C { position:relative; float:left; width:15%;  display:block; text-align:center; line-height:1.3em; padding:0 2px;}
	.licCont_D { position:relative; float:left; width:14%;  display:block;  text-align:center; line-height:1.3em; padding:0 2px;}
	.licCont_E { position:relative; float:left; width:28%;  display:block;  text-align:center; line-height:1.3em; padding:0 2px; }
	.licCont_F { position:relative; float:left; width:0%;  display:block;  text-align:center; line-height:1.3em; padding:0 2px; }
	.licCont_G { position:relative; float:left; width:22%;  display:block;  text-align:right; line-height:1.3em; padding:0 2px; margin-bottom:5px; border-bottom:2px solid #555;  }
	.licCont_H { position:relative; float:left; width:76%;  display:block;  text-align:left; line-height:1.3em; padding:0 2px; margin-bottom:5px;  
		color:#666; border-bottom:2px solid #555; }
	.licCont_msg { position:relative; float:left; width:90%;  display:block; line-height:1.3em; padding:0 2px; }
	
	#licensingFormKeyIp { width:65%; margin:5px 0 12px 0; padding:3px 0 5px 7px; font-weight:bold; border:steelblue 1px solid;			}
	.licensingFormIpLabel {	position:relative; margin:0 7px;		}
	#getLizensReferenceIp { position:relative; float:left; text-align:center; width:auto; margin:5px 0 0 7px; border:1px solid #555; 				}
	
	.licenseAlertHtmlPrint  { position:relative; width:<?php echo AUSDRUCK_GESAMTE_BREITE; ?>; margin:22px 0; padding:5px 7px;}
	.licenseAlertHtmlPrint p {  font-size:1.2em; font-weight:bold; text-align:center;			}
	
	/* allgemeines -> KP  */
	.operationsImg { height:inherit; }
	
	.floatL { position:relative; float:left;}
	.floatR { position:relative; float:right;}
	.alignL { text-align:left;		}
	.alignR { text-align:right;		}
	.alignC { text-align:center;		}
	.cclear {clear:both;}
	.bbold { font-weight:bold !important;}
	
		/*  test kassabuch ----
		-----------------------*/
		
		#kassbuchRes { position:relative; width:90%; margin:22px auto; height:auto; min-height:55px; max-height:350px; font-size:10px; border:green solid 1px; overflow-y:scroll; }
		.testxH {background:#555; color:#ccc;}
		.testx { width:100%; border-bottom:1px solid #555; font-size:10px; }
		.testxisml {float:left; width:35px; height:16px; font-size:10px; padding:2px 5px; margin:1px 3px; }
		.testxil {float:left; width:105px; height:16px; font-size:10px;  padding:2px 5px; }
		.testz{ width:100%; border-bottom:1px solid #555; font-size:10px; background:#aab;  }
		.testy{ width:100%; border-bottom:1px solid #555; font-size:10px; color:#336; background:#aab;  }
		.testy-l{ text-align:left; }
		.testy-r{ text-align:right; }
/* ======================================================================== */
/* ===  */


	/*     css definitionen für den bon test ausdruck. ausdruck in ein ui dialog window  */
	
	#bonTestPrintTestDiv {position:relative; margin:0 auto; width:70mm; background:#ddd; color:#111; font: <?php echo SCHRIFT_AUSDRUCK ?> }
	#bonTestPrintTestHiddenDiv {display: none; }

	/*	css für alle Seiten - die sit Welt zeigt an, dass das Programm arbeitet */
	#sit_world { 
	position: absolute;
	width: 200px;
	height:150px;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -75px;
	display: none;
	/*visibility: none;*/
	text-align:center;
	font-size:1em;
	z-index: 999;
	}
	
	#sit_world_gif { 
	width: 80px;
	height: 80px;
	display: block;
    margin-left: auto;
    margin-right: auto;
	}
	
	/* bildschirm anzeige in Küche */
	#scrollen_links{ height: 80%; width: 5% ; float: left; position: relative;top: 50%;transform: translateY(-50%);}
	#kuechenbildschirm_links{display: flex; flex-flow: column wrap; align-content: flex-start;  width: 69%; height: 98%; float: left; padding: 4px;overflow: auto;}
	#scrollen_rechts{ height: 80%; width: 5% ; float: left; position: relative;top: 50%;transform: translateY(-50%);}
	#kuechenbildschirm_rechts{width: 19%; height: 98%; float: left; padding: 2px;overflow:auto;}
	.abholschein_kuchenbildschirm{border-right: 1px solid; position:relative; width: 24%; min-height: 49%; height: auto;  padding: 1px; overflow:auto;}
	#bon_content_header_div_kuechenbildschirm { position:relative; top:1px;  height:20px; width:100%; margin:0; color:#fff; background:#666; }
	#bon_content_header_div_kuechenbildschirm div{ height:96%; padding:.4% 0 0 0; font-size:.95em;}
	.bildschirm_stueck_header {position: relative; float: left;  height: 20px; text-align: left; font: <?php echo SCHRIFT_MENUE ?> !important;}
	.bildschirm_produkt_header {position: relative; float: right;  height: 20px; text-align: left;}
	
	.bildschirm_stueck_line {position: relative; float: left;  height: auto; width: 20%; text-align: left; padding-right: 4px;font-size:1.2em;}
	.bildschirm_produkt_line {position: relative; float: left;  height: auto; width: 75%; text-align: left; overflow:hidden; font-size:1.2em;}

	.bildschirm_line_selected {  background-color: <?php echo BUTTON_FARBE_SET; ?>; margin:1px 0;  }
	.bildschirm_line_unselected {  background-color: <?php echo FARBE_LINE_UNSELECTED; ?>; margin:1px 0; }
	.bildschirm_line_annonciert {  background-color: lightgreen; margin:1px 0;  }

	#abholschein_rechts_kuchenbildschirm{width: 98%; height: 30%; float: left; padding: 5px;}
	.abholschein_kuchenbildschirm_mitte {padding-bottom:40px;position:relative; width:98%;clear: both;height:auto;overflow:auto;}
	.abholschein_kuchenbildschirm_button {position:absolute; width:98%; bottom: 0; height: 40px;}
	.button_abholschein_abschliessen {  width:45%; height: 40px; margin:0 3% 0 0; font: <?php echo SCHRIFT_MENUE ?> !important;}
	.button_abholschein_annonciert {  width:45%; height: 40px; margin:0 3% 0 0; font: <?php echo SCHRIFT_MENUE ?> !important;}
	#left-button{ min-height: 90%; width: 100%; }
	#right-button{ min-height: 90%; width: 100%; }

	
	/*       Kundenmonitor .....*/
		.kundenMonitorHeadFooter{font:<?php echo KUNDENMONITOR_FONT_HEADER_FOOTER; ?>;		}
		.bon_anzeige {text-align:left; position:relative; float:right;  height:98%; width:98%; margin:0; margin:0; padding:1px 0; border:1px solid gray; border-left:none; }
	/*	#bon_content_sum_div {height:40px;}
		#bon_content_sum_div div {font-size:2em;height:40px;}
		#bonContent {bottom:42px;}
	*/
		.bon_summe_gesamtsummeKdMonitor{ font-weight:900;			}
	
			/*   font: font-style font-variant font-weight font-size/line-height font-family;			*/
		.kdMonFontBasic{  font:<?php echo KUNDENMONITOR_FONT_BASIC; ?>; height:55px !important;	}
			/* 	wurde ins style (ajax ...kp ) geschr
			/*.kdMonFontBasicArtikel{  font-size:<?php echo $fontSize ?>!important; line-height:<?php echo $elementHeight ?>!important; <?php echo $fontWeight; ?>	}	*/
		
		.kdMonFontBasicHeadElem{ position:relative; float:right;						}
		
		.artikelLine{  box-shadow:inset 0 -1px 2px -1px rgba(0,0,0,0.4); font-weight:bold;			}
		.rowSum{ width:14.5%; padding-right:.5%; text-align:right; float:right;				}
		.rowQty{ width:10%; text-align:center; float:right;				}
		.rowPrice{ width:12%; text-align:right; float:right;				}
		.rowName{  width:49%; padding-left:1%; font-weight:normal; overflow:hidden; text-align:left; float:left;				}
		.rowTotalSum{ width:24.5%; padding-right:.5%; text-align:right; float:right;				}

		.chromeScrollbarHide::-webkit-scrollbar {	display: none;	}








