body {
  background-color:#FFFFFF;
  color:black;
  line-height:150%;
  font-size:10pt;
  margin:0px;
  padding:0px;
  font-family:Verdana, Arial, sans-serif;
  font-style:Verdana;
}
h1 {
//  color:black;
  font-size:14pt;
  padding-top:10px;
  padding-bottom:10px;
}
h2 {
//  color:black;
  font-size:12pt;
  padding-top:10px;
  padding-bottom:5px;
}
h3 {
//  color:black;
  font-size:10pt;
  padding-top:5px;
  padding-bottom:5px;
}
td {
  padding-left:10px;
  padding-right:10px;
}
table.gray {
  background-color:#F0F0F0;
}
table.white {
  background-color:#FFFFFF;
}
table.blue {
//  background-color:lightskyblue;
  background-color:#b0c8ff;
}
th {
  text-align:left;
  padding-left:10px;
  padding-right:10px;
  font-size:9pt;
//  font-weight:normal;
}
th.head {
  padding-top:4px;
  padding-bottom:5px;
}
td.gray {
  background-color:#F0F0F0;
}
td.white {
  background-color:#FFFFFF;
}
td.yellow {
  background-color:yellow;
}
td.lime {
  background-color:lime;
}
td.aqua {
  background-color:aqua;
}
td.tomato {
  background-color:tomato;
}
td.blue {
  background-color:lightskyblue;
}
td.frm_button {
  padding-top:15px;
}
td.frm_header {
  padding-bottom:10px;
}
a:link    { color:#FF0000; text-decoration:none }
a:visited { color:#FF0000; }
a:hover   { color:#A00000; }
a:focus   { color:#A00000; }
a:active  { color:#A00000; }

a.select:link    { color:#A00000; text-decoration:none }
a.select:visited { color:#A00000; }

table.new_entry {
  background-color:#f0f0ff;
  padding:15px;
}
td.maps {
  padding:20px;
  padding-top:60px;
  text-align:center;
}
td.error {
  color:#ff8000;
}
td.success {
  color:#80E000;
}
div.error {
  margin-top:20px;
  margin-bottom:20px;
  padding:20px;
  background-color:#ff9090;
}
div.hint {
  margin-top:20px;
  margin-bottom:20px;
  padding:20px;
  background-color:#FFD040;
}
div.success {
  margin-top:20px;
  margin-bottom:20px;
  padding:20px;
  background-color:#A0FFA0;
}
div.todo {
  margin-top:20px;
  margin-bottom:20px;
  padding:10px;
  background-color:#FFFFC0;
}
div.baustelle {
  margin:0px;
  padding:10px;
  background-color:#FFFFC0;
  display:inline;
}
.scrolling {
  max-width:800px;
  overflow:auto;
}
td.header {
  font-style:MyriadPro;
  font-size:24pt;
}
div.sel {
//  padding-left:10px;
//  padding-right:10px;
  font-weight:bold;
//  background-color:#FFFFC0;
  display:inline-block;
  }
div.unsel {
//  padding-left:10px;
//  padding-right:10px;
  font-weight:normal;
  color:#E04040;
//  background-color:#E0E0E0;
  display:inline-block;
  }
div.submit_button {
  padding:10px;
  display:inline-block;
}
div.function_button {
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  display:inline-block;
}
button.function {
  background-color:#e0f0f0;
  color:#0000C0;
  border:1px solid blue;
  padding:5px 10px;
}
button.function:hover {
//  background-color:#e4e4e4;
  background-color:#f8f8f8;
}
div.gray {
  padding-left:10px;
  background-color:#F0F0F0;
//  display:inline-block;
}
div.gray_font {
  color:#808080;
  display:inline;
}
div.image {
  padding:10px;
  display:inline-block;
}
div.light_green {
  background-color:#E0FFE0;
  display:inline-block;
}
div.light_red {
  background-color:#FFE0E0;
  display:inline-block;
}
div.sel_button {
//  padding:0px 0px 20px;
  display:inline-block;
}
button.sel_button {
  background-color:#ffffff;
  color:#ff0000;
  font-family:Verdana, Arial, sans-serif;
  font-style:Verdana;
  border:none;
}
button.sel_button:hover {
  background-color:#f0f0f0;
  color:#a00000;
}
div.info {
  background-color:#ffffff;
  border:2px solid #e4e4e4;
  padding:10px;
}
div.table {
  display:table;
}
div.row {
  display:table-row;
}
div.cell {
  display:table-cell;
}
div.cell_ {
  display:table-cell;
  padding-right:5px;
}
div.inline {
  display:inline;
}
div.test {
  padding-left:10px;
  margin:10px 50px 10px 50px;
//  background-color:#F0F0F0;
}
div.blue_border {
  border:3px solid #b0c8ff; //lightskyblue;
  padding:20px;
}
.flex {
  display: flex;
  flex-direction: column;
}
@media all and (min-width:1020px) {
  .flex {
    flex-direction: row;
  }
}
.item {
  flex:auto;
}