@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");
}

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

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

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

#content {
        margin:0 20px 0 20px;
        height:350px;
        background-image: url("../jpgs/layout/HP_content.png");
        background-size: 960px 350px;
        z-index: 1;
}

#pages {
        margin:0 20px 0 20px;
        z-index: 1;
}

#content_imp {
        margin:50px;
        padding:20px;
        background:#def2f8;
        border: 2px solid black;
        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 ################################################################ */