/**
 * CSS for extension bo_teaser
 */


/**
 * Default Layout
 */
.tx-boteaser-pi1 .default {
	width: 540px;
}

.tx-boteaser-pi1 .default .box {
	float: left;
	padding: 1px 1px 3px;
	border: 1px solid #D5D5D5;
	margin: 0 9px 10px 0;
}

.tx-boteaser-pi1 .default .box .text {
	margin: 4px 4px 0;
	width: 158px;
	height: 56px;
	overflow: hidden;
}

.tx-boteaser-pi1 .default .box .text h3 a {
	line-height: 14px;
	color: #676767;
	font-size: 11px;
	text-decoration: none;
}

.tx-boteaser-pi1 .default .box .text h3 a:hover {
	text-decoration: underline;
}


/**
 * Layout 2 - start page 'special' teaser wide (covers two of the three columns)
 */
.tx-boteaser-pi1 .layout2 {
	float: left;
	margin-right: 9px;
	margin-left: 1px;
}

.tx-boteaser-pi1 .layout2 .box {
	width: 346px;
	height: 148px;
	overflow: hidden;
	border: 1px solid #B2D6F0;
	/*padding-left: 120px;*/
	/*margin-left: 1px;*/
}

.tx-boteaser-pi1 .layout2 .box .subtitle {
	color: #009ee0;
	text-align: right;
	font-size: 10px;
	line-height: 18px;
	padding-right: .5em;
}

.tx-boteaser-pi1 .layout2 .box h3,
.tx-boteaser-pi1 .layout2 .box .text {
	margin-left: 120px;
}

.tx-boteaser-pi1 .layout2 .box h3 {
	margin-top: 20px;
}

.tx-boteaser-pi1 .layout2 .box .text {
	width: 220px;
	font-size: 11px;
}


/**
 * Layout 3 - start page 'special' teaser small (covers one of three columns)
 */
.tx-boteaser-pi1 .layout3 {
	float: left;
}

.tx-boteaser-pi1 .layout3 .box {
	width: 168px;
	height: 148px;
	overflow: hidden;
	border: 1px solid #B2D6F0;
}

.tx-boteaser-pi1 .layout3 .box .subtitle {
	color: white;
	text-align: right;
	font-size: 10px;
	line-height: 18px;
	padding-right: .5em;
}

.tx-boteaser-pi1 .layout3 .box h3,
.tx-boteaser-pi1 .layout3 .box .text {
	margin-left: 4px;
}

.tx-boteaser-pi1 .layout3 .box h3 {
	margin-top: 87px;
	color: white !important;
}

.tx-boteaser-pi1 .layout3 .box .text {
	width: 166px;
	font-size: 11px;
	color: white;
}

.tx-boteaser-pi1 .layout3 .box a { color: white; background-image:
               url('../../vorlagen/images/more_arrow_white.gif');
               background-repeat: no-repeat; background-attachment: scroll;
               padding-left: 1em; padding-right: 8px; background-position:
               right 4px }

