body {
margin : 0;
padding : 0;
width : 100%;
text-align: center;
background: url(../img/bg-splash-ul.gif) repeat-x 0 318px #fff;
}
#splashtop {
width: 720px;
margin: -16px auto 0 auto;
text-align: right;
height : 60px;
}
#splash {
width: 680px;
height: 542px;
margin: 14px auto 0 auto;
padding-top: 260px;
position: relative;
font: .66em/1.4 'Lucida Grande',Arial, sans-serif;
}
body>#splash {
height: 282px;
font: 11px/1.4 'Lucida Grande',Arial, sans-serif;
}
#splash ul {
margin: 0;
padding: 0;
list-style: none;
height: 22px;
padding-left: 174px;
background: url(../img/bg-splash-ul.gif) #fff;
}

#splash ul li {
width: 171px;
height: 22px;
float: left;
margin : 0 5px 0 1px;
}
#splash > ul li {
margin: 0 3px;
}
#splash ul li a {
color: #fff;
height: 22px;
display: block;
position: relative;
text-decoration: none;
padding-top : 4px;
font-weight : bold;
text-transform : uppercase;
}
#splash > ul li a {
height: 18px;
}
#splash ul li#angebote a {
background: #5C98A9;
}

#splash ul li#vermietung a {
background: #E1A200;
}

#splash ul li a span {
font-weight : normal;
color: #000;
width : 100%;
display: block;
position: absolute;
left : 0;
text-align: center;
text-transform : none;
}
#splash > ul li a span {
visibility: hidden;
}
#splash ul li a:hover span {
visibility: visible;
}

#splash ul li#vermietung span {
top: 28px;
padding-top : 18px;
background : url(../media/shared/bg-yellow.gif) no-repeat center top transparent; 
}

#splash ul li#angebote span {
bottom: 28px;
padding-bottom : 18px;
background : url(../media/shared/bg-blue.gif) no-repeat center bottom transparent; 
}

#splash #img-1,
#splash #img-3,
#splash #img-4,
#splash #img-6 {
width: 85px;
height: 85px;
position: absolute;
}

#splash #img-2,
#splash #img-5 {
width: 170px;
height: 170px;
position: absolute;
}

#splash #img-1 {
top: 0;
left: 85px;
background: url(../img/splash-1.jpg) no-repeat;
}

#splash #img-2 {
top: 85px;
left: 177px;
background: url(../img/splash-2.jpg) no-repeat;
}

#splash #img-3 {
top: 85px;
right: 155px;
background: url(../img/splash-3.jpg) no-repeat;
}

#splash #img-4 {
top: 0;
right: 64px;
background: url(../img/splash-4.jpg) no-repeat;
}

#splash #img-5 {
bottom: 85px;
left: 354px;
background: url(../img/splash-5.jpg) no-repeat;
}

#splash #img-6 {
bottom: 0;
left: 262px;
background: url(../img/splash-6.jpg) no-repeat;
}