/* root element for scrollable */ 
div.scrollable2 { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 400px; 
    width: 525px; 

    /*right:5px;*/
    float:right;
} 
 
/* root element for scrollable items */ 
div.scrollable2 div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:20000em; 
}

/* single scrollable item */
div.scrollable2 div.items div {

	width:525px;
	height:400px;

}

/* prev, next, prevPage and nextPage buttons */
a.pPage, a.nPage{
	/*margin-left:-25px;*/
	top:20px;
	width:525px;
	height:10px;
	background:url(/Bilder/course_arrow_up_stud.png) no-repeat;
	cursor:pointer;
	font-size:1px;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:.80;
}

a.nextPage{
	/*margin-left:-25px;*/
	top:20px;
	width:525px;
	height:10px;
	background:url(/Bilder/course_arrow_up_stud.png) no-repeat;
	cursor:pointer;
	font-size:1px;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:.80;
}


/* mouseover state */
a.pPage:hover, a.nPage:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;		
}

/* disabled navigational button */
a.disabled {
	/*visibility:hidden !important;*/
	background-image:url(/Bilder/course_arrow_no_scoll.png) !important;
	background-repeat: repeat-x !important;
}	

/* costumizations for prev */
a.pPage {
	float:left;
		
}

/* next button uses another background image */
a.nPage {
	background-image:url(/Bilder/course_arrow_down_stud.png);
	float:left;
}

.img{
	margin-top: 3px;
	
	width:525px;
	height:393px;

}

div.bar{
	/*margin-left:-25px;*/
	top:20px;
	width:525px;
	height:10px;
	background:url(/Bilder/course_arrow_no_scoll.png) repeat-x;
	cursor:pointer;
	font-size:1px;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:.80;
}