Modernisierung der Lackwerk-Webseite

Im Ordner alt webseite/ lag ein HTTrack-Mirror der alten Seite von lackwerk-kl.de – eine starre 950px-Seite von 2014/2022 mit fixem Layout, Stock-Fotos und einer simplen Bildergalerie. Nicht responsive, nicht mehr zeitgemäß. Was ich Schritt für Schritt gemacht habe 1. Firma recherchiert Aus Altseite, Google, Branchenverzeichnissen und Facebook ein vollständiges Profil erstellt: Lackwerk GmbH, Gienanthstr. 2–4, Kaiserslautern · Inhaber Patric Hertz · gegründet 2014 Leistungen, Öffnungszeiten, Rechtsdaten (HRB 31677, USt DE295225567) Bewertungen: 5,0★ bei 72 Google-Bewertungen, 100 % empfohlen (Facebook), 334 Follower 2. Echte Bilder von Facebook geholt (wie von dir gewünscht) Von der öffentlichen Seite derlackspezialist die echten Arbeitsfotos extrahiert und heruntergeladen: Lackierer in der Spritzkabine → Hero-Bild komplette Porsche-911-Restauration (Rohzustand → Grundierung → frisch lackiert → Hochglanz) → Referenz-Galerie Logo + einige Werkstattmotive aus der Altseite als Ergänzung 3. Neue Webseite gebaut – ein sauberes, modernes index.html (21st-inspiriert, aber seriös): Bereich Inhalt Header Glasig, sticky, Wortmarke, Mobile-Menü Hero Dunkel-elegant, echtes Kabinen-Foto, Gradient-Text, Trust-Zahlen Trust-Leiste Meisterqualität, alle Marken, faire Preise Leistungen 6 Karten mit Icons & Hover-Effekt Über uns Firmengeschichte + Patric Hertz Prozess 4 Schritte von Anfrage bis Übergabe Referenzen Bento-Galerie mit Lightbox (echte Fotos) Bewertungen Nur belegbare Kennzahlen, keine erfundenen Zitate Kontakt Daten, Öffnungszeiten, funktionierende Google-Map Footer Impressum & Datenschutz als Modals Markenfarbe Blau (passend zum Logo), Fonts Sora/Inter, dezente Scroll-Animationen, voll responsiv. 4. Im Browser getestet & gefixt Alle Sektionen, Modal, Map und schnelles Scrollen geprüft. Zwei Details korrigiert: Header-Umbruch bei mittlerer Breite + Absicherung, damit bei schnellem Scrollen keine Sektion unsichtbar bleibt. Dateien index.html – neue Webseite (ersetzt die Platzhalter-Vorlage) assets/ – Logo + Werkstattmotive assets/work/ – echte Facebook-Arbeitsfotos Alte Seite unter alt webseite/ unberührt als Referenz
2026-07-12 14:38:27 +02:00
parent 59bfd1b2d1
commit 5acd7046d3
41 changed files with 2484 additions and 36 deletions
--- a/webseite.whtt
+++ b/webseite.whtt
--- a/webseite/backblue.gif
+++ b/webseite/backblue.gif
--- a/webseite/fade.gif
+++ b/webseite/fade.gif
--- a/webseite/hts-cache/new.lst
+++ b/webseite/hts-cache/new.lst
@@ -0,0 +1,18 @@
+[backblue.gif]
+[fade.gif]
+[index.html]
+[www.lackwerk-kl.de/scripts/jquery.js]
+[www.lackwerk-kl.de/scripts/global.js]
+[www.lackwerk-kl.de/scripts/index70c6.js]
+[www.lackwerk-kl.de/media/lw1_951x486.jpg]
+[www.lackwerk-kl.de/media/lw2_951x141.jpg]
+[www.lackwerk-kl.de/media/facebook_40x40.png]
+[www.lackwerk-kl.de/media/Fotolia_55927497_M_950x630.jpg]
+[www.lackwerk-kl.de/media/Fotolia_58904654_M_950x632.jpg]
+[www.lackwerk-kl.de/media/Fotolia_58904662_M_1690x1124.jpg]
+[www.lackwerk-kl.de/media/Fotolia_60630538_M_950x631.jpg]
+[www.lackwerk-kl.de/media/Fotolia_602154532_M.jpg]
+[www.lackwerk-kl.de/index.html]
+[www.lackwerk-kl.de/scripts/index70c6.css]
+[www.lackwerk-kl.de/scripts/global70c6.css]
+[www.lackwerk-kl.de/scripts/empty]
--- a/webseite/hts-cache/new.txt
+++ b/webseite/hts-cache/new.txt
@@ -0,0 +1,17 @@
+date	size'/'remotesize	flags(request:Update,Range state:File response:Modified,Chunked,gZipped)	statuscode	status ('servermsg')	MIME	Etag|Date	URL	localfile	(from URL)
+14:02:55	34/34	---M--	404	error ('Not%20Found')	text/plain	date:Sun,%2012%20Jul%202026%2012:02:55%20GMT	https://www.lackwerk-kl.de/robots.txt		(from )
+14:02:55	15463/15463	---M--	200	added ('OK')	text/html	etag:%220c1-uivda2-9jttbh1-0bp1fk%22	https://www.lackwerk-kl.de/	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/index.html	(from )
+14:02:55	2255/2255	---M--	200	added ('OK')	text/css	etag:%220c1-pemgp2-djttbh1-o53ubo%22	https://www.lackwerk-kl.de/scripts/index.css?buildID=220701151239	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/scripts/index70c6.css	(from https://www.lackwerk-kl.de/)
+14:02:56	456/456	---M--	200	added ('OK')	text/css	etag:%220c1-nemgp2-djttbh1-oqg22l%22	https://www.lackwerk-kl.de/scripts/global.css?buildID=220701151239	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/scripts/global70c6.css	(from https://www.lackwerk-kl.de/)
+14:02:56	121811/121811	---M--	200	added ('OK')	application/javascript	etag:%220c1-remgp2-ejttbh1-8petpc%22	https://www.lackwerk-kl.de/scripts/jquery.js	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/scripts/jquery.js	(from https://www.lackwerk-kl.de/)
+14:03:00	24626/24626	---M--	200	added ('OK')	application/javascript	etag:%220c1-oemgp2-djttbh1-0tu9il%22	https://www.lackwerk-kl.de/scripts/global.js	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/scripts/global.js	(from https://www.lackwerk-kl.de/)
+14:03:00	2197/2197	---M--	200	added ('OK')	application/javascript	etag:%220c1-qemgp2-djttbh1-gvo1uo%22	https://www.lackwerk-kl.de/scripts/index.js?buildID=220701151239	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/scripts/index70c6.js	(from https://www.lackwerk-kl.de/)
+14:03:00	121858/121858	---M--	200	added ('OK')	image/jpg	etag:%220c1-4j0052-djttbh1-0old26%22	https://www.lackwerk-kl.de/media/lw1_951x486.jpg	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/media/lw1_951x486.jpg	(from https://www.lackwerk-kl.de/)
+14:03:01	34571/34571	---M--	200	added ('OK')	image/jpg	etag:%220c1-5j0052-djttbh1-84utra%22	https://www.lackwerk-kl.de/media/lw2_951x141.jpg	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/media/lw2_951x141.jpg	(from https://www.lackwerk-kl.de/)
+14:03:01	2993/2993	---M--	200	added ('OK')	image/png	etag:%220c1-4o0ku2-9jttbh1-g1fmdj%22	https://www.lackwerk-kl.de/media/facebook_40x40.png	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/media/facebook_40x40.png	(from https://www.lackwerk-kl.de/)
+14:03:01	84535/84535	---M--	200	added ('OK')	image/jpg	etag:%220c1-5o0ku2-ajttbh1-oour63%22	https://www.lackwerk-kl.de/media/Fotolia_55927497_M_950x630.jpg	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/media/Fotolia_55927497_M_950x630.jpg	(from https://www.lackwerk-kl.de/)
+14:03:02	97601/97601	---M--	200	added ('OK')	image/jpg	etag:%220c1-6o0ku2-ajttbh1-0oev2n%22	https://www.lackwerk-kl.de/media/Fotolia_58904654_M_950x632.jpg	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/media/Fotolia_58904654_M_950x632.jpg	(from https://www.lackwerk-kl.de/)
+14:03:02	194218/194218	---M--	200	added ('OK')	image/jpg	etag:%220c1-7o0ku2-bjttbh1-o7jui9%22	https://www.lackwerk-kl.de/media/Fotolia_58904662_M_1690x1124.jpg	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/media/Fotolia_58904662_M_1690x1124.jpg	(from https://www.lackwerk-kl.de/)
+14:03:03	136638/136638	---M--	200	added ('OK')	image/jpg	etag:%220c1-9o0ku2-cjttbh1-g440rj%22	https://www.lackwerk-kl.de/media/Fotolia_60630538_M_950x631.jpg	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/media/Fotolia_60630538_M_950x631.jpg	(from https://www.lackwerk-kl.de/)
+14:03:03	177959/177959	---M--	200	added ('OK')	image/jpg	etag:%220c1-8o0ku2-cjttbh1-83q71a%22	https://www.lackwerk-kl.de/media/Fotolia_602154532_M.jpg	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/media/Fotolia_602154532_M.jpg	(from https://www.lackwerk-kl.de/)
+14:03:03	34/34	---M--	404	error ('Not%20Found')	text/plain	date:Sun,%2012%20Jul%202026%2012:03:03%20GMT	https://www.lackwerk-kl.de/scripts/empty	A:/developer/GitHub-desktop/lackwerk-kl/alt%20webseite/alte%20webseite/www.lackwerk-kl.de/scripts/empty.d.delayed	(from https://www.lackwerk-kl.de/scripts/global.css?buildID=220701151239)
--- a/webseite/hts-cache/new.zip
+++ b/webseite/hts-cache/new.zip
--- a/webseite/hts-cache/readme.txt
+++ b/webseite/hts-cache/readme.txt
@@ -0,0 +1,12 @@
+What's in this folder?
+
+This folder (hts-cache) has been generated by WinHTTrack 3.49-2+htsswf+htsjava
+and is used for updating this website.
+(The HTML website structure is stored here to allow fast updates)
+
+DO NOT delete this folder unless you do not want to update the mirror in the future!!
+(you can safely delete old.zip and old.lst files, however)
+
+note:	the hts-log.txt file, and hts-cache folder, may contain sensitive information,
+	such as username/password authentication for websites mirrored in this project
+	do not share these files/folders if you want these information to remain private
--- a/webseite/hts-cache/winprofile.ini
+++ b/webseite/hts-cache/winprofile.ini
@@ -0,0 +1,78 @@
+Near=0
+Test=0
+ParseAll=1
+HTMLFirst=0
+Cache=1
+NoRecatch=0
+Dos=0
+Index=1
+WordIndex=0
+MailIndex=0
+Log=1
+RemoveTimeout=0
+RemoveRateout=0
+KeepAlive=1
+FollowRobotsTxt=2
+NoErrorPages=0
+NoExternalPages=0
+NoPwdInPages=0
+NoQueryStrings=0
+NoPurgeOldFiles=0
+Cookies=1
+CheckType=1
+ParseJava=1
+HTTP10=0
+TolerantRequests=0
+UpdateHack=1
+URLHack=1
+StoreAllInCache=0
+LogType=0
+UseHTTPProxyForFTP=1
+Build=0
+PrimaryScan=3
+Travel=1
+GlobalTravel=0
+RewriteLinks=0
+BuildString=%%h%%p/%%n%%q.%%t
+Category=
+MaxHtml=
+MaxOther=
+MaxAll=
+MaxWait=
+Sockets=
+Retry=
+MaxTime=
+TimeOut=
+RateOut=
+UserID=Mozilla/4.5 (compatible; HTTrack 3.0x; Windows 98)
+Footer=<!-- Mirrored from %%s%%s by HTTrack Website Copier/3.x [XR&CO'2014], %%s -->
+AcceptLanguage=de, en, *
+OtherHeaders=
+DefaultReferer=
+MaxRate=25000
+WildCardFilters=+*.png +*.gif +*.jpg +*.jpeg +*.css +*.js -ad.doubleclick.net/* -mime:application/foobar
+Proxy=
+Port=
+Depth=
+ExtDepth=
+MaxConn=
+MaxLinks=
+MIMEDefsExt1=
+MIMEDefsExt2=
+MIMEDefsExt3=
+MIMEDefsExt4=
+MIMEDefsExt5=
+MIMEDefsExt6=
+MIMEDefsExt7=
+MIMEDefsExt8=
+MIMEDefsMime1=
+MIMEDefsMime2=
+MIMEDefsMime3=
+MIMEDefsMime4=
+MIMEDefsMime5=
+MIMEDefsMime6=
+MIMEDefsMime7=
+MIMEDefsMime8=
+CurrentUrl=https://www.lackwerk-kl.de/%0d%0a
+CurrentAction=0
+CurrentURLList=
--- a/webseite/hts-log.txt
+++ b/webseite/hts-log.txt
@@ -0,0 +1,12 @@
+HTTrack3.49-2+htsswf+htsjava launched on Sun, 12 Jul 2026 14:02:54 at https://www.lackwerk-kl.de/ +*.png +*.gif +*.jpg +*.jpeg +*.css +*.js -ad.doubleclick.net/* -mime:application/foobar
+
+(winhttrack -qwC2%Ps2u1%s%uN0%I0p3DaK0H0%kf2A25000%f#f -F "Mozilla/4.5 (compatible; HTTrack 3.0x; Windows 98)" -%F "<!-- Mirrored from %s%s by HTTrack Website Copier/3.x [XR&CO'2014], %s -->" -%l "de, en, *" https://www.lackwerk-kl.de/ -O1 "A:\developer\GitHub-desktop\lackwerk-kl\alt webseite\alte webseite" +*.png +*.gif +*.jpg +*.jpeg +*.css +*.js -ad.doubleclick.net/* -mime:application/foobar )
+
+
+
+Information, Warnings and Errors reported for this mirror:
+
+note:	the hts-log.txt file, and hts-cache folder, may contain sensitive information,
+
+	such as username/password authentication for websites mirrored in this project
+
--- a/webseite/index.html
+++ b/webseite/index.html
@@ -0,0 +1,144 @@
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta name="description" content="HTTrack is an easy-to-use website mirror utility. It allows you to download a World Wide website from the Internet to a local directory,building recursively all structures, getting html, images, and other files from the server to your computer. Links are rebuiltrelatively so that you can freely browse to the local site (works with any browser). You can mirror several sites together so that you can jump from one toanother. You can, also, update an existing mirror site, or resume an interrupted download. The robot is fully configurable, with an integrated help" />
+	<meta name="keywords" content="httrack, HTTRACK, HTTrack, winhttrack, WINHTTRACK, WinHTTrack, offline browser, web mirror utility, aspirateur web, surf offline, web capture, www mirror utility, browse offline, local  site builder, website mirroring, aspirateur www, internet grabber, capture de site web, internet tool, hors connexion, unix, dos, windows 95, windows 98, solaris, ibm580, AIX 4.0, HTS, HTGet, web aspirator, web aspirateur, libre, GPL, GNU, free software" />
+	<title>Local index - HTTrack Website Copier</title>
+  <!-- Mirror and index made by HTTrack Website Copier/3.49-2 [XR&CO'2014] -->
+	<style type="text/css">
+	<!--
+
+body {
+	margin: 0;  padding: 0;  margin-bottom: 15px;  margin-top: 8px;
+	background: #77b;
+}
+body, td {
+	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
+	}
+
+#subTitle {
+	background: #000;  color: #fff;  padding: 4px;  font-weight: bold; 
+	}
+
+#siteNavigation a, #siteNavigation .current {
+	font-weight: bold;  color: #448;
+	}
+#siteNavigation a:link    { text-decoration: none; }
+#siteNavigation a:visited { text-decoration: none; }
+
+#siteNavigation .current { background-color: #ccd; }
+
+#siteNavigation a:hover   { text-decoration: none;  background-color: #fff;  color: #000; }
+#siteNavigation a:active  { text-decoration: none;  background-color: #ccc; }
+
+
+a:link    { text-decoration: underline;  color: #00f; }
+a:visited { text-decoration: underline;  color: #000; }
+a:hover   { text-decoration: underline;  color: #c00; }
+a:active  { text-decoration: underline; }
+
+#pageContent {
+	clear: both;
+	border-bottom: 6px solid #000;
+	padding: 10px;  padding-top: 20px;
+	line-height: 1.65em;
+	background-image: url(backblue.gif);
+	background-repeat: no-repeat;
+	background-position: top right;
+	}
+
+#pageContent, #siteNavigation {
+	background-color: #ccd;
+	}
+
+
+.imgLeft  { float: left;   margin-right: 10px;  margin-bottom: 10px; }
+.imgRight { float: right;  margin-left: 10px;   margin-bottom: 10px; }
+
+hr { height: 1px;  color: #000;  background-color: #000;  margin-bottom: 15px; }
+
+h1 { margin: 0;  font-weight: bold;  font-size: 2em; }
+h2 { margin: 0;  font-weight: bold;  font-size: 1.6em; }
+h3 { margin: 0;  font-weight: bold;  font-size: 1.3em; }
+h4 { margin: 0;  font-weight: bold;  font-size: 1.18em; }
+
+.blak { background-color: #000; }
+.hide { display: none; }
+.tableWidth { min-width: 400px; }
+
+.tblRegular       { border-collapse: collapse; }
+.tblRegular td    { padding: 6px;  background-image: url(fade.gif);  border: 2px solid #99c; }
+.tblHeaderColor, .tblHeaderColor td { background: #99c; }
+.tblNoBorder td   { border: 0; }
+
+
+// -->
+</style>
+
+</head>
+
+<table width="76%" border="0" align="center" cellspacing="0" cellpadding="3" class="tableWidth">
+	<tr>
+	<td id="subTitle">HTTrack Website Copier - Open Source offline browser</td>
+	</tr>
+</table>
+<table width="76%" border="0" align="center" cellspacing="0" cellpadding="0" class="tableWidth">
+<tr class="blak">
+<td>
+	<table width="100%" border="0" align="center" cellspacing="1" cellpadding="0">
+	<tr>
+	<td colspan="6"> 
+		<table width="100%" border="0" align="center" cellspacing="0" cellpadding="10">
+		<tr> 
+		<td id="pageContent"> 
+<!-- ==================== End prologue ==================== -->
+
+	<meta name="generator" content="HTTrack Website Copier/3.x">
+	<TITLE>Local index - HTTrack</TITLE>
+</HEAD>
+<BODY>
+<H1 ALIGN=Center>Index of locally available sites:</H1>
+	<TABLE BORDER="0" WIDTH="100%" CELLSPACING="1" CELLPADDING="0">
+		<TR>
+			<TD BACKGROUND="fade.gif">
+				&middot;
+					<A HREF="www.lackwerk-kl.de/index.html">
+						der Lackierer in Kaiserslautern
+					</A>		
+			</TD>
+		</TR>
+	</TABLE>
+	<BR>
+	<BR>
+	<BR>
+  	<H6 ALIGN="RIGHT">
+	<I>Mirror and index made by HTTrack Website Copier [XR&amp;CO'2008]</I>
+	</H6>
+	<!-- Mirror and index made by HTTrack Website Copier/3.49-2 [XR&CO'2014] -->
+	<!-- Thanks for using HTTrack Website Copier! -->
+	<meta HTTP-EQUIV="Refresh" CONTENT="0; URL=www.lackwerk-kl.de/index.html">
+
+
+<!-- ==================== Start epilogue ==================== -->
+		</td>
+		</tr>
+		</table>
+	</td>
+	</tr>
+	</table>
+</td>
+</tr>
+</table>
+
+<table width="76%" border="0" align="center" valign="bottom" cellspacing="0" cellpadding="0">
+	<tr>
+	<td id="footer"><small>&copy; 2008 Xavier Roche & other contributors - Web Design: Leto Kauler.</small></td>
+	</tr>
+</table>
+
+</body>
+
+</html>
+
+
--- a/webseite/www.lackwerk-kl.de/index.html
+++ b/webseite/www.lackwerk-kl.de/index.html
@@ -0,0 +1,149 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+
+<!-- Mirrored from www.lackwerk-kl.de/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 12 Jul 2026 12:02:55 GMT -->
+<head>
+
+<title>der Lackierer in Kaiserslautern</title>
+
+<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
+<meta name="generator" content="Xpage Internet Studio 7 (c) 2003-2013 XDEV Software Corp." />
+<meta name="keywords" content="lackwerk, lackierer, lack, Lackierungen, Smart Repair,<br>Oldtimerrestauration, Lackaufbereitung" />
+<meta http-equiv="content-language" content="de" />
+<meta name="date" content="2014-6-13T10:17+00:00" />
+<meta name="robots" content="all" />
+<meta http-equiv="pragma" content="no-cache" />
+<meta http-equiv="imagetoolbar" content="no" />
+<link rel="stylesheet" type="text/css" href="scripts/index70c6.css?buildID=220701151239" />
+<link rel="stylesheet" type="text/css" href="scripts/global70c6.css?buildID=220701151239" />
+<!--[if gte IE 9]><style type="text/css">._xgr{filter:none;}</style><![endif]-->
+<script type="text/javascript" src="scripts/jquery.js"></script>
+<script type="text/javascript" src="scripts/global.js"></script>
+<script type="text/javascript" src="scripts/index70c6.js?buildID=220701151239"></script>
+<script type="text/javascript">
+$(document).ready(function() {
+	registerButtonHandler();
+});
+</script>
+
+</head>
+
+<body style="background-color:rgb(255,255,255);">
+
+<div id="X0_0" class="xdiv S0" style="position:relative; width:950px; height:900px; z-index:0;">
+	<div id="X5_e" class="xdiv" style="left:-2px; top:-126px; width:951px; height:486px; z-index:0;">
+	<div class="imglayer" style="z-index:0"><img id="X5_e_imglayer" src="media/lw1_951x486.jpg" class="imglayer" alt="lw1" /></div>
+	</div>
+	<div id="X5_f" class="xdiv" style="left:-2px; top:840px; width:951px; height:141px; z-index:1;">
+	<div class="imglayer" style="z-index:0"><img id="X5_f_imglayer" src="media/lw2_951x141.jpg" class="imglayer" alt="lw2" /></div>
+	</div>
+	<a href="http://facebook.com/derlackspezialist" target="_blank">
+	<div id="X5_5" class="xdiv" style="left:898px; top:851px; width:40px; height:40px; z-index:2;">
+	<div class="imglayer" style="z-index:0"><img id="X5_5_imglayer" src="media/facebook_40x40.png" class="imglayer" alt="facebook" /></div>
+	</div>
+	</a>
+	<div id="X3_0" class="xdiv" style="left:7px; top:848px; width:137px; height:45px; z-index:3;">
+	<div style="position:absolute; left:0px; top:0px; width:137px; height:42px; z-index:0; "><div align="left"><strong class="S1">Lackwerk GmbH<br>Gienanthstr. 2-4<br>67663 Kaiserslautern</strong></div></div>
+	</div>
+	<div id="X3_1" class="xdiv" style="left:150px; top:848px; width:137px; height:45px; z-index:4;">
+	<div style="position:absolute; left:0px; top:0px; width:137px; height:42px; z-index:0; "><div align="right"><strong class="S1"><br>Tel: 0631 / 35 78 90-6<br>Fax: 0631 / 35 78 90-8</strong></div></div>
+	</div>
+	<div id="X3_2" class="xdiv" style="left:305px; top:848px; width:206px; height:45px; z-index:5;">
+	<div style="position:absolute; left:0px; top:0px; width:206px; height:42px; z-index:0; "><div align="left"><strong class="S1"><br>web: http://www.lackwerk-kl.de<br>mail: info@lackwerk-kl.de</strong></div></div>
+	</div>
+	<div id="X3_3" class="xdiv" style="left:784px; top:848px; width:110px; height:45px; z-index:6;">
+	<div style="position:absolute; left:0px; top:0px; width:110px; height:42px; z-index:0; "><div align="right"><strong class="S1"><br> finden Sie uns bei<br>Facebook</strong></div></div>
+	</div>
+	<div id="X3_4" class="xdiv" style="left:516px; top:848px; width:77px; height:45px; z-index:7;">
+	<div style="position:absolute; left:0px; top:0px; width:77px; height:42px; z-index:0; "><div align="left"><strong class="S1"><br>Inhaber:<br>Patric Hertz</strong></div></div>
+	</div>
+	<div id="X4_0" class="xdiv" style="overflow:visible; left:-5px; top:358px; width:956px; height:484px; z-index:8;">
+		<div id="Xe_0" class="xdiv S2" style="width:100%; height:100%;">
+			<div id="X5_d" class="xdiv" style="left:5px; top:-85px; width:950px; height:630px; z-index:0;">
+			<div class="imglayer" style="z-index:0"><img id="X5_d_imglayer" src="media/Fotolia_55927497_M_950x630.jpg" class="imglayer" alt="Fotolia_55927497_M" /></div>
+			</div>
+		</div>
+		<div id="Xe_1" class="xdiv S2" style="width:100%; height:100%; display:none;">
+			<div id="X5_c" class="xdiv" style="left:5px; top:-1px; width:950px; height:632px; z-index:0;">
+			<div class="imglayer" style="z-index:0"><img id="X5_c_imglayer" src="media/Fotolia_58904654_M_950x632.jpg" class="imglayer" alt="Fotolia_58904654_M" /></div>
+			</div>
+		</div>
+		<div id="Xe_2" class="xdiv S2" style="width:100%; height:100%; display:none;">
+			<div id="X5_9" class="xdiv" style="left:-376px; top:-144px; width:1690px; height:1124px; z-index:0;">
+			<div class="imglayer" style="z-index:0"><img id="X5_9_imglayer" src="media/Fotolia_58904662_M_1690x1124.jpg" class="imglayer" alt="Fotolia_58904662_M" /></div>
+			</div>
+		</div>
+		<div id="Xe_3" class="xdiv S2" style="width:100%; height:100%; display:none;">
+			<div id="X5_a" class="xdiv" style="left:5px; top:-1px; width:950px; height:631px; z-index:0;">
+			<div class="imglayer" style="z-index:0"><img id="X5_a_imglayer" src="media/Fotolia_60630538_M_950x631.jpg" class="imglayer" alt="Fotolia_60630538_M" /></div>
+			</div>
+		</div>
+		<div id="Xe_4" class="xdiv S2" style="width:100%; height:100%; display:none;">
+			<div id="X5_b" class="xdiv" style="left:-465px; top:-270px; width:1850px; height:1230px; z-index:0;">
+			<div class="imglayer" style="z-index:0"><img id="X5_b_imglayer" src="media/Fotolia_602154532_M.jpg" class="imglayer" alt="Fotolia_602154532_M" /></div>
+			</div>
+		</div>
+	</div>
+	<script type="text/javascript">startSlideShow("X4_0");</script>
+	<div id="X1_0" class="xdiv" style="left:-2px; top:369px; width:951px; height:46px; z-index:9;">
+	<div style="width:100%; height:100%; z-index:0; background-color:rgb(255,255,255); filter:alpha(opacity=59); opacity:0.59"></div>
+		<div id="X3_5" class="xdiv" style="left:-3px; top:9px; width:954px; height:30px; z-index:1;">
+		<div style="position:absolute; left:0px; top:0px; width:954px; height:26px; z-index:0; "><div align="center"><h1 class="S3">Lackierungen aller Art - Smart Repair - Oldtimerlackierung - Lackaufbereitung</h1></div></div>
+		</div>
+	</div>
+	<div id="X3_6" onclick="startAction('X3_6_2')" class="xdiv S4" style="left:607px; top:876px; width:72px; height:19px; z-index:10;">
+	<div style="position:absolute; left:0px; top:0px; width:72px; height:14px; z-index:0; "><div align="left"><strong class="S1">Impressum</strong></div></div>
+	</div>
+	<div id="X1_2" onclick="startAction('X1_2_2')" class="xdiv S4" style="display:none; left:10px; top:9px; width:930px; height:826px; z-index:11;">
+	<div style="width:100%; height:100%; z-index:0; background-color:rgb(255,255,255); filter:alpha(opacity=71); opacity:0.71"></div>
+		<div id="X3_7" class="xdiv" style="left:8px; top:6px; width:903px; height:812px; z-index:1;">
+		<div style="position:absolute; left:0px; top:0px; width:903px; height:357px; z-index:0; "><div align="left"><h4 class="S5">Impressum:<br>Angaben gem&auml;&szlig; &sect; 5 TMG und DL-InfoV:<br>Lackwerk GmbH<br>Gienanthstr. 2-4<br>67663 Kaiserslautern<br>&nbsp;<br>Telefon: 0631 / 35 78 90-6<br>&nbsp;<br></h4><h4 class="S6">Handelsregister-Nummer Kaiserslautern :&shy; 31677</h4><h4 class="S5"><br>Umsatzsteuer-Identifikationsnummer<br>gem&auml;&szlig; &sect;27 a Umsatzsteuergesetz: </h4><h4 class="S6">DE295225567</h4><h4 class="S5"><br>Verantwortlich f&uuml;r den Inhalt nach &sect; 55 Abs. 2 RStV:<br>Patric Hertz<br>&nbsp;<br>Gestaltung &amp; Hosting:<br>ecker licht + werbung<br>merkurstra&szlig;e 45, 67663 kaiserslautern<br></h4><a href="http://www.ecker-lichtwerbung.de/" target="_blank"><h4 class="S7">www.ecker-lichtwerbung.de</h4></a><h4 class="S5"><br>Bilder: dermonaco / Fotolia</h4></div></div>
+		</div>
+	</div>
+	<div id="X3_9" onclick="startAction('X3_9_2')" class="xdiv S4" style="left:607px; top:862px; width:72px; height:19px; z-index:12;">
+	<div style="position:absolute; left:0px; top:0px; width:72px; height:14px; z-index:0; "><div align="left"><strong class="S1">Anfahrt</strong></div></div>
+	</div>
+	<div id="X1_3" onmousedown="startAction('X1_3_4')" class="xdiv S4" style="display:none; left:17px; top:15px; width:917px; height:815px; z-index:13;">
+	<div style="width:100%; height:100%; z-index:0; background-color:rgb(255,255,255); filter:alpha(opacity=71); opacity:0.71"></div>
+		<div id="X3_a" onclick="startAction('X3_a_2')" class="xdiv S4" style="left:855px; top:791px; width:55px; height:20px; z-index:1;">
+		<div style="position:absolute; left:0px; top:0px; width:55px; height:15px; z-index:0; "><div align="right"><h6 class="S8">zur&uuml;ck</h6></div></div>
+		</div>
+		<div id="Xp_0" class="xdiv" style="left:13px; top:12px; width:893px; height:777px; z-index:2;">
+		<iframe style="width:100%; height:100%; margin:0; border:0" frameborder="0" scrolling="no" src="http://maps.google.com/maps?f=q&amp;source=s_d&amp;aq=0&amp;ie=UTF8&amp;t=k&amp;z=16&amp;iwloc=A&amp;output=embed&amp;q=lackwerk%2C+gienanthstrasse+2-4%2C+67663+kaiserslautern(Lackwerk+GmbH)"></iframe>
+		</div>
+	</div>
+	<div id="X3_b" onclick="startAction('X3_b_2')" class="xdiv S4" style="left:693px; top:862px; width:75px; height:19px; z-index:14;">
+	<div style="position:absolute; left:0px; top:0px; width:75px; height:14px; z-index:0; "><div align="left"><strong class="S1">Datenschutz</strong></div></div>
+	</div>
+	<div id="X1_4" onclick="startAction('X1_4_2')" class="xdiv S4" style="display:none; left:10px; top:9px; width:930px; height:826px; z-index:15;">
+	<div style="width:100%; height:100%; z-index:0; background-color:rgb(255,255,255); filter:alpha(opacity=71); opacity:0.71"></div>
+		<div id="X3_c" class="xdiv" style="left:8px; top:6px; width:903px; height:813px; z-index:1;">
+		<div style="position:absolute; left:0px; top:0px; width:903px; height:720px; z-index:0; "><div align="left"><h4 class="S9">1. Haftungsbeschr&auml;nkung<br>&nbsp;<br></h4><h4 class="S10">Die Inhalte des Internetauftritts wurden mit gr&ouml;&szlig;tm&ouml;glicher Sorgfalt und nach bestem Gewissen erstellt. Dennoch &uuml;bernimmt der Anbieter  dieser Webseite keine Gew&auml;hr f&uuml;r die Aktualit&auml;t, Vollst&auml;ndigkeit und Richtigkeit der bereitgestellten Seiten und Inhalte.</h4><h4 class="S9"><br></h4><h4 class="S10">Als Diensteanbieter ist der Anbieter dieser Webseite gem&auml;&szlig; &sect; 7 Abs. 1 TMG f&uuml;r eigene Inhalte und bereitgestellte Informationen auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich; nach den &sect;&sect; 8 bis 10 TMG jedoch nicht verpflichtet, die &uuml;bermittelten oder  gespeicherten fremden Informationen zu &uuml;berwachen. Eine Entfernung oder Sperrung dieser Inhalte erfolgt umgehend ab dem Zeitpunkt  der Kenntnis einer konkreten Rechtsverletzung. Eine Haftung ist erst ab dem Zeitpunkt der Kenntniserlangung m&ouml;glich.<br>&nbsp;<br></h4><h4 class="S9">2. Externe Links<br>&nbsp;<br></h4><h4 class="S10">Die Webseite enth&auml;lt sog. &dbquo;externe Links (Verlinkungen) zu anderen Webseiten, auf deren Inhalt der Anbieter der Webseite keinen Einfluss hat. Aus diesem Grund kann der Anbieter f&uuml;r diese Inhalte auch keine Gew&auml;hr &uuml;bernehmen.F&uuml;r die Inhalte und Richtigkeit der bereitgestellten Informationen ist der jeweilige Anbieter der verlinkten Webseite verantwortlich. Zum Zeitpunkt der Verlinkung waren keine  Rechtsverst&ouml;&szlig;e erkennbar. Bei Bekanntwerden einer solchen Rechtsverletzung wird der Link umgehend entfernen.<br>&nbsp;<br></h4><h4 class="S9">3. Urheberrecht/Leistungsschutzrecht<br>&nbsp;<br></h4><h4 class="S10">Die auf dieser Webseite ver&ouml;ffentlichten Inhalte, Werke und bereitgestellten Informationen unterliegen dem deutschen Urheberrecht und Leistungsschutzrecht. Jede Art der Vervielf&auml;ltigung, Bearbeitung, Verbreitung, Einspeicherung und jede Art der Verwertung au&szlig;erhalb der Grenzen des Urheberrechts bedarf der vorherigen schriftlichen Zustimmung des jeweiligen Rechteinhabers. Das unerlaubte Kopieren/Speichern der bereitgestellten Informationen auf diesen Webseiten ist nicht gestattet und strafbar.<br>&nbsp;<br></h4><h4 class="S9">4. Datenschutz<br>&nbsp;<br></h4><h4 class="S10">Durch den Besuch des Internetauftritts k&ouml;nnen Informationen (Datum, Uhrzeit, aufgerufene Seite) &uuml;ber den Zugriff auf dem Server gespeichert werden. Es werden keine personenbezogenenen (z. B. Name, Anschrift oder E-Mail-Adresse) Daten, gespeichert.<br>Sofern personenbezogene Daten erhoben werden, erfolgt dies, sofern m&ouml;glich, nur mit dem vorherigen Einverst&auml;ndnis des Nutzers der  Webseite. Eine Weitergabe der Daten an Dritte findet ohne ausdr&uuml;ckliche Zustimmung des Nutzers nicht statt.<br>Der Anbieter weist darauf hin, dass die &Uuml;bertragung von Daten im Internet (z. B. per E-Mail) Sicherheitsl&uuml;cken aufweisen und ein l&uuml;ckenloser Schutz der Daten vor dem Zugriff Dritter nicht gew&auml;hrleistet werden kann. Der Anbieter &uuml;bernimmt keine Haftung f&uuml;r die durch solche Sicherheitsl&uuml;cken entstandenen Sch&auml;den.<br>Der Verwendung der Kontaktdaten durch Dritte zur gewerblichen Nutzung wird ausdr&uuml;cklich widersprochen. Es sei denn, der Anbieter hat zuvor seine schriftliche Einwilligung erteilt.Der Anbieter beh&auml;lt sich rechtliche Schritte f&uuml;r den Fall der unverlangten Zusendung von Werbeinformationen, z. B. durch Spam-Mails, vor.<br>&nbsp;<br>&nbsp;<br></h4><h4 class="S11">Um unsere Webseite f&uuml;r Sie optimal zu gestalten und fortlaufend verbessern zu k&ouml;nnen, verwenden wir Cookies. Durch  die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu.</h4></div></div>
+		</div>
+	</div>
+	<div id="X1_5" class="xdiv S12" style="left:4px; top:134px; width:951px; height:55px; z-index:16;">
+		<div id="X7_0" onclick="startAction('X7_0_2')" class="xdiv S4" style="overflow:visible; left:792px; top:9px; width:153px; height:39px; z-index:0;">
+			<div id="Xf_0" class="xdiv S13" style="width:100%; height:100%; z-index:0;">
+			<div style="position:absolute; left:2px; top:11px; width:149px; height:14px; z-index:0; "><div align="center"><strong class="S1">OK</strong></div></div>
+			</div>
+			<div class="buttoncontrol">&nbsp;</div>
+		</div>
+		<div id="X3_d" class="xdiv S15" style="left:16px; top:11px; width:596px; height:37px; z-index:1;">
+		<div style="position:absolute; left:0px; top:0px; width:596px; height:28px; z-index:0; "><div align="left"><strong class="S14">Um unsere Webseite f&uuml;r Sie optimal zu gestalten und fortlaufend verbessern zu k&ouml;nnen, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu.</strong></div></div>
+		</div>
+		<div id="X7_1" onclick="startAction('X7_1_2')" class="xdiv S4" style="overflow:visible; left:625px; top:9px; width:153px; height:39px; z-index:2;">
+			<div id="Xf_1" class="xdiv S16" style="width:100%; height:100%; z-index:0;">
+			<div style="position:absolute; left:2px; top:11px; width:149px; height:14px; z-index:0; "><div align="center"><strong class="S14">Datenschutzerkl&auml;rung</strong></div></div>
+			</div>
+			<div class="buttoncontrol">&nbsp;</div>
+		</div>
+	</div>
+</div>
+</body>
+
+
+<!-- Mirrored from www.lackwerk-kl.de/ by HTTrack Website Copier/3.x [XR&CO'2014], Sun, 12 Jul 2026 12:03:03 GMT -->
+</html>
--- a/webseite/www.lackwerk-kl.de/media/Fotolia_55927497_M_950x630.jpg
+++ b/webseite/www.lackwerk-kl.de/media/Fotolia_55927497_M_950x630.jpg
--- a/webseite/www.lackwerk-kl.de/media/Fotolia_58904654_M_950x632.jpg
+++ b/webseite/www.lackwerk-kl.de/media/Fotolia_58904654_M_950x632.jpg
--- a/webseite/www.lackwerk-kl.de/media/Fotolia_58904662_M_1690x1124.jpg
+++ b/webseite/www.lackwerk-kl.de/media/Fotolia_58904662_M_1690x1124.jpg
--- a/webseite/www.lackwerk-kl.de/media/Fotolia_602154532_M.jpg
+++ b/webseite/www.lackwerk-kl.de/media/Fotolia_602154532_M.jpg
--- a/webseite/www.lackwerk-kl.de/media/Fotolia_60630538_M_950x631.jpg
+++ b/webseite/www.lackwerk-kl.de/media/Fotolia_60630538_M_950x631.jpg
--- a/webseite/www.lackwerk-kl.de/media/facebook_40x40.png
+++ b/webseite/www.lackwerk-kl.de/media/facebook_40x40.png
--- a/webseite/www.lackwerk-kl.de/media/lw1_951x486.jpg
+++ b/webseite/www.lackwerk-kl.de/media/lw1_951x486.jpg
--- a/webseite/www.lackwerk-kl.de/media/lw2_951x141.jpg
+++ b/webseite/www.lackwerk-kl.de/media/lw2_951x141.jpg
--- a/webseite/www.lackwerk-kl.de/scripts/empty
+++ b/webseite/www.lackwerk-kl.de/scripts/empty
@@ -0,0 +1 @@
+The requested file does not exist.
--- a/webseite/www.lackwerk-kl.de/scripts/global.js
+++ b/webseite/www.lackwerk-kl.de/scripts/global.js
@@ -0,0 +1,866 @@
+/*
+ * Xpage Internet Studio 7
+ * Copyright (c) 2004 - 2012, XDEV Software and/or its affiliates. All rights reserved.
+ */
+var overlayOpen = [];
+
+function preloadImages() {
+	if (document.images) {
+		for ( var i = 0; i < preloadImages.arguments.length; i++) {
+			new Image().src = preloadImages.arguments[i];
+		}
+	}
+}
+
+function registerButtonHandler() {
+	$(".buttoncontrol").each(function() {
+		var buttonID = this.parentNode.id;
+		var buttonData = layerbuttons[buttonID];
+		for ( var i = 0; i < 4; i++) {
+			if (buttonData.layer[i] != null) {
+				var layer = $("#" + buttonData.layer[i]);
+				buttonData.layer[i] = layer;
+			}
+		}
+		buttonShowLayer(buttonID, showButtonSelected(buttonData) ? [ 2, 0 ] : [ 0 ]);
+		$(this).mouseenter(function(event) {
+			if (buttonData.group == null)
+				buttonSetOverlayVisible(buttonData, true);
+			buttonShowLayer(buttonID, showButtonSelected(buttonData) ? [ 3, 2, 0 ] : [ 1, 0 ]);
+		});
+		$(this).mouseout(function(event) {
+			if (buttonData.group == null)
+				buttonSetOverlayVisible(buttonData, false);
+			buttonShowLayer(buttonID, showButtonSelected(buttonData) ? [ 2, 0 ] : [ 0 ]);
+		});
+		$(this).mousedown(function(event) {
+			if (buttonData.group != null && !buttonData.isMenuButton) {
+				for ( var bid in layerbuttons) {
+					if (layerbuttons[bid].group == buttonData.group && bid != buttonID) {
+						layerbuttons[bid].isSelected = false;
+						buttonShowLayer(bid, showButtonSelected(layerbuttons[bid]) ? [ 2, 0 ] : [ 0 ]);
+						buttonSetOverlayVisible(layerbuttons[bid], false);
+					}
+				}
+				buttonData.isSelected = true;
+				buttonShowLayer(buttonID, [ 3, 2, 0 ]);
+				buttonSetOverlayVisible(buttonData, true);
+			} else {
+				buttonShowLayer(buttonID, [ 2, 1, 0 ]);
+			}
+		});
+		$(this).mouseup(function(event) {
+			if (buttonData.group == null)
+				buttonShowLayer(buttonID, showButtonSelected(buttonData) ? [ 3, 2, 1, 0 ] : [ 1, 0 ]);
+		});
+	});
+}
+
+function showButtonSelected(buttonData) {
+	return buttonData.isSelected || (buttonData.pageLink && document.currentPage == buttonData.pageLink);
+}
+
+function buttonShowLayer(buttonID, layerIdx) {
+	var buttonData = layerbuttons[buttonID];
+	var currentLayer = 0;
+	if (buttonData.currentLayer)
+		currentLayer = buttonData.currentLayer;
+	var nextLayer = 0;
+	for ( var i = 0; i < layerIdx.length; i++) {
+		var index = layerIdx[i];
+		if (buttonData.layer[index] != null) {
+			nextLayer = index;
+			break;
+		}
+	}
+	if (currentLayer != nextLayer) {
+		buttonData.currentLayer = nextLayer;
+		currentLayer = buttonData.layer[currentLayer];
+		nextLayer = buttonData.layer[nextLayer];
+		switchLayers(currentLayer, nextLayer, buttonData.transitionType, buttonData.transitionDuration);
+	}
+}
+
+function buttonSetOverlayVisible(buttonData, visible) {
+	if (buttonData.overlay != null) {
+		var overlay = $("#" + buttonData.overlay);
+		if (overlay != null && overlay.is(":visible") != visible) {
+			overlay.stop(false, true);
+			if (visible) {
+				overlay.animate({
+					height : "show"
+				}, 400, "swing");
+			} else {
+				overlay.animate({
+					height : "hide"
+				}, 200, "swing");
+			}
+		}
+	}
+}
+
+function registerMenuHandler() {
+	overlayOpen = [];
+	$("div").each(function() {
+		var id = this.id;
+		if (id == null || id == "" || id.charAt(0) == "X") {
+			$(this).mouseenter(function(event) {
+				var mbDiv = getMenuButton(this, this.id);
+				if (mbDiv != null) {
+					var buttonData = layerbuttons[mbDiv.id];
+					var group = buttonData.group;
+					lwSetOverlayVisible(group, mbDiv.id);
+					if (jQuery.inArray(group, overlayOpen) == -1)
+						overlayOpen.push(group);
+					var last = getLastOverlay();
+					while (overlayOpen.length > 0 && last != group) {
+						lwSetOverlayVisible(last, null);
+						overlayOpen.pop();
+						last = getLastOverlay();
+					}
+				}
+			});
+			$(this).mouseup(function(event) {
+				// delay to give a-hrefs a chance
+				$(this).delay(1).queue(function() {
+					for ( var bid in layerbuttons) {
+						var buttonData = layerbuttons[bid];
+						if (buttonData.isMenuButton) {
+							buttonSetOverlayVisible(buttonData, false);
+						}
+					}
+					$(this).dequeue();
+				});
+				overlayOpen = [];
+			});
+		}
+	});
+}
+
+function getMenuButton(div, id) {
+	var mb = null;
+	for ( var bid in layerbuttons)
+		if (bid == id)
+			mb = document.getElementById(bid);
+	if (mb == null) {
+		var parentDiv = div.parentNode;
+		if (parentDiv != null)
+			mb = getMenuButton(parentDiv, parentDiv.id);
+	}
+	return mb;
+}
+
+function getLastOverlay() {
+	var length = overlayOpen.length;
+	if (length > 0)
+		return overlayOpen[length - 1];
+	return null;
+}
+
+function lwSetOverlayVisible(group, exceptID) {
+	for ( var bid in layerbuttons) {
+		var buttonData = layerbuttons[bid];
+		if (buttonData.isMenuButton && buttonData.group == group) {
+			buttonSetOverlayVisible(buttonData, exceptID == bid);
+		}
+	}
+}
+
+function startSlideShow(slideShowID) {
+	var slideShow = slideShows[slideShowID];
+	slideShow.running = true;
+	var duration = slideShow.slides[slideShow.currentSlideIndex].duration;
+	$("#" + slideShowID).delay(duration).queue(function() {
+		runSlideShow(slideShowID);
+		$(this).dequeue();
+	});
+}
+
+function stopSlideShow(slideShowID) {
+	var slideShow = slideShows[slideShowID];
+	slideShow.running = false;
+	$("#" + slideShowID).stop(true, true);
+	for ( var i = 0; i < slideShow.slides.length; i++)
+		$("#" + slideShow.slides[i].slideID).stop(true, true);
+}
+
+function slideShowPreviousSlide(slideShowID) {
+	stopSlideShow(slideShowID);
+	var slideShow = slideShows[slideShowID];
+	var nextSlideIndex;
+	if (slideShow.currentSlideIndex > 0)
+		nextSlideIndex = slideShow.currentSlideIndex - 1;
+	else
+		nextSlideIndex = slideShow.slides.length - 1;
+	slideShowSlide(slideShow, nextSlideIndex);
+}
+
+function slideShowNextSlide(slideShowID) {
+	stopSlideShow(slideShowID);
+	var slideShow = slideShows[slideShowID];
+	var nextSlideIndex;
+	if (slideShow.currentSlideIndex < slideShow.slides.length - 1)
+		nextSlideIndex = slideShow.currentSlideIndex + 1;
+	else
+		nextSlideIndex = 0;
+	slideShowSlide(slideShow, nextSlideIndex);
+}
+
+function slideShowGotoSlide(slideShowID, nextSlideIndex) {
+	var slideShow = slideShows[slideShowID];
+	if (nextSlideIndex != slideShow.currentSlideIndex) {
+		stopSlideShow(slideShowID);
+		if (nextSlideIndex >= 0 && nextSlideIndex < slideShow.slides.length) {
+			slideShowSlide(slideShow, nextSlideIndex);
+		}
+	}
+}
+
+function runSlideShow(slideShowID) {
+	var slideShow = slideShows[slideShowID];
+	if (!slideShow.running)
+		return;
+	var nextSlideIndex = -1;
+	if (slideShow.randomize) {
+		do {
+			nextSlideIndex = parseInt(Math.random() * (slideShow.slides.length));
+		} while (nextSlideIndex == slideShow.currentSlideIndex);
+	} else if (slideShow.isDirectionBackwards) {
+		nextSlideIndex = slideShow.currentSlideIndex - 1;
+		if (nextSlideIndex < 0 && slideShow.pingPong) {
+			if (slideShow.passCount)
+				slideShow.passCount++;
+			else
+				slideShow.passCount = 1;
+			slideShow.isDirectionForward = true;
+			nextSlideIndex = 1;
+		}
+	} else {
+		nextSlideIndex = slideShow.currentSlideIndex + 1;
+		if (nextSlideIndex == slideShow.slides.length) {
+			if (slideShow.pingPong) {
+				slideShow.isDirectionForward = false;
+				nextSlideIndex -= 2;
+			} else {
+				if (slideShow.passCount)
+					slideShow.passCount++;
+				else
+					slideShow.passCount = 1;
+				nextSlideIndex = 0;
+			}
+		}
+	}
+	if (nextSlideIndex != -1 && (slideShow.randomize || !(slideShow.fixedPassCount > 0 && slideShow.passCount >= slideShow.fixedPassCount))) {
+		var pause = slideShow.slides[nextSlideIndex].duration;
+		slideShowSlide(slideShow, nextSlideIndex, function() {
+			if (slideShow.running) {
+				$("#" + slideShowID).delay(pause).queue(function() {
+					runSlideShow(slideShowID);
+					$(this).dequeue();
+				});
+			}
+		});
+	}
+}
+
+function slideShowSlide(slideShow, nextSlideIndex, callback) {
+	var currentSlide = slideShow.slides[slideShow.currentSlideIndex];
+	var nextSlide = slideShow.slides[nextSlideIndex];
+	slideShow.currentSlideIndex = nextSlideIndex;
+	switchLayers($("#" + currentSlide.slideID), $("#" + nextSlide.slideID), nextSlide.transitionType, nextSlide.transitionDuration, callback);
+}
+
+function switchLayers(currentLayer, nextLayer, transitionType, transitionDuration, callback) {
+	switch (transitionType) {
+	case 0: { // no effect
+		currentLayer.stop(false, false);
+		nextLayer.stop(false, false);
+		nextLayer.fadeTo(0, 1);
+		currentLayer.fadeTo(0, 0);
+		if (callback) {
+			callback();
+		}
+	}
+	break;
+	case 1: { // fade
+		currentLayer.stop(false, false);
+		nextLayer.stop(false, false);
+		currentLayer.css('zIndex', 0);
+		nextLayer.css('zIndex', 1);
+		currentLayer.fadeTo(transitionDuration, 0, "easeOutQuad");
+		nextLayer.fadeTo(transitionDuration, 1, "easeInQuad", callback);
+	}
+	break;
+	case 2: { // drop right to left
+		moveLayers(currentLayer, nextLayer, transitionDuration, "drop", "right", "left", callback);
+	}
+	break;
+	case 3: { // drop left to right
+		moveLayers(currentLayer, nextLayer, transitionDuration, "drop", "left", "right", callback);
+	}
+	break;
+	case 4: { // drop top to bottom
+		moveLayers(currentLayer, nextLayer, transitionDuration, "drop", "up", "down", callback);
+	}
+	break;
+	case 5: { // drop bottom to top
+		moveLayers(currentLayer, nextLayer, transitionDuration, "drop", "down", "up", callback);
+	}
+	break;
+	case 6: { // clip vertical
+		moveLayers(currentLayer, nextLayer, transitionDuration, "clip", "vertical", "vertical", callback);
+	}
+	break;
+	case 7: { // clip horizontal
+		moveLayers(currentLayer, nextLayer, transitionDuration, "clip", "horizontal", "horizontal", callback);
+	}
+	break;
+	case 8: { // puff / diagonal
+		currentLayer.stop(false, true);
+		nextLayer.stop(false, true);
+		currentLayer.css('zIndex', 1);
+		nextLayer.css('zIndex', 0);
+		nextLayer.css('opacity', 1);
+		nextLayer.show("puff", transitionDuration, callback);
+		currentLayer.hide("puff", transitionDuration);
+	}
+	break;
+	case 9: { // scale
+		currentLayer.stop(false, true);
+		nextLayer.stop(false, true);
+		currentLayer.css('zIndex', 1);
+		nextLayer.css('zIndex', 0);
+		nextLayer.css('opacity', 1);
+		nextLayer.show("scale", transitionDuration, callback);
+		currentLayer.hide("scale", transitionDuration);
+	}
+	break;
+	case 10: { // fold
+		currentLayer.stop(false, true);
+		nextLayer.stop(false, true);
+		currentLayer.css('zIndex', 1);
+		nextLayer.css('zIndex', 0);
+		nextLayer.css('opacity', 1);
+		nextLayer.show("fold", {
+			horizFirst : false
+		}, transitionDuration, callback);
+		currentLayer.hide("fold", {
+			horizFirst : true
+		}, transitionDuration);
+	}
+	break;
+	case 11: { // vertical in, horizontal out
+		moveLayers(currentLayer, nextLayer, transitionDuration, "blind", "vertical", "horizontal", callback);
+	}
+	break;
+	case 12: { // horizontal in, vertical out
+		moveLayers(currentLayer, nextLayer, transitionDuration, "blind", "horizontal", "vertical", callback);
+	}
+	break;
+	}
+}
+
+function moveLayers(currentLayer, nextLayer, transitionDuration, effect, from, to, callback) {
+	currentLayer.stop(false, true);
+	nextLayer.stop(false, true);
+	currentLayer.css('zIndex', 1);
+	nextLayer.css('zIndex', 0);
+	nextLayer.css('opacity', 1);
+	nextLayer.show(effect, {
+		direction : from
+	}, transitionDuration, callback);
+	currentLayer.hide(effect, {
+		direction : to
+	}, transitionDuration);
+}
+
+function runWebcam(wc, imgurl, ms) {
+	var d = new Date();
+	d = "?" + d.getTime();
+	document.images[wc].src = imgurl + d;
+	setTimeout("runWebcam('" + wc + "','" + imgurl + "'," + ms + ")", ms)
+}
+
+function CXTransform(id, relative, sRect, stepRects, stepDurations) {
+	this.id = id;
+	this.relative = relative;
+	this.sRect = sRect;
+	this.stepRects = stepRects;
+	this.stepDurations = stepDurations;
+	this.curStep = -1;
+}
+
+function CXRect(x, y, w, h) {
+	this.x = x;
+	this.y = y;
+	this.w = w;
+	this.h = h;
+}
+
+function CXGoto(absolute, step, count) {
+	this.absolute = absolute;
+	this.step = step;
+	this.count = count;
+	this.stepped = 0;
+}
+
+function CXLink(typ, s1, s2, s3, s4, s5, s6, s7) {
+	this.typ = typ;
+	this.s1 = s1;
+	this.s2 = s2;
+	this.s3 = s3;
+	this.s4 = s4;
+	this.s5 = s5;
+	this.s6 = s6;
+	this.s7 = s7;
+}
+
+function performLink(cxlink) {
+	var retVal = true;
+	if (cxlink.typ == 1 || cxlink.typ == 2) {
+		if (cxlink.s2 == '_blank') {
+			if (cxlink.s3) {
+				window.open(cxlink.s1, cxlink.s4, 'width=' + cxlink.s5 + ',height=' + cxlink.s6 + ',menubar=no,toolbar=no,status=no,scrollbars=yes');
+			} else {
+				window.open(cxlink.s1);
+			}
+		} else if (cxlink.s2 == '_top') {
+			top.location.href = cxlink.s1;
+		} else if (cxlink.s2 == '_parent') {
+			parent.location.href = cxlink.s1;
+		} else if (cxlink.s2 == '_self' || cxlink.s2 == '') {
+			window.location.href = cxlink.s1;
+		} else {
+			var target = document.getElementById(cxlink.s2);
+			if (target != null) {
+				target.src = cxlink.s1;
+			} else {
+				target = top.document.getElementById(cxlink.s2);
+				if (target != null)
+					target.src = cxlink.s1;
+			}
+		}
+	} else if (cxlink.typ == 3) {
+		window.location.href = cxlink.s1;
+	} else if (cxlink.typ == 4) {
+		var frm = document.getElementById(cxlink.s1);
+		if (frm != null) {
+			if (checkForm(cxlink)) {
+				frm.submit();
+			} else {
+				retVal = false;
+			}
+		}
+	} else if (cxlink.typ == 5) {
+		var frm = document.getElementById(cxlink.s1);
+		if (frm != null)
+			frm.reset();
+	} else if (cxlink.typ == 9) {
+		window.print();
+	} else if (cxlink.typ == 10) {
+		window.close();
+	} else if (cxlink.typ == 6) {
+		var frmM = document.getElementById(cxlink.s1);
+		if (frmM != null) {
+			if (checkForm(cxlink)) {
+				var frmMoldAction = frmM.action;
+				frmM.action = cxlink.s7;
+				frmM.submit();
+				frmM.action = frmMoldAction;
+			}
+		}
+	}
+	return retVal;
+}
+
+function checkForm(cxlink) {
+	for ( var i = 0; i < cxlink.s2.length; i++) {
+		var ok = true;
+		if (cxlink.s2[i].indexOf("radio_") == 0) {
+			if (cxlink.s3[i][1]) {
+				var radios = document.getElementsByName(cxlink.s2[i].substring(6));
+				ok = false;
+				for ( var ri = 0; ri < radios.length && ok == false; ri++) {
+					if (radios[ri].checked) {
+						ok = true;
+					}
+				}
+			}
+		} else {
+			var cpn = document.getElementById(cxlink.s2[i]);
+			if (cpn != null) {
+				if (cpn.type == "checkbox") {
+					if (cxlink.s3[i][1] && !cpn.checked) {
+						ok = false;
+					}
+				} else if (cpn.type.indexOf("select") >= 0) {
+					if (cxlink.s3[i][1] && cpn.value.length == 0) {
+						ok = false;
+					}
+				} else {
+					if (cxlink.s3[i][1] && cpn.value.length == 0) {
+						ok = false;
+					} else if (cpn.value.length > 0) {
+						if (cxlink.s3[i][0] == 1) {
+							if (isNaN(cpn.value)) {
+								ok = false;
+							} else {
+								var intval = parseInt(cpn.value);
+								if (cxlink.s3[i][2] && cxlink.s3[i][4]) {
+									if (intval < cxlink.s3[i][3] || intval > cxlink.s3[i][5]) {
+										ok = false;
+									}
+								} else if (cxlink.s3[i][2]) {
+									if (intval < cxlink.s3[i][3]) {
+										ok = false;
+									}
+								} else if (cxlink.s3[i][4]) {
+									if (intval > cxlink.s3[i][5]) {
+										ok = false;
+									}
+								}
+							}
+						} else if (cxlink.s3[i][0] == 2) {
+							var sl = cpn.value.length;
+							if (cxlink.s3[i][2] && cxlink.s3[i][4]) {
+								if (sl < cxlink.s3[i][3] || sl > cxlink.s3[i][5]) {
+									ok = false;
+								}
+							} else if (cxlink.s3[i][2]) {
+								if (sl < cxlink.s3[i][3]) {
+									ok = false;
+								}
+							} else if (cxlink.s3[i][4]) {
+								if (sl > cxlink.s3[i][5]) {
+									ok = false;
+								}
+							}
+						} else if (cxlink.s3[i][0] == 3) {
+							var usr = "([a-zA-Z0-9][a-zA-Z0-9_.-]*|\"([^\\\\\x80-\xff\015\012\"]|\\\\[^\x80-\xff])+\")";
+							var domain = "([a-z<><7A><EFBFBD>A-Z<><5A><EFBFBD>0-9][a-z<><7A><EFBFBD>A-Z<><5A><EFBFBD>0-9._-]*\\.)*[a-z<><7A><EFBFBD>A-Z<><5A><EFBFBD>0-9][a-z<><7A><EFBFBD>A-Z<><5A><EFBFBD>0-9._-]*\\.[a-zA-Z]{2,5}";
+							var reg = new RegExp("^" + usr + "\@" + domain + "$");
+							ok = reg.test(cpn.value);
+						}
+					}
+				}
+			}
+		}
+		var overlay = $("#" + cxlink.s4[i]);
+		if (overlay != null) {
+			if (ok)
+				overlay.hide();
+			else
+				overlay.show();
+		}
+		if (!ok)
+			return false;
+	}
+	return true;
+}
+
+function CXVis(id, type) {
+	this.id = id;
+	this.type = type;
+}
+
+function CXStartPos(id, x, y, w, h) {
+	this.id = id;
+	this.x = x;
+	this.y = y;
+	this.w = w;
+	this.h = h;
+}
+
+function CXSearch(ole, oleDiv, txt, x, y, w, h) {
+	this.ole = ole;
+	this.oleDiv = oleDiv;
+	this.txt = txt;
+	this.x = x;
+	this.y = y;
+	this.w = w;
+	this.h = h;
+}
+
+function CXChange(id, key, val, op) {
+	this.id = id;
+	this.key = key;
+	this.val = val;
+	this.op = op;
+}
+
+function CXSlideShowControl(id, op, slideIndex) {
+	this.id = id;
+	this.op = op;
+	this.slideIndex = slideIndex;
+}
+
+function startAction(id) {
+	var retVal = true;
+	if (cxactions[id] != null && !cxactions[id][3]) {
+		cxactions[id][3] = true;
+		retVal = performAction(id);
+	}
+	return retVal;
+}
+
+function performAction(id) {
+	var retVal = true;
+	if (cxactions[id] != null) {
+		var curStep = cxactions[id][2];
+		if (cxactions[id][0].length - 1 > curStep) {
+			var timeout = 0;
+			var nextStep = true;
+			var data = cxactions[id][1][curStep];
+			switch (cxactions[id][0][curStep]) {
+			case 0:
+				for ( var i = 0; i < data.length; i++) {
+					var cxchange = data[i];
+					var elem = document.getElementById(cxchange.id);
+					if (elem != null) {
+						cxchange.val = parseInt(cxchange.val);
+						if (cxchange.key == "opacity") {
+							if ($.browser.msie) {
+								var init = true;
+								if (elem.style.filter.length > 0) {
+									var str = elem.style.filter;
+									var search = "alpha(opacity=";
+									var i = str.indexOf(search);
+									if (i >= 0) {
+										init = false;
+										var before = str.substr(0, i + search.length);
+										var after = str.substr(i + search.length);
+										i = after.indexOf(")");
+										var opacity = parseFloat(after.substr(0, i));
+										after = after.substr(i);
+										var val = cxchange.val / 255 * 100;
+										if (cxchange.op == "=")
+											opacity = val;
+										else if (cxchange.op == "+")
+											opacity += val;
+										else if (cxchange.op == "-")
+											opacity -= val;
+										if (opacity >= 0 && opacity <= 100) {
+											opacity = String(opacity);
+											if (opacity.length > 5)
+												opacity = opacity.substr(0, 5);
+											elem.style.filter = before + opacity + after;
+										}
+									}
+								}
+								if (init) {
+									var opacity = 100;
+									var val = cxchange.val / 255 * 100;
+									if (cxchange.op == "=")
+										opacity = val;
+									else if (cxchange.op == "-")
+										opacity -= val;
+									if (opacity >= 0 && opacity <= 100) {
+										opacity = String(opacity);
+										if (opacity.length > 5)
+											opacity = opacity.substr(0, 5);
+										elem.style.filter = "alpha(opacity=" + opacity + ")";
+									}
+								}
+							} else {
+								if (cxchange.op == "=") {
+									var opacity = cxchange.val / 255;
+									if (opacity >= 0.0 && opacity <= 1.0) {
+										opacity = String(opacity);
+										if (opacity.length > 4)
+											opacity = opacity.substr(0, 4);
+										elem.style.opacity = opacity;
+									}
+								} else {
+									var opacity = 1.0;
+									if (elem.style.opacity)
+										opacity = parseFloat(elem.style.opacity);
+									if (cxchange.op == "+")
+										opacity += cxchange.val / 255;
+									else
+										opacity -= cxchange.val / 255;
+									if (opacity >= 0.0 && opacity <= 1.0) {
+										opacity = String(opacity);
+										if (opacity.length > 4)
+											opacity = opacity.substr(0, 4);
+										elem.style.opacity = opacity;
+									}
+								}
+							}
+						} else if (cxchange.key == "top") {
+							var top = parseInt(elem.style.top);
+							if (cxchange.op == "=")
+								top = cxchange.val;
+							else if (cxchange.op == "+")
+								top += cxchange.val;
+							else if (cxchange.op == "-")
+								top -= cxchange.val;
+							elem.style.top = top + "px";
+						} else if (cxchange.key == "left") {
+							var left = parseInt(elem.style.left);
+							if (cxchange.op == "=")
+								left = cxchange.val;
+							else if (cxchange.op == "+")
+								left += cxchange.val;
+							else if (cxchange.op == "-")
+								left -= cxchange.val;
+							elem.style.left = left + "px";
+						} else if (cxchange.key == "width") {
+							var width = parseInt(elem.style.width);
+							if (cxchange.op == "=")
+								width = cxchange.val;
+							else if (cxchange.op == "+")
+								width += cxchange.val;
+							else if (cxchange.op == "-")
+								width -= cxchange.val;
+							elem.style.width = width + "px";
+						} else if (cxchange.key == "height") {
+							var height = parseInt(elem.style.height);
+							if (cxchange.op == "=")
+								height = cxchange.val;
+							else if (cxchange.op == "+")
+								height += cxchange.val;
+							else if (cxchange.op == "-")
+								height -= cxchange.val;
+							elem.style.height = height + "px";
+						}
+					}
+				}
+			break;
+			case 1:
+				if (data.stepRects.length > data.curStep) {
+					var scpn = $("#" + data.id);
+					if (scpn != null) {
+						nextStep = false;
+						timeout = -1;
+						if (data.curStep < 0) {
+							data.curStep = 0;
+							if (!data.relative) {
+								scpn.css('left', data.sRect.x);
+								scpn.css('top', data.sRect.y);
+								scpn.css('width', data.sRect.w);
+								scpn.css('height', data.sRect.h);
+							}
+						}
+						var r = data.stepRects[data.curStep];
+						scpn.animate({
+							'left' : r.x,
+							'top' : r.y,
+							'width' : r.w,
+							'height' : r.h
+						}, data.stepDurations[data.curStep], 'linear', function() {
+							data.curStep++;
+							performAction(id);
+						});
+					}
+				} else {
+					data.curStep = -1;
+				}
+			break;
+			case 2:
+				timeout = data;
+			break;
+			case 3:
+				if (data.count < 0 || data.stepped < data.count) {
+					data.stepped++;
+					nextStep = false;
+					var st = curStep;
+					if (data.absolute) {
+						st = data.step;
+					} else {
+						st = curStep + data.step;
+					}
+					cxactions[id][2] = st;
+				} else {
+					data.stepped = 0;
+				}
+			break;
+			case 4:
+			case 8:
+				retVal = performLink(data);
+			break;
+			case 5:
+				var cpn = $("#" + data.id);
+				if (cpn != null) {
+					switch (data.type) {
+					case 0:
+						cpn.show();
+					break;
+					case 1:
+						cpn.hide();
+					break;
+					case 2:
+						if (cpn.is(":visible"))
+							cpn.hide();
+						else
+							cpn.show();
+					break;
+					}
+				}
+			break;
+			case 6:
+				var cpn0 = $("#" + data.id);
+				if (cpn0 != null) {
+					cpn0.animate({
+						'left' : data.x,
+						'top' : data.y,
+						'width' : data.w,
+						'height' : data.h
+					},1);				
+				}
+			break;
+			case 7:
+				var searchString = document.getElementById(data.txt);
+				if (searchString != null) {
+					searchString = searchString.value;
+					var searchPath = "scripts/search.php?q=" + searchString;
+					var searchTarget = document.getElementById(data.ole);
+					if (searchTarget != null) {
+						var oleDiv = document.getElementById(data.oleDiv);
+						if (oleDiv != null) {
+							oleDiv.style.left = data.x + 'px';
+							oleDiv.style.top = data.y + 'px';
+							oleDiv.style.width = data.w + 'px';
+							oleDiv.style.height = data.h + 'px';
+						}
+						searchTarget.src = searchPath;
+					} else {
+						window.location.href = searchPath
+					}
+				}
+			break;
+			case 9:
+				var cpn = $("#" + data.id);
+				if (cpn != null) {
+					switch (data.op) {
+					case 0:
+						stopSlideShow(data.id);
+					break;
+					case 1:
+						startSlideShow(data.id);
+					break;
+					case 2:
+						slideShowNextSlide(data.id);
+					break;
+					case 3:
+						slideShowPreviousSlide(data.id);
+					break;
+					case 4:
+						slideShowGotoSlide(data.id, data.slideIndex);
+					break;
+					}
+				}
+			break;
+			}
+			if (nextStep) {
+				cxactions[id][2]++;
+			}
+			if (timeout >= 0) {
+				setTimeout("performAction('" + id + "')", timeout);
+			}
+		} else {
+			cxactions[id][2] = 0;
+			cxactions[id][3] = false;
+		}
+	}
+	return retVal;
+}
--- a/webseite/www.lackwerk-kl.de/scripts/global70c6.css
+++ b/webseite/www.lackwerk-kl.de/scripts/global70c6.css
@@ -0,0 +1,5 @@
+html, body { margin:0; padding:0; height:100%; }
+a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; }
+.xdiv { position:absolute; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
+.buttoncontrol { position:absolute; width:100%; height:100%; z-index:4; background:url(empty) repeat; }
+.imglayer { position:absolute; width:100%; height:100%; border:none; }
--- a/webseite/www.lackwerk-kl.de/scripts/index70c6.css
+++ b/webseite/www.lackwerk-kl.de/scripts/index70c6.css
@@ -0,0 +1,17 @@
+.S0 { margin:0 auto; background-color:rgb(255,255,255); }
+.S1 { line-height:13.6608px; -line-height:14px; font-family:Arial; font-size:12px; font-style:normal; font-weight:bold; color:#ffffff; text-decoration:none; }
+.S10 { line-height:17.6856px; -line-height:18px; font-family:HelvLight; font-size:15px; font-style:normal; font-weight:normal; color:#2a2a2a; text-decoration:none;  display:inline; }
+.S11 { line-height:17.6856px; -line-height:18px; font-family:HelvLight; font-size:15px; font-style:normal; font-weight:bold; color:#8b0000; text-decoration:none;  display:inline; }
+.S12 { background-color:rgba(255,255,0,0.862); }
+.S13 { background-color:rgb(139,37,0); border:outset 2px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
+.S14 { line-height:13.6608px; -line-height:14px; font-family:Arial; font-size:12px; font-style:normal; font-weight:bold; color:#000000; text-decoration:none; }
+.S15 { background-color:rgba(255,246,143,0); }
+.S16 { background-color:rgb(255,255,0); border:outset 2px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
+.S2 { background-color:rgb(223,227,229); }
+.S3 { line-height:26.1833px; -line-height:26px; font-family:Arial; font-size:23px; font-style:normal; font-weight:normal; color:#595959; text-decoration:none;  display:inline; }
+.S4 { cursor:pointer; }
+.S5 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#333333; text-decoration:none;  display:inline; }
+.S6 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#000000; text-decoration:none;  display:inline; }
+.S7 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#333333; text-decoration:underline;  display:inline; }
+.S8 { line-height:14.7992px; -line-height:15px; font-family:Arial; font-size:13px; font-style:normal; font-weight:bold; color:#333333; text-decoration:none;  display:inline; }
+.S9 { line-height:17.6856px; -line-height:18px; font-family:HelvLight; font-size:15px; font-style:normal; font-weight:bold; color:#2a2a2a; text-decoration:none;  display:inline; }
--- a/webseite/www.lackwerk-kl.de/scripts/index70c6.js
+++ b/webseite/www.lackwerk-kl.de/scripts/index70c6.js
@@ -0,0 +1,18 @@
+document.currentPage = "index.html";
+var layerbuttons = [];
+layerbuttons["X7_0"] = { layer: ["Xf_0",null,null,null], transitionType: 0, transitionDuration: 250 };
+layerbuttons["X7_1"] = { layer: ["Xf_1",null,null,null], transitionType: 0, transitionDuration: 250 };
+var slideShows = [];
+slideShows["X4_0"] = { currentSlideIndex: 0, slides: [{slideID: "Xe_0", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_1", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_2", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_3", duration: 5000, transitionType: 1, transitionDuration: 1000},{slideID: "Xe_4", duration: 5000, transitionType: 1, transitionDuration: 1000}] };
+var cxactions = [];
+cxactions['X3_6_2'] = new Array(new Array(5,5,5,-1),new Array(new CXVis('X1_2',2),new CXVis('X1_3',1),new CXVis('X1_4',1),""),0,false);
+cxactions['X1_2_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_2',1),""),0,false);
+cxactions['X3_7__0'] = new Array(new Array(4,-1),new Array(new CXLink(2,'http://www.ecker-lichtwerbung.de','_blank',false,'popup',300,300,''),""),0,false);
+cxactions['X3_9_2'] = new Array(new Array(5,5,5,-1),new Array(new CXVis('X1_3',2),new CXVis('X1_2',1),new CXVis('X1_4',1),""),0,false);
+cxactions['X1_3_4'] = new Array(new Array(5,-1),new Array(new CXVis('X1_3',1),""),0,false);
+cxactions['X3_a_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_3',1),""),0,false);
+cxactions['X3_b_2'] = new Array(new Array(5,5,5,-1),new Array(new CXVis('X1_4',2),new CXVis('X1_3',1),new CXVis('X1_2',1),""),0,false);
+cxactions['X1_4_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_4',1),""),0,false);
+cxactions['X7_0_2'] = new Array(new Array(5,-1),new Array(new CXVis('X1_5',1),""),0,false);
+cxactions['X7_1_2'] = new Array(new Array(5,5,-1),new Array(new CXVis('X1_4',0),new CXVis('X1_5',1),""),0,false);
+preloadImages("media/lw1_951x486.jpg","media/lw2_951x141.jpg","media/facebook_40x40.png","media/Fotolia_55927497_M_950x630.jpg","media/Fotolia_58904654_M_950x632.jpg","media/Fotolia_58904662_M_1690x1124.jpg","media/Fotolia_60630538_M_950x631.jpg","media/Fotolia_602154532_M.jpg");
--- a/webseite/www.lackwerk-kl.de/scripts/jquery.js
+++ b/webseite/www.lackwerk-kl.de/scripts/jquery.js
--- a/webseite/backblue.gif
+++ b/webseite/backblue.gif
--- a/webseite/fade.gif
+++ b/webseite/fade.gif
--- a/webseite/index.html
+++ b/webseite/index.html
@@ -0,0 +1,140 @@
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<meta name="description" content="HTTrack is an easy-to-use website mirror utility. It allows you to download a World Wide website from the Internet to a local directory,building recursively all structures, getting html, images, and other files from the server to your computer. Links are rebuiltrelatively so that you can freely browse to the local site (works with any browser). You can mirror several sites together so that you can jump from one toanother. You can, also, update an existing mirror site, or resume an interrupted download. The robot is fully configurable, with an integrated help" />
+	<meta name="keywords" content="httrack, HTTRACK, HTTrack, winhttrack, WINHTTRACK, WinHTTrack, offline browser, web mirror utility, aspirateur web, surf offline, web capture, www mirror utility, browse offline, local  site builder, website mirroring, aspirateur www, internet grabber, capture de site web, internet tool, hors connexion, unix, dos, windows 95, windows 98, solaris, ibm580, AIX 4.0, HTS, HTGet, web aspirator, web aspirateur, libre, GPL, GNU, free software" />
+	<title>List of available projects - HTTrack Website Copier</title>
+	<!-- Mirror and index made by HTTrack Website Copier/3.49-2 [XR&CO'2014] -->
+
+	<style type="text/css">
+	<!--
+
+body {
+	margin: 0;  padding: 0;  margin-bottom: 15px;  margin-top: 8px;
+	background: #77b;
+}
+body, td {
+	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
+	}
+
+#subTitle {
+	background: #000;  color: #fff;  padding: 4px;  font-weight: bold; 
+	}
+
+#siteNavigation a, #siteNavigation .current {
+	font-weight: bold;  color: #448;
+	}
+#siteNavigation a:link    { text-decoration: none; }
+#siteNavigation a:visited { text-decoration: none; }
+
+#siteNavigation .current { background-color: #ccd; }
+
+#siteNavigation a:hover   { text-decoration: none;  background-color: #fff;  color: #000; }
+#siteNavigation a:active  { text-decoration: none;  background-color: #ccc; }
+
+
+a:link    { text-decoration: underline;  color: #00f; }
+a:visited { text-decoration: underline;  color: #000; }
+a:hover   { text-decoration: underline;  color: #c00; }
+a:active  { text-decoration: underline; }
+
+#pageContent {
+	clear: both;
+	border-bottom: 6px solid #000;
+	padding: 10px;  padding-top: 20px;
+	line-height: 1.65em;
+	background-image: url(backblue.gif);
+	background-repeat: no-repeat;
+	background-position: top right;
+	}
+
+#pageContent, #siteNavigation {
+	background-color: #ccd;
+	}
+
+
+.imgLeft  { float: left;   margin-right: 10px;  margin-bottom: 10px; }
+.imgRight { float: right;  margin-left: 10px;   margin-bottom: 10px; }
+
+hr { height: 1px;  color: #000;  background-color: #000;  margin-bottom: 15px; }
+
+h1 { margin: 0;  font-weight: bold;  font-size: 2em; }
+h2 { margin: 0;  font-weight: bold;  font-size: 1.6em; }
+h3 { margin: 0;  font-weight: bold;  font-size: 1.3em; }
+h4 { margin: 0;  font-weight: bold;  font-size: 1.18em; }
+
+.blak { background-color: #000; }
+.hide { display: none; }
+.tableWidth { min-width: 400px; }
+
+.tblRegular       { border-collapse: collapse; }
+.tblRegular td    { padding: 6px;  background-image: url(fade.gif);  border: 2px solid #99c; }
+.tblHeaderColor, .tblHeaderColor td { background: #99c; }
+.tblNoBorder td   { border: 0; }
+
+
+// -->
+</style>
+
+</head>
+
+<body>
+<table width="76%" border="0" align="center" cellspacing="0" cellpadding="3" class="tableWidth">
+	<tr>
+	<td id="subTitle">HTTrack Website Copier - Open Source offline browser</td>
+	</tr>
+</table>
+<table width="76%" border="0" align="center" cellspacing="0" cellpadding="0" class="tableWidth">
+<tr class="blak">
+<td>
+	<table width="100%" border="0" align="center" cellspacing="1" cellpadding="0">
+	<tr>
+	<td colspan="6"> 
+		<table width="100%" border="0" align="center" cellspacing="0" cellpadding="10">
+		<tr> 
+		<td id="pageContent"> 
+<!-- ==================== End prologue ==================== -->
+
+
+<h1 ALIGN=Center>Index of locally available projects:</H1>
+  <table border="0" width="100%" cellspacing="1" cellpadding="0">
+		<TH>
+		<BR/>
+			No categories
+		</TH>
+		<TR>
+		  <TD BACKGROUND="fade.gif">
+                    &middot; <A HREF="alte%20webseite/index.html">alte webseite</A>
+   		  </TD>
+		</TR>
+	</TABLE>
+	<BR>
+	<H6 ALIGN="RIGHT">
+         <I>Mirror and index made by HTTrack Website Copier [XR&CO'2008]</I>
+	</H6>
+	<!-- Mirror and index made by HTTrack Website Copier/3.49-2 [XR&CO'2014] -->
+	<!-- Thanks for using HTTrack Website Copier! -->
+
+<!-- ==================== Start epilogue ==================== -->
+		</td>
+		</tr>
+		</table>
+	</td>
+	</tr>
+	</table>
+</td>
+</tr>
+</table>
+
+<table width="76%" border="0" align="center" valign="bottom" cellspacing="0" cellpadding="0">
+	<tr>
+	<td id="footer"><small>&copy; 2008 Xavier Roche & other contributors - Web Design: Leto Kauler.</small></td>
+	</tr>
+</table>
+
+</body>
+
+</html>
+
+