.overlayscroll {

	/* required settings */
	float:left;
	position:relative;
	overflow:hidden;
	width: 600px;
	height:400px;
	margin-left:20px;
	margin-top:20px;
	margin-right:10px;
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.overlayscroll .pics {
	/* this cannot be too large */
	width:7500px;
	position:absolute;
}

.overlayscroll .pics div {
	float:left;
	width:605px;
	height:405px;
	margin-right:20px;
}
#allfigs img {
	margin:10px;
}
.overlay .prev {
	float:left;
	background: url(../assets/ol-arrow-left.png) no-repeat;
	display:block;
	width:40px;
	height:73px;
	cursor:pointer;
	position:absolute;
	right:844px;
	top:100px;
}

.overlay .next {
	float:right;
	background: url(../assets/ol-arrow-right.png) no-repeat;
	display:block;
	width:40px;
	height:73px;
	cursor:pointer;
	position:absolute;
	right:-34px;
	top:100px;
}
.overlay .disabled {
	visibility:hidden;

}
.overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:100000;
	
	/* styling */
	background-color:#333;
	
	width:850px;	
	min-height:200px;
	border:3px solid #666;
	padding-bottom:20px;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
.overlay .close {
	background-image:url(../assets/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:38px;
	width:38px;
}
.tekst p {
	float:right;
	width:200px;
	color:#CCCCCC;
	margin-right:20px;
	margin-top:15px;
	margin-bottom:5px;
}
.tekst p.left {
	margin-left:20px;
	float:left;
}