@charset "utf-8";
/* CSS Document */

/*
 * Start: Gallery
 */
 
/*
 *	Rahmen um Bilder:
 *
 *	1px		+		8px			+ 	1px		+		image-width		+		1px		+		8px			+		1px
 *																		= 124px
 *
 *	-> Gesamtbreite und -höhe: 144px + 4.0em = 194px
 */

.gallery {
	width: 100%;

	display: block;

	position: relative;
	margin: 0 0 0 -10px;
}

.gallery .gallery-item {
	width: 15.0em;
	height: 20.0em;
	
	display: block;
	
	position: relative;
	margin: 0 0 20px 10px;

	float: left;
}

#content .gallery .gallery-item a.item-link img {
	display: block;
	border: 1px solid #ffffff;
}

#content .gallery .gallery-item a.item-link {
	padding: 8px;
	
	position: absolute;
	bottom: 5.0em;
	left: 6.5em;	/* = 15.0 em / 2 - 0.1em - 0.8em - 0.1em */
	
	border: 1px solid #cccccc;
	
	background-image: url(../images/buttons/gallery-image-border.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	
	background-color: #cccccc;
}

#content .gallery .gallery-item a.item-link:hover {
	border-color: #bebebe;
	
	background-image: url(../images/buttons/gallery-image-border-hover.png);

	background-color: #bebebe;
}

.gallery .gallery-item p {
	width: 100%;
	height: 4.0em;
	
	font-size: 1.1em !important;
	line-height: 1.3em !important;
	
	display: block;
	overflow: hidden;
	
	margin: 0;
	
	position: absolute;
	bottom: 0;
}