/*=================================================================================================
  Stylesheet für HTML5-App-Seiten
  Letzte Änderung: 2016-03-24       
  =================================================================================================*/
  

  
/*-------------------------------------------------------------------------------------------------
  Vorgaben für Apps
  -------------------------------------------------------------------------------------------------*/
 
/* Gesamte App */
   
div#total {
  position: relative;
  margin-top: 20px;                              /* Abstand nach oben */
  margin-left: auto; margin-right: auto;         /* Waagrechte Zentrierung */
  }
  
/* Zeichenfläche */

div#canvas {
  position: absolute;
  background-color: #ffff00;                     /* Hintergrundfarbe */
  border: 1px solid #000000;                     /* Rand */
  }
  
/* Schaltfläche */
  
div#panel, div#panel1, div#panel2 {
  position: absolute;
  background-color: #00ff00;                     /* Hintergrundfarbe */
  border: 1px solid #000000;                     /* Rand */
  font-size: 12px;                               /* Schriftgröße */
  font-weight: bold;                             /* Fettdruck */
  }
  
/* Zeile einer Schaltfläche */
  
div#panel div , div#panel1 div, div#panel2 div {
  position: absolute;
  }
  
/* Inline-Element einer Schaltfläche */
  
div#panel span, div#panel1 span, div#panel2 span {
  position: absolute;
  white-space: nowrap;                           /* Kein Zeilenumbruch bei Leerzeichen */
  font-family: sans-serif;
  font-size: 12px;
  }
  
/* Schaltknopf */
  
button {
  height: 30px;                                  /* Höhe */
  border-radius: 0px;                            /* Abgerundete Ecken verhindern */
  margin-left: 10px;                             /* Abstand vom linken Rand */
  font-family: sans-serif;                       /* Schriftart */
  font-size: 12px;                               /* Schriftgröße */
  font-weight: bold;                             /* Fettdruck */
  } 
  
/* Optionsfeld */

input[type="checkbox"] {
  margin-left: 10px;                             /* Abstand vom linken Rand */
  border-radius: 0px;                            /* Abgerundete Ecken verhindern */
  }
  
/* Radiobutton */

input[type="radio"] {
  margin-left: 10px;                             /* Abstand vom linken Rand */
  }
  
/* Text für Optionsfeld oder Radiobutton */
  
label {
  margin-left: 5px;                              /* Abstand zum Optionsfeld bzw. Radiobutton */
  vertical-align: 2px;                           /* Kleine Korrektur der Höhe */
  } 
  
/* Eingabefeld */

input[type="text"] {
  position: absolute;
  padding-left: 2px;                             /* Innenabstand links */
  height: 14px;                                  /* Höhe */
  border-radius: 0px;                            /* Abgerundete Ecken verhindern */
  font-family: sans-serif;                       /* Schriftart */
  font-size: 12px;                               /* Schriftgröße */
  font-weight: bold;                             /* Fettdruck */
  } 
  
/* Auswahlfeld */

select {
  position: absolute;
  top: -2px;                                     /* Kleine Korrektur der Höhe */
  left: 10px;                                    /* Abstand zum linken Rand */
  height: 20px;                                  /* Höhe */
  border-radius: 0px;                            /* Abgerundete Ecken verhindern */
  font-family: sans-serif;                       /* Schriftart */
  font-size: 12px;                               /* Schriftgröße */
  font-weight: bold;                             /* Fettdruck */
  }
  
/* Schieberegler */

input[type="range"] {
  position: absolute;
  left: 10px;
  }
  
/* Textbereich */

textarea {
  position: absolute;
  padding: 3px;                                  /* Innenabstand */
  left: 10px;                                    /* Abstand zum linken Rand */
  border-radius: 0px;                            /* Abgerundete Ecken verhindern */
  font-family: sans-serif;                       /* Schriftart */
  font-size: 12px;                               /* Schriftgröße */
  font-weight: bold;                             /* Fettdruck */
  }