#html,#body {
 width: 1350px;
 height: 1400px;
 background-color: #e7e7e7;
 font-size:7pt;
 font-style: Elefant;
 color: black;
}

#container {
 width: 1350px;
 height: 1700px;
 background-color: #e7e7e7;
 margin-left: auto;
margin-right: auto;
	
	
}

#header {
	
position: fixed;
width: 1350px;
height: 90px;
top: 0px;
background-color: #0B4C5F;
z-index: 1;


	
}

nav {
position: absolute;
top: 100px;
left: 120px;

}

nav ul {
margin: 0;
padding: 0;	
float: left;
height: 40px;
box-shadow:0px 0px 32px 0px #111;
border-radius: 10px;

	
}

nav ul li {
 position: relative;
 border-right: 1px solid #222;	
 list-style: none;
 float: left; 
 background: #333;
 padding: 10px;
 width: 130px;
	
	
	
}

nav ul li:hover {
	background: #09c;
	color: #ebebeb;
	
}


nav ul li:first-child {
 border-radius:10px 0 0 10px;
	
}

nav ul li:last-child {
 border-radius:0 10px 10px 0;
 border: none;
	
}

nav ul li:hover ul {height: auto; opacity: 1;}


nav ul li ul {
height:0;
overflow: hidden;
opacity:0;	
position: absolute;
top: 45px;
left:0;

	
}

nav ul li ul {
 width: 150px;	
	
}

nav ul li ul li:first-child {
 border-radius:10px 10px 0 0;
	
}

nav ul li ul li:last-child {
 border-radius:0 0 10px 10px;
 border: none;
	
}

#b {
position: relative;
left: 55px;	
top: 600px;	
font-size: 30pt;
color: black;	
font-family: Distant Galaxy;
}

#b1 {
position: relative;
left: 55px;	
top: 850px;	
font-size: 30pt;
color: black;	
font-family: Distant Galaxy;
}

#b2 {
position: relative;
left: 55px;	
top: 1100px;	
font-size: 30pt;
color: black;	
font-family: Distant Galaxy;
}

#c {
position: relative;
 text-align: center;
 top: 500px;
 font-size: 32pt;
 font-family: Distant Galaxy;
 color: black;	
}

#Überschrift {
 position: relative;
 left: 605px;
 top: -530px;
 width: 200px;
 height: 200px;
 font-size: 32pt;
 font-family: elephant;
 color: black;

 
}


#Überschrift1 {
 position: relative;
 text-align: center;
 top: 100px;
 font-size: 32pt;
 font-family: elephant;
 color: black;

 
}

#Überschrift2 {
	position: relative;
	left: 520px;
	top: 150px;
	font-size: 29pt;
	font-family: elephant;
	color: black;
	margin-right: auto;
	margin-left: auto;
	
	
	
}

#Überschrift3 {
 position: relative;
 top: 100px;
 text-align: center;
 font-family: elephant;
 font-size: 29pt;
 color: black; 
	
	
}

#T2  {
  position: relative;
  top: 590px;
  left: 200px;
  font-size: 23px;
  font-family: Distant Galaxy;
  color: black;
    


  
	
}

#T3 {
 position: relative;
 top: 590px;
 left: 50px;
 font-size: 23pt;
 font-family: elephant;
 color: black; 
	
}


#T5 {
 position: relative;
 top: 660px;
 left: 50px;
 font-size: 23pt;
 font-family: elephant;
 color: black; 
	
}

#T6 {
 position: relative;
 top: 740px;
 left: 200px;
 font-size: 19pt;
 font-family: Distant Galaxy;
 color: black; 
	
}

#T7 {
 position: relative;
 top: 770px;
 left: 50px;
 font-size: 23pt;
 font-family: elephant;
 color: black; 
	
}

#T8 {
 position: relative;
 top: 850px;
 left: 200px;
 font-size: 19pt;
 font-family: Distant Galaxy;
 color: black; 
	
}

#t9 {
	position: fixed;
	top: 20px;
	
}


#footer_unten {

 position: relative;
 margin-bottom: auto;
 width: 1350px;
 height: 130px;
 margin-left: auto;
 margin-right: auto;
 background-color: #0b4c5f;

 text-decoration: none;

}
#footer_unten2 {

 position: relative;
 top: 580px;
 width: 1350px;
 height: 130px;
 margin-left: auto;
 margin-right: auto;
 background-color: #0b4c5f;

 text-decoration: none;
}




#T1 {
  position: absolute;
  top: 25px;
  left: 40px;
  height: 100px;
  z-index: 2;
	 margin-left: auto;
margin-right: auto;

	
}


#Logo {
 position: absolute;
top: 6px;
left:1220px;
height: 79px;
width: 79px;
background-color: #0b4c5f;
z-index: 3;
	
	
}



#footerinhalt {
position: absolute;
top: 50px;
left: 240px;
height: 60px;
text-decoration: none;


	
	
}

#Menue {
position: absolute;
top: -80px;
left: 200px;
width: 1000px;	
	
	
}

#Menue3 {
position: absolute;
top: 200px;
left: 200px;
width: 1000px;	
	
	
}






#projektüberschrift {
position: relative;
top: -20px;
left: 90px;
color: black;
font-family: elephant;
font-size: 27pt;
	
}

#newprojects {
	position: relative;
	top: -600px;
	
}


#outerbox {
	
}


#sliderbox {
	position: relative;
	width: 3600px;
	animation-name: Jamal;
	animation-duration: 5s;
	
}

#sliderbox img {
	float: left;
}

@keyframes Jamal {
	from
	{
	left: 0px;
	}
	to 
	{
	left: -3600px;
	
	}
	
}



#position_kontakt {
	position: relative;
	width: 400px;
	top: -35px;
	font-size: 15px;
	color: black;
	font-weight: bold;

}


.klayout input[type="submit"]{ 
	position: relative;
	left: 100px;
	top: 23px;
	border: none;
	outline: none;
	height: 40px;
	background: #1c8adb;
	color: #fff;
	font-size: 18px;
	border-radius: 15px;
	width: 200px;

}

.klayout input[type="submit"]:hover{ 
	cursor: pointer;
	background: #39dc79;
	border: none;
	outline: none;
	height: 40px;
	color: #000;
	font-size: 18px;
	border-radius: 15px;
	width: 200px;

}

.klayout input[type="text"], input[type="email"]
{
	border: none;
	border-bottom: 2px solid #c3c3c3;
	background: transparent;
	outline: none;
	height: 40px;
	color: #171717;
}

.kontaktbox {
	position: relative;
	top: 520px;
	left: 700px;
	width: 540px;
	height: 720px;
	background: rgba(0,0,0,0.3);
	color : #fff;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	padding: 70px 30px;
	border-radius: 5px;
}




.error {
	position: relative;
	top: 400px;
	width: 300px; 
	margin: 0px auto; 
	padding: 10px; 
	border: 1px solid #F64724; 
	color: #a94442; 
	background: #F78181; 
	border-radius: 5px; 
}



.blaetter {
	position: relative;
	top: 90px;
	margin-right: auto;
	margin-left: auto;
	width: 1250px;
	height: 170px;
	border: 2px solid #9f9f9f;
	border-radius: 5px;
	
}


.blatterinhalt {
	position: relative;
	top: 10px;
	left: 130px;
	color: black;
	font-weight: bold;
	
}

.blatterinhalttext {
	position: relative;
	top: -120px;
	left: 140px;
	color: black;
	font-weight: 200;
	font-size: 19px;
	
}


.b {
	position: relative;
	top: -24px;
	left: 15px;
	
}

.dbtn {
	position: relative;
	left: 990px;
	top: -210px;
	width: 200px;
	height: 60px;
	border: 2px solid #0140B3;
	background: #1c8adb;
	color: black;
	font-size: 23px;
	border-radius: 12px;
}

.dbtn2 {
	position: relative;
	left: 990px;
	top: -160px;
	width: 200px;
	height: 60px;
	border: 2px solid #0140B3;
	background: #1c8adb;
	color: black;
	font-size: 23px;
	border-radius: 12px;
}


.dbtn:hover {
	position: relative;
	left: 990px;
	top: -210px;
	width: 200px;
	height: 60px;
	border: 1px solid #004b00;
	background: #00b200;
	color: black;
	font-size: 23px;
	border-radius: 12px;
}

.dbtn2:hover {
	position: relative;
	left: 990px;
	top: -160px;
	width: 200px;
	height: 60px;
	border: 1px solid #004b00;
	background: #00b200;
	color: black;
	font-size: 23px;
	border-radius: 12px;
}



h3 {
	position: relative;
	text-align: center;
	top: -15px;
}


.blaetter2 {
	position: relative;
	top: 140px;
	margin-right: auto;
	margin-left: auto;
	width: 1250px;
	height: 170px;
	border: 2px solid #9f9f9f;
	border-radius: 5px;
	
}
  
  
.blaetter3 {
	position: relative;
	top: 190px;
	margin-right: auto;
	margin-left: auto;
	width: 1250px;
	height: 170px;
	border: 2px solid #9f9f9f;
	border-radius: 5px;
	
}
 
 
 .blaetter4 {
	position: relative;
	top: 280px;
	margin-right: auto;
	margin-left: auto;
	width: 1250px;
	height: 170px;
	border: 2px solid #9f9f9f;
	border-radius: 5px;
	
 }
 
  .blaetter5 {
	position: relative;
	top: 370px;
	margin-right: auto;
	margin-left: auto;
	width: 1250px;
	height: 170px;
	border: 2px solid #9f9f9f;
	border-radius: 5px;
	
 }
 
 
 
 
.e2 {
	position: relative;
	top: -120px;
	
}

.e3 {
	position: relative;
	top: -400px;
	left: -200px;
	
}

.e4 {
	position: relative;
	top: 130px;
	left: -400px;
	
}

#Versuch {
position: relative;
text-align: center-left;
left: 200px;
top: 300px;
font-size: 25pt;
color: black;
font-family: Distant Galaxy;
width: 1000px;
}


#projektbeschreibung1 {
position: relative;
text-align: center-left;
left: 200px;
top: 300px;
font-size: 25pt;
color: black;
font-family: Distant Galaxy;
width: 1000px;

}