/* CATEGORY FILTER */
.reference_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	line-height:1.3em;
	margin:0 0 15px 0;
}
.reference_text b {
	color:#FFFFFF;
	background-color:#7FA8C7;
	padding:5px 204px 5px 5px;
	font-size:14px;
}
.filter  {
	border-bottom: 1px solid #7fa8c7;
	padding: 0 0 20px 0;
	height: 45px;
	position: relative;
}
.filter .referenz_cat1 {
	position:relative;
	display:inline-block;
	float:left;
	width:152px;
	height:32px;
	margin:17px 0 0 0;
	cursor:pointer;
}
.filter .referenz_cat2 {
	position:relative;
	display:inline-block;
	float:left;
	width:152px;
	height:32px;
	margin:17px 0 0 5px;
	cursor:pointer;
}
/* Referenzen */
#page_reference {
	width: 650px;
	position: relative;
}

#references .data {
	clear: both;
	height: 174px;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #7fa8c7;
	padding: 0 0 20px 0;
}

#references .data .left {
	float: left;
	font-size: 14px;
	height: 189px;
	width: 305px;
}

#references .data .left .title {
	font-size: 14px;
	padding: 0;
	font-weight: normal;
	margin: 0;
}

#references .data .left .title b {
	color: #7fa8c7;
}

#references .data .left .description {
	margin: 10px 0 0 0;
	text-align: justify;
	line-height: 17px;
	font-size: 12px;
}

#references .data .left .service {
	margin: 10px 0 0 0;
	text-align: justify;
	line-height: 17px;
	font-size: 12px;
}

#references .data .left .service img {
	margin: 0 5px 0 0;
}


#references .data .right {
	float: right;
	width: 331px;
	height: 174px;
	background: url('../../../templates/frontend/hovida/images/gfx/references/img_bg.png') no-repeat;
}

#references .data .right .image {
	position: relative;
	margin: 6px 0 0 7px;
	width: 316px;
	height: 160px;
	display: inline-block;
}

#references .data .right .image .site {
	display: inline-block;
	cursor: pointer;
	position: absolute;
	width: 32px;
	right: 0px;
	top: 50px;
	height: 27px;
	background: url('../../../templates/frontend/hovida/images/gfx/references/b2_min.png') no-repeat;
}

#references .data .right .image .site:hover {
	width: 152px;
	background: url('../../../templates/frontend/hovida/images/gfx/references/b2_max.png') no-repeat;
}

#references .data .right .image .screen {
	display: inline-block;
	width: 32px;
	right: 0px;
	top: 20px;
	cursor: pointer;
	position: absolute;
	height: 27px;
	background: url('../../../templates/frontend/hovida/images/gfx/references/b1_min.png') no-repeat;
}

#references .data .right .image .screen:hover {
	width: 152px;
	background: url('../../../templates/frontend/hovida/images/gfx/references/b1_max.png') no-repeat;
}

#references .data .right .image .screen:hover a {
	width: 152px;
	height: 27px;
	display: block;
}

/* TOP REFERENCES - SLIDER */
#page_reference #top_reference {
	height: 96px;
	border-bottom: 1px solid #7fa8c7;
	padding:0 0 20px 0;
}

#page_reference #top_reference .img{
	float: left;
	width: 650px;
	height: 96px;
}

#page_reference #top_reference span.image {
	width: 275px;
	height: 96px;
	display: inline-block;
}


#page_reference #top_reference .main {
	height: 96px;
	width: 400px;
	float: right;
	position: relative;
}

#page_reference #top_reference .main span.left {
	width: 42px;
	height: 96px;
	position:absolute;
	margin:0 0 0 10px;
	left: 0;
	display: inline-block;
	background: url('../../../templates/frontend/hovida/images/gfx/references/t1_left.png') no-repeat;
}

#page_reference #top_reference .main span.middle {
	height: 96px;
	position:absolute;
	float:right;
	width: 313px;
	margin:0 35px 0 51px;
	display: inline-block;
	font-size: 11px;
	background: url('../../../templates/frontend/hovida/images/gfx/references/t1_middle.png') repeat-x;
}

#page_reference #top_reference .main span.middle b {
	color: #7fa8c7;
	font-size: 14px;
	display: inline-block;
	margin:10px 0 5px 0;
}

#page_reference #top_reference .main span.right {
	width: 11px;
	position: absolute;
	height: 96px;
	margin: 0 25px 0 0;
	right: 0;
	float:left;
	display: inline-block;
	background: url('../../../templates/frontend/hovida/images/gfx/references/t1_bottom.png') no-repeat;
}