/*
Title: Main Css
Author: Robotsquid.de

*/

/* import stylesheets \*/

@import url("reset.css");


/* The GRID */



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	/*margin-left: auto;
	margin-right: auto;*/
	margin-left: 20px;
	width: 960px;
	/*background-image: url(grid.png);*/
}

/* 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 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
.grid_full{
	float: left;
	width: 100%;
	margin: 0px auto;
	z-index: -1;
	position: absolute;		
}


/* 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 {
	width:220px;
}

.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:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* 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;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




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



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


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}



/* Main styles */

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      MADType
 * License URL: http://www.fontspring.com/fflicense/madtype
 *
 *
 */

@font-face {
	font-family: 'VariableBlack';
	src: url('fonts/Variable_black-webfont.eot');
	src: local('?'), url('fonts/Variable_black-webfont.woff') format('woff'), url('fonts/Variable_black-webfont.ttf') format('truetype'), url('fonts/Variable_black-webfont.svg#webfontUJJ8yCt1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'VariableLight';
	src: url('fonts/Variable_light-webfont.eot');
	src: local('?'), url('fonts/Variable_light-webfont.woff') format('woff'), url('fonts/Variable_light-webfont.ttf') format('truetype'), url('fonts/Variable_light-webfont.svg#webfontnqcDaXH3') format('svg');
	font-weight: normal;
	font-style: normal;
}



body {
	font-family: VariableLight, Helvetica ,sans-serif;
	font-weight: normal;
	font-size: 100%;
	}



a {display: block;}
.inline { display:inline;}
.no-wrap { white-space: nowrap;}


a:link { 	
			text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			background-color: #ffffff;
			padding: 2px 0px 10px 0px;
		}
		
a:visited { 
			text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			padding: 2px 0px 10px 0px;
			background-color: #ffffff;}
a:focus {  text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			padding: 2px 0px 10px 0px;
			background-color: #ffffff;}
a:hover {  	text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			padding: 2px 0px 10px 0px;
			background-color: #ffffff;
			
		}
		
a:active { 
			text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			padding: 2px 0px 10px 0px;
			background-color: #ffffff;
			position: relative; 
			top: 2px;}


/ *special*/			
.special a:active { 
			text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			padding: 2px 0px 2px 0px;
			background-color: #ffffff;
			position: relative; 
			top: 2px;}



.special a:link { 	
			text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			background-color: #ffffff;
			padding: 2px 0px 2px 0px;
		}
		
.special a:visited { 
			text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			padding: 2px 0px 2px 0px;
			background-color: #ffffff;}
.special a:focus {  text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			padding: 2px 0px 2px 0px;
			background-color: #ffffff;}
.special a:hover {  	text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			padding: 2px 0px 2px 0px;
			background-color: #ffffff;
			
		}
			
.special a:active { 
			text-decoration:none;
			font-weight: normal;
			color: black;
			border-bottom:1px #009ce3 solid;
			padding: 2px 0px 2px 0px;
			background-color: #ffffff;
			position: relative; 
			top: 2px;}




.bold { font-family: VariableBlack; }

li {
float: left;
margin-left: 20px;
}

.info {
float: right;
margin-left: 20px;
margin-bottom: 10px;
}



ul {
float: right;
}

.nav {
margin-top: 40px;

}

.right {
float: right;
}

.headNav { margin-bottom: -20px;  }

.headNavLine { margin-top: 20px;  }

.fullLine {
border-top: 1px solid black;
margin-top: 20px;
margin-bottom: 0px;
margin-right: 10px;

}

.fullLineFooter {
border-top: 1px solid black;
margin-top: 8px;
margin-bottom: 0px;
margin-right: 10px;

}

.fullLineFooterSpecial {
border-top: 1px solid black;
margin-top: -10px;
margin-bottom: 0px;
margin-right: 10px;

}

.fullLineFooterSmall {
border-top: 1px solid black;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 10px;

}

.fullLineHead {
border-top: 1px solid black;
margin-top: 15px;
margin-bottom: 10px;
margin-right: 10px;

}

.fullLineHeadScroll {
border-top: 1px solid black;
margin-top: 15px;
margin-bottom: 0px;
margin-right: 10px;

}


.footer {
margin-top: 10px;
margin-bottom: 10px;

}

.logoNav {
margin-top: 20px;
}

.prevsiew {
margin-bottom: 40px;
}

.mainPush {
margin-top: 20px;
}

.topPush {
margin-top: 40px;
}

.navPush {
margin-top: 60px;
}

.bottomPush {
margin-bottom: 277px;
}  

.bottomPushMain {
margin-bottom: 240px;
}  
	
h1 {
	font-size: 3.5em;
	font-weight: normal;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	text-align:right;
	margin-top: -10px;
}

h3 {
	font-family: VariableBlack;
	font-size: 3.5em;
	text-align:right;
	line-height: 1.3em;

}

h4 {
	font-family: 'VariableBlack';
	font-size: 1.3em;
	line-height: 1.5em;
	color: black;
	font-weight: normal;
	text-align:right;
	
}
	
p {
	font-family: 'VariableBlack';
	font-size: 1.3em;
	line-height: 1.5em;
	color: black;
	font-weight: normal;
	text-align:right;
	
}

.left { text-align: left; }

input:focus,
textarea:focus {

background-color: #4bb5e5;
color: white;
}

.inputName {


font-family: VariableLight, sans-serif;
border: 0;
color:white;
font-size: 1.125em;
width: 210px;
outline: 0;
margin: 0;
margin-right: 15px;
margin-bottom: 20px;
padding: 5px;
background: #009ce3;



}

.inputEmail {

font-family: VariableLight, sans-serif;
background: #009ce3;
border: 0;
color:white;
font-size: 1.125em;
width: 209px;
outline: 0;
margin: 0;
margin-bottom: 20px;
padding: 5px;


}
.commentTextBig {


background: #009ce3;
border: 0;
color:white;
font-size: 1.125em;
font-family: VariableLight, sans-serif;
width: 449px;
height: 200px;
outline: 0;
margin: 0;
padding: 5px;


}

.inputSend {
font-family: VariableLight, sans-serif;
float: right;
background-color: #009ce3;
border: 0;
color: white;
font-size: 1.125em;
width: 80px;
outline: 0;
margin: 0;
margin-top: 20px;
margin-bottom: 20px;
padding: 5px;

}

.imgHome { margin-top: 10px;
margin-bottom: 20px;  }

.imgIcon { 
position: relative;
top: -10px;
margin: 0;
padding: 0;}

.imgHeadFilmproduktion { 
position: absolute;
z-index: -1;
left: -10px;
top:-3px;}

.fixed {
z-index: 2;
background-color: white;
position: fixed;

}

.testPushPerson { margin-top: 150px;}
.testPush { margin-top: 190px;}

.linkPush { margin-bottom: 10px;}

.kontaktPush { margin-top: 470px;}

.pushLeft { margin-left: 0px;}

.topPush { margin-top: -10px;}

.footed { 
position:fixed;
background-color: white;
bottom:0;
   /* Height of the footer */
 
}

.footedPush { margin-bottom: 100px;}
.footerW { width: 960px;}