/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */


a.jScrollArrowUp  { background-color: white; background-image: none; background-position: 0 0 }
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown  { background: white repeat-x }
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}



			
.holder      { background-image: url("img_scroller/trans_grey.png"); padding-top: 10px; padding-bottom: 10px; position: absolute; z-index: 40; top: 182px; left: 30px }
.holder li a  { font-size: 12px; line-height: 22px; margin-left: 10px }
.holder li a.aktiv  { color: #ff8000; font-size: 12px; font-weight: bold; line-height: 22px }
.holder_service  { background-image: url("img_scroller/trans_grey.png"); padding-top: 10px; padding-bottom: 10px; position: absolute; z-index: 40; top: 20px; left: 30px }
.holder_service li a  { font-size: 12px; line-height: 22px; margin-left: 10px }
.holder_service li a.aktiv  { color: #ff8000; font-size: 12px; font-weight: bold; line-height: 22px }

.scroll-pane    { background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; left: 0; width: 191px; height: 180px; overflow: auto }

.wide {
	width: 400px;
}
.slide  { position: relative; z-index: 5000; bottom: 100px }
.slide .inner  { position: absolute; z-index: 5000; bottom: 0; left: 0 }