/*
* ##################################################################
* OpenHolidayGuide - Das Partnerprogramm für Hotelbewertungen © 2005
* ##################################################################
*
* OHG - Stylesheet 'r_01_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>
*
* 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 (36px)
* 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 (36px)
* 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 (36px)
* 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  (#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;
}

body { scrollbar-base-color: #0066CC;
       scrollbar-track-color: #0066CC;
       scrollbar-face-color: #FF9933;
       scrollbar-highlight-color: #FFFFFF;
       scrollbar-3d-light-color: #FFFFFF;
       scrollbar-darkshadow-color: #FFFFFF;
       scrollbar-shadow-color: #000066;
       scrollbar-arrow-color: #FFFFFF;
margin-top: 10px;
}

.text_normal { font-family: Verdana, Tahoma, Arial, "Times New Roman"; font-size: 13px; font-weight: bold; color: #000066;}
.text_fett_weiss { font-family: Verdana, Tahoma, Arial, "Times New Roman"; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration:none;}

    td.menue { background: url(bilder/button1.jpg) no-repeat; height:22px; }
    td.menue a { display:block; text-decoration:none; height:22px; }
    td.menue a:link { background: url(bilder/button1.jpg); height:22px; }
    td.menue a:visited { background: url(bilder/button1.jpg); height:22px; }
    td.menue a:hover { background: url(bilder/button2.jpg) no-repeat; height:22px; text-decoration:none; }
    td.menue a:active {}
    * html td.menue a { width:100%; height:100%; }

    td.menue2 { background: url(bilder/button2.jpg) no-repeat; height:22px; vertical-align:middle; }
    td.menue2 a { display:block; text-decoration:none; height:22pix: vertical-align:middle; }
    td.menue2 a:link { background: url(bilder/button2.jpg); height:22px; vertical-align:middle; }
    td.menue2 a:visited { background: url(bilder/button2.jpg); height:22px; vertical-align:middle; }
    td.menue2 a:hover { background: url(bilder/button1.jpg) no-repeat; height:100%; text-decoration:none; vertical-align:middle; }
    td.menue2 a:active {}
    * html td.menue2 a { width:100%; height:100%; vertical-align:middle;}