incubator-ooo-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From build...@apache.org
Subject svn commit: r794830 [3/13] - in /websites/staging/openofficeorg/trunk/content/openofficeorg/de: testdir/ veranstaltungen/ veranstaltungen/bilder/ veranstaltungen/cebit2005/ veranstaltungen/cebit2006/ veranstaltungen/linux-kongress2002/ veranstaltungen/...
Date Wed, 24 Aug 2011 19:35:56 GMT
Added: websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/index_neu.html
==============================================================================
--- websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/index_neu.html (added)
+++ websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/index_neu.html Wed Aug 24 19:35:52 2011
@@ -0,0 +1,363 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<!--
+
+    Licensed to the Apache Software Foundation (ASF) under one or more
+    contributor license agreements.  See the NOTICE file distributed with
+    this work for additional information regarding copyright ownership.
+    The ASF licenses this file to You under the Apache License, Version 2.0
+    (the "License"); you may not use this file except in compliance with
+    the License.  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE- 2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
+
+<link href="/openofficeorg/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <title>
+        de.OpenOffice.org: Startseite
+    </title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta http-equiv="Content-Style-Type" content="text/css" />
+    <meta name="version" content="0.1" />
+<!-- >
+	Kommentare zur Seite
+	$Id: index.html,v 1.471 2007/06/13 11:35:00 markomlm Exp $
+	< -->
+<style type="text/css" media="screen, projection">
+/*<![CDATA[*/
+<!--
+  @import url(../styles/DeHome_2007.css);
+-->
+/*]]>*/
+</style>
+
+      <!--
+      DeHome.css ist von DomainHome.css kopiert und re/um-definiert eine Reihe von Dingen,
+      die sich auf der internationalen Seite nicht finden.
+      -->
+
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/openofficeorg/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/openofficeorg/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+        <div class="contentpart" id="spotlight">
+
+<!--   Das Spotlight ist alles, was oben steht und Aufmerksamkeit ziehen soll.   -->
+
+            <div id="spotlightgull">
+
+<!--
+    Das Spotlight ist in vier Bereiche gegliedert:
+    links die Buttons / rechts ein graphisches Element mit Produktlinks
+    in der Mitte der Titel, evtl. eine wichtige Meldung, und ein kurzer Text zu OOo
+    darunter der Download-button
+ -->
+
+                <div class="buttongroup">
+
+<!--
+      Die Buttongroup steht ganz links und soll die zweitgroessten
+      (ausser Download) und interessantesten Besuchergruppen abfangen.
+      Dies sind: Neulinge & Supportsuchende & Mitarbeiter.
+      Andere Sucher sollten mit der Sitemap finden, was sie brauchen.
+      Bei Kontakt ist sowohl der Pressekontakt als auch die Mailinglisten
+      als auch der rechtliche Hinweis angedacht.
+ -->
+
+                    <ul>
+                        <li><a href="../neuhier.html" class="button" id="buttonneu" title="Was ist das hier? - Informationen zu OOo"><span></span></a></li>
+                        <li><a href="../probleme.html" class="button" id="buttonproblem" title="Support, Tutorial, Dokumentation - alles in Deutsch"><span></span></a></li>
+                        <li><a href="../kontakt.html" class="button" id="buttonkontakt" title="Unsere Ansprechpartner in den verschiedenen Aufgabengebieten"><span></span></a></li>
+                        <li> <a href="../../dev/index.html" class="button" id="buttonmithelfen" title="Am Projekt aktiv mitarbeiten"><span></span></a></li>
+                        <li><a href="../map_all.html" class="button" id="buttonwo" title="Mit einem Klick zu den wichtigsten deutschsprachigen Seiten"><span></span></a></li>
+
+
+<!--
+        links koennen auch weitere Buttons eingefuegt werden,
+        wenn man sich an das obige Schema haelt.
+        Farben und Groessen werden ueber das css realisiert.
+ -->
+
+                    </ul>
+                </div> <!-- Ende "buttongroup" -->
+
+                <div class="graphicalpresentation">
+
+<!--
+      Auf der rechten Seite sind zwei graphische Elemente.
+      Zunaechst ganz links oben ein Bild.
+ -->
+
+                    <img src="http://www.openoffice.org/branding/images/eggsopen_v6_with_gull.gif" alt="OpenOffice 2.0! (seagull image by Olly Clarke)" longdesc="http://www.flickr.com/photos/whatmeworry/40431517/" title="OpenOffice 2.0! (seagull image by Olly Clarke)" />
+
+                    <div class="ooocomponents">
+
+<!--
+        Darunter eine Leiste mit den Komponenten von 2.0.
+ -->
+                        <h2>OpenOffice.org 2 Komponenten:</h2>
+                        <ul class="ooocomponentslist">
+                            <li class="ooobase"><a href="../product/base.html" title="Datenbank">Base</a></li>
+                            <li class="ooocalc"><a href="../product/calc.html" title="Tabellenkalkulation">Calc</a></li>
+                            <li class="ooodraw"><a href="../product/draw.html" title="Vektorzeichnen">Draw</a></li>
+                            <li class="ooomath"><a href="../product/math.html" title="Formeln erstellen">Math</a></li>
+                            <li class="oooimpress"><a href="../product/impress.html" title="Pr&auml;sentationen">Impress</a></li>
+                            <li class="ooowriter"><a href="../product/writer.html" title="Textverarbeitung">Writer</a></li>
+                            <li class="oooprodukt"><a href="../product/index.html" title="Produkt">Produkt</a></li>
+                        </ul>
+                    </div> <!-- Ende "ooocomponents" -->
+
+                </div> <!-- Ende "graphicalpresentation" -->
+
+<!--
+    In der Mitte der Seite steht oben der Seitentitel.
+ -->
+                <h1>OpenOffice.org - die freie Office Suite </h1>
+
+<!--
+    Bei Aktionen kann direkt unter der Ueberschrift ein Einzeiler mit Link
+    eingefuegt werden. Der Link fuehrt zum ersten Newsitem, wo ein laengerer Text
+    und weitere Links stehen.
+    Der Absatz sollte nicht geloescht werden, wenn er nicht mehr
+    benoetigt wird, sondern er sollte lediglich auskommentiert werden.
+ -->
+
+  
+
+
+
+<!--
+<p class="wichtig">Aktuell: <a href="presse/pressemitteilung_20070329.html">29.03.2007: Neue Version 2.2 von OpenOffice.org in deutscher Sprache erschienen</a></p>
+
+    In der Mitte der Seite ist unter dem Seitentitel ein _kurzer_ Text.
+    Der Text selbst sollte moeglichst nicht als Newsitem benutzt werden, sondern
+    neuen Besuchern eine ganz kurze Information geben, was auf dieser Seite
+    ueberhaupt passiert und ob der Besucher dort richtig ist.
+ -->
+		
+                <p>
+                          OpenOffice.org ist sowohl eine <a href="product/index.html">Office Suite</a>, die auf vielen
+                          <a href="http://www.openoffice.org/dev_docs/source/sys_reqs_11.html">Betriebssystemen</a>
+                          und in zahlreichen <a href="http://www.openoffice.org/project/l10n/languages.html">Sprachen</a>
+                          verf&uuml;gbar ist, als auch ein <a href="http://www.opensource.org/docs/definition.php">Open-Source</a>-Projekt,
+                          in dem viele zumeist ehrenamtliche Mitglieder das Produkt immer weiter
+                          verbessern und unterst&uuml;tzen. F&uuml;r diese Gemeinschaft suchen wir st&auml;ndig neue Mitglieder:
+                          <a href="dev/index.html">Beteiligen</a> Sie sich!
+                </p>
+                <p>Als Produkt ist OpenOffice.org frei: Sie k&ouml;nnen es frei herunterladen, frei benutzen und frei weitergeben.</p>
+
+<!--
+    Der Downloadbutton ist das letzte Element im Spotbereich.
+    Er ist unter dem Kurztext recht prominent plaziert und
+    sollte die Links zu den wesentlichen Versionen und wichtigen
+    Patches erhalten. Ein letzter Link fuehrt zur Downloadseite.
+ -->
+
+                <div class="button" id="buttondownload">
+                    <h1>Download<h1>
+
+                    <p>    <a href="../downloads/quick.html?version=2.2" title="Auf dem neuesten Stand">2.2.1</a><br />
+                            <a href="../downloads/quick.html?version=1.1.5" title="Zur Erg&auml;nzung bestehender Installationen">1.1.5</a>
+                    </p>
+                </div> <!-- Ende "buttondownload" -->
+
+            </div> <!-- Ende "spotlightgull" -->
+
+        </div> <!-- Ende "spotlight" -->
+
+        <div class="contentpart" id="news">
+
+<p> </p>
+<!--
+  Der Newspart steht unter dem Spotlight und soll die Seite nicht so unaktuell
+  langweilig aussehen lassen. Fuer den Fall, dass wirklich mal was passiert,
+  kann man hier auch News hinstellen.
+ -->
+
+            <div class="contentsubpart" id="othermedia">
+
+<!--
+    Auf der rechten Seite ist eine Tabelle. Die Tabelle hat einen
+    Kopf mit dem Titel. Dadrunter sind in jeder Tabellenzeile eine Information,
+    in der ersten Spalte ihr Datum, in der zweiten ein als Link formatierter
+    kurzer Hinweistext.
+ -->
+
+                <table summary="OpenOffice.org DE - Termine">
+                    <thead>
+                        <tr>
+                            <td colspan="2">OpenOffice.org DE -  Termine </td>
+                        </tr>
+                    </thead>
+                    <tbody>
+
+<!--
+        Neue Informationen ueber Termine sollen hier eingefuegt werden.
+        Dabei sollte man schauen, ob ein weiter unten stehendes Item
+        nicht mehr aktuell ist und geloescht werden kann. Folgende
+        Schablone kann man verwenden:
+
+        <tr>
+          <td class="headcol">
+            Hier Datum einsetzten, dabei zuerst Tag ohne Punkt, dann Monat mit drei
+            Buchstaben ohne Punkt: 1 Jan, 4 M&auml;r
+          </td>
+          <td><a href="http://de.openoffice.org/">
+            Text der Info, kurz fassen, kein Punkt am Ende
+          </a></td></tr>
+
+ -->
+
+	  <tr>
+			<td class="headcol">13. Jun.</td>
+			<td><a href="http://www.it-kom-mainz.de">IT_kom in Mainz</a></td>
+      </tr>
+	  <tr>
+			<td class="headcol">29. Jun.-1. Jul.</td>
+			<td><a href="http://wiki.services.openoffice.org/wiki/DE/Projektwochenende2007">Projekt-Wochenende in Hof</a></td>
+      </tr>
+	  <tr>
+			<td class="headcol">17.-19. Aug.</td>
+			<td><a href="veranstaltungen/camp2007.html">CampOpenOffice.org am Biggesee</a></td>
+      </tr>
+	  <tr>
+			<td class="headcol">25./26. Aug.</td>
+			<td><a href="http://www.froscon.de/Call-for-Papers.12.0.html">FrOSCon in St. Augustin</a></td>
+      </tr>
+	  <tr>
+			<td class="headcol">19.-21. Sep.</td>
+			<td><a href="http://marketing.openoffice.org/ooocon2007/">OOoCon in Barcelona</a></td>
+      </tr>
+                    </tbody>
+                </table>
+
+            </div> <!-- Ende "othermedia" -->
+
+<!--
+  Unter dem Spotlight auf der linken Seite stehen untereinander die
+  Neuigkeitenpunkte (Newsitems).
+
+  Zu dem Anker "Wichtig" gehoert noch ein Hinweis mit Link direkt
+  unter dem Titel der Seite.
+
+ -->
+
+            <div class="item" id="newsprimaryarticle">
+                <a name="Wichtig"></a>
+                <table summary="OpenOffice.org DE - Neuigkeiten">
+                    <thead>
+                        <tr>
+                            <td colspan="2">OpenOffice.org DE - Neuigkeiten</td>
+                        </tr>
+                    </thead>
+                    <tbody>
+
+<!--
+        Neue Informationen ueber Interna sollen hier eingefuegt werden.
+        Dabei sollte man schauen, ob ein weiter unten stehendes Item
+        nicht mehr aktuell ist und geloescht werden kann. Folgende
+        Schablone kann man verwenden:
+
+        <tr>
+          <td class="headcol">
+            Hier Datum einsetzten, dabei zuerst Tag ohne Punkt, dann Monat mit drei
+            Buchstaben ohne Punkt: 1 Jan, 4 M&auml;r
+          </td>
+          <td><a href="http://de.openoffice.org/">
+            Text der Info, kurz fassen, kein Punkt am Ende
+</a></td></tr> -->
+	          <tr>
+                            <td class="headcol">12.06.2007</td>
+                            <td>
+                                OpenOffice.org in Version 2.2.1 veröffentlicht
+                            </td>
+          </tr>		
+	  <tr>
+                            <td class="headcol">12.05.2007</td>
+                            <td><a href="../doc/sonstiges/gerry.html">
+                                G.R. Singleton verstorben</a>
+                            </td>
+          </tr>
+          <tr>
+                            <td class="headcol">29.03.2007</td>
+                            <td><a href="../presse/pressemitteilung_20070329.html">
+                                OpenOffice.org in Version 2.2 veröffentlicht</a>
+                            </td>
+          </tr>
+
+            <tr>
+                            <td class="headcol">11.03.2007</td>
+                            <td><a href="../veranstaltungen/camp2007.html">Bewerbungsphase f&uuml;r CampOpenOffice.org beginnt</a>
+                            </td>
+          </tr>
+          <tr>
+                            <td class="headcol">02.03.2007</td>
+                            <td><a href="../marketing/wettbewerb_ebay.html">OpenOffice.org und eBay starten gemeinsamen Programmierwettbewerb</a>
+                            </td>
+          </tr>
+
+          </tbody>
+       </table>
+
+            </div> <!-- Ende "newsprimaryarticle" -->
+
+        </div> <!-- Ende "news" -->
+
+        <p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" /></a></p>
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/openofficeorg/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	Copyright &copy; 2011 The Apache Software Foundation Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
+	<a href="/openofficeorg/contact.html">Contact Us</a> |
+	<a href="/openofficeorg/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/index_why.html
==============================================================================
--- websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/index_why.html (added)
+++ websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/index_why.html Wed Aug 24 19:35:52 2011
@@ -0,0 +1,304 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<!--
+
+    Licensed to the Apache Software Foundation (ASF) under one or more
+    contributor license agreements.  See the NOTICE file distributed with
+    this work for additional information regarding copyright ownership.
+    The ASF licenses this file to You under the Apache License, Version 2.0
+    (the "License"); you may not use this file except in compliance with
+    the License.  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE- 2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
+
+<link href="/openofficeorg/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+  <title>Why OpenOffice.org</title>
+<!-- OOoLayout:nonav -->
+  <link rel="stylesheet" href="http://why.openoffice.org/suppress.css" type="text/css" />
+  <link rel="stylesheet" href="http://why.openoffice.org/why.css" type="text/css" />
+	<!-- start IE6 hack by markomlm -->
+	<!--[if lte IE 6]>
+	<style> 
+	<!--
+		body {position: static;}
+
+	#container {margin-left: -0px;}
+	--></style>
+	<![endif]-->
+	<!-- end IE6 hack by markomlm -->
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/openofficeorg/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/openofficeorg/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://www.openoffice.org">OpenOffice.org</a> - 
+        home of the world's leading open-source office suite
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>Why OpenOffice.org</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+    <!-- This hold the navigation tabs -->
+    <div id="tabholder">
+        <div id="tabs8">
+            <ul>
+                <!-- CSS Tabs -->
+                <li id="current"><a href="index.html"><span>Why</span></a></li>
+                <li><a href="why_great.html"><span>Great Software</span></a></li>
+                <li><a href="why_easy.html"><span>Easy to use</span></a></li>
+                <li><a href="why_free.html"><span>and it's free</span></a></li>
+            </ul>
+        </div>
+    </div>
+    <!-- End of the tabs holder -->
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+            <!-- The main image. 300px by 210px -->
+            <img src="http://why.openoffice.org/images/why_home.gif" width="300" height="210"
+            alt="OOo logo" class="mainpiccontrol" name="pix" />
+            <div id="mytext">
+            <!-- The title for this article -->
+            <span class="articleheader" >OpenOffice.org 2</span>
+
+            <!-- The preview content -->
+            is the leading <b>open-source</b> <b>office software suite</b>
+            for <b>word processing</b>, <b>spreadsheets</b>, <b>presentations</b>,
+            <b>graphics</b>, <b>databases</b> and more. It is available 
+            in <b>many languages</b>
+            and works on all <b>common computers</b>. It stores all your data in an
+            <b>international open standard format</b> and can also read and write
+            files from other common office software packages. It can be
+            downloaded and used completely <b>free of charge</b> for <b>any purpose</b>.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="http://why.openoffice.org/images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org">
+                  Get OpenOffice.org 2 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="picbox">
+          <a href="why_gov.html"><img src="http://why.openoffice.org/images/icon_gov.png" class="pickboxcontrol"
+             alt="Public Administration"  
+             title="Why OpenOffice.org for Public Administration" /><br />
+             <span>Governments</span>
+          </a>
+        </div>
+        <div class="picbox">
+          <a href="why_edu.html"><img src="http://why.openoffice.org/images/icon_edu.png" class="pickboxcontrol"
+             alt="Education"  title="Why OpenOffice.org for Education" /><br />
+             <span>Education</span>
+          </a>
+        </div>
+        <div class="picbox">
+          <a href="why_sme.html"><img src="http://why.openoffice.org/images/icon_biz.png" class="pickboxcontrol"
+             alt="Businesses"  title="Why OpenOffice.org for Businesses" /><br />
+             <span>Businesses</span>
+          </a>
+        </div>
+        <div class="picbox">
+          <a href="why_nfp.html"><img src="http://why.openoffice.org/images/icon_nfp.png" class="pickboxcontrol" 
+             alt="Not For Profits"  title="Why OpenOffice.org for Not For Profits" /><br />
+             <span>Not for profits</span>
+          </a>
+        </div>
+        <div class="picbox">
+          <a href="why_oem.html"><img src="http://why.openoffice.org/images/icon_oem.png" class="pickboxcontrol"
+             alt="IT businesses"  title="Why OpenOffice.org for IT businesses" /><br />
+             <span>IT Businesses</span>
+          </a>
+        </div>
+        <div class="picbox">
+          <a href="why_foss.html"><img src="http://why.openoffice.org/images/icon_linux.png" class="pickboxcontrol"
+             alt="F/OSS"  
+             title="Why OpenOffice.org for Free/Open-Source Systems advocates" /><br />
+             <span>F/OSS advocates</span>
+          </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+        <div id="newsContainer2">
+
+            <!-- Column 1 -->
+    		<div class="c1">
+    			<div class="noteheader">
+    				&nbsp;Great software
+    			</div>
+    			<div class="spacy">
+                    OpenOffice.org 2 is the result of over twenty years' software
+                    engineering. Designed from the start as a single piece of software,
+                    it has a consistency other products cannot match. A completely open
+                    development process means that anyone can report bugs, request
+                    new features, or enhance the software. 
+                    The result: OpenOffice.org 2 does everything you want your
+                    office software to do, the way you want it to.
+    			</div>
+    		</div>
+
+    		<!-- Column 2 -->
+            <div class="c2">
+                <div class="noteheader">
+                    &nbsp;Easy to use
+                </div>
+                <div class="spacy">
+                    OpenOffice.org 2 is easy to learn, and if you're already using another
+                    office software package, you'll take to OpenOffice.org 2 straight away. 
+                    Our world-wide native-language community means that  
+                    OpenOffice.org 2 is probably available and supported in your own language.
+                    And if you already have files from another office package - OpenOffice.org
+                    2 will probably read them with no difficulty.
+                </div>
+            </div>
+
+            <!-- Column 3 -->
+    		<div class="c3">
+                <div class="noteheader">
+                    &nbsp;and it's free
+                </div>
+              <div class="spacy">
+    			<!-- The content for this attention grabbing block -->
+                    Best of all, OpenOffice.org 2 can be downloaded and used entirely
+                    free of any licence fees. OpenOffice.org 2 is released under the LGPL
+                    licence. This means you may use it for any purpose - domestic,
+                    commercial, educational, public administration. You may install it
+                    on as many computers as you like. You may make copies and give them
+                    away to family, friends, students, employees - anyone you like.
+              </div>
+            </div>
+        </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+    <!-- Finally, here's the humble footer, holding your copyright -->
+    <div id="myfooter">
+  
+      <a href="http://www.sun.com/software/star/openoffice/index.html">
+        <img 
+         style="float:left; display:inline; border:1px solid #444487; width:81px; height:41px;" 
+         title="Sponsored by Sun Microsystems, Inc." 
+		     alt="Sun Microsystems Logo" src="http://why.openoffice.org/branding/images/sun_logo.gif" />
+	  	</a>
+      <a href="http://www.collab.net/special/clickpbc0502.html">
+		    <img 
+		     style="float:right; display:inline; width:102px; height:38px"  
+  		   title="Powered by CollabNet" alt="CollabNet Logo" 
+	  	   src="http://why.openoffice.org/branding/images/poweredby_036.gif" />
+	  	</a>
+<!--  <a title="Give feedback, or ask for assistance" 
+			  href="/project/www/contact.html">Contact Us</a>
+	  	<a title="Sitemap" href="/project/www/sitemap.html">Sitemap</a>
+		  <a title="What should happen on the matter listed on this page..."
+  			href="/project/development/todo.html">To-Dos</a>
+	  	<a href="http://www.openoffice.org/nonav/servlets/HelpTOC">Site Help</a>
+		  <a href="/project/www/press/2.0/index.html">Press Room</a>
+  		<br /> -->
+		By any use of this Website, you agree to be bound by these 
+		<a href="http://www.sunsource.net/TUPPCP.html">Policies and Terms of Use</a>
+		<br />
+		CollabNet is a trademark of CollabNet, Inc., Sun, Sun Microsystems, 
+    the Sun logo, Java, Solaris, StarOffice are trademarks or registered
+    trademarks of Sun Microsystems, Inc. in the United States and other countries.
+
+    </div>
+    <!-- End of footer -->
+
+</div>
+<!-- End of master container -->
+
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/openofficeorg/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	Copyright &copy; 2011 The Apache Software Foundation Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
+	<a href="/openofficeorg/contact.html">Contact Us</a> |
+	<a href="/openofficeorg/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/info.html
==============================================================================
--- websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/info.html (added)
+++ websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/info.html Wed Aug 24 19:35:52 2011
@@ -0,0 +1,422 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<!--
+
+    Licensed to the Apache Software Foundation (ASF) under one or more
+    contributor license agreements.  See the NOTICE file distributed with
+    this work for additional information regarding copyright ownership.
+    The ASF licenses this file to You under the Apache License, Version 2.0
+    (the "License"); you may not use this file except in compliance with
+    the License.  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE- 2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
+
+<link href="/openofficeorg/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>OpenOffice.org Informationen</title>
+<!-- OOoLayout:nonav -->
+    <link rel="stylesheet" href="./../styles/suppress.css" type="text/css" />
+    <link rel="stylesheet" href="./../styles/why.css" type="text/css" />
+
+    <script type="text/javascript" src="./box.js"></script>
+
+    <style type="text/css">
+    .boxes {
+      display: none;
+     }
+    </style>    
+    
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/openofficeorg/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/openofficeorg/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://de.openoffice.org/">de.OpenOffice.org</a> - 
+        Die deutschen Projektseiten
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>OpenOffice.org Version 3</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+        <div style="display: none;" id="box_1">
+            <!-- The main image. 300px by 210px -->
+            <img src="../images/why_great.png" alt="OpenOffice.org 2 software" title="OpenOffice.org 2 software" class="mainpiccontrol" id="pix1" height="210" width="300">
+            <div id="mytext1">
+            <!-- The title for this article -->
+            <span class="articleheader">Eine gro&szlig;artige Software</span>
+
+            <!-- The preview content -->
+            erfordert ein gro&szlig;artiges Team. 
+            OpenOffice.org 2 ist das Ergebnis einer zwanzigj&auml;hrigen kontinuierlichen
+            Sowtwareentwicklung auf hohem Niveau. 
+            Das <b>Open-Source</b> Entwicklungsmodell bedeutet, dass es keinerlei Geheimnisse gibt.
+            <br>
+            Bewegen Sie Ihre Maus &Uuml;ber die Screenshots, um mehr Details zu den Hauptkomponenten zu erfahren
+            <i>(erfordert javascript)</i>.
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt Herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+        <div style="display: none;" class="boxes" id="box_2">    
+            <!-- The main image. 300px by 210px -->
+            <a href="../images/writer-big.png">
+            <img src="../images/writer-crop.png" alt="Writer" title="Click for full-size screenshot of Writer" class="mainpiccontrol" id="pix2" height="210" width="300"></a>
+            <div id="mytext2">
+            <!-- The title for this article -->
+            <span class="articleheader">Writer</span>
+
+            <!-- The preview content -->
+enth&auml;lt alles, was man von einer modernen, voll ausgestatteten
+Textverarbeitung mit DTP-Funktionalit&auml;t erwarten w&uuml;rde: leistungsf&auml;hige
+Features wie AutoKorrektur, AutoVervollst&auml;ndigung, AutoFormat,
+Formatvorlagen, Textrahmen und Verkn&uuml;pfungen, Inhaltsverzeichnisse,
+Indizierung, Literaturverzeichnisse, Abbildungen, Tabellen und andere
+Elemente. Writer ist einfach genug f&uuml;r ein schnelles Memo und zugleich
+m&auml;chtig und stabil genug, um komplette B&uuml;cher mit vielen Grafiken,
+&Uuml;berschriften und vielerlei mehr zu verfassen. <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+                        
+        <div style="display: none;" class="boxes" id="box_3">    
+            <!-- The main image. 300px by 210px -->
+            <a href="../images/calc-big.png">
+            <img src="../images/calc-crop.png" alt="Calc" title="Click for full-size screenshot of Calc" class="mainpiccontrol" id="pix3" height="210" width="300"></a>
+            <div id="mytext3">
+            <!-- The title for this article -->
+            <span class="articleheader">Calc</span>
+
+            <!-- The preview content -->
+ist die Tabellenkalkulation, die Sie schon immer wollten. Anf&auml;nger
+finden sie intuitiv und leicht zu erlernen; professionelle
+Datenverarbeiter und Zahlenjongleure sch&auml;tzen die umfassende Palette
+von leistungsstarken Funktionen wie den erweiterten Datenpilot, Formeln
+in nat&uuml;rlicher Sprache, eine intelligente Summmenfunktion, eine
+umfassende Palette von fortschrittlichen Kalkulationsfunktionen, Stile
+und Formatierungen sowie einen Szenario-Manager f&uuml;r die Frage "Was w&auml;re
+wenn...". <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+        <div style="display: none;" class="boxes" id="box_4">    
+            <!-- The main image. 300px by 210px -->
+            <a href="http://de.openoffice.org/images/impress-big.png">
+            <img src="../images/impress-crop.png" alt="Impress" title="Click for full-size screenshot of Impress" class="mainpiccontrol" id="pix4" height="210" width="300"></a>
+            <div id="mytext4">
+            <!-- The title for this article -->
+            <span class="articleheader">Impress</span>
+
+            <!-- The preview content -->
+ist ein hervorragendes Werkzeug f&uuml;r effektive
+Multimedia-Pr&auml;sentationen. Ihre Pr&auml;sentationen bestechen mit 2D-und
+3D-Clipart, Schrifteffekten mit FontWork, Spezialeffekten, Animationen
+und beeindruckenden Zeichenwerkzeugen. Eine geteilte Ansicht stellt
+alle Tools griffbereit zur Verf&uuml;gung und Sie k&ouml;nnen Ihre am h&auml;ufigsten
+verwendeten Zeichenwerkzeuge rund Ihrem Bildschirm f&uuml;r den Zugriff auf
+Tastendruck anordnen.
+Verteilen Sie Ihre Werke auf alle erdenklichen Arten: nicht nur PDF,
+sondern auch HTML und Flash.
+Verk&uuml;nden Sie Ihre Botschaft mit <b>Impress</b>.
+
+            <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+        <div style="display: none;" class="boxes" id="box_5">    
+            <!-- The main image. 300px by 210px -->
+            <a href="http://de.openoffice.org/images/draw-big.png">
+            <img src="../images/draw-crop.png" alt="Draw" title="Click for full-size screenshot of Draw" class="mainpiccontrol" id="pix5" height="210" width="300"></a>
+            <div id="mytext5">
+            <!-- The title for this article -->
+            <span class="articleheader">Draw</span>
+
+            <!-- The preview content -->
+alles von einer schnellen Skizze zu einem komplexen Plan. <b>Draw</b>
+gibt Ihnen die Werkzeuge zur Kommunikation mit Grafiken und Diagrammen.
+Objekte manipulieren, drehen in zwei oder drei Dimensionen, die Nutzung
+ausgefeilten Renderings zur Schaffung fotorealistischer Bilder.
+Verbindungspunkte erleichtern die Arbeit mit Flussdiagrammen,
+Organigrammen, Netzwerk-Diagrammen und mehr. Formatvorlagen erleichtern
+Ihnen die Arbeit in Draw genauso wie in allen anderen Modulen von
+OpenOffice.org Ein Bild aus <b>Draw</b> sagt mehr als tausend Worte!
+            <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+        <div style="display: block;" class="boxes" id="box_6">    
+            <!-- The main image. 300px by 210px -->
+            <a href="http://de.openoffice.org/images/base-big.png">
+            <img src="../images/base-crop.png" alt="Base" title="Click for full-size screenshot of Base" class="mainpiccontrol" id="pix6" height="210" width="300"></a>
+            <div id="mytext6">
+            <!-- The title for this article -->
+            <span class="articleheader">Base</span>
+
+            <!-- The preview content -->
+erm&ouml;glicht Ihnen die nahtlose Bearbeitung Ihrer Datenbank in
+OpenOffice.org. Erstellen und Modifizieren von Tabellen, Formularen,
+Abfragen und Berichten, entweder mit Ihrem eigenen Datenbankserver oder
+der in Base intergrierten HSQL-Datenbank. Base bietet den Zugriff &uuml;ber
+Assistenten, Design-Ansichten oder SQL-Ansichten f&uuml;r Anf&auml;nger,
+Fortgeschrittene und erfahrene Benutzer.
+Greifen Sie problemlos auf Ihre Datenbanken zu mit <b>Base</b>!
+            <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/writer-big.png" onmouseover="swapper('box_2');">
+               <img src="../images/writer-icon.png" class="screenboxcontrol" alt="Writer word processor screenshot" title="Click for Writer word processor screenshot"><br>
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/calc-big.png" onmouseover="swapper('box_3');">
+               <img src="../images/calc-icon.png" class="screenboxcontrol" alt="Calc spreadsheet screenshot" title="Click for Calc spreadsheet screenshot"><br>
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/impress-big.png" onmouseover="swapper('box_4');">
+               <img src="../images/impress-icon.png" class="screenboxcontrol" alt="Impress presentations screenshot" title="Click for Impress presentations screenshot"><br>
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/draw-big.png" onmouseover="swapper('box_5');">
+               <img src="../images/draw-icon.png" class="screenboxcontrol" alt="Draw graphics screenshot" title="Click for Draw graphics screenshot"><br>
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/base-big.png" onmouseover="swapper('box_6');">
+               <img src="../images/base-icon.png" class="screenboxcontrol" alt="Base database screenshot" title="Click for Base database screenshot"><br>
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+      <div id="newsContainer2">
+
+        <!-- Column 1 -->
+    		<div class="c1">
+    		  <div class="noteheader">
+    		    &nbsp;Vorsprung durch Design
+    		  </div>
+    			<div class="spacy">
+Mit Wurzeln, die &uuml;ber zwanzig Jahre zur&uuml;ckreichen, ist OpenOffice.org
+ein ausgereiftes, zuverl&auml;ssiges Produkt.
+OpenOffice.org wurde von Anfang an als eine zusammenh&auml;ngende Software
+entwickelt - nicht als Zusammenstellung einzelner Programme. Dadurch
+ist es in der Bedienung durchg&auml;ngig und leicht zu anzuwenden - was Sie
+in einer Anwendung lernen, ist auch in den anderen Modulen nutzbar. Die
+kontextsensitive Hilfe gibt Ihnen in allen Anwendungen genau die
+Unterst&uuml;tzung, die Sie ben&ouml;tigen. Sie k&ouml;nnen jede Art von Dokument aus
+jeder Anwendung &ouml;ffnen - OpenOffice.org ist wirklich aus einem Guss.
+Dar&uuml;ber hinaus l&auml;uft auf allen wichtigen Plattformen - Microsoft
+Windows, GNU/Linux, Sun Solaris, Mac OS X - ist das nicht toll? </div>
+    		</div>
+
+    		<!-- Column 2 -->
+        <div class="c2">
+          <div class="noteheader">
+              &nbsp;Vorsprung f&uuml;r Sie
+          </div>
+          <div class="spacy">
+OpenOffice.org enth&auml;lt alle Office-Anwendungen, die Sie ben&ouml;tigen, in
+einem einzigen Paket. Sie brauchen sich keine Gedanken dar&uuml;ber zu
+machen, welche Version Sie installieren: eine einzige Installation
+liefert alles. Die Installation umfasst auch einige Features, die
+selbst teure Drittprogramme nicht haben - zum Beispiel die F&auml;higkeit,
+PDF-Dateien zu erstellen, um sicherzugehen, dass Dritte unabh&auml;ngig von
+ihrer Anwendung Ihr Dokument genau so sehen, wie sie es sollen. Es gibt
+auch eine wachsende Reihe von Erweiterungen, so genannten Extensions:
+Zus&auml;tzliche Features, die jeder entwickeln kann. OpenOffice.org
+ver&ouml;ffentlich neue Versionen des Paketes mehrere Male pro Jahr, damit
+Sie schneller in den Genuss von neuer Funktionalit&auml;t kommen. </div>
+        </div>
+
+        <!-- Column 3 -->
+    		<div class="c3">
+           <div class="noteheader">
+              &nbsp;Vorsprung durch Offenheit
+           </div>
+           <div class="spacy">
+    		   <!-- The content for this attention grabbing block -->
+OpenOffice.org wird "ohne Geheimnisse" nach dem Open-Source-Modell
+entwickelt. Jeder kann sich die Programme im Quelltext anschauen und
+Verbesserungen einbringen oder Fehler beheben. Jeder kann Fehler melden
+und Erweiterungen vorschlagen, und jeder kann die Reaktion von anderen
+Benutzern oder Entwicklern darauf sehen. Der Status der aktuellen und
+der zuk&uuml;nftigen Versionen wird auf einem &ouml;ffentliche Wiki dokumentiert.
+So k&ouml;nnen Sie entscheiden, ob und wann Sie ein Upgrade machen, um die
+Vorteile der neuen Funktionen zu genie&szlig;en. Jeder, der kommerzielle
+Software und seine Vermarktung gewohnt ist, wird OpenOffice.org
+erfrischend anders finden. Genie&szlig;en Sie die Vorteile von Open Source! </div>
+         </div>
+      </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+
+
+</div>
+<!-- End of master container -->
+
+<div id="valid-xhtml-footer">
+<p>
+    <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict" height="31" width="88"></a>
+	</p>
+</div>
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/openofficeorg/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	Copyright &copy; 2011 The Apache Software Foundation Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
+	<a href="/openofficeorg/contact.html">Contact Us</a> |
+	<a href="/openofficeorg/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/info2.html
==============================================================================
--- websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/info2.html (added)
+++ websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/info2.html Wed Aug 24 19:35:52 2011
@@ -0,0 +1,428 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<!--
+
+    Licensed to the Apache Software Foundation (ASF) under one or more
+    contributor license agreements.  See the NOTICE file distributed with
+    this work for additional information regarding copyright ownership.
+    The ASF licenses this file to You under the Apache License, Version 2.0
+    (the "License"); you may not use this file except in compliance with
+    the License.  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE- 2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
+
+<link href="/openofficeorg/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>OpenOffice.org Informationen</title>
+
+    <link rel="stylesheet" href="./../styles/why.css" type="text/css" />
+
+    <script type="text/javascript" src="./box.js"></script>
+
+    <style type="text/css">
+    .boxes {
+      display: none;
+     }
+    </style>    
+    
+    <!--[if gte IE 5]>
+    <style>
+    #container {
+    	margin-left: -351px;
+    }
+    </style>
+    <![endif]-->
+        
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/openofficeorg/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/openofficeorg/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://de.openoffice.org">de.OpenOffice.org</a> - 
+        Die deutschen Projektseiten
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>OpenOffice.org Version 3</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+        <div id="box_1">
+            <!-- The main image. 300px by 210px -->
+            <img src="./../images/why_great.png" width="300" height="210"
+            alt="OpenOffice.org 2 software" title="OpenOffice.org 2 software"
+            class="mainpiccontrol" id="pix1" />
+            <div id="mytext1">
+            <!-- The title for this article -->
+            <span class="articleheader" >Eine gro&szlig;artige Software</span>
+
+            <!-- The preview content -->
+            erfordert ein gro&szlig;artiges Team. 
+            OpenOffice.org 2 ist das Ergebnis einer zwanzigj&auml;hrigen kontinuierlichen
+            Sowtwareentwicklung auf hohem Niveau. 
+            Das <b>Open-Source</b> Entwicklungsmodell bedeutet, dass es keinerlei Geheimnisse gibt.
+            <br />
+            Bewegen Sie Ihre Maus &Uuml;ber die Screenshots, um mehr Details zu den Hauptkomponenten zu erfahren
+            <i>(erfordert javascript)</i>.
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="./../images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt Herunterladen
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_2">    
+            <!-- The main image. 300px by 210px -->
+            <a href="./../images/writer-big.png">
+            <img src="./../images/writer-crop.png" 
+            width="300" height="210"
+            alt="Writer" title="Click for full-size screenshot of Writer"
+            class="mainpiccontrol" id="pix2" /></a>
+            <div id="mytext2">
+            <!-- The title for this article -->
+            <span class="articleheader" >Writer</span>
+
+            <!-- The preview content -->
+has everything you would expect from a modern, fully equipped word processor or desktop publisher: powerful features like AutoCorrect, AutoComplete, AutoFormat, Styles and Formatting, Text Frames and Linking, Tables of Contents, Indexing, Bibliographical References, Illustrations, Tables, and other objects.<br />
+<b>Writer</b> is simple enough for a quick memo, powerful and stable enough to create 
+complete books with lots of graphics, headings etc.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="./../images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/2.2.1/index.html">
+                  Get OpenOffice.org 2 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+                        
+        <div class="boxes" id="box_3">    
+            <!-- The main image. 300px by 210px -->
+            <a href="./../images/calc-big.png">
+            <img src="./../images/calc-crop.png" 
+            width="300" height="210"
+            alt="Calc" title="Click for full-size screenshot of Calc"
+            class="mainpiccontrol" id="pix3" /></a>
+            <div id="mytext3">
+            <!-- The title for this article -->
+            <span class="articleheader" >Calc</span>
+
+            <!-- The preview content -->
+is the spreadsheet you've always wanted. Newcomers find it intuitive and easy to learn; professional data miners and number crunchers will appreciate the comprehensive range of powerful features including Advanced DataPilot technology, Natural language formulas, an Intelligent Sum Button, a comprehensive range of advanced spreadsheet functions, Styles and Formatting, and a Scenario Manager for "what ifs".
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="./../images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/2.2.1/index.html">
+                  Get OpenOffice.org 2 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_4">    
+            <!-- The main image. 300px by 210px -->
+            <a href="./../images/impress-big.png">
+            <img src="./../images/impress-crop.png" 
+            width="300" height="210"
+            alt="Impress" title="Click for full-size screenshot of Impress"
+            class="mainpiccontrol" id="pix4" /></a>
+            <div id="mytext4">
+            <!-- The title for this article -->
+            <span class="articleheader" >Impress</span>
+
+            <!-- The preview content -->
+is a truly outstanding tool for creating effective multimedia presentations. Your presentations will stand out with 2D and 3D clip art, fontworks, special effects, animation, and high-impact drawing tools. A multi-pane view puts all the tools at your fingertips, and you can 'park' your most commonly used drawing tools around your screen ready for single-click access. 
+Share your work in many ways: not only pdf, but also html and Flash.<br />
+Get your message across with <b>Impress</b>.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="./../images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/2.2.1/index.html">
+                  Get OpenOffice.org 2 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_5">    
+            <!-- The main image. 300px by 210px -->
+            <a href="./../images/draw-big.png">
+            <img src="./../images/draw-crop.png" 
+            width="300" height="210"
+            alt="Draw" title="Click for full-size screenshot of Draw"
+            class="mainpiccontrol" id="pix5" /></a>
+            <div id="mytext5">
+            <!-- The title for this article -->
+            <span class="articleheader" >Draw</span>
+
+            <!-- The preview content -->
+anything from a quick sketch to a complex plan. <b>Draw</b> gives you the tools to communicate with graphics and diagrams. Manipulate objects, rotate in two or three dimensions; use sophisticated rendering to create photorealistic ./../images. Smart connectors make short work of flowcharts, organisation charts, network diagrams, etc. Styles - a common OpenOffice.org
+feature - help you control your work easily and precisely in Draw.<br />
+A <b>Draw</b> image is worth a thousand words!
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="./../images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/2.2.1/index.html">
+                  Get OpenOffice.org 2 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+        <div class="boxes" id="box_6">    
+            <!-- The main image. 300px by 210px -->
+            <a href="./../images/base-big.png">
+            <img src="./../images/base-crop.png" 
+            width="300" height="210"
+            alt="Base" title="Click for full-size screenshot of Base"
+            class="mainpiccontrol" id="pix6" /></a>
+            <div id="mytext6">
+            <!-- The title for this article -->
+            <span class="articleheader" >Base</span>
+
+            <!-- The preview content -->
+enables you to manipulate database data seamlessly within OpenOffice.org 2. Create and modify tables, forms, queries, and reports, either using your own database or <b>Base</b>'s own built-in HSQL database engine. <b>Base</b> offers a choice of using Wizards, Design Views, or SQL Views for beginners, intermediate, and advanced users.<br />
+Access your databases easily with <b>Base</b>.
+            <br />
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="./../images/arrow.png" alt="read more" class="noborder" />
+                </a>
+                <a href="http://download.openoffice.org/2.2.1/index.html">
+                  Get OpenOffice.org 2 now
+                </a>
+                <br />&nbsp;
+            </span>
+        </div>    
+
+
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="./../images/writer-big.png" onmouseover="swapper('box_2');">
+               <img src="./../images/writer-icon.png"
+               class="screenboxcontrol"
+               alt="Writer word processor screenshot"  
+               title="Click for Writer word processor screenshot" /><br />
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="./../images/calc-big.png" onmouseover="swapper('box_3');">
+               <img src="./../images/calc-icon.png" 
+               class="screenboxcontrol"
+               alt="Calc spreadsheet screenshot" 
+               title="Click for Calc spreadsheet screenshot" /><br />
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="./../images/impress-big.png" onmouseover="swapper('box_4');">
+               <img src="./../images/impress-icon.png"
+               class="screenboxcontrol"
+               alt="Impress presentations screenshot"  
+               title="Click for Impress presentations screenshot" /><br />
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="./../images/draw-big.png" onmouseover="swapper('box_5');">
+               <img src="./../images/draw-icon.png"
+               class="screenboxcontrol"
+               alt="Draw graphics screenshot"  
+               title="Click for Draw graphics screenshot" /><br />
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="./../images/base-big.png" onmouseover="swapper('box_6');">
+               <img src="./../images/base-icon.png" 
+               class="screenboxcontrol"
+               alt="Base database screenshot"  
+               title="Click for Base database screenshot" /><br />
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+      <div id="newsContainer2">
+
+        <!-- Column 1 -->
+    		<div class="c1">
+    		  <div class="noteheader">
+    		    &nbsp;Better by design
+    		  </div>
+    			<div class="spacy">
+Developed over twenty years, OpenOffice.org is a mature, reliable, product.
+OpenOffice.org was designed from the start as a single piece of
+software - not bolted together from separate software packages.
+This makes it very consistent and easy to use - what you learn
+in one application is immediately usable in another. The context-sensitive
+help works across all applications, unobtrusively providing the precise help you
+need. You can even open any type of document from any application - 
+OpenOffice.org 2 is really one
+piece of software. It also runs on all major computing platforms - Microsoft Windows,
+GNU/Linux, Sun Solaris, Apple Mac - isn't that great!
+          </div>
+    		</div>
+
+    		<!-- Column 2 -->
+        <div class="c2">
+          <div class="noteheader">
+              &nbsp;Better for you
+          </div>
+          <div class="spacy">
+OpenOffice.org 2 contains all the office software you need, in one single
+package. You don't have to worry which version to install: one installation
+program provides everything. The installation also includes features which
+some expensive rivals do not - for example, the ability to create .pdf files
+when you want to guarantee what the recipient sees on their computer. There
+is also a growing range of extensions: additional features that any developer can provide. OpenOffice.org releases release software several times a year so
+you can take advantage of new features as quickly as possible. 
+				  </div>
+        </div>
+
+        <!-- Column 3 -->
+    		<div class="c3">
+           <div class="noteheader">
+              &nbsp;Honest software
+           </div>
+           <div class="spacy">
+    		   <!-- The content for this attention grabbing block -->
+OpenOffice.org 2 is developed using an open-software, "no secrets" approach.
+Anyone can look at the programs and suggest improvements, or fix bugs.
+Anyone can report problems or request enhancements, and anyone can see the
+response from other users or developers. The status of current and future releases
+is displayed on a public wiki, so you can decide if and when you want to upgrade
+to take advantage of new features. Anyone used to commercial software and its
+hyping and marketing speak will find OpenOffice.org 2 refreshingly different.
+Enjoy the benefits of open-source!
+           </div>
+         </div>
+      </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+
+
+</div>
+<!-- End of master container -->
+
+<p>
+    <a href="http://validator.w3.org/check?uri=referer"><img
+        src="http://www.w3.org/Icons/valid-xhtml10-blue"
+        alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
+  </p>
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/openofficeorg/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	Copyright &copy; 2011 The Apache Software Foundation Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
+	<a href="/openofficeorg/contact.html">Contact Us</a> |
+	<a href="/openofficeorg/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>

Added: websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/info3.html
==============================================================================
--- websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/info3.html (added)
+++ websites/staging/openofficeorg/trunk/content/openofficeorg/de/testdir/info3.html Wed Aug 24 19:35:52 2011
@@ -0,0 +1,420 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+<!--
+
+    Licensed to the Apache Software Foundation (ASF) under one or more
+    contributor license agreements.  See the NOTICE file distributed with
+    this work for additional information regarding copyright ownership.
+    The ASF licenses this file to You under the Apache License, Version 2.0
+    (the "License"); you may not use this file except in compliance with
+    the License.  You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE- 2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+-->
+
+<link href="/openofficeorg/css/ooo.css" rel="stylesheet" type="text/css">
+
+
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>OpenOffice.org Informationen</title>
+    <link rel="stylesheet" href="./../styles/info.css" type="text/css" />
+<!-- start kill javascript -->
+    <script type="text/javascript" src="./box.js"></script>
+<!-- end kill javascript -->
+    <style type="text/css">
+    .boxes {
+      display: none;
+     }
+    </style>    
+    
+
+
+</head>
+
+<body>
+  <div id="banner">
+    <div id="bannerleft"><a alt="Apache OpenOffice.org (incubating)" href="http://incubator.apache.org/openofficeorg/">
+      <img id="logo" alt="Apache OpenOffice.org (Incubating)" src="/openofficeorg/images/ooo-logo.png"/></a></div>
+    <div id="bannerright"><a alt="Apache Incubator" href="http://incubator.apache.org">
+      <img id="asf-logo" alt="Apache Incubator" src="/openofficeorg/images/apache-incubator-logo.png"/></a></div>
+   <div id="bannercenter"><br/>(incubating)&nbsp;|&nbsp;The Free and Open Productivity Suite</div>
+  </div>
+  <div id="clear"></div>
+  
+  <div id="content">
+  
+    
+    
+
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+    <!-- The topmost bar -->
+    <div id="topbar">
+        <a href="http://de.openoffice.org/">de.OpenOffice.org</a> - 
+        Die deutschen Projektseiten
+    </div>
+    <!-- End of top bar -->
+
+    <!-- This holds the main header -->
+    <div id="headerwrapper">
+
+        <!-- This is the site title -->
+        <h1>OpenOffice.org Version 3</h1>
+	</div>
+	<!-- End of headerwrapper -->
+
+
+
+    <!-- Here's the box for the main article -->
+    <div class="articleboxouter">
+
+        <!-- Here's where you can place ur content -->
+        <div class="articleboxinner">
+
+        <div style="display: none;" id="box_1">
+            <!-- The main image. 300px by 210px -->
+            <img src="../images/why_great.png" alt="OpenOffice.org 2 software" title="OpenOffice.org 2 software" class="mainpiccontrol" id="pix1" height="210" width="300">
+            <div id="mytext1">
+            <!-- The title for this article -->
+            <span class="articleheader">Eine gro&szlig;artige Software</span>
+
+            <!-- The preview content -->
+            erfordert ein gro&szlig;artiges Team. 
+            OpenOffice.org 2 ist das Ergebnis einer zwanzigj&auml;hrigen kontinuierlichen
+            Sowtwareentwicklung auf hohem Niveau. 
+            Das <b>Open-Source</b> Entwicklungsmodell bedeutet, dass es keinerlei Geheimnisse gibt.
+            <br>
+            Bewegen Sie Ihre Maus &Uuml;ber die Screenshots, um mehr Details zu den Hauptkomponenten zu erfahren
+            <i>(erfordert javascript)</i>.
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt Herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+        <div style="display: none;" class="boxes" id="box_2">    
+            <!-- The main image. 300px by 210px -->
+            <a href="../images/writer-big.png">
+            <img src="../images/writer-crop.png" alt="Writer" title="Click for full-size screenshot of Writer" class="mainpiccontrol" id="pix2" height="210" width="300"></a>
+            <div id="mytext2">
+            <!-- The title for this article -->
+            <span class="articleheader">Writer</span>
+
+            <!-- The preview content -->
+enth&auml;lt alles, was man von einer modernen, voll ausgestatteten
+Textverarbeitung mit DTP-Funktionalit&auml;t erwarten w&uuml;rde: leistungsf&auml;hige
+Features wie AutoKorrektur, AutoVervollst&auml;ndigung, AutoFormat,
+Formatvorlagen, Textrahmen und Verkn&uuml;pfungen, Inhaltsverzeichnisse,
+Indizierung, Literaturverzeichnisse, Abbildungen, Tabellen und andere
+Elemente. Writer ist einfach genug f&uuml;r ein schnelles Memo und zugleich
+m&auml;chtig und stabil genug, um komplette B&uuml;cher mit vielen Grafiken,
+&Uuml;berschriften und vielerlei mehr zu verfassen. <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+                        
+        <div style="display: none;" class="boxes" id="box_3">    
+            <!-- The main image. 300px by 210px -->
+            <a href="../images/calc-big.png">
+            <img src="../images/calc-crop.png" alt="Calc" title="Click for full-size screenshot of Calc" class="mainpiccontrol" id="pix3" height="210" width="300"></a>
+            <div id="mytext3">
+            <!-- The title for this article -->
+            <span class="articleheader">Calc</span>
+
+            <!-- The preview content -->
+ist die Tabellenkalkulation, die Sie schon immer wollten. Anf&auml;nger
+finden sie intuitiv und leicht zu erlernen; professionelle
+Datenverarbeiter und Zahlenjongleure sch&auml;tzen die umfassende Palette
+von leistungsstarken Funktionen wie den erweiterten Datenpilot, Formeln
+in nat&uuml;rlicher Sprache, eine intelligente Summmenfunktion, eine
+umfassende Palette von fortschrittlichen Kalkulationsfunktionen, Stile
+und Formatierungen sowie einen Szenario-Manager f&uuml;r die Frage "Was w&auml;re
+wenn...". <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+        <div style="display: none;" class="boxes" id="box_4">    
+            <!-- The main image. 300px by 210px -->
+            <a href="http://de.openoffice.org/images/impress-big.png">
+            <img src="../images/impress-crop.png" alt="Impress" title="Click for full-size screenshot of Impress" class="mainpiccontrol" id="pix4" height="210" width="300"></a>
+            <div id="mytext4">
+            <!-- The title for this article -->
+            <span class="articleheader">Impress</span>
+
+            <!-- The preview content -->
+ist ein hervorragendes Werkzeug f&uuml;r effektive
+Multimedia-Pr&auml;sentationen. Ihre Pr&auml;sentationen bestechen mit 2D-und
+3D-Clipart, Schrifteffekten mit FontWork, Spezialeffekten, Animationen
+und beeindruckenden Zeichenwerkzeugen. Eine geteilte Ansicht stellt
+alle Tools griffbereit zur Verf&uuml;gung und Sie k&ouml;nnen Ihre am h&auml;ufigsten
+verwendeten Zeichenwerkzeuge rund Ihrem Bildschirm f&uuml;r den Zugriff auf
+Tastendruck anordnen.
+Verteilen Sie Ihre Werke auf alle erdenklichen Arten: nicht nur PDF,
+sondern auch HTML und Flash.
+Verk&uuml;nden Sie Ihre Botschaft mit <b>Impress</b>.
+
+            <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+        <div style="display: none;" class="boxes" id="box_5">    
+            <!-- The main image. 300px by 210px -->
+            <a href="http://de.openoffice.org/images/draw-big.png">
+            <img src="../images/draw-crop.png" alt="Draw" title="Click for full-size screenshot of Draw" class="mainpiccontrol" id="pix5" height="210" width="300"></a>
+            <div id="mytext5">
+            <!-- The title for this article -->
+            <span class="articleheader">Draw</span>
+
+            <!-- The preview content -->
+alles von einer schnellen Skizze zu einem komplexen Plan. <b>Draw</b>
+gibt Ihnen die Werkzeuge zur Kommunikation mit Grafiken und Diagrammen.
+Objekte manipulieren, drehen in zwei oder drei Dimensionen, die Nutzung
+ausgefeilten Renderings zur Schaffung fotorealistischer Bilder.
+Verbindungspunkte erleichtern die Arbeit mit Flussdiagrammen,
+Organigrammen, Netzwerk-Diagrammen und mehr. Formatvorlagen erleichtern
+Ihnen die Arbeit in Draw genauso wie in allen anderen Modulen von
+OpenOffice.org Ein Bild aus <b>Draw</b> sagt mehr als tausend Worte!
+            <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+        <div style="display: block;" class="boxes" id="box_6">    
+            <!-- The main image. 300px by 210px -->
+            <a href="http://de.openoffice.org/images/base-big.png">
+            <img src="../images/base-crop.png" alt="Base" title="Click for full-size screenshot of Base" class="mainpiccontrol" id="pix6" height="210" width="300"></a>
+            <div id="mytext6">
+            <!-- The title for this article -->
+            <span class="articleheader">Base</span>
+
+            <!-- The preview content -->
+erm&ouml;glicht Ihnen die nahtlose Bearbeitung Ihrer Datenbank in
+OpenOffice.org. Erstellen und Modifizieren von Tabellen, Formularen,
+Abfragen und Berichten, entweder mit Ihrem eigenen Datenbankserver oder
+der in Base intergrierten HSQL-Datenbank. Base bietet den Zugriff &uuml;ber
+Assistenten, Design-Ansichten oder SQL-Ansichten f&uuml;r Anf&auml;nger,
+Fortgeschrittene und erfahrene Benutzer.
+Greifen Sie problemlos auf Ihre Datenbanken zu mit <b>Base</b>!
+            <br>
+            </div>
+            <!-- Link to the full article, an arrow and a text link -->
+            <span class="readmore">
+                <a href="#">
+                 <img src="../images/arrow.png" alt="read more" class="noborder">
+                </a>
+                <a href="http://de.openoffice.org/downloads/quick.html">
+                  OpenOffice.org 3 jetzt herunterladen
+                </a>
+                <br>&nbsp;
+            </span>
+        </div>    
+
+
+        </div>
+        <!-- End of content holder -->
+    </div>
+    <!-- End of main article -->
+
+    <!-- Here's the box for some pics -->
+    <div class="picboxouter">
+
+        <!-- Here's where you can place ur thumbnails -->
+        <!-- All should be uniformly sized ;-) -->
+
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/writer-big.png" onmouseover="swapper('box_2');">
+               <img src="../images/writer-icon.png" class="screenboxcontrol" alt="Writer word processor screenshot" title="Click for Writer word processor screenshot"><br>
+               <span>Writer</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/calc-big.png" onmouseover="swapper('box_3');">
+               <img src="../images/calc-icon.png" class="screenboxcontrol" alt="Calc spreadsheet screenshot" title="Click for Calc spreadsheet screenshot"><br>
+               <span>Calc</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/impress-big.png" onmouseover="swapper('box_4');">
+               <img src="../images/impress-icon.png" class="screenboxcontrol" alt="Impress presentations screenshot" title="Click for Impress presentations screenshot"><br>
+               <span>Impress</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/draw-big.png" onmouseover="swapper('box_5');">
+               <img src="../images/draw-icon.png" class="screenboxcontrol" alt="Draw graphics screenshot" title="Click for Draw graphics screenshot"><br>
+               <span>Draw</span>
+            </a>
+        </div>
+        <div class="screenbox">
+            <a href="http://de.openoffice.org/images/base-big.png" onmouseover="swapper('box_6');">
+               <img src="../images/base-icon.png" class="screenboxcontrol" alt="Base database screenshot" title="Click for Base database screenshot"><br>
+               <span>Base</span>
+            </a>
+        </div>
+    </div>
+    <!-- End of photogallery -->
+
+    <!-- We love three columns, don't we? -->
+    <!-- Holder for three columns -->
+    <div class="articleboxouter">
+      <div id="newsContainer2">
+
+        <!-- Column 1 -->
+    		<div class="c1">
+    		  <div class="noteheader">
+    		    &nbsp;Vorsprung durch Design
+    		  </div>
+    			<div class="spacy">
+Mit Wurzeln, die &uuml;ber zwanzig Jahre zur&uuml;ckreichen, ist OpenOffice.org
+ein ausgereiftes, zuverl&auml;ssiges Produkt.
+OpenOffice.org wurde von Anfang an als eine zusammenh&auml;ngende Software
+entwickelt - nicht als Zusammenstellung einzelner Programme. Dadurch
+ist es in der Bedienung durchg&auml;ngig und leicht zu anzuwenden - was Sie
+in einer Anwendung lernen, ist auch in den anderen Modulen nutzbar. Die
+kontextsensitive Hilfe gibt Ihnen in allen Anwendungen genau die
+Unterst&uuml;tzung, die Sie ben&ouml;tigen. Sie k&ouml;nnen jede Art von Dokument aus
+jeder Anwendung &ouml;ffnen - OpenOffice.org ist wirklich aus einem Guss.
+Dar&uuml;ber hinaus l&auml;uft auf allen wichtigen Plattformen - Microsoft
+Windows, GNU/Linux, Sun Solaris, Mac OS X - ist das nicht toll? </div>
+    		</div>
+
+    		<!-- Column 2 -->
+        <div class="c2">
+          <div class="noteheader">
+              &nbsp;Vorsprung f&uuml;r Sie
+          </div>
+          <div class="spacy">
+OpenOffice.org enth&auml;lt alle Office-Anwendungen, die Sie ben&ouml;tigen, in
+einem einzigen Paket. Sie brauchen sich keine Gedanken dar&uuml;ber zu
+machen, welche Version Sie installieren: eine einzige Installation
+liefert alles. Die Installation umfasst auch einige Features, die
+selbst teure Drittprogramme nicht haben - zum Beispiel die F&auml;higkeit,
+PDF-Dateien zu erstellen, um sicherzugehen, dass Dritte unabh&auml;ngig von
+ihrer Anwendung Ihr Dokument genau so sehen, wie sie es sollen. Es gibt
+auch eine wachsende Reihe von Erweiterungen, so genannten Extensions:
+Zus&auml;tzliche Features, die jeder entwickeln kann. OpenOffice.org
+ver&ouml;ffentlich neue Versionen des Paketes mehrere Male pro Jahr, damit
+Sie schneller in den Genuss von neuer Funktionalit&auml;t kommen. </div>
+        </div>
+
+        <!-- Column 3 -->
+    		<div class="c3">
+           <div class="noteheader">
+              &nbsp;Vorsprung durch Offenheit
+           </div>
+           <div class="spacy">
+    		   <!-- The content for this attention grabbing block -->
+OpenOffice.org wird "ohne Geheimnisse" nach dem Open-Source-Modell
+entwickelt. Jeder kann sich die Programme im Quelltext anschauen und
+Verbesserungen einbringen oder Fehler beheben. Jeder kann Fehler melden
+und Erweiterungen vorschlagen, und jeder kann die Reaktion von anderen
+Benutzern oder Entwicklern darauf sehen. Der Status der aktuellen und
+der zuk&uuml;nftigen Versionen wird auf einem &ouml;ffentliche Wiki dokumentiert.
+So k&ouml;nnen Sie entscheiden, ob und wann Sie ein Upgrade machen, um die
+Vorteile der neuen Funktionen zu genie&szlig;en. Jeder, der kommerzielle
+Software und seine Vermarktung gewohnt ist, wird OpenOffice.org
+erfrischend anders finden. Genie&szlig;en Sie die Vorteile von Open Source! </div>
+         </div>
+      </div>
+    </div>
+    <!-- End of the three columns holder -->
+
+    <!-- This little whitespace will separate the page from the footer -->
+    &nbsp;
+
+
+
+</div>
+<!-- End of master container -->
+
+<div id="valid-xhtml-footer">
+<p>
+    <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict" height="31" width="88"></a>
+	</p>
+</div>
+
+
+
+  </div>
+
+  <div id="footera">
+    <div id="poweredby">
+      <p><img src="/openofficeorg/images/feather-small.gif"/><br/>Powered by the Apache CMS.</p>
+    </div>
+    <div id="copyrighta">
+      <p>
+	Apache "OpenOffice.org" is an effort undergoing incubation at The Apache Software Foundation (ASF), sponsored by the Apache Incubator.
+	Incubation is required of all newly accepted projects until a further review indicates that the infrastructure, communications, and
+	decision making process	have stabilized in a manner consistent with other successful ASF projects. While incubation status is
+	not necessarily a reflection of the completeness or stability of the code, it does indicate that the project has
+	yet to be fully endorsed by the ASF.</p>
+      <p>
+	Copyright &copy; 2011 The Apache Software Foundation Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.
+	<a href="/openofficeorg/contact.html">Contact Us</a> |
+	<a href="/openofficeorg/terms.html">Terms of Use</a>
+	<br />Apache and the Apache feather logos are trademarks of The Apache Software Foundation.
+	<br />OpenOffice.org and the seagull logo are registered trademarks of The Apache Software Foundation.
+	<br />Other names appearing on the site may be trademarks of their respective owners.
+      </p>
+    </div>
+  </div>
+
+</body>
+</html>



Mime
View raw message