
/* NAVI --- (die Vertikale) ------------------------------------------ */

#nav-shade {
	position:				absolute;
	z-index:				1;
	top:					108px;
	left:					225px;
	width:					30px;
	height:					180px;
	overflow:				hidden;
}

#navi {
	width:					210px;
	margin-left:			-5px;
	margin-right:			-5px;
	margin-bottom:			10px;
	float:					left;
}

#navi-head {
	width:					176px;
	height:					33px;
	padding-left:			17px;
	padding-right:			17px;
	padding-top:			22px;
	background-image:		url(../../bilder/navi/top.png);
	background-position:	center top;
	background-repeat:		no-repeat;
	font-size:				11px;
	line-height:			12px;
	font-weight:			bold;
	color:					#c8d5e2;
	float:					left;
}

.navi-body {
	width:					210px;
	background-image:		url(../../bilder/teaser/left-back.png);
	background-position:	top left;
	background-repeat:		repeat-y;
	float:					left;
	overflow:				hidden;
}

.navi-links {
	width:					210px;
	padding-top:			-2px;
	float:					left;
	overflow:				hidden;
}

.navi-links a {
	width:					176px;
	padding-left:			17px;
	padding-right:			17px;
	padding-top:			7px;
	padding-bottom:			5px;
	background-image:		url(../../bilder/navi/btn.png);
	background-position:	center top;
	background-repeat:		no-repeat;	
	font-size:				11px;
	line-height:			12px;	
	color:					#404040;
	text-decoration:		none;
	float:					left;
}

.navi-links a:hover {
	background-image:		url(../../bilder/navi/btn-over.png);
	background-position:	center top;
	background-repeat:		no-repeat;	
	color:					#000000;
	text-decoration:		none;
}

.navi-trenner-delete {
	position:				relative;
	width:					200px;
	height:					2px;
	margin-left:			5px;
	margin-right:			5px;
	margin-bottom:			-2px;
	float:					left;
}

.navi-sub a {
	width:					166px;
	padding-left:			27px;
	padding-right:			17px;
	padding-top:			5px;
	padding-bottom:			3px;
	background-image:		url(../../bilder/navi/subbtn.png);
	background-position:	center top;
	background-repeat:		no-repeat;	
	font-size:				11px;
	line-height:			12px;	
	color:					#404040;
	text-decoration:		none;
	float:					left;
}

.navi-sub a:hover {
	background-image:		url(../../bilder/navi/subbtn-over.png);
	background-position:	center top;
	background-repeat:		no-repeat;	
	color:					#000000;
	text-decoration:		none;
}

#unternehmen-hl  {
	width:					176px;
	height:					31px;
	padding-left:			17px;
	padding-right:			17px;
	padding-top:			21px;
	background-image:		url(../../bilder/navi/unternehmen-hl.png);
	background-position:	center top;
	background-repeat:		no-repeat;
	font-size:				11px;
	line-height:			12px;
	font-weight:			bold;
	color:					#165085;
	display:				block;
}

.navi-hl-unternehmen {
	width:					176px;
	height:					31px;
	padding-left:			17px;
	padding-right:			17px;
	padding-top:			21px;
	background-image:		url(../../bilder/navi/hl-back-unternehmen.png);
	background-position:	center top;
	background-repeat:		no-repeat;
	font-size:				11px;
	line-height:			12px;
	font-weight:			bold;
	color:					#165085;
	float:					left;
}

.navi-active  {
	font-weight:			bold;
	color:					#165085;
}

.navi-active a  {
	color:					#165085;
	text-decoration:		none;
}

.navi-active a:hover  {
	color:					#165085;
	text-decoration:		none;
}

.navi-footer  {
	width:					210px;
	height:					20px;
	background-image:		url(../../bilder/teaser/left-footer.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					left;
}

/* TEASER --------- LEFT ------------------------------------------------------------- */

.left-teaser  {
	width:					210px;
	margin-left:			-5px;
	margin-right:			-5px;
	font-size: 				11px;
	line-height:			14px;
	text-decoration:		none;
	color:					#3f3b3b;
	float:					left;
	overflow:				visible;
}

.left-teaser .headline {
	width:					176px;
	padding-left:			17px;
	padding-right:			17px;
	padding-top:			15px;
	padding-bottom:			15px;
	background-image:		url(../../bilder/teaser/left-head.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			20px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#dfe6ed;
	float:					left;
}

.left-teaser .blankhead  {
	width:					210px;
	height:					20px;
	background-image:		url(../../bilder/teaser/left-head-blank.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					left;
}

.left-teaser .body  {
	width:					176px;
	padding-left:			17px;
	padding-right:			17px;
	background-image:		url(../../bilder/teaser/left-back.png);
	background-position:	top left;
	background-repeat:		repeat-y;
	font-size: 				11px;
	line-height:			14px;
	text-decoration:		none;
	color:					#404040;
	float:					left;
}

.left-teaser .body li {
	width:					176px;
	float:					left;
}

.left-teaser .footer  {
	width:					210px;
	height:					20px;
	background-image:		url(../../bilder/teaser/left-footer.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					left;
}

/* TEASER ------- RIGHT ------------------------------------------------------------- */

.teaser  {
	width:					210px;
	margin-left:			-5px;
	margin-right:			-5px;
	font-size: 				11px;
	line-height:			14px;
	text-decoration:		none;
	color:					#3f3b3b;
	float:					left;
	overflow:				visible;
}

.teaser .headline {
	width:					176px;
	padding-left:			17px;
	padding-right:			17px;
	padding-top:			15px;
	padding-bottom:			15px;
	background-image:		url(../../bilder/teaser/head.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			20px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#dfe6ed;
	float:					left;
}

.teaser .blankhead  {
	width:					210px;
	height:					20px;
	background-image:		url(../../bilder/teaser/head-blank.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					left;
}

.teaser .body  {
	width:					176px;
	padding-left:			17px;
	padding-right:			17px;
	background-image:		url(../../bilder/teaser/back.png);
	background-position:	top left;
	background-repeat:		repeat-y;
	font-size: 				11px;
	line-height:			14px;
	text-decoration:		none;
	color:					#404040;
	float:					left;
}

.teaser .footer  {
	width:					210px;
	height:					20px;
	background-image:		url(../../bilder/teaser/footer.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					left;
}

.speziteaser  {
	width:					210px;
	margin-left:			-5px;
	margin-right:			-5px;
	font-size: 				11px;
	line-height:			14px;
	text-decoration:		none;
	color:					#404040;
	float:					left;
	overflow:				visible;
}

.spezihead-xy  {
	width:					176px;
	padding-left:			17px;
	padding-right:			27px;
	padding-top:			88px;
	height:					32px;
	margin-right:			-10px;
	background-image:		url(../../bilder/teaser/spezihead-xy.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			13px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#dfe6ed;
	float:					left;
	overflow:				visible;
}

.spezihead-bc  {
	width:					176px;
	padding-left:			17px;
	padding-right:			27px;
	padding-top:			88px;
	height:					32px;
	margin-right:			-10px;
	background-image:		url(../../bilder/teaser/spezihead-bc.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			13px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#dfe6ed;
	float:					left;
	overflow:				visible;
}

.spezihead-xy-za  {
	width:					176px;
	padding-left:			17px;
	padding-right:			27px;
	padding-top:			88px;
	height:					32px;
	margin-right:			-10px;
	background-image:		url(../../bilder/teaser/spezihead-xy-za.png);
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size: 				11px;
	line-height:			13px;
	text-decoration:		none;
	font-weight:			bold;
	color:					#dfe6ed;
	float:					left;
	overflow:				visible;
}

.speziteaser-short {
	width:					210px;
	margin-top:				-160px;
	margin-left:			-5px;
	margin-right:			-5px;
	font-size: 				11px;
	line-height:			14px;
	text-decoration:		none;
	color:					#404040;
	float:					right;
	overflow:				visible;
}

.spezibody1  {
	width:					176px;
	height:					105px;
	padding-top:			5px;
	padding-left:			17px;
	padding-right:			17px;
	background-image:		url(../../bilder/teaser/spezibody1.png);
	background-position:	top left;
	background-repeat:		repeat-y;
	float:					left;
	overflow:				visible;
}

.spezibody2  {
	width:					176px;
	height:					105px;
	padding-top:			10px;
	padding-bottom:			15px;
	padding-left:			17px;
	padding-right:			17px;
	background-image:		url(../../bilder/teaser/spezibody2.png);
	background-position:	top left;
	background-repeat:		repeat-y;
	float:					left;
	overflow:				visible;
}

.spezibody-solo  {
	width:					176px;
	height:					105px;
	padding-top:			5px;
	padding-bottom:			15px;
	padding-left:			17px;
	padding-right:			17px;
	background-image:		url(../../bilder/teaser/spezibody-solo.png);
	background-position:	top left;
	background-repeat:		repeat-y;
	float:					left;
	overflow:				visible;
}

.spezi-name {
	width:					176px;
	height:					15px;
	font-weight:			bold;
	color:					#165085;
	float:					left;
}

.spezi-position {
	width:					176px;
	height:					27px;
	font-size:				10px;
	float:					left;
}

.spezi-tel {
	width:					176px;
	height:					16px;
	float:					left;
}

.spezi-info {
	width:					176px;
	height:					17px;
	float:					left;
}

.spezi-buttons {
	width:					176px;
	height:					25px;
	float:					left;
}

.speziicon1  {
	float:					left;
}

.speziicon  {
	margin-left:			4px;
	float:					left;
}

.teaser-navi a  {
	width:					176px;
	margin-left:			-12px;
	margin-right:			-12px;
	padding-left:			12px;
	padding-right:			12px;
	padding-top:			7px;
	padding-bottom:			5px;
	background-image:		url(../../bilder/navi/trenner.png);
	background-position:	left top;
	background-repeat:		no-repeat;	
	font-size:				11px;
	line-height:			12px;	
	color:					#404040;
	text-decoration:		none;
	display:				block;
}

.teaser-navi a:hover {
	padding-left:			23px;
	color:					#000000;
	text-decoration:		none;
}
