/*	960 Grid System ~ Core CSS.
	Learn more ~ http://960.gs/
	Licensed under GPL and MIT. */

.container_12{
	margin: 15px 0 30px 20px;
	width: 980px;
	float:left;
}


/* Globale Linkfarbe */
.grid_7 a:link, .grid_7 a:visited, .grid_7 a:active{
	color: #324E85; 
	background: url(../images/bg_icon_link.gif) no-repeat scroll right 1px;
	padding-right: 15px;
	margin-right: 3px;
	text-decoration: none;
}

.grid_7 a:hover{
	background-position: right -190px;
	color: #03234c;
	text-decoration: underline;
}

.grid_10 a:link, .grid_10 a:visited, .grid_10 a:active,
.grid_2 a:link, .grid_2 a:visited, .grid_2 a:active{
	color: #333;
	display: block;
	width: 100%;
}

.grid_10 a:hover, .grid_2 a:hover{
	color: black;
}


.grid_10, .grid_3, .grid_9, .grid_3_startseite{
	background: white url(../images/bg_columns_divider.gif) repeat-y  right top;
}



/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_3_startseite,
.grid_4,
.grid_5,
.grid_6,
.grid_8,
.grid_9,
.grid_11,
.grid_12{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.grid_3_startseite{margin-left: 10px; margin-right:10px;}

.grid_3{margin-left: 0;padding-right: 20px;}
.grid_2{margin-left: 10px;}

.grid_7{
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.grid_10{
	display: inline;
	float: left;
}

.grid_10, .grid_9{
	margin-right:10px;
	padding-right:10px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {width: 60px;}
.container_12 .grid_2 {width: 140px;}
.container_12 .grid_3,.container_12 .grid_3_startseite{width: 220px; float:left;}
.container_12 .grid_4 {width: 300px;}
.container_12 .grid_5 {width: 380px;}
.container_12 .grid_6 {width: 460px;}
.container_12 .grid_7 {width: 540px;}
.container_12 .grid_8 {width: 620px;}
.container_12 .grid_9 {width: 700px;}
.container_12 .grid_10 {width: 800px;}
.container_12 .grid_11 {width: 860px;}
.container_12 .grid_12 {width: 940px;}

.container_12 .grid_3_startseite {width: 230px;}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {padding-left: 80px;}
.container_12 .prefix_2 {padding-left: 160px;}
.container_12 .prefix_3 {padding-left: 240px;}
.container_12 .prefix_4 {padding-left: 320px;}
.container_12 .prefix_5 {padding-left: 400px;}
.container_12 .prefix_6 {padding-left: 480px;}
.container_12 .prefix_7 {padding-left: 560px;}
.container_12 .prefix_8 {padding-left: 640px;}
.container_12 .prefix_9 {padding-left: 720px;}
.container_12 .prefix_10 {padding-left: 800px;}
.container_12 .prefix_11 {padding-left: 880px;}


/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {padding-right: 80px;}
.container_12 .suffix_2 {padding-right: 160px;}
.container_12 .suffix_3 {padding-right: 240px;}
.container_12 .suffix_4 {padding-right: 320px;}
.container_12 .suffix_5 {padding-right: 400px;}
.container_12 .suffix_6 {padding-right: 480px;}
.container_12 .suffix_7 {padding-right: 560px;}
.container_12 .suffix_8 {padding-right: 640px;}
.container_12 .suffix_9 {padding-right: 720px;}
.container_12 .suffix_10 {padding-right: 800px;}
.container_12 .suffix_11 {padding-right: 880px;}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}