/* Style_teaser_bx_tcs.css */
.TCS {
	.bx {
		.odd22 {
			width: {{TCS_Width}}px / 2 - 2 * {{tsrborder_width}} !important;
		}
		.odd13 {
				width: {{TCS_Width}}px / 3 - 2 * {{tsrborder_width}} !important;
		}
		.odd23 {
				width: 2 * {{TCS_Width}}px / 3 - 2 * {{tsrborder_width}} !important;
		}

		.teaser {
			width: {{TCS_Width}}px - 2 * {{tsrborder_width}};

			.onecoltsrbx,
			.twocoltsrbx,
			.twocolrighttsrbx,
			.threecoltsrbx,
			.threecolcentertsrbx,
			.threecolrighttsrbx {
				float:left;
				position:relative;
			  left: 0;
				width: {{TCS_Width}}px - 2 * {{tsrborder_width}}!important;
			}
			.onecoltsrbx {
				.teasercaption {
					left: -{{tsrpadding}}px;
					width: {{TCS_Width}}px - 2 * {{tsrborder_width}} !important;
				}
				.leftcol {
					float: left;
					position: relative;
					width:  {{TCS_Width}}px - 2 * {{tsrborder_width}}  - 2 * {{tsrpadding}}px !important;
				  left:   {{tsrpadding}}px !important;
				  margin:  0 !important;
				  padding: 0;
				}
			}
			.twocoltsrbx,
			.twocolrighttsrbx {
				.teasercaption {
					left: -{{tsrpadding}}px + 2 * {{tsrborder_width}} !important;
					width:  0.5 * ({{TCS_Width}}px - 2 * {{tsrborder_width}}  - 3 * {{tsrpadding}}px) !important;
				}
				.leftcol,
				.rightcol {
					float:left;
					position:relative;
					width:  0.5 * ({{TCS_Width}}px - 3 * {{tsrborder_width}}) - 2 * {{tsrpadding}}px !important;
				  margin: {{tsrboxmargin}} !important;
				}
				.leftcol {
				  left:   -1.0 * (0.5 * ({{TCS_Width}}px - 3 * {{tsrborder_width}}) + {{tsrborder_width}} - {{tsrpadding}}px) !important;
				}
				.rightcol {
				  left:   -1 * (0.5 * ({{TCS_Width}}px - 3 * {{tsrborder_width}}) - 3 * {{tsrpadding}}px ) !important;
				}
			}
			.twocolrighttsrbx {
			  left:  0.5 * ({{TCS_Width}}px - 3 * {{tsrborder_width}})!important;
			}
			.threecolcentertsrbx,
			.threecolrighttsrbx {
				left: ({{TCS_Width}}px - 4 * {{tsrborder_width}}) / 3 !important;
			}
			.threecoltsrbx,
			.threecolcentertsrbx,
			.threecolrighttsrbx {
				.leftcol,
				.centercol,
				.rightcol {
				  width: ({{TCS_Width}}px - 4 * {{tsrborder_width}}) / 3  - 2 * {{tsrpadding}}px !important;
				}
			}

			.threecolrighttsrbx {
				.teasercaption {
					left: -{{tsrpadding}}px;
					width:  0.33333 * ({{TCS_Width}}px - 4 * {{tsrborder_width}}  - 6 * {{tsrpadding}}px) !important;
				}
				.leftcol {
				  right: 2 * ({{TCS_Width}}px - 4 * {{tsrborder_width}}) / 3 + 2 * {{tsrborder_width}} - {{tsrpadding}}px !important;
				}
				.centercol {
				  right: ({{TCS_Width}}px - 4 * {{tsrborder_width}}) / 3  - 2 * {{tsrpadding}}px + {{tsrborder_width}} + ({{TCS_Width}}px - 4 * {{tsrborder_width}}) / 3 - {{tsrpadding}}px !important;
				}
				.rightcol {
				  right: 2 * ({{TCS_Width}}px - 4 * {{tsrborder_width}}) / 3  - 5 * {{tsrpadding}}px !important;
				}
			}
		}
	}
}