.a, .a:visited {color:#000;}
#containergal {position:relative; width:402px; height:445px; border:1px solid #000; margin:10px auto;color:#333;font-family:arial;font-size:x-small}
#containergal b {font-size:small;font-weight:normal; width:400px; text-align:center; position:absolute; bottom:250px; left:0; color:#666; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.3em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #ccc; width:48px; height:48px; float:left; margin:0;position:relative; cursor:default;}


.samos1  {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0605.jpg) no-repeat #ccc 50% 65%}
a.slidea {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0600.jpg);}
a.slideb {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0602.jpg);}
a.slidec {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0603.jpg);}
a.slided {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0604.jpg);}
a.slidee {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0605.jpg);}
a.slidef {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0607.jpg);}
a.slideg {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0608.jpg);}
a.slideh {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0610.jpg);}
a.slidei {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0612.jpg);}
a.slidej {background:url(http://blog.haroldbeukers.nl/gallery/DSCN0613.jpg);}

/*-----16 juli 2004 Pilion------*/
.pilion1 {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0291.jpg) no-repeat #ccc 50% 65%}
a.slidek {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0265.jpg);}
a.slidel {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0266.jpg);}
a.slidem {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0270.jpg);}
a.slideo {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0287.jpg);}
a.slidep {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0291.jpg);}
a.slideq {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0302.jpg);}

.pilion2 {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0329.jpg) no-repeat #ccc 50% 42%}
a.slider {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0321.jpg);}
a.slides {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0324.jpg);}
a.slidet {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0329.jpg);}
a.slideu {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0332.jpg);}
a.slidev {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0335.jpg);}
a.slidew {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0337.jpg);}
a.slidex {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0345.jpg);}
a.slidey {background:url(http://www.haroldbeukers.nl/images/pilion2004/DSCN0375.jpg);}

a.gallery span {visibility:hidden; display:block; position:absolute; width:396px; height:370px; top:60px; left:9px; color:#000; background:#ccc; text-align:center; border:0px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif;font-size:small; letter-spacing:1px; cursor:default;}

a.een span {left:-0px; top:50px;}
a.twee span {left:-50px; top:50px;}
a.drie span {left:-100px; top:50px;}
a.vier span {left:-150px; top:50px;}
a.vijf span {left:-200px; top:50px;}
a.zes span {left:-250px; top:50px;}
a.zeven span {left:-300px; top:50px;}
a.acht span {left:-350px; top:50px;}


a.gallery:hover {white-space:normal; border:1px solid #FF6600; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #c00; 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 #000; position:relative; margin:10px; z-index:10;}
