/* [Online Consulting AG] - [textbausteine.css] */

/************************************************
*				Textbausteine					*
************************************************/
.col-1-1,
.col-1-2,
.col-2-1,
.col-1-1-1,
.textflow {
	width: 100%;
	margin-bottom: 10px;
	}
.col-1-1 img,
.col-1-2 img,
.col-2-1 img,
.col-1-1-1 img {
	margin-top: 2px;
	height: auto !important;
	}
	
/* 2 Spalten */
.col-1-1 .left,
.col-1-1 .right,
.col-1-2 .left,
.col-1-2 .right,
.col-2-1 .left,
.col-2-1 .right {
	float: left;
	}
.col-1-1 .left,
.col-1-1 .right {
	width: 48.5%;
	}
.col-1-2 .right,
.col-2-1 .left {
	width: 65%;
	}
.col-1-2 .left,
.col-2-1 .right {
	width: 32%;
	}
.col-1-1 .right,
.col-1-2 .right,
.col-2-1 .right {
	margin-left: 15px;
	}
.col-2-1 .left img,
.col-1-2 .right img {
	width: 395px;
	}
.col-2-1 .right img,
.col-1-2 .left img {
	width: 195px;
	}

/* 3 Spalten */
.col-1-1-1 .left,
.col-1-1-1 .center,
.col-1-1-1 .right {
	float: left;
	width: 31.5%;
	}
.col-1-1-1 .center,
.col-1-1-1 .right {
	margin-left: 15px;
	}  
.col-1-1-1 img {
	width: 192px;
	height: auto !important;
	}
	
/* Bild mit Textumfluss */
.textflow .left,
.textflow .right,
.contentimage .left,
.contentimage .right {
	width: 32%;
	overflow-x: hidden;
	border: 2px solid #B2B6A7;
	}
.textflow .left img,
.textflow .right img,
.contentimage .left img,
.contentimage .right img {
	width: 100%;
	}
.textflow .left,
.contentimage .left {
	float: left;
	margin: 8px 15px 10px 0;
	}
.textflow .right,
.contentimage .right {
	float: right;
	margin: 8px 0 10px 15px;
	}
#content .textflow .right p,
#content .textflow .left p,
#content .contentimage .right p,
#content .contentimage .left p {
	font-size: .9em;
	padding: 2px;
	background: #B2B6A7;
	}
	
#content .col-1-1 .left img,
#content .col-1-1 .right img,
#content .col-1-2 .left img,
#content .col-1-2 .right img,
#content .col-2-1 .left img,
#content .col-2-1 .right img,
#content .col-1-1-1 .left img,
#content .col-1-1-1 .center img,
#content .col-1-1-1 .right img {
	height: auto !important;
	}