/* ---------------------------- BODY ---------------------------- */
body {
    background: url(img/bgWrap.jpg) no-repeat;
    color: black;
    font-size: 12px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
} * {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

div#wrap {
    width: 800px;
    margin: 0 auto;
}

div#top {
    background: url(img/bgTop.png) 0px 7px no-repeat;
    min-height: 151px;
    width: 800px;
}

div#content {
    background: url(img/bgContent.jpg) -59px no-repeat;
    min-height: 450px;
    width: 800px;
}

div#contentMisc {
    background: url(img/bgContentMisc.jpg) no-repeat;
    height: 450px;
    width: 800px;
    overflow: auto;
}

div#bgLeft {
    background: url(img/bgLeft.png) no-repeat;
    left: 50%;
    top: 140px;
    margin-left: -412px;
    position: absolute;
    height: 470px;
    width: 12px;
}

div#bgRight {
    background: url(img/bgRight.png) no-repeat;
    left: 50%;
    top: 140px;
    margin-left: 400px;
    height: 470px;
    width: 14px;
    position: absolute;
}

div#scrollLeft {
    position: absolute;
    display: block;
    background: url(img/scrollLeft.png) no-repeat;
    height: 450px;
    width: 50px;
}

div#scrollRight {
    position: absolute;
    margin-left: 750px;
    display: block;
    background: url(img/scrollRight.png) no-repeat;
    height: 450px;
    width: 50px;
}

div#bottom {
    background: url(img/bgBottom.png) 0px -1px no-repeat;
    height: 17px;
    width: 800px;
}

/*
 elements
 */
hr {
    background-color: #A73828;
    width: 180px;
    height: 1px;
    margin-bottom: 5px;
    margin-top: 5px;
}

a#textLink {
    display: block;
    color: white;
    text-align: right;
    text-decoration: none;
    padding-top: 10px;
}

a#textLink:hover {
    text-decoration: underline;
}

h3 {
    display: block;
    font-family: Arial;
    text-align: center;
    text-transform: uppercase;
    color: #A73828;
}.infoLink {
    display: block;
    float: right;
    color: white;
    text-decoration: none;
    padding: 4px;
} .infoLink:hover {
    text-decoration: underline;
}.dottedHr {
    border: 1px dashed white;
    width: 400px;
    background-color: #A73828;
    height: 3px;
    margin-bottom: 7px;
}

ul#infoPageList {
    margin-left: 40px;
    padding: 5px;
    color: #A73828;
    font-style: italic;
    list-style-type: square;
}

/*
 contentlTapsCENTER
 */
div#pickSomeCoconut {
    position: absolute;
    left: 50%;
    margin-left: -138px;
    top: 180px;
    height: 60px;
    width: 110px;
}

div#theFamily {
    position: absolute;
    left: 50%;
    margin-left: 224px;
    top: 260px;
    height: 60px;
    width: 130px;
}

div#theRestaurant {
    position: absolute;
    left: 50%;
    margin-left: 120px;
    top: 350px;
    height: 60px;
    width: 153px;
}

div#hammock {
    position: absolute;
    left: 50%;
    margin-left: -92px;
    top: 413px;
    height: 65px;
    width: 125px;
}

div#theNeighbours {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -394px;
    top: 342px;
    height: 65px;
    width: 160px;
}

div#theBungalows {
    position: absolute;
    left: 50%;
    margin-left: -310px;
    top: 285px;
    height: 65px;
    width: 160px;
}

div#snorkeling {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: 120px;
    top: 500px;
    height: 85px;
    width: 210px;
}

div#beach {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -240px;
    top: 468px;
    height: 65px;
    width: 146px;
}

/*
 contentlTapsLEFT
 */
div#pickSomeCoconutLeft {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: 150px;
    top: 180px;
    height: 60px;
    width: 110px;
}

div#theBungalowsLeft {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    top: 285px;
    height: 65px;
    width: 160px;
}

div#hammockLeft {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: 196px;
    top: 413px;
    height: 65px;
    width: 125px;
}

/*
 contentlTapsRIGHT
 */
div#theFamilyRight {
    display: none;
    position: absolute;
    text-align: justify;
    left: 50%;
    margin-left: -64px;
    top: 260px;
    height: 60px;
    width: 130px;
}

div#theRestaurantRight {
    display: none;
    position: absolute;
    text-align: justify;
    left: 50%;
    margin-left: -168px;
    top: 350px;
    height: 60px;
    width: 153px;
}

div#hammockRight {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -388px;
    top: 413px;
    height: 65px;
    width: 125px;
}