/*
Responsive 996px grid system ~ Grid CSS.
Copyright 2013, Josh Cope

12 Columns ~ Margin left: 13px ~ Margin right: 13px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Licensed under GPL and MIT
*/

/* =============================================================================
   Base 966px Grid
   ========================================================================== */
   
	body {min-width: 100%;}

	/* Container */
	.container {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		display:table;
		margin:0;
	}

	/* Global */
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6 {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	.grid_full{width:100%; margin:0 auto;display:table;position:relative ;}
	



	.push_1, .pull_1,
	.push_2, .pull_2,
	.push_3, .pull_3,
	.push_4, .pull_4,
	.push_5, .pull_5,
	.push_6, .pull_6 {
		position: relative;
	}

	/* Children (Alpha ~ First, Omega ~ Last) */
	.alpha {margin-left: 0;}
	.non-margin{margin:0;}
	.margin-auto{margin-left:auto; margin-right:auto;}
	.omega {margin-right: 0;}
	
	/*.grid_standort{width:40%; display:block;float:left;} */
	.grid_standort{width:50%; display:block;float:left;}
	.grid_standort .inhalt{display:block;}
	
	.float_none{margin:0 auto;float:none;}

	/* Base Grid */
	.container .grid_margin{width:20px;margin:0;float:left;}
	.container .grid_1 {width: 150px;}
	.container .grid_2 {width: 320px;}
	.container .grid_3 {width:490px;}
	.container .grid_4 {width: 660px;}
	.container .grid_5 {width: 830px;}
	.container .grid_6 {width: 1000px;}
	.container .grid_full{width:100%;}
	.container .grid_full .grid_6,
	.teaser-innen .grid_2{float:none; display:table; margin:0 auto;position:relative;}



	/* Prefix Extra Space */
	.container .prefix_half{padding-left:75px;}
	.container .prefix_half-half{padding-left:225px;}
	.container .prefix_1 {padding-left: 150px;}
	.container .prefix_2 {padding-left: 320px;}
	.container .prefix_3 {padding-left: 490px;}
	.container .prefix_4 {padding-left: 660px;}
	.container .prefix_5 {padding-left: 830px;}


	/* Suffix Extra Space */
	.container .suffix_half{padding-right:75px;}
	.container .suffix_half-half{padding-right:225px;}
	.container .suffix_1 {padding-right: 150px;}
	.container .suffix_2 {padding-right: 320px;}
	.container .suffix_3 {padding-right: 490px;}
	.container .suffix_4 {padding-right: 660px;}
	.container .suffix_5 {padding-right: 830px;}


	/* Push Space */
	.container .push_1 {left: 150px;}
	.container .push_2 {left: 320px;}
	.container .push_3 {left: 490px;}
	.container .push_4 {left: 660px;}
	.container .push_5 {left: 830px;}


	/* Pull Space */
	.container .pull_1 {left: -150px;}
	.container .pull_2 {left: -320px;}
	.container .pull_3 {left: -490px;}
	.container .pull_4 {left: -660px;}
	.container .pull_5 {left: -830px;}

	/* Images & Other Objects */
	img, object, embed {	max-width: 100%;}
	img { height: auto; }
	
@media screen and (max-width:999px){
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6 {
		display: inline;
		float: left;
		margin-left: 1%;
		margin-right: 1%;
	}
	
	/* Children (Alpha ~ First, Omega ~ Last) */
	.alpha {margin-left: 0;}
	.non-margin{margin:0;}
	.margin-auto{margin-left:auto; margin-right:auto;}
	.omega {margin-right: 0;}
	
	/*.grid_standort{width:40%; display:block;float:left;} */
	.grid_standort{width:50%; display:block;float:left;}
	.grid_standort .inhalt{display:block;}
	
	.float_none{margin:0 auto;float:none;}

	/* Base Grid */
	.container .grid_margin{width:2%;margin:0;float:left;}
	.container .grid_1 {width: 15%;}
	.container .grid_2 {width: 32%;}
	.container .grid_3 {width:49%;}
	.container .grid_4 {width: 66%;}
	.container .grid_5 {width: 83%;}
	.container .grid_6 {width: 98%;}
	.container .grid_full{width:100%;}


	/* Prefix Extra Space */
	.container .prefix_half{padding-left:7.5%;}
	.container .prefix_half-half{padding-left:22.5%;}
	.container .prefix_1 {padding-left: 15%;}
	.container .prefix_2 {padding-left: 32%;}
	.container .prefix_3 {padding-left: 49%;}
	.container .prefix_4 {padding-left: 66%;}
	.container .prefix_5 {padding-left: 83%;}


	/* Suffix Extra Space */
	.container .suffix_half{padding-right:7.5%;}
	.container .suffix_half-half{padding-right:22.5%;}
	.container .suffix_1 {padding-right: 15%;}
	.container .suffix_2 {padding-right: 32%;}
	.container .suffix_3 {padding-right: 49%;}
	.container .suffix_4 {padding-right: 66%;}
	.container .suffix_5 {padding-right: 83%;}


	/* Push Space */
	.container .push_1 {left: 15%;}
	.container .push_2 {left: 32%;}
	.container .push_3 {left: 49%;}
	.container .push_4 {left: 66%;}
	.container .push_5 {left: 83%;}


	/* Pull Space */
	.container .pull_1 {left: -15%;}
	.container .pull_2 {left: -32%;}
	.container .pull_3 {left: -49%;}
	.container .pull_4 {left: -66%;}
	.container .pull_5 {left: -83%;}	
	
	}
	
@media screen and (max-width:840px){
	.container .grid_4,
	.container .grid_5,
	.container .grid_6,
	.container .grid_full,
	#navi .grid_2{width:100%;}
	
	.container .suffix_1 {padding-right: 0%;}
	.container .prefix_1 {padding-right: 0%;}
	
	}