body {position: relative; background: #699; margin: 0; padding: 0;}
div#header {position: absolute;  left: 0px; width: 1000px; height: 85px;
   color: #699; background: white; 
   font: 13px verdana, sans-serif; padding: 10px; 
   border: solid 5px #ddd;
   }
div#header img {float:left; margin-left:0px; margin-right:12px;}
div#header p {margin: 0 1em 1em;}
div#header h3 {margin-bottom: 0.25em;}
div#header h3 {text-align: right;}
div#header h3 {margin-top: 0em;}

div#info {position: absolute; top: 100px; left: 0; width: 156px; height: 40px; font: 10px verdana, sans-serif; }
div#info p {text-align: center;}
      
div#vlinks {position: absolute; top: 180px; left: 0; width: 150px; height: 700px; font: 12px verdana, sans-serif; z-index: 100;}
div#vlinks a {display: block; text-align: center; font: bold 1em verdana, sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 0px solid #ddd;} 
div#vlinks a:visited {color: #ff0; background: #AAA;}
div#vlinks a:hover {color: green; background: #AAA;
   border-right: 0px double red;}
div#vlinks a:active {color: red; background: #AAA;
	 border-left: 0px double red;}

div#vlinks a span {display: none;}
div#vlinks a:hover span {display: block;
   position: absolute; top: 180px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px verdana, sans-serif; text-align: center;}
div#vlinks a img {height: 0; width: 0; border-width: 0;}
div#vlinks a:hover img {position: absolute; top: 355px; left: 55px; height: 50px; width: 50px;}



div#content {position: relative; top: 115px; left: 151px; width: 849px;
   color: #111; background: white; 
   font: 13px Verdana, sans-serif; padding: 0 10px 10px 10px; 
   border: solid 5px #ddd;}
div#content img {float:left; margin-right:8px;}   
div#content p {margin: 0 1em 1em;} 
div#content h3 {margin-bottom: 0.25em;}

div#content {float: none !important;}

h1 {margin: -1px -9px 0.5em -9px; padding: 15px 8px 5px; text-align: center;
   background: #bbb; color: #699; letter-spacing: 0.2em; 
   font: bold 25px verdana, sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}

h2 {margin: -1px -9px 0.5em -9px; padding: 8px 5px 3px; 
   color: #699; letter-spacing: 0.1em; 
   font: bolder 16px verdana, sans-serif; height: 18px; white-space: nowrap; text-decoration: underline; text-align: center;}

h3 {margin: -1px -9px 0.5em -9px; padding: 8px 5px 3px; 
   color: #699; letter-spacing: 0.1em; 
   font: bold 16px verdana, sans-serif; height: 18px; white-space: nowrap; text-align: center;}

dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: #009;}
div#content a:visited {color: #909;}
div#content a:link:hover {color: #990;}
div#content a:visited:hover {color: #990;}
code, pre {color: #333; font: 110% monospace;}

ul {list-style-position:outside; list-style-image:url('bilder/listeknapp7x7.jpg')}