html, body {
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
 background-color:black;
}

#desktop {
 position:absolute;
 top:0px;
 left:0px;
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
 z-index:1;
}

#desktop_bild {
 width:98%;
 height:97%;
 border:none;
}

#credits {
 position:absolute;
 bottom:0px;
 padding-bottom:2px;
 padding-left:2px;
 font-family:"MS Sans Serif".sans-serif;
 font-size:11px;
 font-weight:normal;
 color:yellow;
}

#main_window {
 position:absolute;
 background-color:rgb(157,196,250);
 top:10%;
 left:9%;
 width:54%;
 height:70%;
 z-index:3;
 opacity:0.65;
 filter:alpha(opacity=65);
}

#main_window2 {
  z-index:3;

}

#main_window_title {
 background-color:rgb(0,45,162);
 width:100%;
 border-right:solid 8px black;
 left:10px;
}

#main_window_content {
 width:100%;
 height:100%;
 border-bottom:solid 8px black;
 border-right:solid 8px black;
 overflow:scroll;
 left:10px;
}

#nav_window {
 position:absolute;
 background-color:rgb(67,110,150);
 top:10%;
 left:65%;
 width:24%;
 z-index:3;
 height:70%;
 opacity:0.46;
 filter:alpha(opacity=45);
}

#nav_window_title {
 background-color:olive;
 width:100%;
 border-right:solid 8px black;
}

#nav_window_content {
 width:100%;
 height:100%;
 border-bottom:solid 8px black;
 border-right:solid 8px black;
 overflow:scroll;
}

h1#main, h1#nav {
 font-family:arial,sans-serif;
 font-size:13px;
 font-weight:bold;
 color:white;
 margin:0;
 padding:0;
 padding-left:2px;
}

h2, h3, p, ul, ol, table {
 margin-left:10px;
 margin-right:15px;
}

h2, h3, p, li, th, td {
 font-family:arial,sans-serif;
 color:black;
 font-weight:bold;
}

h2 {
 font-size:125%;
 margin-top:10px;
 border-bottom:thin solid black;
}

p, li, th, td {
 font-size:90%;
}

a:link       { text-decoration: none; color:#ffffff; font-family: Tahoma, arial, Verdana, sans-serif; font-weight:bold }
a:visited    { text-decoration: none; color:rgb(0,45,162); font-family: Tahoma, arial, Verdana, sans-serif; font-weight:bold }
a:active     { text-decoration: none; color: #000080; font-family: Tahoma, arial, Verdana, sans-serif; font-weight:bold }
a:hover      { text-decoration: none; color: #000080; font-family: Tahoma, arial, Verdana, sans-serif; background-color:#d0dfee; font-weight:bold }

.a2:link       { text-decoration: underline; color:#000000; font-family: Tahoma, arial, Verdana, sans-serif; font-weight:bold }
.a2:visited    { text-decoration: underline; color:rgb(0,45,162); font-family: Tahoma, arial, Verdana, sans-serif; font-weight:bold }
.a2:active     { text-decoration: underline; color: #000080; font-family: Tahoma, arial, Verdana, sans-serif; font-weight:bold }
.a2:hover      { text-decoration: underline; color: #000080; font-family: Tahoma, arial, Verdana, sans-serif; background-color:#d0dfee; font-weight:bold }

#hoff {

 top:120px;
 margin-left:50px