html {width:100%;height:100%;}

/* allgemeinste Textformatierung */
body {font-family:trebuchet ms}

/* Hintergrund für Body auf Hauptseite */
.body {}
a {color:black}
img {border:0px}
label {cursor:pointer;}
input {}
select {}
td {}

/* Überschriftformatierung                          # Beispiel: Reisekombinationen einfach finden */
.headline {margin-left:10px;text-transform:uppercase;color:#000066;padding:5px 0px 10px 5px;}

/* Hinweistext                                      # Beispiel: Bitte beachten */
.headlineExplaination {margin-left:10px;color:#FF6600;}

/* Überschrift der Suchmaske (ausgeblendet) - passiv */
.headlineExplainationPassiv {font-size:0.95em;color:gray;font-weight:normal;}
.informationLink {cursor:pointer;font-weight:bold;text-decoration:underline}

/* Linie zwischen den Suchblöcken */
.searchline {width:5%;border-left:0px solid #4667ad;background-image:url(../images/backgrounds/search-horizental.gif); background-repeat:repeat-y;}

/* Überschrift der Blöcke                           # Beispiel: 2 Nächte Bangkok */
.headlineBlock {font-size:0.85em;color:#000066;padding-left:10px;font-weight:bold}

/* Logo in der Überschrift */
.headlineLogo {}

/* Abschluss vom Tabellenkopf */
.headlineBlockEnd {display:none}

/* Tabellenkopf von z.B Hotel- oder Flyerliste */
.tableHeadlineBG {background-color:#FF6600;color:white;font-size:small;}

/* Auswahlbox                                       # Beispiel: Box für Zielgebiete oder Abflugdatum */
.selectionTable {border:1px solid #FF6600;padding:10px;}

/* Breite für die Optik und margin je nach Abstand zur Umrandung */
.selectionSubTable {width:94%;margin:10px;font-size:small;}
.selectionSubTable select {}
.flyerList-defaultRow {}
.flyerList-defaultRow:hover {}
.flyerList-highlightHead {background-color:#FFE7D6;background-image:url(../images/backgrounds/1x1_border.gif);background-repeat:repeat-x;}
.flyerList-hideRow {display:none}
.flyerList-highlightRow {background-color:#FFE7D6;border-bottom:1px solid #c0c0c0;font-size:small;}
.flyerList-SubHeadlineRow {text-align:center;padding:2px;background-color:#FFE7D6;font-size:small}
.flyerList-FooterLinks {text-align:center;text-decoration:underline;cursor:pointer}
.flyerDetail-highlightRow {}
.flyerDetail-infoSection {}

/* Zwischenüberschrift / Hinweis */
.infoHeadline {font-size:14px;color:#e05a25;font-weight:bold;}

/* Tabellenliste (allgemein) von z.B. Hotel- oder Flyerliste */
.selectionItemBG {background-color:#FFF7EF;border:1px solid #FF6600}

/* Tabellenliste (Zeile) */
.selectionItem {font-size:small;border-bottom:2px solid #FFE7D6}
.selectionItem_Flyername {font-weight:normal;border-bottom:2px solid white;padding-left:3px;}
.selectionItem_Flyername span {cursor:pointer;text-decoration:underline}

/* allgemeine Textformatierung */
.itemText {font-size:0.85em;}
.itemTextItalic {font-size:0.95em;font-style:italic;}
.thumbpicture img {}
.textHighlight {}
.itemText.textHighlight {}

/* Text neben dem Infozeichen */
.infoText {font-style:italic;padding:10px 10px 3px 10px}

/* Spalten in der Flyerliste */
.selectionList_STCode {text-align:center;vertical-align:top}
.selectionList_Valid {text-align:center;vertical-align:top}
.selectionList_Nights {text-align:center;vertical-align:top}
.selectionList_Preis {text-align:right;vertical-align:top;padding-right:4px}
.selectionList_PriceNumber {}
p.infozeichen {margin:0px;padding-left:27px; clear:both;}
p.infozeichen img {padding:0 5px 0 5px;margin-left:-27px; float:left;}

/* Formatierung des Hotelnamens bzw. RR-Namens in der Liste, der Effekt mit der Unterschreichung bei 'onmouseover' ist fest vorgegeben */
.selectionList_Name {cursor:pointer;text-decoration:none;}

/* Formatierung für Hotel und RR Preise */
.selectionDetail_Preis {}

/* Formatierung des Hotelnamens bzw. RR-Namens auf der Detailseite */
.selectionDetail_Name {cursor:pointer;text-decoration:none;}

/* Formatierung des Orts */
.selectionList_Ort {font-style:italic;font-size:small}

/* Formatierung des Codes */
.selectionList_Code {font-style:italic;font-size:small}
.selectionDetail_Code {font-style:italic;font-size:small}

/* Formatierung der Verlängerungsnächte */
.selectionDetail_Extension {font-size:0.85em;}

/* Strich unterhalb jeder Tabellenliste */
.selectionTableFooter {border-top:1px solid #FF6600;height:1px;margin-bottom:15px}

/* "Neue Suche" Button, wenn am Ende dargestellt */
.allOffersButton {text-align:center}

/* Tabelle für die Preiszusammenfassung */
.conclusionTable {margin-bottom:15px}

/* Fehler in Auswahlfeldern */
.selectionFieldError {border:1px solid red}

/* Preis auf Zusammenfassungsseite */
.calcPrice {text-align:right;padding-right:5px;font-size:small;border-bottom:2px solid white}
.calcPriceBig {text-align:right;padding-right:10px;font-size:1.2em;}

/* Verdeutlichung einer Falscheingabe bei den Personendaten */
.errorHighlighting {border:1px solid red}

/* Hinweistexte */
.hintText {}

/* Fehlermeldungen */
.errorMessage {font-size:11pt;font-style:italic;color:red;padding:5px;}

/* Gruppierung von Formularelementen */
.formularGroup {}

/* Breite des Inhalts im Popup */
.popupContentWidth {width:630px}

/* Hauptmenü/Navigationsmenü */
.topMenuBG {background-color:#FFE7D6;font-size:0.7em}

/* Std.element */
.topMenuText {background-color:#FFE7D6;}

/* ausgewähltes Element */
.topMenuTextHighlight {color:#ff6600;text-transform:uppercase;}

/* deaktiviertes Element */
.topMenuTextDisabled {color:#999aAA;}

/* Hotel-Popup-Fenster BG */
.hotelPopupBG {background-color:#c0eeff}

/* Menü im z.B. Popup-Fenster */
.menuBG {background-color:#F7EFD6;font-size:small}
.menuSubBG {background-color:#D9E1F0;font-size:small}
.menuBorder {border-top:0px; border-right:1px solid white;border-bottom:1px solid white;border-left:1px solid white}
.menuHighlight a {color:#ff6600;font-weight:bold}

/* Farbformatierung der Farben in der Preisliste (Popup) */
.priceListHeaderBG1 {padding-left:5px;background-color:#ff6600;color:white;}
.priceListHeaderBG2 {background-color:#FFE7D6;vertical-align:bottom}
.priceListHeaderBG3 {background-color:#FFF7EF;vertical-align:bottom}
.footerText {font-size:0.7em}
.pictureThumbnailBorder {border:1px solid white;padding:1px;display:inline;cursor:pointer}

/* Tooltip CSS */
.tooltip_helpbox {cursor:help}
.tooltip_helpbox span {margin-left:-999em;position:absolute}
.tooltip_helpbox_text {padding:5px}
.tooltip_helpbox_hover {cursor:help}
.tooltip_helpbox_hover span {font-weight:normal;color:black;position:absolute;z-index:99;margin-left:0;width:250px;border:1px solid black;background-color:white;border-radius: 5px 5px 5px 5px;box-shadow:5px 5px rgba(0, 0, 0, 0.1);}
.tooltip_helpbox_hover em {display:block;font-size:11pt;font-weight:bold;}
.popupMenuItempassive {}
.popupMenuItempassive a {text-decoration:none}
.popupMenuItemactive {background-color:#464646;font-weight:bold;padding:4px 2px 4px 15px;}
.popupMenuItemactive a {text-decoration:none;color:#ffffff}
.popupMenuUItempassive {background-color:#E8E8E8;padding:2px}
.popupMenuUItempassive a {text-decoration:none;}
.popupMenuUItemactive {background-color:#D8D8D8;padding:2px 2px 2px 15px}
.popupMenuUItemactive a {text-decoration:none}

/* Erklärungsbox für ausgeblendete Hotels/RR */
.hiddenBlockInfo {color:#222;text-align:center;font-size:12px;box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;background-color:#F9EDBE;border:1px solid #F0C36D;border-radius:2px;padding:4px 0 4px 0;margin:0;display:none;visibility:hidden}
.hiddenBlockInfo span {text-decoration:underline;cursor:pointer}

/* NEUE KLASSEN */
fieldset {margin:10px;border:1px solid silver;}
.thumbpicture {padding:2px;cursor:pointer;overflow:hidden;width:90px;height:57px;margin:auto}
.selectionItem.flyerdetail {border:0px;border-top:1px solid silver;padding-top:2px;}
p.sonnenzeichen {}
p.securityLogo {}
.submitOtherSelection {}
.Bildergalerie {}

/**************/
.FlyerAngebote-Details-Wrapper {border-top:1px solid silver}
.FlyerAngebote-headline {font-weight:bold;font-size:14px}
.FlyerAngebote-Details-Background {text-align:right;float:right}
.FlyerAngebote-Details {font-size:10px;text-align:right;}
a.FlyerAngebote-Details {text-decoration:none;}
.FlyerAngebote-Details:hover {text-decoration:none;}
.FlyerAngebote-Preis {font-size:18px;}
.FlyerAngebote-Bild {}
.FlyerAngebote-Selection {margin:0px 0px 0px 5px;width:98%;border-top:1px dotted silver}
.FlyerAngebote-Code {color:#000;font-weight:normal;font-size:11px;padding-left:10px;padding-top:5px}
.TAImgContainer {}
.TAImg {}
/*************** SONDERSTILE FÜR DIESE VERLINKUNG **************/