/* * ################################################################## * 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 angezeigt 
zu werden - * validem CSS entsprechen. * * Support unter: supportatopenholidayguide.net 
* */ /* ################################################################## */ 
/* * 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>
      <p>* * 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 der Tabellenzellen (#FFA200) * padding 
        = Innenabstand der Tabellenzeile (5px 10px) * vertical-align = Vertikale 
        Ausrichtung des Zeileninhalts (top) */ .tableRowMinus{ border:1px solid 
        #FFFFFF; background-color:#FFA200; padding: 5px 10px; vertical-align:top; 
        } /* * Tabellenzeile eingerückt * * Anzupassen: * border = Rahmenstärke 
        / -stil / -farbe (1px solid #D8D8D8) * background-color = Hintergrundfarbe 
        der Tabellenzellen (#F1F1F1) * padding = Innenabstand der Tabellenzeile 
        (5px 20px) * vertical-align = Vertikale Ausrichtung des Zeileninhalts 
        (top) */ .tableRowInset{ border:1px solid #D8D8D8; background-color:#F1F1F1; 
        padding: 5px 20px; vertical-align:top; } /* ################################################################## 
        */ /* * Tabellenfuss (tableFootLeft, tableFootCenter, tableFootRight) 
        * * In diesen Styleangaben wird das Aussehen des Tabellenfusses einer 
        Tabelle * des OHG-Partnerprogramms definiert. Der Tabellenfuss wird z.B. 
        auf der Regionen- * seite unter der Auflistung der Hotels angezeigt und 
        beinhaltet z.B. die Sortierung * eines Listings. * * Tabellenfuss links 
        * * Anzupassen: * width = Breite des linken Seitenkopf-Elementes (7px) 
        * height = Höhe des linken Seitenkopf-Elementes (31px) * background-image 
        = Hintergrund-Grafik (tableFoot_left.gif) * background-repeat = Hintergrundgrafike 
        wiederholen (no-repeat) */ .tableFootLeft { width: 7px; height: 31px; 
        background-image: url(tablefoot_left.gif); background-repeat: no-repeat; 
        } /* * Tabellenfuss 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 (tableFoot_center.gif) * background-repeat 
        = Hintergrundgrafike wiederholen (repeat-x) */ .tableFootCenter { width: 
        100%; height: 31px; padding: 0px 10px; background-image: url(tablefoot_center.gif); 
        background-repeat: repeat-x; } /* * Tabellenfuss rechts * * Anzupassen: 
        * width = Breite des linken Seitenkopf-Elementes (7px) * height = Höhe 
        des linken Seitenkopf-Elementes (31px) * background-image = Hintergrund-Grafik 
        (tableFoot_right.gif) * background-repeat = Hintergrundgrafike wiederholen 
        (no-repeat) */ .tableFootRight { width: 7px; height: 31px; background-image: 
        url(tablefoot_right.gif); background-repeat: no-repeat; } /* ################################################################## 
        */ /*################################# 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; } </p>
      <p>&nbsp; </p>
    </ul>
</ul>