#topic {
position:absolute;
height:110px;
width:330px;
top:350px;
left:25px;
border:0px;
}

#link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:lighter;
color: #999999;
letter-spacing:2px;
position:absolute;
top:560px;
left:490px;
border:0px;
}

#link a:link, a:active, a:visited, a:hover{
text-decoration:none;
color:#999999;
}

#indexbild1 {
position:absolute;
        height: 110px;
        width: 110px;
        left: 220px;
        top: 130px;
}
.bt1{
          text-decoration: none;
          border:0;
          padding:0;
          display: block;
          text-indent: -9999px;
          letter-spacing: -9999px;
          font-size:0;
          width: 110px;
          height:110px;
          background:url(/images/1_pool_preview.jpg) 0 0 no-repeat;
}
.bt1:hover {
          background-position: -110px 0;
}

#indexbild2 {
position:absolute;
        height: 110px;
        width: 110px;
        left: 330px;
        top: 240px;
}

.bt2{
          text-decoration: none;
          border:0;
          padding:0;
          display: block;
          text-indent: -9999px;
          letter-spacing: -9999px;
          font-size:0;
          width: 110px;
          height:110px;
          background:url(/images/2_presidental_preview.jpg) 0 0 no-repeat;
}
.bt2:hover {
          background-position: -110px 0;
}


#indexbild3 {
position:absolute;
        height: 110px;
        width: 110px;
        left: 440px;
        top: 130px;

}
.bt3{
          text-decoration: none;
          border:0;
          padding:0;
          display: block;
          text-indent: -9999px;
          letter-spacing: -9999px;
          font-size:0;
          width: 110px;
          height:110px;
          background:url(/images/3_main_preview.jpg) 0 0 no-repeat;
}
.bt3:hover {
          background-position: -110px 0;
}


#indexbild4 {
position:absolute;
        height: 110px;
        width: 110px;
        left: 550px;
        top: 20px;
}
.bt4{
          text-decoration: none;
          border:0;
          padding:0;
          display: block;
          text-indent: -9999px;
          letter-spacing: -9999px;
          font-size:0;
          width: 110px;
          height:110px;
          background:url(/images/4_view_preview.jpg) 0 0 no-repeat;
}
.bt4:hover {
          background-position: -110px 0;
}


#indexbild5 {
position:absolute;
        height: 110px;
        width: 110px;
        left: 550px;
        top: 240px;
}
.bt5{
          text-decoration: none;
          border:0;
          padding:0;
          display: block;
          text-indent: -9999px;
          letter-spacing: -9999px;
          font-size:0;
          width: 110px;
          height:110px;
          background:url(/images/5_buddha_preview.jpg) 0 0 no-repeat;
}
.bt5:hover {
          background-position: -110px 0;
}


#indexbild6 {
position:absolute;
        height: 110px;
        width: 110px;
        left: 440px;
        top: 350px;
}
.bt6{
          text-decoration: none;
          border:0;
          padding:0;
          display: block;
          text-indent: -9999px;
          letter-spacing: -9999px;
          font-size:0;
          width: 110px;
          height:110px;
          background:url(/images/6_ramses_preview.jpg) 0 0 no-repeat;
}
.bt6:hover {
          background-position: -110px 0;
}
#indexbild7 {
position:absolute;
        height: 110px;
        width: 110px;
        left: 660px;
        top: 350px;
}
.bt7{
          text-decoration: none;
          border:0;
          padding:0;
          display: block;
          text-indent: -9999px;
          letter-spacing: -9999px;
          font-size:0;
          width: 110px;
          height:110px;
          background:url(/images/7_klimt_preview.jpg) 0 0 no-repeat;
}
.bt7:hover {
          background-position: -110px 0;
}
#indexbild8 {
position:absolute;
        height: 110px;
        width: 110px;
        left: 330px;
        top: 460px;
}
.bt8{
          text-decoration: none;
          border:0;
          padding:0;
          display: block;
          text-indent: -9999px;
          letter-spacing: -9999px;
          font-size:0;
          width: 110px;
          height:110px;
          background:url(/images/8_patio_preview.jpg) 0 0 no-repeat;
}
.bt8:hover {
          background-position: -110px 0;
}



#indexbild9 {
position:absolute;
        height: 110px;
        width: 110px;
        left: 770px;
        top: 460px;
}
.bt9{
          text-decoration: none;
          border:0;
          padding:0;
          display: block;
          text-indent: -9999px;
          letter-spacing: -9999px;
          font-size:0;
          width: 110px;
          height:110px;
          background:url(/images/9_jane_preview.jpg) 0 0 no-repeat;
}
.bt9:hover {
          background-position: -110px 0;
}


.indextext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight:lighter;
        line-height:10px;
        color: #999999;
        letter-spacing:0px;
        position:absolute;
        border:1px solid #999999;
        margin:0px;
        padding:2px;
        text-align:left;
}

#indextext1 {
        height: 106px;
        width: 106px;
        left: 109px;
        top: 19px;
}

#indextext2 {
        height: 106px;
        width: 106px;
        left: 109px;
        top: 239px;
}

#indextext3 {
        height: 106px;
        width: 106px;
        left: 110px;
        top: 460px;
}

#indextext4 {
        height: 106px;
        width: 106px;
        left: 769px;
        top: 239px;
}

#indextext5 {
        height: 106px;
        width: 106px;
        left: 769px;
        top: 19px;
}

#kreuz1 {
position:absolute;
        height: auto;
        width: auto;
        left:421px;
        top: 111px;
}

#kreuz2 {
position:absolute;
        height: auto;
        width: auto;
        left:531px;
        top: 1px;
}

#kreuz3 {
position:absolute;
        height: auto;
        width: auto;
        left:659px;
        top: 1px;
}

#kreuz4 {
position:absolute;
        height: auto;
        width: auto;
        left:659px;
        top: 129px;
}

#kreuz5 {
position:absolute;
        height: auto;
        width: auto;
        left:329px;
        top: 111px;
}

#kreuz6 {
position:absolute;
        height: auto;
        width: auto;
        left:220px;
        top: 0px;
}

#kreuz7 {
position:absolute;
        height: auto;
        width: auto;
        left:90px;
        top: 0px;
}

#kreuz8 {
position:absolute;
        height: auto;
        width: auto;
        left:90px;
        top: 130px;
}

#kreuz9 {
position:absolute;
        height: auto;
        width: auto;
        left:90px;
        top: 350px;
}

#kreuz10 {
position:absolute;
        height: auto;
        width: auto;
        left:220px;
        top: 350px;
}

#kreuz11 {
position:absolute;
        height: auto;
        width: auto;
        left:90px;
        top: 220px;
}

#kreuz12 {
position:absolute;
        height: auto;
        width: auto;
        left:311px;
        top: 349px;
}

#kreuz13 {
position:absolute;
        height: auto;
        width: auto;
        left:659px;
        top: 221px;
}

#kreuz14 {
position:absolute;
        height: auto;
        width: auto;
        left:769px;
        top: 331px;
}

#kreuz15 {
position:absolute;
        height: auto;
        width: auto;
        left:769px;
        top: 459px;
}

#kreuz16 {
position:absolute;
        height: auto;
        width: auto;
        left:549px;
        top: 459px;
}
#kreuz17 {
position:absolute;
        height: auto;
        width: auto;
        left: 641px;
        top: 459px;
}
#kreuz18 {
position:absolute;
        height: auto;
        width: auto;
        left: 91px;
        top: 441px;
}
#kreuz19 {
position:absolute;
        height: auto;
        width: auto;
        left:221px;
        top: 441px;
}
#kreuz20 {
position:absolute;
        height: auto;
        width: auto;
        left:311px;
        top: 441px;
}
#kreuz21 {
position:absolute;
        height: auto;
        width: auto;
        left:311px;
        top: 569px;
}
#kreuz22 {
position:absolute;
        height: auto;
        width: auto;
        left:439px;
        top: 569px;
}
#kreuz23 {
position:absolute;
        height: auto;
        width: auto;
        left:221px;
        top: 571px;
}
#kreuz24 {
position:absolute;
        height: auto;
        width: auto;
        left:91px;
        top: 571px;
}

#kreuz25 {
position:absolute;
        height: auto;
        width: auto;
        left:751px;
        top: 569px;
}

#kreuz26 {
position:absolute;
        height: auto;
        width: auto;
        left:879px;
        top: 441px;
}

#kreuz27 {
position:absolute;
        height: auto;
        width: auto;
        left:879px;
        top: 569px;
}

#kreuz28 {
position:absolute;
        height: auto;
        width: auto;
        left:880px;
        top: 130px;
}

#kreuz29 {
position:absolute;
        height: auto;
        width: auto;
        left:750px;
        top: 130px;
}

#kreuz30 {
position:absolute;
        height: auto;
        width: auto;
        left:750px;
        top: 0px;
}

#kreuz31 {
position:absolute;
        height: auto;
        width: auto;
        left:880px;
        top: 0px;
}

#kreuz32 {
position:absolute;
        height: auto;
        width: auto;
        left:880px;
        top: 220px;
}

#kreuz33 {
position:absolute;
        height: auto;
        width: auto;
        left:750px;
        top: 220px;
}

#kreuz34 {
position:absolute;
        height: auto;
        width: auto;
        left:880px;
        top: 350px;
}