html, body {
overflow: auto;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
color: #990033;
text-align: center;
margin-top: 6px;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
color: #990033;
text-decoration: none;
}
a:visited {
color: #990033;
text-decoration: none;
}
a:hover {
color: #990033;
text-decoration: none;
}
a:active {
color: #990033;
text-decoration: none;
}
p {
font-family: Arial, sans-serif;
font-size: 1.0em;
font-style: normal;
font-weight: normal;
padding-right: 40px;
line-height: 1.5em;
text-align: center;
padding-left: 40px;
vertical-align: top;
color: #990033;
}
.legende {
font-family: Arial, sans-serif;
font-size: 0.6em;
font-style: normal;
font-weight: normal;
text-align: center;
vertical-align: top;
color: #990033;
}
#layer1 {
position: absolute; 
left: 0px; 
top: 0px; 
width: 360px; 
height: 530px; 
z-index: 1;
}