html {
      height: 100%; 
      max-height: 100%;  
      padding: 0; 
      margin: 0; 
      border: 0; 
      font-size: 14px; 
      font-family: Arial, Helvetica, sans-serif;
      background-color: #EFE; 
      overflow: hidden; 
}
body {
      height: 100%; 
      max-height: 100%; 
      overflow: hidden; 
      padding: 0; 
      margin: 0; 
      border: 0;
}
img {
      border: none;
}
#content {
      display: block; 
      height: 100%; 
      max-height: 100%; 
      overflow: auto; 
      padding-left: 10px; 
      position: relative; 
      z-index: 3;
}
#head {
      position: fixed; 
      margin: 0; 
      top: 0; 
      right: 16px; 
      display: block; 
      width: 100%; 
      height: 62px; 
      background: url(a_back02.png) #aaf; 
      background-repeat: x-repeat;
      font-size: 30px; 
      z-index: 5; 
      color: #6F6;
}
#foot {
      position: fixed; 
      margin: 0; 
      bottom: -1px; 
      right: 16px; 
      display: block; 
      width: 100%; 
      height: 25px; 
      background: url(a_back05.png) #aaf; 
      background-repeat: x-repeat;
      z-index: 5;
      text-align: center; 
}
#foot p {
      margin: 4px 0 0 0;
      padding: 0;
}
#foot a {
      color: #afa; 
      text-align: center; 
      font-size: 11px; 
}
#wc {
      float: right;
      margin: 5px 0 0 0;
      padding: 0;
      width: 110px;
}
* html #head, * html #foot {
      position:absolute;
}
#lhead {
      display: block;
      background-color: #00F;
      background: url(a_back01.png) no-repeat;
      float: left;
      width: 190px;
      height: 62px;
      display: block;
      
}
#rhead {
      display: block;
      width: 180px;
      height: 20px;
      background-color: transparent;
      float: right;
      padding-top: 6px;
      font-size: 11px;
      color: #afa;
}
#bhead {
      background-color: #060;
      background: url(a_back03.png) repeat-x;
      display: block; 
      width: 18px; 
      height: 62px; 
      float: left;
}
#bfoot {
      display: block; 
      width: 18px; 
      height: 20px; 
      float:left;
}
.bcont { 
      display: block; 
      height: 65px;
}
#content p { 
      padding:5px;
}
ul#thema {
      margin: 0 7px 0px 200px;
      height: 22px;
      background-color: transparent;
      padding: 2px;
      text-align: center;
      font-size:11px;
      color:#060;
      height: 22px;
}
ul#thema li {
      list-style: none;
      display: inline;
      margin:0; padding:0;
}
ul#thema a, ul#thema span {
      color:#060;
      float:left; 
      margin:1px 2px; 
      padding: 1px 4px;
      text-decoration: none;
      font-size:11px; 
      font-family:Arial, Helvetica, sans-serif;
      border: solid 1px #333;
      border-top-color: #eee;
      border-left-color: #eee;
      background-color: #ccc;
}
ul#thema a:hover, ul#thema span {
      color: #060; 
      font-size:11px; 
      font-family:Arial, Helvetica, sans-serif;
      border: solid 1px #eee;
      border-top-color: #333;
      border-left-color: #333;
      text-decoration: none;
      background-color: #aaa;
}
ul#thema div {
      clear: left;
}
h1 {
      font-size: 28px;
      margin: 0;
      padding: 1px;
}
#content h2 {
      font-size: 20px;
      color: #060;
}
#content h3 {
      font-size: 18px;
}
#content p {
      font-size: 14px;
}
#content a:link, a:visited {
      color: #040;
}
#content a:hover {
      color: #afa;
      background-color: #040;
}
#content table {
      background-color: #cfc;
}
#content th {
      padding: 2px 6px;
      background-color: #dfd;
}
#content td {
      padding: 2px 6px;
}
tr.ung {
      background-color: #FFF;
}
tr.gra {
      background-color: #CCC;
}
code {
      font-family:'Courier New',Courier;
      font-size:15px;
      color:#080; 
}
pre {
      font-family:'Courier New',Courier;
      font-size:15px;
      color:#080; 
      border: solid 2px #080;
      background-color: #fff;
      padding: 2px;
}