incubator-ooo-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From rbirc...@apache.org
Subject svn commit: r1161242 [3/11] - in /incubator/ooo/site/trunk/content/openofficeorg/de: testdir/ testdir/doc/ testdir/doc/pics/ testdir/product/ testdir/testunterverzeichnis/ veranstaltungen/ veranstaltungen/bilder/ veranstaltungen/cebit2005/ veranstaltun...
Date Wed, 24 Aug 2011 19:35:11 GMT
Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info.html
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info.html?rev=1161242&view=auto
==============================================================================
--- incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info.html (added)
+++ incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info.html Wed Aug 24 19:35:06 2011
@@ -0,0 +1,361 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <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>
+
+
+
+
+
+<!-- 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>
+
+</body>
+</html>

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info2.html
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info2.html?rev=1161242&view=auto
==============================================================================
--- incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info2.html (added)
+++ incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info2.html Wed Aug 24 19:35:06 2011
@@ -0,0 +1,367 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <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>
+
+
+
+
+
+<!-- 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>
+</body>
+</html>

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info3.html
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info3.html?rev=1161242&view=auto
==============================================================================
--- incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info3.html (added)
+++ incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info3.html Wed Aug 24 19:35:06 2011
@@ -0,0 +1,359 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <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>
+
+
+
+
+
+<!-- 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>
+
+</body>
+</html>

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info4.html
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info4.html?rev=1161242&view=auto
==============================================================================
--- incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info4.html (added)
+++ incubator/ooo/site/trunk/content/openofficeorg/de/testdir/info4.html Wed Aug 24 19:35:06 2011
@@ -0,0 +1,340 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+	<title>OpenOffice.org Informationen</title>
+
+	<link rel="stylesheet" href="why4.css" type="text/css" />
+	<script type="text/javascript" src="box.js"></script>
+
+</head>
+
+<body>
+
+
+
+
+
+
+
+<!-- Master Container: Centered and 700px wide -->
+<div id="container">
+
+
+    <!-- This holds the main header -->
+        <!-- This is the site title -->
+        <h1>OpenOffice.org Version 3</h1>
+	<!-- 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: block;" class="boxes" id="box_2">    
+            <!-- The main image. 300px by 210px -->
+            <a href="http://de.openoffice.org/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="http://de.openoffice.org/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: none;" 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 -->
+
+</body>
+</html>

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/infor4.html
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/infor4.html?rev=1161242&view=auto
==============================================================================
--- incubator/ooo/site/trunk/content/openofficeorg/de/testdir/infor4.html (added)
+++ incubator/ooo/site/trunk/content/openofficeorg/de/testdir/infor4.html Wed Aug 24 19:35:06 2011
@@ -0,0 +1,354 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+    <title>OpenOffice.org Version 3.0 Beta</title>
+
+    <link rel="stylesheet" href="./../styles/why.css" type="text/css" />
+    <script type="text/javascript" src="./box.js"></script>   
+    
+</head>
+
+<body>
+
+
+
+
+
+
+<!-- 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="">
+                  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?platform=ooo_beta">
+                  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>
+
+</body>
+</html>

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item1.png
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item1.png?rev=1161242&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item1.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item2.png
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item2.png?rev=1161242&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item2.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item3.png
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item3.png?rev=1161242&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item3.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item4.png
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item4.png?rev=1161242&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item4.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item5.png
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item5.png?rev=1161242&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/item5.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/koscher.html
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/koscher.html?rev=1161242&view=auto
==============================================================================
--- incubator/ooo/site/trunk/content/openofficeorg/de/testdir/koscher.html (added)
+++ incubator/ooo/site/trunk/content/openofficeorg/de/testdir/koscher.html Wed Aug 24 19:35:06 2011
@@ -0,0 +1,27 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+	  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html 	  xmlns="http://www.w3.org/1999/xhtml" lang="de-de">
+
+<head>
+	<title>Koscher</title>
+</head>
+
+<body>
+
+
+	Dies ist eine Test-Datei.
+<p>
+	Lord Dunsany in  "Jorkens borgt sich einen Whisky":
+</p>
+	Nichts liegt mir ferner als den Klub kritisieren zu wollen, dessen Mitglied ich bin. Und doch muss ich feststellen, dass der Klub zu den Jorkens-Geschichten eine Haltung einnimmt, die nicht immer ganz fair ist.
+	Sie ist am ehesten durch das Wort Zweifel zu kennzeichnen und hat dann solche Bemerkungen zur Folge, wie sie neulich von einem jungen Golfspieler gemacht wurden.
+
+und schon wieder ein Test
+</body>
+
+</html>
+
+
+
+
+

Added: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/lines.png
URL: http://svn.apache.org/viewvc/incubator/ooo/site/trunk/content/openofficeorg/de/testdir/lines.png?rev=1161242&view=auto
==============================================================================
Binary file - no diff available.

Propchange: incubator/ooo/site/trunk/content/openofficeorg/de/testdir/lines.png
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream



Mime
View raw message