/* scrollable div area */
			#scrollable1 {
				float: left;
				width: 300px;
				height: 200px;
				border: 1px solid #ccc;
				overflow: hidden;
				white-space: nowrap;
			}
			
			/* vertical track */
			#track1, #track2, #track5 {
				float: left;
				width: 15px;
				margin-top:10px;
				margin-bottom:10px;
				height: 216px;
				background-image:url(images/slider_back.gif);
				background-repeat:repeat-y;
			}
			
			#track1-top, #track2-top, #track3-top
			{
				position: absolute;
				width: 15px;
				height: 10px;
				top:0px;
				left:0px;
				background: transparent url(images/pijl_omhoog_klein.gif) no-repeat top left;
				z-index:1;
			}
			
			#track5
			{
			    height:156px;
			}
			
			
            #track1-bottom, #track2-bottom, #track3-bottom
			{
				position: absolute;
				bottom:0px;
				left:0px;
				width: 15px;
				height: 10px;
				background: transparent url(images/pijl_omlaag_klein.gif) no-repeat top left;
				z-index:1;
			}	
					
			/* vertical track handle */
			#handle1, #handle2 {
				width: 13px;
				/*margin-left: 9px;*/
				height: 4px;
				background-color: #000000;
				border:solid 1px #FFFFFF;
				cursor: move;
			}
			
				
			/* scrollable div area */
			#scrollable2 {
				float: left;
				width: 284px;
				height: 184px;
				padding: 8px;
				border-top: 1px solid #ccc;
				border-left: 1px solid #ccc;
				overflow: hidden;
				white-space: nowrap;
			}
			
			/* wrap to make sure that image area is clickable */
			#wrap3 {
				float: left;
				width: 15px;
				height: 201px;
				background: transparent url(images/scrollbar-track-bottom.png) no-repeat bottom left;
			}
			
			/* top image of track */
			#track3-top {
				position: absolute;
				width: 15px;
				height: 15px;
				background: transparent url(images/scrollbar-track-top.png) no-repeat top left;
			}
			
			/* vertical track */
			#track3 {
				position: absolute;
				width: 15px;
				height: 201px;
			}
			
			/* vertical track handle */
			#handle3 {
				width: 15px;
				height: 37px;
			}
			
			/* wrap to make sure that image area is clickable */
			#wrap4 {
				float: left;
				clear: both;
				width: 301px;
				height: 15px;
				background: transparent url(images/scrollbar-track-right.png) no-repeat top right;
			}
			
			/* left image of track */
			#track4-left {
				position: absolute;
				width: 15px;
				height: 15px;
				background: transparent url(images/scrollbar-track-left.png) no-repeat top left;
			}
			
			/* horizontal track */
			#track4 {
				position: absolute;
				width: 301px;
				height: 15px;
			}
			
			/* horizontal track handle */
			#handle4 {
				width: 37px;
				height: 15px;
			}