* {
    padding: 0px;
    margin: 0px;
}
html { height: 100%; }
body { font-size: 11px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: white; background-image: url(elements/tapete.png); background-repeat: repeat; background-position: left top; height: 100%; }
#pinnwand { background-image: none; position: absolute; width: 836px; height: 590px; z-index: 10; top: 50%; left: 50%; margin-left: -418px; margin-top: -295px; }
#pw_oben { background-image: url(elements/wand_oben.png); background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; left: 0; width: 836px; height: 16px; z-index: 11; }
#pw_unten { background-image: url(elements/wand_unten.png); background-repeat: no-repeat; background-position: left bottom; position: absolute; left: 0; bottom: 0; width: 836px; height: 21px; z-index: 11; }
#pw_rechts { background-image: url(elements/wand_rechts.png); background-repeat: no-repeat; background-position: right top; position: absolute; top: 16px; right: 0; width: 19px; height: 553px; z-index: 11; }
#pw_links { background-image: url(elements/wand_links.png); background-repeat: no-repeat; background-position: left top; position: absolute; top: 16px; left: 0; width: 18px; height: 553px; z-index: 11; }
#inhalt { background-image: url(elements/wand_hg.png); background-repeat: repeat; background-position: left top; position: absolute; top: 16px; left: 18px; width: 799px; height: 553px; z-index: 15; }

#hilfe_fotozoom {
    position: absolute;
    left: 16px;
    top: 0px;
    margin-top: -14px;
    font-size: 11px;
    color: #636565;
}

.foto { position: absolute; z-index: 100; }

.foto.wohnzimmer_1 { cursor: pointer; background-color: transparent; background-image: url(elements/wohnzimmer_1.png); background-repeat: no-repeat; background-position: left top; position: inherit; top: -3px; left: -46px; width: 158px; height: 172px; z-index: 250; }
.foto.essbereich_1 { cursor: pointer; background-color: transparent; background-image: url(elements/essbereich_1.png); background-repeat: no-repeat; background-position: left top; position: inherit; top: 0; left: 101px !important; width: 150px; height: 164px; z-index: 240; }
.foto.kueche_1 { cursor: pointer; background-color: transparent; background-image: url(elements/kueche_1.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 210; top: 157px; left: -23px; width: 156px; height: 169px; }
.foto.schlafzimmer_1 { cursor: pointer; background-color: transparent; background-image: url(elements/schlafzimmer_1.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 220; top: 139px; left: 122px; width: 150px; height: 164px; }
.foto.badezimmer_1 { cursor: pointer; background-color: transparent; background-image: url(elements/badezimmer_1.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 230; top: 288px; left: 210px; width: 156px; height: 171px; }


.foto.kueche_2 { cursor: pointer; background-color: transparent; background-image: url(elements/kueche_2.png); background-repeat: no-repeat; background-position: left top; position: inherit; top: -3px; left: -46px; width: 158px; height: 172px; z-index: 250; }
.foto.wohnzimmer_2 { cursor: pointer; background-color: transparent; background-image: url(elements/wohnzimmer_2.png); background-repeat: no-repeat; background-position: left top; position: inherit; top: 0; left: 101px !important; width: 150px; height: 164px; z-index: 240; }
.foto.schlafzimmer_2 { cursor: pointer; background-color: transparent; background-image: url(elements/schlafzimmer_2.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 210; top: 157px; left: -23px; width: 156px; height: 169px; }
.foto.badezimmer_2 { cursor: pointer; background-color: transparent; background-image: url(elements/badezimmer_2.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 220; top: 139px; left: 122px; width: 150px; height: 164px; }
.foto.haus_2 { cursor: pointer; background-color: transparent; background-image: url(elements/haus_2.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 230; top: 288px; left: 210px; width: 156px; height: 171px; }
.foto.pins { background-color: transparent; background-image: url(elements/pins.png); background-repeat: no-repeat; background-position: left top; position: inherit; top: 257px; left: 675px; width: 32px; height: 20px; }
.foto.unsere_preise { background-color: transparent; background-image: url(elements/unsere_preise.png); background-repeat: no-repeat; background-position: left top; position: inherit; top: 1px; left: 580px; width: 176px; height: 245px; z-index: 195; }
.foto.pin { background-color: transparent; background-image: url(elements/pin.png); background-repeat: no-repeat; background-position: left top; position: inherit; top: 4px; left: 751px; width: 9px; height: 12px; z-index: 200; }
.foto.fotostreifen_1 { cursor: pointer; background-color: transparent; background-image: url(elements/streifen_1.png); background-repeat: no-repeat; background-position: left top; position: inherit; top: -11px; left: 756px; width: 105px; height: 356px; z-index: 190; }
.foto.fotostreifen_2 { cursor: pointer; background-color: transparent; background-image: url(elements/streifen_2.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 180; top: 1px; left: 724px; width: 99px; height: 355px; }
.foto.text_blatt { background-color: transparent; background-image: url(elements/text_zettel.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 101; top: -1px; left: 254px; width: 349px; height: 347px; }
.foto.text_blatt_runter { background-color: transparent; background-image: url(elements/text_zettel.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 101; top: 70px; left: 254px; width: 349px; height: 347px; }
.foto.postkarte { background-color: transparent; background-image: url(elements/postkarte.jpg); background-repeat: no-repeat; background-position: 17px 7px; position: inherit; z-index: 100; top: 298px; left: 380px; width: 435px; height: 289px; }
.foto.postkarte span { background-color: transparent; background-image: url(elements/postkarte_deko.png); background-repeat: no-repeat; background-position: left top; position: inherit; top: 0; z-index: 101; left: 0; width: 435px; height: 289px; display: block; }
.foto.fewolink_1 { cursor: pointer; background-color: transparent; background-image: url(elements/zu_wohnung1.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 110; top: 308px; left: 83px; width: 117px; height: 87px; }
.foto.fewolink_2 { cursor: pointer; background-color: transparent; background-image: url(elements/zu_wohnung2.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 110; top: 308px; left: 83px; width: 117px; height: 87px; }
.foto.fewolink_1_oben { cursor: pointer; background-color: transparent; background-image: url(elements/zu_wohnung1.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 110; top: 168px; left: 93px; width: 117px; height: 87px; }
.foto.visitenkarte { background-color: transparent; background-image: url(elements/visitenkarte.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 111; top: 398px; left: -1px; width: 243px; height: 158px; }
.foto.anruftext { background-color: transparent; background-image: url(elements/anruf.png); background-repeat: no-repeat; background-position: left top; position: inherit; z-index: 99; top: 483px; left: 258px; width: 116px; height: 37px; }

.foto.text_blatt div {
    margin-left: 45px;
    margin-right: 35px;
    margin-top: 40px;
    font-size: 12px;
    line-height: 22px;
    color: #426dab;
}

.foto.text_blatt_runter div {
    margin-left: 55px;
    margin-right: 35px;
    margin-top: 40px;
    font-size: 12px;
    line-height: 22px;
    color: #426dab;
}

.foto.unsere_preise div {
    margin: 22px 5px 0 15px;
    font-size: 12px;
    line-height: 20px;
    color: #636565;    
}

.foto.visitenkarte div {
    margin: 22px 23px 0px 25px;
    font-size: 12px;
    line-height: 20px;
    color: #636565;    
}

h1.ferien_title {
    text-indent: -3000px;
    width: 159px;
    height: 15px;
    display: block;
    background: transparent url(elements/ferien_an_der_mosel.png) left top no-repeat;
}
h1.impressum_title { background: url(elements/impressum.png) no-repeat left top; text-indent: -3000px; display: block; width: 87px; height: 18px; }
br.half {
    line-height: 50%;
}
br.medium { line-height: 100%; }
a.photolink { display: block; width: 100%; height: 100%; text-decoration: none; }
a.foto, a.foto:link, a.foto:visited, a.foto:active, a.foto:hover { display: block; text-decoration: none; }

div.extra_photos {
    width: 0px;
    height: 0px;
    display: none;
    visibility: hidden;
    overflow: hidden;
}

div#impressum {
    position: absolute;
    z-index: 250;
    bottom: -15px;
    left: 22px;
    width: 55px;
    height: 15px;
}
a.link { color: #426dab; text-decoration: underline; }
a.link:hover { color: #426dab; text-decoration: none; }

