#wrapper .container .body .content {
	background-repeat:			no-repeat;
	margin-top:					40px;
	padding-top:				0px;
	min-height:					450px;
	position:					relative;
} 

#wrapper .container .body .referenties {
/*	background-image:			url(/images/site/producten-top-bg.png);*/
}

#wrapper .container .body .referenties .inner {
	background-image:			url(/images/site/content-top-bg.png);
	background-position:		top center;
	min-height:					450px;
	background-repeat:			no-repeat;
}

#wrapper .container .body .referenties .inner .overlay {
/*	background-image:			url(/images/site/frontpage-inner-bg.png);*/
	background-position:		bottom center;
	min-height:					450px;
	background-repeat:			no-repeat;
	padding-top:				90px;
	padding-right:				57px;
	padding-bottom:				5px;
}

#wrapper .container .body .referenties .inner .overlay .selectcontainer {
	margin-bottom:				1em;
	position:					absolute;
	right:						57px;
	z-index:					999;
	top:						50px;
}

/*#wrapper .container .body .referenties .inner .overlay .productcontainer ul.slides {
	width:						20000px;
}

#wrapper .container .body .referenties .inner .overlay .productcontainer ul.slides li.slide {
	float:						left;
	left:						0px;
	width:						1001px;
	top:						0px;
	text-align:					center;
}*/

#wrapper .container .body .referenties .selectcontainer .selectwrapper {
	background-repeat:			no-repeat;
	background-position:		left top;
	background-color: red;
	float:						left;
	background: 				url(/images/site/selectbox-content-bg.png);
}

#wrapper .container .body .referenties .selectcontainer .selectwrapper ul {
	border:						0;
	width:						208px;
	height:						36px;
	text-transform: 			uppercase;
	font-weight:				bold;
	color:						#5F5F5F;
	background: 				url(/images/site/selectbox-bottom-bg.png);
	background-repeat:			no-repeat;
	background-position:		2px bottom;
	overflow:					hidden;
	margin-bottom:				-4px;
}

#wrapper .container .body .referenties .selectcontainer .selectwrapper ul li {
	display:					none;
	text-align:					center;
	height:						36px;
	line-height:				30px;
}

#wrapper .container .body .referenties .selectcontainer .selectwrapper ul.open li:hover span {
	color:						#0066CC;
}

#wrapper .container .body .referenties .selectcontainer .selectwrapper ul li.selected {
	display:					block;
	background-image:			url(/images/site/selectbox-arrow.png);
	background-repeat:			no-repeat;
	background-position:		180px 12px;
}

#wrapper .container .body .referenties .selectcontainer .selectwrapper ul li span {
	margin:						15px;
	cursor:						default;
}

#wrapper .container .body .referenties .slides {
	margin-top:					-40px;
}

#wrapper .container .body .referenties .slides .slide {
	width:						852px;
	height:						415px;
	background-image:			url(/images/site/referentie-tab.png);
	margin-left:				59px;
	margin-bottom:				40px;
	margin-top:					40px;
	padding-left:				30px;
	padding-top:				10px;
	position:					relative;
}

#wrapper .container .body .referenties .slides .slide .info {
	width:						211px;
	position:					absolute;
	top:						130px;
	left:						470px;
}

#wrapper .container .body .referenties .slides .slide .info .info-link {
	position:					absolute;
	left:						-15px;
	top:						0px;
	cursor:						pointer;
}

#wrapper .container .body .referenties .slides .slide .info .info-text {
	color:						#005064;
	background-color:			#00B3E4;
	padding:					5px;
}

#wrapper .container .body .referenties .slides .slide .slide-nav {
	position:					absolute;
	width:						300px;
	height:						24px;
	background-image:			url(/images/site/referentie-slide-bg.png);
	right:						80px;
	top:						360px;
}

#wrapper .container .body .referenties .slides .slide .slide-nav .arrow-left {
	position:					absolute;
	left:						-5px;
	top:						-8px;
	cursor:						pointer;
}

#wrapper .container .body .referenties .slides .slide .slide-nav .arrow-right {
	position:					absolute;
	right:						-5px;
	top:						-8px;
	cursor:						pointer;
}

#wrapper .container .body .referenties .slides .slide .slide-nav .description {
	position:					absolute;
	width:						160px;
	left:						70px;
	top:						5px;
	text-align:					center;
	text-transform:				uppercase;
	font-size:					12px;
	font-weight:				bold;
}

#wrapper .container .body .referenties .slides .slide h1 {
	text-transform: 			uppercase; 
	font-size: 					16px;
	text-shadow: 				#000 0px 0px 2px; 
	color: 						#FFF;
	background-image:			url(/images/site/spot.png);
	background-repeat:			no-repeat;
	background-position:		left center;
	margin-left:				-15px;
	padding-left:				15px;
}

#wrapper .container .body .referenties .slides .slide h2 {
	height:						47px;
	color:						#5F5F5F;
	font-size:					13px;
	text-transform: 			uppercase;
	padding-left:				52px;
	padding-top:				20px;
}

#wrapper .container .body .referenties .slides .slide h2 span {
	font-size:					25px;
}

#wrapper .container .body .referenties .slides .slide .text {
	float: 						left;
	width:						310px;
	height:						264px;
	margin-right:				50px;
	padding-left:				52px;
	padding-top:				20px;
	line-height:				16px;
}

#wrapper .container .body .referenties .slides .slide .images {
	float: 						right;
	width:						402px;
	height:						268px;
	margin-right:				23px;
	overflow:					hidden;
	border:						6px solid #C8C8C8;
}

#wrapper .container .body .referenties .slides .slide .images img {
	position:					absolute;
}

.ui-tabs { position: relative; width: 489px; margin-left: -250px; padding-left: 10px; padding-right: 10px; padding-bottom: 30px; text-align: justify; zoom: 1; background-image: url(/images/site/producten-tabs-bg.png); background-position: left bottom; left: 50%; margin-top: 150px; }
.ui-tabs .ui-tabs-nav { width: 500px; list-style: none; position: absolute; padding: .2em .2em 0; height: 30px; left: 0px; top: -30px; background-image: url(/images/site/producten-tabs-nav.png); background-repeat: no-repeat; background-position: left bottom;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; height: 17px; padding: 0; margin-left: 8px; background-image: url(/images/site/producten-tabs-inactive.png); background-repeat: repeat-x; background-position: left bottom; }
.ui-tabs .ui-tabs-nav li a { text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li a span { color: #FFF; text-transform: uppercase; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; background-image: url(/images/site/producten-tabs-active.png); background-repeat: repeat-x; background-position: left bottom; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }