/***************************************/
/* 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: 1000px;
  text-align:left;  /* Hack für IE, der das margin:auto nicht kennt? (part2) */
  position:relative; /* hierauf beziehen sich jetzt alle Kindelemente */
}

/***************************************/
/* Kopf-Block  */
/***************************************/
div#header_wrapper {
  color: #333;
  padding: 0;
  height: 390px;
  margin: 0;
  position:relative;
}

/* Wrapper fuer das Login-Formular + Searchbox */
div#head_plugin_wrapper {
  position:relative;
  height:40px;
  width:100%;
  background-image:url('../../images/head_top_bg.png');
  background-repeat:repeat-x;
  color:#fff;
  z-index:200;
}
div#head_login {
  position:absolute;
  left:10px;
  top:10px;
  font-size:0.75em;
}
div#head_search {
  position:absolute;
  right:10px;
  top:10px;
  font-size:0.75em;
}

/* Wrapper für die Breadcrumb und das Tagesdatum */
div#breadcrumb_wrapper {
  position:relative;
  height:20px;
  width:100%;
  background-color:#f2f2f2;
  color:#777;
  font-size:0.7em;
  border-bottom:1px dotted #ccc;
}
div#breadcrumb {
  position:absolute;
  left:10px;
  top:3px;
}
div#breadcrumb_date {
  position:absolute;
  right:10px;
  top:3px;
}

/* Wrapper fuer das Head-Menu und das Logo */
div#head_menu_wrapper {
  position:absolute;
  left:0;
  top:61px;
  width:100%;
  background-color:#fff;
  background-image:url('../../images/head_menu_bg.jpg');
  background-repeat:no-repeat;
  background-position:375px 12px;
  height:105px;
  border-bottom:1px dotted #ccc;
}
div#head_menu_wrapper img {
  margin-left:5px;
  margin-top:10px;
  border:none;
}


/* Wrapper fuer den Head-Content mit Teaser-Pic */
div#head_content_wrapper {
  position:absolute;
  left:0;
  top:168px;
  width:100%;
  height:223px;
  background-color:#fff;
}
div#head_left img {
  position:absolute;
  left:0;
  top:0;
}
div#head_right {
  position:absolute;
  width:310px;
  height:223px;
  right:0;
  top:0;
  background-image:url('../../images/teaserpic_right_bg.png');
  background-repeat:no-repeat;
  background-position:right bottom;
}

/* Pfeile */
div#arrow_1 {
  position:absolute;
  top:3px;
  left:662px;
}
div#arrow_2 {
  position:absolute;
  top:77px;
  left:662px;
}
div#arrow_3 {
  position:absolute;
  top:151px;
  left:662px;
}


/***************************************/
/* Abstand  */
/***************************************/
div#header_space {
  height:30px;
  background-color:transparent;
}


/***************************************/
/* Content-Block  */
/***************************************/
div#content_block_wrapper {
  color: #333;
  padding: 0;
  margin: 0;
  position:relative;
  background-image:url('../../images/content_bg.png');
  background-position:0 40px;
  background-repeat:repeat-y;
}
* html div#content_block_wrapper { /* Hack fuer IE6, damit der Hintergrund gerendert wird */
  border-right:1px solid #e4e4e4;
}

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

/* Menue für Seiten wie z.B. "Kontakt" */
div#menu_addon {
  margin: 0;
  padding: 0;
  width: 100%;
  height:37px;
  position:absolute;
  left:0;
  top:0;
  background-image:url('../../images/menu_addon_bg.png');
  background-position:right bottom;
  background-repeat:no-repeat;
}

/* Menue 1. Ebene */
div#menu_1 {
  margin: 0;
  padding: 0;
  width:500px;
  height:37px;
  position:absolute;
  left:0;
  top:0;
}

/* Menue 2. Ebene */
div#menu_2 {
  margin: 0;
  padding: 0;
  width: 100%;
  height:25px;
  position:absolute;
  left:0;
  top:37px;
  background-image:url('../../images/menu_2_bg.png');
  background-repeat:repeat-x;
  border-bottom:1px solid #fff;
}

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


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



/* Footer  */
div#footer_wrapper {
  margin: 0 auto;
  width: 1000px;
  text-align:left;  /* Hack für IE, der das margin:auto nicht kennt? (part2) */
  position:relative;
  height:80px;
  padding-bottom:20px;
}
div#footer {
  background-image:url('../../images/footer_content_bg.png');
  background-repeat:repeat-x;
  font-size:0.75em;
  height:63px;
  border-top:1px solid #fff;
}
div#footer_bar {
  background-image:url('../../images/footer_bg.png');
  background-repeat:repeat-x;
  background-repeat:no-repeat;
  width:100%;
  height:17px;
  position:absolute;
  top:63px;
  left:0;
}