/***************************************/
/* INFO:                               */
/* (STERN)-Hacks sind gueltig fuer IE6 */
/***************************************/

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

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

html {
  height:100%;
}

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

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

/* - Head - */
div#header_wrapper {
  color: #333;
  padding: 0px;
  height: 128px;
  margin: 0px;
  background-image:url('../../images/body_bg.png');
  background-repeat:repeat-x;
  position:relative;
}
/* Active Page */
div#header_wrapper div#active_page {
  position:absolute;
  top:20px;
  right:10px;
}
div#header_wrapper div#active_page div#active_title {
  position:absolute;
  right:75px;
  color:#fff;
  font-size:1.6em;
  font-weight:bold;
}
/* Shortcut Menu */
div#header_wrapper div#shortcut_menu {
  position:absolute;
  left:220px;
  top:55px;
}


/* - Menu - */
div#menu_wrapper {
  position:absolute;
  left:212px;
  top:96px;
  width:737px;
  height:108px;
  background-image:url('../../images/menu_bg.png');
  background-repeat:repeat-x;
}
/* main */
div#menu_wrapper div#main_menu {
  position:absolute;
  left:0;
  top:0;
  height:31px;
  width:717px;
}
/* sub */
div#menu_wrapper div#sub_menu {
  position:absolute;
  left:0;
  top:45px;
  height:30px;
  width:717px;
}
/* breadcrumb */
div#menu_wrapper div#breadcrumb {
  position:absolute;
  left:0;
  top:72px;
  border-top:2px solid #fff;
  height:34px;
  width:721px;
  background-image:url('../../images/breadcrumb_bg.png');
  background-repeat:repeat-x;
}


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

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




div#footer_wrapper {
  margin: 0 auto;
  width: 949px;
  text-align:left;  /* Hack für IE, der das margin:auto nicht kennt? (part2) */
  background-image:url('../../images/footer_bg.png');
  background-repeat:repeat-x;
  height:55px;
  background-color:#cacaca;
  border-top:none;
}