html{
	border:0px;
}

body{
	min-width:980px;
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
}

#preloader {
  background-color: #fff;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1100;
}

#preloader > img {
 left: 50%;
 margin-left:-48px;
 position: absolute;
 top: 50%;
 margin-top:-48px;
}

#nav_main{
	width:100%;
	height:50px;
	z-index:10;
	position:fixed;
	background:rgba(16, 22, 54, 0.2);
}

#nav{
	width:1200px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
}

#nav p{
	margin-left:20px;
	font-size:18pt;
	line-height:50px;
	margin-top:-2px;
	color:white;
}

#nav ul{
	width:350px;
	height:50px;
	float:right;
	display:block;	
	margin-top:-57px;
}

#nav ul li{
	width:70px;
	float:left;
	list-style:none;
}

#nav ul li a{
	text-decoration:none;
	color:white;
}

#nav ul li a:hover{
	text-decoration:none;
	color:#f0912c;
}

#nav ul li a:active{
	color:#f0912c;
}

#mainsite{
	position:relative;
	top:-60px;
	background-color:#e9e9e9;
}

#head{
	overflow:hidden;
	background-color:#e9e9e9;
	width:100%;
	height:100%;	
}

#headimg{
	width:100%;
	height:100%;
	background-image:url('../images/home_1600x800.jpg');	
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
}

#parallax1{
	width:100%;
	height:400px;
	background-image:url('../images/parallax/par1.jpg');
	background-color: rgba(6,32,51,.8);
	background-attachment: fixed !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;	

}

#parallax1 div{
	width:100%;
	height:400px;
}

#parallax2{
	width:100%;
	height:400px;
	background-image:url('../images/parallax/city.jpg');
	background-color: rgba(6,32,51,.8);
	background-attachment: fixed !important;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0;	
}

#parallax2 div{
	width:100%;
	height:400px;
}

#service_main{
	width:100%;
	height:auto;
	background-color:#e9e9e9;
	position:relative;
	top:-60px;
}


#service{
	width:1200px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
}

#service div h1{
	text-align:center;
	position:relative;
	top:100px;
	color:#f0912c;
}

.dreiteiler{
	width:373px;
	height:650px;
	margin-left:20px;
	margin-top:30px;
	float:left;
	position:relative;
	top:100px;
}

.dreiteiler h2{
	text-align:center;
	color:#202835;
}

.dreiteiler p{
	margin-left:20px;
	margin-right:20px;
	color:#202835;
}

#modelling{
	width:373px;
	height:650px;
	margin-left:20px;
	margin-top:30px;
	float:left;
	position:relative;
	top:100px;
}


#works{
	clear:both;
	height:1000px;
	width:auto;
	background-color:white;
	position:relative;
	top:-20px;
}

#works h1{
	color:#f0912c;
	text-align:center;
	position:relative;
	top:100px;
}

#works p{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:150px;
}

#workingPics{
	position:relative;
	top:180px;
}

#small_1{
	width:50%;
	height:490px;
	float:left;
}

#w1{
	width:50%;
	height:50%;
	background-image:url('../images/work/pic1_small.jpg');
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
}

#w2{
	width:50%;
	height:50%;
	background-image:url('../images/work/pic2_small.jpg');
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
}

#w3{
	clear:both;
	width:100%;
	height:50%;
	background-image:url('../images/work/pic6_long.jpg');
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
}

#w4{
	width:50%;
	height:100%;
	background-image:url('../images/work/pic5_heighl.jpg');
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;
	float:left;	
}

#w5{
	width:50%;
	height:100%;
	float:left;	
}

#w6{
	clear:both;
	width:100%;
	height:50%;
	background-image:url('../images/work/pic3_small.jpg');
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;

}

#w7{	
	width:100%;
	height:50%;
	background-image:url('../images/work/pic4_small.jpg');
	background-size:100%;
	background-repeat:no-repeat;
	background-position:center center;

}

#team{
	width:1200px;
	height:950px;
	margin-left:auto;
	margin-right:auto;
}

#team h1{
	color:#f0912c;
	text-align:center;
	position:relative;
	top:100px;
}

#team p{
	position:relative;
	top:100px;
}

#teamholder{
	position:relative;
	top:170px;
}

.insideText{
	width:200px;
	height:270px;
	float:left;
}

#insideTeam1{
	width:1200px;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

#insideTeam1 div{
	width:750px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


#insideTeam2{
	width:600px;
	height:300px;
	float:left;
}

.imgTeam{
	width:750px;
	height:500px;
	float:left;
}


#contact{
	height:300px;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#contact h1{
	color:#f0912c;
	text-align:center;
}

#complete{
	width:1200px;
	height:auto;
}

#company{
	width:30%;
	height:auto;
	float:left;
}

#company span{
	font-weight:bold;
}

#sender{
	width:70%;
	height:auto;
	float:left;
}

#contactForm{
	width:100%;
	height:auto;
}

#inputText{
	width:100%;
}

#inputText input{
	width:46%;
	margin-right:2%;
	float:left;
}

#inputMessage{
	clear:both;
	width:100%;
	height:250px;
	overflow:hidden;
	position:relative;
	top:10px;
}

#inputMessage textarea{
	width:94%;
	height:80px;
}