
	#indexLoginDiv {	position:relative; width:96%; height:auto; min-height:400px; max-height:75%; margin:0 auto;			}
	.indexHeader{ position:relative;  width:100%; margin:5% 0;		}
	.indexHeader h2{ position:relative; font-size:2em; font-weight:bold; padding:0; margin:0;			}
	
	/*#menu { position:absolute; top:0; left:0; width:100%; height:<?php echo $menuH; ?>; margin:0; }		*/
	#menu { position:absolute; top:0; left:0; width:100%; margin:0; }
	.menuDivLeft { border:none; width:15%; }
	.menuDivRight { border:none; width:35%; }
	
	
	.menuGastroKassierenContainer {position:relative; left:15%; width:50%;  height:68%; padding:0% 0 0 0; margin:0; }

	.menuGastroKassierenCenterBut {position:relative; width:31%; min-width:55px; margin:1% .5%; font-size:1em; font-weight:bold; overflow:hidden; line-height:1.4em;  }
	.menuGastroKassierenCenterButTische  {	height:92%; margin:1.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:1.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:1.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:1.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; ?>;		}
	
	.menuGastroTischButTischIndic { color:#111; font-style:italic; margin-top:3px; font-weight:bold;}
	
	.menuGastroKassierenTableDisplay {position:relative; width:50%; height:35%; margin:0 auto; font-size:.9em; font-weight:bold; text-align:center; line-height:1.5em; }
		
	.funktionsButton { display:inline-block; width:23%; }
	.funktionsButton:before { margin-bottom:25%; }
	
	#wrapper_2 { position:absolute;  height: calc(100% - <?php echo $menuH; ?>); width:100%; top:<?php echo $menuH ?>; margin:0; padding:0;  }	
	#kategorien {display: table-row; height:100%;  }
	
	#ziffernblock {position:relative; float:left; border-bottom:none; }
	

	#steuerung { position:relative; float:left; border-bottom:none; }
	
	#bon {position:relative; float:left; }
	#preis { width: 45%; float:left; height:auto; padding-top:.6%; padding-bottom:.6%;  margin-top:.8%; margin-bottom:.8%; 
				border:.13em inset silver; line-height:2em important; border-radius:3px; }
	#stueck { width: 30%; float:right; height:auto; padding-top:.6%; padding-bottom:.6%;   margin-top:.8%; margin-bottom:.8%;
				border:.13em inset silver; border-radius:3px; }
	
	#messageDiv { height:2.5%; }
	
	.modal-content { height:90%; }
	.modal-body { margin-top:2%;}
	.closeModal { font-size:2em; }
	
	
	.zahlen_top{ clear: both; position:relative;	float: left; width:100%; height:10%; z-index:3;}
	.zahlenLineDivTop {	position:relative; width:58%; height:28px; margin:0 0 0 4px;		}
	.zahlenLineDiv {	margin-bottom:4%;		}
	
	.zahlen_body_zahlungsarten{ position:relative; width:90%; height:60%; margin:2% 5% 0;					}
	#produkt_editieren_id .zahlen_body_zahlungsarten{  height:40%; 			}
	.zahlen_body_ziffernblock{ 	position:relative; width:90%; height:35%; margin:2% 5%;				}
	.editierenZiffernblock {	height:45% !important;	}
	.zahlen_mitte{ clear: both; position:relative;	float: left; width:100%; height: 70%; }
	.zahlen_mitte_edit { clear: both; position:relative;	float: left; width:100%; height: 55%; }
	.zahlen_body_zahlungsarten .ganze_zeile {  height:38px;}	
	.zahlungsart_header { margin:0; padding:.3% 0; }
	.zahlungsart_geld { padding:0; height:auto; 			}
	

	.ziffernblock_button2 { width:-moz-calc(64% + 1px); width:-webkit-calc(64% + 1px); width:calc(64% + 1px); }
	
	.zahlen_body_button_div { 	position:relative; float:left; height:8%; width:90%;  margin:0% 5%; 				}
	.modal_editieren_button_div {	position:relative; float:left; height:8% !important; width:90%;  margin:0% 5%; }
	
	.editStrechModeButton {	height:16% !important;			}

	.button_gross_modalL {  width:40%; height:100%; margin:0 9% 0 0;  }
	.button_gross_modalR { float:left;  width:40%; height:100%; margin:0 0 0 9%; }
	
	.button_med_modalL {  width:25%; height:100%; margin:0 9% 0 0;  }
	.button_med_modalR { float:left;  width:31%; height:100%; margin:0 0 0 1%; }
	
	.editierenArtikelArtSelBut {background-color: <?php echo FARBE_LINE_UNSELECTED; ?>;	color:#000; height:80%;  border:1px #aaa solid; border-radius:3px; margin:2px; }
	.editierenArtikelArtSelBut_selected {	 background-color: <?php echo BUTTON_FARBE; ?>;	color:#fff; height:80%; border:1px #aaa solid; border-radius:3px; margin:2px;	}
	
	#bon_content_header_div { height:<?php echo $bonContHeaderD; ?>; }
	#bonContent {position:absolute; width:100%; top:calc(<?php echo $bonContHeaderD; ?> + 5px); bottom:calc(<?php echo $bonContHeaderD; ?> + 5px); }	
	
	#bon_content_sum_div { height:<?php echo $bonContHeaderD; ?>; width:100%;	}
	
	#artikelArtSelectDiv { position:relative; width:100%; height:20%; margin:.2% 0; padding:3px 0; overflow-y:auto;}
	
	
	/*     tisch Seite 
	-----------------------------------------------------------*/
	.selectRoomMenuDiv { position:relativ; float:right; width:85%;  height:<?php echo MENU_GASTRORAUM_HOEHE ?>;  display:block; margin:2px 0; border:none;	}
	.mobileMenuContainer { position:relativ; float:left;  width:15%; height:<?php echo MENU_GASTRORAUM_HOEHE ?>; max-height:100px; min-height:60px;  background:none;			}

	.logOutButTische { position:absolute; width:95%; height:95%; margin:5% 5%; background:#f90 url(images/logoutIcon.png) 0 0 no-repeat; background-size: 100% 100%; border:#333 1px solid; border-radius:3px; 
				cursor:pointer; }

	
	/*    split Modal 
	-----------------------------------------------------------*/
	
	#splitBonOriginHeader  {height:<?php echo $bonContHeaderD; ?>;  }
	#splitBonOriginContent {  top:calc(<?php echo $bonContHeaderD; ?> + 5px); bottom:calc(<?php echo $bonContHeaderD; ?> + 1px); }
	.splitBonSumDiv { height:<?php echo $bonContHeaderD; ?>;  }
	
	#splitBonContainer {position:relative; float:left; width:80%; height:63%; padding:1% 0 0 2%; margin:2% 0; }
	
	#splitBonOriginContainer {position:relative;  width:98%; height:60%;   margin:0 0 .2% 0; padding:0; }
	#splitBonSplitContainer {position:relative;  width:98%; height:39%;   margin:0 0 .2% 0; padding:0; }
	
	
	
	.split_steuerung_but_close { font-size:1.7em; line-height:1em; font-weight:bold;  border-radius:3px; margin:3% 0 3% 0; }
	.split_steuerung_but_move {    font-size:1.7em; line-height:1em; font-weight:bold;  border-radius:3px; margin:3% 0 90% 0; }
	.split_steuerung_but_del {   background:#f90 url(images/kp-delete.png) !important; background-size:100% 100% !important;  margin:90% 0 3% 0; 	border-radius:3px;		}	
	
	.steuerung_button { width: <?php echo STEUERUNG_BREITE ?>; height: calc(<?php echo STEUERUNG_HOEHE ?>); font: <?php echo SCHRIFT_MENUE ?>;}
	.split_steuerung_but { height:13% !important; font-size:1.7em; line-height:1em; font-weight:bold;  border-radius:3px; margin:3% 0; 				}
	
	#splitBonControlContainer {position:relative; width:13%; float:left; height:auto; margin:15% .5% 1% 1% ; padding:2px .6% 0 .6%; 
			border:1px silver solid; border-radius:2px;}
	#splitBonControlContainer button { width:98%; height:7% !important; margin-left:1%;}
	
	.ziffernblock_split_modal { width:98%; height:32%; border:1px silver solid; border-radius:2px; margin:0 !important; padding:2px 0 0 .4%;   }
	#splitbon_stueck { height:auto; 	}
	
	#splitBonNumpadContainer { width:92%; height:30%; margin:1% 0 0 2%!important; padding:1% 0 0 2%;			}
	#splitBonNumpadContainer .ziffernblock_button2 { width:-moz-calc(64% + 1px); width:-webkit-calc(64% + 1px); width:calc(64% + 1px); }
	
	
	/*    gutschein Modul  
	-----------------------------------------------------------*/
	
	.gutscheinModalDivLeft {position:relative; float:left; width:96%; margin-left:2%; 	} 
	.gutscheinModalDivRight {position:relative; float:left; width:96%; margin:3% 0 0 2%; height:35%;	} 
	.ziffernblock_button_gutscheinmodal { width:33%;			}
	.gutscheinModalDivBottom { width:96%; margin:3% 2%;			}
	#gutscheinModalResponseTxt {width:96%; margin:0 2%; font-size:1.4em;		}
	.gutscheinModalBut{ width:30%; height:5%;			}
	
	
	/*    jQuery Dialog Box 
	-----------------------------------------------------------*/
	#searchResultDialogDiv {height:90%;}
	.dialog_button_gross { width:300px; height:auto;			}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	