/* CSS for extension plugin tx_boteaser_pi1 */
/*
* @revision     $Revision: 3092 $
*
* $Id: tx_boteaser_pi1.css 3092 2008-04-21 12:24:36Z stephan $
*/

.tx-boteaser-pi1 {
}

/* Default // News and content teaser */
.tx-boteaser-pi1 .default .item {
	padding: 8px 0;
	border-bottom: 1px solid #ccc;
}

.tx-boteaser-pi1 .default .content {
	margin-right: 169px;
}

.tx-boteaser-pi1 .default h3 {
	display: inline;
}

.tx-boteaser-pi1 .default h3 a {
	font-size: 14px;
	text-decoration: none;
}

.tx-boteaser-pi1 .default h3 a:hover {
	text-decoration: underline;
}

.tx-boteaser-pi1 .default .date {
	font-size: 11px;
	padding-left: 1em;
}

.tx-boteaser-pi1 .default .image {
	float: right;
	width: 157px;
}
.tx-boteaser-pi1 .default .image img {
	padding: 1px;
	border: 1px solid #ccc;
}

#contentBody .tx-boteaser-pi1 .default .bodytext p {
	margin: 0;
}
.tx-boteaser-pi1 .default .more a {
	text-decoration:none; 
	padding-left:6px;
	background: url(../images/arrow_link2.gif) no-repeat 0px 6px;
}
.tx-boteaser-pi1 .default .more a:hover {
	text-decoration: underline;
}





/* Layout 3 // Startpage teasers top row */
.tx-boteaser-pi1 .layout3 {
	margin-bottom: 1em;
}
.tx-boteaser-pi1 .layout3 .box {
	float: left;
	width: 260px;
	height: 224px;
	border-right: 1px solid #C8D1E2;
	background: url(../images/runde_ecke_re_ob_teaser.gif) no-repeat right top;
}
.tx-boteaser-pi1 .layout3 .last {
	margin-right: 0;
	border: none;
	background: none;
}
.tx-boteaser-pi1 .layout3 .box .wrapper {
	background: url(../images/runde_ecke_li_ob_teaser.gif) no-repeat left top;
}
.tx-boteaser-pi1 .layout3 .first .wrapper {
	background: none;
}
.tx-boteaser-pi1 .layout3 .content {
	padding: 0 9px;
}
.tx-boteaser-pi1 .layout3 .title {
	margin: 0 0 4px 0;
	padding: 24px 0 0 0;
}
.tx-boteaser-pi1 .layout3 .title a {
	color: #444444;
	text-decoration: none;
}
.tx-boteaser-pi1 .layout3 .bodytext {
	padding: 4px 0 0 0;
}
#contentBody .tx-boteaser-pi1 .layout3 .bodytext p {
	margin: 0;
}
.tx-boteaser-pi1 .layout3 .more a {
	padding-left: 8px;
	background: url(../images/arrow_link.gif) no-repeat 0px 5px;
	text-decoration: none;
}

.tx-boteaser-pi1 .layout3 .more a:hover {
	text-decoration: underline;
}


.tx-boteaser-pi1 .layout3 .divider {
	height: 1px;
}



/* Layout 4 // Startpage teasers bottom row */
.tx-boteaser-pi1 .layout4 {
	margin-left: 2px;
}
.tx-boteaser-pi1 .layout4 .box {
	float: left;
	width: 248px;
	height: 145px;
	margin: 0 10px 16px 2px;
	border: 1px solid #C8D1E2;
}
.tx-boteaser-pi1 .layout4 .last {
	margin-right: 0;
}
.tx-boteaser-pi1 .layout4 .content {
	padding: 0 8px;
}
.tx-boteaser-pi1 .layout4 .title {
	margin: 0 0 4px 0;
	padding: 6px 0 2px 0;
	border-bottom: 1px solid #DADADA;
}
.tx-boteaser-pi1 .layout4 .title a {
	color: #444444;
	text-decoration: none;
}
.tx-boteaser-pi1 .layout4 .image {
	float: left;
	margin-right: 4px;
	margin-bottom: 1em;
}
#contentBody .tx-boteaser-pi1 .layout4 .bodytext p {
	margin: 0;
}
.tx-boteaser-pi1 .layout3 .more {
	margin-top: 4px;
}
.tx-boteaser-pi1 .layout4 .more a {
	padding-left: 8px;
	background: url(../images/arrow_link.gif) no-repeat 0px 5px;
	text-decoration: none;
}

.tx-boteaser-pi1 .layout4 .more a:hover {
	text-decoration: underline;
}





/* Layout 5 // 'Reisemobile' overview, 'Teilintegrierte' */
.tx-boteaser-pi1 .layout5 {
	margin-bottom: 12px;
	border: 1px solid #CFCFCF;
	background: url(../images/modelOverviewBg.png) repeat-y;
}

.tx-boteaser-pi1 .layout5 .wrapper {
	border: 1px solid white;
}

.tx-boteaser-pi1 .layout5 .left {
	float: left;
	width: 315px;
	margin: 4px 0 4px 8px;
	padding: 4px 1em 0 0;
	border-right: 1px solid #CFCFCF;
}
.tx-boteaser-pi1 .layout5 h1 {
	margin-top: 0;
	border-bottom: none;
	font-weight: normal;
}
.tx-boteaser-pi1 .layout5 .menu {
	float: left;
	margin-top: 32px;
	width: 270px;
}

.tx-boteaser-pi1 .layout5 .item {
	margin: 1em;
	width: 260px;
}

.tx-boteaser-pi1 .layout5 .item h2 {
	font-size: 1.25em;
}


.tx-boteaser-pi1 .layout5 .item a {
	text-decoration: none;
	color: #437097;
}
.tx-boteaser-pi1 .layout5 .item a:hover {
	color: #E10915;
}
.tx-boteaser-pi1 .layout5 .item .image {
	width:90px;
	float: left;
	clear: left;	
}
.tx-boteaser-pi1 .layout5 .item .image a {
	width:90px;
	clear: left;
	float: left;
	padding-right: 1em;
	margin-bottom: 1em;
}
.tx-boteaser-pi1 .layout5 .item div.title {
	float:left;
	width:140px;
	padding-left:16px;
}

.tx-boteaser-pi1 .layout5 .item span.subtitle {
	font-size: 12px;
	font-weight: normal;
}


.tx-boteaser-pi1 .layout5  .item .newFlag {
	position: absolute;
	background: #E10018;
	font-size: 9px;
	color: white;
	margin: 0 3px 3px 3px;
}