html { 
 padding: 0;
 margin:  0;
 height:  100%;
}
body {
 background-color: #D7E7E7;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:   10pt;
 color:       black;
 margin:      0;
}
/* hintergrund #D7E7E7 */
/* hellblau    #50C0E0 */
/* dunkelblau  #3080C0 */
/* grün        #40BA6A */

#banner {
 width: 100%;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: x-large;
 font-weight: bold;
 text-align: center;
 height: 61px;
}
#navi {
 border: none;
 float: left;
 width: 16%;
 height: 95%;
 overflow: hidden;
 /*background-color: aliceblue;*/
}
#menu {
 float: left;
 overflow: hidden;
 /*width: 16%;*/
}
#menudiv {
 margin:0 0 0 0.5em;
}
#menudiv .item {
 display: block;
 width: 9em;
 height: 25px;
 background: #50C0E0;
 color: #000;
 padding: 5px;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 line-height: 25px;
}
#menudiv .transitem {
 display: block;
 width: 9em;
 height: 61px;
 background: #D7E7E7;
 color: #000;
 padding: 5px;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 line-height: 25px;
}
#menudiv a.menuitem:link, 
#menudiv a.menuitem:visited {
 display: block;
 width: 9em;
 height: 25px;
 background: #50C0E0;
 color: #000;
 padding: 5px;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 line-height: 25px;
}
#menudiv a.menuitem:hover {
 background: #3080C0;
 color: #fff;
}
#menudiv a.menuitem:active {
 background: #40BA6A; 
 color: #fff;
}
/* der Datenbereich */
#data {
 float: left;
 width: 80%;
 margin-left: 2%;
 /*background-color: lavender;*/
}
#data2 {
 float: left;
 width: 80%;
 /*overflow: scroll;*/
 margin-left: 1%;
 /*background-color: lavender;*/
}

#leftcolumn {
 border: none;
 float: left;
 width: 43%;
 margin-left: 5%;
 /*background-color: lawngreen;*/
}
#rightcolumn {
 border: none;
 float: left;
 width: 43%;
 margin-left: 5%;
 /*background-color: orangered;*/
}
.box {
 border: none;
 float: left;
 width: 70%;
 margin-left: 2em;
 /*background-color: yellowgreen;*/
}
.flexbox {
 border: none;
 float: left;
 padding: 0;
 margin: 1%;
 /*background-color: lavender;*/
}
.halfbox {
 border: none;
 float: left;
 width: 43%;
 margin-left: 5%;
 /*background-color: lawngreen;*/
}
pre {
 font-family: "Courier New",Courier,monospace;
 font-size: 10pt;
}
input:focus {
 background-color: #ffffc0;
 color: black;
}
table {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:   10pt;
 color:       black;
}
td {
 padding: 2px;
 vertical-align: top;
}
.niceborder { /* dünner Rand, 2px Abstand */
 border: 1px solid silver;
 border-collapse: collapse;
 empty-cells: show;
 margin-top: 5px;
 margin-bottom: 5px;
}
.niceborder td {
 border: 1px solid silver;
 padding-left: 2px;
 padding-right: 2px;
}
.niceborder thead td {
 border: 1px solid silver;
 padding-left: 2px;
 padding-right: 2px;
 font-weight: bold;
}
.preis {
 padding: 2px;
 vertical-align: bottom;
 text-align: right;
 font-weight: bold;
}
.header {
 padding: 2px;
 padding-top: 1em;
 vertical-align: bottom;
 font-weight: bold;
}
.centertext {
 text-align: center;
}
.smaller {
 font-size: smaller;
}
.larger {
 font-size: larger;
}
.largest {
 font-size: xx-large;
 font-weight: bold;
}
.fatter {
 font-weight: bold;
}
.italic {
 font-style: italic;
}
.redandfat {
 color: red;
 font-weight: bold;
}
.greenandfat {
 color: green;
 font-weight: bold;
}