@charset "utf-8";


/* #######################################################################
   Max-Container-CSS: Zentriert die Seite in der Mitte des Bildschirms */

/* Äußerster Div-Container, zentriert im Browser-Fenster */
#container {
        width: 1000px;
        margin: 0 auto;
        background-image: url("../jpgs/layout/HP_wrapper.jpg");
}

/* #######################################################################
   Floater-Right-CSS */

/* Rechter Floater */
#fltrt {
        float: right;
        background-color: #af0917;
        margin-right:20px;
        width: 230px;
        z-index:10;
}
/* Stoppt wrapper und floater */
#clearfloat {
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
}

/* #######################################################################
   Header-CSS */

#header {
        background: #9c9e9f;
        margin:0 20px 0 20px;
        height:100px;
        z-index:5;
}

/* #######################################################################
   Menü-CSS */

#menue {
        background: #9c9e9f;
        width:100%;
        z-index:5;
}

/* #######################################################################
   Content-CSS */

#content {
        width: 710px;
        margin-left:20px;
        padding: 10px 10px;
        z-index: 1;
}

#content_home {
        width: 730px;
        margin-left:20px;
        padding: 20px 0 0 0;
        z-index: 1;
}

/* #######################################################################
   Footer-CSS */

#footer {
        height: 40px;
        margin-left:20px;
        margin-right:20px;
        background: #9c9e9f;
        vertical-align: right;
        z-index: 20;
}

/* #######################################################################
   Closer-CSS */

#closer {
      height: 20px;
      background-image: url("../jpgs/layout/HP_closer.jpg");
      z-index: 1;
}
/* ENDE ################################################################ */