/* 
			Scrollable
		*/ 

		div.scrollable { 
			/* required settings */
			position: absolute;
			top: 18px;
			left: 31px;
			overflow:hidden;
			
			width: 939px;
			height: 220px;
			border-top: 0px solid #fff;
			border-left: 0px solid #fff;
			border-right: 0px solid #fff;
			border-bottom: 0px solid #003c5a;
			z-index: 997;
			
		} 

		div.scrollable div.items { 
			/* this cannot be too large */ 
			width:20000em; 
			position:absolute; 
		} 

		div.scrollable div.items div {
			float:left;
			
			border-left: 0px solid #fff;
			border-right: 1px solid #e7e6de;
			border-bottom: 0px solid #fff;
			width: 234px;
			padding: 0px;
			cursor: pointer;
			background: #e6e2d3;
			text-shadow: #edeae0 1px 1px 0px;
			margin: 0px 0px 0px 0px;
		}
		div.scrollable div.items div:hover {
			/*border-top: 6px solid #048bc7;*/
			background: #edece6;
			text-shadow: #fff 1px 1px 0px;
			cursor: pointer;
		}
		
		/* active item */
		div.scrollable div.items div.active {
			border-top: 6px solid #c77b11;
			background: #e7e6dd;
			text-shadow: #fff 1px 1px 0px;
		}
		
			
		div.scrollable div.items div a {
			text-decoration: none;
			border: 0px;
			cursor: pointer;
			background: #e6e2d3;
		}
		div.scrollable div.items div a:hover {
			text-decoration: none;
			border: 0px;
			cursor: pointer;
			background: #edece6;
		}
		
		div.scrollable div.items div img {
			float:left;
			width: 234px;
			border: 0px;
		}
		div.scrollable div.items div .label {
			width: 224px;
			height: 45px;
			border-top: 6px solid #003c5a;
			display: block;
			padding: 15px 0px 10px 10px;
			color: #003c5a;
			font-size: 26px;
			line-height: 22px;
			font-family: Georgia, Times, "Times New Roman", serif;
		}
		div.scrollable div.items div:hover .label {
			border-color: #c77b11;
		}
		div.scrollable div.items div .label .sublabel {
			font-size: 14px;
			color: #c77b11;
		}
		
		
		/* styling for the image wrapper  */ 
		#image_wrap { 
			/* dimensions */
			width: 100%;
				height: 470px;

			/*height: 420px;*/
			margin: 0px auto;
			padding:0px 0;
			text-align:center;
			z-index: 1;
			overflow: hidden;
		}
		
		#image_wrap img {
			 margin-top: 80px;
		}
		
		/* Carousel */
		div.scrollable div.items2 { 
			/* this cannot be too large */ 
			width:20000em; 
			position:absolute; 
		} 

		div.scrollable div.items2 div {
			float:left;
			border-top: 6px solid #003c5a;
			border-left: 0px solid #fff;
			border-right: 1px solid #fff;
			border-bottom: 1px solid #fff;
			width: 234px;
			padding: 0px;
			cursor: pointer;
			background: #e6e2d3;
			text-shadow: #edeae0 1px 1px 0px;
			margin: 0px 0px 0px 0px;
		}
		div.scrollable div.items2 div:hover {
			border-top: 6px solid #c77b11;
			/*border-top: 6px solid #048bc7;*/
			background: #edece6;
			text-shadow: #fff 1px 1px 0px;
			cursor: pointer;
		}
		
		/* active item */
		div.scrollable div.items2 div.active {
			border-top: 6px solid #c77b11;
			background: #e7e6dd;
			text-shadow: #fff 1px 1px 0px;
		}
		
		
		div.scrollable div.items2 div.dingen {
			float:left;
			border: 1px solid #f0efe8;
			width: 213px;
			margin: 0px 10px 0px 10px;
			padding: 0px 0px 0px 0px;
			cursor: pointer;
			text-shadow: #edeae0 1px 1px 0px;
		}
		div.scrollable div.items2 div.dingen:hover {
			border: 1px solid #fff;
			text-shadow: #fff 1px 1px 0px;
		}
		
		
		

		div.scrollable div.items2 div.dingen img {
			float:left;
			width: 213px;

		})
		


/* BUTTONS */

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/arrows.gif) no-repeat;
	display:block;
	width:20px;
	height:40px;
	position: absolute;
	top:83px;
	margin:0px 0px;
	cursor:pointer;
	font-size:1px;

}


/* right */
.right {
	right: 8px;
}
a.right 				{ background-position: -20px -29px;}
a.right:hover 	{ background-position: -40px -29px; }
a.right:active 	{ background-position: -40px -29px; }


/* left */
.left {

	left: 12px;
}
a.left					{ background-position: 0px 10px;} 
a.left:hover  		{ background-position: -40px 10px; }
a.left:active 	 	{ background-position: 0px 10px; }



/* disabled navigational button */
a.disabled {
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
} 	


/* position and dimensions of the navigator */ 
.navi { 
    position: absolute;
    bottom: -20px;
    left: 482px;
    width:200px; 
    height:20px; 
    text-align: center;

}
 
 
 
/* items inside navigator */ 
.navi a {
    width:14px; 
    height:13px; 
    float:left; 
    margin:3px; 
    background: url(../images/navigator.gif) 0 0 no-repeat; 
    display:block; 
    font-size:1px;
     cursor: pointer;
} 
 
/* mouseover state */ 
.navi a:hover { 
    background-position:0px -13px;   
    cursor: pointer;
} 
 
/* active state (current page state) */ 
.navi a.active { 
    background-position:0px -26px;      
}