html
{
height:100%;
}

body
{
height:100%;
background-color:#fdf2d5;
color:#383838;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11pt;
line-height:14pt;
}

h2 {
        color: #f0a400;
        font-size: 16pt;
        font-family: "Trebuchet MS", sans-serif;
}

a:link {
font-size: 13pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height:16pt;
color:#8b7a5e;
text-decoration:none;}

a:visited {
font-size: 13pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
line-height:16pt;
color:#8b7a5e;
text-decoration:none;}


a:focus {
color: #f0a400;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:underline;
}

a:hover {
color: #f0a400;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:underline;
}

a:active {
color: #f0a400;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-decoration:underline;
}

#legion
{
position:relative;
text-align:center;
top:-10px;
height:auto !important; /* moderne Browser */
height:100%; /* IE */
width:700px;
margin-left:auto;
margin-right:auto;
z-index:6;
background-image:url(hg1.jpg);
background-repeat:repeat-y;
}

#text
{
position:relative;
height:auto !important; /* moderne Browser */
text-align:justify;
height:100%; /* IE */
width:590px;
left:-10px;
margin-top:-20px;
margin-left:auto;
margin-right:auto;
z-index:7;
}

#roemer
{
position:fixed;
left:0px;
width:397px;
height:174px;
bottom:0px;
z-index:15;
}

#oben
{
top:0px;
margin-left:-10px;
}

#unten
{
bottom:0px;
margin-left:-30px;
margin-bottom:-10px;
}