/* Fotogallery v. Loef van Horne, by WurmQ-Design */
/* All associated graphics copyright 2006, Jeffrey Sonnema */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
	
	 
/* Fotogallery
--------------------------------------------------------------*/

.Album{
	float:right;
	width:220px;
	height:78px;
	text-align:left;
	border-left:1px dashed #d39245;
	padding-left:20px;
}

.a, .a:visited {
	color:#d39245;
}
.Foto {
	position:relative;
	float:left;
	width:420px; 
	height:302px; 
}
a.gallery, a.gallery:visited {
	display:inline; 
	color:#d39245; 
	text-decoration:none; 
	border:1px solid #d39245; 
	width:90px; 
	height:68px; 
	float:left; 
	margin:0px 10px 10px 0px; 
	position:relative;
	cursor:pointer;
}

a.slidea {
	background:url("../pic/album1_ginger/ginger_1a.jpg");
}
a.slideb {
	background:url("../pic/album1_ginger/ginger_2a.jpg");
}
a.slidec {
	background:url("../pic/album1_ginger/ginger_3a.jpg");
}
a.slided {
	background:url("../pic/album1_ginger/ginger_4a.jpg");
}
a.slidee {
	background:url("../pic/album1_ginger/ginger_5a.jpg");
}
a.slidef {
	background:url("../pic/album1_ginger/ginger_6a.jpg");
}
a.slideg {
	background:url("../pic/album1_ginger/ginger_7a.jpg");
}
a.slideh {
	background:url("../pic/album1_ginger/ginger_8a.jpg");
}
a.slidei {
	background:url("../pic/album1_ginger/ginger_9a.jpg");
}
a.slidej {
	background:url("../pic/album1_ginger/ginger_10a.jpg");
}
a.slidek {
	background:url("../pic/album1_ginger/ginger_11a.jpg");
}
a.slidel {
	background:url("../pic/album1_ginger/ginger_12a.jpg");
}
a.slidem {
	background:url("../pic/album1_ginger/ginger_13a.jpg");
}
a.sliden {
	background:url("../pic/album1_ginger/ginger_14a.jpg");
}
a.slideo {
	background:url("../pic/album1_ginger/ginger_15a.jpg");
}
a.slidep {
	background:url("../pic/album1_ginger/ginger_16a.jpg");
}
/* frame met foto */
a.gallery span {
	visibility:hidden; 
	display:block;
	position:absolute;
	width:320px; 
	height:240px;
	text-align:center;
	background:#3f2714;
	border:1px solid #d39245;
	font-family:Arial, Georgia, Helvetica;
	color:#fffbcf;
	font-weight:bold;
	cursor:default;
}

a.slidea span {
	left:480px; top:18px;
}
a.slideb span {
	left:378px; top:18px;
}
a.slidec span {
left:276px; top:18px;
}
a.slided span {
	left:174px; top:18px;
}
a.slidee span {
	left:480px; top:-62px;
}
a.slidef span {
	left:378px; top:-62px;
}
a.slideg span {
	left:276px; top:-62px;
}
a.slideh span {
	left:174px; top:-62px;
}
a.slidei span {
	left:480px; top:-142px;
}
a.slidej span {
	left:378px; top:-142px;
}
a.slidek span {
	left:276px; top:-142px;
}
a.slidel span {
	left:174px; top:-142px;
}
a.slidem span {
	left:480px; top:-222px;
}
a.sliden span {
	left:378px; top:-222px;
}
a.slideo span {
	left:276px; top:-222px;
}
a.slidep span {
	left:174px; top:-222px;
}
a.gallery:hover {
	white-space:normal; border:1px solid #3f2714; z-index:100;
}

a.gallery:hover span {
	visibility:visible; z-index:100;
}

a.gallery:hover span img {
	margin:10px; border:1px solid #d39245; position:relative; z-index:100;
}

a.gallery:active, a.gallery:focus {
	border:1px solid #3f2714; z-index:10;
}

a.gallery:active span, a.gallery:focus span {
	visibility:visible; z-index:10;
}

a.gallery:active span img, a.gallery:focus span img {
	border:1px solid #d39245; position:relative; margin:10px; z-index:10;
}