/***************************************/
/* INFO:                               */
/* (STERN)-Hacks sind gueltig fuer IE6 */
/***************************************/
@import url('reset.css');

* html body a, * html body a:hover { 
    background-color: transparent;
}

* html { 
    padding: 0;
    margin: 0;
}

body {
    margin:0px;
    padding:0px;
    position:relative;
    text-align:center; /* Hack für IE, der das "margin:auto" nicht kennt? (part1) */
    line-height:1em;
}

div#wrapper { 
    margin: 0 auto;
    width: 977px;
    text-align:left;  /* Hack für IE, der das margin:auto nicht kennt? (part2) */
    position:relative; /* hierauf beziehen sich jetzt alle Kindelemente */
    background-image: url(../../images/wrapper_bg.gif);
    background-repeat: repeat-y;
}

div#header_wrapper {
    color: #333;
    padding: 16px 0 0;
    height: 225px;
    margin: 0;
}

/* linke Spalte */
div#col1 { 
    margin: 0px;
    padding: 0px;
    width: 259px;
    position:absolute;
    top:235px;
    left:16px;
}

div#col1 dl.csc-textpic-image {
    margin: 0;
}

/* Content Spalte */
div#col2 {
    margin:0px;
    padding:0px;
    width: 485px;
    margin-left:276px;
    min-height:550px; /* Mindesthoehe, da der Content das laengste Element sein muss! */
}
* html div#col2 {
    height: 550px; /* Mindesthoehe (s.o.) fuer den IE6, der min-height nicht kennt */
}

/* rechte Spalte */
div#col3 { 
    margin: 0px;
    padding: 0px;
    width: 200px;
    position:absolute;
    top:265px;
    left:762px;
}

div#col3 dl.csc-textpic-image {
    margin: 0;
}

div#footer_wrapper {
    margin: auto;
    width: 977px;
    text-align:left;  /* Hack für IE, der das margin:auto nicht kennt? (part2) */
    background-image: url(../../images/wrapper_bg.gif);
    background-repeat: repeat-y;
}

div.footer_wrapper_bg {
    background-image: url(../../images/footer_wrapper_bg.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 20px 16px 16px;
}