body {
        font-size: 13px;
        font-family: Arial, Helvetica, FreeSans;
        color: #000000;
        margin: 0px;                /* Kein Aussenrand */
        /*background: #8db3d7; ALT*/
        background: #012754;
}

img {
        border: none;
}

div.rahmen {
        z-index: 1;
        position: relative;
        top: 10px;
        margin: auto;
        width: 800px;
        min-height: 620px;
        border: solid 1px #000000;
        /*background-color: #ffffff;*/
        background: #fff8e0;
}


div.banner {
        z-index: 1;
        position: relative;
        top: 0px;
        width: 800px;
        height: 100px;
        background-image:url(./img/banner_100.jpg);
}

div.inhalt {
        z-index: 1;
        position: relative;
        top: 30px;
        width: 800px;
        padding-bottom: 30px;
}





div.text {
        font-size: 1.2em;
        line-height: 1.3em;
        z-index: 1;
        position: absolute;
        width: 330px;
        top: 30px;
        float: left; display: inline;
        /*padding-left: 15px;*/
        text-align: center;
}

div.text2 {
        font-size: 1.2em;
        line-height: 1.3em;
        z-index: 1;
        position: absolute;
        width: 420px;
        float: left; display: inline;
        text-align: center;
}

div.text3 {
        font-size: 1.2em;
        line-height: 1.3em;
        z-index: 1;
        position: absolute;
        width: 330px;
        top: 30px;
        left: 430px;
        /*padding-left: 15px;*/
        text-align: center;
}

div.text4 {
        font-size: 1.2em;
        line-height: 1.3em;
        z-index: 1;
        position: absolute;
        width: 800px;
        top: 10px;
        text-align: center;
}

div.popup_lena {
        z-index: 1;
        position: absolute;
        width: 400px;
        height: 325px;
        left: 380px;
        background: url(./img/whg_lena.gif) no-repeat;
}

div.popup_stefanie {
        z-index: 1;
        position: absolute;
        width: 400px;
        height: 325px;
        left: 380px;
        background: url(./img/whg_stefanie.gif) no-repeat;
}





/* Obere Navigationsleiste */

div.navi01 {
        z-index: 1;
        position: relative;
        top: 5px;
        width: 800px;
        height: 30px;
        background: none;
}


ul#navi_oben {
    margin: 0; padding: 0.4em;
    text-align: center;
    font-family: Arial, Helvetica, FreeSans;
    /*border: 1px solid black;
    background-color: silver;*/
  }
  ul#navi_oben li {
    list-style: none;
    display: inline;
    margin: 0.1em; padding: 0;
  }

  ul#navi_oben a, ul#navi_oben span {
    padding: 0.2em 0.7em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #fff8e0;
    /*background-color: #8db3d7; ALT */
    background: #012754;
  }
  * html ul#navi_oben a, * html ul#navi_oben span {
    width: 0.9em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#navi_oben a:hover, ul#navi_oben span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: #6986a1;
  }



/* Untere Navigationsleiste */

div.navi02 {
        z-index: -10;
        position: absolute;
        bottom: -50px;
        left: 0px;
        width: 800px;
        height: 40px;
        background: none;
}

ul#navi_unten {
    margin: 0; padding: 0.8em;
    text-align: center;
    /*border: 1px solid black;
    background-color: silver;*/
  }
  ul#navi_unten li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
  }

  ul#navi_unten a, ul#navi_unten span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    /*border: 1px solid black;
    border-left-color: white; border-top-color: white;*/
    color: #fff8e0; /*background-color: #ccc;*/
  }
  * html ul#navi_unten a, * html ul#navi_unten span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#navi_unten a:hover, ul#navi_unten span {
    /*border-color: white;
    border-left-color: black; border-top-color: black;*/
    color: white; /*background-color: gray;*/
        text-decoration: underline;
  }


#popup {
        display: block;
        z-index: 10;
        width: 400px;
        height: 380px;
        margin: 0px 0px 0px 0px;
        /*background: url(./img/lena.gif) no-repeat;*/
      }
#popup li {list-style-type: none;}


#popup a {
        display: block;
        position: absolute;
        /*font-size: 10px;*/
        /*color: #999;*/
        color: white;        /* Farbe Aufgeklappter Text */
        /*width: 90px;
        height: 30px;*/
        width: 48px;
        height: 48px;
        text-decoration: none;
        /*background: url(./img/camera.gif) no-repeat left top;*/
        visibility: visible;
        overflow: hidden;
        z-index: 8;
      }
#popup a span {visibility: hidden;}


#popup a:hover {
        /*background:  #8db3d7; ALT */
        background: #012754;
        border: 1px solid black;
        width: 350px;
        height: 320px;
        padding: 10px 10px 4px 30px;
                position: absolute;
        z-index: 11;
      }
#popup a:hover span {visibility: visible;}


/* ### Lena Popups ### */
#bad_lena {
        right: 235px;
        top: 50px;
        background: url(./img/camera.gif) no-repeat left top;
}

#wohn_lena {
        right: 40px;
        bottom: 30px;
        background: url(./img/camera.gif) no-repeat left top;
}

#schlaf_lena {
        right: 85px;
        top: 80px;
        background: url(./img/camera.gif) no-repeat left top;
}

#kueche_lena {
        right: 230px;
        bottom: 30px;
        background: url(./img/camera.gif) no-repeat left top;
}


/* ### Stefanie Popups ### */
#bad_stefanie {
        right: 220px;
        top: 20px;
        background: url(./img/camera.gif) no-repeat left top;
}

#wohn_stefanie {
        right: 240px;
        bottom: 40px;
        background: url(./img/camera.gif) no-repeat left top;
}

#schlaf_stefanie {
        right: 100px;
        top: 20px;
        background: url(./img/camera.gif) no-repeat left top;
}


#schlaf1_stefanie {
        right: 40px;
        bottom: 40px;
        background: url(./img/camera.gif) no-repeat left top;
}


#ess_stefanie {
        right: 330px;
        top: 100px;
        background: url(./img/camera.gif) no-repeat left top;
}

#kueche_stefanie {
        left: 20px;
        top: 20px;
        background: url(./img/camera.gif) no-repeat left top;
}


/* ### Index Bilder ### */
#bild_haus {
        z-index: 5;
        position: absolute;
        width: 240px;
        height: 180px;
        left: 450px;
        top: 0px;
        /*background: url(./img/haus2.jpg) no-repeat;*/
        background: url(./img/home.jpg) no-repeat;
}

#bild_plakat {
        z-index: 5;
        position: absolute;
        width: 300px;
        height: 420px;
        left: 450px;
        top: 0px;

}


#bild_schild {
        z-index: 5;
        position: absolute;
        width: 240px;
        height: 240px;
        left: 450px;
        top: 200px;
        background: url(./img/schild.jpg) no-repeat;
        /*background: url(./img/angebot_fruehjahr.jpg) no-repeat;*/
}

#Biikebrennen {
        z-index: 5;
        position: absolute;
        color: #FFFFFF;
        font-size: 1.5em;
        width: 240px;
        height: 120px;
        left: 450px;
        top: 200px;
        padding: 10px;
        background-color: #012754;
        /*background: url(./img/angebot_fruehjahr.jpg) no-repeat;*/
}



#bild_tuer {
        z-index: 5;
        position: absolute;
        width: 320px;
        height: 240px;
        left: 240px;
        top: 140px;
        background: url(./img/tuer.jpg) no-repeat;
}

#feldtage a, #feldtage a:hover, #feldtage a:visited {
        z-index: 5;
        position: absolute;
        left: 710px;
        top: 30px;
        background: transparent;
        width: 261px;
        height: 278px;
        background: url(./img/feldtage.png) no-repeat;
        border: 0px none;
        text-decoration: none;
        color: #FFFFFF;
}

#feldtage a:hover {
        background: url(./img/feldtage2.png) no-repeat;
}


.left {
        width: 340px;
        padding: 10px;
        padding-left: 50px;
        float: left;
        margin: 0px none;
}

.right {
        text-align: right;
        margin: 0px none;
        padding: 10px;
        padding-right: 50px;
}