/*
* ##################################################################
* OpenHolidayGuide - Das Partnerprogramm für Hotelbewertungen © 2006
* ##################################################################
*
* OHG - Stylesheet Amica
*
* 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: #F0EEE4;
	border-top: 1px solid #CCCACA;
	border-bottom: 1px solid #CCCACA;
}


/*
* 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: #F0EEE4;
	border-top: 1px solid #CCCACA;
	border-bottom: 1px solid #CCCACA;
}


/*
* 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: #F0EEE4;
	border-top: 1px solid #CCCACA;
	border-bottom: 1px solid #CCCACA;
}

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

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

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

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

/*
* 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-bottom:1px solid #fff; 
	border-top:1px solid #fff; 
	background-color:#F0EEE4;
	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:#000000;
}

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

/*
* 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 #CCCACA; 
	background-color:#F0EEE4;
	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 #CCCACA; 
	background-color:#FFF;
	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-top:1px solid #FFF;
	border-left:1px solid #FFF;  
	background-color:#F0EEE4;
	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 #ECECF5; 
	border-left:1px solid #FFF;  
	background-color:#F0EEE4;
	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 #ECECF5; 
	background-color:#FFF;
	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: #F0EEE4;
}

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

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

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

/*#################################
	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 {
	color:#050505;
	text-decoration: none;
	left:1px; top:1px; 
	font-family: verdana;
}

div.kLabel a.r {
	left:auto; right:2px;
}

div.kLabel div {
	color:#FFFFFF;
	left:2px; top:2px;
	font-family: verdana;
}

div.kLabel div.r {
	left:auto; right:1px;
}

div.kOrt {
	position:absolute;
	width:5px;	
	height:5px;
	background-color:#003082;
	font-size:1px;
}

div.kStadt {
	position:absolute;
	width:5px;	
	height:5px;
	background-color:#ED1C24;
	font-size:1px;
}

/* Amica Anpassungen */
#globalcontainer a { text-decoration: none; color: #000; }
#globalcontainer a:hover {color:#891217;}

li a b{
	font-size: 13px;
}

#globalhead td { vertical-align: middle; }
#globalhead { border: 1px solid #CCCCE0; }

.text {color: #000;}
.textBold {color: #000;}
#globalclaim {color: #000; font-size: 12px;}
.smallTextBold {color: #000;}

.schrittNaviLinkpassiv{
	color: #E8EEF0;
	font-size: 10px;
	font-weight: bold;
}

.schrittNaviLinkaktiv{
	color: #891217;
	font-size: 10px;
	font-weight: bold;
}

.schrittNaviLink{
	color: #000;
	font-size: 10px;
	font-weight: bold;
}

.schrittNaviLinieaktiv{
	border-top:1px solid #E8EEF0;
	height: 8px;
}

.schrittNaviLiniepassiv{
	border-top:1px solid #D5D4D0;
	height: 8px;
}

.votebarHigh {
	background: url(votebar_high.gif) no-repeat;
	height: 15px;
}

.votebarLow {
	background: url(votebar_low.gif) no-repeat;
	height: 15px;
}

.votebarSmall {
	background: url(votebar_small.gif) no-repeat;
	height: 15px;
}

.votebarSmallLow {
	background: url(votebar_small_low.gif) no-repeat;
	height: 15px;
}

a {
	font-size: 12px;
}

#ohgContent ul {
	margin: 0px 17px;
	padding: 0px;
}

#ohgContent table {
	border-collapse: collapse;
}

#ohgContent form {
	margin:0px;
}

#ohgContent input {
	margin:0px;
	font-size:10px;
	font-weight:normal;
	color:#3A3A3A;
}

#ohgContent textarea {
	margin:0px;
	font-size:12px;
	font-weight:normal;
	color:#3A3A3A;
}

#ohgContent select {
	margin:0px;
	font-size:10px;
	font-weight:normal;
	color:#3A3A3A;
}

#ohgContent .smallerText {	
	font-size: 9px;
}

#ohgContent .smallText {	
	font-size: 10px;
}

#ohgContent .smallTextBold {	
	font-size:10px;
	font-weight:bold;
}

#ohgContent .text, #ohgContent .textHiglightBold {	
	font-size:12px;
}

#ohgContent .textHighlightBold {
	color: #FF0000;
	font-weight: bold;
}

#ohgContent .textBold {	
	font-weight:bold;
}

#ohgContent .title {	
	font-weight:bold;
}

.pd-r21 {
	font-size:10px;
}

.h33 a {
	font-size:10px;
}

.lh-12 a {
	font-size:10px;
}
