/* horizontal */
body {
	/**background-color: blue;*/
}

div.scroller {
	width: 580px; /* edit me */
	height: 427px; /* edit me */
	margin-left: 10px;
	/**border: 1px solid #ddd;*/
}
div.scroller .content_scroll {
	height: 427px; /* edit me */
	width: 560px; /* edit me */
	overflow: hidden;
	float: left;
}
div.scroller .scrollarea {
	height: 422px; /* edit me */
	width: 19px;
	float: left;
	cursor: pointer;
	background-image: url(../images/scrollarea.png);
	background-repeat: repeat-y;
}
/* end edit */
div.scroller .content_scroll ol {
	margin-left: 0px; /* ie only */
}
div.scroller .content_scroll p {
	margin-left: 0px; /* ie only */
}
div.scroller div.scrollBarContainer {
	height: 414px; /* edit me (ff: height - 18px - ie: height - 46px) */
}

div.scroller .scrollKnob {
	width: 9px;
	margin: 1px;
	margin-left: 4px;
	border: 1px solid #716EAE;
	background-image: url(../images/scrollknop.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #716EAE;
	min-height: 10px;
}
div.scroller .scrollForward, div.scroller .scrollBack {
	width: 19px;
	border: none;
	
}

div.scroller .scrollForward {
	/**background-color: #ff0000;*/
	background-image: url(../images/scrollbottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 7px !important; 
}

div.scroller .scrollBack {
	/**background-color: #ff0000;*/   
	background-image: url(../images/scrolltop.png);
	background-repeat: no-repeat;
	height: 5px !important; 
}