/* allgemein */
        html
        {
        height: 100%;
        }
        body
        {
                margin: 0;
                padding: 0;
                height: 100%;
                font: 100% verdana, hevetica, sans-serif;
                text-align: left;
                color: #ffffff;
                background: #000000;
        }
        h2
        {
        text-align: center;
        font: 120% verdana, hevetica, sans-serif;
        font-weight: bold;
        color: #ff9933;
        border-bottom: 1px groove #0099cc;
        margin: 0px 0px 5px 2px;
        }
        h3
        {
        text-align: center;
        font: 100% verdana, hevetica, sans-serif;
        }
        h4
        {
        text-align: center;
        font: 100% verdana, hevetica, sans-serif;
        border-top: 1px groove #0099cc;
        margin: 5px 0px 0px 2px;
        }

        img
        {
        border: 0px;
        }

/* gesammte box */
        #container
        {
                margin: 0;
                padding: 0;
                position: relative;
                min-height: 100%;
                height: auto !important;
                height: 100%;
                text-align: left;
                bottom: 0px;
        }

/* navi */

    #navi {
    background:url("images/navi.png") no-repeat;
    width:807px;
    height:43px;
    padding:0;
    margin:0;
    margin-top: 115px;
    margin-left: 173px;
    }

    #navi span {
    display: none;
    }

    #navi li, #navi a {
    height:43px;
    display:block;
    }

    #navi li {
    float:left;
    list-style:none;
    display:inline;
    }

    #home {width: 85px;}
    #mitglieder {width: 121px;}
    #gallery {width: 90px;}
    #termine {width: 106px;}
    #gaestebuch {width: 118px;}
    #links {width: 77px;}
    #kontakt {width: 100px;}

    #home a:hover,a:active {background:url("images/navi.png") 0px -43px no-repeat; }
    #mitglieder a:hover,a:active {background:url("images/navi.png") -85px -43px no-repeat; }
    #gallery a:hover,a:active {background:url("images/navi.png") -206px -43px no-repeat; }
    #termine a:hover,a:active {background:url("images/navi.png") -296px -43px no-repeat; }
    #gaestebuch a:hover,a:active {background:url("images/navi.png") -402px -43px no-repeat; }
    #links a:hover,a:active {background:url("images/navi.png") -520px -43px no-repeat; }
    #kontakt a:hover,a:active {background:url("images/navi.png") -597px -43px no-repeat; }


/* inhalt */
        #contents
        {
                margin-left: 173px;
                width: 807px;
                height: 100%;
                font: 80% verdana, hevetica, sans-serif;
                background:#2b2b2b;
                position:absolute;

        }
        #contents a
        {
        text-decoration: none;
        color: #ff9933;
        }

        #contents a:hover
        {
        text-decoration: none;
        color: #0099cc;
        }

        div.text
        {
              line-height: 150%;
              margin: 10px;
              text-align: justify;
        }

        .color
        {
        color: #0099cc;
        }

        .imgright
        {
        float: right;
        margin-top: 15px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        }

        .imgleft
        {
        float: left;
        margin-right: 10px;
        margin-bottom: 5px;
        margin-top: 0px;
        }

        #contents ul
        {
        margin: 0 10px;
        list-style-image: url(images/aufzaehlung.jpg);
        }

        #contents li
        {
        margin: 0 10px;
        }

/* galerie */
           div.p_preview
           {
           margin: 10px;
           width: 200px;
           height: 200px;
           float: left;
           display: block;
           }


/* end grafik */

min-height: 100%;
height: auto !important;
height: 100%;