User: mkirchner
Date: 05/07/31 17:23:55

Added:
 /de/www/testdir/
  button_wo.png, button_tuer.png, button_kontakt.png, button_fluch.png,
  button_down.png

Modified:
 /de/www/testdir/
  newhome.html, DeHome.css

Log:
 kleinere Aenderungen im Layout, Farbe, Kommentare im html, Buttonentwuerfe

File Changes:

Directory: /de/www/testdir/
===========================

File [changed]: newhome.html
Url: 
http://de.openoffice.org/source/browse/de/www/testdir/newhome.html?r1=1.1&r2=1.2
Delta lines:  +401 -139
-----------------------
--- newhome.html        30 Jul 2005 14:01:48 -0000      1.1
+++ newhome.html        1 Aug 2005 00:23:51 -0000       1.2
@@ -19,112 +19,217 @@
 /*]]>*/
 </style>
 
+      <!-- 
+      DeHome.css ist von DomainHome kopiert und re/um-definiert eine Reihe von 
Dingen,
+      die sich auf der internationalen Seite nicht finden.
+      -->
 
 </head>
  
  
+       <!-- 
+       Der folgende Body wird spaeter bei Collabnet in eine Tabelle eingefuegt,
+       darueber werden Kopf, linke Navigationsleiste und Fuss eingefuegt.
+       Bei der Hauptseite ist die linke Navigationsleiste im css ausgeblendet.
+       -->
 <body>
 
 <div
      class="contentpart"
      id="spotlight">
+  <!-- 
+  Das Spotlight ist alles, was oben steht und Aufmerksamkeit ziehen soll.
+  -->
      
   <div
        id="spotlightgull">
+
+    <!-- 
+    Das Spotlight ist in vier Bereiche gegliedert: 
+    links die Buttons
+    rechts ein graphisches Element mit Produktlinks
+    in der Mitte der Titel mit kurzem Text
+    darunter der Download-button
+    -->
+    
     <div
          class="buttongroup">
+      <!-- 
+      Die Buttongroup steht ganz links und soll die zweitgroessten
+      (ausser Download) und interessantesten Besuchergruppen abfangen.
+      Dies sind: Neulinge, Supportsuchende. Mitarbeiter und andere
+      Sucher sollten mit der Sitemap finden, was sie brauchen.
+      Bei Kontakt ist sowohl der Pressekontakt als auch die Mailinglisten
+      als auch der rechtliche Hinweis angedacht.
+      -->
+           
       <ul>
         <li> <a
-               href="http://projects.openoffice.org/native-lang.html";
+               href="http://www.openoffice.org/about_us/new.html";
                class="button"
               id="buttonneu"
-              title="Informationen zu OOo">
-              <span>Neu hier ?</span></a> </li>
+               title="Was ist das hier? - Informationen zu OOo">
+               <span>Neu hier?</span></a> </li>
         <li> <a
                href="http://www.openoffice.org/about_us/new.html";
                class="button"
                id="buttonproblem"
-              title="Support, Tutorials, Documentation - alles in Deutsch">
-              <span>Probleme ?</span></a> </li>
+               title="Support, Tutorial, Documentation - alles in Deutsch">
+               <span>Probleme?</span></a> </li>
         <li> <a
                href="http://www.openoffice.org/about_us/new.html";
                class="button"
               id="buttonwo"
-              title="Alle Informationen der De-Seiten auf einen Blick">
-              <span>Wo finde ich ?</span></a> </li>
+               title="Mit einem Blick zu den wichtigsten deutschsprachigen 
Seiten">
+               <span>Wo ist ... ?</span></a> </li>
         <li> <a
                href="http://www.openoffice.org/about_us/new.html";
                class="button"
               id="buttonkontakt"
-              title="Der schnellste Weg zu Ihren Antworten!">
-              <span>Kontakt !</span></a> </li>
+               title="Der schnellste Weg zu Ihren Antworten, besonders 
f&uuml;r Multipikatoren!">
+               <span>Kontakt!</span></a> </li>
+
+        <!-- 
+        links koennen auch weitere Buttons eingefuegt werden,
+        wenn man sich an das obige Schema haelt.
+        Farben und Groessen werden ueber das css realisiert.
+        -->
       </ul>
     </div>
 
     
     <div
-         class="graphicalpresentation"> <img
+      class="graphicalpresentation"> 
+      <!-- 
+      Auf der rechten Seite sind zwei graphische Elemente.
+      Zunaechst ganz links oben ein Bild.
+      -->
+      <img
            src="http://www.openoffice.org/branding/images/gulleggs.gif";
           alt="Ein Bild von Seem&ouml;weneiern"
            title="Seagull eggs (by: Thomas Christensen)"
            longdesc="http://gallery.tc.dk/sejero/DSCF2294_seagull_eggs"; />
-<div
+      <div
            class="ooocomponents">
+        <!-- 
+        Darunter eine Leiste mit den Komponenten von 2.0.
+        -->
         <h2> OpenOffice.org 2.0 Beta Komponenten: </h2>
         <ul
              class="ooocomponentslist">
-          <li
-               class="ooobase"> <a
+          <li class="ooobase"> 
+            <a
                       href="http://www.openoffice.org/product2/base.html"; 
-                      title="Datenbank">Base</a> </li>
-          <li
-               class="ooocalc"> <a
+              title="Datenbank">
+              Base
+            </a></li>
+          <li class="ooocalc"> 
+            <a
                       href="http://www.openoffice.org/product2/calc.html"; 
-                      title="Tabellenkalkulation">Calc</a> </li>
-          <li
-               class="ooodraw"> <a
+              title="Tabellenkalkulation">
+              Calc
+            </a></li>
+          <li class="ooodraw"> 
+            <a
                       href="http://www.openoffice.org/product2/draw.html"; 
-                      title="Vektorzeichnen">Draw</a> </li>
-          <li
-               class="ooomath"> <a
+              title="Vektorzeichnen">
+              Draw
+            </a></li>
+          <li class="ooomath">
+            <a
                       href="http://www.openoffice.org/product2/math.html"; 
-                      title="Formeln erstellen">Math</a> </li>
-          <li
-               class="oooimpress"> <a
+              title="Formeln erstellen">
+              Math
+            </a></li>
+          <li class="oooimpress"> 
+            <a
                       href="http://www.openoffice.org/product2/impress.html";
-                      title="Pr&auml;sentationen">Impress</a> </li>
-          <li
-               class="ooowriter"> <a
+              title="Pr&auml;sentationen">
+              Impress
+            </a></li>
+          <li class="ooowriter"> 
+            <a
                       href="http://www.openoffice.org/product2/writer.html"; 
-                      title="Textverarbeitung">Writer</a> </li>
+              title="Textverarbeitung">
+              Writer
+            </a></li>
         </ul>
       </div> 
-          
     </div>
 
     
+    <!-- 
+    In der Mitte der Seite ist unter dem Seitentitel ein _kurzer_ Text. 
+    -->
     <h1> Freie Office Suite </h1>
-    <p> de.OpenOffice.org m&ouml;chte den Kontakt zu deutschsprachigen 
Entwicklern, Benutzern, Beratern, Fachleuten aus Industrie und Presse und 
allgemein interessierten Personen herstellen und f&ouml;rdern.</p>
-    <p>OpenOffice.org ist sowohl eine <a 
href="http://www.openoffice.org/product2/reqts.html";>multi-platform</a> und <a 
href="http://www.openoffice.org/project/l10n/languages.html";>multi-linguale</a> 
<a href="http://www.openoffice.org/product2/index.html";>Office Suite</a> als 
auch ein <a 
href="http://www.opensource.org/docs/definition.php";>Open-Source</a>-Projekt. 
Kompatibel mit allen anderen gr&ouml;sseren Office Suiten, is OpenOffice.org 
frei: frei herunterladbar, frei gebrauchbar, frei verteilbar. Helfen Sie uns, 
die OpenOffice.org Gemeinschaft zu vergr&oacute;ssern: <a 
href="http://www.openoffice.org/contributing.html";>Registrieren</a> Sie sich 
jetzt.</p>
+    
+    <!-- 
+    Der Text selbst sollte moeglichst nicht als Newsitem gesetzt werden, 
sondern
+    neuen Besuchern eine ganz kurze Information geben, was auf dieser Seite
+    ueberhaupt passiert und ob der Besucher dort richtig ist. 
+    
+    Bei Aktionen kann im css die class wichtig eingeblendet werden. Dabei wird
+    gleich ein Link zum ersten Newsitem aktiv, der dann angesprungen werden
+    kann. Der Absatz sollte nicht geloescht werden, wenn er nicht mehr
+    benoetigt wird, sondern er sollte lediglich im css an zwei Stellen mit
+    display: none; ausgeblendet werden. Zu dem Absatz gehoert noch ein
+    Newsitem mit dem Text, das ueber den Link direkt angesprungen werden kann.
+    -->
+    <p id="wichtig">
+      Wichtig und aktuell: 
+      <a href="#Wichtig">          
+        Mondrakete auf OOo gest&uuml;rzt!
+      </a>        
+    </p>
+
     
     <p>
+      OpenOffice.org ist sowohl eine 
+      <a 
href="http://www.openoffice.org/product2/reqts.html";>multi-platform</a> 
+      und 
+      <a 
href="http://www.openoffice.org/project/l10n/languages.html";>multi-linguale</a> 
+      <a href="http://www.openoffice.org/product2/index.html";>Office Suite</a> 
+      als auch ein 
+      <a 
href="http://www.opensource.org/docs/definition.php";>Open-Source</a>-Projekt. 
+      Kompatibel mit allen anderen gr&ouml;sseren Office Suiten, ist 
OpenOffice.org frei: 
+      frei herunterladbar, frei gebrauchbar, frei verteilbar. 
+      Helfen Sie uns, die OpenOffice.org Gemeinschaft zu vergr&ouml;ssern: 
+      <a href="http://www.openoffice.org/contributing.html";>Registrieren</a> 
+      Sie sich jetzt.
+    </p>
    
-    <div> <span class="button" id="buttondownload"><span>Download<br />
+    <!-- 
+    Der Downloadbutton ist das letzte Element im Spotbereich.
+    Er ist unter dem Kurztext recht prominent plaziert und
+    sollte die Links zu den wesentlichen Versionen und wichtigen
+    Patches erhalten. Ein letzter Link fuehrt zur Downloadseite.
+    -->
+    <p>
+      <div>
+        <span 
+          class="button" 
+          id="buttondownload">
+          <span>
+            Download
+            <br/>
       <ul style="font-size: .6em;">
-       <li>
-               <a href="http://download.openoffice.org/1.1.4/index.html"; 
-               title="Was der Anwender braucht">Die stabile Version 
(1.1.4)</a></li>
-       <li>
-               <a href="http://download.openoffice.org/680/index.html"; 
-                       title="Nur f&uuml;r Tester: geben Sie uns 
R&uuml;ckmeldung, was nicht funktioniert">Die Testversion (1.9+beta)</a></li>
-       <li>
-               <a href="http://distribution.openoffice.org/cdrom/index.html"; 
-                       title="Weitere n&uuml;tzliche 
Downloads">mehr...</a></li>
+              <li> <a 
+                  href="http://download.openoffice.org/1.1.4/index.html"; 
+                  title="Was der Anwender braucht">
+                  Die stabile Version (1.1.4)</a></li>
+              <li> <a 
+                  href="http://download.openoffice.org/680/index.html"; 
+                  title="Nur f&uuml;r Tester: Melden Sie, was nicht 
funktioniert">
+                  Die Testversion (1.9+beta)</a></li>
+              <li> <a 
+                  href="http://distribution.openoffice.org/cdrom/index.html"; 
+                  title="Weitere N&uuml;tzlichkeiten: Vorlagen, Sprachpakete, 
Makros, ...">
+                  mehr...</a></li>
       </ul>
-      </span></span>
+          </span>
+        </span>
     </div>
     </p>
-    
   </div>
 </div>
 
@@ -132,94 +237,251 @@
 <div
      class="contentpart"
      id="news">
+  <!-- 
+  Der Newspart steht unter dem Spotlight und soll die Seite nicht so unaktuell
+  langweilig aussehen lassen. Fuer den Fall, dass wirklich mal was passiert,
+  kann man hier auch News hinstellen.
+  -->
   <div
        class="contentsubpart"
        id="othermedia">
+
+    <!-- 
+    Auf der rechten Seite sind erstmal zwei Tabellen. Jede Tabelle hat einen
+    Kopf mit dem Titel. Dadrunter sind in jeder Tabellenzeile eine Information,
+    in der ersten Spalte ihr Datum, in der zweiten ein als Link formatierter
+    kurzer Hinweistext.
+    -->
+
     <table
-           summary="Was nur fuer die Community interessant ist">
-       <thead>
-        <tr>
-          <td  > de.OOo Interna </td>
-        </tr>
-       </thead>
+      summary="Was nur f&uuml;r die Community interessant ist">
+      <thead><tr><td colspan="2">de.OOo Interna</td></tr></thead>
       <tbody>
+         
+        <!-- 
+        Neue Informationen ueber Interna sollen hier eingefuegt werden.
+        Dabei sollte man schauen, ob ein weiter unten stehendes Item
+        nicht mehr aktuell ist und geloescht werden kann. Folgende
+        Schablone kann man verwenden:
+
         <tr>
+          <td class="headcol">
+            Hier Datum einsetzten, dabei zuerst Tag ohne Punkt, dann Monat mit 
drei
+            Buchstaben ohne Punkt: 1 Jan, 4 M&auml;r
+          </td>
+          <td><a href="http://de.openoffice.org/";>
+            Text der Info, kurz fassen, kein Punkt am Ende
+          </a></td></tr>
+        
+        -->
+
+        <tr>
+          <td class="headcol">
+            20 Apr
+          </td>
        <td><a 
href="http://software.newsforge.com/software/05/07/12/1544207.shtml";>
         CoLead-Wahl bis 30.4.
-               </a>
-       </td>
-        </tr>
+          </a></td></tr>
         <tr>
+          <td class="headcol">
+            12 M&auml;r
+          </td>
        <td><a 
href="http://software.newsforge.com/software/05/07/12/1544207.shtml";>
         neue Mailingliste zur CDROM
-               </a>
-       </td>
-        </tr>
+          </a></td></tr>
         <tr>
+          <td class="headcol">
+            10 M&auml;r
+          </td>
        <td><a 
href="http://software.newsforge.com/software/05/07/12/1544207.shtml";>
                        Unsere neuste Mitarbeiterin:<br/> Karin Mustermann
-               </a>
-       </td>
-        </tr>
+          </a></td></tr>
       </tbody>
     </table>
 
     <table
            summary="Was irgendwie noch auf der Seite schnell untergebracht 
werden soll">
-       <thead>
-        <tr>
-               <td > Aktuelle Downloads </td>
-        </tr>
-       </thead>
+      <thead><tr><td colspan="2">Aktuelle Downloads</td></tr></thead>
       <tbody>
-        <tr>
-       <td><a 
href="http://software.newsforge.com/software/05/07/12/1544207.shtml";>
-       1.Jan. Leitfaden zur Migration von MSO
        
-               </a>
+        <!-- 
+        Neue Informationen ueber Downloads sollen hier eingefuegt werden.
+        Das gilt natuerlich nicht nur fuer Software, sondern besonders
+        auch fuer Dokumenationen und Vorlagen.
+        Dabei sollte man schauen, ob ein weiter unten stehendes Item
+        nicht mehr aktuell ist und geloescht werden kann. Folgende
+        Schablone kann man verwenden:
+
+        <tr>
+          <td class="headcol">
+            Hier Datum einsetzten, dabei zuerst Tag ohne Punkt, dann Monat mit 
drei
+            Buchstaben ohne Punkt: 
+            1 Jan
+            4 M&auml;r
        </td>
-        </tr>
+          <td><a href="http://de.openoffice.org/";>
+            Text der Info, kurz fassen, kein Punkt am Ende
+          </a></td></tr>
+        
+        -->
         <tr>
+          <td class="headcol">
+            1 Jan
+          </td>
        <td><a 
href="http://software.newsforge.com/software/05/07/12/1544207.shtml";>
-       2.Dez. Writer Dokumentation zu Ooo 2.0
-               </a>
+            Leitfaden zur Migration von MSO
+          </a></td></tr>
+        <tr>
+          <td class="headcol">
+            2 Dez
        </td>
-        </tr>
+          <td><a 
href="http://software.newsforge.com/software/05/07/12/1544207.shtml";>
+            Writer Dokumentation zu Ooo 2.0
+          </a></td></tr>
       </tbody>
     </table>
+  </div>
 
+  <!-- 
+  Unter dem Spotlight auf der linken Seite stehen untereinander die
+  Neuigkeitenpunkte (Newsitems). Jedes ist in <div class="item"></div> 
+  eingeschraenkt, hat einen h1 Titel und ein oder mehrere Texte mit
+  jeweils folgender Linkliste. Zusaetzlich kann ein item auch
+  id="newsprimaryarticle" gesetzt haben, um besonders herauszustehen.
+  Im Moment gibt es drei Items, "Wichtig!" "de.OOo braucht Sie!" und
+  "OOo im Gespraech". "Wichtig!" ist nur sichtbar, wenn es im css eingeblendet 
wird.
+  Folgende Schablone kann man verwenden, wenn weiter Items eingefuegt werden 
sollen:
 
+  <div
+    class="item">
+    <h1>Titel</h1>
+    <p>
+      Text
+    </p>
+    <ul>
+      <li><a href="">Weitere Infos</a></li>
+      <li>Kontakt: Karen Mustermann</li>
+    </ul>
   </div>
   
+  -->
+
   <div
        class="item"
-       >
-    <h1>de.OOo braucht Sie!  </h1>
+    id="wichtig">
+    <a name="Wichtig"></a>   
+    <h1>Wichtig!</h1>
+    <!-- 
+    "Wichtig!" soll kurzzeitig, aktuelle Hinweise enthalten, z.B. bei
+    Aktionen oder Patches. Es sollte immer nur ein wichtiges Item geben.
+    "Wichtig" sollte nicht geloescht werden, wenn es nicht mehr benoetigt wird,
+    sondern es sollte lediglich im css an zwei Stellen mit display: none;
+    ausgeblendet werden. (Irrefuehrende Infos koennen natuerlich geloescht 
werden.)
+    Zu dem Newsitem "Wichtig" gehoert noch ein Hinweis mit Link direkt
+    unter dem Titel der Seite.
+    -->
+
     <p>
-    Eine Reihe von englisch- und franz&ouml;sischsprachigen Dokumentationen
-       sollen ins Deutsche &uuml;bersetzt werden. Zudem m&uuml;ssen 
entsprechende
-       Screenshots mit deutscher Lokalisierung erstellt werden. Wenn Sie
-       interessiert sind hieran mitzuarbeiten finden sie <a 
href="http://de.openoffice.org/"; > hier </a> Beschreibung und
-       Hinweise. (Kontakt: Timo Kozlowski)
+      Ha! Doch nicht, war nur ein Scherz.
+    </p>
+
+    <ul>
+      <li><a href="http://de.openoffice.org/";>Weitere Infos</a></li>
+    </ul>
+      
+  </div>
+
+  
+  <div
+    class="item"
+    id="newsprimaryarticle">
+    <h1>de.OOo braucht Sie!</h1>
+    <!-- 
+    "de.OOo braucht Sie!" soll ansprechende, aktuelle Aufgabenbeschreibungen
+    enthalten, die Besucher zur Mitarbeit bewegen. Neue Aufgaben koennen oben
+    eingepflegt werden, ganz alte sollten unten geloescht werden.
+    Folgende Schablone kann man verwenden:
     
+    <p>
+      Text
     </p>
+    <ul>
+      <li><a href="">Weitere Infos</a></li>
+      <li>Kontakt: Karen Mustermann</li>
+    </ul>
+
+    -->
+    <p>
+      Eine Reihe von englisch- und franz&ouml;sischsprachigen Dokumentationen
+      zur Version 2 sollen ins Deutsche &uuml;bersetzt werden. Zudem
+      m&uuml;ssen entsprechende Screenshots zur Version 2 mit deutscher 
Lokalisierung
+      erstellt werden. 
+    </p>
+
+    <ul>
+      <li><a href="http://de.openoffice.org/";>Weitere Infos</a></li>
+      <li>Kontakt: Timo Kozlowski</li>
+    </ul>
+    <!-- 
+    Unteres Ende von "de.OOo braucht Sie!" 
+    -->
+      
+  </div>
+
+
+  
+  <div
+    class="item">
        <h1>OpenOffice.org im Gespr&auml;ch</h1>
+    <!-- 
+    "OpenOffice.org im Gespraech" soll kurze, aktuelle Neuigkeiten
+    rund um OOo und de.OOo enthalten. Neue oben einfuegen, alte
+    unten wegloeschen.
+    Folgende Schablone kann man verwenden:
+
+    <p>
+      Text
+    </p>
+    <ul>
+      <li><a href="">Weitere Infos</a></li>
+      <li>Kontakt: Karen Mustermann</li>
+    </ul>
+    
+    -->
+
        <p>
        Am 4.4. ver&ouml;ffentlichte OOo einen Patch, der eine m&ouml;gliche 
        Sicherheitl&uuml;cke schliesst.
-       <p>
        </p>
+    <ul>
+      <li><a href="http://de.openoffice.org/";>Weitere Infos</a></li>
+      <li><a href="http://de.openoffice.org/";>Direkter Download</a></li>
+    </ul>
+
+    
+    <p>
        OpenOffice.org wird auf dem LinuxTag Karlsruhe (22.-25. Juni) vertreten
        sein.
-       <p>
        </p>
+    <ul>
+     <li><a href="http://de.openoffice.org/";>de.OOo auf dem LinuxTag</a></li>
+     <li><a href="http://de.openoffice.org/";>LinuxTag Karlsruhe</a></li>
+    </ul>
+      
+    <p>
        Unser Auftritt auf der Cebit 2005 war ein grosser Erfolg. Hier finden 
Sie
        Bilder und Eindr&uuml;cke von OOo Teilnehmern.
        </p>
+    <ul>
+     <li><a href="http://de.openoffice.org/";>de.OOo auf der Cebit</a></li>
+     <li><a href="http://de.openoffice.org/";>Fotostrecke</a></li>
+     <li><a href="http://de.openoffice.org/";>Cebit</a></li>
+    </ul>
+    <!-- 
+    Unteres Ende von "OpenOffice.org im Gespraech" 
+    -->
   </div>
-  <div class="item"></div>
-</div>
-<!-- Modified from main project home page -->
  
+</div>
 </body>
 </html>

File [changed]: DeHome.css
Url: 
http://de.openoffice.org/source/browse/de/www/testdir/DeHome.css?r1=1.1&r2=1.2
Delta lines:  +115 -89
----------------------
--- DeHome.css  30 Jul 2005 14:01:48 -0000      1.1
+++ DeHome.css  1 Aug 2005 00:23:51 -0000       1.2
@@ -18,6 +18,8 @@
        margin: 0px;
        width: 100%;
 }
+
+
 /*-------------------- Standard Button Design ---------------------------*/
 .button {
   display: block;
@@ -137,6 +139,14 @@
        padding: 0px;
   font-size: 1.8em;
 }
+
+.contentpart#spotlight #wichtig {
+       display: none; 
+       /* Display auch fuer den Textteil im Bereich news item setzen */
+       font-size: 1.2em;
+       color: #C04040;
+}
+
 .contentpart#spotlight .buttongroup {
        margin: 0px;
        margin-top: 1em;
@@ -163,43 +173,47 @@
 .contentpart#spotlight .buttongroup #buttonneu {
   color: #000000;
   background: #FFFF80 no-repeat;   
-  background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);
+       /*background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);*/
+       background-image: url("button_tuer.png");
 }
 .contentpart#spotlight .buttongroup #buttonproblem {
   color: #000000;
-  background: #94406B no-repeat;   
-  background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);
+       background: #b4608B no-repeat;   
+/* background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);*/
+       background-image: url("button_fluch.png");
 }
 .contentpart#spotlight .buttongroup #buttonwo {
   color: #000000;
-  background: #DC4020 no-repeat;   
-  background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);
+       background: #c44040 no-repeat;   
+/*     background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);*/
+       background-image: url("button_wo.png");
 }
 .contentpart#spotlight .buttongroup #buttonkontakt {
   color: #000000;
   background: #6060FF no-repeat;   
-  background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);
+/*     background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);*/
+       background-image: url("button_kontakt.png");
 }
 
 .contentpart#spotlight .buttongroup #buttonneu:hover  {
   color: #000000;
   background: #FFFF00 no-repeat;   
-  background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);
+       background-image: url("button_tuer.png");
 }
 .contentpart#spotlight .buttongroup #buttonproblem:hover  {
   color: #000000;
-  background: #94006B no-repeat;   
-  background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);
+       background: #a4207B no-repeat;   
+       background-image: url("button_fluch.png");
 }
 .contentpart#spotlight .buttongroup #buttonwo:hover  {
   color: #000000;
   background: #DC0020 no-repeat;   
-  background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);
+       background-image: url("button_wo.png");
 }
 .contentpart#spotlight .buttongroup #buttonkontakt:hover  {
   color: #000000;
-  background: #0000FF no-repeat;   
-  background-image: 
url("http://www.openoffice.org/style/buttonsmallnew_top.gif";);
+       background: #4040FF no-repeat;   
+       background-image: url("button_kontakt.png");
 }
 
 
@@ -210,11 +224,13 @@
   margin-left: 4%;
        font-size: 1.4em;
        color: #000000;
-  background: url("http://www.openoffice.org/style/buttondownload_top.gif";) 
no-repeat;
+/*     background: 
url("http://www.openoffice.org/style/buttondownload_top.gif";) no-repeat;*/
   background-color: #60DF60;
+       background: #60DF60 url("button_down.png") no-repeat;
 }
 .contentpart#spotlight #buttondownload:hover {
   background-color: #00DF00;
+       background-image: url("button_down.png") no-repeat;
 }
 .contentpart#spotlight #buttondownload span {
   display: block;
@@ -225,8 +241,9 @@
        padding-top: 15px;
        padding-left: 35px;
        vertical-align: bottom;
-  background: url("http://www.openoffice.org/style/buttondownload_bottom.gif";) 
no-repeat bottom left;
-       background: none; /*temporary*/
+       background-image: url("button_down.png") no-repeat top left;
+/*     background: 
url("http://www.openoffice.org/style/buttondownload_bottom.gif";) no-repeat 
bottom left; */
+/*     background: none; /*temporary*/
 }
 .contentpart#spotlight #buttondownload sub {
   font-size: .6em;
@@ -254,7 +271,7 @@
        margin-left: auto;
 }
 .contentpart#spotlight .ooocomponents {
-       display: none;
+/*     display: none; */
        float: right;
        width: 100%;
   margin: 0px;
@@ -328,6 +345,7 @@
        color: #444;
        background: #fff 
url("http://www.openoffice.org/branding/images/shadow.gif";) repeat-x;
 }
+
 .contentpart#news .item {
        width: 60%;
        padding: 1%;
@@ -340,16 +358,24 @@
        padding: 4px;
        color: #06348C;
   font-size: 1.2em;
-
        background: #DEE4EE 
url("http://www.openoffice.org/branding/images/lesslightbluefadeout.gif";) 
repeat-y top right;
        border-bottom: solid 1px #e9edf4;
        font-weight: bold; 
+}
 
+.contentpart#news .item#wichtig {
+       display: none; 
+/* display auch im bereich .contentpart#spotlight #wichtig setzten */  
+}
   
+.contentpart#news .item#wichtig h1 {
+       color: #C04040;
 }
+
 .contentpart#news img {
   float: right;
 }
+
 .contentpart#news #newsprimaryarticle {
        background: #f6f8fb 
url("http://www.openoffice.org/branding/images/lightbluefadeout.gif";) repeat-y 
top right;
 }

File [added]: button_wo.png
Url: 
http://de.openoffice.org/source/browse/de/www/testdir/button_wo.png?rev=1.1&content-type=text/vnd.viewcvs-markup
File [added]: button_tuer.png
Url: 
http://de.openoffice.org/source/browse/de/www/testdir/button_tuer.png?rev=1.1&content-type=text/vnd.viewcvs-markup
File [added]: button_kontakt.png
Url: 
http://de.openoffice.org/source/browse/de/www/testdir/button_kontakt.png?rev=1.1&content-type=text/vnd.viewcvs-markup
File [added]: button_fluch.png
Url: 
http://de.openoffice.org/source/browse/de/www/testdir/button_fluch.png?rev=1.1&content-type=text/vnd.viewcvs-markup
File [added]: button_down.png
Url: 
http://de.openoffice.org/source/browse/de/www/testdir/button_down.png?rev=1.1&content-type=text/vnd.viewcvs-markup



---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]

Antwort per Email an