a.foto, a.foto:visited {
	display:inline; 
	color:#333333; 
	text-decoration:none; 
	border:1px solid #333333; 
	width:114px; 
	height:76px; 
	float:left; 
	margin:7px 7px; 
	position:relative; 
	cursor:default;}

a.img1 {background:url(../bilder/thumbs/01SCHLANGEN.jpg);}
a.img2 {background:url(../bilder/thumbs/02SCHLANGEN.jpg);}
a.img3 {background:url(../bilder/thumbs/03SCHLANGEN.jpg);}
a.img4 {background:url(../bilder/thumbs/04SCHLANGEN.jpg);}
a.img5 {background:url(../bilder/thumbs/05SCHLANGEN.jpg);}
a.img6 {background:url(../bilder/thumbs/06SCHLANGEN.jpg);}
a.img7 {background:url(../bilder/thumbs/07SCHLANGEN.jpg);}
a.img8 {background:url(../bilder/thumbs/08SCHLANGEN.jpg);}
a.img9 {background:url(../bilder/thumbs/09SCHLANGEN.jpg);}
a.img10 {background:url(../bilder/thumbs/10SCHLANGEN.jpg);}

a.foto span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:425px; 
	height:343px; 
	top:189px; 
	left:9px; 
	color:#333333; 
	text-align:center; 
	border:1px solid #CCCCCC; 
	font-family:verdana, sans-serif; 
	cursor:default;}

a.img1 span {left:520px; top:0px;}
a.img2 span {left:392px; top:0px;}
a.img3 span {left:264px; top:0px;}
a.img4 span {left:136px; top:0px;}
a.img5 span {left:520px; top:-90px;}
a.img6 span {left:392px; top:-90px;}
a.img7 span {left:264px; top:-90px;}
a.img8 span {left:136px; top:-90px;}
a.img9 span {left:520px; top:-180px;}
a.img10 span {left:392px; top:-180px;}


a.foto:hover {white-space:normal; border:1px solid #CCCCCC; z-index:100;}

a.foto:hover span {visibility:visible; z-index:100;background:#666666;}

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

a.foto:active, a.foto:focus {border:1px solid #99CCFF; z-index:10;}

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

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