/*--Formatierung der Albumbox--*/
#album {
	width:510px;
	height:480px;
	background:none;
	border: none;
	margin: 0;
	padding: 0;
}

/*--Formatierung der Linkleiste--*/
.gallery {
	padding:0;
	margin:400px 0 0 0;
	list-style-type:none;
	position:relative;
	width:510px;
	border: none;
}

/*--Horizontale Anordnung der Listeneinträge--*/
.gallery li {
	float:left;
}

/*--Formatierung der Link-Buttons--*/
.gallery li a, .gallery li a:visited {
	/* font-size:11px; */
	display: block;
	text-decoration:none;
	color:#000;
	background:#fff;
	text-align:center;
	width:26px;
	height:26px;
	line-height:24px;
	/* border:1px solid #444; */
	margin:4px 3px 0 0;
	
}

/*--Hover-Formatierung der Link-Buttons--*/
.gallery li a:hover {
	background:#ddd;
}
/*--active und focus-Formatierung der Link-Buttons--*/
.gallery li a:active, .gallery li a:focus {
	background:#444;
	color:#fff;
}

/*-- Blendet die Bilder aus--*/
.gallery li a img {
	visibility:hidden;
	border:0;
}

/*--Positionierung der Querformat-Bilder--*/
.gallery li a img.quer {
	position: absolute;
	top: -410px;
	left: 0;
	height: 410px;
	width: 510px;
}

/*--Positionierung der Hochformat-Bilder*/
.gallery li a img.hoch {
	position: absolute;
	top: -410px;
	left: 90px;
	height: 410px;
}

/*--Einblenden der Bilder im active/focus-Zustand--*/
.gallery li a:active img, .gallery li a:focus img {
	visibility:visible;
}

.gallery li img.small {
	border:1px solid #c0c0c0;
	visibility: visible;
	height: 27px;
	width: 25px;
} 
#startbild{
	visibility:visible;
}