/* Tiny Scrollbar
grösse scroller wird in Java auf der seite eingestellt */

#scrollbar1 { width: 510px; margin: 0px 0 0px; }
#scrollbar1 .viewport { width: 490px; height: 272px; overflow: hidden; position: relative; }
#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0px;
	top: 1px;
	padding: 0;
	margin: 0;
	height: 272px;
}
#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb {
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -10px;
}
#scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

<!--Scrollbar2 !!!  NICHT vergessen in DIV scrollbar1 in scrollbar2 zu aendern-->

#scrollbar2 { width: 510px; margin: 0px 0 0px; }
#scrollbar2 .viewport { width: 490px; height: 194px; overflow: hidden; position: relative; }
#scrollbar2 .overview {
	list-style: none;
	position: absolute;
	left: 0px;
	top: 1px;
	padding: 0;
	margin: 0;
	height: 194px;
}
#scrollbar2 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar2 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar2 .thumb {
	background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
	height: 20px;
	width: 25px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: -10px;
}
#scrollbar2 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar2 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }