body {
    background: url(bg.jpg) top center no-repeat;
    color: #004669;
    width: 100%;
    height: 100%;
    font: 68.75% Helvetica, Verdana, Arial, non-serif;
    margin: 0;
    padding: 0;
}

p {
    font-size: 1.6em;
    margin: 0 0 0 0;
    padding: 20px;
}

p.small {
    font-size: 1.5em;
    margin: -30px 0 0 0;
    padding: 20px;
}

p.smallright {
    float: right;
    font-size: 1.5em;
    margin: -103px 0 0 0;
    padding: 20px;
}

p.imp {
    font-size: 1.5em;
    margin: 0 0 0 0;
    padding: 20px;
}

p.smaller {
    font-size: 1.3em;
    margin: -30px 0 0 0;
    padding: 20px;
}

p.smaller1 {
    font-size: 1.3em;
    margin: -10px 0 0 0;
    padding: 20px;
}

a:link, a:visited {
    color: #FFF;
}

a:hover, a:active {
    color: #FFF;
    text-decoration: none;
}
 
#header {
    width: 980px;
    height: 130px;
    display: block;
    position: relative;
    left: 50%;
    margin: 0 0 0 -490px;
    padding: 0;
    z-index: 0;
}

#hr {
    background: url(hr.png) top center no-repeat;
    display: block;
    position: relative;
    Float: left;
    width: 100%;
    height: 25px;
    margin: -5px 0 0 0;
    padding: 0;
    z-index: 0;
}

#name {
    background: url(name.png) top center no-repeat;
    Float: left;
    Left: 1000px;
    width: 56px;
    height: 599px;
    display: block;
    position: relative;
    margin: 20px 0 20px 0;
    padding: 0;
}

#content {
    background: url(bg2.png) top center repeat-y;
    Float: left;
    width: 980px;
    position: relative;
    left: 50%;
    margin: -15px 0 0 -490px;
    padding: 0;
    z-index: 1;
}

#left {
    display: block;
    Float: left;
    width: 490px;
    Height: 100%;
    position: relative;
    margin: 0 0 0 -56px;
    padding: 0;
}

#right {
    display: block;
    Float: right;
    width: 490px;
    Height: 100%;
    position: relative;
    margin: 0 0 0 0;
    padding: 0;
}

#footer {
    width: 980px;
    height: 60px;
    display: block;
    Float: left;
    position: relative;
    left: 50%;
    margin: -16px 0 0 -490px;
    padding: 0;
    z-index: 1;
}

#haus {
    background: url(haus.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: -82px 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#hafen {
    background: url(hafen.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#terrasse {
    background: url(terrasse.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#terrasse2 {
    background: url(terrasse2.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#wz17a {
    background: url(wohnzimmer_02.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: -82px 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#ku17a {
    background: url(kueche_01.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#sz17a {
    background: url(schlafzimmer_01.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#wz17b {
    background: url(wohnzimmer_01_2.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: -82px 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#ku17b {
    background: url(kueche_02.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#sz17b {
    background: url(schlafzimmer_02.png) top center repeat-y;
    Width: 470px;
    Height: 353px;
    position: relative;
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    z-index: 1;
}

#stars {
    background: url(stars.png) top center repeat-y;
    Width: 191px;
    Height: 37px;
    Float: left;
    Left: 50%;
    position: relative;
    margin: 60px 0 0 20px;
    padding: 0;
}

/**
 * Layout
 */
.nav__list {
    margin: 0;
    padding: 0;
    z-index: 0;
}
.nav__list a {
    padding: .75em 1.5em;
    transition: all .25s ease-in-out;
}

.nav__list__item {
    border-style: solid;
    border-width: 0;
}
.nav__list__item,
.nav__list__item a {
    display: block;
    z-index: 0;
}

/**
 * Desktop-view
 */

@media screen and (min-width: 200px) {
    .nav__list > .nav__list__item {
        border-width: 0;
    }
    .nav__list > .nav__list__item,
    .nav__list > .nav__list__item a {
        display: inline-block;
    }
}

/**
 * Presentation
 */
.nav {
    background-color: #transparent;
    Float: right;
}
.nav .nav__list__item {
    border-color: #6DD0F6;
    margin: 0 0 0 10px;
}
.nav a {
    font-size: 2.2em;
    margin: 60px 0 0 0;
    padding: 20px 0 0 0;
    text-align: center;
    width: 120px;
    Height: 50px;
    background: url(bg2.png) top left no-repeat;
    color: #004669;
    text-decoration: none;
    z-index: 0;
}
.nav a:hover, .nav a:active, .nav a:focus, #aktuell a {
    background: #6DD0F6;
}