html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	overflow-x: hidden;
	
}
#content {
	min-height: 100%;

}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
    overflow-x: hidden;
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/loading.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

#preloadersingle {
    position:fixed;
    top:0;
    left:33%;
    right:0;
    bottom:0;
    background-color:f2f2f2 ; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
    overflow-x: hidden;
}

#statussingle {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../img/loading.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}




#nav {
	margin:auto;
	height:100%;
	width:33%;
	background-color:white;
	position:fixed;
	display:block;
	float:left;
	
	}
	
#navelements {
margin-left:35px;
margin-top:135px;

}
	
#navelements a {
	margin-top:20px;
	display:block;
	font-weight:200;
	font-size:14pt;
	letter-spacing:10;
	color:black;
	text-decoration:none;

}

#logo {
	margin-left:33px;
	position:absolute;
	bottom:25;

	}

		
#wrapper {
	margin-left:33%;
	display:block;
	position:absolute;
	margin-top:0px;
	width:67%;
}

#infowrapper {
	margin-left:33%;
	display:block;

}

.info {
	display:block;
	height:100%;

}

.infobg {
	display:block;
	height:100%;
	width:100%;
	background-color:202020;
	background-size:cover;
	position:fixed;
	z-index:-99;
}

.orangebg {
	display:block;
	height:100%;
	width:100%;
	background-color:e05c2f;
	background-size:cover;
	position:fixed;
	z-index:-99;
}

.posbg {
	display:block;
	height:100%;
	width:100%;
	background-image: url(../img/bg/pos.jpg);
	background-size:cover;
	position:fixed;
	z-index:-99;
}

#infotext {
	width:80%;
	height:80%;
	margin:auto;
	padding-top:50px;
	font-weight:200;
	font-size:14pt;
	letter-spacing:2;
	line-height:2;
	color:white;
	text-decoration:none;
	display:block;
	text-align:justify;
	
}

#infotext p {
	padding-top:1px;
}

#impressumtext {
	width:80%;
	height:80%;
	margin:auto;
	padding-top:50px;
	font-weight:200;
	font-size:12pt;
	letter-spacing:2;
	line-height:2;
	color:white;
	text-decoration:none;
	display:block;
	text-align:justify;
	
}

#impressumlink {
	position:absolute;
	bottom:20px;
	font-size:9pt;
	font-weight:200;
	letter-spacing:3;
	display:block;
	width:100px;
	text-align:right;
	line-height:15px;
}

#impressumtext p {
	padding-top:1px;
}


.kontakt {
	display:block;
	height:100%;
	color:white;

}

#kontaktcontent {
	margin-top:2%;
	margin-left:40px;
	position:absolute;
}

.kontakt ul {
	list-style-type:none;
	list-style-position: inside;
	padding: 0;
}

.kontakt li {
	font-size:10pt;
	font-weight:200;
	letter-spacing:1;
	display:block;
}

.kontakt h1 {
	font-size:12pt;
	font-weight:400;
	letter-spacing:1;
	display:block;
}

#kontakttext {

	padding-top:170px;
	width:1000px;
	font-weight:200;
	font-size:10pt;
	letter-spacing:2;
	line-height:15px;
	color:white;
	text-decoration:none;
	position:absolute;
	}
	
#projectsworks {
position:absolute;
width:300px;
height:140px;
float:left;

}

#coopprojects {
position:absolute;
margin-left:300px;
width:300px;
height:140px;


}

#zus {
display:block;
margin-top:50px;
}

#kontakttext p {
line-height:4px;

}

#kontaktpostadresse {
bottom:20px;
position:absolute;
width:550px;
height:50px;
display:block;
line-height:15px;


}

#kontaktwebadresse {
bottom:10px;
position:absolute;
width:550px;
height:50px;
margin-left:400px;
display:block;



}

.item1 {
	background-image: url(../img/slides/eyes.jpg);
	width:1300px;
	height:350px;
	display:block;
	text-decoration:none;
}

.item2 {
	background-image: url(../img/slides/people.jpg);
	width:1300px;
	height:350px;
	display:block;
	text-decoration:none;
}

.item3 {
	background-image: url(../img/slides/chicago.jpg);
	width:1300px;
	height:350px;
	display:block;
	text-decoration:none;
}

.item4 {
	background-image: url(../img/slides/christ.jpg);
	width:1300px;
	height:350px;
	display:block;
	text-decoration:none;
}

.item5 {
	background-image: url(../img/slides/silentmove.jpg);
	width:1300px;
	height:350px;
	display:block;
	text-decoration:none;
}

.item6 {
	background-image: url(../img/slides/carola.jpg);
	width:1300px;
	height:350px;
	display:block;
	text-decoration:none;
}

.item7 {
	background-image: url(../img/slides/scot.jpg);
	width:1300px;
	height:350px;
	display:block;
	text-decoration:none;
}

.item8 {
	background-image: url(../img/slides/pos.jpg);
	width:1300px;
	height:350px;
	display:block;
	text-decoration:none;
}

.item9 {
	background-image: url(../img/slides/trucks.jpg);
	width:1300px;
	height:350px;
	display:block;
	text-decoration:none;
}

.itemtext p {
	display:inline;
}


.itemtext {
	position:absolute;
	margin-top:300px;
	margin-left:20px;
	color:white;
	font-weight:200;
	font-size:14pt;
	letter-spacing:8;
	line-height:2;	
	text-decoration:none;
	width:1000px;
}

.portfolioheadtext p {
	display:inline;
}


.portfolioheadtext {
	position:absolute;
	bottom:25px;
	margin-left:50px;
	color:white;
	font-weight:200;
	font-size:14pt;
	letter-spacing:8;
	line-height:2;	
	text-decoration:none;
	width:90%;
}


#works {
	width:1300px;
	overflow-x:hidden;
}

.portfolio {
	display:block;
	height:100%;
	
}