body {
margin: 0px;
padding: 0px;
background-image: url(/bilder/layout/hg-navi.jpg);
background-position: top left;
background-repeat: repeat-y;
}

#background {
height: 212px;
width: 515px;
position: absolute;
right: 0px;
bottom: 0px;
position: fixed;
z-index: 1;
background-image: url(/bilder/layout/hg-mjc-trans.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;                         
}


* html #background {     /* Hintergrundgrafik unten rechts wird für IE ausgeblendet */
display: none;
}


/* ---------- Header ---------- */

#oben {
height: 101px;
overflow: hidden;
background-image: url(/bilder/layout/mjc_02.jpg);
background-position: top left;
background-repeat: repeat-x;
position: relative;
z-index: 2;
}

#ol {
width: 585px;
height: 101px;
float: left;
background-image: url(/bilder/layout/mjc_01.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#or {
width: 210px;
height: 101px;
float: right;
background-image: url(/bilder/layout/mjc_03.jpg);
background-position: top right;
background-repeat: no-repeat;
}

#om {
height: 101px;
float: none;
background-image: url(/bilder/layout/mjc_02.jpg);
background-position: top left;
background-repeat: repeat-x;
}

#unten {
height: 35px;
overflow: hidden;
background-image: url(/bilder/layout/mjc_05.jpg);
background-position: top left;
background-repeat: repeat-x;
position: relative;
z-index: 2;
}

#ul {
width: 500px;
height: 35px;
float: left;
background-image: url(/bilder/layout/mjc_04.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#ur {
height: 35px;
float: right;
background-image: url(/bilder/layout/mjc_05.jpg);
background-position: top right;
background-repeat: no-repeat;
padding: 0px 10px 0px 0px;
}

#um {
height: 35px;
float: none;
background-image: url(/bilder/layout/mjc_05.jpg);
background-position: top left;
background-repeat: repeat-x;
}

/* ---------- Navigation ---------- */

#navi {
height: 365px;
width: 141px;
float: left;
position: relative;
z-index: 2;
}

#navi-header {
height: 90px;
width: 141px;
background-image: url(/bilder/layout/navi-header.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#navi-footer {
height: 160px;
width: 141px;
margin: 20px 0px 0px 0px ;
padding: 0px;
background-image: url(/bilder/layout/navi-footer.jpg);
background-position: top left;
background-repeat: no-repeat;
}

/* ---------- Hauptfenster ---------- */

#main {
margin: 15px 0px 30px 190px;
padding: 0px;
z-index: 2;
position: relative;
}

#content {
width: 580px;
padding: 0px;
margin: 0px;
}


/* ---------- Footer ---------- */

#footer {
font-size: 10px;
width: 580px;
margin: 50px 0px 0px;
padding: 5px 0px 0px;
color: black;
background-color: none;
}

#footer_top {
border-bottom: 1px solid #888888;
margin-bottom: 2px;
padding-bottom: 10px;
}

#footer_bottom {
padding: 0px;
margin:0px;
text-align: left;
}

#footer_left {
float: left;

}

#footer_center {
margin-left: 42%;
}

#footer_right {
float: right;

}