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

a.img1 {background:url(../bilder/thumbs/PF_KREUZBERG01.jpg);}
a.img2 {background:url(../bilder/thumbs/PF_KREUZBERG02.jpg);}
a.img3 {background:url(../bilder/thumbs/PF_KREUZBERG03.jpg);}
a.img4 {background:url(../bilder/thumbs/PF_KREUZBERG04.jpg);}
a.img5 {background:url(../bilder/thumbs/PF_KREUZBERG05.jpg);}
a.img6 {background:url(../bilder/thumbs/PF_KREUZBERG06.jpg);}
a.img7 {background:url(../bilder/thumbs/PF_KREUZBERG07.jpg);}
a.img8 {background:url(../bilder/thumbs/PF_KREUZBERG09.jpg);}


a.foto span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:500px; 
	height:340px; 
	top:189px; 
	left:9px; 
	color:#cccccc; 
	text-align:center; 
	padding-bottom:4px;
	border:1px solid #cccccc; 
	font-family:verdana, sans-serif; 
	cursor:default;}

a.img1 span {left:372px; top:0px;}
a.img2 span {left:279px; top:0px;}
a.img3 span {left:186px; top:0px;}
a.img4 span {left:93px; top:0px;}
a.img5 span {left:372px; top:-124px;}
a.img6 span {left:279px; top:-124px;}
a.img7 span {left:186px; top:-124px;}
a.img8 span {left:93px; top:-124px;}


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;}