.alles {
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 100%;
  padding: 0%;
}
.content_main {
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 93.5%;
  padding: 0%;
}
.navigation {
  margin:0%;
  vertical-align: top;
  float: left;
  border: none;
  width: 14%;
  height: 100%;
  padding: 0%;
  background-color: #eee;
}
.logout {
  margin:0%;
  vertical-align: top;
  float: left;
  border: none;
  width: 10%;
  height: 100%;
  padding: 0%;
}
.content {
  margin:0%;
  vertical-align: top;
  float: left;
  border: none;
  width: 86%;
  height: 100%;
  padding: 0%;
}
.navigation_button {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.4em;
  width: 96%;
  height: 4%;
  padding: 2%;
  color: #fff;
  font-size: 90%;
  background-color: #bbb;  
}
.navigation_button:hover{
  background-color: #ccc;
}
.navigation_button:focus{
  outline: none;
  background-color: #777;
}

.content-nav-1 {
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 6%;
  padding: 0%;
  background-color: #333;
  font-size: 130%;
  color: #fff;
}
.artikel_1 {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 8%;
  height: 100%;
  padding: 0.5%;
  font-size: 100%;
}
.artikel_2 {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 16%;
  height: 100%;
  padding: 0.5%;
}
.artikel_3 {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 10%;
  height: 100%;
  padding: 0.5%;
}
.artikel_4 {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  text-align: right;
  width: 10%;
  height: 100%;
  padding: 0.5%;
}
.artikel_5 {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 30%;
  height: 100%;
  padding: 0.5%;
}
.artikel_6 {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 10%;
  height: 100%;
  padding: 0.5%;
}
.artikel_7 {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 50%;
  height: 100%;
  padding: 0.5%;
}
.artikel_10 {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 10%;
  height: 100%;
  padding: 0%;
}
.artikel_2_hover {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 16%;
  height: 100%;
  padding: 0.5%;
}
.artikel_2_hover:hover{
  background-color: #ccc;
}
.artikel_3_hover {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 10%;
  height: 100%;
  padding: 0.5%;
}
.artikel_3_hover:hover{
  background-color: #ccc;
}
.artikel_4_hover {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 60%;
  height: 100%;
  padding: 0.5%;
}
.artikel_4_hover:hover{
  background-color: #ccc;
}
.artikel_6_hover {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 20%;
  height: 100%;
  padding: 0.5%;
}
.artikel_6_hover:hover{
  background-color: #ccc;
}







.content_main_1 {
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 93.5%;
  padding: 0%;
}
.content_1 {
  margin:0%;
  vertical-align: top;
  float: left;
  border: none;
  width: 100%;
  height: 100%;
  padding: 0%;
}
.content-2 {
  margin:0%;
  vertical-align: top;
  float: left;
  border: none;
  width: 40%;
  height: 100%;
  padding: 0%;
  background-color: #eee;
}
.artikel_offen {
  margin:0%;
  vertical-align:top;
  border: none;
  width: 100%;
  height: 100%;
  padding: 0%;
}
.artikel_top_offen {
  margin:0%;
  width: 100%;
  border: none;
  height: 10%;
  padding: 1%;
}
.artikel_offen_liste {
  margin:0%;
  vertical-align:top;
  border: none;
  width: 100%;
  height: 87%;
  padding: 1%;
}
.artikel_offen_liste1 {
  margin:0%;
  vertical-align:top;
  border: none;
  overflow-y: scroll;
  width: 100%;
  height: 98%;
  padding: 0%;
}
.artikel_auflisten {
  margin:2%;
  vertical-align:top;
  border: none;
  font-size: 100%; 
  width: 94%;
  height: 100%;
  padding: 1%;
  background-color: #fff;  
}
.inventur_top {
  margin:0%;
  vertical-align: top;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 100%;
  height: 8%;
  padding: 0%;
  background-color: #ccc;
}
.inventur_top_rot {
  margin:0%;
  vertical-align: top;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 100%;
  height: 8%;
  padding: 1%;
  background-color: #D82727;
}
.inventur_line {
  margin:0%;
  vertical-align: top;
  border: none;
  overflow-y: scroll;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 100%;
  height: 6%;
  padding: 1%;
  background-color: #fbfbfb;
}
.inventur_liste {
  margin:0%;
  vertical-align: top;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 100%;
  height: 6%;
  padding: 0%;
  background-color: #fbfbfb;
}
.inventur_liste:hover {
  background-color: #F0F0F0;
  cursor: pointer;
  cursor: hand;
}

.artikel_img {
  margin: 0%;
  border: none;
  width: 100%;
  height: 100%;
  padding: 0%;
}
.image2 {
  margin: 0%;
  border: none;
  height: 100%; 
  width: 100%;
  padding: 0%;
}
.form{
  margin: 0%;
  height: 100%;
  padding: 0%;
  width: 100%;
}
.label{
  margin: 0%;
  vertical-align: top;
  height: 10%;
  padding: 1%;
  width: 100%;
}
.label_10{
  margin: 0%;
  vertical-align: top;
  height: 4%;
  padding: 1%;
  width: 100%;
}
.label_search{
  margin: 0%;
  vertical-align: top;
  height: 20%;
  padding: 1%;
  width: 100%;
}
.label_1{
  margin: 0%;
  vertical-align: top;
  height: 100%;
  padding: 1%;
  width: 100%;
}
.label_text{
  margin: 0%;
  width: 10%;
  height: 98%;
  float: left;
  padding: 1%;
  font-size: 100%;
  text-align: left;
}
.label_text_1{
  margin: 0%;
  width: 15%;
  height: 98%;
  float: left;
  padding: 1%;
  font-size: 90%;
  text-align: left;
}
.label_input{
  margin: 0%;
  width: 70%;
  height: 98%;
  float: left;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 100%;
  text-align: left;
  background-color: #fafafa;
  padding: 1%;
  padding-left: 2%;
}
.label_input:focus {
  outline: none;
  background-color: #eee;
}
.label_input_search{
  margin: 0%;
  width: 25%;
  height: 98%;
  float: left;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 100%;
  text-align: left;
  background-color: #fafafa;
  padding: 0%;
  padding-left: 2%;
}
.label_input_search:focus {
  outline: none;
  background-color: #eee;
}
.label_input_1{
  margin: 0%;
  width: 25%;
  height: 98%;
  float: left;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 90%;
  text-align: left;
  background-color: #fafafa;
  padding: 1%;
  padding-left: 2%;
}
.label_input_list{
  margin: 0%;
  width: 90%;
  height: 98%;
  float: left;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 100%;
  text-align: left;
  background-color: #fafafa;
  padding: 0%;
  padding-left: 2%;
}
.label_input:focus {
  outline: none;
  background-color: #eee;
}
.button_senden {
  margin:0%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.4em;
  width: 25%;
  height: 98%;
  padding: 0%;
  color: #fff;
  font-size: 90%;
  background-color: #D82727;  
}
.button_senden:hover {
  background-color: #A01D1D;
  cursor: pointer; cursor: hand;
}
.button_senden:disabled {
  color: #fff;
  background-color: #E57070;
  cursor: default;
}
.button_senden_pdf {
  margin:0px;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.4em;
  width: 200px;
  height: 30px;
  padding: 0px;
  color: #fff;
  font-size: 14px;
  background-color: #D82727;  
}
.button_senden_pdf:hover {
  background-color: #A01D1D;
  cursor: pointer; cursor: hand;
}

.button_abrechen {
  margin:0%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.4em;
  width: 20%;
  height: 98%;
  padding: 1%;
  color: #fff;
  font-size: 100%;
  background-color: #bbb;  
}
.button_abrechen:hover {
  background-color: #aaa;
  cursor: pointer; cursor: hand;
}
.space {
  margin:0%;
  vertical-align: top;
  float: left;
  border: none;
  width: 1%;
  height: 98%;
  padding: 1%;
}


.label_objekt_search{
  width: 80%;
  border: none;
  background-color: #555;
  color: #fff;
  padding: 0%;
  margin: 0%;
}
.label_objekt_search:focus {
  outline: none;
  border: none;
  background-color: #555;
  color: #fff;
  margin: 0%;
  padding: 0%;
}

.content-nav-info {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  height: 98%;
  padding: 0%;
  padding-top: 0.4%;
}
.content-nav-logout {
  margin:0%;
  vertical-align: top;
  border: none;
  text-align: center;
  float: right;
  width: 6%;
  height: 98%;
  padding: 0%;
  padding-top: 0.4%;
}
.content-nav-logout:hover {
  background-color: #BB0000;
  cursor: pointer; cursor: hand;
}
.menu-main {
  position: fixed;
  right: 0.5%;
  top: 6.5%;
  width: 20%;
  background-color: #aaa;
  padding-top: 1.5%;
}
.menu-pos {
  margin:0%;
  vertical-align: top;
  border: none;
  float: right;
  font-size: 140%;
  width: 100%;
  padding: 2%;
}
.menu-pos:hover {
  background-color: #BB0000;
  color: #fff;
  cursor: pointer; cursor: hand;
}
.info-element {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  width: 10%;
  height: 80%;
  padding: 0%;  
}
.artikel-top {
  width: 100%;
  height: 10%;
}
.artikel-top-1 {
  margin: 1%;
  float: left;
  width: 31%;
  height: 100%;
}
.artikel-top-2 {
  margin: 1%;
  float: left;
  width: 31%;
  height: 100%;
}
.artikel-top-3 {
  margin: 1%;
  float: left;
  width: 31%;
  height: 100%;
}

.artikel_anzeigen {
  width: 100%;
  height: 90%;
  padding: 1%;
}
.tuerliste{
  margin:0%;
  vertical-align: top;
  border: none;
  border-bottom: 1px solid #888;
  border-radius: 5px;
  height: 22px;
  width: 100%;
  padding: 0%;
  background-color: #fbfbfb;
}
.tuerliste:hover{
  background-color: #EEEEF0;
}

.tuerliste_top{
  margin:0%;
  vertical-align: top;
  border: none;
  border-bottom: 1px solid #888;
  border-radius: 5px;
  height: 80px;
  width: 100%;
  padding: 0%;
  background-color: #ccc;
}
.liste_pos{
  margin:0%;
  vertical-align: top;
  border: none;
  border-right: 1px solid #888;
  float: left;
  padding: 2px;
  height: 100%;
}
.liste_pos:focus{
  background-color: #fff;
  outline: 0px solid transparent;
}

.input2{
  margin: 2%;
  width: 90%;
  height: 65%;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 120%;
  background-color: #fbfbfb;
  padding: 1%;
  font-size: 120%;
}
.input2:focus{
  outline: none;
  background-color: #f8f8f8;
}
.artikel-taste1 {
  margin:2%;
  margin-left: 48%;
  vertical-align: top;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 48%;
  height: 65%;
  padding: 1%;
  color: #000;
  background-color: #E8E8E8;  
}
.artikel-taste1:hover{
  background-color: #CCCCCC; 
  cursor: pointer; cursor: hand;
}
.artikel-main-cont {
  margin:0%;
  vertical-align:top;
  overflow-y: scroll;
  float: left;
  border: none;
  width: 100%;
  height: 80%;
  padding: 1%; 
}
.cont-artikel {
  margin:0.5%;
  vertical-align:top;
  float: left;
  border: 0.1em solid #ddd;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 13.2%;
  height: 32%;
  padding: 1%;
  background-color: #fff;  
}
.cont-artikel:hover {
  background-color: #fafafa;
  cursor: pointer; cursor: hand;
}
.cont-kategorie {
  margin:0.5%;
  vertical-align:top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 13.2%;
  height: 32%;
  padding: 1%;
  background-color: #eee;  
}
.cont-kategorie:hover {
  background-color: #eaeaea;
  cursor: pointer; cursor: hand;
}
.artikel-breadcrumbs {
  margin:1%;
  vertical-align:top;
  border: none;
  border-bottom: 0.1em solid #bbb;
  height: 8%;
  width: 98%;
  padding: 1%;
}
.artikel-breadcrumbs-liste {
  margin:0%;
  vertical-align:top;
  border: none;
  float: left;
  height: 98%;
  padding: 0%;
  padding-left: 1%;
  font-weight: bold;
  color: #666;
}
.artikel-breadcrumbs-liste:hover {
  color: #000;
  cursor: pointer; cursor: hand;
}
.artikel-image {
  margin: 0%;
  position: relative;
  vertical-align:top;
  border: none;
  width: 100%;
  height: 60%;
  padding: 0%;
}
.artikel-image2 {
  margin: 0%;
  border: none;
  height: 100%; 
  width: 100%; 
  object-fit: contain;
  padding: 0%;
}
.artikel-name {
  margin-top: 3%;
  vertical-align:top;
  border: none;
  width: 100%;
  height: 20%;
  padding: 0%;
  font-size: 90%;
}
.artikel-ean {
  margin-top: 3%;
  vertical-align:top;
  border: none;
  width: 100%;
  height: 7%;
  padding: 0%;
  font-size: 75%;
}
.artikel-preis {
  margin:0%;
  vertical-align:top;
  text-align: right;
  border: none;
  float: left;
  width: 100%;
  height: 8%;
  padding: 0%;
  font-size: 90%;  
}
.artikel-steuer {
  margin:0%;
  vertical-align:top;
  text-align: right;
  border: none;
  float: left;
  width: 100%;
  height: 7%;
  padding: 0%;
  font-size: 75%;  
}
.artikel-menge {
  margin:0%;
  position: absolute;
  top: 5%;
  right: 5%;
  vertical-align:top;
  border-radius: 50%;
  border-color: #555;
  border-style: solid;
  border-width: 0.2em;
  text-align: center;
  float: left;
  width: 30%;
  height: 30%;
  padding: 0%;
  padding-top: 1.2%;
  color: #fff;  
}
.artikel-menge-rot {
  background-color: #f00;
  font-size: 100%;
}
.artikel-menge-gruen {
  background-color: #02A60D;
  font-size: 100%;
}
.artikel-menge3 {
  margin: 0%;
  position: absolute;
  top: 5%;
  right: 5%;
  border-radius: 50%;
  border-color: #555;
  border-style: solid;
  border-width: 0.2em;
  text-align: center;
  width: 35%;
  height: 35%;
  padding-top: 1%;
  font-size: 100%;
  background-color: #f00;
  color: #fff;
}

.beleg-pos2 {
  margin:2%;
  vertical-align:top;
  overflow-y: scroll;
  border: none;
  font-size: 100%; 
  width: 96%;
  height: 35%;
  padding: 1%;
  background-color: #fff;  
}
.beleg-tasten {
  margin: 1%;
  margin-top: 0%;
  vertical-align: top;
  float: left;
  border: none;
  width: 98%;
  height: 26%;
  padding: 0%;  
}
.beleg-tasten2 {
  margin: 1%;
  margin-top: 0%;
  vertical-align: top;
  float: left;
  border: none;
  width: 98%;
  height: 36%;
  padding: 0%;  
}
.beleg-info {
  margin-bottom:2%;
  vertical-align: top;
  float: left;
  border: none;
  width: 100%;
  height: 40%;
  padding: 0%;  
}
.beleg-info-bezahlen {
  margin-bottom:2%;
  vertical-align: top;
  float: left;
  border: none;
  width: 98%;
  height: 27%;
  padding: 0%;  
}
.beleg-parken-anzeigen {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  width: 48%;
  height: 90%;
  padding: 1%;  
}
.beleg-summen-anzeigen {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  text-align: right;
  width: 48%;
  height: 100%;
  font-size: 150%;
  padding: 1%;
  background-color: #fff; 
}
.beleg-taste1 {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 48%;
  height: 17%;
  padding: 1%;
  color: #000;
  background-color: #E8E8E8;  
}
.beleg-taste1:hover{
  color: #D82727;
  background-color: #CCCCCC; 
  cursor: pointer; cursor: hand;
}
.beleg-taste1:disabled {
  background-color: #E8E8E8;
  color: #888;
  cursor: default; 
}
.beleg-taste2 {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 48%;
  height: 34%;
  padding: 1%;
  color: #000;
  background-color: #E8E8E8;  
}
.beleg-taste2:hover{
  color: #D82727;
  background-color: #CCCCCC; 
  cursor: pointer; cursor: hand;
}
.beleg-taste2:disabled {
  background-color: #E8E8E8;
  color: #888;
  cursor: default; 
}
.beleg-taste3 {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 31%;
  height: 98%;
  padding: 1%;
  color: #000;
  background-color: #E8E8E8;  
}
.beleg-taste3:hover{
  color: #D82727;
  background-color: #CCCCCC; 
  cursor: pointer; cursor: hand;
}
.beleg-taste4 {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 31%;
  height: 98%;
  padding: 1%;
  color: #fff;
  background-color: #D82727;  
}
.beleg-taste4:hover{
  background-color: #A01D1D; 
  cursor: pointer; cursor: hand;
}
.beleg-teilbuchung {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 48%;
  height: 17%;
  padding: 1%;
  font-size:120%;
  text-align: center;
  color: #fff;
  background-color: #D82727; 
}
.beleg-teilbuchung:hover {
  background-color: #A01D1D;
  cursor: pointer; cursor: hand;
}
.beleg-teilbuchung:disabled {
  color: #fff;
  background-color: #E57070;
  cursor: default;
}
.beleg-bezahlen {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 98%;
  height: 22%;
  padding: 1%;
  color: #fff;
  background-color: #D82727;  
}
.beleg-bezahlen:hover {
  background-color: #A01D1D;
  cursor: pointer; cursor: hand;
}
.beleg-bezahlen-inaktiv{
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 98%;
  height: 22%;
  padding: 1%;
  color: #fff;
  background-color: #E57070;
}
.beleg-bezahlen:disabled {
  color: #fff;
  background-color: #E57070;
  cursor: default;
}
.beleg-bezahlen2 {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 98%;
  height: 54%;
  padding: 1%;
  color: #fff;
  background-color: #D82727;  
}
.beleg-bezahlen2:hover {
  background-color: #A01D1D;
  cursor: pointer; cursor: hand;
}
.beleg-bezahlen2:disabled {
  color: #fff;
  background-color: #E57070;
  cursor: default;
}
.beleg-parken, .beleg-storno, .beleg-bezahlen, .beleg-bezahlen-inaktiv, .beleg-storno-inaktiv, .beleg-parken-inaktiv {
  font-size:120%;
  text-align: center;
}
.beleg-artikel-top {
  margin:0%;
  vertical-align: top;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 100%;
  height: 7%;
  padding: 1%;
  background-color: #eee;
  color: #333;
}
.beleg-artikel {
  margin:0%;
  vertical-align: top;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 100%;
  height: 15%;
  padding: 0%;
}
.beleg-artikel-bezahlen {
  margin:0%;
  vertical-align: top;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 100%;
  height: 30%;
  padding: 0%;
}
.beleg-artikel:hover, .beleg-artikel-bezahlen:hover {
  background-color: #F5F5F5;
}

.suchen-artikel-img {
  margin: 0%;
  position: relative;
  vertical-align:top;
  border: none;
  width: 100%;
  height: 60%;
  padding: 0%;
}
.suchen-artikel-img2 {
  margin: 0%;
  vertical-align: top;
  border-radius: 1%;
  border: none;
  width: 100%;
  height: auto;
  padding: 0%;
}
.beleg-artikel-menge {
  margin: 0%;
  position: absolute;
  top: 5%;
  right: 5%;
  border-radius: 50%;
  border-color: #555;
  border-style: solid;
  border-width: 0.2em;
  text-align: center;
  width: 35%;
  height: 35%;
  padding-top: 1%;
  font-size: 100%;
  background-color: #02A60D;
  color: #fff;
}
.beleg-artikel-menge:hover {
  background-color: #02CA10;
  cursor: pointer; cursor: hand;
}
.beleg-artikel-text {
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 100%;
  padding: 0%;
}
.beleg-artikel-text-bottom {
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 25%;
  font-size: 150%;
  padding: 1%;
}
.beleg-artikel-preis {
  margin: 5%;
  vertical-align: top;
  text-align: right;
  border: none;
  width: 90%;
  height: 30%;
  font-size: 150%;
  padding: 1%;
}
.beleg-artikel-preis {
  margin: 5%;
  vertical-align: top;
  text-align: right;
  border: none;
  width: 90%;
  height: 30%;
  font-size: 150%;
  padding: 1%;
}
.preis-alt {
  color: #999;
  text-decoration: line-through;
}
.preis-neu {
  color: #f00;
}
.beleg-artikel-zeilenstorno {
  margin:5%;
  vertical-align: top;
  text-align: center;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 90%;
  height: 40%;
  padding: 2%;
  background-color: #E8E8E8;
}
.beleg-artikel-zeilenstorno1 {
  margin:5%;
  vertical-align: top;
  text-align: center;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 90%;
  height: 80%;
  padding: 2%;
  background-color: #E8E8E8;
}
.beleg-artikel-zeilenstorno:hover, .beleg-artikel-zeilenstorno1:hover {
  background-color: #D82727;
  color: #fff;
  cursor: pointer; cursor: hand;
}
.auswahl-content-fenster {
  display: none;
}
.auswahl-content-fenster-on {
  
}
.auswahl-content-bg {
  position: fixed;
  top: 6%;
  left: 0%;
  background-color: #111;
  background: rgba(0,0,0,.75);
  width: 100%;
  height: 100%;
}
.auswahl-content-menge {
  position: fixed;
  top: 15%;
  left: 40%;
  margin: 0%;
  width: 20%;
  height: 55%;
  background-color: #f4f4f4;
}
.auswahl-content-storno-text{
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 40%;
  padding: 2%;
  padding-top: 20%;
  font-size: 140%;
  text-align: center;
}
.auswahl-content-holen{
  margin:0%;
  overflow-y: scroll;
  border: none;
  width: 100%;
  height: 80%;
  padding: 2%;
  text-align: left;
}
.auswahl-content-holen-pos{
  margin:0%;
  vertical-align: top;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 100%;
  height: 20%;
  padding: 1%;
  font-size: 120%;
  text-align: left;
}
.auswahl-content-holen-pos:hover {
  background-color: #E3E3E3;
  cursor: pointer; cursor: hand;
}
.auswahl-content-bezahlen {
  position: fixed;
  top: 7%;
  left: 8%;
  margin: 0%;
  width: 84%;
  font-size: 100%;
  height: 85%;
  background-color: #f4f4f4;
  color: #000;
}
.auswahl-content-kunden {
  position: fixed;
  top: 7%;
  left: 15%;
  margin: 0%;
  width: 70%;
  font-size: 100%;
  height: 85%;
  background-color: #f4f4f4;
  color: #000;
}
.auswahl-content-top{
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 8%;
  padding: 2%;
  background-color: #D82727;
  color: #fff;
  font-size: 140%;
  text-align: center;
}
.auswahl-plusminus{
  margin:5%;
  vertical-align: top;
  text-align: center;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 40%;
  height: 7%;
  padding: 1%;
  float: left;
  background-color: #E8E8E8;  
}
.auswahl-plusminus:hover{
  background-color: #CFCFCF;
  cursor: pointer; cursor: hand;
}
.auswahl-del{
  margin:5%;
  vertical-align: top;
  text-align: center;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 90%;
  height: 7%;
  padding: 1%;
  float: left;
  background-color: #E8E8E8;  
}
.auswahl-del:hover{
  background-color: #D82727;
  cursor: pointer; cursor: hand;
}
.auswahl-cancel{
  margin:5%;
  vertical-align: top;
  text-align: center;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 40%;
  height: 7%;
  padding: 1%;
  float: left;
  background-color: #E8E8E8;  
}
.auswahl-cancel:hover{
  background-color: #D82727;
  color: #fff;
  cursor: pointer; cursor: hand;
}
.auswahl-leer{
  margin:5%;
  vertical-align: top;
  text-align: center;
  border: none;
  width: 40%;
  height: 7%;
  padding: 1%;
  float: left;
}
.auswahl-ok{
  margin:5%;
  vertical-align: top;
  text-align: center;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 40%;
  height: 7%;
  padding: 1%;
  float: left;
  color: #fff;
  background-color: #D82727;  
}
.auswahl-ok:hover{
  background-color: #BC0202;
  cursor: pointer; cursor: hand;
}
.auswahl-ok:disabled{
  background-color: #B6B6B6;
  cursor: default;
}
.auswahl-content-input{
  margin:0%;
  vertical-align: top;
  margin: 5%;
  height: 8%;
  padding: 0%;
  font-size: 130%;
}
.auswahl-input{
  width: 100%;
  height: 100%;
  border: none;
  border-bottom: 0.1em solid #bbb;
  text-align: right;
  background-color: #f4f4f4;
}
.auswahl-input:focus{
  outline: none;
  background-color: #EDEDD0;
}
.auswahl-content-input2{
  vertical-align: top;
  margin: 5%;
  height: 11%;
  padding: 0%;
}
.auswahl-content-input3{
  margin: 1%;
  vertical-align: top;
  height: 6%;
  padding: 0%;
}
.auswahl-content-input4{
  margin: 0.2%;
  vertical-align: top;
  height: 5%;
  padding: 0%;
}
.auswahl-input-label2{
  margin: 2%;
  width: 98%;
  height: 48%;
  padding: 1%;
  text-align: left;
}
.auswahl-input-label3{
  margin: 2%;
  width: 18%;
  height: 98%;
  float: left;
  padding: 1%;
  text-align: left;
}
.auswahl-input-label4{
  margin: 0.4%;
  width: 28%;
  height: 98%;
  float: left;
  padding: 0%;
  text-align: left;
}
.auswahl-input2{
  margin: 2%;
  width: 98%;
  height: 48%;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 130%;
  text-align: right;
  background-color: #fff;
  padding: 0%;
  font-size: 120%;
  padding-right: 5%;
}
.auswahl-input2:focus{
  outline: none;
  background-color: #EDEDD0;
}
.auswahl-input3{
  margin: 2%;
  width: 98%;
  height: 48%;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  text-align: right;
  background-color: #f4f4f4;
  padding: 0%;
  font-size: 120%;
  padding-right: 5%;
}
.auswahl-input3:focus{
  outline: none;
  background-color: #f4f4f4;
}
.auswahl-input4{
  margin: 2%;
  width: 98%;
  height: 48%;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 130%;
  text-align: left;
  background-color: #fff;
  padding: 0%;
  font-size: 120%;
  padding-left: 2%;
}
.auswahl-input4:focus{
  outline: none;
  background-color: #EDEDD0;
}
.auswahl-input5{
  margin: 2%;
  width: 70%;
  height: 98%;
  float: left;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 130%;
  text-align: left;
  background-color: #fff;
  padding: 0%;
  font-size: 120%;
  padding-left: 2%;
}
.auswahl-input5:focus{
  outline: none;
  background-color: #EDEDD0;
}
.auswahl-input6{
  margin: 0.4%;
  width: 60%;
  height: 98%;
  float: left;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 90%;
  text-align: left;
  background-color: #fff;
  padding: 0%;
  padding-left: 2%;
}
.auswahl-input6:focus{
  outline: none;
  background-color: #EDEDD0;
}
.zahlung-cont {
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 100%;
  padding: 0%;
}
.zahlung-zahlungsarten {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 15%;
  height: 100%;
  padding: 1%;
  background-color: #999;
}
.zahlung-zahlungsart {
  margin:5%;
  vertical-align: top;
  text-align: center;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  font-size: 80%;
  width: 90%;
  height: 12%;
  padding: 10%;
  background-color: #E8E8E8;
}
.zahlung-zahlungsart:hover {
  background-color: #D82727;
  color: #fff;
  cursor: pointer; cursor: hand;
}
.zahlung-zahlungsart:disabled {
  background-color: #E8E8E8;
  color: #888;
  cursor: default;
}
.zahlung-auswahl {
  margin: 0%;
  vertical-align: top;
  border: none;
  font-size: 150%;
  width: 80%;
  height: 7%;
  padding-top: 2%;
  padding-left: 17%;
}
.zahlung-berechnung {
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 38%;
  padding: 0%;
}
.zahlung-werte {
  margin:0%;
  vertical-align: top;
  border: none;
  float: left;
  width: 35%;
  height: 100%;
  padding: 2%;
}
.zahlung-keypad {
  margin:0%;
  vertical-align: top;
  border: none;
  float: right;
  width: 40%;
  height: 95%;
  padding: 2%;
}
.zahlung-scheine {
  margin:0%;
  vertical-align: top;
  border: none;
  width: 100%;
  height: 45%;
  padding: 0%;
}
.geld-image-m {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-radius: 50%;
  width: 8.5%;
  height: 24%;
  padding: 1%;  
}
.geld-image-s {
  margin:0%;
  vertical-align:top;
  float: left;
  border: none;
  width: 28%;
  height: 40%;
  padding: 0%;  
}
.geld-image-m:hover, .geld-image-s:hover {
  border-color: #aaa;
  border-style: solid;
  cursor: pointer; cursor: hand;
}
.float-left {
  margin:2%;
  float: left;
}
.numpad {
  margin:1%;
  vertical-align:top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  font-size: 200%;
  text-align: center;
  width: 30%;
  height: 20%;
  padding: 3%;
  background-color: #E8E8E8;
  color: #aaa;
}
.numpad1 {
  margin:1%;
  vertical-align:top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  font-size: 160%;
  text-align: center;
  width: 94%;
  height: 20%;
  padding: 3%;
  background-color: #D82727;
  color: #fff;
}
.numpad:hover {
  background-color: #aaa;
  color: #D82727;
  cursor: pointer; cursor: hand;
  #A01D1D .numpad1:hover
}
.numpad1:hover {
  background-color: #A01D1D;
  cursor: pointer; cursor: hand;
}
.numpad1:disabled {
  background-color: #E57070;
  cursor: default;
}
.left {
  float: left;
  text-align: left; 
  width: 50%;
  height: 25%;
}
.right {
  float: left;
  text-align: right;
  width: 50%;
  height: 25%;
}
.bezahlen-content-input2{
  margin: 0%;
  vertical-align: top;
  margin: 5%;
  height: 20%;
  padding: 0%;
}
.bezahlen-input-label2{
  margin: 2%;
  width: 98%;
  height: 48%;
  padding: 1%;
  text-align: left;
}
.bezahlen-input2{
  margin: 2%;
  width: 98%;
  height: 48%;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 120%;
  text-align: right;
  background-color: #fff;
  padding: 0%;
  font-size: 120%;
  padding-right: 5%;
}
.bezahlen-input2:focus{
  outline: none;
  background-color: #EDEDD0;
}
.bezahlen-input3{
  margin: 2%;
  width: 98%;
  height: 48%;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  text-align: right;
  background-color: #f4f4f4;
  padding: 0%;
  font-size: 120%;
  padding-right: 5%;
}
.bezahlen-input4{
  margin: 2%;
  width: 30%;
  height: 48%;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  font-size: 120%;
  text-align: right;
  background-color: #fff;
  padding: 0%;
  font-size: 120%;
  padding-right: 5%;
}
.bezahlen-input3:focus{
  outline: none;
  background-color: #f4f4f4;
}
.disabled {
  background-color: #E8E8E8;
  color: #888;
  cursor: default;
}
.content-kunden {
  margin: 0%;
  width: 100%;
  height: 100%;
  padding: 0%;
  background-color: #eee;
}
.content-kunden-left {
  margin: 0%;
  float: left;
  width: 50%;
  height: 100%;
  padding: 0%;
}
.content-kunden-left-oben {
  margin: 0%;
  float: left;
  width: 100%;
  height: 10%;
  padding: 0%;
}
.content-kunden-left-oben-suche {
  margin: 1%;
  float: left;
  width: 48%;
  height: 100%;
}
.content-kunden-left-unten {
  margin: 2%;
  float: left;
  width: 96%;
  height: 86%;
  padding: 1%;
}
.content-kunden-right {
  margin: 0%;
  float: left;
  width: 50%;
  height: 100%;
  padding: 0%;
}
.content-kunden-right-oben {
  margin: 1%;
  float: left;
  width: 98%;
  height: 81%;
  padding: 1%;
  background-color: #fff;
}
.content-einstellungen-right-oben {
  margin: 1%;
  float: left;
  width: 98%;
  height: 90%;
  padding: 1%;
}
.content-kunden-right-unten {
  margin: 0%;
  float: left;
  width: 100%;
  height: 15%;
  padding: 0%;
}
.content-einstellungen-right-unten {
  margin: 0%;
  float: left;
  width: 100%;
  height: 6%;
  padding: 0%;
}
.journal_oben {
  margin: 0%;
  border: none;
  width: 100%;
  height: 94%;
  padding: 1%;
}
.journal_oben_content1 {
  margin: 0%;
  border: none;
  width: 100%;
  height: 5%;
  padding: 1%;
  background-color: #fff;
}
.journal_oben_content {
  margin: 0%;
  border: none;
  overflow-y: scroll;
  width: 100%;
  height: 95%;
  padding: 1%;
  background-color: #fff;
}
.journal_unten {
  margin: 0%;
  border: none;
  width: 100%;
  height: 5%;
  padding: 0%;
}
.journal_unten_links {
  margin: 0%;
  float: left;
  border: none;
  width: 68%;
  height: 100%;
  padding: 0%;
}
.journal_unten_rechts {
  margin: 0%;
  float: left;
  border: none;
  width: 30%;
  height: 100%;
  padding: 0%;
}
.journal_taste {
  margin:1%;
  vertical-align: top;
  float: left;
  border: none;
  border-bottom: 0.1em solid #888;
  border-radius: 0.5em;
  width: 98%;
  height: 98%;
  padding: 1%;
  color: #000;
  background-color: #E8E8E8;  
}
.journal_taste:hover{
  color: #D82727;
  background-color: #CCCCCC; 
  cursor: pointer; cursor: hand;
}
.journal_c{
  margin: 0%;
  border: none;
  border-bottom: 0.1em solid #888;
  width: 100%;
  overflow: hidden;
  padding: 0%;
}
.journal_c_ts{
  margin: 0%;
  float: left;
  border: none;
  width: 11%;
  padding: 0%;
}
.journal_c_user{
  margin: 0%;
  float: left;
  border: none;
  width: 10%;
  padding: 0%;
}
.journal_c_text{
  margin: 0%;
  float: left;
  border: none;
  width: 79%;
  padding: 0%;
}
.abschlag_cont_l {
  margin: 0%;
  float: left;
  border: none;
  width: 30%;
  height: 100%;
  padding: 0%;
}
.abschlag_cont_m {
  margin: 0%;
  float: left;
  border: none;
  width: 30%;
  height: 100%;
  padding: 0%;
}
.abschlag_cont_r {
  margin: 0%;
  float: left;
  border: none;
  width: 40%;
  height: 100%;
  padding: 0%;
}
.abschlag_cont_z {
  margin: 0%;
  float: left;
  border: none;
  width: 100%;
  height: 11%;
  padding: 1%;
  padding-left: 10%;
}
.abschlag_cont_z_menge {
  margin: 5%;
  float: left;
  border: none;
  border-bottom: 0.1em solid #bbb;
  border-radius: 0.4em;
  text-align: right;
  background-color: #fff;
  font-size: 130%;
  width: 20%;
  height: 60%;
  padding: 1%;
}
.abschlag_cont_z_menge:focus{
  outline: none;
  background-color: #EDEDD0;
}
.abschlag_cont_z_bild {
  margin: 0%;
  margin-left: 3%;
  float: left;
  border: none;
  width: 20%;
  height: 98%;
  padding: 0%;
}
.abschlag_cont_z_bild_s {
  margin: 0%;
  margin-left: 3%;
  float: left;
  border: none;
  width: 37%;
  height: 98%;
  padding: 0%;
}

table{
  width: 700px;	
  margin-top: 2em;
}
table,td, caption {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 0.4em;
}
caption {
  background: #666;
  color: #c4ced3;
  font-weight: bold;
}