/**
 * Ausrichtung der Startseite Teaserboxen. Aufgrund von fehlerhaften Angaben
 * im StyleGuide muessen die Boxen um einen Pixel nach links verschoben werden.
 * Dies erreichen wir durch einen nagativen Margin-Right. Die Breite ist fuer
 * Opera-User gedacht. Die Boxen wuerden ansonsten im Opera ab der 3. Stelle
 * umbrechen.
 **/
 #containerMitte div.startseiteContainer {
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 width:654px;
 }
 
/**
 * Ausrichtung und Position Teasertabelle
 **/
 #containerMitte table.startseite {
	 float:left;
	 overflow:hidden;
	 margin:0px 1px 0px 0px;
	 padding:0px 0px 0px 0px;
	 width:153px;
	 border-top-width:1px;
	 border-top-style:solid;
	 border-left-width:1px;
	 border-left-style:solid;
	 border-bottom-width:1px;
	 border-bottom-style:solid;
}
/**
 * Hoehe der Teasertabelle mit 6 Teasern
 **/
 #containerMitte table.startseite_hoehe_sechs {
	 height:324px;
}

/**
 * Hoehe der Teasertabelle mit 5 Teasern
 **/
 #containerMitte table.startseite_hoehe {
	 height:378px;
}

/**
 * Achtung: HACK der nur fuer OperaBrowser gilt
 **/
 @media not tty { 
 	#containerMitte table.startseite { 
 		width:152px; 
 	}
}

/**
 * Feste Groesse fuer die Teaserbilder
 **/
 #containerMitte img.startSeiteTeaserBild {
 	width:135px;
	height:135px;
	border:0px;
}

/**
 * TD fuer die Teaserboxen
 **/
 #containerMitte table.startseite td {
	overflow:hidden;
	padding:8px 7px 8px 8px;
	vertical-align:top;
}

/**
 * Ueberschrift
 **/
#containerMitte table.startseite h2 {
	overflow:hidden;
	margin:-45px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	font-size:8pt;
	font-weight:bold;
	height:30px;
	color:#ffffff;
}

/**
 * Fliestext in den Teaserboxen
 **/
 #containerMitte table.startseite p {
	overflow:hidden;
	margin:15px 0px 0px 0px !important;
	margin:12px 0px 0px 0px;
	padding:0px 18px 0px 0px;
	font-size:8pt;
}

div.startSeiteTeaserSpanner {
 	height: 334px;
 	float: left;
 }
 
div.startSeiteTeaserSpanner_sechs {
 	height: 282px;
 	float: left;
 }
 

/**
 * Link in den Teaserboxen
 **/
 #containerMitte table.startseite a.link {
	 float:right;
	 overflow:hidden;
	 position:bottom;
	 margin:3px 1px 0px 0px;
	 padding-left:22px;
	 padding-right:0px;
	 padding-top:2px;
	 padding-bottom:1px;
	 height:14px;
	 font-size:8pt;
	 font-weight:bold;
}

#containerMitte a.link_sechs {
	 float:right;
	 overflow:hidden;
	 position:bottom;
	 margin:1px 1px 0px 0px;
	 padding-left:22px;
	 padding-right:0px;
	 padding-top:2px;
	 padding-bottom:1px;
	 height:14px;
	 font-size:8pt;
	 font-weight:bold;
}

div.startseiteTeaserContentLink {
	padding-left: 17px;
	
}

/**
 * Für mehrere Teaserlinks
 **/

div.startseiteTeaserLinks {
	width: 135px;
	padding-top: 3px;
	list-style-type: none;
}

#containerMitte table.startseite a.startSeiteTeaserLink {
	line-height: 1.2em; 
	padding: 0 0 1px 17px; 
	font-weight: normal; 
	white-space: normal; 
	height: auto; 
	float: left;
}


/** 
 * Ueber diesen Selektor legen wir fest ob die linke Spalte einen
 * weissen Border erhalten soll. In diesem Falle ja.
 **/
 .startseiteLinks {
	 width:185px;
	 border:0px;
}

/**
 * Position und Ausrichtung des Newsletterteaser
 **/
 #containerMitte table.newsletter {
	 clear:both;
	 overflow:hidden;
	 margin:8px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 width:615px;
	 border-width:1px;
	 border-style:solid;
}

/**
 * Position und Ausrichtung des Newsletterteaser
 **/
 #containerMitte table.newsletter_sechs_teaser {
	 height:111px;
}

/**
 * Position und Ausrichtung des Newsletterteaser
 **/
 #containerMitte table.newsletter_fuenf_teaser {
	 height:73px;
}

 #containerMitte div.newsletter_sechs_div {
	width: 615px;
	margin: 0px;
	padding: 0px;
	position: relative;
}

/**
 * Position und Ausrichtung des Newsletterteaser
 **/
 #containerMitte table.newsletter_fuenf {
	height:111px;
	margin:7px 1px 0px 0px;
	padding:0px;
	float:left;
	 overflow:hidden;
	 width: 307px;
	 border-top-width:1px;
	 border-top-style:solid;
	 border-left-width:1px;
	 border-left-style:solid;
	 border-bottom-width:1px;
	 border-bottom-style:solid;
 
 
 }

/**
 * Position und Ausrichtung des Newsletterteaser
 **/
 #containerMitte table.newsletter_sechs {
	height:111px;
	margin:7px 0px 0px 0px;
	padding:0px;
	float:left;
	overflow:hidden;
	width: 307px;
	border-top-width:1px;
	border-top-style:solid;
	border-left-width:1px;
	border-left-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-right-width:1px;
	border-right-style:solid;

	 
}

/**
 * Td fuer den Newsletterteaser
 **/
 #containerMitte table.newsletter td {
	 overflow:hidden;
	 vertical-align:top;
	 height:73px;
}


/**
 * Bild im Newsletterteaser
 **/
 #containerMitte table.newsletter img {
	 margin:0px 12px 0px 0px;
	 padding:0px 0px 0px 0px;
	 height: 73px;
}
 
/**
 * Bild im Newsletterteaser sechs
 **/
#containerMitte table.newsletter_sechs_teaser img {
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 height: 111px;
}


/**
 * Ueberschrift im Newsletterteaser
 **/
 #containerMitte table.newsletter h2 {
	 overflow:hidden;
	 margin:8px 0px 0px 0px;
	 padding:0px 0px 0px 8px;
	 font-size:11px;
	 font-weight:bold;
}
/**
 * Ueberschrift im Newsletterteaser
 **/
 #containerMitte table.newsletter_sechs_teaser h2 {
	 overflow:hidden;
	 margin:0px 0px 0px 0px;
	 font-size:11px;
	 font-weight:bold;
}

/**
 * Ueberschrift im Newsletterteaser
 **/
 #containerMitte table.newsletter_links {
	 float:left;
}

/**
 * Ueberschrift im Newsletterteaser
 **/
 #containerMitte table.newsletter_rechts {
	 clear:both;
}


/**
 * Fliesstext im Newsletterteaser
 **/
 #containerMitte table.newsletter p {
	overflow:hidden;
	margin:7px 0px 0px 0px;
	padding:0px 8px 0px 8px;
	font-size:8pt;
	height:42px;
}

/**
 * Fliesstext im Newsletterteaser
 **/
 #containerMitte table.newsletter_sechs_teaser p {
	overflow:hidden;
	margin:7px 0px 0px 0px;
	font-size:8pt;
	height:66px;
}

/**
 * Linkcontainer zum Ausrichten und Angabe einer festen breite
 **/
 #containerMitte table.newsletter div.linkContainer {

	margin:0px 0px 0px 0px;
	padding:49px 7px 0px 0px;
	width:103px;
}

/**
 * Link im Newsletterteaser
 **/
 #containerMitte table.newsletter a.link {
	 float:left;
	 overflow:hidden;
	 position:bottom;
	 margin:-1px 0px 0px 48px;
	 padding-top:2px;
	 padding-bottom:1px;
	 padding-left:22px;
	 height:14px;
	 font-size:8pt;
	 font-weight:bold;
	 width:103px;
}

/**
 * Link im Newsletterteaser
 **/
 #containerMitte table.newsletter_sechs_teaser a.link {
	 float:right;
	 overflow:hidden;
	 position:bottom;
	 margin:0px 1px 0px 0px;
	 padding-left:22px;
	 padding-right:0px;
	 padding-top:2px;
	 padding-bottom:1px;
	 height:14px;
	 font-size:8pt;
	 font-weight:bold;
}

#containerMitte table.newsletter_sechs_teaser td {
	height: 111px;
	overflow: hidden;
	vertical-align: top;
}

/**
 * Feste Groesse fuer die Teaserbilder
 **/
 #containerMitte img.startSeiteTeaserNewsletterBild {
	border:0px;
}

.padding_links {
	padding: 0px 0px 0px 15px;	
}
.kein_padding {
	padding: 0px;
}

/**
 * Feste Groesse fuer die Teaserbilder
 **/
 #containerMitte div.mehr_link {
 	position:absolute;
 	bottom:0px;
 	right: 0px;
	
}

/**
 * sechs Container Teaser Div, fuer die Hohe der Tabelle
 **/
 #containerMitte div.teaser_div {
 	position:relative; 
 	height: 111px; 
 	margin: 8px 0px 8px 0px;	
	
}

br.clear {
	font-size:0px;
	line-height:0px;
}