.portfolioText{
	width: 307px;
	margin-top: 30px;	
}

.portfolioText p{
	font-size:1.2em;
}



#scrollerwrapper {
	display: block;
	position:relative;
	margin: 0 auto;
	width: 100%;
	height: 130px;
	background-color:#FFEBF1;
	border-top:1px dotted #BF1B3C;
	border-bottom:1px dotted #BF1B3C;
}
	#scroller {
		display: block;
		margin: 0 auto;
		padding: 10px 0px;
		width: 502px;  /* deze de juiste breedte geven anders verspringt het geheel bij refresh, javascript file rekent dit uit - met firebug te checken */
	}
		#scroller_left, 
		#scroller_right {
			float: left;
			width: 32px;
			height: 90px;
		}
		#scroller_middle {
			float: left;
			overflow: hidden;
			position:relative;
			width: 438px; /* deze de juiste breedte geven anders verspringt het geheel bij refresh, javascript file rekent dit uit - met firebug te checken */
			height: 90px;
		}
			#scroller_middle ul {
				list-style: none;
				width: 2000px;
				margin: 0px;
				padding: 0px;
			}
			#scroller_middle ul li {
				float: left;
				height: 75px;
				width: 100px;
				margin-right: 10px;
				margin-top: 10px;
				border: 1px solid #a4a4a4;
			}
		
	#alt {
		display:block;
		width: 462px;
		height: 23px;
		padding-left: 20px;
		text-align: center;
	}





#zoomwrapper {
	display: block;
	height: 450px;
	border-bottom:1px dotted #BF1B3C;
}
	#zoom {
		display: block;
		overflow: hidden;
		position: absolute;
		width: 579px;
		height: 450px;
	}
		.items {
			display: block;
		}
	
		#zoom .items .item {
			width: 579px;
			height: 450px;
		}
			.itemLeft {
				float: left;
				width: 252px;
				padding-left: 20px;
				padding-top: 30px;
			}
				.itemLeft p{
					padding: 0px;
				}
				.logo {
					display: block;
					vertical-align: bottom;
					width: 250px;
					height: 70px;
					text-align: right;
				}
				.thumbs {
					display: block;
					width: 250px;					
				}
					.thumbs ul {
						list-style: none;
						width: 250px;
						height: 195px;
						margin: 0px;
						padding: 0px;
						background-color: #FFFFFF;
					}
					.thumbs ul li {
						position: absolute;
						border: 1px solid #a4a4a4;
						list-style:none;
						height: 188px;
					}		


#navigatie {
	display: block;
	height: 20px;
	width: 579px;
	background-color:#FFEBF1;
	border-top:1px dotted #BF1B3C;
	border-bottom:1px dotted #BF1B3C;
}
	#navigatie_left {
		float: left;
		width: 20px;
		height: 20px;
	}
	#navigatie_middle {
		float: left;
		width: 539px;
		text-align: center;
		font-size: 9px;
		color: #bf1b3c;
	}
	#navigatie_right {
		float: left;
		width: 20px;
		height: 20px;
	}

	#navigatie_left a {
		display: block;
		margin-top: 4px;
		margin-left: 4px;		
		width: 12px;
		height: 11px;
		background-image:url("../img/navigatie_prev.png");
		background-repeat: no-repeat;
		background-position: 0 0;	
	}
	#navigatie_left a:hover {
		background-position: -12px 0;
	}
	#navigatie_right a {
		display: block;
		margin-top: 4px;
		margin-left: 4px;
		width: 12px;
		height: 11px;
		background-image:url("../img/navigatie_next.png");
		background-repeat: no-repeat;
		background-position: 0 0;	
	}
	#navigatie_right a:hover {
		background-position: -12px 0;
	}









.next {
	display: block;
	margin: 33px 0px 0px 0px;
	width: 32px;
	height: 32px;
    cursor: pointer;
    background-image: url("/img/next-horizontal.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}
.next:hover {
    background-position: -32px 0;
}

.next:active {
    background-position: -64px 0;
}

.next_disabled,
.next_disabled:hover{
	cursor: default;
	background-position: -96px 0;
}

.prev {
	display: block;
	margin: 33px 0px 0px 0px;
	width: 32px;
	height: 32px;
    cursor: pointer;
    background-image: url("/img/prev-horizontal.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

.prev:hover {
    background-position: -32px 0;
}

.prev:active {
    background-position: -64px 0;
}

.prev_disabled,
.prev_disabled:hover {
    cursor: default;
    background-position: -96px 0;
}