body {
	background-color: #000;
	margin: 0;
	padding: 0;
	font-family: Georgia;
	color: #000;
	font-size: 100%;
	line-height: 1.4;
	
}
#container {
	background-image: url(Bilder/start_03.png);
	background-color: #FFF;
	position:relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	width: 100%;
	max-width: 1600px;
	min-width: 500px;
	margin: 0 auto;
	background-position: bottom;
	background-repeat: repeat;
	background-attachment: fixed;
}
#navi {
	background-repeat: no-repeat;
	width: 1600px;
	height: 37px;
	position: fixed;
	color: #FFF;
	z-index: 998;
	
}
#start {
	width: 100px;
	position: absolute;
	
	top: 3px;
	left: 230px;
	
	text-align: center;
}
#über {
	width: 200px;
	position: absolute;
	
	top: 3px;
	left: 330px;
	
	text-align: center;
}
#bildflug {
	width: 130px;
	position: absolute;
	top: 3px;
	left: 530px;
	text-align: center;
}
#technik {
	width: 110px;
	position: absolute;
	top: 3px;
	left: 660px;
	text-align: center;

}
#flug {
	width: 100px;
	position: absolute;
	
	top: 3px;
	left: 770px;
	
	text-align: center;
}
#leistung {
	width: 120px;
	position: absolute;
	
	top: 3px;
	left: 870px;
	
	text-align: center;	
}
#referenz {
	position: absolute;
	width: 150px;
	text-align: center;
	left: 991px;
	top: 3px;
}
.link2 {
	color: #000;
}

#shop {
	position: absolute;
	width: 100px;
	text-align: center;
	left: 1140px;
	top: 3px;
}
#kontakt {
	width: 120px;
	position: absolute;
	
	top: 3px;
	left: 1240px;
	
	text-align: center;
}


#head {
	
	width: 1600px;
	height: 231px;
	position: fixed;
	z-index: 999;
	top: 37px;
	
}

#text {
	background-image: url(Bilder/Text%20Hintergrund.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 70%;
	height: 100%;
	top: 266px;
	left: 13%;
	right: 10%;
	bottom: 8px;
	position: absolute;
	padding-top: 18px;
	padding-bottom: 30px;
	padding-left: 70px;
	z-index: 997;
	float: right;
	max-width: 800px;
	min-width: 200px;
	padding-right: 70px;	
	
	
}

#gallery {
	width: 400px;
	position: fixed;
	right: 5%;
	top: 250px;
	text-align: center;
	line-height: 5px;
	padding-top: 29px;
	left: 65%;
	color: #333;
}

#bottom {
	background-image: url(Bilder/Start_04.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 80px;
	position: fixed;
	z-index: 1000;
	bottom: -2%;
	color: #FFF;
	text-align: left;
	line-height: 4px;
	padding-left: 40px;
}

a:link {
	text-decoration: none;
	color: #FFF;
}
a:visited {
	text-decoration: none;
	color: #FFF;
}
a:hover {
	text-decoration: none;
	color: #0CF;
}
a:active {
	color: #000;
}


</style></head>

<body>

<div id="container" >

<div id="navi">                   
  <div id="start"> Start </div>
  <div id="über"> Über & Unter "UNS" </div>
  <div id="navigation"> Navigation </div>
  <div id="technik"> Technik </div>
  <div id="flug"> Flug </div>
  <div id="leistung"> Leistung </div>
  <div id="referenz"> Referenzen </div>
  <div id="shop"> Shop </div>
  <div id="kontakt"> Kontakt </div>
</div>

<div id="head"></div>

<div id="text">
 <p>Herzlich Willkommen!  </p>
<p>Schön, euch zu sehen. Ich bin Wolf Glaeser.
  Schaut euch ruhig bei mir um und lernt mich und meine Firma Helicolor Luftbild Ost am Flughafen Berlin Schönefeld kennen.  </p>
<p>Wir sind Ihr Partner in der Luftbildfotografie für Berlin und Umgebung. Schwerpunkt unserer Arbeit ist die Herstellung und der Vertrieb von Schräg-Luftbildaufnahmen für Industrie, Kommunen, Gewerbe, Werbung und Privat.  </p>
<p>Wir informieren Euch über unser Unternehmen
  Sie können erfahren was man bei der Luftbildfliegerei alles beachten muss.  </p>
<p>Welche Technik wir einsetzen.  </p>
<p>Wie der Luftbildflug vorbereitet und durchgeführt wird.  </p>
<p>Auch fehlt nicht eine Liste unserer Hauptkunden und wofür unsere Luftbilder eingesetzt werden können.  </p>
<p>Wichtig ist für Euch die Preisliste  </p>
<p>Eine Reverenz Seite zeigt eine kleinen Übersicht von Luftbildern aus unseren Archiv  </p>
<p>Damit ich weiß, wer mich hier besucht, könnt ihr mir gerne eine Nachricht über mein Kontakt senden. </p>
</div>

<div id="gallery"><p>&nbsp;</p>
  <p>Helicolor- Luftbild Ost GmbH</p>
  <p>Am Flughafen Schönefeld</p>
  <p>&nbsp;</p>
  <p><img src="file:///C|/Users/Pauline/Desktop/homepage helicolor/Website neu/Bilder/DSC_0117x.JPG"    width="266" height="182" alt="Schönefeld" /></p>
  <p>&nbsp;</p>
  <p><a href="http://www.wetteronline.de/" title="www.wetteronline.de">Aktuelles Wetter: </a></p>
  <p><a href="http://www.wetteronline.de/" title="www.wetteronline.de">www.wetteronline.de</a></p>
 
</p> 
</div>



<div id="bottom">
  <p>2017 Helicolor-Luftbild Ost GmbH </p>
  <p> © Wolf Glaeser</p>
</div>



</div>
</body>
</html>
#container #text p {
	font-weight: bold;
}
.h1 {
	font-weight: bold;
}
#container #text {
	text-align: left;
}
