#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;  float:left} 
#overlay img{ border: none; }

/*#overlay{ background-image: url(../img/overlay.png);  float:left}*/

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../overlay.png", sizingMethod="scale");
	}
	
/*	Wens je gebruik te maken van de transparent zwarte achtergrond moet je de plaats waar 
de .PNG staat aanpassen in de lightbox.css:
#overlay{ background-image: url(pad/naar_afbeelding/overlay.png); }*/
/*Daar de transparent .PNG ook werkt met IE6 is de CSS niet valid en gebruikt een speciale 
filter enkel voor IE6, maar opgelet: De verwijzing naar de .PNG in de CSS voor IE6 moet ten opzichte zijn van webpagina naar afbeelding, niet ten opzichte zijn vanuit de CSS naar de afbeelding.*/