root/www/index.html @ 1200

Revision 1200, 23.4 KB (checked in by erik, 5 years ago)

links heißen anders
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2       "http://www.w3.org/TR/html4/strict.dtd">
3<html>
4<head>
5<title>Neo – Ergonomisches Tastaturlayout</title>
6<meta http-equiv="content-type" content="text/html; charset=UTF-8">
7 <link rel="shortcut icon" href="./favicon.ico">
8<!-- <link rel="stylesheet" type="text/css" href="stylesheet.css"> /-->
9
10<script type="text/javascript">
11function Tastenebenenwechsel_nach (Zielebene) {
12        self.document.tastaturbild.src="./tastaturbilder/ebene" + Zielebene +".png";
13        for (var Nr = 1; Nr <= 6; Nr++) self.document.getElementById("ebenenreiter" + Nr).style.color="";
14        for (var Nr = 1; Nr <= 6; Nr++) self.document.getElementById("ebenenreiter" + Nr).style.borderColor="";
15        self.document.getElementById("ebenenreiter" + Zielebene).style.borderColor="#56b";
16        self.document.getElementById("ebenenreiter" + Zielebene).style.Color="#23b";
17        return false;
18  }
19</script>
20
21
22
23<style type="text/css">
24
25#Hauptfeld {
26  width:39em;
27  border-width:thin;
28  border-color:#444;
29  border-style:solid;
30  margin-left:12em;
31  margin-right:0em;
32  margin-top:2em;
33  padding-left:2.5em;
34  padding-right:4em;
35  padding-top:2em;
36  padding-bottom:2.4em;
37// text-align:justify; 
38//font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
39  font-family: LinuxLibertine, Libertine, Linux-Libertine, sans;
40  line-height:1.35em;
41  font-size:1em;
42  background-color:White;
43  color:Black;
44}
45
46#Hauptfeldlink_rechtsunten {
47  position:relative; top:.8em; left:.5em;
48  text-align:right;
49  margin-bottom:0em;
50}
51
52#Navigationsleiste {
53  background-color:#F8F8FA;
54  color:WindowText;
55  position:relative; 
56  width:10em; 
57  //float:left; 
58  text-align:center; 
59  margin:2em;
60  margin-left:0em;
61  margin-top:2em;
62  border-width:thin; 
63  border-style:solid; 
64  border-color:green; 
65  border-top-width:0px;
66
67}
68
69#Navigationsthema {
70  border-bottom-width:1px;
71  border-bottom-style:solid;
72  border-color:black;
73  border-top-width:1px;
74  border-top-style:solid;
75  border-color:black;
76  text-align:center;
77  font-weight:bold;
78  background-color:#FAFBF8;
79  color:InfoText;
80  padding-top:.2em;
81  padding-bottom:.2em;
82}
83
84#Navigationsunterpunkte {
85  padding-top:.5em;
86  padding-bottom:.75em;
87}
88
89#Navigationseintrag {
90  display:block;
91  text-align:left;
92  padding-left:1em;
93  padding-right:1em;
94  padding-top:.25em;
95  padding-bottom:.25em;
96}
97
98#Bildcontainer_links {
99  width:10em;
100  border-width:thin;
101  border-color:#DDD;
102  border-style:solid;
103  margin-right: 1.2em;
104  margin-bottom: .8em;
105  margin-left: 0em;
106  margin-top: 1em;
107  float:left;
108  text-align:center;
109
110}
111
112
113#Bildcontainer_oben {
114  width:39em;
115  border-width:thin;
116  border-color:#DDD;
117  border-style:solid;
118  margin-left: 0em;
119  margin-bottom: 1.75em;
120  margin-right: 0em;
121  margin-top: 0em;
122  display:block;
123  text-align:center;
124}
125
126
127#Bildcontainer_rechts {
128  width:10em;
129  border-width:thin;
130  border-color:#DDD;
131  border-style:solid;
132  margin-left: 1.2em;
133  margin-bottom: .8em;
134  margin-right: 0em;
135  margin-top: 1em;
136  float:right;
137  text-align:center;
138
139}
140
141#Bild {
142  text-align:center;
143  padding:.5em;
144  width:9em;
145}
146
147
148#Bild_oben {
149  text-align:center;
150  padding:.5em;
151  width:38em;
152}
153
154
155
156#Bildtext {
157  padding:.5em;
158  font-size:small;
159  text-align:left;
160  background-color:#EEE; 
161}
162
163#Hintergrundverlauf_von { 
164  background-color:#F30;
165}
166
167#Hintergrundverlauf_nach { 
168  background-color:transparent;
169}
170
171a         {  text-decoration:none; ; }
172a:hover   {  color:HighlightText; background-color:Highlight; }
173
174h1        {  margin-bottom:1em; margin-top:0em;   font-size:1.5em; }
175h2        {  margin-bottom:.5em; margin-top:1.5em;  font-size:1.2em; iipadding-left:1em;; }
176
177p         {  //text-indent:1em; 
178             //  text-align:justify;
179               margin-bottom:-.5em;}
180
181//Altbestand:
182
183#linkbutton
184        {
185        line-height:2em;
186        text-align:left; color:#000;
187        }
188
189#linkbutton a
190        {
191        border-width:2px; border-style:solid;
192        border-color:#aaaaaa;
193        padding-top:.25em; padding-bottom:.25em;
194        background-color:#FAFAFA;
195        padding-left:1em; padding-right:1em;
196        }
197
198#linkbutton a:link    {  color:#000; text-decoration:none;      }
199#linkbutton a:visited {  color:#4a4a4a; text-decoration:none;   }
200#linkbutton a:focus   {  color:#223; text-decoration:underline; }
201#linkbutton a:active  {  color:#8b2121; text-decoration:none;  }
202#linkbutton a:hover   {  color:#020; text-decoration:none;
203                         background-color:Highlight;         
204                      }
205
206#Gesamtzentrierung { 
207        background-color: transparent; 
208        text-align: left; 
209        margin: 0px auto 0; 
210        width: 57.5em; 
211}
212///-------------
213
214</style>
215
216</head>
217<!-- Für Mittenpositionierung: padding: 0; margin: 0; text-align: center; ind bodystyle /-->
218<body style="background-color:#dceeee; background-image:url(./hintergrund.png); background-position 0 50%; background-repeat:no-repeat; padding: 0; margin: 0; text-align: center; ">
219
220
221<p style="position:absolute; display:block; width:100%; top:-1em;; left:0px; text-align:center; background-color:#F30; color:#FFF">
222 <b>Achtung: Baustelle! Mehr Informationen unten.</b>
223</p> 
224
225
226
227
228<div id="Gesamtzentrierung"> 
229
230
231
232
233
234<!-- Logo /-->
235 <div style="position:relative; top:2.25em; left:3.25em; width:522px; height:70px;  overflow:hidden; float:left;"> 
236   <object data="./neo_kopf_trac_522x50.svg" type="image/svg+xml" style="width:522px; height:50px; ">
237            <param name="src" value="./neo_kopf_trac_522x50.svg">
238            <img src="./neo_kopf_trac_522x50.png"  alt="Neo – Ergonomisches Tastaturlayout">
239    </object>
240 </div>
241<!-- Quicklinks /-->
242 <!-- <div style="position:relative; text-align:left; top:2.75em; left:53;"> /-->
243 <div style="position:relative; top:-1.65em; left:43em; width:246px; height:40px;">
244  <a href="./neo20.exe">
245     <img src="./tastentier_laechelnd.png" width="50px" height="34px" alt="quickdownload:Neo für Windows" title="quickdownload:Neo für Windows" border="0">
246  </a>
247  <a href="./neo_de.xmodmap">
248     <img src="./tastentier_linksblickend.png" width="50px" height="37px" alt="quickdownload:Neo für Linux" title="quickdownload:Neo für Linux" border="0">
249  </a>
250  <a href="http://wiki.neo-layout.org/browser/mac_osx/neo.keylayout?format=raw">
251     <img src="./tastentier_grinsend.png"  width="50px" height="34px" alt="quickdownload:Neo für Mac OS-X" title="quickdownload:Neo für Mac OS-X" border="0">
252  </a>
253  <a href="./neo_portable.zip">
254     <img src="./tastentier_usb.png"  width="40px" height="34px" alt="quickdownload:Neo-Portable für USB-Stick" title="quickdownload:Neo-Portable für USB-Stick" border="0">
255  </a>
256 </div>
257<!-- /Quicklinks /-->
258
259
260<div style="height:2em; width:1em;">
261</div>
262 
263
264
265<div style="float:left;">
266
267<div id="Navigationsleiste" >
268 <div id="Navigationsthema">Wiki</div>
269  <div id="Navigationsunterpunkte">
270   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki">Wiki-Hauptseite</a>
271  </div>
272 <div id="Navigationsthema">Dokumentation</div>
273  <div id="Navigationsunterpunkte">
274   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Einführung">Einführung</a>
275   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch">Handbuch</a>
276  </div>
277 <div id="Navigationsthema">Installation</div>
278   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Neo%20unter%20Windows%20einrichten">Neo unter Windows</a>
279   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Neo%20unter%20Linux%20einrichten">Neo unter Linux</a>
280   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Neo%20auf%20dem%20Apple%20Macintosh%20einrichten">Neo unter Mac&nbsp;OS&nbsp;X</a>
281   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Neo einrichten">Neo auf anderen Systemen einrichten</a>
282 <div id="Navigationsthema">Grafiken</div>
283   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/browser/grafik/neo20-aufsteller.pdf?format=raw">Aufsteller zum Lernen</a>
284   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/browser/grafik/druckvorlage-svg/neo-druckvorlage.pdf?format=raw">Druckvorlage</a>
285 <div id="Navigationsthema">Download</div>
286  <div id="Navigationsunterpunkte">
287<!-- <a id="Navigationseintrag" href="./download.html">Download</a> -->
288   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/browser/windows/">Windows-Treiber</a>
289   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/browser/linux/">Linux-Treiber</a>
290   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/browser/mac_osx/">Mac&nbsp;OS&nbsp;X-Treiber</a>
291   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Neo%20für%20unterwegs">Neo für unterwegs (portabel)</a>
292  </div>
293 <div id="Navigationsthema">Sonstiges</div>
294  <div id="Navigationsunterpunkte">
295   <a id="Navigationseintrag" href="./about.html">Impressum</a>
296   <a id="Navigationseintrag" href="http://wiki.neo-layout.org/wiki/Verweise%20auf%20andere%20Projekte">Links</a>
297  </div>
298</div>
299
300<div id="Navigationsleiste" style="border-color:#AAA; opacity:.2;">
301 <div id="Navigationsthema" style="color:#AAA; border-color:#AAA;">FOSS-Links</div>
302  <div id="Navigationsunterpunkte" >
303   <a id="Navigationseintrag" 
304      style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-top-size:0em; border-bottom-size:thin; border-bottom-color:#EEE; border-bottom-style:solid;" 
305       href="http://linuxlibertine.sf.net"><img src="./signet_linuxlibertine.png" border="0" style=" opacity:.5;"  width="50%"><br>Libertine<br>Open Fonts</a>
306   <a id="Navigationseintrag" 
307      style="text-align:center; padding-top:.5em; padding-bottom:.5em; border-top-size:0em; border-bottom-size:thin; border-bottom-color:#EEE; border-bottom-style:solid;" 
308        href="http://dejavu.sourceforge.net"><img src="./signet_dejavu.png" border="0"  style=" opacity:.5;"   width="50%"><br>DejaVu<br>Font</a>
309  </div>
310</div>
311
312
313
314</div>
315
316
317<!--------------------------------------------------/-->
318<div id="Hauptfeld">
319
320 <h1>Neo - Ergonomisches Tastaturlayout</h1>
321
322 <p>
323   <font style="color:#222">Neo ist ein neue Tastaturbelegung, die </font>extra für die Deutsche Sprache<font style="color:#222"> optimiert ist:
324   <!--. Ihre Hauptmerkmale sind: /--> </font> 
325 </p>
326
327 <ul>
328   <li><font style="color:#222">Optimierungen bezüglich deutscher</font> Zweier- und Dreier-Zeichenfolgen</li>
329   <li>Programmiertasten <font style="color:#222">sind gut erreichbar</font></li>
330   <li><font style="color:#222">Neue Zeichen, wie </font>&nbsp;„ , ” , « , » , ∫ , √ , α , β , …<font style="color:#222"> sind direkt einzugeben</font></li>
331 </ul>
332
333 <a href="http://wiki.neo-layout.org/wiki/Benutzerhandbuch" id="Hauptfeldlink_rechtsunten">Warum Neo besser ist als qwertz…</a>
334
335</div>
336<!--------------------------------------------------/-->
337
338
339<div id="Hauptfeld">
340<div style="display:block; line-height:2em;" >
341 <div style="text-align:center; ">
342
343
344  <div style="min-width:650px; overflow:visible;">
345    <div id="linkbutton" style="text-align:center; ">
346        <a href="./index_ebene1.html"  style="border-color:#56b; color:#23b" onclick="Tastenebenenwechsel_nach(1); return false;" id="ebenenreiter1" > Ebene1</a>
347        <a href="./index_ebene2.html" onclick="Tastenebenenwechsel_nach(2); return false;"  style="" id="ebenenreiter2">Ebene2</a>
348        <a href="./index_ebene3.html" onclick="Tastenebenenwechsel_nach(3); return false;"  style="" id="ebenenreiter3">Ebene3</a>
349        <a href="./index_ebene4.html" onclick="Tastenebenenwechsel_nach(4); return false;"  style="" id="ebenenreiter4">Ebene4</a>
350        <a href="./index_ebene5.html" onclick="Tastenebenenwechsel_nach(5); return false;"  style="" id="ebenenreiter5">Ebene5</a>
351        <a href="./index_ebene6.html" onclick="Tastenebenenwechsel_nach(6); return false;"  style="" id="ebenenreiter6">Ebene6</a>
352    </div>
353  </div>
354
355  <div>
356   <img src="./tastatur_ebene1.png"  name="tastaturbild" />
357  </div>
358
359  <div id="linkbutton" style="min-width:650px; overflow:visible; text-align:center;">
360   <a href="i" style="">Konzeptidee zur Ebene1</a> &nbsp; &nbsp;
361   <a href="" > <img src="tastatur_ebene1_shift.png"  style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
362
363   <a href="" > <img src="tastatur_ebene1_mod3.png"  style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
364   <a href="" > <img src="tastatur_ebene1_mod4.png"  style="vertical-align:middle; border-width:0px; margin:2px; background-image:url(./hintergrund_button_hover.png);" /></a>
365
366   <br />
367
368   <a href="i" style="">Tastenverteilung an beliebigem Text testen (verwendet JavaScript)</a>
369  </div>
370
371
372 </div>
373</div>
374
375</div>
376
377
378<!--------------------------------------------------/-->
379<div id="Hauptfeld">
380
381  <div id="Bildcontainer_oben">
382       <img id="Bild_oben" src="./tastentierchen_baustelle_ohne_zigarette.png" />
383       <div id="Bildtext">Baustelle! Wenn was funktioniert, dann war es Glück!</div>
384  </div>
385
386
387<h1>Kurzinformation für Interessierte</h1>
388
389<p> Um an Neo zu ge&shy;langen, wird auf das SVN-Reposi&shy;tory: <b>svn co https://svn.neo-layout.org neo</b> verwiesen. Hier sind die direk&shy;ten Links zu den NEO-Treibern für die ver&shy;brei&shy;testen Be&shy;triebs&shy;sys&shy;teme (in jedem Ordner be&shy;findet sich eine Datei README.txt mit weiter&shy;gehen&shy;den In&shy;forma&shy;tionen):</p>
390
391<ul>
392  <li>Windows: <a href="http://wiki.neo-layout.org/browser/windows/">http://wiki.neo-layout.org/browser/windows/</a></li>
393  <li>Linux: <a href="http://wiki.neo-layout.org/browser/linux/">http://wiki.neo-layout.org/browser/linux/</a></li>
394  <li>Mac&nbsp;OS&nbsp;X: <a href="http://wiki.neo-layout.org/browser/mac_osx/">http://wiki.neo-layout.org/browser/mac_osx/</a></li>
395</ul>
396
397
398<p>Die <b>aktu&shy;elle Be&shy;legung</b> findet sich in der Datei
399
400<a href="http://wiki.neo-layout.org/browser/A-REFERENZ-A/neo20.txt">http://wiki.neo-layout.org/browser/A-REFERENZ-A/neo20.txt</a></p>
401
402<p>Eine (hoffentlich aktuelle) <b>Refe&shy;renz zum Aus&shy;drucken</b> und Auf&shy;stellen findet sich unter <a href="http://wiki.neo-layout.org/browser/grafik/neo20-aufsteller.pdf">http://wiki.neo-layout.org/browser/grafik/neo20-aufsteller.pdf</a>. Weiter gibt es im svn-Repo&shy;sitory Tastatur&shy;aufkleber&shy;generatoren.</p>
403
404
405<p>Auf jeden Fall wird em&shy;pfoh&shy;len, folgende <b>Schrift&shy;arten zu in&shy;stallieren</b>, damit alle mit Neo schreib&shy;baren Zeichen dar&shy;gestellt werden können:</p>
406
407<ul>
408  <li><a href="http://dejavu.sourceforge.net/wiki/index.php/Download">Deja-Vu</a></li>
409  <li><a href="http://sourceforge.net/project/showfiles.php?group_id=89513">Libertine</a></li>
410</ul>
411
412<p><b>Neo ist auf den »normalen Ebenen«</b> – will heißen: nor&shy;male Buch&shy;staben und Klam&shy;mern, etc. – <b>voll&shy;ständig be&shy;nutzbar</b>. Da die Be&shy;triebs&shy;sys&shy;teme oder Pro&shy;gramme bei weiteren Ebenen ger&shy;ne noch rum&shy;zicken, ist der Trei&shy;ber auf den anderen Ebenen noch nicht ganz fertig. Bei den Grund&shy;ebenen sol&shy;lte sich bei der Be&shy;legung nichts mehr ändern.  Fehler sind hier zu finden:</p>
413
414<ul>
415  <li><a href="http://wiki.neo-layout.org/report/1">aktuelle Fehler (Active Tickets)</a></li>
416  <li><a href="http://wiki.neo-layout.org/newticket">neuen Fehler melden (New Ticket)</a></li>
417</ul>
418
419<h2>Kontakt</h2>
420
421<p>Kontakt zu den Neo-Ent&shy;wicklern kann man über die Mailing&shy;liste <b><a href="mailto:mailinglist@neo-layout.org?subject=Ich habe da mal eine Frage&body=Bitte (wenn möglich) folgende Dinge angeben:%0D- Nutzt Du Neo oder noch nicht%3F%0D- Welches Betriebsystem%3F%0D- Welchen Treiber (Xmodmap, Xkbmap, AHK, kbdneo2, usw.)%3F%0D%0D">mailinglist@neo-layout.org</a></b> bzw. über den IRC-Kanal <b>#NEO</b> bei <b>freenode.net</b> bekommen. Ver&shy;besserungs&shy;vorschläge sind im&shy;mer will&shy;kom&shy;men! Da wir sehr viele Ab&shy;hängig&shy;keiten haben, kann es aber sein, dass sie nicht un&shy;bedingt ein&shy;ge&shy;pflegt werden.</p>
422
423<p>Danke fürs Interesse!</p>
424<p>Euer Neo-Team</p>
425
426
427
428
429</div>
430<!--------------------------------------------------/-->
431
432
433
434<!--------------------------------------------------/-->
435<div id="Hauptfeld">
436  <div id="Bildcontainer_rechts"  style="11margin-top:0em;">
437    <img id="Bild" src="testbild2.png" />
438    <div id="Bildtext"> Ein Tasten&shy;tierchen als Quick&shy;download&shy;link. </div>
439 </div>
440
441 <div id="Bildcontainer_links" style="margin-top:1em;">
442    <img id="Bild" src="testbild.png" />
443    <div id="Bildtext">Neo ist zu 86% fertig</div>
444 </div>
445
446
447
448<p style="text-align:justify">
449
450Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.
451Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.
452Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.
453<b>Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nierung von Bildern links und rechts des Textes. </b>
454Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.
455Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.
456Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.
457Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.
458Dies ist ein Bei&shy;spiel für die Po&shy;si&shy;tio&shy;nie&shy;rung von Bildern links und rechts des Textes.
459</p>
460
461</div>
462<!--------------------------------------------------/-->
463
464
465
466
467
468<div style="height:4em;">&nbsp;</div>
469
470</div>
471
472
473
474
475<!-- linker Verlauf /-->
476
477<div id="Hintergrundverlauf_nach" style="position:absolute; top:0em; left:0em; width:1em; height:100%; z-index:-4;">
478<div id="Hintergrundverlauf_von" style="opacity:.975;height:2%">&nbsp;</div>
479<div id="Hintergrundverlauf_von" style="opacity:.95; height:2%">&nbsp;</div>
480<div id="Hintergrundverlauf_von" style="opacity:.925;height:2%">&nbsp;</div>
481<div id="Hintergrundverlauf_von" style="opacity:.9;  height:2%">&nbsp;</div>
482<div id="Hintergrundverlauf_von" style="opacity:.85; height:2%">&nbsp;</div>
483<div id="Hintergrundverlauf_von" style="opacity:.825;height:2%">&nbsp;</div>
484<div id="Hintergrundverlauf_von" style="opacity:.8;  height:2%">&nbsp;</div>
485<div id="Hintergrundverlauf_von" style="opacity:.775;height:2%">&nbsp;</div>
486<div id="Hintergrundverlauf_von" style="opacity:.75; height:2%">&nbsp;</div>
487<div id="Hintergrundverlauf_von" style="opacity:.725;height:2%">&nbsp;</div>
488<div id="Hintergrundverlauf_von" style="opacity:.7;  height:2%">&nbsp;</div>
489<div id="Hintergrundverlauf_von" style="opacity:.675;height:2%">&nbsp;</div>
490<div id="Hintergrundverlauf_von" style="opacity:.65; height:2%">&nbsp;</div>
491<div id="Hintergrundverlauf_von" style="opacity:.625;height:2%">&nbsp;</div>
492<div id="Hintergrundverlauf_von" style="opacity:.6;  height:2%">&nbsp;</div>
493<div id="Hintergrundverlauf_von" style="opacity:.575;height:2%">&nbsp;</div>
494<div id="Hintergrundverlauf_von" style="opacity:.55; height:2%">&nbsp;</div>
495<div id="Hintergrundverlauf_von" style="opacity:.525;height:2%">&nbsp;</div>
496<div id="Hintergrundverlauf_von" style="opacity:.5;  height:2%">&nbsp;</div>
497<div id="Hintergrundverlauf_von" style="opacity:.475;height:2%">&nbsp;</div>
498<div id="Hintergrundverlauf_von" style="opacity:.45; height:2%">&nbsp;</div>
499<div id="Hintergrundverlauf_von" style="opacity:.425;height:2%">&nbsp;</div>
500<div id="Hintergrundverlauf_von" style="opacity:.4;  height:2%">&nbsp;</div>
501<div id="Hintergrundverlauf_von" style="opacity:.375;height:2%">&nbsp;</div>
502<div id="Hintergrundverlauf_von" style="opacity:.35; height:2%">&nbsp;</div>
503<div id="Hintergrundverlauf_von" style="opacity:.325;height:2%">&nbsp;</div>
504<div id="Hintergrundverlauf_von" style="opacity:.3;  height:2%">&nbsp;</div>
505<div id="Hintergrundverlauf_von" style="opacity:.275;height:2%">&nbsp;</div>
506<div id="Hintergrundverlauf_von" style="opacity:.25; height:2%">&nbsp;</div>
507<div id="Hintergrundverlauf_von" style="opacity:.225;height:2%">&nbsp;</div>
508<div id="Hintergrundverlauf_von" style="opacity:.2;  height:2%">&nbsp;</div>
509<div id="Hintergrundverlauf_von" style="opacity:.175;height:2%">&nbsp;</div>
510<div id="Hintergrundverlauf_von" style="opacity:.15; height:2%">&nbsp;</div>
511<div id="Hintergrundverlauf_von" style="opacity:.125;height:2%">&nbsp;</div>
512<div id="Hintergrundverlauf_von" style="opacity:.1;  height:2%">&nbsp;</div>
513<div id="Hintergrundverlauf_von" style="opacity:.075;height:2%">&nbsp;</div>
514<div id="Hintergrundverlauf_von" style="opacity:.05; height:2%">&nbsp;</div>
515<div id="Hintergrundverlauf_von" style="opacity:.025; height:4%">&nbsp;</div>
516</div>
517
518
519
520
521<!-- rechter Verlauf /-->
522
523<div id="Hintergrundverlauf_nach" style="position:absolute; top:0em; right:0em; width:1em; height:100%; z-index:-4;">
524<div id="Hintergrundverlauf_von" style="opacity:.975;height:2%">&nbsp;</div>
525<div id="Hintergrundverlauf_von" style="opacity:.95; height:2%">&nbsp;</div>
526<div id="Hintergrundverlauf_von" style="opacity:.925;height:2%">&nbsp;</div>
527<div id="Hintergrundverlauf_von" style="opacity:.9;  height:2%">&nbsp;</div>
528<div id="Hintergrundverlauf_von" style="opacity:.85; height:2%">&nbsp;</div>
529<div id="Hintergrundverlauf_von" style="opacity:.825;height:2%">&nbsp;</div>
530<div id="Hintergrundverlauf_von" style="opacity:.8;  height:2%">&nbsp;</div>
531<div id="Hintergrundverlauf_von" style="opacity:.775;height:2%">&nbsp;</div>
532<div id="Hintergrundverlauf_von" style="opacity:.75; height:2%">&nbsp;</div>
533<div id="Hintergrundverlauf_von" style="opacity:.725;height:2%">&nbsp;</div>
534<div id="Hintergrundverlauf_von" style="opacity:.7;  height:2%">&nbsp;</div>
535<div id="Hintergrundverlauf_von" style="opacity:.675;height:2%">&nbsp;</div>
536<div id="Hintergrundverlauf_von" style="opacity:.65; height:2%">&nbsp;</div>
537<div id="Hintergrundverlauf_von" style="opacity:.625;height:2%">&nbsp;</div>
538<div id="Hintergrundverlauf_von" style="opacity:.6;  height:2%">&nbsp;</div>
539<div id="Hintergrundverlauf_von" style="opacity:.575;height:2%">&nbsp;</div>
540<div id="Hintergrundverlauf_von" style="opacity:.55; height:2%">&nbsp;</div>
541<div id="Hintergrundverlauf_von" style="opacity:.525;height:2%">&nbsp;</div>
542<div id="Hintergrundverlauf_von" style="opacity:.5;  height:2%">&nbsp;</div>
543<div id="Hintergrundverlauf_von" style="opacity:.475;height:2%">&nbsp;</div>
544<div id="Hintergrundverlauf_von" style="opacity:.45; height:2%">&nbsp;</div>
545<div id="Hintergrundverlauf_von" style="opacity:.425;height:2%">&nbsp;</div>
546<div id="Hintergrundverlauf_von" style="opacity:.4;  height:2%">&nbsp;</div>
547<div id="Hintergrundverlauf_von" style="opacity:.375;height:2%">&nbsp;</div>
548<div id="Hintergrundverlauf_von" style="opacity:.35; height:2%">&nbsp;</div>
549<div id="Hintergrundverlauf_von" style="opacity:.325;height:2%">&nbsp;</div>
550<div id="Hintergrundverlauf_von" style="opacity:.3;  height:2%">&nbsp;</div>
551<div id="Hintergrundverlauf_von" style="opacity:.275;height:2%">&nbsp;</div>
552<div id="Hintergrundverlauf_von" style="opacity:.25; height:2%">&nbsp;</div>
553<div id="Hintergrundverlauf_von" style="opacity:.225;height:2%">&nbsp;</div>
554<div id="Hintergrundverlauf_von" style="opacity:.2;  height:2%">&nbsp;</div>
555<div id="Hintergrundverlauf_von" style="opacity:.175;height:2%">&nbsp;</div>
556<div id="Hintergrundverlauf_von" style="opacity:.15; height:2%">&nbsp;</div>
557<div id="Hintergrundverlauf_von" style="opacity:.125;height:2%">&nbsp;</div>
558<div id="Hintergrundverlauf_von" style="opacity:.1;  height:2%">&nbsp;</div>
559<div id="Hintergrundverlauf_von" style="opacity:.075;height:2%">&nbsp;</div>
560<div id="Hintergrundverlauf_von" style="opacity:.05; height:2%">&nbsp;</div>
561<div id="Hintergrundverlauf_von" style="opacity:.025; height:4%">&nbsp;</div>
562</div>
563
564
565</body>
566</html>
567
Note: See TracBrowser for help on using the browser.