/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/

div#portfolio_container {
}
	/*
 
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 the width and height for the root element and
not for this element.
*/
div#slider_container {
}

.item {
	white-space: nowrap;
	float: left;
	width: 250px; /* = afbeelding-formaat!!*/
	height: 200px;
	overflow: hidden;
}

div#select_type {
	height: 18px;
	width: 100%;
	text-align: center;
}
div#select_type input{
	width: 80px;
	margin: 0px;
	float: right;
}

.portfolio_thumb {
	border: 1px solid #808080;
	margin: 0px;
	height: 168px;
	width:  240px;
	background-color: #F5F5F5;
}

.portfolio_img {
	float: right;
	margin-left: 20px;
	border: 1px solid black;
}


/* active item */
.scrollable .active {
  border:2px solid #000;
  position:relative;
  cursor:default;
}

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

#actions {
	position: absolute;
	left: 0px;
	float: left;
	height: 50px;
	bottom:-50px; /* -hoogte*/
	width: 100%;
	text-align: center;
 /*border: 1px solid black; /* */
}

#actions a {
	cursor: pointer;
}

.disabled {
	filter: alpha(opacity:1); /* % IE8- (Win) */
  -khtml-opacity: 0.01; /* Safari<1.2, Konqueror */
  -moz-opacity:   0.01; /* Older Mozilla and Firefox */
  opacity:        0.01; /* Safari 1.2, newer Firefox and Mozilla, CSS3	*/
}