body pre {
 font-size: 1.2em;
}

/* first control*/
#scrollcontroll_contentmask {
 overflow: hidden;
 position: relative;
 height: 340px;
 width: 640px;
 padding-top: 0;
 padding-right: 10px;
 float: left;
}

#scrollcontroll_scrollcontainer {
 float: left;
 height: 340px;
 width: 10px;
 margin-left: 5px;
 display: none;
}

#scrollcontroll_scrollUpBtn {
 height: 10px;
 width: 10px;
 background-image: url(../images/scroll_up.gif);
 margin-bottom: 5px;
}

#scrollcontroll_scrollDownBtn {
 height: 10px;
 width: 10px;
 background-image: url(../images/scroll_down.gif);
 margin-top: 5px;
}

#scrollcontroll_scrolltrack {
 height: 310px;
 width: 10px;
 background-color: #6392cc;
}

#scrollcontroll_scrollknob {
 width: 10px;
 height: 25px;
 background-image:url(../images/scrollknop.jpg);
 background-position:center;
 background-repeat:no-repeat;
 background-color: #0d3448;
}

#contentcontainer {
 height: 340px;
 width: 655px;
 padding-top: 0;
 padding-right: 10px;
 overflow: scroll;
 overflow-x: hidden;
 margin-top: 20px;
}

/* second control */
#contentcontainer1 {
	height: 340px;
	width: 220px;
	padding-top: 0;
	padding-right: 10px;
	overflow: scroll;
	overflow-x: hidden;
	margin-top: 20px;
	}

#control2_contentmask {
	overflow: hidden;
	position: relative;
	height: 340px;
	width: 195px;
	padding-top: 0;
	padding-right: 10px;
	float: left;
}

#control2_scrollcontainer {
	float: left;
	height: 340px;
	width: 10px;
	margin-left: 5px;
	display: none;
}

#scrollUpBtn1 {
	margin-bottom: 5px;

	}

#scrollDownBtn1 {
	margin-top: 5px;
	
}

#scrolltrack1 {
	height: 310px;
 	width: 10px;
  background-color: #6392cc;
	
}

#scrollknob1 {
width: 10px;
 height: 25px;
 background-image:url(../images/scrollknop.jpg);
 background-position:center;
 background-repeat:no-repeat;
 background-color: #0d3448;
}