/*
* ##################################################################
* OpenHolidayGuide - Das Partnerprogramm für Hotelbewertungen © 2005
* ##################################################################
*
* OHG - Stylesheet 'e_01_graurot'
*
* HINWEIS: Bitte kopieren Sie diese Datei in das, von Ihnen angelegte 
* Verzeichnis '/ohg' innerhalb Ihres Webspaces!
*
* 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-color = Hintergrundfarbe (#D8D8D8)
*/
.headLeft {
	width: 7px;
	height: 31px;
	background-color:#D8D8D8;
}

/*
* 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-color = Hintergrundfarbe (#D8D8D8)
*/
.headCenter {
	width: 100%;
	height: 31px;
	padding: 0px 10px;
	background-color:#D8D8D8;
}

/*
* Seitenkopf rechts
*
* Anzupassen:
* width = Breite des linken Seitenkopf-Elementes (7px)
* height = Höhe des linken Seitenkopf-Elementes (31px)
* background-color = Hintergrundfarbe (#D8D8D8)
*/
.headRight {
	width: 7px;
	height: 31px;
	background-color:#D8D8D8;
}

/* ################################################################## */

/*
* 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-color = Hintergrundfarbe (#D8D8D8)
*/
.tableHeadLeft {
	width: 7px;
	height: 31px;
	background-color:#D8D8D8;
}

/*
* Tabellenkopf mitte
*
* Anzupassen:
* width = Breite des linken Seitenkopf-Elementes (7px)
* height = Höhe des linken Seitenkopf-Elementes (31px)
* padding = Innenabstand oben/unten und links/rechts (0px 10px)
* background-color = Hintergrundfarbe (#D8D8D8)
*/
.tableHeadCenter {
	width: 100%;
	height: 31px;
	padding: 0px 10px;
	background-color:#D8D8D8;
}

/*
* Tabellenkopf rechts
*
* Anzupassen:
* width = Breite des linken Seitenkopf-Elementes (7px)
* height = Höhe des linken Seitenkopf-Elementes (31px)
* background-color = Hintergrundfarbe (#D8D8D8)
*/
.tableHeadRight {
	width: 7px;
	height: 31px;
	background-color:#D8D8D8;
}

/*
* Tabellenkopf Titel
*
* Anzupassen:
* border = Rahmenstärke / -stil / -farbe (1px solid #FFFFFF) 
* background-color =  Hintergrundfarbe der Tabellenzellen  (#595959)
* padding = Innenabstand oben/unten und links/rechts (5px 10px)
*/
.tableTitle {
	border:1px solid #D8D8D8; 
	background-color:#830E0E;
	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  (#595959)
* padding = Innenabstand der Tabellenzeile (5px 10px)
* vertical-align = Vertikale Ausrichtung des Zeileninhalts (top)
*/
.tableRowPlus {
	border:1px solid #FFFFFF; 
	background-color:#830E0E;
	padding: 5px 10px;
	vertical-align:top;
}

/*
* Tabellenelement Minus
*
* Anzupassen:
* border = Rahmenstärke / -stil / -farbe (1px solid #FFFFFF)
* background-color =  Hintergrundfarbe der Tabellenzellen  (#595959)
* padding = Innenabstand der Tabellenzeile (5px 10px)
* vertical-align = Vertikale Ausrichtung des Zeileninhalts (top)
*/
.tableRowMinus {
	border:1px solid #FFFFFF; 
	background-color:#830E0E;
	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 10px)
* 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-color = Hintergrundfarbe (#D8D8D8)
*/
.tableFootLeft {
	width: 7px;
	height: 31px;
	background-color:#D8D8D8;
}

/*
* Tabellenfuss mitte
*
* Anzupassen:
* width = Breite des linken Seitenkopf-Elementes (7px)
* height = Höhe des linken Seitenkopf-Elementes (31px)
* padding = Innenabstand oben/unten und links/rechts (0px 10px)
* background-color = Hintergrundfarbe (#D8D8D8)
*/
.tableFootCenter {
	width: 100%;
	height: 31px;
	padding: 0px 10px;
	background-color:#D8D8D8;
}

/*
* Tabellenfuss rechts
*
* Anzupassen:
* width = Breite des linken Seitenkopf-Elementes (7px)
* height = Höhe des linken Seitenkopf-Elementes (31px)
* background-color = Hintergrundfarbe (#D8D8D8)
*/
.tableFootRight {
	width: 7px;
	height: 31px;
	background-color:#D8D8D8;
}

/* ################################################################## */