@import url('reset.css');
/*--------- Bildscroller ----------*/
.scroll_container {
	width: 860px;
	margin: 0px auto;
}
a.prev {
	width: 40px;
	height: 290px;
	float: left;
	background: url(../images/arrow_left.png) no-repeat left;
	cursor: pointer;
}
a.prev:hover {
	background: url(../images/arrow_left_hover.png) no-repeat left;
}
a.next {
	width: 40px;
	height: 290px;
	float: right;
	background: url(../images/arrow_right.png) no-repeat right;
	cursor: pointer;
}
a.next:hover {
	background: url(../images/arrow_right_hover.png) no-repeat right;
}
.navi {
    height: 16px; float: right; position:relative; top:-20px; text-align: right; margin-right:46px;}
.navi a {
	width: 16px; height: 16px;	margin: 0 3px;	display:block;	float: left; background: url(../images/dot.png) no-repeat;
}
.navi a:hover {
	background: url(../images/dot.png) no-repeat;
}
.navi a.active {
	background: url(../images/dot_active.png) no-repeat;
}
.scrollable { 
    position: relative; 
    overflow: hidden;          
    width: 780px;     
    height: 315px; 
	float: left;
	margin: 5px 0 0 0;
} 
.scrollable a {
	color: #fff;
}
.scrollable a:hover {
	color: #ccc;
}
.scrollable .items {      
    width: 20000em;     
    position: absolute;         
} 
.scrollable .items div { 
    float: left; 
	width: 780px;
	height: 315px;
	margin: 0;
	color: #000;
	font-size: 13px;
}