* {margin:0; padding:0;}
    html, body {
    height:100%;
    background-color:#92847b;
    color:#555;
    font:normal 14px arial;
    }

    div {text-align:left;}
    h1 {font-weight: bold; font-size: 16px; }
    h1, ul {position:relative; left:50px;}    
    p {line-height: 22px;}

    #justify {
        position: relative;
        margin: 0 auto;
        width: 950px;
        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(../images/bg-a.gif) repeat-y;
        }

    #header {
        height: 123px;
        background: #555;
        background:url(../images/LOGO.jpg) repeat-y;
        }

    #leftCol {
        width: 240px;
        float: left;
        background:url(../images/bg-b.gif) repeat-y;
        }

    #middelCol {
        float:left;
        width: 600px;
        margin-top:0;
        margin-left:0;
        padding:50px;
        text-align: justify;
        }

    #footer {
        clear: both;
        position: absolute;
        bottom: 0;
        width: 950px;
        height: 20px;
        background:url(../images/bg-bo.gif) repeat-y;
}


    /* 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 */

    #streifen {
        position:relative;
        width:600px;
        height:23px;
        font-size:18px;
        font-weight:bold;
        padding-top:1px;
        margin-bottom:40px;
        
    }

    #navi1 {
        position:absolute;
        width:310px;
        height:20px;
        top:103px;
        left:440px;
        }
        
    #navi2 {
        position:relative;
        left:15px;
        width:215px;
        margin-bottom:40px;
        }
        
    #backspace {
        position:relative;
        padding-left:8px;
        padding-top:5px;
        width:205px;
        height:37px;
        background-color:#666;
        color: #bbb;
        font:normal 12px arial;
        border:solid 1px  #777;
        }
        
    .topspace {
        position:relative;
        width:213px;
        height:18px;
        padding-top:3px;
        text-align:center;
        background-color:#666;
        color: #ddd;
        font:normal 12px arial;
        border:solid 1px  #777;
    }
        
    .fueller {
        position:relative;
        width:215px;
        height:25px;
        }
        
    a.button1, a.button2 {
        display:block;
        width:100px;
        height:18px;
        color:#ead571;
        float:left;
        text-decoration:none;
        text-align:center;
        padding-top:2px;
        font:normal 12px arial;
        }

    a.button1 {background-image:url(../images/grau-1.gif);}
    a.button2 {background-image:url(../images/grau-2.gif);}
    a.button1:link {background-image:url(../images/grau-1.gif);}
    a.button2:link {background-image:url(../images/grau-2.gif);}
    a.button1:hover {background-image:url(../images/schwarz-1.gif);color:#fff;}
    a.button2:hover {background-image:url(../images/schwarz-2.gif);color:#fff;}
    
    a.button3 {
        display:block;
        width:205px;
        height:21px;
        text-decoration:none;
        padding-top:4px;
        padding-left:10px;
        color: #bbb;
        font:normal 12px arial;
        background:url(../images/pfeil.gif) left;
        }

    a.button3:hover {
        background:url(../images/pfeil.gif) right;
        color:#fff;
        }
        
    a.button4 {color:#000;}
    a.button4:hover {color:#fac662;}