﻿/*  De originele breedte van de scrollbars was 15 px - dat is nu 11px 
	(moet oneven ivm. symmetrie van pijlen)
	De originele afmetingen van de kopelementen van de scrollbar-knoppen zijn 12px - dat is nu 2px geworden  
	De optie om de scrollbar-knop van accent te laten verschillen bij activering is uitgeschakeld  */
	
	
.scrollBar .bar{
	width:11px;
	height:11px;
}

.scrollBar .button{
	width:11px;
	height:11px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar .button.topButton{
	background-image:url('arrow-up_11.gif');
}

.scrollBar .button.bottomButton{
	background-image:url('arrow-down_11.gif');
}

.scrollBar .button.leftButton{
	background-image:url('arrow-left_11.gif');
}

.scrollBar .button.rightButton{
	background-image:url('arrow-right_11.gif');
}

.scrollBar .button.active{
	background-position:bottom center ;
}

.scrollBar .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar .knob{
	height:11px;
}

.scrollBar .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar .leftTip{
	left:0px;
	background-image:url('knob-left_11.gif');  
}

.scrollBar .rightTip{
	right:0px;
	background-image:url('knob-right_11.gif');  
}

.scrollBar  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_11.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_11.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar .topTip{
	background-image:url('knob-top_11.gif');  
}

.scrollBar .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_11.gif');  
}

.scrollBar .knob.active{
	border:none;
}

.scrollBar .corner{
	background:#aaaaff url('corner_11.gif') center center no-repeat;  
}



.scrollBar0
 .bar{
	width:1px;
	height:1px;
}

.scrollBar0
 .button{
	width:1px;
	height:1px;
	background-color:transparent;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar0
 .button.topButton{
	background-image:url('1pixel.gif');
}

.scrollBar0
 .button.bottomButton{
	background-image:url('1pixel.gif');
}

.scrollBar0
 .button.leftButton{
	background-image:url('1pixel.gif');
}

.scrollBar0
 .button.rightButton{
	background-image:url('1pixel.gif');
}

.scrollBar0
 .button.active{
	background-position:bottom center ;
}

.scrollBar0
 .scrollable{
	cursor:pointer;
	background-color: transparent;
}

.scrollBar0
 .knob{
	height:1px;
}

.scrollBar0
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar0
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar0
 .knobHorizontalTip{
	width:1px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar0
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar0
 .leftTip{
	left:0px;
	background-image:url('1pixel.gif');  
}

.scrollBar0
 .rightTip{
	right:0px;
	background-image:url('1pixel.gif');  
}

.scrollBar0
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:transparent;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('1pixel.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 0px; 
}

.scrollBar0
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar0
 .knobVerticalTip{
	height:1px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar0
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar0
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:transparent;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('1pixel.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:1px;		
	top:1px;		
}

.scrollBar0
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar0
 .topTip{
	background-image:url('1pixel.gif');  
}

.scrollBar0
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('1pixel.gif');  
}

.scrollBar0
 .knob.active{
	border:none;
}

.scrollBar0
 .corner{
	background:transparent url('1pixel.gif') center center no-repeat;  
}


.scrollBar9
 .bar{
	width:9px;
	height:9px;
}

.scrollBar9
 .button{
	width:9px;
	height:9px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar9
 .button.topButton{
	background-image:url('arrow-up_9.gif');
}

.scrollBar9
 .button.bottomButton{
	background-image:url('arrow-down_9.gif');
}

.scrollBar9
 .button.leftButton{
	background-image:url('arrow-left_9.gif');
}

.scrollBar9
 .button.rightButton{
	background-image:url('arrow-right_9.gif');
}

.scrollBar9
 .button.active{
	background-position:bottom center ;
}

.scrollBar9
 .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar9
 .knob{
	height:9px;
}

.scrollBar9
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar9
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar9
 .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar9
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar9
 .leftTip{
	left:0px;
	background-image:url('knob-left_9.gif');  
}

.scrollBar9
 .rightTip{
	right:0px;
	background-image:url('knob-right_9.gif');  
}

.scrollBar9
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_9.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar9
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar9
 .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar9
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar9
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_9.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar9
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar9
 .topTip{
	background-image:url('knob-top_9.gif');  
}

.scrollBar9
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_9.gif');  
}

.scrollBar9
 .knob.active{
	border:none;
}

.scrollBar9
 .corner{
	background:#aaaaff url('corner_9.gif') center center no-repeat;  
/*	background:#e2e3fe;  */
}


.scrollBar11
 .bar{
	width:11px;
	height:11px;
}

.scrollBar11
 .button{
	width:11px;
	height:11px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar11
 .button.topButton{
	background-image:url('arrow-up_11.gif');
}

.scrollBar11
 .button.bottomButton{
	background-image:url('arrow-down_11.gif');
}

.scrollBar11
 .button.leftButton{
	background-image:url('arrow-left_11.gif');
}

.scrollBar11
 .button.rightButton{
	background-image:url('arrow-right_11.gif');
}

.scrollBar11
 .button.active{
	background-position:bottom center ;
}

.scrollBar11
 .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar11
 .knob{
	height:11px;
}

.scrollBar11
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar11
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar11
 .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar11
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar11
 .leftTip{
	left:0px;
	background-image:url('knob-left_11.gif');  
}

.scrollBar11
 .rightTip{
	right:0px;
	background-image:url('knob-right_11.gif');  
}

.scrollBar11
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_11.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar11
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar11
 .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar11
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar11
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_11.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar11
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar11
 .topTip{
	background-image:url('knob-top_11.gif');  
}

.scrollBar11
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_11.gif');  
}

.scrollBar11
 .knob.active{
	border:none;
}

.scrollBar11
 .corner{
	background:#aaaaff url('corner_11.gif') center center no-repeat;  
/*	background:#e2e3fe;  */
}


.scrollBar13
 .bar{
	width:13px;
	height:13px;
}

.scrollBar13
 .button{
	width:13px;
	height:13px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar13
 .button.topButton{
	background-image:url('arrow-up_13.gif');
}

.scrollBar13
 .button.bottomButton{
	background-image:url('arrow-down_13.gif');
}

.scrollBar13
 .button.leftButton{
	background-image:url('arrow-left_13.gif');
}

.scrollBar13
 .button.rightButton{
	background-image:url('arrow-right_13.gif');
}

.scrollBar13
 .button.active{
	background-position:bottom center ;
}

.scrollBar13
 .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar13
 .knob{
	height:13px;
}

.scrollBar13
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar13
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar13
 .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar13
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar13
 .leftTip{
	left:0px;
	background-image:url('knob-left_13.gif');  
}

.scrollBar13
 .rightTip{
	right:0px;
	background-image:url('knob-right_13.gif');  
}

.scrollBar13
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_13.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar13
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar13
 .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar13
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar13
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_13.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar13
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar13
 .topTip{
	background-image:url('knob-top_13.gif');  
}

.scrollBar13
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_13.gif');  
}

.scrollBar13
 .knob.active{
	border:none;
}

.scrollBar13
 .corner{
	background:#aaaaff url('corner_13.gif') center center no-repeat;  
/*	background:#e2e3fe;  */
}



.scrollBar15
 .bar{
	width:15px;
	height:15px;
}

.scrollBar15
 .button{
	width:15px;
	height:15px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar15
 .button.topButton{
	background-image:url('arrow-up_15.gif');
}

.scrollBar15
 .button.bottomButton{
	background-image:url('arrow-down_15.gif');
}

.scrollBar15
 .button.leftButton{
	background-image:url('arrow-left_15.gif');
}

.scrollBar15
 .button.rightButton{
	background-image:url('arrow-right_15.gif');
}

.scrollBar15
 .button.active{
	background-position:bottom center ;
}

.scrollBar15
 .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar15
 .knob{
	height:15px;
}

.scrollBar15
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar15
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar15
 .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar15
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar15
 .leftTip{
	left:0px;
	background-image:url('knob-left_15.gif');  
}

.scrollBar15
 .rightTip{
	right:0px;
	background-image:url('knob-right_15.gif');  
}

.scrollBar15
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_15.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar15
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar15
 .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar15
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar15
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_15.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar15
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar15
 .topTip{
	background-image:url('knob-top_15.gif');  
}

.scrollBar15
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_15.gif');  
}

.scrollBar15
 .knob.active{
	border:none;
}

.scrollBar15
 .corner{
	background:#aaaaff url('corner_15.gif') center center no-repeat;  
/*	background:#e2e3fe;  */
}



.scrollBar17
 .bar{
	width:17px;
	height:17px;
}

.scrollBar17
 .button{
	width:17px;
	height:17px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar17
 .button.topButton{
	background-image:url('arrow-up_17.gif');
}

.scrollBar17
 .button.bottomButton{
	background-image:url('arrow-down_17.gif');
}

.scrollBar17
 .button.leftButton{
	background-image:url('arrow-left_17.gif');
}

.scrollBar17
 .button.rightButton{
	background-image:url('arrow-right_17.gif');
}

.scrollBar17
 .button.active{
	background-position:bottom center ;
}

.scrollBar17
 .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar17
 .knob{
	height:17px;
}

.scrollBar17
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar17
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar17
 .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar17
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar17
 .leftTip{
	left:0px;
	background-image:url('knob-left_17.gif');  
}

.scrollBar17
 .rightTip{
	right:0px;
	background-image:url('knob-right_17.gif');  
}

.scrollBar17
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_17.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar17
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar17
 .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar17
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar17
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_17.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar17
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar17
 .topTip{
	background-image:url('knob-top_17.gif');  
}

.scrollBar17
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_17.gif');  
}

.scrollBar17
 .knob.active{
	border:none;
}

.scrollBar17
 .corner{
	background:#aaaaff url('corner_17.gif') center center no-repeat;  
/*	background:#e2e3fe;  */
}


.scrollBar19
 .bar{
	width:19px;
	height:19px;
}

.scrollBar19
 .button{
	width:19px;
	height:19px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar19
 .button.topButton{
	background-image:url('arrow-up_19.gif');
}

.scrollBar19
 .button.bottomButton{
	background-image:url('arrow-down_19.gif');
}

.scrollBar19
 .button.leftButton{
	background-image:url('arrow-left_19.gif');
}

.scrollBar19
 .button.rightButton{
	background-image:url('arrow-right_19.gif');
}

.scrollBar19
 .button.active{
	background-position:bottom center ;
}

.scrollBar19
 .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar19
 .knob{
	height:19px;
}

.scrollBar19
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar19
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar19
 .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar19
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar19
 .leftTip{
	left:0px;
	background-image:url('knob-left_19.gif');  
}

.scrollBar19
 .rightTip{
	right:0px;
	background-image:url('knob-right_19.gif');  
}

.scrollBar19
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_19.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar19
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar19
 .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar19
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar19
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_19.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar19
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar19
 .topTip{
	background-image:url('knob-top_19.gif');  
}

.scrollBar19
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_19.gif');  
}

.scrollBar19
 .knob.active{
	border:none;
}

.scrollBar19
 .corner{
	background:#aaaaff url('corner_19.gif') center center no-repeat;  
/*	background:#e2e3fe;  */
}



.scrollBar23
 .bar{
	width:23px;
	height:23px;
}

.scrollBar23
 .button{
	width:23px;
	height:23px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar23
 .button.topButton{
	background-image:url('arrow-up_23.gif');
}

.scrollBar23
 .button.bottomButton{
	background-image:url('arrow-down_23.gif');
}

.scrollBar23
 .button.leftButton{
	background-image:url('arrow-left_23.gif');
}

.scrollBar23
 .button.rightButton{
	background-image:url('arrow-right_23.gif');
}

.scrollBar23
 .button.active{
	background-position:bottom center ;
}

.scrollBar23
 .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar23
 .knob{
	height:23px;
}

.scrollBar23
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar23
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar23
 .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar23
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar23
 .leftTip{
	left:0px;
	background-image:url('knob-left_23.gif');  
}

.scrollBar23
 .rightTip{
	right:0px;
	background-image:url('knob-right_23.gif');  
}

.scrollBar23
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_23.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar23
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar23
 .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar23
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar23
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_23.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar23
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar23
 .topTip{
	background-image:url('knob-top_23.gif');  
}

.scrollBar23
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_23.gif');  
}

.scrollBar23
 .knob.active{
	border:none;
}

.scrollBar23
 .corner{
	background:#aaaaff url('corner_23.gif') center center no-repeat;  
/*	background:#e2e3fe;  */
}




.scrollBar27
 .bar{
	width:27px;
	height:27px;
}

.scrollBar27
 .button{
	width:27px;
	height:27px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar27
 .button.topButton{
	background-image:url('arrow-up_27.gif');
}

.scrollBar27
 .button.bottomButton{
	background-image:url('arrow-down_27.gif');
}

.scrollBar27
 .button.leftButton{
	background-image:url('arrow-left_27.gif');
}

.scrollBar27
 .button.rightButton{
	background-image:url('arrow-right_27.gif');
}

.scrollBar27
 .button.active{
	background-position:bottom center ;
}

.scrollBar27
 .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar27
 .knob{
	height:27px;
}

.scrollBar27
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar27
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar27
 .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar27
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar27
 .leftTip{
	left:0px;
	background-image:url('knob-left_27.gif');  
}

.scrollBar27
 .rightTip{
	right:0px;
	background-image:url('knob-right_27.gif');  
}

.scrollBar27
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_27.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar27
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar27
 .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar27
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar27
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_27.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar27
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar27
 .topTip{
	background-image:url('knob-top_27.gif');  
}

.scrollBar27
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_27.gif');  
}

.scrollBar27
 .knob.active{
	border:none;
}

.scrollBar27
 .corner{
	background:#aaaaff url('corner_27.gif') center center no-repeat;  
/*	background:#e2e3fe;  */
}




.scrollBar31
 .bar{
	width:31px;
	height:31px;
}

.scrollBar31
 .button{
	width:31px;
	height:31px;
	background-color:#e2e3fe;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar31
 .button.topButton{
	background-image:url('arrow-up_31.gif');
}

.scrollBar31
 .button.bottomButton{
	background-image:url('arrow-down_31.gif');
}

.scrollBar31
 .button.leftButton{
	background-image:url('arrow-left_31.gif');
}

.scrollBar31
 .button.rightButton{
	background-image:url('arrow-right_31.gif');
}

.scrollBar31
 .button.active{
	background-position:bottom center ;
}

.scrollBar31
 .scrollable{
	cursor:pointer;
/*	background-image:url('stripe.gif');  */
/*	background-repeat:repeat;  */
/*	scrollbar zichtbare gedeelte  */
	background-color: #e2e3fe;
}

.scrollBar31
 .knob{
	height:31px;
}

.scrollBar31
 .knob.verticalKnob{
	cursor:n-resize;
}

/*  voor horizontaal-liggende scrollbar  */
.scrollBar31
 .knob.horizontalKnob{
	cursor:w-resize;
}

.scrollBar31
 .knobHorizontalTip{
/*  12px -> 2px  */
	width:2px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar31
 .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar31
 .leftTip{
	left:0px;
	background-image:url('knob-left_31.gif');  
}

.scrollBar31
 .rightTip{
	right:0px;
	background-image:url('knob-right_31.gif');  
}

.scrollBar31
  .knobHorizontalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('horizontal-knob_31.gif');  
/*  margin voor knob-right.gif en knob-left.gif (uitgeschakeld) van 12px naar 0px:  0 12 -> 0 0  - nu naar 0 2   */
	margin:0 2px; 
}

.scrollBar31
 .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar31
 .knobVerticalTip{
	height:2px; 
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar31
 .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar31
 .knobVerticalFill{
/*	scrollbar schuifgedeelte  */
	background-color:#cecefa;
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('vertical-knob_31.gif');  
	position:absolute;
/*  margins voor knob-top.gif en knob.bottom.gif van 12px naar 2px  */
	bottom:2px;		
	top:2px;		
}

.scrollBar31
 .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar31
 .topTip{
	background-image:url('knob-top_31.gif');  
}

.scrollBar31
 .bottomTip{
	position:absolute;
	bottom:0;
	background-image:url('knob-bottom_31.gif');  
}

.scrollBar31
 .knob.active{
	border:none;
}

.scrollBar31
 .corner{
	background: url('/css/scrollbar/corner_31.gif') center center no-repeat;  
/*	
	background:#e2e3fe;  
	background:#aaaaff url('/css/scrollbar/corner_31.gif') center center no-repeat;  
*/
}



