/* CSS Document */

#reference {
	/*width:480px;*/
	padding-left:18px;
	padding-top:15px;
}
/*
.photo {
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}

.photo .text {
	display:block;
	text-align:left;
	height:30px;	
}

.photo a:link, .photo a:visited { text-decoration:none; color:#666666; }
.photo a:hover { color:#ff9966 }
*/

.galerie
{
	border: 1px solid #bbb;
	padding: 15px 8px 0 8px;
	background-color: #e4e4e4;
	margin: 0px;
}

.galerie li
{
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0 7px 15px 7px;
	border: 1px solid #bbb;
	padding: 0px;
}

.galerie li>div
{
	/*\*/ display: table; /**/
	width: 199px;
	text-align:center;
}

.galerie a
{
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #f9fbff;
	cursor: pointer;
}

/* IE7? \*/
.galerie>li .wrimg
{
	display: table-cell;
	vertical-align: middle;
	width: 199px;
	height: 150px;
}
/**/

.galerie img
{
	border: solid 1px #fff;
	vertical-align: middle;
}

.galerie a:hover
{
	background-color: #e5ecff;
}

/*\*//*/
.galerie li .wrimg
{
	display: block;
	font-size: 1px;
}

.galerie .wrimg span
{
	display: inline-block;
	vertical-align: middle;
	height: 199px;
	width: 1px;
}
/**/

.galerie .caption
{
	display: block;
	padding: .3em 5px;
	font-size: .9em;
	line-height: 1.1;
	border-top: 1px solid #bbb;
	w\idth: 189px;
}

@media all and (min-width: 0px)
{
	.galerie
	{
		border-collapse: collapse;
	}
	.galerie a
	{
		display: inline-block;
		vertical-align: top;
	}
	.galerie
	{
		display: inline-block;
	}
}