html, body {font-size: 100%; font-family: sans-serif; background-color: #ffff99;}

div#logo {position: absolute; top: 0px; left: 0px; width: 200px; height: 167px; background-color: black; background-image: url("bilder/design/logo.jpg");}
div#header {position: absolute; top:0px; left: 200px; right:0px; height: 0px; background-color: #eeeeee;}

div#navi {position: absolute; top: 167px; left: 0px; width: 200px; bottom: 0px; background-color: #efefef;}
 div#navi ul {margin: 0px; padding: 0px;}
 div#navi ul li {margin-top: 0px; margin-bottom: 5px; padding: 0px;}
 div#navi ul li a { display: inline-block; width: 160px; padding: 10px; padding-left: 30px; font-size: 1em; background-color: magenta; transition: background-color 0.5s; text-decoration: none; color: black;}
 div#navi ul li a:hover {background-color: lightgreen;}
 div#navi ul li a.aktiv {background-color: lightgreen; }

div#content {position: absolute; top: 0px; left: 200px; right: 0px; bottom: 0px; background-color: #ffff99;}
div#main { position: absolute; top: 20px; left: 15px; bottom: 20px; right: 20px; padding: 20px; overflow-y: auto; background-color: #ffff99;}

h1 { margin-top: 2em; }

table, tr, td {vertical-align: top; padding-right: 5px;}
/* Tabelle mit Rahmen: Table with border: twb */
table.twb, table.twb tr td { border: 1px solid black; margin: 0; padding: 0.5em;}
table.twb { border-collapse: collapse;}

div.spalte {display: inline-table; max-width: 50rem; margin-right: 9em;}


div.wichtig {position: relative; left: 0px; top: 2em; right: 5px; max-width: 73em; padding: 5px 10px 5px 15px; border: 5px outset black;}

.langerText li {margin-bottom: 0.8em;}

.wichtigLink {font-family: serif;}
a.wichtigLink:hover {color: #ffffff; background-color: blue; text-decoration: none;}
.wichtigLink:visited {color: blue;}

.kleinerKasten {position: relative; display: inline-block; border: 2px solid silver; padding: 5px 1rem 0 1rem; }

.VSLink{
	font-weight: bold;
	font-size: 1.2rem;
}