/* Style_teaser_bo.css */
.BO {
	.odd22 {
		width: {{BO_Width}}px / 2 !important;
	}
	.odd13 {
			width: {{BO_Width}}px / 3 !important;
	}
	.odd23 {
			width: 2 * {{BO_Width}}px / 3  !important;
	}

	.teaser {
		width: {{BO_Width}}px;

		.onecoltsr,
		.twocoltsr,
		.twocolrighttsr,
		.threecoltsr,
		.threecolcentertsr,
		.threecolrighttsr {
			float:left;
			position:relative;
		  left: 0;
			width: {{BO_Width}}px !important;
		}

		.onecoltsr {
			.teasercaption {
				left: -{{tsrpadding}}px;
				width: {{BO_Width}}px - 2 * {{tsrborder_width}} !important;
			}
			.leftcol {
				width:  {{BO_Width}}px - 2 * {{tsrpadding}}px !important;
			  left:   {{tsrpadding}}px !important;
			  margin:  0 !important;
			  padding: 0;
				.fullimage {
					width:  {{BO_Width}}px - 2 * {{tsrpadding}}px;
				  left:   {{tsrpadding}}px;
				}

			}
		}
		.twocolrighttsr {
		  left:  0.5 * {{BO_Width}}px!important;
		}
		.twocoltsr,
		.twocolrighttsr {
			.teasercaption {
				left: -{{tsrpadding}}px !important;
				width:  0.5 * ({{BO_Width}}px  - 3 * {{tsrpadding}}px) !important;
			}
			.leftcol,
			.rightcol {
				width:  0.5 * {{BO_Width}}px  - 2 * {{tsrpadding}}px !important;
			  margin: {{tsrboxmargin}} !important;
			}
			.leftcol {
			  left:   -1.0 * (0.5 * {{BO_Width}}px - {{tsrpadding}}px) !important;
			}
			.rightcol {
			  left:   -1 * (0.5 * {{BO_Width}}px - 3 * {{tsrpadding}}px ) !important;
			}
		}
		.threecolcentertsr,
		.threecolrighttsr {
			left: {{BO_Width}}px  / 3 !important;
		}
		.threecoltsr,
		.threecolcentertsr,
		.threecolrighttsr {
			.leftcol,
			.centercol,
			.rightcol {
			  width: {{BO_Width}}px / 3  - 2 * {{tsrpadding}}px !important;
			}
			.leftcol {
			  left: {{tsrpadding}}px !important;
			}
			.centercol {
			  left: 3 * {{tsrpadding}}px !important;
			}
			.rightcol {
			  left: 5 * {{tsrpadding}}px !important;
			}
		}
	}
}