/*
 * \Eigene Dateien\Sentra.Designs\BasicDesigner\modules\StyleCommon\CSSTeaser\style_bxtsr-master.css
 */
/* 2col teaser begin */
	.twocoltsrbx {
		overflow: hidden;
		float:left;
		position:relative;
		width: {{Width}}px;
	  left: 0;
	  color:#FFFFFF;
		background: #6693BD;
	}
	.twocolrighttsrbx {
		float:left;
		position:relative;
		width: {{Width}}px;
	  left: floor({{Width}}px / 2);
		background: #6584A0;
		.leftcol {
			float:left;
			position:relative;
			width: {{Width}}px / 2 - 2 * 10px;
		  left: -{{Width}}px / 2 + 10px;
		  margin: 12px 0;
		}
		.rightcol {
			float:left;
			position:relative;
			width: floor({{Width}}px / 2 - 2 * 10px);
		  left: floor(-{{Width}}px / 2 + 3 * 10px);
		  margin: 12px 0;
		}
		ul {
			margin:0 0 0 10px;
			padding:0;
		}
	}
/* 2col teaser end */

/* 3col teaser begin */
	.threecoltsrbx {
		overflow: hidden;
		float:left;
		position:relative;
		width: {{Width}}px;
	  left: 0;
	  color:#FFFFFF;
		background: #6693BD;
		a {
		  color:#042F8D;
		}
		a:hover {
		  color:#68DBF5;
		}
	}
	.threecolcentertsrbx {
		float:left;
		position:relative;
		width: {{Width}}px;
	  left: floor({{Width}}px / 3);
		background: #7D9EBC;
	}
	.threecolrighttsrbx {
		float:left;
		position:relative;
		width: {{Width}}px;
	  left: floor({{Width}}px / 3);
		background: #6584A0;
		.leftcol {
			float:left;
			position:relative;
			width: floor({{Width}}px / 3 - 2 * 10px);
		  right: floor(2 * {{Width}}px / 3 - 10px);
		  margin: 12px 0;
		}
		.centercol {
			float:left;
			position:relative;
			width: floor({{Width}}px / 3 - 2 * 10px);
		  right: floor(2 * {{Width}}px / 3 - 3*10px);
		  margin: 12px 0;
		}
		.rightcol {
			float:left;
			position:relative;
			width:floor(     {{Width}}px / 3 - 2 * 10px);
		  right:floor( 2 * {{Width}}px / 3 - 5*10px);
		  margin: 12px 0;
		}
		ul {
			margin:0 0 0 10px;
			padding:0;
		}
	}
/* 3col teaser end */
