html { 
 padding: 0;
 margin:  0;
 height:  100%;
}
body {
 background-image: url(background.jpg);
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size:   10pt;
 color:       black;
 margin:      0;
}

#corpback {
  background: #D0D0FF; 
}
#corpcolor {
  color: #A0A0FF; 
}

/* das Logo oben links */
#logo {
 background-color: #D0D0FF;
 border: none;
 float:  left;
}
#logo p {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 text-align : right;
}

/* das Menü rechts daneben */
#menu {
  list-style-type: none; 
  margin:  0px 0px 0px 80px; 
  padding: 0;
}
#menu li {
  float:    left; 
  padding:  0; 
  margin:   0px 1px 0px 0px;
  position: relative; 
  width:    150px; 
  height:   1px; 
  z-index:  100;
}
#menu li a, 
#menu li a:visited {
  text-decoration: none;
}
#menu dl {
  position:   absolute; 
  top:        0; 
  left:       0; 
  width:      150px; 
  margin:     0; 
  padding:    0; 
  background: transparent url(transparency.gif);
}
#menu dt {
  background:    #D0D0FF; 
  margin:        0; 
  font-size:     1em; 
  border-bottom: 1px solid white; 
  width:         150px; 
  float:         left;
}
#menu dd {
  display:       none; 
  background:    transparent; 
  border-bottom: 1px solid white; 
  clear:         left; 
  margin:        0; 
  padding:       0; 
  color:         white; 
  font-size:     1em; 
  text-align:    left;
}
#menu dt a, 
#menu dt a:visited  {
  display:     block; 
  color:       black; 
  font-weight: bold; 
  padding:     5px 5px 5px 20px; 
  width:       125px;
}
#menu dd a, 
#menu dd a:visited  {
  background:      #D0D0FF; 
  color:           black; 
  text-decoration: none; 
  display:         block; 
  padding:         4px 5px 4px 20px; 
}

#menu li a:hover {
  border: 0;
}
#menu li:hover dd, 
#menu li a:hover dd {
  display:block;
}
#menu li:hover dl, 
#menu li a:hover dl {
  border-bottom: 1px solid #A0A0FF;
}
#menu li:hover dt a, 
#menu li a:hover dt a, 
#menu dd a:hover {
  background: #A0A0FF; 
  color:      black;
}
#data {
 border: none;
 float: left;
 width: 83%;
 /*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: 90%;
 padding: 0;
 margin: 5%;
 /*background-color: yellowgreen;*/
}
.flexbox {
 border: none;
 float: left;
 padding: 0;
 margin: 1%;
 /*background-color: lavender;*/
}
td {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 10pt;
 vertical-align: top;
}
p {
 margin: 4px;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 10pt;
}
li {
 margin: 0;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 10pt;
}
pre {
 font-family: "Courier New",Courier,monospace;
 font-size: 10pt;
}
tt {
 font-family: "Courier New",Courier,monospace;
 font-size: 10pt;
}
h1 {
 font-size: 20pt;
}
h2 {
 font-size: 16pt;
}
h3 {
 margin-top: 5px;
 text-align: center;
 font-size:  12pt;
}
h4 {
 font-size: 10pt;
}
h5 {
 text-align: center;
 font-size:  9pt;
}
h6 {
 font-size: 8pt;
}
hr {
 color:  black;
 height: 1px;
}
input:focus {
 background-color: #ffffc0;
 color: black;
}
.centertext {
 text-align: center;
}
.smaller {
 font-size: smaller;
}
.larger {
 font-size: larger;
}
.fatter {
 font-weight: bold;
}
.redandfat {
 color: red;
 font-weight: bold;
}
.greenandfat {
 color: green;
 font-weight: bold;
}