body {
  /*background-color:#EEEEFF;*/
  background-color:#333333;
  color:#111133;
  font-family:Arial,Verdana,Helvetica;
  margin:0;
  text-align:justify;
}

/* oben rechts unten links */
div#headline {
  font-size: 1em;
  margin: 2em 2em 1em 13em;
  padding: 1em;
  height: 5em;
  text-align: center;
  /*background-color: #FFFFFF;*/
  background-color: #DDDDDD;
  border: 3px solid silver;
}
* html div#headline {
  margin: 2em 2em 1em 0em;
  height: 7em;
}

div#logo {
  font-size: 1em;
  margin: 0em 2em 0em 2em;
  padding: 1em;
  text-align: center;
  height: 5em;
  float: left;
  width: 8em;
  /*background-color: #EEEEEE;*/
  background-color: #DDDDDD;
  border: 3px solid silver;
}
* html div#logo {
  margin: 2em 1em 0em 1em;
  width: 166px;
  height: 7em;
}

div#navi {
  font-size: 1em;
  clear: left;
  float: left;
  text-align: left;
  width: 8em;
  margin: 0em 2em 1em 2em;
  padding: 1em;
  background-color: #DDDDDD;
  border: 3px solid silver;
}
* html div#navi {
  margin: 0em 1em 0em 1em;
  width: 166px;
}

div#addi {
  font-size: 1em;
  clear: left;
  float: left;
  text-align: left;
  width: 8em;
  margin: 0em 2em 1em 2em;
  padding: 1em;
  background-color: #DDDDDD;
  border: 3px solid silver;
}
* html div#addi {
  margin: 1em 1em 0em 1em;
  width: 166px;
}

div#cells {
  font-size: 1em;
  clear: left;
  float: left;
  text-align: left;
  width: 10em;
  margin: 0em 2em 1em 2em;
  /*padding: 1em;*/
  background-color: #DDDDDD;
  border: 3px solid silver;
}
* html div#cells {
  margin: 1em 1em 0em 1em;
  width: 160px;
  height: 160px;
}

div#content {
  margin: 1em 2em 1em 13em;
  padding: 1em;
  border: 3px solid silver;
  background-color:#FFFFCC;
}
* html div#content {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

p#footnote {
  font-size: 1em;
  clear: both;
  margin: 1em 2em 2em 13em;
  padding-right: 1em;
  text-align: right;
  /*background-color: #FFFFFF;*/
  background-color: #DDDDDD;
  border: 3px solid silver;
}
* html p#footnote {
  margin: 1em 2em 2em 13.5em;
}
  
h1 {
  font-size:150%;
  font-weight:bold;
  font-family:Square721 BT,Arial,Verdana,Helvetica;
  color:#006600;
  text-align: center;
}
h2 {
  font-size:110%;
  font-weight:bold;
  font-family:Square721 BT,Arial,Verdana,Helvetica;
  color:#006600;
  text-align: left;
}
h3 {
  font-size:100%;
  font-weight:bold;
  font-family:Square721 BT,Arial,Verdana,Helvetica;
  color:#006600;
  text-align: left;
}
h2.cen {
  text-align: center;
}
h3.cen {
  text-align: center;
}
ul {
  list-style-type:square;
  font-size:90%;
  padding-left: 1em;
}
A:link {
  font-size:80%;
  text-decoration:none;
  /* color:#CC2244; */
}
A.submenu {
  padding-left: 1em;
}
A:visited {
  font-size:80%;
  text-decoration:none;
  /* color:#AA4444; */
}
A:active {
  font-size:80%;
  text-decoration:none; 
  /* color:#FF2244; */
}
td {
  text-align: justify;
  vertical-align: middle;
  padding: 1em;
}
td.top {
  text-align: left;
  vertical-align: top;
}
tr {
  text-align: left;
}