html { 
  margin: 0;
  padding: 0;
  height: 100%; 
}

body {
  background: url(media/bg_intro.gif) repeat-x #F2EEE9;  
  margin: 0;
  padding: 0;
  height: 100%;  
}

#head_silo {
  background: url(media/intro_silo.gif) 0px 0px no-repeat #E7E3DE;  
  margin-left: 424px;  
  margin-top: 0px;
  width: 257px;
  height: auto !important; 
  height: 100%;
  min-height: 100%;
}

#intro_head {
 position: absolute;
 background: url(media/intro_head.gif) no-repeat #E7E3DE; 
 left: 0px; 
 top: 0px; 
 width: 424px;
 height: 102px;
}


#schrift_oben {
  position: relative;
  background: url(media/intro_schrift_oben.gif) no-repeat;
  top: 165px;
  left: 5px;
  width: 224px;
  height: 95px;
  overflow: hidden;
}

#schrift_unten {
  position: static;
  background: url(media/intro_schrift_unten.gif) no-repeat;
  margin-top: 333px; 
  margin-left: 5px; 
  width: 173px;
  height: 82px;
  overflow: hidden;
}


#bilderreihe {
  position: absolute;
  background: url(media/intro_bilderreihe.jpg) no-repeat;
  top: 275px; 
  left: 0px; 
  width: 680px;
  height: 118px;
  overflow: hidden;
}

#weiter {
  position: absolute;
  left: 624px;  
  margin-top: -5px;
}