* {
        margin: 0;
        padding: 0;
}
html {
        height: 100%;
        background: #848284 url("links.gif") 17% 0 repeat-y;   
}
body {
        min-height: 100%;
        background:  url("rechts.gif") 80% 0 repeat-y;
}

body .bgimage-esys {
        background:  url("rechts_esys.gif") 80% 0 repeat-y;
}

* html body {
        height: 100%;
}
#header {
        position:fixed;     /* n i c h t  für IE 6 und älter !!! */
        left:0px; top:0px;
        margin: 0 auto;
        width: 100%;
        height:81px;
        background-color: #ccc;
        overflow: auto;
}

.hg {
/* wegen IE 5.5*/
        background: url("links.gif") 17% 0 repeat-y;
        height: 100%;
/* ENDE wegen IE 5.5*/
        float:left;
        width: 100%;
}
.rechts {
        background:  url("rechts.gif") 80% 0 repeat-y;
}
.rechts-esys {
        background:  url("rechts_esys.gif") 80% 0 repeat-y;
}
.rechts-powersys {
        background:  url("rechts.gif") 80% 0 repeat-y;
}
.rechts-matinsp {
        background:  url("rechts.gif") 80% 0 repeat-y;
}

.hg .rechts, .hg .rechts-esys, .hg .rechts-powersys, .hg .rechts-matinsp {
        margin-top: 81px;  /* hier kann ein fester Kopf platziert werden */
}

#inhalt {
        float:left;
        width:100%;
}
.li-spalte {
        float: left;
        width: 17%;  /* Breite der äusseren Spalten */
        overflow: hidden;
}
.re-spalte {
        float: right;
        width: 20%;  /* Breite der äusseren Spalten */
        overflow: hidden;
}
#mitte {
        float: left;
        width: 62%;  /* Breite der mittleren Spalte */
        overflow: hidden;
}