/* * ################################################################## * OpenHolidayGuide 
- Das Partnerprogramm für Hotelbewertungen © 2005 * ################################################################## 
* * OHG - Stylesheet 'r_02_grauorange' * * HINWEIS: Bitte kopieren Sie diese Datei 
in das, von Ihnen angelegte * Verzeichnis '/ohg' innerhalb Ihres Webspaces! * 
* * ACHTUNG: Wenn Sie andere Grafiken als die im Styleset vorgegebene verwenden 
möchten, * müssen diese im Verzeichnis '/ohg' gespeichert sein und mit den Dateinamen 
* bezeichnet werden, die Sie in der jeweilgen Styleangabe verwenden. * * Alle 
Styles können frei nach Ihren Wünschen editiert und geändert * werden. Folgen 
Sie den Hinweisen der jeweiligen Kommentaren. * Die Standardangaben finden Sie 
als "Anzupassen" markiert in den Kommentaren * weitere Styles können von Ihnen 
individuell hinzugefügt werden. In Klammern * werden die default-Werte dieses 
Stylesets genannt. * * Die Angaben Ihrer Änderungen müssen - um korrekt /* ################################################################## 
*/ /* * Seitenkopf (headLeft, headCenter, headRight) * * In diesen Styleangaben 
wird das Aussehen des Seitenkopfes des OHG-Partnerprogramms * definiert. Im Seitenkopf 
befindet sich die Suchleiste für Hotels und Orte sowie * der Button für Hotelbewertungen. 
* Seitenkopf links * * Anzupassen: * width = Breite des linken Seitenkopf-Elementes 
(7px) * height = Höhe des linken Seitenkopf-Elementes (31px) * background-image 
= Hintergrund-Grafik (headbg_left.gif) * background-repeat = Hintergrundgrafike 
wiederholen (no-repeat) */ .headLeft { width: 7px; height: 31px; background-image: 
url(headbg_left.gif); background-repeat: no-repeat; } /* * Seitenkopf mitte * 
* Anzupassen: * width = Breite des linken Seitenkopf-Elementes (100%) * height 
= Höhe des linken Seitenkopf-Elementes (31px) * padding = Innenabstand oben/unten 
und links/rechts (0px 10px) * background-image = Hintergrund-Grafik (headbg_center.gif) 
* background-repeat = Hintergrundgrafike wiederholen (repeat-x) */ .headCenter 
{ width: 100%; height: 31px; padding: 0px 10px; background-image: url(headbg_center.gif); 
background-repeat: repeat-x; } /* * Seitenkopf rechts * * Anzupassen: * width 
= Breite des linken Seitenkopf-Elementes (7px) * height = Höhe des linken Seitenkopf-Elementes 
(31px) * background-image = Hintergrund-Grafik (headbg_right.gif) * background-repeat 
= Hintergrundgrafike wiederholen (no-repeat) */ .headRight{ width: 7px; height: 
31px; background-image: url(headbg_right.gif); background-repeat: no-repeat; } 
/* ################################################################## */ /* * 
Listenelemente (arrow, categories) * * In diesen Styleangaben wird das Aussehen 
von HTML-Listenelementen 
<ul>
  und 
  <li> * wie sie z.B. in der Kontinentübersicht verwendet werden, definiert. * 
    HTML-Element 
  <li> * * Anzupassen: * list-style-image = Grafik, die als Listenmarkierung angezeigt 
    wird (arrow_right.gif) * Wenn Sie eine andere Grafik verwenden möchten, muss 
    diese im * Verzeichnis '/ohg' gespeichert sein und mit dem Dateinamen be- 
    * zeichnet sein, den Sie hier angeben. * margin-bottom = Unterer Aussenabstand 
    des Listenelements zu nachfolgenden Elementen (7px) */ .arrow { list-style-image: 
    url(arrow_right.gif); margin-bottom: 7px; } /* * HTML-Element 
    <ul>
      * * Anzupassen: * line-height = Zeilenhöhe der einzelnen Listenelmente (14pt) 
      */ .categories { line-height: 14pt; } /* ################################################################## 
      */ /* * Tabellenkopf (tableHeadLeft, tableHeadCenter, tableHeadRight, tableTitle, 
      tableTitleText) * * In diesen Styleangaben wird das Aussehen des Tabellenkopfes 
      einer Tabelle * des OHG-Partnerprogramms definiert. Der Tabellenkopf wird 
      z.B. auf der Regionen- * seite über der Auflistung der Hotels angezeigt 
      und beinhaltet z.B. die Sortierung * eines Listings. * * Tabellenkopf links 
      * * Anzupassen: * width = Breite des linken Seitenkopf-Elementes (7px) * 
      height = Höhe des linken Seitenkopf-Elementes (31px) * background-image 
      = Hintergrund-Grafik (tableHead_left.gif) * background-repeat = Hintergrundgrafike 
      wiederholen (no-repeat) */ .tableHeadLeft{ width: 7px; height: 31px; background-image: 
      url(tablehead_left.gif); background-repeat: no-repeat; } /* * Tabellenkopf 
      mitte * * Anzupassen: * width = Breite des linken Seitenkopf-Elementes (100%) 
      * height = Höhe des linken Seitenkopf-Elementes (31px) * padding = Innenabstand 
      oben/unten und links/rechts (0px 10px) * background-image = Hintergrund-Grafik 
      (tableHead_center.gif) * background-repeat = Hintergrundgrafike wiederholen 
      (repeat-x) */ .tableHeadCenter { width: 100%; height: 31px; padding: 0px 
      10px; background-image: url(tablehead_center.gif); background-repeat: repeat-x; 
      } /* * Tabellenkopf rechts * * Anzupassen: * width = Breite des linken Seitenkopf-Elementes 
      (7px) * height = Höhe des linken Seitenkopf-Elementes (31px) * background-image 
      = Hintergrund-Grafik (tableHead_right.gif) * background-repeat = Hintergrundgrafike 
      wiederholen (no-repeat) */ .tableHeadRight { width: 7px; height: 31px; background-image: 
      url(tablehead_right.gif); background-repeat: no-repeat; } /* * Tabellenkopf 
      Titel * * Anzupassen: * border = Rahmenstärke / -stil / -farbe (1px solid 
      #FFFFFF) * background-color = Hintergrundfarbe der Tabellenzellen (#FFA200) 
      * padding = Innenabstand oben/unten und links/rechts (5px 10px) */ .tableTitle{ 
      border:1px solid #FFFFFF; background-color:#FFA200; padding: 5px 10px; } 
      /* * Tabellenkopf Titel Text * * Anzupassen: * font-size = Schriftgröße 
      (10px) * font-weight = Schriftstärke (bold) * color = Schriftfarbe (#FFFFFF) 
      */ .tableTitleText { font-size:10px; font-weight:bold; color:#FFFFFF; } 
      /* ################################################################## */ 
      /* * Tabellenzeilen (tableRow1, tableRow2, tableRowPlus, tableRowMinus, 
      tableRowInset) * * In diesen Styleangaben wird das Aussehen eines tabellarischen 
      Listings definiert. * Diese Listings finden z.B. in der Regionen- oder Hotelübersicht 
      Verwendung. * In den Style tableRow1 und tableRow2 werden die Farbwechsel 
      von zwei aufeinanderfolgenden * Tabellenzeilen definiert. * tableRowPlus 
      und tableRowMinus definieren die Seitenelemente (z.B. auf der Hotel- * seite) 
      zum "Auf- und Zuklappen" von Tabellenzeilen. * tableRowInset definiert eingerückte 
      Tabellenzeilen auf der Hotel- und Berichtseite des OHG * * Tabellenzeile 
      Style 1 * * Anzupassen: * border = Rahmenstärke / -stil / -farbe (1px solid 
      #D8D8D8) * background-color = Hintergrundfarbe der Tabellenzellen (#FFFFFF) 
      * padding = Innenabstand der Tabellenzeile (5px 10px) * vertical-align = 
      Vertikale Ausrichtung des Zeileninhalts (top) */ .tableRow1{ border:1px 
      solid #D8D8D8; background-color:#FFFFFF; padding: 5px 10px; vertical-align:top; 
      } /* * Tabellenzeile Style 2 * * Anzupassen: * border = Rahmenstärke / -stil 
      / -farbe (1px solid #D8D8D8) * background-color = Hintergrundfarbe der Tabellenzellen 
      (#F1F1F1) * padding = Innenabstand der Tabellenzeile (5px 10px) * vertical-align 
      = Vertikale Ausrichtung des Zeileninhalts (top) */ .tableRow2{ border:1px 
      solid #D8D8D8; background-color:#F1F1F1; padding: 5px 10px; vertical-align:top; 
      } /* * Tabellenelement Plus * * Anzupassen: * border = Rahmenstärke / -stil 
      / -farbe (1px solid #FFFFFF) * background-color = Hintergrundfarbe der Tabellenzellen 
      (#FFA200) * padding = Innenabstand der Tabellenzeile (5px 10px) * vertical-align 
      = Vertikale Ausrichtung des Zeileninhalts (top) */ .tableRowPlus{ border:1px 
      solid #FFFFFF; background-color:#FFA200; padding: 5px 10px; vertical-align:top; 
      } /* * Tabellenelement Minus * * Anzupassen: * border = Rahmenstärke / -stil 
      / -farbe (1px solid #FFFFFF) * background-color = Hintergrundfarbe de/* 
      * ################################################################## * OpenHolidayGuide 
      - Das Partnerprogramm für Hotelbewertungen © 2005 * ################################################################## 
      * * OHG - Stylesheet 'r_02_grauorange' * * HINWEIS: Bitte kopieren Sie diese 
      Datei in das, von Ihnen angelegte * Verzeichnis '/ohg' innerhalb Ihres Webspaces! 
      * * * ACHTUNG: Wenn Sie andere Grafiken als die im Styleset vorgegebene 
      verwenden möchten, * müssen diese im Verzeichnis '/ohg' gespeichert sein 
      und mit den Dateinamen * bezeichnet werden, die Sie in der jeweilgen Styleangabe 
      verwenden. * * Alle Styles können frei nach Ihren Wünschen editiert und 
      geändert * werden. Folgen Sie den Hinweisen der jeweiligen Kommentaren. 
      * Die Standardangaben finden Sie als "Anzupassen" markiert in den Kommentaren 
      * weitere Styles können von Ihnen.headLeft { width: 7px; height: 31px; background-image: 
      url(headbg_left.gif); background-repeat: no-repeat; } /* * Seitenkopf mitte 
      * * Anzupassen: * width = Breite des linken Seitenkopf-Elementes (100%) 
      * height = Höhe des linken Seitenkopf-Elementes (31px) * padding = Innenabstand 
      oben/unten und links/rechts (0px 10px) * background-image = Hintergrund-Grafik 
      (headbg_center.gif) * background-repeat = Hintergrundgrafike wiederholen 
      (repeat-x) */ .headCenter { width: 100%; height: 31px; padding: 0px 10px; 
      background-image: url(headbg_center.gif); background-repeat: repeat-x; } 
      /* * Seitenkopf rechts * * Anzupassen: * width = Breite des linken Seitenkopf-Elementes 
      (7px) * height = Höhe des linken Seitenkopf-Elementes (31px) * background-im/*################################# 
      SEO-Karten ################################## */ div.kLabel { position:absolute; 
      text-align:center; } div.kLabel * { position:absolute; font-weight:bold; 
      font-size:9px; } div.kLabel *.ub { font-weight:normal; } div.kLabel a { 
      text-decoration: none; left:1px; top:1px; } div.kLabel a.r { left:auto; 
      right:2px; } div.kLabel div { color:#FFFFFF; left:2px; top:2px; } div.kLabel 
      div.r { left:auto; right:1px; } div.kOrt { position:absolute; width:5px;	
      height:5px; background-color:#000000; font-size:1px; } div.kStadt { position:absolute; 
      width:5px; height:5px; background-color:#A00000; font-size:1px; } 
    </ul>
</ul>