body {
    background-color:#9f9f9f;
    background-image:url("/images/background.png");
    background-repeat:repeat-x;
}

/* Anfang: 'Banner' & 'Navigation' */

#banner_01 {
    position:relativ;
    margin:auto;
    height:271px;
    width:800px;
   background-image:url("/images/banner_nav_01.png");
    -moz-border-radius:7px;
    border-top-radius:7px;
    z-index:1;
}

#banner_02 {
    position:relativ;
    margin:auto;
    height:271px;
    width:800px;
    background-image:url("/images/banner_nav_02.png");
    -moz-border-radius:7px;
    border-top-radius:7px;
    z-index:1;
}

#navigation {
    margin:auto;    
    width:800px;
    position:relativ;
    z-index:2;
    
}

.nav_leer_01 {
    position:absolute;
    margin-top:-30px;
    margin-left:2px;
    height:28px;
    width:6px;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

.nav_home {
    position:absolute;
    margin-top:-30px;
    margin-left:8px;
    height:28px;
    width:60px;
    cursor:pointer;
    background-image:url("/images/nav_out.png");
    z-index:3;

}

.nav_geschichte {
    position:absolute;
    margin-top:-30px;
    margin-left:68px;
    height:28px;
    width:106px;
    cursor:pointer;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

.nav_faq {
    position:absolute;
    margin-top:-30px;
    margin-left:174px;
    height:28px;
    width:122px;
    cursor:pointer;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

.nav_raenge {
    position:absolute;
    margin-top:-30px;
    margin-left:296px;
    height:28px;
    width:65px;
    cursor:pointer;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

.nav_generaele {
    position:absolute;
    margin-top:-30px;
    margin-left:361px;
    height:28px;
    width:88px;
    cursor:pointer;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

.nav_mitglieder {
    position:absolute;
    margin-top:-30px;
    margin-left:449px;
    height:28px;
    width:98px;
    cursor:pointer;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

.nav_leer_02 {
    position:absolute;
    margin-top:-30px;
    margin-left:547px;
    height:28px;
    width:51px;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

.nav_screens {
    position:absolute;
    margin-top:-30px;
    margin-left:598px;
    height:28px;
    width:80px;
    cursor:pointer;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

.nav_gaestebuch {
    position:absolute;
    margin-top:-30px;
    margin-left:678px;
    height:28px;
    width:105px;
    cursor:pointer;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

.nav_leer_03 {
    position:absolute;
    margin-top:-30px;
    margin-left:783px;
    height:28px;
    width:17px;
    background-image:url("/images/nav_out.png");
    z-index:3;
}

/* Ende: 'Banner' & 'Navigation' */

/* Anfang: 'Loginbox' */

#loginbox {
    position:absolute;
    margin-top:-250px;
    margin-left:80px;
}

#login_avatr {
    postion:absolute;
    margin-left:15px;
}

#login_user {
    postion:absolute;
    margin-left:15px;
}

#login_passwort {
    postion:relativ;
    margin-top:-5px;
}

#login_submit {
    postion:relativ;
    margin-top:-4px;
    margin-left:30px;
}

#button_anmelden {
    postion:relativ;
    margin-top:-38px;
    margin-left:120px;
}
/* Ende: 'Loginbox' */

/* Anfang: 'Content' */

#content {
    padding:5px;
    margin:auto;
    margin-top:20px;
    width:790px;
    background-color:#cfba83;
    border:2px solid #000000;
    -moz-border-radius:15px;
    border-top-radius:15px;
}

.titel {
    margin-top:7px;
    margin-left:5px;
    height:24px;
    width:787px;
    background-image:url("/images/titelleiste_01.png");
}

.bottom {
    margin-top:7px;
    margin-left:5px;
    height:24px;
    width:787px;
}

/* Ende: 'Content' */