/* HTML kód
<div class="Scroller-Bar">
<div id="Scrollbar-Container">
    <img src="scrollImages/up_arrow.gif" class="Scrollbar-Up" />
    <img src="scrollImages/down_arrow.gif" class="Scrollbar-Down" />
    <div class="Scrollbar-Track">
      <img src="scrollImages/scrollbar_handle.gif" class="Scrollbar-Handle" />
    </div>
</div>
<div class="Container">
<div id="Scroller-1">
   <div class="Scroller-Container">
   ...szöveg...
   </div>
  </div>
</div>
</div>
*/

.Scroller-Bar{
  position:relative;
  width:255px;
  height:270px;
  top:0px;
  left:0px;
}
.Container {
  position: absolute;
  top: 0px; left: 0px;
  width: 244px;
  height: 270px;
  background: #FFF url(../../images/container_background.gif) no-repeat;
}
.Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 244px;
  height: 270px;
}
.Scroller-1 p {
  margin: 0; padding: 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #6F6048;
}
.Scroller-Container {
  position: absolute;
  padding: 0px 0px 0px 5px;
  top: 0px; left: 0px;
}
.Scrollbar-Container {
  position: absolute;
  top: 0px; left: 244px;
}
.Scrollbar-Up {
  cursor: pointer;
  left: -1px;
  position: absolute;
}
.Scrollbar-Track {
  width: 10px; height: 248px;
  position: absolute;
  top: 11px; left: 0px;
  background: transparent url(../../images/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 70px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 259px;
}


/* Eredeti CSS
.Container {
  position: absolute;
  top: 50px; left: 100px;
  width: 400px;
  height: 200px;
  background: #FFF url(images/container_background.gif) no-repeat;
}
#Scroller-1 { 
  position: absolute; 
  overflow: hidden;
  width: 400px;
  height: 200px;
}
#Scroller-1 p {
  margin: 0; padding: 10px 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-indent: 20px;
  color: #6F6048;
}
.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
  position: absolute;
  top: 40px; left: 60px;
}
.Scrollbar-Up {
  cursor: pointer;
  position: absolute;
}
.Scrollbar-Track {
  width: 20px; height: 161px;
  position: absolute;
  top: 36px; left: 4px;
  background: transparent url(scrollImages/scrollbar_track.gif) no-repeat center center;
}
.Scrollbar-Handle {
  position: absolute;
  width: 20px; height: 22px;
}
.Scrollbar-Down {
  cursor: pointer;
  position: absolute;
  top: 187px;
}*/