/* REF HEAD ---------------------------------------------------------------------------- */

#ref-head {
	position:			relative;
	width:				700px;
	margin:				10px 0 20px 0;
	background: 		transparent url(../../bilder/content/hl-back-50.png) 0px -5px no-repeat;
	text-align:			left;
	display:			block;
}

#ref-head .logo {
	position:			relative;
	background: 		url(../../bilder/ref/logo-back.gif) right top repeat-y;
	padding:			0px 12px 0px 12px;
	float:				left;
}

#ref-head .info {
	position:			relative;
	padding:			10px 12px 5px 12px;
	float:				left;
}

#ref-head .info .hl  {
	position:			relative;
	height:				45px;
	font-size: 			16px;
	line-height:		25px;
	text-decoration:	none;
	font-weight:		bold;
	color:				#165085;
	display:			block;
}

#ref-head .info .infoline  {
	position:			relative;
	width:				100%;
	min-height:			20px;
	display:			block;
}

#ref-head .info .infoline .headline  {
	position:			relative;
	width:				80px;
	font-weight:		normal;
	font-size: 			11px;
	line-height:		15px;
	text-decoration:	none;
	color:				#9ca1a7;
	float:				left;
}

#ref-head .info .infoline .text  {
	position:			relative;
	font-weight:		normal;
	font-size: 			11px;
	line-height:		15px;
	text-decoration:	none;
	color:				#616367;
	float:				left;
}

/* SPRECHBLASE FULL TOP ---------------------------------------------------------------------------- */

.sprechblase-o {
	position:			relative;
	width:				710px;
	margin:				0px -5px 10px -5px;
	overflow:			hidden;
}

.sprechblase-o .head {
	width:				710px;
	height:				40px;
	background: 		transparent url(../../bilder/ref/blase-o-head.png) left top no-repeat;
	float:				left;
}

.sprechblase-o .body {
	width:				630px;
	padding:			0px 40px 25px 40px;
	font-weight:		100;
	font-size:			15px;
	line-height:		25px;
	font-style:			italic;
	color:				#616367;
	background: 		transparent url(../../bilder/ref/blase-o-body.png) left bottom no-repeat;
	float:				left;
}

/* REF-LISTE ---------------------------------------------------------------------------- */

.ref-liste {
	width:				710px;
	margin:				0 -5px 0 -5px;
	float:				left;
}

.ref-liste .logo {
	position:			relative;
	width:				122px;
	height:				63px;
	padding:			15px 10px 15px 10px;
	margin:				0 0 0 0;
	background: 		transparent url(../../bilder/ref/listbox.png) left top no-repeat;
	float:				left;
}

.ref-liste .more {
	position:			relative;
	margin:				46px 0 0 -59px;
	float:				left;
}

/* REF GOOGLE ---------------------------------------------------------------------------- */

.ref-google {
	position:			relative;
	width:				700px;
	margin:				10px 0 20px 0;
	background: 		transparent url(../../bilder/content/hl-back-50.png) 0px -15px no-repeat;
	text-align:			left;
	float:				left;
}

.ref-google .screen {
	position:			relative;
	padding:			0px 10px 0px 12px;
	background: 		#FFFFFF;
	float:				left;
}

.ref-google .screen .screenshot {
	position:			relative;
	width:				140px;
	height:				120px;
	padding:			15px 10px 15px 10px;
	margin:				-5px 0 0 0;
	background: 		transparent url(../../bilder/ref/googlebox.png) left top no-repeat;
	float:				left;
}

.ref-google .screen .more {
	position:			relative;
	margin:				81px 0 0 -59px;
	float:				left;
}

.ref-google .info {
	position:			relative;
	padding:			5px 12px 5px 14px;
	background: 		transparent url(../../bilder/ref/line.gif) 0px 0px repeat-y;
	float:				left;
}

.ref-google .info .hl  {
	position:			relative;
	height:				35px;
	font-size: 			14px;
	line-height:		20px;
	text-decoration:	none;
	font-weight:		bold;
	color:				#165085;
	display:			block;
}

.ref-google .info .infoline  {
	position:			relative;
	min-height:			20px;
	display:			block;
}

.ref-google .info .infoline .headline  {
	position:			relative;
	width:				80px;
	font-weight:		normal;
	font-size: 			11px;
	line-height:		15px;
	text-decoration:	none;
	color:				#9ca1a7;
	float:				left;
}

.ref-google .info .infoline .text  {
	position:			relative;
	font-weight:		normal;
	font-size: 			11px;
	line-height:		15px;
	text-decoration:	none;
	color:				#616367;
	float:				left;
}

.ref-google .info .infoline .text-dark  {
	position:			relative;
	font-weight:		normal;
	font-size: 			11px;
	line-height:		15px;
	text-decoration:	none;
	color:				#404040;
	float:				left;
}

.ref-google .sub  {
	color:				#616367;
}