/* Styles for the AJAX scrollbar */
/* @author: Sabine Weiß <sabine.weiss@netz-schmiede.de>  */

#contentcolumn{
  position: relative;
}

#content {
  overflow: auto;
  height: 300px;
  width: 370px;
  float: left;
}

#scrollbar{
  position: absolute;
  background: transparent url(images/scrollbar_bg_01.gif);
  height: 270px;
  width: 15px;
  top: 237px;
  left: 860px;
  float:left;
  visibility: hidden;  
}

#handle{
  position: absolute;
  top: 15px;
  height: 45px;
  width: 15px;
  background: transparent url(images/knob.png) no-repeat center;
  visibility: hidden;  
}

#up{
  position: absolute;
  top: 272px;
  left: 0px;
  width: 15px;
  height: 12px;
  background-color: transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(images/up.png);
  z-index:2;
  visibility: hidden;
}

#down{
  position:absolute;
  top: 287px;
  left: 0px;
  width: 15px;
  height: 12px;
  background-color: transparent;
  background-position: top left;
  background-repeat: no-repeat;
  background-image: url(images/down.png);
  z-index:2;
  visibility: hidden;
}