@charset "utf-8";
/**
 **************************************************
 * gel.css
 *
 * @author: HDNET GmbH & Co. KG
 * @version: 1.1
 * @updated: 2013-03-28 (AH)
 * @description: Everything for the grid system. Percentage based and thus prepared for fluid & responsive
 * @note:
 **************************************************
 */



/* GridElements: Columns */
.gel.columnGroup {
	margin:0 -10px 20px;
}

.gel>.column {
	position:relative;	
	float:left;
}

/* Dependency on css styled content! */
.gel>.column .csc-textpic-imagewrap {
	/*max-width:100%;*/
}

.gel>.column img {
	/*max-width:100%;*/
	/*width:auto;
	height:auto;*/
	vertical-align:top;
}

.gel.columnGroup>.column>.columnGutter {
	margin:0 10px;
}

.gel.columnGroup>.column>.columnGutter.debug {
	/* Make it visible */
	border:1px dotted #b7e3a0;
	padding:4px;
	background-color:rgba(210,255,186,0.5);
}

.gel>hr {
	padding:0;
	border-bottom:1px solid rgba(210,255,186,0.5);
	margin:0 10px;
}

.gel.columnCount1>.column {
	/*float:none;*/	
	width:100%;
}

.gel.columnDistribution3414>.c1,
.gel.columnDistribution1434>.c2 {
	width:75%;	
}

.gel.columnDistribution2313>.c1,
.gel.columnDistribution1323>.c2 {
	width:66.66%;
}

.gel.columnDistribution1212>.column,
.gel.columnDistribution121414>.c1,
.gel.columnDistribution141214>.c2,
.gel.columnDistribution141412>.c3 {
	width:50%;	
}

.gel.columnDistribution1323>.c1,
.gel.columnDistribution2313>.c2,
.gel.columnDistribution131313>.column {
	width:33.33%;	
}

.gel.columnDistribution1434>.c1,
.gel.columnDistribution3414>.c2,
.gel.columnDistribution121414>.c2,
.gel.columnDistribution121414>.c3,
.gel.columnDistribution141214>.c1,
.gel.columnDistribution141214>.c3,
.gel.columnDistribution141412>.c1,
.gel.columnDistribution141412>.c2,
.gel.columnCount4>.column {
	width:25%;
}