body {}

#box-content {
   position: absolute;
   margin: 25px 0px 0px 17px;
   padding: 20px 10px 20px 20px;
   width: 360px;
   height: 250px;     
   filter:Alpha(opacity=75);
   opacity:75%;
   background: url(bg_transparent.png);   
}

#box-content h1 {
   margin: 0px 0px 5px 0px;
   color: #666666;
   font-size: 12px;
   line-height: 16px;
   font-weight: normal;
   text-decoration:none;
}

#box-content h2 {
    color: #666666;
   font-size: 12px;
   line-height: 16px;
   font-weight: normal;
   text-decoration:none;
}

#box-content p {
   margin: 0px 0px 5px 0px;
   color: #666666;
}

#box-content a {
   color: #666666;
   text-decoration: none;  
}

#container { 
   /*	Innerhalb dieses Containers liegt der gesamte Scroll-Leisten-Klumpatsch.
   Mit position:relative; positionieren. */
   position: relative;
   overflow: hidden;
   z-index: 30;
   float:left; 
   display:inline;
   width: 360px;
   height: 310px;     
} 

#scrollinhalt {
   /*	Innerhalb dieses Divs liegt der Inhalt. */
   position: absolute;
   left: 0;
   top: 0;
   width: 360px;
   z-index: 30;
}

#scrollbarbox {
   /*	Dieses Div umschliesst alle Elemente der Scroll-Leiste.
   Es ist standardmaessig ausgeblendet und wird eingeblendet, wenn der Inhalt groesser ist als der sichtbare Bereich und somit gescrollt werden muss. */
   display: block;
   visibility: hidden;
   position: absolute;
   right: 0;
   top: 0;
   height: 310px;
   width: 11px;
   overflow: hidden;
}

#scrolltrack {
   /*	Dieses Div stellt die Scroll-Leiste dar.
   Zur individuellen Gestaltung kann ein Hintergrund-Bild verwendet werden. */
   position: absolute;
   left: 0;
   top: 10px;
   width: 10px;
   height: 280px;
   overflow: hidden;
   background-image: url(v_track_bg.gif);
   background-repeat: repeat-y;
   z-index: 10;
}

#scrollgreifer {
   /*	Greifer-Grafik. 
   Liegt innerhalb des Scroll-Track */
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 10px;
   height: 50px;
   overflow: hidden;
   z-index: 10;
}

#scrollpfeiloben {
   /*	Pfeil-Grafik oben (bei vertikaler Scrollbar) / links (bei horizontaler Scrollbar) */
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 10px;
   height: 10px;
   overflow: hidden;
   z-index: 20;
}

#scrollpfeilunten  {
   /*	Pfeil-Grafik unten (bei vertikaler Scrollbar) / rechts (bei horizontaler Scrollbar) */
   display: block;
   position: absolute;
   left: 0;
   top: 290px;
   width: 10px;
   height: 10px;
   overflow: hidden;
   z-index: 30;
}

#springpfeil  {
   /* "Spring-Nach-Oben-Pfeil"-Grafik. */
   display: block;
   position: absolute;
   left: 0;
   top: 300px;
   width: 10px;
   height: 10px;
   overflow: hidden;
   z-index: 40;
}