
/* >> Navigation Teasers */
/* Definition der Teaser Spalte */
div.teasersShell
{
}

/* Anpassungen der Teaser Breite und den Abstand von oben und unten*/
div.teasersShell img.topSpc,
div.teasersShell img.bottomSpc
{
	height: 10px;
	width: 200px;
}

div.teasersShell img.bottomSpc
{
	height: 1px;
}

/* Teaser Ebenen Kontainer */
div.teasersShell div.teasersCont
{
}

/* Einstellung des Teaser Inhaltbereichs */
div.teasersShell div.teasersCont div.title,
div.teasersShell div.teasersCont div.titleBL
{
	background: transparent;
	padding: 3px;
}

div.teasersShell div.teasersCont div.titleBL
{
	background: transparent;
	padding: 3px;
}

/* Definition des Teasertitel */
div.teasersShell div.teasersCont div.title h3,
div.teasersShell div.teasersCont div.titleBL h3
{
	font-size: 11px;
	margin: 1px;
	color: #fff;
}

div.teasersShell div.teasersCont div.titleBL h3
{
	color: #fff;
}

/* Definition des Teaseruntertitel */
div.teasersShell div.teasersCont h4
{
	font-size: 11px;
	margin: 0;
	color: #000;
}

/* Einstellungen fuer die aeussere Teaserhuelle */
div.teasersShell div.teasersCont div.outer,
div.teasersShell div.teasersCont div.outerBL
{
	/width: 100%;
	margin-bottom: 15px;
	background: transparent;
	border: 0;
}

div.teasersShell div.teasersCont div.outerBL
{
	background: #fff;
	border: 0;
}

/* Zusaetzliche Design Kontainer fuer den Teaser Inhaltsbereich*/
div.teasersShell div.teasersCont div.outer div.des1,
div.teasersShell div.teasersCont div.outerBL div.des1BL
{
}

div.teasersShell div.teasersCont div.outer div.des1 div.des2,
div.teasersShell div.teasersCont div.outerBL div.des1BL div.des2BL
{
}

/* Einstellungen fuer die Teaserhuelle */
div.teasersShell div.teasersCont div.outer div.des1 div.des2 div.content
{
	/width: 100%;
	background: #fff;
	padding: 1px 0px 0px 0px;
	color: #000;
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
}

div.teasersShell div.teasersCont div.outerBL div.des1BL div.des2BL div.contentBL
{
	/width: 100%;
	background: #AA122B;
	padding: 1px 0px 0px 0px;
	color: #fff;
	border: 0;
}

div.teasersShell div.teasersCont div.content a,
div.teasersShell div.teasersCont div.content a:link,
div.teasersShell div.teasersCont div.content a:visited,
div.teasersShell div.teasersCont div.content a:hover
{
	color: #000;
}

div.teasersShell div.teasersCont div.content a:hover
{
	color: #D58B5E;
}

div.teasersShell div.teasersCont div.contentBL
{
	color: #000;
}

/* Anpassungen des Text Inhaltsbereich */
div.teasersShell div.teasersCont div.outer p
{
	font-size: 11px;
	margin: 0px 2px 1px 2px;
	color: #000;
}

div.teasersShell div.teasersCont div.outerBL p
{
	font-size: 11px;
	margin: 7px 2px 1px 2px;
	color: #fff;
}

/* Anpassungen des XHTML Inhaltsbereich */
div.teasersShell div.teasersCont div.outer div.blockCont,
div.teasersShell div.teasersCont div.outerBL div.blockCont,
div.teasersShell div.teasersCont div.outer div.blockCont p,
div.teasersShell div.teasersCont div.outerBL div.blockCont p,
div.teasersShell div.teasersCont div.outer div.blockCont ul,
div.teasersShell div.teasersCont div.outerBL div.blockCont ul,
div.teasersShell div.teasersCont div.outer div.blockCont ol,
div.teasersShell div.teasersCont div.outerBL div.blockCont ol
{
	font-size: 11px;
	color: #000;
}

div.teasersShell div.teasersCont div.outerBL p,
div.teasersShell div.teasersCont div.outerBL div.blockCont,
div.teasersShell div.teasersCont div.outerBL div.blockCont p,
div.teasersShell div.teasersCont div.outerBL div.blockCont ul,
div.teasersShell div.teasersCont div.outerBL div.blockCont ol
{
	color: #fff;
}

/* Anpassungen des XHTML Inhaltsbereich */
div.teasersShell div.teasersCont div.blockCont p,
div.teasersShell div.teasersCont div.blockCont ul,
div.teasersShell div.teasersCont div.blockCont ol
{
	margin-top: 1px;
	margin-bottom: 10px;
}

/* Einstellungen der Abstaende des Mehrlinks */
div.teasersShell div.teasersCont table.sublink td
{
	text-align: left;
	padding: 5px 5px 10px 2px;
}

/* Anpassen der Schriftgroesse des "mehr..." Links */
div.teasersShell div.teasersCont div.outer table.sublink td a,
div.teasersShell div.teasersCont div.outer table.sublink td a:link,
div.teasersShell div.teasersCont div.outer table.sublink td a:visited,
div.teasersShell div.teasersCont div.outer table.sublink td a:hover
{
	font-size: 11px;
	color: #AA122B;
}

div.teasersShell div.teasersCont div.outer table.sublink td a:hover
{
	color: #D58B5E;
}

div.teasersShell div.teasersCont div.outerBL table.sublink td a,
div.teasersShell div.teasersCont div.outerBL table.sublink td a:link,
div.teasersShell div.teasersCont div.outerBL table.sublink td a:visited,
div.teasersShell div.teasersCont div.outerBL table.sublink td a:hover
{
	font-size: 11px;
	color: #fff;
}

div.teasersShell div.teasersCont div.outerBL table.sublink td a:hover
{
	color: #D58B5E;
}

/* Definition fuer die "mehr..." Link Grafik */
div.teasersShell div.teasersCont div.outer table.sublink td a img,
div.teasersShell div.teasersCont div.outerBL table.sublink td a img
{
	width: 15px;
	height: 10px;
	vertical-align: text-top;
	border: 0px;
	margin-right: 2px;
	background: url(../xist4c/web/motorNuetzel/02/img/littleTeaserArrow.gif) -15px 3px no-repeat;
}

div.teasersShell div.teasersCont div.outerBL table.sublink td a img
{
	background: url(../xist4c/web/motorNuetzel/02/img/littleTeaserArrow.gif) -30px 3px no-repeat;
}

/* << Navigation Teasers */

