#verticalScrollerWrap li {
	color: #ccc;
	position: static;
}

#verticalScrollerWrap li.itemHover {
	font-size: 1.6em;
	font-weight: bold;
	position: relative;
	padding: 4px 0;
	color: #444;
	}
	
#verticalScrollerWrap li.itemHover-2nd {
	font-size: 1.4em;
	padding: 2px 0;
	color: #777;
	}

#verticalScrollerWrap li.itemHover-3rd {
	font-size: 1.2em;
	padding: 1px 0;
	
	color: #aaa;
	}



#verticalScrollerWrap {
	position: relative;
	}
	
#description {
	background: url(../images/css/bg-woordenboek.gif) no-repeat 0 50%;
/*	background: #000;*/
	display: none;
	left: -310px;
	padding: 10px;	
	position: absolute;
	top: 80px;
	width: 280px;
	z-index: 500;
	
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	}
	
#description p {
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 0;
	}
	
#woordenboek-wrap {
	position: relative;
	}

ul#verticalScroller {
	}
	
ul#verticalScroller li {
	background: none;
/*	cursor: pointer;*/
	padding-left: 0;
	}
	
div#verticalScrollerWrap {
	height: 196px;
	overflow: hidden;
	}

div#hotspotTop {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color:#eeeeee;
	z-index:1000;
	}

div#hotspotBottom {
	position: absolute;
	bottom: 0px;
	right :0px;
	width: 10px;
	height: 100px;
	margin: 0;
	padding: 0;
	background-color: #eeeeee;
	z-index: 1000;
	}

/*
div#verticalScrollerWrap {
	border:1px solid #ff0000;
	position:relative;
	margin:40px 0px;
	height:325px;
	width:165px;
	overflow:hidden;
	padding:10px;
	padding-top:25px;
	padding-bottom:	0px;
}

div#description {
	border: 1px solid #000000;
	background-color:#dddddd;
	width:200px;
	position: absolute;
	margin:0px;
	padding:5px;
	left:187px;
	z-index:1000;
	display:none;
}

div#hotspotTop {
	position:absolute;
	top:0px;
	left:0px;
	width:185px;
	height:30px;
	margin:0px;
	padding:0px;
	border-bottom: 1px dashed #dddddd;
	background-color:#eeeeee;
	z-index:1000;
}

div#hotspotBottom {
	position:absolute;
	bottom:0px;
	left:0px;
	width:185px;
	height:30px;
	margin:0px;
	padding:0px;
	border-top: 1px dashed #dddddd;
	background-color:#eeeeee;
	z-index:1000;
}
*/


/**
 *	HoverScroll Style Sheet
 *
 *	@author RasCarlito <carl.ogren@gmail.com>
 *	@version 0.2.0
 */

/* Main container */
div.hoverscroll {
	position:relative;
	}

/* Hover Zones */
div.hoverscroll div.hoverZoneLeft,
div.hoverscroll div.hoverZoneRight,
div.hoverscroll div.hoverZoneTop,
div.hoverscroll div.hoverZoneBottom {
	position:absolute;
}

div.hoverscroll div.hoverZoneLeft {
	cursor: url(/fileadmin/images/mouse-arrow-left.cur), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url(/fileadmin/images/mouse-arrow-right.cur), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneTop {
	cursor: url(/fileadmin/images/mouse-arrow-up.cur), n-resize;
	top:0px;
	left:0px;
	width:100%;
	height:40%;
}
div.hoverscroll div.hoverZoneBottom {
	cursor: url(/fileadmin/images/mouse-arrow-down.cur), n-resize;
	bottom:0px;
	left:0px;
	width:100%;
	height:40%;
}



/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
}


div.hoverscroll ul.list li.horizontal-item {
	float:left;
}
