/* Bereich in dem die Ansprache dargestellt wird. */
/* Template-Eigenschaft weil die Höhe unterschiedlich sein kann */
#ansprache {
	height: 127px;
	margin: 0px 0px 25px 0px;
}
table.ansprache {
	height: 127px;
}
/* Startseitenansprache unterscheidet sich weil hier ein Redakteur eingreifen kann. */
/* Nicht die td bekommt padding, sondern <p>, ausserdem werden Bilder die in den linken
   Bereich gebracht werden höhenbegrenzt. */
table.ansprache td.text {
	text-align: right;
}
table.ansprache td.text p {
	margin: 0px 40px 22px 10px;
}

table.ansprache td.text img {
	height: 127px;
}
table.ansprache td.bild {
	padding: 0px 10px 0px 0px;
}
/* Das Ansprache Bild wird auf die vom StyleGuide vorgeschriebene Höhe gesetzt. */
table.ansprache td.bild img {
	height: 127px;
}

/* Der Bereich für den Startseiten-Inhalt bekommt eine feste Höhe. */
table.inhalt td.inhalt {
	height: 275px;
}

/* Der Content Bereich der Startseite. */
table.inhalt td.startseiteUeberschrift {
	height: 25px;
	padding: 0px 14px 0px 14px;
	font-weight: bold;
	text-transform: uppercase;
}

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

/* Abstand um die Teaser (kann man nicht der <table> geben). */
/* 25px damit oben real 28px dargestellt werden */
div.teasers {
	padding: 25px 14px 4px 14px;
}

/* Die Tabelle in der die vier 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;
}

/* 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.bild2teaser,
table.teasers td.icon {
	background-color: #FFFFFF; /* col[Hintergrund] */
}
/* Feste größe für das Teaserbild */
table.teasers td.bild img {
	height: 80px;
	width: 80px;
}
/* Bei der Seite mit 2 Teasern (ISV Portal) ist das Bild größer */
table.teasers td.bild2teaser img {
	height: 100px;
	width: 160px;
}

/* Der Bereich in dem das eigentliche 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;
}

/* Der Text eines Teasers. */
table.teasers td.text {
	padding: 6px 0px 10px 10px;
	background-color: #FFFFFF; /* col[Hintergrund] */
}
table.teasers td.text h1 {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
table.teasers td.text p {
	margin: 6px 0px 6px 0px;
}

/* Abstand zwischen den Teasern, sowohl horizontal als auch vertikal. */
table.teasers td.hteaserabstand {
	width: 14px;
}
table.teasers td.vteaserabstand{
	height: 25px; /* Es werden 28px angezeigt. */
}

/* Newsticker Bereich */
iframe.ticker {
	padding: 8px 0px 8px 0px;
	width: 100%;
	height: 15px; 
}