html {
height: 100% ;}

body {
margin: 0;
background-image: url(grafiken/wood.jpg);
background-attachment: fixed;
background-repeat: repeat;
font: 10px Verdana;
color: #515151;
height: 100%;
}

#main {
overflow: auto;
position: absolute;
left: 400px;
top: 105px;
width: 392px;
height: 293px;
}

.body {
position: relative;
padding: 3px;
}

.navigation  {
overflow: auto;
position: absolute;
left: 400px;
top: 79px;
width: 385px;
text-align: center;
padding: 3px;
}

.header {
position: absolute;
left: 0px;
top: 45px;
width: auto;
height: auto;
}

.counter {
overflow: auto;
position: absolute;
left: 0px;
top: 0px;
}

.copy {
overflow: auto;
position: absolute;
left: 270px;
top: 380px;
}

.ugr, .ukl2{
color : #AD4756;
font: 14px Verdana;
text-transform : uppercase;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #404040;
}

.ukl, h3 {
color : #AD4756;
font: 10px Verdana;
text-decoration : none;
line-height : 10pt;
border-bottom: 1px solid #404040;
font-weight: bold;
text-align: center;
text-transform : uppercase;
}

b {
 color: #515151;
}

.navigation  a:link, .navigation a:visited {
 color: #655987;
 font: 10px Verdana;
 text-decoration: underline;
 }

a:link, a:visited {
 color: #655987;
 font: 9px Verdana;
 text-decoration: underline;
}

a:hover {
 background-image: url(grafiken/rot.gif);
}


.lin {
border-bottom: 1px solid #404040;
}

.ende {
display: inline;
}

.ende+span {
position: absolute;
right: 0;
}

.form {
 font: 10px Verdana;
}

.button {
 font: 10px Verdana;
 border: 1px solid #A5ACB2;
 background: #FFFFFF;
}

textarea {
background: #FFFFFF;
}