/***************************************/
/* 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:0;
  padding:0;
  position:relative;
  height:100%;
  text-align:center; /* Hack für IE, der das "margin:auto" nicht kennt? (part1) */
}

/* Wrapper für die gesamte Breite */
div#wrapper { 
  margin: 0 auto;
  margin-top:0;
  width: 850px;
  text-align:left;  /* Hack für IE, der das margin:auto nicht kennt? (part2) */
  position:relative; /* hierauf beziehen sich jetzt alle Kindelemente */
}

/***************************************/
/* Head */
/***************************************/
div#header_wrapper {
  height: 310px;
  padding: 0;
  margin: 0;
  position:relative;
  background-color:#fff;
  background-image:url('../../images/head_green_bg.png');
  background-repeat:repeat-x;
  background-position:0 119px;
}

div#head_login {
  position:absolute;
  left:10px;
  top:75px;
  font-size:0.75em;
}
div#head_search {
  position:absolute;
  left:10px;
  top:10px;
  font-size:0.75em;
}


/* Teaser-Pics im Head */
div#head_image_wrapper {
  position:absolute;
  left:0;
  top:120px;
  width:100%;
  height:223px;
}
div#head_image_left {
  position:absolute;
  left:1px;
  top:0;
  width:210px;
}
div#head_image_left img {
  border-right:1px solid #254c4c;
}

div#head_image_middle {
  position:absolute;
  left:320px;
  top:0;
  width:210px;
}
div#head_image_middle img {
  border-left:1px solid #254c4c;
  border-right:1px solid #254c4c;
}

div#head_image_right {
  position:absolute;
  right:1px;
  top:0;
  width:210px;
}
div#head_image_right img {
  border-left:1px solid #254c4c;
}

/***************************************/
/* Content */
/***************************************/
div#content_wrapper {
  color: #333;
  padding: 0;
  margin: 0;
  position:relative;
  background-color:#fff;
}
* html div#content_wrapper { /* Hack fuer IE6, damit der Hintergrund gerendert wird */
  border-right:1px solid #fff;
}

/* Main-Menu-Container ( horizontales Hauptmenue ) */
div#content_menu_wrapper { 
  margin: 0;
  padding: 0;
  width: 100%;
  height:37px;
  background-color:#e4e4e4;
}


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


/* rechte Spalte */
div#col3 { 
  margin: 0;
  padding: 0;
  width: 235px;
  position:absolute;
  top:0;
  right:0;
}



/* Content Footer */

div#col2 div#content_footer {
  margin-top:50px;
  margin-bottom:20px;
  height:30px;
  position:relative;
  font-size:0.9em;
}

div#content_footer div#footer_changed {
  position:absolute;
  left:10px;
  top:0;
  font-size:0.75em;
}
div#content_footer div#footer_rss {
  position:absolute;
  right:20px;
  top:0;
  font-size:0.75em;
  
}


/* Footer */

div#footer_wrapper {
  margin: 0 auto;
  width: 850px;
  text-align:left;  /* Hack für IE, der das margin:auto nicht kennt? (part2) */
  position:relative;
  height:40px;
  padding-bottom:20px;
  background-image:url('../../images/footer_bg.png');
  background-repeat:repeat-x;
  border-top:1px solid #9b9;
}