.klein {
  font-size: 0.9em; }
 
.short { max-width:5em; }

body {
  display: flex;
  background-color: #e0c79f;
  color: #000;
  font-family: "Roboto",Verdana,Arial,sans-serif;
  font-size: 1em;
  height: 100%; }
 
* {
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box; }
 
a {
  color: #b29146;
  text-decoration: none; }
 
a:hover {
  color: #444; }

label { display:block; }

pre { font-size:0.95em; background-color:#d0c080; margin-bottom:1em; }

.sep { background-color:#d0c080; margin-bottom:1em; padding:0.5em; }

div.warn { padding:0.5em; background-color:#FFA500; margin-bottom:0.5em; }
div.error { padding:0.5em; background-color:#cc4040; margin-bottom:0.5em; }

div#top { padding:0.5em; }
div#tables { display:flex; }
table { margin-right:0.5em; border-collapse: collapse; }
table th { font-weight:normal; }
table td { text-align:center; border:1px solid #000; }
table td input { text-align:center; }

button { padding:0.25em; font-size:1.25em; width:20%; }
button.wide { width:75%; }
 
#container {
  margin: 0 auto;
  width: 100%;
  max-width: 60em;
  background-color: #ffe3b5;
  height: 100%; }