/*

<div class="rel" id="rumpf_sp_mitte">
	<h1 class="rubriktitel">
		...
	</h1>
	<h2 class="overview">
		...
	</h2>
	<div class="teaseritem">
		<div class="teaserbild">
			<img class="teaser" width="75" height="75"
					alt="...." 
					src="..."
					border="..." />
		</div>
		<div class="teasertext">
			...
		</div>
	</div>
	<div class="teaser_sep">
		<div class="teaserlink">
			<a href="index.php?id=34" title="..." target="_self" class="teaseranker">
				mehr
			</a>
		</div>
		<div class="dotsep">
		</div>
	</div>
	
	<div class="teaseritem">
	
	... usw
	
*/

h2.overview {
	font-size:1em;
	line-height:1.6;
	font-weight:bold;
	padding:1em 0px 0em 16px;
}
h6.itemtitel {
	font-size:0.84em;
	line-height:1.6;
	font-weight:bold;
	padding:0em;
}

/*	imitiert rein äußerlich den grauen Balken von h1.rubriktitel. Soll im Overview nicht so aussehen	*/
h3.reco_rubriktitel {
	padding:0em;
	margin:0em;
	font-size:0.84em;
	line-height:1.6;
	font-weight:bold;
	font-stretch:normal;
	text-transform:uppercase;
	color:#596D85;
	background-color:#DBDCDE;
	border:none;
}


/*	.teaseritem enthält .teaserbild und .teasertext	*/
div.teaseritem {
	padding:1em 0px 0em 0px;
	width:493px;
	clear:both;
	background-color:#FFA0FF;
	background-color:transparent;
}

/*	.teaserbild enthält img.teaser	*/
div.teaserbild {
	width:106px;
	float:left;
	background-color:#A0A0FF;
	background-color:transparent;
}
img.teaser {
	margin:4px 0px 0px 16px;
}

div.teasertext {
	width:370px;
	float:right;
	font-size:0.84em;
	line-height:1.4;
	background-color:#FFA0A0;
	background-color:transparent;
}

/*	.teaser_sep folgt unter .teaseritem	*/
/*	.teaser_sep enthält .teaserlink und .dotsep	*/
div.teaser_sep {
	padding:0px;
	width:493px;
	clear:both;
}
div.teaserlink {
	padding:0em 12px 0.4em 0px;
	text-align:right;
	font-size:0.7em;
	font-weight:bold;
	clear:both;
	background-color:#A0FFA0;
	background-color:transparent;
}
div.dotsep {
	height:1px;
	width:460px;
	margin:0em 0px 0em 16px;
	background-image:url("../img/layout/dotter676A6F.gif");
	overflow:hidden;
}

/*	Die Visitenkarten der Team-Übersicht	*/
div#rumpf_sp_mitte div.teaseritem h5.visit {
	font-size:1em;
	line-height:1.2;
	font-weight:bold;
	margin:0px;
	padding:0em 0px 0.5em 0px;
}
div#rumpf_sp_mitte div.teaseritem h6.visit {
	font-size:1em;
	line-height:1;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

div#rumpf_sp_mitte div.teaseritem ul {
	margin:0px;
	padding:0.5em 0px 0em 16px;
	list-style-type:none;
	list-style-position:outside;
	font-size:1em;
	
}
div#rumpf_sp_mitte div.teaseritem ul li {
	margin:0px;
	padding:0px;
	line-height:1.4;
	background-color:lime;
	background-color:transparent;
}



a.teaseranker {
	padding-left:12px;
	text-decoration:none;
	font-weight:normal;
	background-image:url("../img/layout/pfeil_overview.gif");
	background-repeat:no-repeat;
}
a.teaseranker:link {
	color:#596D85;
	background-color:#DBDCDE;
}
a.teaseranker:visited {
	color:#697085;
	background-color:#DBDCDE;
}
a.teaseranker:hover {
	color:#323D4B;
	background-color:#DBDCDE;
	background-image:url("../img/layout/pfeil_overview_hover.gif");
	background-repeat:no-repeat;
}
a.teaseranker:active, a.teaseranker:focus {
	color:#FFFFFF;
	background-color:#ADB6C3;
}