/* Wegen eventueller Floats */
.rowteaser_Main {
	clear: both;
	box-sizing: content-box;
	width: 100%;
}
.row.rowteaser_Main .org-opencms-gwt-client-ui-css-I_CmsDirectEditCss-optionBar {
	margin-right: 15px;	
}

/* Der Paragraph wird gefloatet, um die Reihe bilden zu können */
.rowteaser_Paragraph {
	float: left;
	width: 100%;
}

/* Standard-Farben für die Farbboxen */
.rowteaser_ParagraphColor1 .rowteaser_Content {
	background-color: #eee;
}
.rowteaser_ParagraphColor2 .rowteaser_Content {
	background-color: #ddd;
}
.rowteaser_ParagraphColor3 .rowteaser_Content {
	background-color: #ccc;
}
.rowteaser_ParagraphColor4 .rowteaser_Content {
	background-color: #bbb;
}
.rowteaser_ParagraphColor5 .rowteaser_Content {
	background-color: #aaa;
}

/* Für den Fall der Fälle */
.rowteaser_Content {
 	word-break: break-word;
}

/* TODO: Warum? */
.rowteaser_ContentSide {
    vertical-align: top;
}

/* Gefloatet, damit die Box bei Dev-Tool-Markierung nicht zu viel Ausdehnung hat */
.rowteaser_InnerContent {
	/*float: left;*/
}

/* Der innere Text bekommt none, damit der um das Bild fließt */
.rowteaser_Main .rowteaser_WordsWrapperInner {
	float: none;
	clear: none;
}

/* Standardabstand zwischen einzelnen Bestandteilen */
.rowteaser_ImageWrapperTop {
	margin-bottom: 15px;
}
.rowteaser_Text {
	margin-bottom: 15px;
}

/* Float zur Positionierung und damit der Text um das Bild fließt; z-index für Auswahl im Dev-Tool */
.rowteaser_ImageWrapper {
    display: block;
	z-index: 1;
}
.rowteaser_Main .rowteaser_ImageWrapperLeft {
    float: left;
}
.rowteaser_Main .rowteaser_ImageWrapperRight {
    float: right;
}

/* 100% innerhalb des Containers, der die tatsächliche Breite vorgibt */
.rowteaser_Image,
/* Selektoren ab hier depricated */
.rowteaserImageTop img, 
.rowteaserImageLeft img, 
.rowteaserImageRight img {
    border: none; 
    margin: 0px;
    width: 100%;
    height: auto;
}

/* Für Höhenberechnungen */
.rowteaser_Words {
	height: auto;
}

/* Für den Fall, dass allgemeine Tag-Styles etwas anderes sagen */
.rowteaser_Kicker, 
.rowteaser_Headline, 
.rowteaser_Text p {
	/*clear: none;*/
	display: block;
}

/* Kleines margin für zusätzlichen Abstand um Fließtext */
.rowteaser_ImageDescription {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-style: italic;
}

/* Für die Seitengasse eine Titelbox */
.rowteaser_Box .rowteaser_MainTitle {
    color: #000;
    background-color: #eee; 
    text-align: center;
}

/* Ein clear zum Schluss */
.rowteaser_Clear {
    clear: both;
}

/* Depricated */
.rowteaserTextSpace {
	margin: 0px;
	padding: 0px;
}

/* Spezielle Styles für Zitate */
.rowteaser_Main cite { 
    quotes: '„' '“' '‚' '‘'; 
	font-style: normal;
}
.rowteaser_Main cite:before { 
    content: open-quote; 
}
.rowteaser_Main cite:after { 
    content: close-quote; 
}
.rowteaser_QuoteboxLeft {
	padding: 5px;
	text-align: center;
	font-size: 18px;
	float: left;
}
.rowteaser_QuoteboxRight {
	padding: 5px;
	text-align: center;
	font-size: 18px;
	float: right;
}