/*
	Based on:
	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
	
	Modified:
	960 Flex-Grid System ~ www.elemente-websolutions.ms
	DME: Change PX to EM width horzontal Grid
*/
/*###################################################################################################
               !!!!! Wichtig: bitte hier nichts �ndern, benutzt die layout.css !!!!!
#####################################################################################################*/

body {
	font-size:0.625em;
	background: url(../img/bgs/bg_verlauf.gif) #cfdfe5 repeat-x;
}
/* Container
----------------------------------------------------------------------------------------------------*/
.container_16 {
	width:96em;
	margin-left: auto;
	margin-right: auto;
	background:#fff;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 1em;
	margin-right: 1em;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_1 {
	width: 4em;
}
.container_16 .grid_2 {
	width: 10em;
}
.container_16 .grid_3 {
	width: 16em;
}
.container_16 .grid_4 {
	width: 22em;
}
.container_16 .grid_5 {
	width: 28em;
}
.container_16 .grid_6 {
	width: 34em;
}
.container_16 .grid_7 {
	width: 40em;
}
.container_16 .grid_8 {
	width: 46em;
}
.container_16 .grid_9 {
	width: 52em;
}
.container_16 .grid_10 {
	width: 58em;
}
.container_16 .grid_11 {
	width: 64em;
}
.container_16 .grid_12 {
	width: 70em;
}
.container_16 .grid_13 {
	width: 76em;
}
.container_16 .grid_14 {
	width: 82em;
}
.container_16 .grid_16 {
	width: 94em;
}
.container_16 .grid_15 {
	width: 88em;
}
/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 {
	padding-left: 6em;
}
.container_16 .prefix_2 {
	padding-left: 12em;
}
.container_16 .prefix_3 {
	padding-left: 18em;
}
.container_16 .prefix_4 {
	padding-left: 24em;
}
.container_16 .prefix_5 {
	padding-left: 30em;
}
.container_16 .prefix_6 {
	padding-left: 36em;
}
.container_16 .prefix_7 {
	padding-left: 42em;
}
.container_16 .prefix_8 {
	padding-left: 48em;
}
.container_16 .prefix_9 {
	padding-left: 54em;
}
.container_16 .prefix_10 {
	padding-left: 60em;
}
.container_16 .prefix_11 {
	padding-left: 66em;
}
.container_16 .prefix_12 {
	padding-left: 72em;
}
.container_16 .prefix_13 {
	padding-left: 78em;
}
.container_16 .prefix_14 {
	padding-left: 84em;
}
.container_16 .prefix_15 {
	padding-left: 90em;
}
/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 {
	padding-right: 6em;
}
.container_16 .suffix_2 {
	padding-right: 12em;
}
.container_16 .suffix_3 {
	padding-right: 18em;
}
.container_16 .suffix_4 {
	padding-right: 24em;
}
.container_16 .suffix_5 {
	padding-right: 30em;
}
.container_16 .suffix_6 {
	padding-right: 36em;
}
.container_16 .suffix_7 {
	padding-right: 42em;
}
.container_16 .suffix_8 {
	padding-right: 48em;
}
.container_16 .suffix_9 {
	padding-right: 54em;
}
.container_16 .suffix_10 {
	padding-right: 60em;
}
.container_16 .suffix_11 {
	padding-right: 66em;
}
.container_16 .suffix_12 {
	padding-right: 72em;
}
.container_16 .suffix_13 {
	padding-right: 78em;
}
.container_16 .suffix_14 {
	padding-right: 84em;
}
.container_16 .suffix_15 {
	padding-right: 90em;
}
/* Push Space >> 16 Columns
   Spalten Sortierung umkehren, rechts
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1,
.container_16 .push_2,
.container_16 .push_3,
.container_16 .push_4,
.container_16 .push_5,
.container_16 .push_6,
.container_16 .push_7,
.container_16 .push_8,
.container_16 .push_9,
.container_16 .push_10,
.container_16 .push_11,
.container_16 .push_12,
.container_16 .push_13,
.container_16 .push_14,
.container_16 .push_15 {
	float:right; 
	left: 0;
}
/* Pull Space >> 16 Columns
   Spalten Sortierung umkehren, links
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1,
.container_16 .pull_2,
.container_16 .pull_3,
.container_16 .pull_4,
.container_16 .pull_5,
.container_16 .pull_6,
.container_16 .pull_7,
.container_16 .pull_8,
.container_16 .pull_9,
.container_16 .pull_10,
.container_16 .pull_11,
.container_16 .pull_12,
.container_16 .pull_13,
.container_16 .pull_14,
.container_16 .pull_15 {
	float:left;
	left: 0;
}

/* Horizontal-Grid >> Global
----------------------------------------------------------------------------------------------------*/
.fix_1, .fix_2, .fix_3, .fix_4,
.fix_5, .fix_6, .fix_7, .fix_8,
.fix_9, .fix_10, .fix_11, .fix_12,
.auto_1, .auto_2, .auto_3, .auto_4,
.auto_5, .auto_6, .auto_7, .auto_8,
.auto_9, .auto_10, .auto_11, .auto_12 {
	overflow:hidden;
 }
.scroll_1, .scroll_2, .scroll_3, .scroll_4,
.scroll_5, .scroll_6, .scroll_7, .scroll_8,
.scroll_9, .scroll_10, .scroll_11, .scroll_12 {
	overflow:auto;
 }
/* Horizontal-Grid >> 16 Columns
   !!! 2px/0.2em smaller, if used Border -> BOXEN !!!
----------------------------------------------------------------------------------------------------*/
.container_16 .fix_12,
.container_16 .scroll_12 {
	height:698px;
	min-height:69.8em;
}
.container_16 .fix_11,
.container_16 .scroll_11 {
	height:638px;
	min-height:63.8em;
}
.container_16 .fix_10,
.container_16 .scroll_10 {
	height:578px;
	min-height:57.8em;
}
.container_16 .fix_9,
.container_16 .scroll_9 {
	height:518px;
	min-height:51.8em;
}
.container_16 .fix_8,
.container_16 .scroll_8 {
	height:458px;
	min-height:45.8em;
}
.container_16 .fix_7,
.container_16 .scroll_7 {
	height:398px;
	min-height:39.8em;
}
.container_16 .fix_6,
.container_16 .scroll_6 {
	height:338px;
	min-height:33.8em;
}
.container_16 .fix_5,
.container_16 .scroll_5 {
	height:278px;
	min-height:27.8em;
}
.container_16 .fix_4,
.container_16 .scroll_4 {
	height:218px;
	min-height:21.8em;
}
.container_16 .fix_3,
.container_16 .scroll_3 {
	height:158px;
	min-height:15.8em;
}
.container_16 .fix_2,
.container_16 .scroll_2 {
	height:98px;
	min-height:9.8em;
}
.container_16 .fix_1,
.container_16 .scroll_1 {
	height:38px;
	min-height:3.8em;
}
.container_16 .auto_12 {
	min-height:69.8em;
}
.container_16 .auto_11 {
	min-height:63.8em;
}
.container_16 .auto_10 {
	min-height:57.8em;
}
.container_16 .auto_9 {
	min-height:51.8em;
}
.container_16 .auto_8 {
	min-height:45.8em;
}
.container_16 .auto_7 {
	min-height:39.8em;
}
.container_16 .auto_6{
	min-height:33.8em;
}
.container_16 .auto_5 {
	min-height:27.8em;
}
.container_16 .auto_4 {
	min-height:21.8em;
}
.container_16 .auto_3 {
	min-height:15.8em;
}
.container_16 .auto_2 {
	min-height:9.8em;
}
.container_16 .auto_1 {
	min-height:3.8em;
}
/* overwrite height for min-height */
.auto_1, .auto_2, .auto_3, .auto_4,
.auto_5, .auto_6, .auto_7, .auto_8,
.auto_9, .auto_10, .auto_11, .auto_12 {
	height:1%;
}
/* Clear Floated El0pxents
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display:block;
}
/* Grid's end
----------------------------------------------------------------------------------------------------*/