/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 30.10.2016, 13:30:53
    Author     : Schwarz
*/

/* Container holding the image and the text */
h1 { font-size: 30px; font-family: cursive}
th {background-color:blue; color:white}
button {width:100%; height:50px; font-size:30px; touch-action: none;}
button.quadrat {width:50px; height:50px; font-size:30px; padding:0px; touch-action: none;}
button.remBeilage{width:40px; height:40px; font-size:30px; background-color:red; color:white; padding:0px; touch-action: none;}
button.addBeilage {width:40px; height:40px; font-size:30px; background-color:green; color:white; padding:0px; touch-action: none;}
button.wechselgeldrechner {display:none; touch-action: none;}
img.quadrat {width:50px; height:50px; border:0; padding:0px; touch-action: none;}
button.aktion {width:60px; height:60px; font-size:10px; background-color:green; color:white; padding:0px; touch-action: none;}
button.comment {width:60px; height:60px; font-size:10px; background-color:burlywood; color:white; padding:0px; touch-action: none;}
button.auswahl {width:60px; height:60px; font-size:10px; touch-action: none; touch-action: none;}
button.cmdbon {background-color:#ccccff; color:black; font-size:30px; width:100%; height:50px; touch-action: none;}
button.abrechnen {background-color:blue; color:white; font-size:30px; width:100%; height:50px; touch-action: none;}
button.status {background-color:#ffcccc; color:white; font-size:30px; width:100%; height:50px; touch-action: none;}
button.bestellen {background-color:green; color:white; font-size:30px; width:100%; height:50px; touch-action: none;}
button.tisch33 {background-color:burlywood; color:white; font-size:30px; width:33%; height:50px; touch-action: none;}
button.calc {background-color:burlywood; color:white; font-size:30px; width:50px; height:50px; touch-action: none;}
button.calc10 {background-color:#ffcccc; color:white; font-size:30px; width:75px; height:50px; touch-action: none;}
button.calc20 {background-color:#99ccff; color:white; font-size:30px; width:75px; height:50px; touch-action: none;}
button.calc50 {background-color:#ffcc66; color:white; font-size:30px; width:75px; height:50px; touch-action: none;}
button.calc100 {background-color:#ccffcc; color:white; font-size:30px; width:75px; height:50px; touch-action: none;}
input.eingabe {width:70px; height:45px; font-size: 30px; text-align: right; background-color:yellow}
input.stammdaten {font-size: 30px}
input.anmeldung {font-size: 30px; width:500px}
input.checkboxanmeldung {font-size: 30px; height:25px; width:25px}
h6 {font-size: 30px}
input.eingabeanz {width:50px; font-size:30px; text-align: right}
input.eingabekomment {width:200px; font-size:30px; text-align: left}
input.kommentar {width:100%; height:45px; font-size: 30px; text-align: left; background-color:yellow}
table {font-size: 30px}
table.vollbild {width:100%; font-size: 30px}
table.abrechnen {width:100%; font-size: 30px}
tr.tr1 {background-color: #ffffff}
tr.tr6 {background-color: #f0f0f0}
tr.gesamt {background-color:blue; color:white}
a {font-size:30px}
a.wechselgeld {display:none; font-size:18px}
select {height:40px; font-size:30px}
td {font-size:30px}
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:30px; border-top:5px solid #00f}
td.anzahl {width:50px;}
td.druckleft {width:90%}
td.druckright {width:10%}
td.calc {padding:0px}
select.auswertung {height:14px; font-size:10px}
select.addBeilage {height:40px; font-size:30px; 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:block;}
span.spanwechselgeldvb {display:none;}

div.divzentriert {
     position: absolute;
     top: 30%;
     left: 20%;
     width: 60%;  
     background-color: white;
}


div.abrechnen {
    position: absolute;
    width: 64%;
    left: 1%;
    font-size:30px;
}

div.wechselgeldhandy {
    display:none;
}

div.wechselgeldpc {
    display:block;
    position: absolute;
    width: 30%;
    left: 68%;
    font-size:30px;
}


div.wechselgeld {
    display:none;
}

div.StartseiteBeschreibungBestellung {
     position: absolute;
     color:chocolate;
     top: 10%;
     left: 10%;
     width: 80%;   
     font-size:20px;
}

span.StartseiteBeschreibungBestellung {
    font-size: 40px;
}

div.StartseiteKasstenrechts {
    position: absolute;
    color:white;
    font-size:20px;
    left: 45%;
    top: 45%;
     width: 25%; 
     height: 25%;
     padding:20px;
}

div.StartseiteKasstenlinks {
    position: absolute;
    color:white;
    font-size:20px;
    left: 15%;
    top: 45%;
    width: 25%; 
    height: 25%;
    padding:20px;
}

image.StartseiteKasstenlinks {
    position: absolute;
    color:white;
    font-size:20px;
    left: 15%;
    top: 45%;
    width: 25%; 
    height: 25%;
    padding:20px;
}

div.StartseiteBeschreibungklein {
     position: absolute;
     background: chocolate;
     color:white;
     font-size:20px;
     top: 40%;
     left: 15%;
     width: 25%; 
     height: 25%;
     padding:20px;
}




span.StartseiteBeschreibungklein1 {
    font-size: 30px;
}

span.StartseiteBeschreibungklein2 {
    font-size: 40px;
}

div.Startseiteuebersicht {
     position: absolute;
     color:chocolate;
     top: 75%;
     left: 10%;
     width: 80%;   
     font-size:10px;
     height: 20%;
}

div.Startseitefussnote {
     position: absolute;
     color:chocolate;
     top: 95%;
     left: 10%;
     width: 80%;   
     font-size:10px;
     height: 5%;
}


img.hintergundbild{width: 100%}

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

.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: 0%;
  color: dimgray;
  font-size:20px;
  width:20%;
  height:100%;  
  background-color: whitesmoke;
}


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


div.login {
  position: absolute;
  color: red;
  top: 5px;
  right: 5%;
  width:20%;
  height:50px;  
}


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:20px;
}

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

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

div.Angebot1 {
  position: absolute;
  bottom: 5%;
  left: 30%;
  width:20%;
  height:260px;
}


div.Angebot2 {
  position: absolute;
  bottom: 5%;
  left: 60%;
  width:20%;
  height:260px;
}