/**
* ------------------------------------------------------------------------------------------------- #
*
* Container
*
* (Hier können den einzelnen Containern Basisinformationen wie z.b Farbe, Hintergrundfarbe etc.
*  zugeordnet werden.)
*
*  Container Klassen:
*	 		über 3 Spalten "col-3" 
*			über 2 Spalten "col-2" 
*			1 Spalte "col" 
*
*  Beispiel: <div class="col-3">Inhalt</div>
*
*  Dem Container können dann noch weiter Informationen wie z.b Abstand nach links (Klasse: "dileft") zugeordnet werden.
*
*  Komplettes Beispiel: <div class="col-2 dileft blue bg-blue">Inhalt</div>
*
*  Die Container Klasse können so, dynamisch eingesetzt werden, müssen aber immer von einem Container mit den 
*  Klassen "row clearfix" umschlossen sein.
*
*  <div class="row clearfix">
*	   <div class="col2 blue bg-blue">
*      Inhalt
*    </div>
*	   <div class="col dileft blue bg-blue">
*      Inhalt
*    </div>
*  </div>
*
*  |-------------------------------|
*  | #header                       |
*  |-------------------------------|
*  | .col2-2            | .col     |
*  |-------------------------------|
*  | #footer                       |
*  |-------------------------------|
*
*  |-------------------------------|
*  | #header                       |
*  |-------------------------------|
*  | .col     | .col    | .col     |
*  |-------------------------------|
*  | #footer                       |
*  |-------------------------------|
*
*  |-------------------------------|
*  | #header                       |
*  |-------------------------------|
*  |            .col-3             |
*  |-------------------------------|
*  | #footer                       |
*  |-------------------------------|
*/


/**
* ------------------------------------------------------------------------------------------------- #
*
* Basisfarben - es werden jeweile headline (h2) und linkfarbe gesetzt
*
*/

/* Blau */
h2.blau,
.blau h2,
.row .blau a {
	color:#003c78;
}
.blau .umfrage .erg {
	background-color:#9cb1ce;
}

/* Türkis */
h2.tuerkis,
.row .tuerkis a,
.inner.tuerkis {
	color:#0b8db7;
}
.tuerkis .umfrage .erg {
	background-color:#c8e2ea;
}

/* Weiß */
h2.weiss,
.row .weiss a,
.inner.weiss {
	color:#fff;
}

/* Grau */
h2.grau,
.row .grau a {
	color:#46484a;
}
.grau .umfrage .erg {
	background-color:#bcc5c1;
}

/* Grün */
.green h2,
.row .green .col-button a,
.row .green a {
	color:#146e00;
}
.green .umfrage .erg {
	background-color:#a9dc93;
}

/* Gold */
.gold h2,
.row .gold .col-button a,
.row .gold .inner a {
	color:#8b7306;
}
.gold .umfrage .erg {
	background-color:#e2deae;
}

/* Rosa */
.rosa h2,
.row .rosa .col-button a,
.row .rosa .inner a {
	color:#971d4b;
}
.rosa .umfrage .erg {
	background-color:#e6c4d1;
}


.col.bg-yellow {
	background:url("../images/container/bottom_col_yellow.gif") no-repeat left bottom;
}

/* Blauer Verlauf Hintergrund */
.col.bg-blau {
	background:url("../images/container/bottom_col_blue.gif") no-repeat left bottom;
}

.col-2.bg-grau {
	background:url("../images/container/bottom_2col_grey.gif") no-repeat left bottom;
}
.col.bg-blau h2,
.col-2.bg-blau h2 {
	color:#46484a;
}
.col.bg-blau a,
.col-2.bg-blau a {
	color:#fff;
	text-decoration:none !important;
}
.col.bg-blau a:hover,
.col-2.bg-blau a:hover {
	color:#fff;
	text-decoration:underline !important;
}
.col.bg-blau .inner ul li {
	float:left;
	width:136px;
}
.col.bg-blau .col-button a {
	color:#003c78;
}


.headline.weiss,
.headline.weiss h1 {
	color:#fff;
}

.teaser .headline.left {
	left:16px;
	text-align:left;
}
.teaser .headline.right {
	right:16px;
	text-align:right;
}
.teaser .headline.right p {

}

/**
* ------------------------------------------------------------------------------------------------- #
*
* Header / Footer
*
*/

.edit-header.page { }
.edit-footer.page { }

/* Ausgleichshöhe setzen */
.row.height .col,
.row.height .col-2,
.row.height .col-3 {
		min-height:26.5em;
}
.row.height .coldivider .col {
	min-height:12em;
}

* html .row.height .col,
* html .row.height .col-2,
* html .row.height .col-3 {
	height:26.5em;
}
* html .row.height .coldivider .col {
	height:12em;
}

.row.height-300 .col,
.row.height-300 .col-2,
.row.height-300 .col-3 {
		min-height:25em;
}
* html .row.height-300 .col,
* html .row.height-300 .col-2,
* html .row.height-300 .col-3 {
		height:25em;
}

.row.height-350 .col,
.row.height-350 .col-2,
.row.height-350 .col-3 {
		min-height:28.5em;
}
* html .row.height-350 .col,
* html .row.height-350 .col-2,
* html .row.height-350 .col-3 {
		height:28.5em;
}



.row.height-280 .col,
.row.height-280 .col-2,
.row.height-280 .col-3 {
		min-height:23.3333em;
}
.row.height-290 .col,
.row.height-290 .col-2,
.row.height-290 .col-3 {
		min-height:24.1667em;
}