html { 
 padding: 0;
 margin: 0;
 height: 100%;
}
body {
 font-family: Verdana,Arial,Helvetica,sans-serif;
 color: black;
 background-color: white;
 font-size: 10pt;
 margin: 0;
}
a:link       { color:blue; text-decoration:underline; }
a:visited { color:green; text-decoration:underline; }
a:focus     { color:red; text-decoration:underline; }
a:hover     { color:red; text-decoration:underline; }
a:active   { color:lime; text-decoration:underline; }

#navi {
 border: none;
 float: left;
 width: 17%;
 height: 100%;
 min-height: 25em;
 overflow: hidden;
 /*background-color: aliceblue;*/
}
#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;*/
}
#map {
 border: 1px darkgray;
 width: 800px;
 height: 600px;
 margin: 50px;
 /*background-color: lavender;*/
}

iframe {
 border: none;
}
td {
 font-size: 10pt;
 vertical-align: top;
}
p {
 margin: 4px;
 font-size: 10pt;
}
li {
 margin: 0;
 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 {
 text-align: center;
 font-size: 10pt;
}
h5 {
 text-align: center;
 font-size: 9pt;
}
h6 {
 font-size: 8pt;
}
hr {
 width: 90%;
 margin-left: auto;
 margin-right: auto;
 background-color: gray;
}
fieldset {
	margin-inline: 0;
    padding-block: 0;
    padding-inline: 0;
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}
input:focus {
 background-color: #ffffc0;
 color: black;
}
.box {
 border: none;
 float: left;
 width: 90%;
 padding: 0;
 margin-left: 5%;
 margin-bottom: 10px;
 /*background-color: yellowgreen;*/
}
.smallbox {
 border: none;
 float: left;
 width: 60%;
 padding: 0;
 margin-left: 5%;
 margin-bottom: 10px;
 /*background-color: yellowgreen;*/
}
.centertext {
 text-align: center;
}
.centered {
 text-align: center;
}
.smaller {
 font-size: smaller;
}
.larger {
 font-size: larger;
}
.fatter {
 font-weight: bolder;
}
.redandfat {
 color: red;
 font-weight: bold;
}
.greenandfat {
 color: green;
 font-weight: bold;
}
.white {
 background-color: white;
}
.lightyellow {
 background-color: #ffffc0;
}
.yellow {
 background-color: #ffff60;
}
.green {
 background-color: lawngreen;
}
.blue {
 background-color: skyblue;
}
.red {
 background-color: tomato;
}
.purple {
 background-color: violet;
}
.orange {
 background-color: gold;
}
.lightgray {
 background-color: gainsboro;
}
.lightgray img {
 margin: 4px;
}
.noborder {
 font-size: 8pt;
 border: none;
 padding-left: 0px;
 padding-right: 0px;
}
.navilist {
 list-style: none;
 padding-left: 0;
 margin-left: 5px;
}
.navilist li {
 padding-bottom: 5px;
}
.navisublist {
 list-style: none;
 padding-left: 1em;
}
.squarelist {
 list-style: square;
}
.nodotlist {
 list-style: none;
}
.fatcells {
 border-collapse: collapse;
 empty-cells: show;
}
.fatcells td {
 padding: 2px;
}
.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;
}
.nicegrid { /* wie niceborder, aber Zellinhalte zentriert */
 border: 1px solid silver;
 border-collapse: collapse;
 empty-cells: show;
 margin-top: 5px;
 margin-bottom: 5px;
}
.nicegrid td {
 border: 1px solid silver;
 text-align: center;
 padding-left: 2px;
 padding-right: 2px;
}
.smalltable {
 border-collapse: collapse;
 border: 1px;
}
.smalltable thead {
 font-weight: bold;
}
.smalltable td {
 white-space: nowrap; 
 font-size: 8pt;
 border: 1px solid silver;
 padding-left: 3px;
 padding-right: 3px;
}
.gallerytable {
 margin: 15px;
 width: 90%;
}
.gallerytable td {
 padding: 10px;
}