/*
* ##################################################################
* OpenHolidayGuide - Das Partnerprogramm für Hotelbewertungen © 2005
* ##################################################################
*
* OHG - Stylesheet 'r_01_graublau'
*
* 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)
*/

h1 { 
  font-weight: bold;  
  font-size: 14px;
  color: #595959;
  margin-bottom: 3px;
}
h1 a{
  color: #595959;
  text-decoration: none;	
}



.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: 36px;
	background-image: url(tablehead_left.gif);
	background-repeat: no-repeat;
}

/*
* 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-image = Hintergrund-Grafik (tableHead_center.gif)
*	background-repeat = Hintergrundgrafike wiederholen (repeat-x)
*/
.tableHeadCenter {
	width: 100%;
	height: 36px;
	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: 36px;
	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  (#595959)
* padding = Innenabstand oben/unten und links/rechts (5px 10px)
*/
.tableTitle {
	border:1px solid #FFFFFF; 
	background-color:#0069B6;
	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:#0069B6;
	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:#0069B6;
	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 (7px)
* 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;
}


/* ################################################################## */
/*#################################
	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;
}