.tx-z7references-pi1,
.tx-z7references-pi2 {
	width: 656px;
}

.tx-z7references-pi1 h1,
.tx-z7references-pi2 h1 {
	margin-top: 1em;
	margin-right: 6px;
}

.reference-item {
	width: 164px;
	float: left;
	margin-top: 6px;
	position: relative;
}

.reference-item img {
	width: 158px;
	height: 83px;
	display: block;
}

.reference-block-headline {
	background-color: #e5e5e5;
	font-size: 18px;
	font-weight: normal;
	padding: 1px 18px;
	margin: 18px 0 0 0;
}

.z7-reference-sortlink,
.z7-reference-sortlink-active,
.z7-reference-sortlink-asc,
.z7-reference-sortlink-desc {
	width: 153px;
	margin-right: 6px;
	float: left;
	font-size: 12px;
	color: #ffffff !important;
	padding-left: 5px;
	line-height: 15px;
	background-color: #000000;
	background-repeat: no-repeat;
	font-size: 11px;
}

.z7-reference-sortlink {
	background-image: url(filter-bg-none.png);
}

.z7-reference-sortlink-asc {
	background-image: url(filter-bg-asc.png);
}

.z7-reference-sortlink-desc {
	background-image: url(filter-bg-desc.png);
}

.reference-tooltip {
	width: 158px;
	position: absolute;
	left: 0px;
	bottom: 65px;
	display: none;
}

.reference-tooltip-top {
	background-color: #101010;
	padding: 6px 10px;
	color: #ffffff;
	font-weight: bold;
}

.reference-tooltip-middle {
	background-image: url(tooltip-bg-top.png);
	background-repeat: repeat-x;
	background-color: #101010;
	padding: 10px 10px 8px 10px;
	font-size: 11px;
	color: #c9c9c9;
}

.reference-tooltip-bottom {
	background-image: url(tooltip-bg-bottom.png);
	background-repeat: no-repeat;
	clear: both;
	height: 6px;
	font-size: 6px;
	line-height: 6px;
}

.reference-tooltip-middle a {
	margin-top: 5px;
	float: left;
}

.reference-tooltip-middle img {
	width: auto;
	height: auto;
}