* { margin:0; padding:0; }

body {
font-family : Arial, Helvetica, sans-serif;
height: 100%;
background-color: #ffffff;
}

#pagewidth{
position: static;
margin-right: auto;
margin-left: auto;
width: 1024px; 
height: 768px;
background: url(images/arcobalenobg.jpg) no-repeat;
z-index: 1;
} 

#h1{
position: absolute;
z-index: -1;
}

h1{
height: 10px;
font-family: ariall,sans-serif;
font-size: 6px;
color: #ffffff; 
}

strong{
font-weight: bold;
}

#adresse{
position: absolute;
width: 600px;
position: absolute;
margin-left: 800px;
padding-top: 23px;
z-index: 2;
}

span.adresse{
font-size: 12px;
line-height: 16px;
}

a{
color: #000000;
line-height: 1.8em;
font-size: 13px;
cursor: pointer;
text-decoration: underline;
}

a:hover{
color: #cccccc;
line-height: 1.8em;
font-size: 13px;
}

#navigation{
color: #cccccc;
position: absolute;
width: 986px;
top: 134px;
padding-left: 38px;
border-bottom: dotted 1px #cccccc;
line-height: 2em;
font-size: 12px;
background-color: #9aa2b1;
z-index: 3;
}

a.active{
font-size: 12px;
color: #cccccc;
letter-spacing: 1pt;
font-weight: bold;
cursor: pointer;
}

a.navigation{
font-size: 12px;
color: #333333;
letter-spacing: 1pt;
font-weight: bold;
cursor: pointer;
}

a.navigation:hover{
font-size: 12px;
color: #cccccc;
letter-spacing: 1pt;
font-weight: bold;
}

#content{
color: #cccccc;
position: absolute;
top: 200px;
width: 986px;
padding-left: 38px;
z-index: 1;
}

span.titel{
color: #000000;
line-height: 2em;
font-size: 16px;
font-weight: bold;
}

span.copy{
color: #000000;
line-height: 1.8em;
font-size: 13px;
}

#fusszeile{
color: #cccccc;
position: absolute;
top: 748px;
width: 986px;
padding-left: 38px;
border-top: dotted 1px #cccccc;
border-bottom: dotted 1px #cccccc;
line-height: 2em;
font-size: 10px;
background-color: #9aa2b1;
z-index: 1;
}


a.fuss{
color: #cccccc;
font-weight: bold;
cursor: pointer;
font-size: 10px;
text-decoration: none;
}

a.fuss:hover{
color: #333333;
font-size: 10px;
font-weight: bold;
}