div.shadow {
/*
  float: left;
*/
  position: relative;
  width:100%; 
  height:100%; 
}

div.shadow img {
/*
  padding: 0px 10px 10px 0px;
*/
}

div.shadow div.bottom {
  width: 100%;
  height: 10px;
  background: url(unten.gif) repeat-x bottom left;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

div.shadow div.right  {
  width: 10px;
  height: 100%;
  background: url(rechts.gif) repeat-y top right;
  position: absolute;
  top: 0px;
  right: 0px;
}

div.shadow div.topright {
  width: 10px;
  height: 10px;
  background: url(eckerechtsoben.gif) no-repeat top right;
  position: absolute;
  top: 0px;
  right: 0px;
}

div.shadow div.bottomleft {
  width: 10px;
  height: 10px;
  background: url(eckelinksunten.gif) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

div.shadow div.bottomright {
  width: 10px;
  height: 10px;
  background: url(eckerechtsunten.gif) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: 0px;
}