/*========================================
	    gallery
========================================*/


html{
	overflow:scroll;
	background:#cfdbef url('/images/gallery_bg.gif') top  center repeat-x;
	font-size: 13px;
	}
	
body{
	margin:0;
	}
	
#gallery{
	padding:6px;
	height:468px; /*480 - padding*/
	width:488px;  /*500 - padding*/
	}

		#gallery #top h2{
			margin:0;
			font-family:Century Gothic, Arial;
			font-size:16px;
			padding-bottom:3px;
			color:#ffffff;
			font-weight:bold;
			float:left;
			}
			
		#gallery #top a:hover{
			text-decoration:none;
			color:white;
			}
	#gallery #img{
		border:3px solid #ffd2a5;
		border-bottom:0;
		height:360px;
		width:480px;
		overflow:hidden;
		background:#000;
		text-align:center;
		}
	#gallery #img img {
		border:0;
		}		
	#gallery #img a{
		text-decoration:none;
		border:0;
		}
	#gallery #img a:hover{
		text-decoration:none;
		border:0;
		}
	#gallery #img a:visited{
		text-decoration:none;
		border:0;
		}
		
	#gallery #overlay{
		position:absolute;
		top:392px;
		left:9px;
		width:480px;
		background-color:black;
		height:30px;
		margin-top:-30px;
		
		}
		
		#gallery #overlay #navigatie{}
		
			#gallery #overlay #navigatie a{
				color:white;
				text-decoration:none;
				display:block;
				float:left;
				}
				
			#gallery #overlay #navigatie a.vorige{
				margin-top:3px;
				background:url(/images/vorige.png) center left no-repeat;
				padding:0 2px 0 2px;
				width:23px;
				height:26px;
				behavior: url(/js/iepngfix.htc);
				}
			
			#gallery #overlay #navigatie a.volgende{
				margin-top:3px;
				padding:0 2px 0 2px;
				background:url(/images/volgende.png) center left no-repeat;
				height:26px;
				width:23px;
				behavior: url(/js/iepngfix.htc);
				}
			
			#gallery #overlay #navigatie a.eerste{
				margin-top:3px;
				background:url(/images/eerste.png) center left no-repeat;
				padding:0 2px 0 2px;
				width:23px;
				height:26px;
				behavior: url(/js/iepngfix.htc);
				}
			
			#gallery #overlay #navigatie a.laatste{
				margin-top:3px;
				padding:0 2px 0 2px;
				background:url(/images/laatste.png) center left no-repeat;
				height:26px;
				width:23px;
				behavior: url(/js/iepngfix.htc);
				}
				
			#gallery #overlay #navigatie a:hover{
				color:white;
				}
			#gallery #overlay #navigatie #foto_nummer{	
				padding-top:8px;
				color:white;
				float:left;
				width:100px;
				text-align:center;
				font-family:arial;
				font-size:11px;
				}	
			
			#gallery #overlay #navigatie #code{
				float:left;
				}
				#gallery #overlay #navigatie #code  a{
					width:192px;
					height:24px;
					border:0;
					font-weight:bold;
					background:url(/images/url_bg.png) no-repeat top left;
					padding:0px 10px 3px 5px;
					margin:4px 20px 0px 20px;
					line-height:18px;
					font-size:13px;
					text-align:center;
					color:#999;
					behavior: url(/js/iepngfix.htc);
					}


	#gallery #thumbnails{
		position:absolute;
		left:7px;
		top:400px;
		height:51px;
		overflow:hidden;
		width:486px;
		}
		#gallery #thumbnails ul{
			margin:0;
			padding:0;
			list-style-type:none;
			}
			#gallery #thumbnails ul li{
				margin:0;
				padding:0;
				list-style-type:none;
				text-align:center;
				float:left;
				width:45px;
				height:42px;
				overflow:hidden;
				margin: 0px 6px 0px 0px;
				background-color:#fbb68f;
				border:3px solid #fbb68f;	
				}
			#gallery #thumbnails li.selected {
				border-color:#ff575c;
				background-color:#fbb68f;
				}
			#gallery #thumbnails li:hover{
				border-color:#ffffff;
				background-color:#ffffff;
				}
				#gallery #thumbnails ul li img{
				border:0;
				height:auto;
				height:inherit;
				width:inherit;
				}
	#gallery #scrollarea {
		position:absolute;
		left:7px;
		top:455px;
		height:20px;
		width: 480px;
		padding-bottom:10px;
		}
	
	#gallery #scrollarea #knop {
		height: 20px;
		width: 82px;
		background:transparent url(/images/gallery_knob.gif) top left no-repeat;
		}
	#gallery #scrollcontent{
	width:3000px;
		}