commit a3edc1f2c2f92fbe5df70ab627b90fef4f5b0fcc
Author: chsteinle <ch.steinle@sdzecom.de>
Date:   Mon Feb 21 10:43:09 2022 +0100

    Online state

diff --git a/ausbau.php b/ausbau.php
new file mode 100644
index 0000000..2612733
--- /dev/null
+++ b/ausbau.php
@@ -0,0 +1,11 @@
+<h1>Ausbau</h1>
+<h2>Badsanierung im Bauernhaus</h2>
+<a href="img/ausbau/bad1.jpg" target="_blank"><img src="img/ausbau/thumb/bad1.jpg"></a>
+<a href="img/ausbau/bad2.jpg" target="_blank"><img src="img/ausbau/thumb/bad2.jpg"></a>
+<a href="img/ausbau/bad3.jpg" target="_blank"><img src="img/ausbau/thumb/bad3.jpg"></a>
+
+<h2>Fertigung eines Kreuzgew&ouml;lbekellers</h2>
+<a href="img/ausbau/gewoelbe1.jpg" target="_blank"><img src="img/ausbau/thumb/gewoelbe1.jpg"></a>
+<a href="img/ausbau/gewoelbe2.jpg" target="_blank"><img src="img/ausbau/thumb/gewoelbe2.jpg"></a>
+<a href="img/ausbau/gewoelbe3.jpg" target="_blank"><img src="img/ausbau/thumb/gewoelbe3.jpg"></a>
+
diff --git a/banner.php b/banner.php
new file mode 100644
index 0000000..80de0f2
--- /dev/null
+++ b/banner.php
@@ -0,0 +1,6 @@
+<!--
+    die Datei banner.php als HTML-Modus
+    da sie kein PHP-Code benötigt.
+-->         
+
+<h2>Der Banner</h2>
\ No newline at end of file
diff --git a/css/page.css b/css/page.css
new file mode 100644
index 0000000..1128e32
--- /dev/null
+++ b/css/page.css
@@ -0,0 +1,198 @@
+body {
+	font-family: Arial;
+	font-size: 12px;
+	width: 1000px;
+	margin: auto;
+	background-color: #ccc;
+}
+
+h1 {
+	font-size: 2em;
+	line-height: 1.2em;
+	color: #1a2d79;
+	font-weight: bold;
+	margin: 0px 0px 10px -5px;
+	padding: 5px 0px 20px 0px;
+	border-bottom: 1px dashed #999;
+}
+
+h2 {
+	font-size: 1.5em;
+	line-height: 1.2em;
+	color: #525760;
+	font-weight: bold;
+	margin: 20px 0px 10px -1px;	
+}
+
+h3 {
+	font-size: 1.5em;
+	line-height: 1.2em;
+	color: #525760;
+	font-weight: bold;
+	margin: 0px 0px 0px 0px;
+	padding: 20px 0px 20px 0px;
+}
+
+h4 {
+	font-size: 2.5em;
+	line-height: 1em;
+	color: #1a2d79;
+	font-weight: bold;
+	margin: 0px 0px 0px 0px;
+}
+
+img{
+	border: 0px;
+}
+
+#header{
+	height: 115px;
+}
+
+#header img{
+	padding-top: 5px;
+	padding-bottom: 0px;
+}
+
+#greybar {
+	height: 30px;
+	background-image: url(../img/button_grau.jpg);
+	margin: 0px 0px 0px 200px;
+}
+
+#greybar ul{
+	list-style-type: none;
+	margin: 0px;
+}
+
+#greybar li{
+	padding-top: 5px;
+	height: 25px;
+	float: right;
+	display: inline;
+}
+
+#greybar li:hover{
+	background-image: url(../img/button_grau_over.jpg);
+	height: 25px;
+}
+
+#greybar li.aktiv{
+	background-image: url(../img/button_grau_over.jpg);
+	font-weight: bold;
+}
+
+#greybar a{
+	text-decoration: none;
+	float: left;
+	width: 150px;
+	text-align: center;
+	color: #FFF;
+	font-size: 1em;
+	margin-top: 2px;
+	margin-bottom: 3px;
+}
+
+#links {
+    width: 200px;
+	 height: 630px;
+	 background-color: #1a2d79;
+	 margin-top: -30px;
+    float: left;
+	 position: relative;
+}
+
+#links ul{
+	margin: 0px;
+	padding-left: 0px;
+	width: 200px;
+}
+
+#links li{
+   list-style-type: none;
+	background-image: url(../img/button_blau.jpg);
+   height: 23px;
+   padding-top: 7px;
+	padding-left: 20px;
+}
+
+#links li.level2{
+	padding-left: 40px;
+}
+
+#links li.aktivlevel2{
+	background-image: url(../img/button_blau_over.jpg);
+	padding-left: 40px;
+}
+
+#links li:hover{
+	background-image: url(../img/button_blau_over.jpg);
+}
+
+#links li.aktiv{
+	background-image: url(../img/button_blau_over.jpg);
+	font-weight: bold;
+}
+
+#links a{
+	text-decoration: none;
+	display: block;
+   height: 20px;
+	color: #fff;
+	font-size: 1em;
+}
+
+#inhalt {
+	margin-left: 0px;
+	height: 600px;
+	padding: 0px 20px 0px 20px;
+	text-align: justify;
+	background-color: #fff;
+	overflow: auto;
+}
+
+#inhalt ul{
+	padding-left: 20px;
+}
+
+img.daemm{
+	float: right;
+	padding-left: 50px;
+}
+
+img.info{
+	float: left;
+	padding-right: 50px;
+}
+
+img.rechts {
+	float: right;
+	margin-left: 20px;
+	margin-bottom: 20px;
+}
+
+img.referenz{
+	padding: 0px 0px 0px 0px;
+}
+#clear {
+	overflow: hidden;
+	clear: left;
+	height: 0px;
+	margin: -1px 0px 0px 0px;
+	font-size: 1px;
+}
+
+#cleaner {
+	clear: both;
+	margin-top: 0px;
+	position: fixed;
+}
+
+#footer {
+	color: #fff;
+	height: 23px;
+	padding-top: 7px;
+   background-image: url(../img/button_grau_over.jpg);
+	font-weight: bold;
+	text-align: center;
+}
diff --git a/daemmung.php b/daemmung.php
new file mode 100644
index 0000000..bb61bdc
--- /dev/null
+++ b/daemmung.php
@@ -0,0 +1,37 @@
+<h1>D&auml;mmung</h1>
+<h2>Was versteht man unter D&auml;mmsystemen?</h2>
+<p>W&auml;rmed&auml;mm-Verbundsysteme (WDVS) sind Systeme zur aussenseitigen D&auml;mmung von Geb&auml;uden,
+   bei denen alle Schichten untereinander und mit dem Untergrund dauerhaft und fest verbunden sind. Die
+   Systembestandteile m&uuml;ssen aufeinander abgestimmt sein, um die gew&uuml;nschten bauphysikalischen
+   Werte und die Dauerhaftigkeit des Systems zu gew&auml;hrleisten. Im jeweiligen Systemaufbau d&uuml;rfen nur
+   aufeinander abgestimmte und im System gepr&uuml;fte Komponenten eines Herstellers angewandt werden.</p>
+<img class="daemm" src="img/wdvs.jpg">
+<p>Ein WDVS besteht meist aus folgenden Komponenten:</p>
+<ul>
+    <li>Klebem&ouml;rtel</li>
+    <li>D&auml;mmstoff</li>
+    <li>Unterputz mit Armierungsgewebe</li>
+    <li>Voranstrich</li>
+    <li>Deckputz</li>
+    <li>gegebenenfalls Farbanstrich</li>
+</ul>
+<p>Die Vielzahl der am Markt befindlichen Systeme setzt eine ausf&uuml;hrliche Beratung voraus, um das f&uuml;r
+   Ihre pers&ouml;nlichen Bed&uuml;rfnisse optimale System auszuw&auml;hlen.</p>
+<h2>Die Vorteile einer W&auml;rmed&auml;mmung</h2>
+<ul>
+    <li>spart Heizkosten<br>
+        Der Energieverlust der Fassade kann bei Geb&auml;uden aus dem Bestand um bis zu 75% gesenkt werden</li>
+    <li>erh&ouml;ht die Wohnbehaglichkeit<br>
+        W&auml;nde mit Aussend&auml;mmung gleichen die Innenwand- und Raumlufttemperatur aus: es ist &uuml;berall
+        gleichm&auml;&szlig;ig angenehm warm, ohne dass die Heizung auf Hochtouren l&auml;uft.</li>
+    <li>verbessert das Wohnklima<br>
+        Schimmelpilze und Schwitzwasser haben keine Chance, ged&auml;mmte Aussenw&auml;nde verhindern im Winter
+        die Entstehung von Kondenswasser an den Innenw&auml;nden und im Sommer das &uuml;berm&auml;&szlig;ige
+        Aufheizen der Innenr&auml;me.</li>
+    <li>steigert den Geb&auml;udewert<br>
+        H&auml;user mit niedrigen Verbrauchswerten haben einen h&ouml;heren Wiederverkaufswert.<br>
+        Aussenw&auml;nde werden vor Temperaturschwankungen gesch&uuml;tzt. Sie bleiben gleichm&auml;&szlig;ig warm.<br>
+        Die Frostgrenze liegt im D&auml;mmsystem, somit wird die Bausubstanz gesch&uuml;tzt.</li>
+    <li>schont die Umwelt<br>
+        Ein geringerer Verbrauch fossiler Brennstoffe schont den Geldbeutel</li>
+</ul>
\ No newline at end of file
diff --git a/fassade.php b/fassade.php
new file mode 100644
index 0000000..0078657
--- /dev/null
+++ b/fassade.php
@@ -0,0 +1,5 @@
+<h1>Fassaden</h1>
+<h2>Sanierung Bauernhaus Oberstdorf</h2>
+<a href="img/fassade/odorf1.jpg" target="_blank"><img src="img/fassade/thumb/odorf1.jpg"></a>
+<a href="img/fassade/odorf2.jpg" target="_blank"><img class="referenz" src="img/fassade/thumb/odorf2.jpg"></a>
+<a href="img/fassade/odorf3.jpg" target="_blank"><img src="img/fassade/thumb/odorf3.jpg"></a>
diff --git a/footer.php b/footer.php
new file mode 100644
index 0000000..6ce4b81
--- /dev/null
+++ b/footer.php
@@ -0,0 +1,6 @@
+<!--
+    die Datei footer.php als HTML-Modus
+    da sie nur ein Bild ausgibt und kein
+    PHP-Code benötigt.
+-->         
+<p style="height: 18px; line-height: 18px; margin: 0px 20px; float: right; font-variant: small-caps;">&copy; Christian Steinle - CS medien- & kommunikationssysteme</p>
diff --git a/greybar.php b/greybar.php
new file mode 100644
index 0000000..4caa271
--- /dev/null
+++ b/greybar.php
@@ -0,0 +1,38 @@
+<?php
+// Die Datei greybar.php
+
+    if (isset($_GET['section'])) {
+        $section = $_GET['section'];
+    }
+    else {
+        $section = "home";
+    }
+
+    echo "<ul>\n";
+
+// Element Header Haftungsausschluss
+    echo "    <li";
+    if ($section == 'haftung') {
+        echo " class=\"aktiv\"";
+    }
+    echo "><a href=\"index.php?section=haftung\">Haftungsausschluss</a></li>\n";
+
+// Element Header Impressum
+    echo "    <li";
+    if ($section == 'impressum') {
+        echo " class=\"aktiv\"";
+    }
+    echo "><a href=\"index.php?section=impressum\">Impressum</a></li>\n";
+
+// Element Header Kontakt
+    echo "    <li";
+    if ($section == 'kontakt') {
+        echo " class=\"aktiv\"";
+    }
+    echo "><a href=\"index.php?section=kontakt\">Kontakt</a></li>\n";
+
+
+    echo "</ul>\n"
+
+?>
+
diff --git a/haftung.php b/haftung.php
new file mode 100644
index 0000000..da5019a
--- /dev/null
+++ b/haftung.php
@@ -0,0 +1,13 @@
+<h1>Haftungsausschluss</h1>
+<h2>Gew&auml;hrleistung:</h2>
+<p>Au&szlig;er in F&auml;llen von grobem Vorsatz oder Fahrl&auml;ssigkeit &uuml;bernehme ich, Florian Huber,
+   keine Haftung f&uuml;r mittelbar oder unmittelbar verursachte Sch&auml;den oder Kosten, die durch die
+   Nutzung meines Informationsangebotes verursacht werden.</p>
+<h2>Links / Weiterleitungen</h2>
+<p>Mit dem Urteil vom 12. Mai 1998 hat das Landgericht Hamburg entschieden, dass man durch die Anbringung
+   eines Links die Inhalte der gelinkten Seite unter Umst&auml;nden mit zu verantworten hat. Dies kann, so das
+   LG, nur dadurch verhindert werden, dass man sich ausdr&uuml;cklich von diesen Inhalten distanziert.</p>
+<p>Ich habe auf meiner Website Links / Weiterleitungen zu anderen Webseiten im Internet gelegt. F&uuml;r alle diese
+   Links gilt: Ich erkl&auml;re hiermit ausdr&uuml;cklich, dass ich keinen Einflu&szlig; auf die Gestaltung und
+   den Inhalt der gelinkten Seite habe und distanziere mich weiterhin ausdr&uuml;cklich von den Inhalten aller
+   gelinkten Seiten auf dieser Website und mache mir deren Inhalt nicht zu eigen.</p>
\ No newline at end of file
diff --git a/header.php b/header.php
new file mode 100644
index 0000000..28c75d2
--- /dev/null
+++ b/header.php
@@ -0,0 +1,5 @@
+<!-- Die Datei header.php -->
+
+<img src="img/logo.png" alt="Huber Putz" title="Huber Putz" align="left">
+<h3 align="center">Ihr freundlicher Stuckateurmeister</h3>
+<h4 align="center">Florian Huber</h4>
\ No newline at end of file
diff --git a/home.php b/home.php
new file mode 100644
index 0000000..3090240
--- /dev/null
+++ b/home.php
@@ -0,0 +1,20 @@
+<h1>Das Unternehmen</h1>
+<img class="rechts" src="img/foto.jpg" alt="Florian Huber">
+<p>Ich f&uuml;hre ein kleines Unternehmen im Oberallg&auml;u, mit der F&auml;higkeit, gro&szlig;e Leistungen
+   an Fassade und Innenr&auml;umen sauber und termingerecht zu erbringen.</p>
+<p>Mein Kerngesch&auml;ft konzentriert sich auf die Sanierung und Renovierung sowie die energetische Verbesserung
+   kleiner und mittlerer Geb&auml;ude, insbesondere auf die Ausf&uuml;hrung von kleinen Auftr&auml;gen, Putz- und 
+   Sockelreparaturen, Renovierung einzelner B&auml;der bis hin zu Reparaturen beim Tausch einzelner Fenster.</p>
+<p>Mit durchdachtem handwerklichen K&ouml;nnen m&ouml;chte ich einen Beitrag zum Aussehen und zum Wohlbefinden
+   in bestehenden und zuk&uuml;nftigen Geb&auml;uden leisten.</p>
+<p>Durch meine fundierte Ausbildung und langj&auml;hrige Erfahrung im Baubereich kann ich auf ein breites Spektrum
+   an Verarbeitungstechniken zur&uuml;ckgreifen, mit denen wir gemeinsam aus Ihrem Zuhause ein besonderes
+   Wohnerlebnis schaffen k&ouml;nnen. Die Zusammenarbeit mit renomierten Betrieben aus der Umgebung, sowie
+   gute Kontakte zu meinen Lieferanten, erm&ouml;glichen mir verbl&uuml;ffend gute Angebote, die individuell
+   auf Ihre Bed&uuml;rfnisse und W&uuml;nsche angepasst sind, zu erstellen.</p>
+<p>Ich berate Sie gerne ausf&uuml;hrlich, was die Wahl der Materialien betrifft. Beispielsweise welcher Putz
+   die Architektur Ihres Hauses mit seinen Details richtig zur Geltung bringt.</p>
+<p>Fragen Sie mich, vereinbaren Sie einfach einen Termin zum pers&ouml;nlichen Gespr&auml;ch. Auf den weiteren
+   Seiten k&ouml;nnen Sie sich bereits vorab &uuml;ber meine T&auml;tigkeiten informieren.</p>
+<br><br>
+<p>Ihr freundlicher Stuckateurmeister</p>
\ No newline at end of file
diff --git a/img/ausbau/bad1.jpg b/img/ausbau/bad1.jpg
new file mode 100644
index 0000000..f11e38d
Binary files /dev/null and b/img/ausbau/bad1.jpg differ
diff --git a/img/ausbau/bad2.jpg b/img/ausbau/bad2.jpg
new file mode 100644
index 0000000..874eb3e
Binary files /dev/null and b/img/ausbau/bad2.jpg differ
diff --git a/img/ausbau/bad3.jpg b/img/ausbau/bad3.jpg
new file mode 100644
index 0000000..996fc47
Binary files /dev/null and b/img/ausbau/bad3.jpg differ
diff --git a/img/ausbau/gewoelbe1.jpg b/img/ausbau/gewoelbe1.jpg
new file mode 100644
index 0000000..0a14c5f
Binary files /dev/null and b/img/ausbau/gewoelbe1.jpg differ
diff --git a/img/ausbau/gewoelbe2.jpg b/img/ausbau/gewoelbe2.jpg
new file mode 100644
index 0000000..dfba2b3
Binary files /dev/null and b/img/ausbau/gewoelbe2.jpg differ
diff --git a/img/ausbau/gewoelbe3.jpg b/img/ausbau/gewoelbe3.jpg
new file mode 100644
index 0000000..1d7cde9
Binary files /dev/null and b/img/ausbau/gewoelbe3.jpg differ
diff --git a/img/ausbau/hausgang.jpg b/img/ausbau/hausgang.jpg
new file mode 100644
index 0000000..1c19bcb
Binary files /dev/null and b/img/ausbau/hausgang.jpg differ
diff --git a/img/ausbau/thumb/bad1.jpg b/img/ausbau/thumb/bad1.jpg
new file mode 100644
index 0000000..a18ef42
Binary files /dev/null and b/img/ausbau/thumb/bad1.jpg differ
diff --git a/img/ausbau/thumb/bad2.jpg b/img/ausbau/thumb/bad2.jpg
new file mode 100644
index 0000000..a2caf9c
Binary files /dev/null and b/img/ausbau/thumb/bad2.jpg differ
diff --git a/img/ausbau/thumb/bad3.jpg b/img/ausbau/thumb/bad3.jpg
new file mode 100644
index 0000000..0c36657
Binary files /dev/null and b/img/ausbau/thumb/bad3.jpg differ
diff --git a/img/ausbau/thumb/gewoelbe1.jpg b/img/ausbau/thumb/gewoelbe1.jpg
new file mode 100644
index 0000000..960fe99
Binary files /dev/null and b/img/ausbau/thumb/gewoelbe1.jpg differ
diff --git a/img/ausbau/thumb/gewoelbe2.jpg b/img/ausbau/thumb/gewoelbe2.jpg
new file mode 100644
index 0000000..82aacc6
Binary files /dev/null and b/img/ausbau/thumb/gewoelbe2.jpg differ
diff --git a/img/ausbau/thumb/gewoelbe3.jpg b/img/ausbau/thumb/gewoelbe3.jpg
new file mode 100644
index 0000000..d958038
Binary files /dev/null and b/img/ausbau/thumb/gewoelbe3.jpg differ
diff --git a/img/ausbau/thumb/hausgang.jpg b/img/ausbau/thumb/hausgang.jpg
new file mode 100644
index 0000000..d53c742
Binary files /dev/null and b/img/ausbau/thumb/hausgang.jpg differ
diff --git a/img/ausbau/thumb/stuckdecke.jpg b/img/ausbau/thumb/stuckdecke.jpg
new file mode 100644
index 0000000..347ee9d
Binary files /dev/null and b/img/ausbau/thumb/stuckdecke.jpg differ
diff --git a/img/button_blau.jpg b/img/button_blau.jpg
new file mode 100644
index 0000000..7eea5dd
Binary files /dev/null and b/img/button_blau.jpg differ
diff --git a/img/button_blau_over.jpg b/img/button_blau_over.jpg
new file mode 100644
index 0000000..0aa3def
Binary files /dev/null and b/img/button_blau_over.jpg differ
diff --git a/img/button_grau.jpg b/img/button_grau.jpg
new file mode 100644
index 0000000..054a363
Binary files /dev/null and b/img/button_grau.jpg differ
diff --git a/img/button_grau_over.jpg b/img/button_grau_over.jpg
new file mode 100644
index 0000000..66cfda8
Binary files /dev/null and b/img/button_grau_over.jpg differ
diff --git a/img/fassade/odorf1.jpg b/img/fassade/odorf1.jpg
new file mode 100644
index 0000000..6f1efbf
Binary files /dev/null and b/img/fassade/odorf1.jpg differ
diff --git a/img/fassade/odorf2.jpg b/img/fassade/odorf2.jpg
new file mode 100644
index 0000000..7728336
Binary files /dev/null and b/img/fassade/odorf2.jpg differ
diff --git a/img/fassade/odorf3.jpg b/img/fassade/odorf3.jpg
new file mode 100644
index 0000000..ce7df79
Binary files /dev/null and b/img/fassade/odorf3.jpg differ
diff --git a/img/fassade/thumb/odorf1.jpg b/img/fassade/thumb/odorf1.jpg
new file mode 100644
index 0000000..c91859a
Binary files /dev/null and b/img/fassade/thumb/odorf1.jpg differ
diff --git a/img/fassade/thumb/odorf2.jpg b/img/fassade/thumb/odorf2.jpg
new file mode 100644
index 0000000..2b86ae5
Binary files /dev/null and b/img/fassade/thumb/odorf2.jpg differ
diff --git a/img/fassade/thumb/odorf3.jpg b/img/fassade/thumb/odorf3.jpg
new file mode 100644
index 0000000..601c4b2
Binary files /dev/null and b/img/fassade/thumb/odorf3.jpg differ
diff --git a/img/foto.jpg b/img/foto.jpg
new file mode 100644
index 0000000..7687d5d
Binary files /dev/null and b/img/foto.jpg differ
diff --git a/img/huber.gif b/img/huber.gif
new file mode 100644
index 0000000..75fff6b
Binary files /dev/null and b/img/huber.gif differ
diff --git a/img/knauf.jpg b/img/knauf.jpg
new file mode 100644
index 0000000..d1f1b7a
Binary files /dev/null and b/img/knauf.jpg differ
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000..05f255c
Binary files /dev/null and b/img/logo.png differ
diff --git a/img/ruskin.jpg b/img/ruskin.jpg
new file mode 100644
index 0000000..4863ee9
Binary files /dev/null and b/img/ruskin.jpg differ
diff --git a/img/schwenk.jpg b/img/schwenk.jpg
new file mode 100644
index 0000000..2f30d38
Binary files /dev/null and b/img/schwenk.jpg differ
diff --git a/img/sto.jpg b/img/sto.jpg
new file mode 100644
index 0000000..a6c314c
Binary files /dev/null and b/img/sto.jpg differ
diff --git a/img/wdvs.jpg b/img/wdvs.jpg
new file mode 100644
index 0000000..c8f8600
Binary files /dev/null and b/img/wdvs.jpg differ
diff --git a/impressum.php b/impressum.php
new file mode 100644
index 0000000..1fe6233
--- /dev/null
+++ b/impressum.php
@@ -0,0 +1,43 @@
+<h1>Impressum</h1>
+<h2>Huber Putz</h2>
+<p>Inhaber Florian Huber<br>
+	Weststra&szlig;e 21<br>
+	87561 Oberstdorf<br></p>
+<table>
+    <colgroup>
+        <col width="50px" align="left">
+        <col width="200px" align="left">
+    </colgroup>
+    <tr>
+        <td>Tel:</td>
+        <td>+49 8322 9408148</td>
+    </tr>
+    <tr>
+        <td>Mobil:</td>
+        <td>+49 173 3219100</td>
+    </tr>
+</table>
+<hr>
+<h2>Technische Realisierung und Konzeption</h2>
+<p><b>CS medien- & kommunikationssysteme</b><br>
+   Inhaber Christian Steinle<br>
+   Geislingerstra&szlig;e 14<br>
+   73312 Geislingen / T&uuml;rkheim<br></p>
+<table>
+    <colgroup>
+        <col width="50px" align="left">
+        <col width="200px" align="left">
+    </colgroup>
+    <tr>
+        <td>Mobil:</td>
+        <td>+49 163 1701781</td>
+    </tr>
+    <tr>
+        <td>Fax:</td>
+        <td>+49 7331 9460379</td>
+    </tr>
+    <tr>
+        <td>e-mail:</td>
+        <td><a href="mailto:kontakt@steinle-computer.de">kontakt@steinle-computer.de</a></td>
+    </tr>
+</table>
diff --git a/inc/config.php b/inc/config.php
new file mode 100644
index 0000000..d594b27
--- /dev/null
+++ b/inc/config.php
@@ -0,0 +1,4 @@
+<?php
+    include "funktionen.php";
+    include "variablen.php";
+?>
\ No newline at end of file
diff --git a/inc/funktionen.php b/inc/funktionen.php
new file mode 100644
index 0000000..777149b
--- /dev/null
+++ b/inc/funktionen.php
@@ -0,0 +1,6 @@
+<?php
+
+// Die Datei inc/funktionen.php
+
+?>
+
diff --git a/inc/variablen.php b/inc/variablen.php
new file mode 100644
index 0000000..8c25e41
--- /dev/null
+++ b/inc/variablen.php
@@ -0,0 +1,40 @@
+<?php    
+// Die Leeren Arrays erzeugen
+    $dateien = array();
+    $titel   = array();
+
+// Das Array für die Inhaltsseite mit den entsprechenden Dateien füllen
+    $dateien['home']         = "home.php";
+    $dateien['philosophie']  = "philosophie.php";
+    $dateien['leistungen']   = "leistungen.php";
+    $dateien['putz']         = "putz.php";
+    $dateien['daemm']        = "daemmung.php";
+    $dateien['trocken']      = "trocken.php";
+    $dateien['stuck']        = "stuck.php";
+    $dateien['info']         = "info.php";
+    $dateien['sach']         = "sach.php";
+    $dateien['referenz']     = "referenz.php";
+    $dateien['fassade']      = "fassade.php";
+    $dateien['ausbau']       = "ausbau.php";
+    $dateien['kontakt']      = "kontakt.php";
+    $dateien['impressum']    = "impressum.php";
+    $dateien['haftung']      = "haftung.php";
+
+// Das Array mit den entsprechenden Titeln füllen
+    $titel['home']         = "Das Unternehmen";
+    $titel['philosophie']  = "Unternehmensphilosophie";
+    $titel['leistungen']   = "Meine Leistungen";
+    $titel['putz']         = "Verputzsysteme";
+    $titel['daemm']        = "D&auml;mmsysteme";
+    $titel['trocken']      = "Trockenbausysteme";
+    $titel['stuck']        = "Stuckarbeiten";
+    $titel['info']         = "Informationen und Gesch&auml;ftspartner";
+    $titel['sach']         = "Sachverst&auml;ndigenwesen";
+    $titel['referenz']     = "Referenzen";
+    $titel['fassade']      = "Fassadenarbeiten";
+    $titel['ausbau']       = "Ausbauarbeiten";
+    $titel['kontakt']      = "Kontakt";
+    $titel['impressum']    = "Impressum";
+    $titel['haftung']      = "Haftungsausschluss";
+
+?>
\ No newline at end of file
diff --git a/index.php b/index.php
new file mode 100644
index 0000000..2d8167c
--- /dev/null
+++ b/index.php
@@ -0,0 +1,51 @@
+<?php
+    error_reporting(E_ALL);
+    include "inc/config.php"; // die Konfigurationsdateien lesen
+
+    if(isset($_GET['section']) AND isset($titel[$_GET['section']])) {
+        $temp_titel = $titel[$_GET['section']];
+    } else {
+        $temp_titel = "Das Unternehmen";
+    }
+
+    echo "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"\n";
+    echo "         \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n";
+    echo "<html>\n";
+    echo "    <head>\n";
+    echo "        <title>".$temp_titel."</title>\n";
+    echo "        <link rel=\"stylesheet\" type=\"text/css\" href=\"css/page.css\" />\n";
+    echo "        <meta http-equiv=\"Content-Type\"
+                        content=\"text/html; charset=ISO-8859-1\" />\n";
+    echo "    </head>\n";
+    echo "    <body align=\"center\">\n";
+
+    echo "        <div id=\"root\">\n"; // ganz oberer Div-Holder
+    echo "            <div id=\"header\">\n"; // Oben der Header
+    include "header.php";
+    echo "            </div>\n";
+    echo "            <div id=\"clear\">\n"; // Textfluss ändern
+    echo "            </div>\n";
+    echo "            <div id=\"cleaner\">\n"; // Textfluss ändern
+    echo "            </div>\n";
+    echo "            <div id=\"greybar\">\n"; // Der graue Balken
+    include "greybar.php";
+    echo "            </div>\n";
+
+    echo "            <div id=\"links\">\n"; // linkes Menu
+    include "links.php";
+    echo "            </div>\n";
+/*    echo "            <div id=\"greybar\">\n"; // Der graue Balken
+    include "greybar.php";
+*/    echo "            </div>\n";
+    echo "            <div id=\"inhalt\">\n"; // In der Mitte der Inhalt
+    include "inhalt.php";
+    echo "            </div>\n";
+    echo "            <div id=\"footer\">\n"; // Unten der Footer
+    include "footer.php";
+    echo "            </div>\n";
+    echo "            <br style=\"clear:both;\" />\n"; // css-float beenden
+    echo "       </div>\n";
+
+    echo "    </body>\n";
+    echo "</html>\n";
+?>
\ No newline at end of file
diff --git a/info.php b/info.php
new file mode 100644
index 0000000..32874d1
--- /dev/null
+++ b/info.php
@@ -0,0 +1,18 @@
+<h1>Informationen und Partner</h1>
+<h2>weiterf&uuml;hrende Informationen</h2>
+<p><a href="http://www.heizkosten-einsparen.de/www/de/sess/DE_de/ELP_1201948454_822BYE_A0880B_ELP/siteparts/locator/index.php4?WDC=index__home__open&LNG=DE_de&TEMPL=FRAME" target="_blank">
+    Fachverband f&uuml;r W&auml;rmed&auml;mmverbundsysteme</a></p>
+<p><a href="http://www.dena-energieausweis.de" target="_blank">
+    DENA Energieausweis</a></p>
+<p><a href="http://www.stuckateur.de" target="_blank">
+    Bundesverband Ausbau und Fassade im ZDB (ehemals Deutscher Stuckgewerbebund)</a></p>
+<h2>Partner</h2>
+<img class="info" src="img/knauf.jpg">
+<b>Knauf Gips KG</b><br>
+<a href="http://www.knauf.de" target="_blank">http://www.knauf.de</a><br><br><hr>
+<img class="info" src="img/schwenk.jpg">
+<b>SCHWENK Putztechnik GmbH &amp; Co. KG</b><br>
+<a href="http://www.schwenk-putztechnik.de" target="_blank">http://www.schwenk-putztechnik.de</a><br><br><hr>
+<img class="info" src="img/sto.jpg">
+<b>Sto AG</b><br>
+<a href="http://www.sto.de" target="_blank">http://www.sto.de</a><br><br><hr>
\ No newline at end of file
diff --git a/inhalt.php b/inhalt.php
new file mode 100644
index 0000000..fecb780
--- /dev/null
+++ b/inhalt.php
@@ -0,0 +1,7 @@
+<?php
+    if(isset($_GET['section']) AND isset($dateien[$_GET['section']])) {
+        include $dateien[$_GET['section']];
+    } else {
+        include $dateien['home'];
+    }
+?>
\ No newline at end of file
diff --git a/kontakt.php b/kontakt.php
new file mode 100644
index 0000000..690e53b
--- /dev/null
+++ b/kontakt.php
@@ -0,0 +1,101 @@
+<h1>Kontakt</h1>
+<img class="rechts" src="img/foto.jpg" alt="Florian Huber">
+<h2>Florian Huber</h2>
+<p>Weststra&szlig;e 21<br>
+   87561 Oberstdorf<br></p>
+<table>
+    <colgroup>
+        <col width="50px" align="left">
+        <col width="200px" align="left">
+    </colgroup>
+    <tr>
+        <td>Tel:</td>
+        <td>+49 8322 9408148</td>
+    </tr>
+    <tr>
+        <td>Mobil:</td>
+        <td>+49 173 3219100</td>
+    </tr>
+</table>
+
+
+<p>E-Mail an diesen Kontakt senden</p>
+<?php
+
+error_reporting(0);
+
+// *** Deine Mailadresse (Empfänger) ***
+$mail_to="huber-putz@gmx.net";
+// *************************************
+
+$from_name=$_POST['fromname'];
+$from_mail=strtolower($_POST['frommail']);
+$mail_subject=$_POST['mailsubject'];
+$mail_text=$_POST['mailtext'];
+$send=$_POST['s'];
+
+if(trim($from_name)=="") $err_text.="Bitte den Namen angeben!<br>";
+if(trim($from_mail)=="")
+  $err_text.="Bitte die E-Mail-Adresse angeben!<br>";
+else
+  if(!ereg("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,6})$",$from_mail))
+    $err_text.="Bitte eine gültige E-Mail-Adresse angeben.<br>";
+if(trim($mail_subject)=="") $err_text.="Bitte einen Betreff eingeben.<br>";
+if(trim($mail_text)=="") $err_text.="Bitte einen Nachrichtentext eingeben.<br>";
+
+// *** Zu langen Text abschneiden ***
+if(strlen($mail_text)>1000) {
+  $mail_text=substr($mail_text,0,1000)."... (Text wurde gekürzt!)";
+}
+$from_name=str_replace(chr(34),"''",$from_name);
+$mail_subject=str_replace(chr(34),"''",$mail_subject);
+$from_name=stripslashes($from_name);
+$from_mail=stripslashes($from_mail);
+$mail_subject=stripslashes($mail_subject);
+$mail_text=stripslashes($mail_text);
+
+if(($send=="1") && (isset($err_text))) {
+  echo "<p><big><b>Fehler:</b></big><br>";
+  echo "$err_text</p>";
+}
+
+if(($send!="1") || (isset($err_text)))
+{
+?>
+
+<form action="<?php echo "index.php?section=kontakt"; ?>" method="post">
+Name:<br>
+<input type="text" name="fromname" size=50 maxlength=120 value="<?php echo $from_name; ?>"><br>
+E-Mail Adresse:<br>
+<input type="text" name="frommail" size=50 maxlength=120 value="<?php echo $from_mail; ?>"><br>
+Betreff:<br>
+<input type="text" name="mailsubject" size=50 maxlength=120 value="<?php echo $mail_subject; ?>"><br>
+Text: <i>(max. 1000 Zeichen)</i><br>
+<td width=100%><textarea cols="40" rows="10" name="mailtext"><?php echo $mail_text; ?></textarea></td></tr>
+<input type="hidden" value="1" name="s"><br>
+<input type="submit" value="Nachricht senden" name="submit">
+</td></tr>
+</table>
+</form>
+
+<?php
+} else {
+  $header="From: $from_name <$from_mail>\n";
+  $header.="Reply-To: $from_mail\n";
+  $header.="Mailer: PHP-FormMailer (www.huber-putz.com)\n";
+  $header.="Content-Type: text/plain";
+  $mail_date=gmdate("D, d M Y H:i:s")." +0000";
+  $send=0;
+  if(@mail($mail_to,$mail_subject,$mail_text,$header))
+  {
+    echo "<p><b>Die E-Mail wurde abgesendet.</b></p>";
+    echo "<p><a href=\"index.php?section=kontakt&from_name=$from_name&from_mail=$from_mail\">Zurück zum Formular</a></p>";
+  }else{
+    echo "<p><b>Beim Versenden der E-Mail ist ein Fehler aufgetreten!</b></p>";
+    echo "<p><a href=\"".$_SERVER['PHP_SELF']."?from_name=$from_name&from_mail=$from_mail&mail_subject=$mail_subject&mail_text=";
+    echo urlencode($mail_text)."\">Zur&uuml;ck zum Formular</a></p>";
+  }
+}
+?>
+
+
diff --git a/leistungen.php b/leistungen.php
new file mode 100644
index 0000000..e6c23da
--- /dev/null
+++ b/leistungen.php
@@ -0,0 +1,14 @@
+<h1>Meine Leistungen</h1>
+<ul>
+    <li>Ausf&uuml;hrliche Vor-Ort-Beratung</li>
+    <li>Planung und Koordinierung der Arbeiten</li>
+    <li>Durchf&uuml;hrung notwendiger Vorarbeiten (z.B. Putzgrundbeurteilung)</li>
+    <li>Ausf&uuml;hrung der vereinbarten Arbeiten</li>
+    <li>Abschlussgespr&auml;ch nach Auftragserf&uuml;llung</li>
+</ul>
+<p>Weitergehende Leistungen auf Anfrage</p>
+<h2>Ausf&uuml;hrliche Vor-Ort-Beratung</h2>
+<p>Unter Vor-Ort-Beratung verstehe ich, nach vorheriger telefonischer Terminvereinbarung, pers&ouml;nlich bei
+   Ihnen zu Hause beziehungsweise auf der Baustelle mit meinen Unterlagen vorbei zu kommen. <br>
+   Bei meinem Besuch werde ich versuchen alle relevanten Fragen zu Technik, Gestaltung und Bauablauf zu
+   beantworten</p>
\ No newline at end of file
diff --git a/links.php b/links.php
new file mode 100644
index 0000000..a2d93f1
--- /dev/null
+++ b/links.php
@@ -0,0 +1,101 @@
+<?php
+// Die Datei links.php
+
+    if (isset($_GET['section'])) {
+        $section = $_GET['section'];
+    }
+    else {
+        $section = "home";
+    }
+
+    echo "<ul>\n";
+
+// Element Unternehmen
+    echo "    <li";
+    if ($section == 'home') {
+        echo " class=\"aktiv\"";
+    }
+    echo "><a href=\"index.php?section=home\">Unternehmen</a></li>\n";
+
+// Element Philosophie
+    echo "    <li";
+    if ($section == 'philosophie') {
+        echo " class=\"aktiv\"";
+    }
+    echo "><a href=\"index.php?section=philosophie\">Philosophie</a></li>\n";
+
+// Element Leistungen
+    echo "    <li";
+    if ($section == 'leistungen') {
+        echo " class=\"aktiv\"";
+    }
+    echo "><a href=\"index.php?section=leistungen\">Leistungen</a></li>\n";
+
+// Element Putz
+    echo "    <li class=\"";
+    if ($section == 'putz') {
+        echo "aktiv";
+    }
+    echo "level2\"><a href=\"index.php?section=putz\">Putz</a></li>\n";
+
+// Element Dämmung
+    echo "    <li class=\"";
+    if ($section == 'daemm') {
+        echo "aktiv";
+    }
+    echo "level2\"><a href=\"index.php?section=daemm\">D&auml;mmung</a></li>\n";
+
+// Element Trockenbau
+    echo "    <li class=\"";
+    if ($section == 'trocken') {
+        echo "aktiv";
+    }
+    echo "level2\"><a href=\"index.php?section=trocken\">Trockenbau</a></li>\n";
+
+// Element Stuck
+    echo "    <li class=\"";
+    if ($section == 'stuck') {
+        echo "aktiv";
+    }
+    echo "level2\"><a href=\"index.php?section=stuck\">Stuck</a></li>\n";
+
+// Element Info & Partner
+    echo "    <li";
+    if ($section == 'info') {
+        echo " class=\"aktiv\"";
+    }
+    echo "><a href=\"index.php?section=info\">Info &amp; Partner</a></li>\n";
+
+// Element Sachverständigenwesen
+    echo "    <li";
+    if ($section == 'sach') {
+        echo " class=\"aktiv\"";
+    }
+    echo "><a href=\"index.php?section=sach\">Sachverst&auml;ndigen-Link</a></li>\n";
+
+// Element Referenzen
+    echo "    <li";
+    if ($section == 'referenz') {
+        echo " class=\"aktiv\"";
+    }
+    echo "><a href=\"index.php?section=referenz\">Referenzen</a></li>\n";
+
+// Element Fassade
+    echo "    <li class=\"";
+    if ($section == 'fassade') {
+        echo "aktiv";
+    }
+    echo "level2\"><a href=\"index.php?section=fassade\">Fassade</a></li>\n";
+
+// Element Ausbau
+    echo "    <li class=\"";
+    if ($section == 'ausbau') {
+        echo "aktiv";
+    }
+    echo "level2\"><a href=\"index.php?section=ausbau\">Ausbau</a></li>\n";
+
+
+    echo "</ul>\n"
+
+?>
+
diff --git a/philosophie.php b/philosophie.php
new file mode 100644
index 0000000..ce78b13
--- /dev/null
+++ b/philosophie.php
@@ -0,0 +1,14 @@
+<h1>Unternehmensphilosophie</h1>
+<img class="rechts" src="img/ruskin.jpg" alt="John Ruskin">
+<h2>Billiger?</h2>
+<p>"Es gibt kaum etwas auf dieser Welt, das nicht jemand ein wenig schlechter machen und etwas billiger verkaufen
+   k&ouml;nnte. Und die Menschen, die sich nur am Preis orientieren, werden die gerechte Beute solcher
+   Machenschaften.<br>
+   Es ist unklug zuviel zu bezahlen, aber es ist genauso unklug zu wenig zu bezahlen. Wenn Sie zuviel bezahlen,
+   verlieren Sie etwas Geld, das ist alles. Bezahlen Sie dagegen zu wenig, verlieren Sie manchmal alles, da der
+   gekaufte Gegenstand, die ihm zugedachte Aufgabe nicht erf&uuml;llen kann.<br>
+   Das Gesetz der Wirtschaft verbietet es, f&uuml;r wenig Geld viel Wert zu erhalten... Das funktioniert nicht.
+   Nehmen Sie das niedrigste Angebot an, m&uuml;ssen Sie f&uuml;r das eingegangene Risiko etwas hinzurechnen. Wenn
+   Sie das aber tun, dann haben Sie auch genug Geld, um f&uuml;r etwas Besseres zu bezahlen."</p>
+<p><I>John Ruskin, englischer Sozialreformer 1819 - 1900</I><br><br><br><br><br><br></p>
+<h2>Daran hat sich bis heute, trotz "Geiz ist geil", nichts ge&auml;ndert und es d&uuml;rfte wohl auch so bleiben.</h2>
\ No newline at end of file
diff --git a/putz.php b/putz.php
new file mode 100644
index 0000000..9b7e3a1
--- /dev/null
+++ b/putz.php
@@ -0,0 +1,46 @@
+<h1>Putz</h1>
+<h2>Ein guter Putz braucht viel Erfahrung!</h2>
+<p>Beginnend mit der Putzgrundbeurteilung bis hin zur Auswahl des passenden Putzsystems.</p>
+<p>Als <b>Putz</b> bezeichnet man einen Belag aus M&ouml;rtel, der an Au&szlig;en- und Innenw&auml;nden
+   sowie Decken aufgebracht wird. Je nach Einsatzart erf&uuml;llt der Putz verschiedene Zwecke,
+   z.B. Herstellung eines glatten Untergrundes zum Fliesen, Streichen und Tapezieren, Regulierung
+   der Raumfeuchte bei Innenputzen, W&auml;rmed&auml;mmung und Wasserabweisung bei Au&szlig;enputzen
+   und nat&uuml;rlich die Herstellung eines &auml;sthetischen Erscheinungsbildes.</p>
+<p>Die Auswahl der geeigneten Materialien, das Nutzerverhalten sowie seine Erwartungen und W&uuml;nsche
+   an das fertige Produkt, genauso wie der fachgerechte Aufbau der einzelnen Schichten gewinnt immer
+   mehr an Bedeutung.</p>
+<p>Verschiedene Arten von Putz werden nach den verwendeten Materialien, i.d.R. nach dem Bindemittel
+   (Kalkputz, Kalkzementputz, Zementputz und Gipsputz), nach der Verarbeitung (Kratzputz, Reibeputz,
+   Kellenstrichputz) oder nach der Funktion (W&auml;rmed&auml;mmputz, Akustikputz) unterschieden.</p>
+<p>Es gilt zu Beachten, dass nicht jeder Putz gleicherma&szlig;en f&uuml;r jeden Untergrund geeignet ist.</p>
+<h1>Aussenputz</h1>
+<h2>Der Aussenputz ist die Visitenkarte des Hausbesitzers!</h2>
+<p>Der Aussenputz verleiht jedem Haus das ganz pers&ouml;nliche Aussehen. Die richtige Endbeschichtung sch&uuml;tzt
+   gegen Witterungseinfl&uuml;sse und pr&auml;gt den Charakter Ihres Heimes.</p>
+<p>Aus unterschiedlichen Schlu&szlig;beschichtungen und Farben, sowie Stuckprofilen ergeben sich unendlich
+   viele gestalterische M&ouml;glichkeiten.</p>
+<p>Funktionen die ein Aussenputz leisten muss:
+<ul>
+    <li>Schutz des Mauerwerks vor Feuchtigkeit und N&auml;sse</li>
+    <li>Regulierung der Temperatur&auml;nderungen</li>
+    <li>Gew&auml;hrleistung der Wasserdampfdiffusion</li>
+    <li>Schutz vor mechanischen Einwirkungen</li>
+    <li>Tragf&auml;higer Untergrund f&uuml;r Beschichtungen (Farben)</li>
+</ul>
+</p>
+<h1>Innenputz</h1>
+<h2>Gesundes Raumklima</h2>
+<p>Innenw&auml;nde umgeben uns st&auml;ndig, doch machen wir uns selten klar, welch vielf&auml;ltige Aufgaben
+   der Innenputz zu erf&uuml;llen hat.</p>
+<p>Er sorgt f&uuml;r
+<ul>
+    <li>ebene, veredelte Wandoberfl&auml;chen</li>
+    <li>angenehme Wohnatmosph&auml;re</li>
+    <li>Regulierung der Luftfeuchtigkeit im Raum</li>
+    <li>den n&ouml;tigen Schall und Brandschutz</li>
+</ul>
+</p>
+<p>Heute werden hohe Anspr&uuml;che an Innenputze gestellt, an die Funktionsweise, Farbe und Art der Struktur.</p>
+<p>Innenputztechniken sind sehr vielf&auml;ltig und lassen sich gut kombinieren. Die Auswahl der Farben bringt
+   die unterschiedlichste Charakteristika zur Geltung. Sie sollten im harmonischen Einklang mit dem gesamten
+   Wohnstil stehen.</p>
\ No newline at end of file
diff --git a/referenz.php b/referenz.php
new file mode 100644
index 0000000..b7a5eb2
--- /dev/null
+++ b/referenz.php
@@ -0,0 +1,5 @@
+<h1>Meine Referenzen</h1>
+<p>Auf den folgenden beiden Seiten k&ouml;nnen Sie sich Anhand einer kleinen Auswahl von Bildern einen
+   &Uuml;berblick meiner T&auml;tigkeit verschaffen. Diese sind gegliedert nach Fassaden- und Innenausbauarbeiten.</p>
+<p><a href="index.php?section=fassade">Fassadenarbeiten</a></p>
+<p><a href="index.php?section=ausbau">Ausbauarbeiten</a></p>
diff --git a/sach.php b/sach.php
new file mode 100644
index 0000000..3074793
--- /dev/null
+++ b/sach.php
@@ -0,0 +1,2 @@
+<h1>Link Sachverst&auml;ndigenwesen</h1>
+<a href="http://www.huber-sv.de" target="_blank">Link zum Sachverst&auml;ndiger Huber</a>
\ No newline at end of file
diff --git a/stuck.php b/stuck.php
new file mode 100644
index 0000000..58baad6
--- /dev/null
+++ b/stuck.php
@@ -0,0 +1,11 @@
+<h1>Stuck</h1>
+<h2>Was versteht man unter Stuckarbeiten?</h2>
+<p>Der Stuckateur stellt Stuck selbst her und verarbeitet diesen auf der Baustelle. Das Erstellen
+   von Stuck erfordert eine gute Ausbildung, viel Erfahrung und Fingerspitzengef&uuml;hl.
+   Stuckteile k&ouml;nnen sowohl in der Werkstatt vorgefertigt, als auch vor Ort erstellt werden.</p>
+<p>Je nach Einbauort am Geb&auml;ude unterscheidet man zwischen Innen- und Au&szlig;enstuck.</p>
+<p>Die Verbindung klassischer Stucktechniken mit modernen Beschichtungstechniken und Design
+   bietet heute f&uuml;r jede Bauma&szlig;nahme geeignete Ausf&uuml;hrungsm&ouml;glichkeiten.
+   Unter Stuck versteht man nicht nur die oppulenten plastischen Spielereien des Barock und
+   Rokoko, sondern auch einfache Gesimse mit und ohne Unterkonstruktion,
+   ebenso plastische Wand- und Deckengestaltungen mit einfacheren Elementen.</p>
\ No newline at end of file
diff --git a/trocken.php b/trocken.php
new file mode 100644
index 0000000..f5efacc
--- /dev/null
+++ b/trocken.php
@@ -0,0 +1,20 @@
+<h1>Trockenbau</h1>
+<p>Bei der Trockenbauweise werden keine durchn&auml;ssten Baustoffe, wie Beton oder Putz, zur
+   Errichtung der Bauteile ben&ouml;tigt. Daraus ergibt sich eine erhebliche Zeit- und Kostenersparnis
+   bei der Innenraumgestaltung beziehungsweise beim ganzen Bauvorhaben.</p>
+<p>S&auml;mtliche bauphysikalischen Anforderungen bez&uuml;glich W&auml;rme-, K&auml;lte-, Schall-,
+   Brand-, Feuchte- und Strahlenschutz sowie Schlagsicherheit k&ouml;nnen in Trockenbauweise
+   erf&uuml;llt werden.</p>
+<h2>Was ist das eigentlich Trockenbau?</h2>
+<p>Trockenbausysteme bestehen aus vorgefertigten Elementen, die vor Ort angepa&szlig;t und eingebaut werden.<br>
+   Sie bestehen aus:<p>
+<ul>
+    <li>Profilen aus Stahlblech f&uuml;r Boden, Wand, Decke</li>
+    <li>Plattenelementen, die gips- oder zementgebunden sind</li>
+    <li>D&auml;mmstoffen, z.B. Mineralfaser</li>
+    <li>Schrauben und Spachtelmassen</li>
+</ul>
+<h2>Trockenbau als Probleml&ouml;ser</h2>
+<p>Mit Hilfe von Trockenbausystemen sind runde und gebogene Formen bis hin zum Gew&ouml;lbebau problemlos realisierbar</p>
+<p>Versorgungsleitungen aller Art lassen sich im Wandaufbau integrieren. Sogar K&uuml;hl- und Heizelemente
+   "verschwinden" in Deckensystemen.</p>