/*
 *-----------------------------------------------------------------------------
 *
 *  K e n t u c k y   S t i c k   C h a i r
 *
 *  Idee von einer Reise nach Brasilien
 *
 *  Bauanleitungen im WWW gefunden, aber ohne Möglichkeit, 
 *  das Layout zu modifizieren, daher Prototyping und eigener Entwurf.
 *
 *  Wir berechnen den Sessel auf Basis diverser Parameter
 *  mit Hilfe der Trigonometrie (Pythagoras, Sinus, Cosinus, Seitenverhaeltnis)
 *  und einiger experimentell ermittelter Werte.
 *
 *  peter@danninger.eu                                          09. 03. 2017
 *
 *-----------------------------------------------------------------------------
 */

body {
  width: 99%;
  min-width: 54em;
}

.Text {
  display: inline-block;
  float: left;
  margin: 0px;
  padding: 2px;
  text-align: left;
}

.vorne {
  width: 11em;
}

.hinten {
  width: 30em;
}

.Input {
  display: inline-block;
  float: left;
  margin: 0px;
  padding: 2px;
  margin-right: 3em;
  background-color: #FFFFCC;
  text-align: center;
  border-style: solid;
  border-width: 2px;
  border-radius: 3px
}

.Tabelle {
  display: block;
  position: static;
  float: left;
  clear: left;
  width: 54em;
  margin: 0px;
  padding: 4px;
  font-size: 1em;
  font-style: italic;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}

.Zeile {
  margin: 10px;
  padding: 0px;
  clear: left;
}

.Feld {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
  vertical-align: middle;
  float: left;
  margin: 0px;
  padding: 2px;
  border-style: solid;
  border-width: 1px;
}

.Header {
  color: #0000DD;
  border-color: #0000DD;
  background-color: #FFFFCC;
  border-top-width: 3px;
  border-bottom-width: 3px;
  height: 2.6em;
  vertical-align: middle;
}

.Last {
  border-bottom-color: #0000DD;
  border-bottom-width: 3px;
}

.Name {
  width: 4em;
  color: #DD00DD;
  border-color: #DD00DD;
  background-color: #FFFFCC;
  border-left-width: 3px;
  border-right-width: 3px;
  clear: left;
}

.Anzahl {
  width: 4em;
  color: #0000DD;
  border-color: #0000DD;
  border-left-width: 3px;
  border-right-width: 3px;
}

.Laenge {
  width: 6em;
}

.Loch1 {
  width: 6em;
}

.Loch2 {
  width: 6em;
}

.Loch {
  width: 6em;
}

.Kommentar {
  width: 14em;
  border-right-width: 3px;
  border-right-color: #0000DD;
}