#scrollblock {
	position: relative;
	display:block;
	margin:7px auto; 
	width:820px; 
	background-color: #f5f5f5;	
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 784px; 
    height: 225px; 
	margin: 13px 18px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.item { 
	float: left; 
    width: 820px; 
	margin: 0;
} 
div.scrollable div.items div.item div.item-titel {
	font-family: "lucida sans", verdana, sans-serif;
	font-size: 12px;
	font-height: 12px;
	font-weight:bold; 
	color: #588395;
	margin: 0 0 0 340px;
	width: 400px;
	position: relative;
	top: -220px;
}
div.scrollable div.items div.item div.item-tekst {
	font-family: "lucida sans", verdana, sans-serif;
	font-size: 13px;
	font-height: 13px;
	line-height: 22px;
	color: #666666;
	font-weight:normal; 
	margin: 7px 0 0 340px;
	width: 400px;
	position: relative;
	top: -220px;
}
 
div.scrollable div.items div.item div.item-img { 
	position: relative;
	left: 0;
	top: -45px;
	margin: 0 40px 0 0;
	border: 1px solid white;
	width: 290px;
	height: 225px;
	overflow: hidden;
}

.scrollable-control {
	width: 440px;
	height: 40px;
	margin: 5px 0 0 339px;
	padding: 0;
}

.scrollable-control a {
    text-align: center;
    font-size: 13px;
	line-height: 34px;
    text-decoration: none;
    padding: 8px 18px 10px 17px;
    margin: 0;
    color: #fff;
	height: 34px;
	width: 42px;
    background: transparent url('img/step.png') top center no-repeat;
    font-weight: bold;
}

.scrollable-control a.active {
    outline: none;
    background: transparent url('img/presentstep.png') top center no-repeat;
}

.scrollable-raquo {
	width: 16px;
	height: 31px;
	margin: 0 0 0 6px;
	color: #598294;
}