@import 'http://www.frankblomhovenier.nl/css/framework.css';
@import 'http://www.frankblomhovenier.nl/css/blom.css';

/* ------------------- =Diashowcontainer ---------------------- */

#Diashowcontainer{
	float:left;
	width:480px;
	padding:0 0 100px 0;
	overflow:hidden;
}
	#Diashowcontainer #Diashowbox{
		float:left;
		padding:4px;
		border:1px solid #ddd;
		background:#f7f7f7;
		margin:1em 0;
	}
#Diashowcontainer #Imgbox ul{
	float:left;
	width:466px;
	padding:0;
	background:#f7f7f7;
}
	#Diashowcontainer #Imgbox li{
		float:left;
		position:relative;
		border:1px solid #d4c0c7;
		width:70px;
		height:70px;
		margin:0 6px 6px 0;
		background:#fff;
	}
		#Diashowcontainer #Imgbox li a{
			position:absolute;
			top:50%;
			left:50%;
			display:block;
			text-align:center;
		}
			#Diashowcontainer #Imgbox li a img{
				position:relative;
				top:-50%;
				left:-50%;
			}
	#Diashowcontainer #Imgbox[id] li{
		position:static;
		display:table;
		padding:0;
	}
		#Diashowcontainer #Imgbox[id] li a{
			position:static;
			display:table-cell;
			vertical-align:middle;
			text-align:center;
		}
			#Diashowcontainer #Imgbox[id] li a img{
				position:static;
			}
		#Diashowcontainer #Imgbox li a:hover{
			border-color:#DC002E;
		}
#Bigimg{
	float:left;
	width:462px;
	padding:6px;
	text-align:center;
	background:#f7f7f7;
	border:1px solid #ddd;
	overflow:hidden;
}
		/*scrollers */
#Diashowcontainer #scrollLeft,
#Diashowcontainer #scrollRight{
	float:left;
	display:none;
	text-align:center;
	color:#999;
	font-weight:bold;
	margin:0 6px 0 0;
	padding:24px 0 0 0;
	width:12px;
	height:46px;
	border:1px solid #d4c0c7;
	background:#f7f7f7 url(../images/arrows/arrows_scroll.gif) no-repeat -2px 30px;
	cursor:pointer;
	overflow:hidden;
	text-indent:100px;
}
	#Diashowcontainer #scrollRight{
		margin:0;
		background-position:-18px 30px;
	}