@import url("//hello.myfonts.net/count/26e730");
@font-face {font-family: 'FuturaBT-LightCondensed';src: url('../webfonts/26E730_0_0.eot');src: url('../webfonts/26E730_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/26E730_0_0.woff') format('woff'),url('../webfonts/26E730_0_0.ttf') format('truetype');}

body{
	font-family: FuturaBT-LightCondensed;
	color: #808080;
	font-weight: lighter;
  	font-size: 17px;
  	line-height: 22px;
  	letter-spacing: 0.3px;
overflow-y: scroll;
overflow-x: hidden;  	
}

a{
	color: #808080;
	text-decoration: none;
}

h1{
	padding-top: 107px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;	
	font-weight: lighter;
	font-size: 34px;
  }

h2{
	text-align: left;	
	font-weight: lighter;
  	margin-bottom: 30px;
  	padding-top: 70px;
	font-size: 24px;
}

header{
	position: fixed;
	height: 180px;
	z-index: 9;
	width: 960px;
}

section{
	height: 670px;
	width: 100%;
	border-bottom: 2px solid #fff;
}

.firstdown{
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding-top: 150px;
}

.down{
	position: absolute;
	z-index: 888;
	left:50%;
   	margin-left:-23px;	
   	margin-top: -23px;
}

#navigation{
	float: right;
	margin-top: 35px;
	margin-right: -30px;
}

#navigation li{
	display: inline;
	margin-left: 7px;
}

#navigation li a{
	display: inline-block;
	height: 40px;
	width: 40px;
}

#navigation li a:hover, #navigation li a:focus{
	color: #96c11f;
}

#navigation li span{
	display: none;
}

#link_start{
	background: url(../images/nav_home.png) no-repeat;
}

#link_start:hover{
	background: url(../images/nav_home_over.png) no-repeat;
}

#link_kontakt{
	background: url(../images/nav_kontakt.png) no-repeat;	
}
#link_kontakt:hover{
	background: url(../images/nav_kontakt_over.png) no-repeat;	
}

.selected{
	color: #96c11f;
}


.block{
	width: 960px;
	margin: 0 auto;
}

.text{
	padding: 70px;
	padding-top: 70px;
	width: 355px;
}

.text p{
	margin-bottom: 20px;
}

#logo{
	margin-left: 130px;
	position: absolute;
	z-index: 999;
}

#start h2{
	text-align: center;
	padding-top: 0px;
}

#loesungen .text{
	float: right;
}

#agentur .text{
	float: left;
}

#team .text{
	float: right;
}

#team #pfeile{
	position: absolute;
	margin-top: 300px;
	z-index: 9;
	width: 100%;
}

#team #pfeile a{
	display: inline-block;
	padding: 20px;
}

#name{
	display: none;
	padding: 150px;
	margin-top: 230px;
	position: absolute;
}

#team #name a{
	background: url("../images/arr_link.gif") left no-repeat;
	padding-left: 30px;
	font-weight: lighter;
	margin-left: 0px;
	margin-top: -20px;
}

#next{
	float: right;
}

#prev{
	float: left;
}

footer{
	height: 60px;
	width: 100%;
	background-color: #96c11f;
	color: #fff;
	padding-top: 40px;
}

#footer .block{
	background-color: #96c11f;
	height: 100%;
}

footer #link_impressum{
	float: right;
	margin: 0;
	cursor: pointer;
	font-size: 20px;
}

footer #link_upload{
	float: left;
	margin: 0;
	cursor: pointer;	
	font-size: 20px;	
}

footer a{
	color: #fff;
}

#login_form input{
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 16px;
	padding: 3px;
	border: 2px solid #8aa91e;
	width: 175px;
}

#login_form input[type="submit"]{
	background-color: #fff;
	color: #333;
	padding: 5px;
	height: 28px;
	width: auto;
	margin-right: 95px;
}

#loggedinupload li label{
	width: 200px;
	display: inline-block;
}


#login_form, #impressum{
	display: none;
	width: 920px;
	margin-left: 100px;
	margin-top: 40px;
}

label{
	width: 100px;
	height: 30px;
	display: inline-block;
}

#upload_formular, #upload_beschreibung{
	float: left;
	width: 380px;
}

#upload_beschreibung{
	width: 400px;
}

 .impressum_text{
	float: left;
	width: 240px;
 }

 #kontakt .text p{
	margin-bottom: 7px;
}

#after_upload{
	width: 100%; height: 100%; position: fixed; z-index: 9999; background-color: #fff;
	text-align: center;
	display: none;
}

#after_upload p{
	padding-top: 300px;
}