html {   
}

body {   
background: transparent url(background.jpg);
}

#oben {
position: absolute;
top: 0px;
left: 50px;
width: 800px;
height: 104px;
background: #ffffff;
}

#logo {
position: absolute;
top: 50px;
left: 50px;
width: 184px;
height: 29px;
}

#navigation {
position: absolute;
top: 86px;
left: 50px;
width: 800px;
text-align: right;
font-family: "trebuchet ms", verdana, arial;
font-size: 12px;	
color: #7d7973;
padding: 0px;
margin: 0px;
}

.navigation, .navigation a, .navigation a:link, .navigation a:visited, .navigation a:active {
color: #7d7973;
text-decoration: none;
}

.navigation a:hover, .navi {
color: #ffffff;
text-decoration: none;
background: #7d7973;
}

#inhalttext {
position: absolute;
top: 307px;
left: 384px;
width: 416px;
height: auto;   
}  	   

#starttext {
position: absolute;
top: 525px;
left: 384px;
width: 416px;
}  	   

#startbild {
position: absolute;
top: 104px;
left: 50px;
width: 800px;
height: 400px;
}

.startheadline {
font-family: "trebuchet ms", verdana, arial;
font-size: 18px;	
color: #ffffff;	
text-align: right;
}

.headline {
font-family: "trebuchet ms", verdana, arial;
font-size: 18px;	
color: #ffffff;	
}

.text, .text a, .text a:link, .text a:visited, .text a:active {
font-family: "trebuchet ms", verdana, arial;
font-size: 12px;	
text-decoration: none;
color: #ffffff;
line-height: 24px;
}

.text a:hover {
font-family: "trebuchet ms", verdana, arial;
font-size: 12px; 
text-decoration: none;	
color: #000000;
line-height: 24px;
}

#scrollinhalt {
position: absolute;
top: 123px;
left: 100px;
width: 700px;
height: auto;   
}

#scrollinhalt2 {
position: absolute;
top: 154px;
left: 100px;
width: 700px;
height: auto;   
}

#image img {
border: 1px solid #ffffff;
}

#image a .info {
display: none;
}

#image a:hover .info {
display: block;
position: absolute;
top: 158px;
left: 0px;
}

#imageintro img {
border: 1px solid #a1998c;
}

.spacer {
width: 100%;
height: 25px;
}

.web {
border= 0;
width: 143px;
height: 105px;
}