/* Bereich in dem die Ansprache dargestellt wird. */
/* Template-Eigenschaft weil die Höhe unterschiedlich sein kann */
#ansprache {
	margin: 0px 0px 20px 0px;
	height: 95px;	/* Laut StyleGuide 127px, wird aber so nicht genutzt. */
}
table.ansprache {
	height: 95px;	/* Laut StyleGuide 127px, wird aber so nicht genutzt. */
}
table.ansprache td.text {
	padding: 0px 14px 22px 0px;
}
table.ansprache td.bild {
	padding: 0px 53px 0px 0px;
}

/* Das Ansprache Bild wird auf die vom StyleGuide vorgeschriebene Höhe gesetzt. */
table.ansprache td.bild img {
	height: 95px;	/* Laut StyleGuide 127px, wird aber so nicht genutzt. */
}

#navLinksContainer {
	position: absolute;
	top: 202px;
	left: 6px;
}

/* Die Überschrift der Teaserseite. */
table.inhalt td.vorschaltUeberschrift {
	height: 25px;
	padding: 0px 14px 0px 14px;
	font-weight: bold;
	vertical-align: middle;
	text-transform: uppercase;
}

/* Trennlinien der Teaserseite. */
/* Diese Linien haben sowohl eine Hintergrundfarbe als auch eine Linienfarbe.
   Da die Farbe der Punkte eher fix bleibt, wird hier eine graue Linie auf
   variablem Hintergund gewählt. */
table.inhalt td.linie {
	height: 1px;
	overflow: hidden;
	background-image: url(pics/linie_grau01.gif);
	background-repeat: repeat-x;
}

/* Innenabstand um die Teaser-Tabelle */
div.teasers {
	margin: 4px 14px 0px 14px;
}

/* Die Tabelle in der die Teaser dargestellt werden. */
table.teasers {
	width: 100%;
}

/* Jede Zelle der Tabelle wird oben ausgerichtet. */
/* Wird für Bild, Icon und Text benötigt.*/
table.teasers td {
	vertical-align: top;
}

/* Die Überschrift eines Teasers. */
table.teasers td.teaserUeberschrift {
	padding-bottom: 2px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

/* Das Bild bekommt die (idR nicht sichtbare) Hintergrundfarbe, sieht bei
   einem zu großem Teaser-Text besser aus*/
/* Die Icon-Zelle brauch auf jeden Fall die Hintergrundfarbe. */
table.teasers td.bild,
table.teasers td.icon {
	background-color: #FFFFFF; /* col[Hintergrund] */
}
/* Der Bereich in dem das eigentlich Icon dargestellt wird. */
table.teasers td.icon a {
	display: block;
	height: 17px;
	width: 17px;
	text-decoration: none;
	background-image: url(pics/pfeil_button.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/* Das Teaser Bild wird auf die vom StyleGuide vorgeschriebene Höhe/Breite gesetzt. */
table.teasers td.bild img {
	height: 65px;
	width: 135px;
}

/* Der Text eines Teasers. */
table.teasers td.text {
	background-color: #FFFFFF; /* col[Hintergrund] */
}

table.teasers td.text p {
	margin: 14px 0px 10px 10px;
}

/* Abstand zwischen den Teasern. */
table.teasers td.vteaserabstand{
	height: 24px;
}

/* Dummy Klassen zu Aufspannen der Teaser Tabelle */
table.teasers tr.dummy {
	font-size: 1px;
}

/* Der Footer im Content mit den Servicelinks bekommt bei der Voschaltseite
   noch Abstände links und rechts. */
table.footer td.links {
	padding-left: 14px;
}

table.footer td.rechts {
	padding-right: 14px;
}