h1 { font-size: 20px; font-family: cursive}
th {background-color:brown; color:white}
button {width:100%; height:37px; font-size:18px; touch-action: none;}
button.quadrat {width:37px; height:37px; font-size:18px; padding:0px; touch-action: none;}
button.remBeilage{width:30px; height:30px; font-size:18px; background-color:red; color:white; padding:0px; touch-action: none;}
button.addBeilage {width:30px; height:30px; font-size:18px; background-color:green; color:white; padding:0px; touch-action: none;}
button.wechselgeldrechner {display:block;; touch-action: none;}
img.quadrat {width:37px; height:37px; border:0; padding:0px}
button.aktion {width:55px; height:55px; font-size:8px; background-color:green; color:white; padding:0px; touch-action: none;}
button.comment {width:55px; height:55px; font-size:8px; background-color:burlywood; color:white; padding:0px; touch-action: none;}
button.auswahl {width:55px; height:55px; font-size:10px; touch-action: none; touch-action: none;}
button.cmdbon {background-color:#ccccff; color:black; font-size:18px; width:100%; height:37px; touch-action: none;}
button.abrechnen {background-color:blue; color:white; font-size:18px; width:100%; height:37px; touch-action: none;}
button.status {background-color:#ffcccc; color:white; font-size:18px; width:100%; height:37px; touch-action: none;}
button.bestellen {background-color:green; color:white; font-size:18px; width:100%; height:37px; touch-action: none;}
button.tisch33 {background-color:burlywood; color:white; font-size:18px; width:33%; height:37px; touch-action: none;}
button.calc {background-color:burlywood; color:white; font-size:18px; width:37px; height:37px; touch-action: none;}
button.calc10 {background-color:#ffcccc; color:white; font-size:18px; width:50px; height:37px; touch-action: none;}
button.calc20 {background-color:#99ccff; color:white; font-size:18px; width:50px; height:37px; touch-action: none;}
button.calc50 {background-color:#ffcc66; color:white; font-size:18px; width:50px; height:37px; touch-action: none;}
button.calc100 {background-color:#ccffcc; color:white; font-size:18px; width:50px; height:37px; touch-action: none;}
input.eingabe {width:50px; height:37px; font-size: 20px; text-align: right; background-color:yellow}
input.stammdaten {font-size: 20px}
input.anmeldung {font-size: 20px; width:100%}
input.checkboxanmeldung {font-size: 20px; height:20px; width:20px}
h6 {font-size: 25px}
input.eingabeanz {width:37px; font-size:18px; text-align: right}
input.eingabekomment {width:150px; font-size:18px; text-align: left}
input.kommentar {width:100%; height:37px; font-size:18px; text-align: left; background-color:yellow}
table {font-size:18px}
table.vollbild {width:100%; font-size:18px}
table.abrechnen {width:100%; font-size: 18px}
tr.tr1 {background-color: #ffffff}
tr.tr6 {background-color: #f0f0f0}
tr.gesamt {background-color:blue; color:white}
a {font-size:18px}
a.wechselgeld {display:block; font-size:18px}
select {font-size:18px}
td {font-size:18px}
td.bon {font-size:20px}
td.bonhalbebreite {font-size:5px}
td.bonanzahl {width:50px}
td.bonbeschreibung {width:auto}
td.bongesamt {font-size:15px; border-top:2px solid #000}
td.ltop {font-size:18px; border-top:5px solid #00f}
td.anzahl {width:37px;}
td.druckleft {width:90%}
td.druckright {width:10%}
select.auswertung {height:14px; font-size:10px}
select.addBeilage {height:30px; font-size:18px; background-color:green; color:white; padding:0px}
input.auswertung {height:12px; font-size: 10px}
th.grafik {background-color:blue; color:white; font-size:10px}
td.grafik {font-size:10px}
td.grafikfuss {font-size:10px; border-top:2px solid #00f}
td.grafikwert {font-size:10px; background-color:#ffcc33}
td.sonderbeilage {background-color:#ffcc33}
td.zeilenumbruch {word-break:break-all;word-wrap:break-word}
td.calc {padding:0px;width:50px}
span.error {background-color:yellow}
span.addBeilage {line-height: 30px}
span.spanwechselgeld {display:none;}
span.spanwechselgeldvb {display:block;}

div.divzentriert {
    position: absolute;
    top: 4%;
    left: 1%;
    width: 98%;
    background-color: white;
}

div.abrechnen {
    position: absolute;
    width: 100%;
    font-size:18px;
}

div.wechselgeld {
    display:none;
}

div.wechselgeldhandy {
    display:block;
    position: absolute;
    width: 40%;
    left: 1%;
    font-size:18px;
}

div.wechselgeldpc {
    display:none;
}


img.hintergundbild{width: 100%}

h1{
  color: dimgray;
  font-size:20px;
}

.center {
  position: absolute;
  color: red;
  top: 10px;
  left:10%;
  width:50%;
  background-color: chocolate;
}

div.hintergrundbild {
  position: relative;
  width:100%;
}

div.beschreibung {
  position: absolute;
  top: 460px;
  color: dimgray;
  font-size:15px;
  width:100%;
  background-color: whitesmoke;
}

button.login{
  position: absolute;
  width:100%;
  height:100%;
  border-radius: 5px 5px 5px 5px;
  color: whitesmoke;
  font-size:15px;
  padding: 10px;
  background: chocolate;
}


div.login {
  position: absolute;
  color: red;
  top: 5px;
  left: 5%;
  width:90%;
  height:30px;
}

button.Angebot{
  position: absolute;
  width:100%;
  height:100%;
  border-radius: 5px 5px 5px 5px;
  font-size:20px;
  padding: 10px;
}

span.Angebotueb{
  color: dimgray;
  font-size:15px;
}

span.Angebotpreis{
  color: dimgray;
  font-size:20px;
}

span.Angebotdetail{
  color: dimgray;
  font-size:10px;
}

div.Angebot1 {
  position: absolute;
  top: 40px;
  left: 5%;
  width:90%;
  height:200px;
}


div.Angebot2 {
  position: absolute;
  top: 250px;
  left: 5%;
  width:90%;
  height:200px;
}