/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* balk met de kleine fotootjes */
#gallery {width:600px; position:relative; height:60px; padding-top:270px; }

#gallery img.left {width:37px; height:52px; background:#fff; float:left;cursor:pointer;}
#gallery img.right {width:37px; height:52px; background:#fff; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#ffffff;}
#gallery ul li {display:inline; width:65px; height:50px; float:left; margin:0 4px; border:1px solid #cccccc; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(thumbs/th1.jpg);}
#gallery ul li.th2 {background:url(thumbs/th2.jpg);}
#gallery ul li.th3 {background:url(thumbs/th3.jpg);}
#gallery ul li.th4 {background:url(thumbs/th4.jpg);}
#gallery ul li.th5 {background:url(thumbs/th5.jpg);}
#gallery ul li.th6 {background:url(thumbs/th6.jpg);}
#gallery ul li.th7 {background:url(thumbs/th7.jpg);}
#gallery ul li.th8 {background:url(thumbs/th8.jpg);}
#gallery ul li.th9 {background:url(thumbs/th9.jpg);}
#gallery ul li.th10 {background:url(thumbs/th10.jpg);}
#gallery ul li.th11 {background:url(thumbs/th11.jpg);}
#gallery ul li.th12 {background:url(thumbs/th12.jpg);}
#gallery ul li.th13 {background:url(thumbs/th13.jpg);}
#gallery ul li.th14 {background:url(thumbs/th14.jpg);}
#gallery ul li.th15 {background:url(thumbs/th15.jpg);}
#gallery ul li.th16 {background:url(thumbs/th16.jpg);}
#gallery ul li.th17 {background:url(thumbs/th17.jpg);}
#gallery ul li.th18 {background:url(thumbs/th18.jpg);}
#gallery ul li.th19 {background:url(thumbs/th19.jpg);}

/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {display:block; width:65px; height:50px;}

/* dit is de tekst */
#gallery ul li span {
	display:none;
	position:absolute;
	left:350px;
	top:15px;
	width:250px;
	height: 230px;
	font-family:Tahoma, Arial, sans-serif;
	color:#333333;
	font-size:12px;
	text-align:justify;
}


#gallery h2{
	font-size:14px;
	color:#07A4E2;
	font-weight:bold;
	margin-top: 6px;
    margin-bottom: 4px;
	border-bottom-width: 1pt;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
}
#tekst .inhoud h3, #tekst .inhoud_home h3{
	font-size:12px;
	color:#07A4E2;
	font-weight:normal;
	margin-top: 8px;
	margin-bottom: 0px;
}


/* titel omschrijving */
#gallery ul li b {color:#fff;}

/* de gekozen foto  */
#gallery ul li.chosen {
	cursor:default;
	background-image: url(http://www.aafrenkema.nl//images/layout/hover_gallery.png);
	background-repeat: no-repeat;
}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:300px; height:230px; background:#fff; margin-top: 15px;}
#gallery ul li.chosen div i {width:300px; height:230px; display:table-cell; vertical-align:middle; } 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #ccc; margin:0 auto;}
#gallery ul li.chosen span {display:block;}