/*
Title: Main Css
Author: Robotsquid.de

*/

/* import stylesheets \*/

@import url("reset.css");




/* The GRID */



/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	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,
.grid_special {
	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_footer{
	float: left;
	width: 100%;
	margin: 0px auto;
	position: absolute;		
}

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

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

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

.container_12 .grid_special {
	width:900px;
	margin-left: 250px;
	position:relative;
  
}

.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 */

body {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 100%;
	background-color: #000;
	
	
	
	}

a img {
border: none;
vertical-align: middle;


}
a:hover img {
background-color: black;
}


a:link { 	text-decoration:none; color: white; font-weight: bold;}
a:visited {  text-decoration:none; color: white; font-weight: bold;}
a:focus {  text-decoration:none; color: white; font-weight: bold;}
a:hover {  	text-decoration:none; color: black; background-color: yellow; font-weight: bold;}
a:active { text-decoration:none; color: #ffffff; font-weight: bold;}
	


span {
color: black; 
background-color: yellow;
}

span a:link {
color: black;
}


div#topBlock {
	float: left;
	width: 100%;
	margin: 0px auto;
	z-index: 1;
	position: absolute;
	right: 0px; 
	top: 0px; 
	
	border-top: 1px solid white;
	background-color: #000;
	height: 0px;
	


}

.footer {
	
	background-color: #e11919;
	border-top: 1px solid #510c0c;
	height: 100px;
	


}


	
div#logoBlock {
	
	margin-top: 0px;
	margin-left: 5px;


}

p {
	font-size: 1.125em;
	color: #fff;
	line-height: 1.8em;

	
		
}


.footerText {
	font-size: 1em;
     font-weight: normal;
     line-height: 1.5em;
    

	
		
}

.copyText {
	font-size: 0.8em;
     font-weight: normal;
     line-height: 1.2em;
    

	
		
}

.teaserText {
	text-decoration:none;
	color: black;
	background-color: white;
	
	
}

.descText {
	font-family: Georgia, serif;
	font-style: normal;
	font-size: 1em;
     font-weight: normal;
     line-height: 1.5em;
	
	
}

.webIcon {
	position:absolute;
	top:390px; 
	right:0px;
	left: 20px;
	z-index:1; 
	
	
}

.tagIcon {
	margin-right: 10px;
	
	
}

.workTitle {

	position:absolute;
	top:0px; 
	right:0px;
	left: 0px;
	z-index:1; 
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 20px;
	
	
}


.hide{display:none}



h1 {
	font-size: 2.25em;
	line-height: 1.2em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;

}

h2 {
	font-size: 2.25em;
	color: #000;
	font-weight: bold;
	line-height: 1.2em;
	
	
	position:absolute;
	top:300px; 
	right:0px;
	left: 20px;
	z-index:1; 
	
	
}

h3 {
	font-size: 1.25em;
	color: #000;
	font-weight: bold;
	line-height: 1.2em;
	
	
	position:absolute;
	top:280px; 
	right:0px;
	left: 20px;
	z-index:1; 
	
	
}

h4 {
	font-size: 2.25em;
	color: #000;
	font-weight: bold;
	line-height: 1.2em;
	 
	
	
}


input:focus,
textarea:focus {

background-color: #cccccc;
}



.border {
border: 1px solid black;
}

.navPush  {
margin-right: 15px;
}

.pushBottom  {
margin-bottom: 20px;
}

.pushBottomWork  {
margin-bottom: 40px;
}

.pushBottomWorkIndex  {

}

.pushBottomWorkDetail  {
margin-bottom: 20px;
}

.up {
float: right;
}





.imgHeight {
height: 340px;
}


.listBox {
width: 220px;
margin-right: 20px;
}

.bigPic {
background-color: yellow;
height: 370px;
margin-left: 10px;

}






.topLine {
border-bottom: 1px solid #ccc;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
}

.footerLine {
border-bottom: 1px solid #ccc;
margin-top: 40px;
margin-bottom: 10px;
margin-left: 10px;
}

.footerLineWork {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
margin-left: 10px;
}


.border {
border: 1px solid blue;
}

.bgTeaser {
background-color: black;
position:absolute;
top:-110px; 
right:0px;
left: -350px;
z-index:-1; 
background-color:#fff; 
}


.bgLogo {
background-color: black;
position:absolute;
top:0px; 
right:0px;
left: -528px;
z-index:-1; 

}

#slider ul, #slider li {
margin : 0;
padding : 0;
list-style : none;
}
#slider, #slider li {
width : 940px;
height : 370px;
overflow : hidden;
}

#sliderWork ul, #sliderWork li {
margin : 0;
padding : 0;
list-style : none;
}
#sliderWork, #sliderWork li {
width : 940px;
height : 440px;
overflow : hidden;
}








div#navBar ul {  
     margin:0;
	 padding:0;
	 margin-top: 115px;
	 list-style: none;
	
     
 }  
   
div#navBar ul li {  
     float: right;  
     font-size: 1.125em;
     font-weight: normal;
     margin-left: 1.875em;
   
     
 } 
 
 
 div#footer ul {  
	 list-style: none;
	 margin-bottom: 20px;
	 padding: 0;
	
     
 }  
   
div#footer  li {  
	 font-size: 1.125em;
     font-weight: normal;
     
     
	
     

   
     
 } 
 
  
 
 div#aboutEmailForm {
position : absolute;
top : 0;
left : 460px;
z-index : 2;
margin : 0;
padding : 0;
}
div#aboutEmailFormTop {
margin : 0;
margin-left : 20px;
padding : 0;
}
.aboutEmailTextName {
font-family : Georgia, serif;
background-color : white;
border : 0;
color : black;
font-size : 1em;
width : 209px;
outline : 0;
margin : 0;
margin-right : 16px;
margin-bottom : 22px;
padding : 5px;
padding-left : 5px;
}
.aboutEmailTextEmail {
font-family : Georgia, serif;
background-color : white ;
border : 0;
color : black;
font-size : 1em;
width : 210px;
outline : 0;
margin : 0;
padding : 5px;
padding-left : 5px;
}
.aboutEmailTextText {
background-color : white;
border : 0;
color : black;
font-size : 1em;
font-family : Georgia, serif;
width : 449px;
height : 200px;
outline : 0;
margin : 0;
margin-bottom : 22px;
padding : 5px;
overflow : auto;
}

.commentPost {
background-color : white;
border : 0;
color : black;
font-family : Georgia, serif;
font-size : 1em;
width : 60px;
outline : 0;
margin : 0;
padding : 5px;
}