/* 
	12 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	LICENSED UNDER GPL & MIT
*/

/* MAIN CONTAINER */
.container						{ margin: 0 auto; }

/* SELF CLEARING FLOATS - CLEARFIX METHOD
----------------------------------------------------------------------------------------------------*/
.row:after,
.clr:after,
.group:after	 				{ content: ""; 
								  display: block; 
								  height: 0; 
								  clear: both; 
  								  visibility: hidden; }

/* DEFAULT ROW STYLES */
.row							{ margin-bottom: 20px; } /* set according to preference*/
								  
/* DEFAULT COLUMN STYLES */
.col 							{ display: block;
								  float:left;
								  margin-left: 2.9%;
								  margin-bottom:10px;
								  }
								  

/* RESET MARGINS */
.first				{margin-left: 0; } /* all browsers except IE6 and lower */

/* COLUMN WIDTHS*/
.span_1 						{ width: 6.5%; }
.span_2 						{ width: 14.0%; }
.span_3 						{ width: 22.5%; }
.span_4 						{ width: 31.0%; }
.span_5 						{ width: 39.5%; }
.span_6 						{ width: 48.0%; }
.span_7 						{ width: 56.5%; }
.span_8 						{ width: 65.0%; }
.span_9 						{ width: 73.5%; }
.span_10 						{ width: 82.0%; }
.span_11 						{ width: 90.5%; }
.span_12 						{ width: 100%; }

/*
.container.contentseite .mainContent.span_9{ width: 65%; }
.container.contentseite .sidebar.span_3{width: 31%;}
*/