html {
height: 100%;
max-height: 100%;
padding: 0;
margin: 0;
border: 0;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
background-color: #fff;
overflow: hidden;
}
body {
height: 100%;
max-height: 100%;
overflow: hidden;
padding: 0;
margin: 0;
border: 0;
}
img {
border: none;
}
#seite {
position: absolute;
top: 50%;
left: 50%;
height: 476px;
width: 796px;
margin-top: -238px;
margin-left: -398px;
background-color: #CCF;
}
h1 {
background-color: #006;
width: 790px;
height: 40px;
font-size: 24px;
color: #ccf;
text-align: center;
border: outset 3px #bbf;
padding-top: 4px 0 0 0;
margin: 0;
}
ul#navi {
width: 180px;
height: 396px;
background-color: #006;
display: block;
margin: 0;
padding: 0;
float: left;
border: outset 3px #bbf;
list-style-type:none
}
ul#navi li a, li span {
text-decoration: none;
font-size: 12px;
color: #ddf;
margin: 4px;
width: 160px;
display: block;
}
ul#navi li a:hover, li span {
background-color: #008;
}
#inhalt {
width: 600px;
height: 402px;
display: block;
margin: 0;
padding: 0;
border-right: outset 3px #bbf;
background-color: #ccf;
overflow: auto;
float: right;
}
#inhalt h2 {
font-size: 20px;
color: #008;
padding: 4px 2px;
}
#inhalt p {
padding: 2px;
}
table {
background-color: #bbf;
}
th {
padding: 2px 6px;
background-color: #ddf;
}
td {
padding: 2px 6px;
}
tr.ung {
background-color: #FFF;
}
tr.gra {
background-color: #CCC;
}
code {
font-family:'Courier New',Courier;
font-size:15px;
color:#006;
}
pre {
font-family:'Courier New',Courier;
font-size:15px;
color:#006;
border: solid 2px #008;
background-color: #eef;
padding: 2px;
}
#foot {
width: 790px;
height: 22px;
display: block;
margin: 0;
padding: 0;
border: outset 3px #bbf;
background-color: #006;
clear: both;
text-align: center;
}
#wc {
float: right;
margin: 1px 0 0 0;
padding: 0;
width: 110px;
}
#foot a {
color: #ddf;
font-size: 12px;
margin: 3px 0 0 0;
}