a, a:visited, a:hover, a:active {
color:#000;
}

#album {
width:327px; 
height:320px; 
background:#fff url(../images/kirche_idafehn/00.jpg) 0 20px no-repeat;
border:1px solid #fff; 
margin:0 auto;
}

.gallery {
padding:0; 
margin:320px 0 0 0; 
list-style-type:none; 
position:relative; 
width:320px;
}

.gallery img {
border:1px solid #ccc; 

}

.gallery li {
float:left;
}
.gallery li a, .gallery li a:visited {
	font-size:10px;
	float:left;
	text-decoration:none;
	color:#000;
	background:#fff;
	text-align:center;
	width:20px;
	height:20px;
	line-height:20px;
	border:1px solid #444;
	margin:2px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: default;
}

.gallery li a img {
position:absolute; 
top:-300px; 
left:0; 
visibility:hidden; 
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.gallery li a img.landscape {
top:-320px;
}

.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}

.gallery li a:hover {
background:#ddd;
}

.gallery li a:active, .gallery li a:focus {
background:#99CCCC; 
color:#000000;
}

.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}