You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@openoffice.apache.org by bu...@apache.org on 2017/04/05 17:05:34 UTC

svn commit: r1009872 [4/9] - in /websites/staging/ooo-site/trunk: cgi-bin/ content/ content/ast/download/ content/ast/download/common/ content/ast/estils/ content/ast/img/ content/da/ content/da/product/ content/de/Archiv/ content/de/Archive/ content/d...

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/info2.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/de/Archive/testdir/info2.html (added)
+++ websites/staging/ooo-site/trunk/content/de/Archive/testdir/info2.html Wed Apr  5 17:05:32 2017
@@ -0,0 +1,385 @@
+<!--#include virtual="/doctype.html" -->
+<html>
+<head>
+<link href="/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]-->
+        
+
+<!--#include virtual="/google-analytics.js" --> 
+<!--#include virtual="/scripts/entourage.js" -->
+</head>
+<body>
+<!--#include virtual="/de/brand.html" -->
+  <div id="topbara">
+    <!--#include virtual="/de/topnav.html" -->
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo;&nbsp;<a href="/de/">de</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/">Archive</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/testdir/">testdir</a></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="/download/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="/download/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="/download/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="/download/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="/download/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>
+<!--#include virtual="/footer.html" -->
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/info3.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/de/Archive/testdir/info3.html (added)
+++ websites/staging/ooo-site/trunk/content/de/Archive/testdir/info3.html Wed Apr  5 17:05:32 2017
@@ -0,0 +1,377 @@
+<!--#include virtual="/doctype.html" -->
+<html>
+<head>
+<link href="/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>    
+    
+
+<!--#include virtual="/google-analytics.js" --> 
+<!--#include virtual="/scripts/entourage.js" -->
+</head>
+<body>
+<!--#include virtual="/de/brand.html" -->
+  <div id="topbara">
+    <!--#include virtual="/de/topnav.html" -->
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo;&nbsp;<a href="/de/">de</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/">Archive</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/testdir/">testdir</a></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>
+<!--#include virtual="/footer.html" -->
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/info4.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/de/Archive/testdir/info4.html (added)
+++ websites/staging/ooo-site/trunk/content/de/Archive/testdir/info4.html Wed Apr  5 17:05:32 2017
@@ -0,0 +1,358 @@
+<!--#include virtual="/doctype.html" -->
+<html>
+<head>
+<link href="/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="why4.css" type="text/css" />
+	<script type="text/javascript" src="box.js"></script>
+
+
+<!--#include virtual="/google-analytics.js" --> 
+<!--#include virtual="/scripts/entourage.js" -->
+</head>
+<body>
+<!--#include virtual="/de/brand.html" -->
+  <div id="topbara">
+    <!--#include virtual="/de/topnav.html" -->
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo;&nbsp;<a href="/de/">de</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/">Archive</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/testdir/">testdir</a></div>
+  </div>
+  <div id="clear"></div>
+  
+  
+  <div id="content">
+    
+    
+    
+
+
+
+
+
+
+
+<!-- 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 -->
+
+
+  </div>
+<!--#include virtual="/footer.html" -->
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/infor4.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/de/Archive/testdir/infor4.html (added)
+++ websites/staging/ooo-site/trunk/content/de/Archive/testdir/infor4.html Wed Apr  5 17:05:32 2017
@@ -0,0 +1,372 @@
+<!--#include virtual="/doctype.html" -->
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+    <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>   
+    
+
+<!--#include virtual="/google-analytics.js" --> 
+<!--#include virtual="/scripts/entourage.js" -->
+</head>
+<body>
+<!--#include virtual="/de/brand.html" -->
+  <div id="topbara">
+    <!--#include virtual="/de/topnav.html" -->
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo;&nbsp;<a href="/de/">de</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/">Archive</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/testdir/">testdir</a></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="">
+                  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>
+
+
+  </div>
+<!--#include virtual="/footer.html" -->
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item1.png
==============================================================================
Binary file - no diff available.

Propchange: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item1.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item2.png
==============================================================================
Binary file - no diff available.

Propchange: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item2.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item3.png
==============================================================================
Binary file - no diff available.

Propchange: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item3.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item4.png
==============================================================================
Binary file - no diff available.

Propchange: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item4.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item5.png
==============================================================================
Binary file - no diff available.

Propchange: websites/staging/ooo-site/trunk/content/de/Archive/testdir/item5.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/koscher.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/de/Archive/testdir/koscher.html (added)
+++ websites/staging/ooo-site/trunk/content/de/Archive/testdir/koscher.html Wed Apr  5 17:05:32 2017
@@ -0,0 +1,38 @@
+<!--#include virtual="/doctype.html" -->
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+	<title>Koscher</title>
+
+<!--#include virtual="/google-analytics.js" --> 
+<!--#include virtual="/scripts/entourage.js" -->
+</head>
+<body>
+<!--#include virtual="/de/brand.html" -->
+  <div id="topbara">
+    <!--#include virtual="/de/topnav.html" -->
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo;&nbsp;<a href="/de/">de</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/">Archive</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/testdir/">testdir</a></div>
+  </div>
+  <div id="clear"></div>
+  
+  
+  <div id="content">
+    
+    
+    
+
+
+	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
+
+  </div>
+<!--#include virtual="/footer.html" -->
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/lines.png
==============================================================================
Binary file - no diff available.

Propchange: websites/staging/ooo-site/trunk/content/de/Archive/testdir/lines.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/logos.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/de/Archive/testdir/logos.html (added)
+++ websites/staging/ooo-site/trunk/content/de/Archive/testdir/logos.html Wed Apr  5 17:05:32 2017
@@ -0,0 +1,153 @@
+<!--#include virtual="/doctype.html" -->
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+
+	<title>Marketing-Material  Logos und Bilder</title>
+<!-- Start de-header -->
+	<link rel="stylesheet" href="../styles/de.css" media="screen" type="text/css" />
+	<link rel="stylesheet" href="../styles/de_print.css" media="print" type="text/css" />
+	<link rel="alternate stylesheet" title="ohne Navbar" media="screen" href="../styles/de_nonavbar.css" type="text/css" />
+	<meta http-equiv="Content-Style-Type" content="text/css" />
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+	<style type="text/css">
+        	/*<![CDATA[*/
+        	<!--
+        	@import url("../styles/de_navbar6.css");
+        	-->
+        	/*]]>*/
+        </style>
+
+<!-- End de-header -->
+
+<!--#include virtual="/google-analytics.js" --> 
+<!--#include virtual="/scripts/entourage.js" -->
+</head>
+<body  onload="loginfocus()" class="composite">
+<!--#include virtual="/de/brand.html" -->
+  <div id="topbara">
+    <!--#include virtual="/de/topnav.html" -->
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo;&nbsp;<a href="/de/">de</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/">Archive</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/testdir/">testdir</a></div>
+  </div>
+  <div id="clear"></div>
+  
+  
+  <div id="content">
+    
+    
+    
+<table width="100%" summary="" border="0" cellspacing="0" cellpadding="0">
+<tr><td>
+<h2>Marketing-Material: Logos und Bilder</h2>
+
+<div class="tabs">
+<table  border="0" cellpadding="4" cellspacing="0">
+  <tbody>
+	<tr>
+	<td>
+		<a href="index.html">&Uuml;bersicht</a>
+	  </td>
+	  <td>
+		<a href="erfolgsgeschichten.html">Referenzen</a>
+	  </td>
+	  <td>
+		<a href="druckbares.html">Druckbares</a>
+	  </td>
+	  <td>
+		<a href="praesentationen.html">Pr&auml;sentationen</a>
+	  </td>
+	  <th>
+	  	<a href="logos.html">Logos/Bilder</a>
+	  </th>
+	  <td>
+		<a href="statistik.html">Statistiken</a>
+	  </td>
+
+
+	</tr>
+</tbody>
+</table>
+</div>
+
+
+<table border="0" >
+<tr><td>
+<p>Auf dieser Seite finden Sie Logos und Bilder zu OpenOffice.org:</p>
+
+<h3>Logos:</h3>
+   	Diese Logos sind f&uuml;r die Kennzeichnung des deutschsprachigen Projektes nutzbar.
+   	Logos zu OpenOffice.org im Allgemeinen finden sich beim
+   	Marketing-Projekt f&uuml;r die <a href="http://marketing.openoffice.org/graphics/logos/">Version 1.0</a> und nat&uuml;rlich auch f&uuml;r die <a href="http://marketing.openoffice.org/source/browse/marketing/www/press/ooo11/presskit/logos/">Version 1.1</a>.<br />Schauen Sie auch einmal bei <a href="http://ooodocs.sourceforge.net/">OOoDocs</a> vorbei.<br />
+   	<br /><img src="../marketing/logos/de_ooo_small_256.png" align="right"  alt="logo de.ooo" />
+   	<br />
+   	<ul>
+   	   <li>Aufl&ouml;sung <a href="../marketing/logos/de_ooo_large.png" >8200x2000</a>, 24bit, 1MB</li>
+   	   <li>Aufl&ouml;sung <a href="../marketing/logos/de_ooo_mid.png" >2050x500</a>, 24bit, 200kB</li>
+   	   <li>Aufl&ouml;sung <a href="../marketing/logos/de_ooo_small.png" >299x73</a>, 24bit, 15kB</li>
+   	   <li>Aufl&ouml;sung <a href="../marketing/logos/de_ooo_small_256.png" >299x73</a>, 8bit, 6.6kB</li>
+   	</ul>
+   	<br /><img src="../marketing/logos/de_ooo-seiten_small_256.png" align="right"  alt="logo deutschsprachige Seiten" /><br />
+   	<ul>
+   	   <li>Aufl&ouml;sung <a href="../marketing/logos/de_ooo-seiten_large.png" >8200x2000</a>, 24bit, 1.3MB</li>
+   	   <li>Aufl&ouml;sung <a href="../marketing/logos/de_ooo-seiten_mid.png" >2050x500</a>, 24bit, 240kB</li>
+   	   <li>Aufl&ouml;sung <a href="../marketing/logos/de_ooo-seiten_small.png" >299x73</a>, 24bit, 22kB</li>
+   	   <li>Aufl&ouml;sung <a href="../marketing/logos/de_ooo-seiten_small_256.png" >299x73</a>, 8bit, 8.5kB</li>
+	</ul><br /><br />
+<h3>Screenshots:</h3>
+		<a href="../marketing/screenshots1.1/index.html" target="_blank">Screenshots zu OpenOffice.org 1.1</a><br /><br />
+<h3>Unsere Seiten linken:</h3>
+Weitere Banner (bewegt) finden Sie <a href="../about-linking.html">hier</a>.
+
+
+</td></tr>
+
+</table>
+</td>
+<td valign="top">
+<!-- Start Navbar -->
+	<!-- >
+	Kommentare zur Navbar Materialien und mehr
+	Makemapversion:
+	$Id: makemap.pl,v 1.6 2006/02/12 22:32:45 mkirchner Exp :
+	navbar_Marketing ,V 0.5.5 Mittwoch, 22. Februar 2006 10:15:48 _MLM
+	< -->
+<ul id="navbar_de">
+    <li><div align="center">de-links</div></li>
+    <li> <a href="../index.html" title=" "> Hauptseite </a></li>
+    <li> <a href="../map_all.html" title=" "> Sitemap </a></li>
+    <li> <a href="../neuhier.html" title="Informationen zu OpenOffice.org, dem Softwareprodukt"> Produkt-Info </a></li>
+    <li> <a href="../kontakt.html" title="Informationen zu OpenOffice.org, der Community"> Projekt-Info </a></li>
+    <li> <a href="../downloads/quick.html" title="Software und mehr"> Download </a></li>
+    <li> <a href="../doc/index.html" title="Installationsbeschreibungen und mehr Schriftliches"> Dokumentationen </a></li>
+    <li> <a href="../doc/faq/index.html" title="FAQ- H&auml;ufig gestellte Fragen"> FAQ </a></li>
+    <li> <a href="../probleme.html" title="Wo Hilfe nahe ist"> Support </a></li>
+    <li> <a href="../doc/howto/index.html" title="Knappe Anleitungen f&uuml;r die erste Benutzung"> Erste Schritte </a></li>
+    <li>Marketing
+      <ul>
+      <li> <a href="index.html" title=" ">Marketing-Material </a></li>
+      <li> <a href="erfolgsgeschichten.html" title=" ">Referenzen </a></li>
+      <li> <a href="druckbares.html" title=" " >Druckbares </a></li>
+      <li> <a href="praesentationen.html" title=" ">Pr&auml;sentationen </a></li>
+      <li> Logos und Bilder </li>
+      <li> <a href="statistik.html" title=" "> Statistiken </a></li>
+      <li> <a href="referenzkunden.html" title=" "> Referenzkunden </a></li>
+      <li> <a href="../veranstaltungen/index.html" title=" "> Veranstaltungen </a></li>
+      <li> <a href="../about-ooo/about_unterstuetzung.html" title="Finanzielle Zuwendungen und Serverkapazitaeten"> Zuwendungen </a></li>
+      </ul>
+    </li>
+    <li> <a href="../presse/about-presskit.html" title="Pressemitteilungen, Interviews und andere Informationen"> Presse </a></li>
+    <li> <a href="../dev/index.html" title="Informationen f&uuml;r Mitglieder im de.OpenOffice.org Projekt"> Mithelfen </a></li>
+</ul>
+<!-- End Navbar -->
+</td>
+</tr></table>
+<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" height="31" width="88" /></a>
+  </p>
+
+  </div>
+<!--#include virtual="/footer.html" -->
+</body>
+</html>

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/main.css
==============================================================================
--- websites/staging/ooo-site/trunk/content/de/Archive/testdir/main.css (added)
+++ websites/staging/ooo-site/trunk/content/de/Archive/testdir/main.css Wed Apr  5 17:05:32 2017
@@ -0,0 +1,183 @@
+
+/* Main CSS */
+
+body {
+	margin:auto;
+	padding:0px;
+	width:1010px;
+}
+
+#navcol {
+	display: none;
+}
+
+#breadcrumbs {
+	display: none;
+}
+
+#portal-sections {
+	float: left;
+	width: 30%;
+	/*border: 1px solid #80b0f0;*/
+}
+
+#info-section {
+	background: #cfdffe url("counterwave.png") repeat-y -4px 0;
+	margin-left: 30%;
+	padding-bottom: 14px;
+}
+
+#greeter {
+	/*background: url("lines.gif") no-repeat 100% 0;*/
+	padding-left: 60px;
+}
+
+#containerLines {
+	/*background: url("lines.png") no-repeat 100% 0%;*/
+}
+
+#opener {
+	border: 1px solid #cfdffe;
+}
+
+#download {
+	/* background: url("dnarrow.png") no-repeat 14px 14px; */
+	font-weight: bold;
+	font-size: 2.5em;
+	margin-top: 20px;
+	padding: 12px;
+
+}
+
+#download-sub-links {
+	font-size: .5em;
+	margin-top: 0em;
+	line-height: 1.8em;
+}
+
+#ooo-modules {
+	text-align: center;
+	margin-top: 12px;
+}
+
+img.icon {
+	border: 0;
+}
+
+.sectMainLink {
+	padding-top: 10px;
+	font-size: 1.7em;
+	background: url("sectwave.png") no-repeat 0% 0%;
+	/*height: 100%;*/
+	height: 90px;
+	padding-left: 30px;
+	
+}
+
+.sectMainLinkDoubleHeight {
+	padding-top: 10px;
+	font-size: 1.7em;
+	background: url("sectwave-news.png") repeat-y 0% 0%;
+	height: 190px;
+	padding-left: 30px;
+}
+
+.sectSubLink {
+	font-size: .6em;
+	margin-top: 4px;
+	margin-left: 4px;
+	width: 80%;
+}
+
+.sectItem {
+	height: 100px;
+	margin-bottom: 20px;
+	background-color: #cfdffe;
+	background-position: 100% 0%;
+	background-repeat: no-repeat;
+}
+
+
+#sect1 {
+	background-image: url("item1.png");
+}
+
+#sect2 {
+	background-image: url("item2.png");
+}
+
+#sect3 {
+	background-image: url("item3.png");
+}
+
+#sect4 {
+	background-image: url("item4.png");
+}
+
+/*
+#sect5 {
+	background-image: url("item5.png");
+}
+
+#sect6 {
+	background-image: url("item1.png");
+}
+*/
+
+.newstable {
+	margin-top: 10px;
+	font-size: .9em;
+}
+
+.sectNews {
+	font-size: .7em;
+	margin-top: 0px;
+	margin-left: 4px;
+	width: 80%;
+	line-height: 1.1em;
+}
+
+.sectEvents {
+	font-size: .7em;
+	margin-top: 20px;
+	margin-left: 4px;
+	width: 80%;
+}
+
+.newsHead {
+	margin-top: 0px;
+	margin-bottom: 8px;
+	font-size: 1.4em;
+	line-height: 1.1em;
+}
+
+
+.newsDate {
+	font-weight: bold;
+}
+
+
+.table-title {
+	font-size: 1.4em;
+	font-weight: bold;
+}
+
+.date-row {
+	padding-top: 10px;
+	font-weight: bold;
+}
+
+#validXHTMLIcon {
+	padding-top: 8px;
+	text-align: right;
+}
+
+table.ooomodules {
+	margin: auto;
+}
+
+table.ooomodules td {
+	text-align: center;
+	padding: 0 8px 0 8px;
+}
+

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/main_am.css
==============================================================================
--- websites/staging/ooo-site/trunk/content/de/Archive/testdir/main_am.css (added)
+++ websites/staging/ooo-site/trunk/content/de/Archive/testdir/main_am.css Wed Apr  5 17:05:32 2017
@@ -0,0 +1,177 @@
+
+/* Main CSS */
+
+#navcol {
+	display: none;
+}
+
+#breadcrumbs {
+	display: none;
+}
+
+#portal-sections {
+	float: left;
+	width: 30%;
+	/*border: 1px solid #80b0f0;*/
+}
+
+#info-section {
+	background: #cde4ff url("counterwave.png") repeat-y -4px 0;
+	margin-left: 30%;
+	padding-bottom: 14px;
+}
+
+#greeter {
+	/*background: url("lines.gif") no-repeat 100% 0;*/
+	padding-left: 60px;
+}
+
+#containerLines {
+	/*background: url("lines.png") no-repeat 100% 0%;*/
+}
+
+#opener {
+	border: 1px solid #cde4ff;
+}
+
+#download {
+	/* background: url("dnarrow.png") no-repeat 14px 14px; */
+	font-weight: bold;
+	font-size: 2.5em;
+	margin-top: 20px;
+	padding: 12px;
+
+}
+
+#download-sub-links {
+	font-size: .5em;
+	margin-top: 0em;
+	line-height: 1.8em;
+}
+
+#ooo-modules {
+	text-align: center;
+	margin-top: 12px;
+}
+
+img.icon {
+	border: 0;
+}
+
+.sectMainLink {
+	padding-top: 3px;
+	font-size: 1.7em;
+	background: url("sectwave.png") no-repeat 0% 0%;
+	/*height: 100%;*/
+	height: 90px;
+	padding-left: 30px;
+	
+}
+
+.sectMainLinkDoubleHeight {
+	padding-top: 10px;
+	font-size: 1.7em;
+	background: url("sectwave-news.png") repeat-y 0% 0%;
+	height: 190px;
+	padding-left: 30px;
+}
+
+.sectSubLink {
+	font-size: .57em;
+	margin-top: 4px;
+	margin-left: 4px;
+	width: 80%;
+}
+
+.sectItem {
+	height: 100px;
+	margin-bottom: 20px;
+	background-color: #cfdffe;
+	background-position: 100% 0%;
+	background-repeat: no-repeat;
+}
+
+
+#sect1 {
+	background-image: url("item1.png");
+}
+
+#sect2 {
+	background-image: url("item2.png");
+}
+
+#sect3 {
+	background-image: url("item3.png");
+}
+
+#sect4 {
+	background-image: url("item4.png");
+}
+
+/*
+#sect5 {
+	background-image: url("item5.png");
+}
+
+#sect6 {
+	background-image: url("item1.png");
+}
+*/
+
+.newstable {
+	margin-top: 10px;
+	font-size: .9em;
+}
+
+.sectNews {
+	font-size: .7em;
+	margin-top: 0px;
+	margin-left: 4px;
+	width: 80%;
+	line-height: 1.1em;
+}
+
+.sectEvents {
+	font-size: .7em;
+	margin-top: 20px;
+	margin-left: 4px;
+	width: 80%;
+}
+
+.newsHead {
+	margin-top: 0px;
+	margin-bottom: 8px;
+	font-size: 1.4em;
+	line-height: 1.1em;
+}
+
+
+.newsDate {
+	font-weight: bold;
+}
+
+
+.table-title {
+	font-size: 1.4em;
+	font-weight: bold;
+}
+
+.date-row {
+	padding-top: 10px;
+	font-weight: bold;
+}
+
+#validXHTMLIcon {
+	padding-top: 8px;
+	text-align: right;
+}
+
+table.ooomodules {
+	margin: auto;
+}
+
+table.ooomodules td {
+	text-align: center;
+	padding: 0 8px 0 8px;
+}
+

Added: websites/staging/ooo-site/trunk/content/de/Archive/testdir/marketing.html
==============================================================================
--- websites/staging/ooo-site/trunk/content/de/Archive/testdir/marketing.html (added)
+++ websites/staging/ooo-site/trunk/content/de/Archive/testdir/marketing.html Wed Apr  5 17:05:32 2017
@@ -0,0 +1,25 @@
+<!--#include virtual="/doctype.html" -->
+<html>
+<head>
+<link href="/css/ooo.css" rel="stylesheet" type="text/css">
+<meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=UTF-8">
+<!--#include virtual="/google-analytics.js" --> 
+<!--#include virtual="/scripts/entourage.js" -->
+</head>
+<body>
+<!--#include virtual="/de/brand.html" -->
+  <div id="topbara">
+    <!--#include virtual="/de/topnav.html" -->
+    <div id="breadcrumbsa"><a href="/">home</a>&nbsp;&raquo;&nbsp;<a href="/de/">de</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/">Archive</a>&nbsp;&raquo;&nbsp;<a href="/de/Archive/testdir/">testdir</a></div>
+  </div>
+  <div id="clear"></div>
+  
+  
+  <div id="content">
+    
+    
+    <meta http-equiv="refresh" content="0; URL=index.html">
+  </div>
+<!--#include virtual="/footer.html" -->
+</body>
+</html>