* {margin:0; padding:0;}
    html, body {
    height:100%;
    background-color:#92847b;
    color:#000;
    }

    div {text-align:left;}

    body {font-size:100.1%; text-align:center; font-family:Verdana, sans-serif;}
    #wrapper {color:#555; position:relative; width:600px;  margin:20px 0 40px 290px; text-align:left; font-size:95%;}
    h1 {padding:1em 0 0.5em 0; font-size:120%;}
    p {padding:1em 0;}
    p.addpost, p.gb_navi {text-align:right; line-height:1.4em; font-size:80%; padding:0.1em 0;}
    .addpost {border-top:1px solid #aaa; border-bottom:none;}
    p.gb_navi {border-bottom:1px solid #aaa}
    a {text-decoration:none; font-weight:bold; color:#000;}
    .gb_navi span {color:green;}
    a:hover {text-decoration:underline;}
    table {width:100%; margin:5px 0 0 0; background-color: #ded;}
    table, td {border:1px solid #e4e4e4; text-align:left; border-collapse:collapse; vertical-align:top;}
    td {font-size:80%; }
    th {padding:0.3em; background:#7f7471; color:#eee; font-size:80%;}
    tfoot th{padding:2px 0.3em 3px 0.3em; text-align:right;  line-height:16px;}
    a img {border:none; vertical-align:middle;}
    a#logout img, #admin img {vertical-align:middle; padding:0 2px;}
    a#logout, a#admin {margin-right:1em;}
    a#logout:hover, a#admin:hover, input.send:hover ,table a:hover {text-decoration:none; background:rgb(180,180,180); color:#000;}
    td.poster {background:#888; font-weight:bold; color:#eee; padding:3px;}
    td.message {background:#f1f1f4; color:#333;padding:3px; padding:3px;}
    form {border:none; padding:0;}
    legend {padding:0.2em 1em; font-weight:bold; color:#555;}
    form td, form table {border:none;}
    form p {font-size:85%;}
    form.gbook table {border:1px solid #555; border-top:none; padding:0; margin:0;float:left;}
    form.gbook td {padding:2px 1em;}
    fieldset {border:1px solid #555; padding:0 20px 10px 20px;}
    input{border:1px solid #555; width:275px; margin-bottom: 6px;}
    textarea {border:1px solid #555;  width:555px; font-size:90%;}
    textarea, input {background-color:#efe;}
    textarea {overflow:auto;}
    input#summe {width:1.5em;}
    #summe {margin-bottom:0;}
    td > textarea {font-size:120%;color:#000;}
    input.send, form a {width:auto; background:transparent; border:none;
    margin:0 1em 0 0; color:#050; font-size:90%; font-weight:bold; cursor:pointer;}
    form a:hover {text-decoration:none;}
    label a {float:left; margin:1em 0 0 0; }
    strong {font-weight:bold;}
    a.gbook {font-size:90%;}
    .no_wrap {white-space:nowrap;}
    .float_left {float:left; margin-bottom:1em;}
    .float_right {float:right;margin-bottom:1em;}
    .clear {clear:both;}
    p.urheber {float:right; font-size:70%;}
    p.urheber a {font-weight:normal;}
    p.float_left, p.float_right {font-size:90%}

    #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 {
        width: 600px;
        padding:50px;
        margin:0 9px 0 240px;
        }

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

    #navi1 {
        position:absolute;
        width:310px;
        height:20px;
        top:103px;
        left:440px;
        }
        
    #navi2 {
        position:relative;
        left:15px;
        width:215px;
        margin-bottom:40px;
        }
        
    .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;
        }