/* CSS for Extension Teaser Menu
 * EXT: bo_teaser
 * class: tx-boteaser-pi1
 */

.tx-boteaser-pi1 {
}

/* default - not in use */
.tx-boteaser-pi1 .default {
}

/* layout 1 - teasers on homepage */
/* menu layout */
.tx-boteaser-pi1 .layout1,
.tx-boteaser-pi1 .layout1 tr,
.tx-boteaser-pi1 .layout1 th,
.tx-boteaser-pi1 .layout1 td,
.tx-boteaser-pi1 .layout1 div {
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.tx-boteaser-pi1 .layout1 {
	margin-left: -20px;
}
.tx-boteaser-pi1 .layout1 .box {
	width: 196px;
}
/* single box layout */
.tx-boteaser-pi1 .layout1 .box-teaser {
	position: relative;
	padding: 0;
	border: 2px solid white;
}
.tx-boteaser-pi1 .layout1 .box-teaser img {
	margin: 0;
	padding: 1px;
	background-color: #fff;
	border: 1px solid #B0B0B0;
}
.tx-boteaser-pi1 .layout1 .bodytext {
	margin: 0;
	padding: 0;
}
.tx-boteaser-pi1 .layout1 h2 {
	height: 35px;
	padding: 3px !important;
	font-size: 14px;
}
.tx-boteaser-pi1 .layout1 h2 a {
	color: #2A2A2A;
	text-decoration: none;
}
.tx-boteaser-pi1 .layout1 p {
	margin: 6px 0;
	padding: 0 5px !important;
	line-height: 18px;
}
.tx-boteaser-pi1 .layout1 .more {
	margin: 0 5px 5px 0;
	text-align: right;
}
.tx-boteaser-pi1 .layout1 .more a {
	color: #2A2A2A;
}
.tx-boteaser-pi1 .layout1 .more a:hover {
	text-decoration: none;
}
/* different box-colors */
.tx-boteaser-pi1 .layout1 .blue {
	border: 1px solid #7DA3DF;
}
.tx-boteaser-pi1 .layout1 .blue .box-teaser {
	background: transparent url(img/box-blue_bg.png) repeat-x left top;
}
.tx-boteaser-pi1 .layout1 .yellow {
	border: 1px solid #FFCC29;
}
.tx-boteaser-pi1 .layout1 .yellow .box-teaser {
	background: transparent url(img/box-yellow_bg.png) repeat-x left top;
}

/*
LAYOUT 2 
*/
/* menu layout */
.tx-boteaser-pi1 .layout2,
.tx-boteaser-pi1 .layout2 tr,
.tx-boteaser-pi1 .layout2 th,
.tx-boteaser-pi1 .layout2 td,
.tx-boteaser-pi1 .layout2 div {
	padding: 0 !important;
	margin: 0 !important;
	vertical-align: top;
}

.tx-boteaser-pi1 .layout2 {
	margin-left: -15px !important;
}

/* single box layout */
.tx-boteaser-pi1 .layout2 .box-teaser {
	position: relative;
	padding: 0;
	text-align:left;
	width:300px;
}
.tx-boteaser-pi1 .layout2 .box-teaser img {
	margin-left: 3px;
	padding: 1px;
	background-color: #fff;
	text-align:center !important;
}
.tx-boteaser-pi1 .layout2 .bodyIMG {
	text-align:center !important;
}
.tx-boteaser-pi1 .layout2 .bodyIMG img {
	text-align:center !important;
}
.tx-boteaser-pi1 .layout2 .bodytext {
	margin: 0;
	padding: 0;
}
.tx-boteaser-pi1 .layout2 h2 {
	padding: 2px !important;
	font-size: 12px;
	text-align:center;
}
.tx-boteaser-pi1 .layout2 h2 a {
	color: #2A2A2A;
	text-decoration: none;
	font-size: 13px;
}
.tx-boteaser-pi1 .layout2 p {
	margin: 3px 0;
	padding: 0 5px !important;
	line-height: 18px;
	font-size: 12px;
}
.tx-boteaser-pi1 .layout2 .more {
	margin: 0 5px 0 0;
	text-align: right;
}
.tx-boteaser-pi1 .layout2 .more a {
	color: #2A2A2A;
}
.tx-boteaser-pi1 .layout2 .more a:hover {
	text-decoration: none;
}
/* different box-colors */
.tx-boteaser-pi1 .layout2 .links {
	border: 1px solid #7DA3DF;
	background: #EBF0F7;

}
.tx-boteaser-pi1 .layout2 .links .box-teaser {
	background: #EBF0F7 url(img/box-blue_bg.png) repeat-x left top;
	/*height:125px;*/
}
.tx-boteaser-pi1 .layout2 .rechts {
	border: 1px solid #7DA3DF;
	
}
.tx-boteaser-pi1 .layout2 .rechts .box-teaser {
	background: #EBF0F7 url(img/box-blue_bg.png) repeat-x left top;
	/*height:125px;*/
}

/*
#######
		LAYOUT 3
#######
*/
.tx-boteaser-pi1 .layout3 {

}
.tx-boteaser-pi1 .layout3 .box {
	background: #FFF url(img/teaser_right_grey.jpg) repeat-x left top;
	margin-bottom:10px;
}
.tx-boteaser-pi1 .layout3 .second {
	border:1px solid #FFF;
	background: #FFF url(img/box-yellow_bg.png) repeat-x left top;
}
.tx-boteaser-pi1 .layout3 .box .box-teaser h2 {
	font-size:14px;
	margin:4px 0 8px 8px;
	padding-top:4px;
}
.tx-boteaser-pi1 .layout3 .box .box-teaser h2 a {
	text-decoration:none;
	color: #000400;
}
.tx-boteaser-pi1 .layout3 .box .box-teaser span {
	border:1px solid #C0C0C0;
	float:left;
	margin:0 auto 0;
	text-align:center;
	margin:0 0 0 2px;
	padding:0;
}
.tx-boteaser-pi1 .layout3 .box .box-teaser span img {
	border:1px solid #FFF;
	float:left;
	margin:0 auto 0;
	text-align:center;
	margin:0;
	padding:0;
}
/*.tx-boteaser-pi1 .layout3 .box .box-teaser .bodytext p{
	float:left;
	padding:4px 2px 0 0;
}*/
.tx-boteaser-pi1 .layout3 .box .box-teaser .bodytext {
	color: #000400;
	font-size:12px;
	margin:0 0 0 2px;
	padding:0;
}

.tx-boteaser-pi1 .layout3 .box .box-teaser .more {
	margin:4px 8px 4px 0;
	text-align:right;
	color:#FF7500;
	font-size:12px;
}
.tx-boteaser-pi1 .layout3 .box .box-teaser .more a {
	color:#FF7500;
	text-decoration:none;
	padding-left:7px;
}

/*
LAYOUT 6 
*/
/* menu layout */
.tx-boteaser-pi1 .layout6,
.tx-boteaser-pi1 .layout6 tr,
.tx-boteaser-pi1 .layout6 th,
.tx-boteaser-pi1 .layout6 td,
.tx-boteaser-pi1 .layout6 div {
	padding: 0 !important;
	margin: 0 !important;
	vertical-align: top;
}

.tx-boteaser-pi1 .layout6 {
	margin-left: -15px !important;
	width:100%;
}

/* single box layout */
.tx-boteaser-pi1 .layout6 .box-teaser {
	position: relative;
	padding: 0;
	text-align:left;
	width:300px;
}
.tx-boteaser-pi1 .layout6 .box-teaser img {
	margin-left: 3px;
	padding: 1px;
	background-color: #fff;
	text-align:center !important;
}
.tx-boteaser-pi1 .layout6 .bodyIMG {
	text-align:center !important;
}
.tx-boteaser-pi1 .layout6 .bodyIMG img {
	text-align:center !important;
}
.tx-boteaser-pi1 .layout6 .bodytext {
	margin: 0;
	padding: 0;
}
.tx-boteaser-pi1 .layout6 h2 {
	padding: 2px !important;
	font-size: 12px;
	text-align:center;
}
.tx-boteaser-pi1 .layout6 h2 a {
	color: #2A2A2A;
	text-decoration: none;
	font-size: 13px;
}
.tx-boteaser-pi1 .layout6 p {
	margin: 3px 0;
	padding: 0 5px !important;
	line-height: 18px;
	font-size: 12px;
}
.tx-boteaser-pi1 .layout6 .more {
	margin: 0 5px 0 0;
	text-align: right;
}
.tx-boteaser-pi1 .layout6 .more a {
	color: #2A2A2A;
}
.tx-boteaser-pi1 .layout6 .more a:hover {
	text-decoration: none;
}
/* different box-colors */
.tx-boteaser-pi1 .layout6 .links {
	border: 1px solid #7DA3DF;
	background: #EBF0F7;

}
.tx-boteaser-pi1 .layout6 .links .box-teaser {
	background: #EBF0F7 url(img/box-blue_bg.png) repeat-x left top;
	/*height:125px;*/
	width:100%;
}
.tx-boteaser-pi1 .layout6 .rechts {
	border: 1px solid #7DA3DF;
	
}
.tx-boteaser-pi1 .layout6 .rechts .box-teaser {
	background: #EBF0F7 url(img/box-blue_bg.png) repeat-x left top;
	/*height:125px;*/
}