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

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

html {
  height:100%;
}

body {
  font-family:Arial, Sans-Serif;
  font-size:100.1%;
  font-weight:normal;
  color:#000;
  margin:0;
  padding:0;
  position:relative;
  text-align:center; /* Hack für IE, der das "margin:auto" nicht kennt? (part1) */
  background-image:url('../../images_topkids/body_bg.png');
  background-repeat:repeat-x;
  background-color: #e8e4c4;
}

#wrapper { 
  margin:0 auto;
  width:869px;
  border-left:1px solid #151591;
  border-right:1px solid #151591;
  border-bottom:1px solid #151591;
  text-align:left;  /* Hack für IE, der das margin:auto nicht kennt? (part2) */
  position:relative; /* hierauf beziehen sich jetzt alle Kindelemente */
  -moz-box-shadow:0 0 15px #333;
  -webkit-box-shadow:0 0 15px #333;
  box-shadow:0 0 15px #333;
}

#header_wrapper {
  color: #333;
  padding:0;
  height:178px;
  margin:0;
  background-color: #fff;
  background-image:url('../../images_topkids/head_bg.png');
  background-repeat:no-repeat;
}

#col1 { 
  margin:0;
  padding:0;
  width:200px;
  position:absolute;
  top:190px;
  left:20px;
}

#col2 {
  margin:0;
  padding:0;
  width:609px;
  padding-left:240px;
  padding-right:20px;
  background-image:url('../../images_topkids/content_bg.png');
  background-repeat:repeat-y;
  min-height:450px;
}

* html #col2 {
  height:450px; /* hack für IE6 */
}

#footer_wrapper { 
  color:#333;
  padding:0;
  text-align:left;
}

