* {margin:0; padding:0;}
    html, body {
    height:100%;
    background: url(../ws-images/hintergrund-oben.jpg) repeat-x;
    background-color:#c0c0c0;
    font-size:0;
    text-align:center;
    }

    div {text-align:left;}
    * html #footer {bottom:-1px;} /*IE6 Hack*/
    img {border:0;}
    ul {list-style-type:disc; padding-left:20px;}
    a {text-decoration:none;}


    #justify {
        position: relative;
        margin: 0 auto;
        width: 956px;
        min-height: 100%; /* Mindesthöhe in modernen Browsern */
        height: auto !important; /* !important-Regel für moderne Browser */
        height: 100%; /* Mindesthöhe in IE (<7) */
        background: url(../ws-images/mitte-hinten.jpg) repeat-y;
        background-color:#444;
        }

    #header-a {
        height: 172px;
        background: url(../ws-images/1.jpg) repeat-x;
        }

    #header-i1 {
        position:absolute;
        top:65px;
        left:20px;
        height: 79px;
        width:125px;
        background: url(../ws-images/funkgeraet.jpg);
        }

    #left-justier {
        width: 21px;
        float: left;
        height:50px;
        }

    #leftCol {
        width: 146px;
        float: left;
        }

    #middelCol {
        float:left;
        width: 770px;
        }

    #footer {
        clear: both;
        position: absolute;
        bottom: 0;
        width: 956px;
        height: 61px;
        background: url(../ws-images/footer.jpg);
        }

    #logo {
        position: absolute;
        top: 10px;
        width: 956px;
        height: 162px;
        background: url(../ws-images/logo.jpg);
        }

    a#copy {
        position:absolute;
        left:765px;
        top:22px;
        height:17px;
        width:180px;
        color:#aaa;
        font: normal 12px Arial;
    }
    
    a#admin {
        position:absolute;
        left:35px;
        top:22px;
        height:17px;
        width:180px;
        color:#aaa;
        font: normal 12px Arial;
    }


    /* clearfix zum Aufheben der Floatumgebung */

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
        }

    .clearfix {display: inline-block;}

        /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
        /* End hide from IE-mac */

    .fu-o {
        width:132px;
        height:50px;
        }

    .bu-o {
        width:132px;
        height:14px;
        background: url(../ws-images/button-oben.jpg);
        }

    .bu-u {
        width:132px;
        height:14px;
        background: url(../ws-images/button-unten.jpg);
        }

    .bu-t {
        width:132px;
        height:3px;
        background: url(../ws-images/trenner.jpg);
        }

    .fub {
        width:132px;
        height:7px;
        background: url(../ws-images/button-fueller.jpg);
        }

    .fueller-2 {
        width:132px;
        height:7px;
        background: url(../ws-images/button-fueller.jpg);
        }

    .fueller-3 {                                                       /*50px*/
        width:132px;
        height:50px;
        background: url(../ws-images/button-fueller.jpg);
        }

    .fueller-mitte {
        width:132px;
        height:10px;
        }



    .fueller-footer {
        float:left;
        width:132px;
        height:100px;
        }

    a.bu-1, a.bu-4  {
        display:inline-block;
        width:132px;
        height:26px;
        font: normal 12px Arial;
        background: url(../ws-images/doppelbutton.jpg) no-repeat center left;
        }

    a.bu-1 {color:#000;}                                      /*Navi Button*/
    a.bu-4 {color:#0000A0;}                                   /*zurück Button*/
    a.bu-1:hover, a.bu-4:hover {
        background: url(../ws-images/doppelbutton.jpg) no-repeat center right;
        color:#fff;
        }

    a.bu-2 {
        position:absolute;
        top:17px;
        display:block;
        width:100px;
        height:40px;
        font: normal 12px Arial;
        color:#ccc;
        text-align:center;
        background: url(../ws-images/button-o-v.jpg);
        }

    a.bu-2:hover {
        background: url(../ws-images/button-o-h.jpg);
        color:#fff;
        }

    a.bu-3 {
        position:absolute;
        left:505px;
        top:10px;
        display:block;
        width:61px;
        height:16px;
        background: url(../ws-images/pfeil.jpg);
        }

    a.bu-3:hover {
        background: url(../ws-images/nach-oben.jpg);
        }

    h1 {                                                       /*Ueberschrift*/
        font: bold 24px Arial;
        padding-left:30px;
        padding-top:15px;
        color:#555555;
        }

    .schr-bu {
        position:relative;                                    /*Buttonschrift*/
        left:30px;
        top:4px;
        }
  
    .bu2-schr {
        position:relative;                             /*oberer Button Schrif*/
        top:7px;
        }
        
    #bogen {
        width:735px;
        height:80px;
        margin-left:25px;
        background: url(../ws-images/bogen.jpg);
        }
    #datum {position:absolute; top:23px; left:30px; color:#ddd; font:normal 12px Arial;}