/* Seiten blaettern im Gastgeberverzeichnis */

.ListPager ul li a { border: 1px solid transparent; display: block; float: left; margin: 2px; padding: 1px; font-weight: normal; }

.ListPager ul li a:hover, .ListPager ul li a.active { border: 1px solid #ccc; background: #fff; font-weight: bold; }

/* Galerieansicht in der Trefferliste */

#gallery { width: 100%; margin-bottom: 10px; }

#gallery #viewer { margin-right: 2%; }

#gallery #viewer img { width: 100%; height: auto; }

#gallery #index .thumb { border: 1px solid #ccc; padding: 2%; margin: 2% }

#gallery #index img { width: 100%; height: auto; }

#gallery .closeButton { color: #FF0000; cursor: pointer; font-size: 14px; font-weight: bold; text-align: right; }

/* Ende der Hinterlassenschaft */

/* Darstellung filter in linker Spalte */

#tt_column .box { margin: 0px 0px 20px 0px; }

#tt_column .box .filter h5 { border-top: 1px solid #fff; margin: 10px 0px 5px 0px; padding: 5px 0px 0px 0px; font-size: 12px;  font-weight: normal; }

#tt_column .box .filter h5.firstHeadline { border: none; margin: 0px 0px 5px 0px; padding: 0px; }

#tt_column .destinationSearch, #tt_column .calendarContainer, #tt_column .accommodationBlock, #tt_column .wohneinheit, #tt_column .adultPersons, #tt_column .childPersons, #tt_column .accommodationType, #tt_column .priceLimit { margin-bottom: 5px; }

#tt_column .box .filter .accommodationBlock h5 { background-color: #548AB9; background-image: url(/gfx/arrow-sprite.png); background-repeat: no-repeat; background-position: 5px top; cursor: pointer; padding: 5px 0px 5px 25px; line-height: 15px; }

#tt_column .box .filter .accommodationBlock.open h5 { background-color: transparent; background-position: 5px -21px; }

#tt_column #accommodationInner { display: none; }

#tt_column .classificationCheck .ui-classification-star { float: left; margin: 1px; }

#klassifizierungLabels ul li button { padding: 0px; }

#tt_column .ui-labels span.button { display: block; float: left; cursor: pointer; width: 17px; height: 17px; }

#tt_column .resetSearch { display: block; margin: 5px 0px 0px 0px; cursor: pointer; }

/* Styling Merkzettel */

#tt_column .filter span.delete { background: #FFFFFF; color: #FF0000; cursor: pointer; display: block; float: right; font-weight: bold; padding: 2px 5px; text-align: right; margin-bottom: 2px; font-size: 10px; }

#leaflet2 .box .filter h5 { border-top: 1px solid #fff; margin: 5px 0px; padding: 5px 0px 0px 0px; }

#leaflet2 .box .filter h5 a { display: block; font-size: 14px; font-weight: bold; }

/* Darstellung Travel Trefferliste Start */

#tt_resultList, #tt_orientationNav { margin-bottom: 10px; }

#tt_orientationNav ul li { display: block; text-align: center; }

#tt_orientationNav ul li span { display: block; text-align: center; }

#tt_orientationNav ul li a { display: block; text-align: center; padding: 2px 5px; line-height: 16px; }

#tt_resultList .tt_viewPager { position: relative; min-height: 47px; }

#tt_resultList .tt_viewPager .changeView { border-right: 1px solid #fff; padding: 5px 5px 0px 5px; }

#tt_resultList .tt_viewPager .toolbar { padding: 5px 5px 0px 5px; }

#tt_resultList #pagerWaitCircle { position: absolute; right: 170px; top: 15px; }

#tt_resultList .resultTabs { height: 27px; }

#tt_resultList .changeView ul li { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #fff; background-color: #468e00; background-image: url(/se_data/global/gfx/travel/bg-listView-sprite.png); background-repeat: no-repeat; background-position: 2px 2px; padding: 2px 5px 2px 35px; line-height: 16px; color: #fff; display: inline; cursor: pointer; display: block; float: left; margin: 0px 2px 0px; }

#tt_resultList .changeView ul li.active { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background-color: #fff; color: #000; padding: 2px 5px 7px 35px; }

#listView { background-position: 2px -73px !important; }

#listView.active { background-position: 2px 2px !important; }

#galleryView { background-position: 2px -98px !important; }

#galleryView.active { background-position: 2px -23px !important; }

#mapView { background-position: 2px -124px !important; }

#mapView.active { background-position: 2px -49px !important; }

/* ------------- Treffer Trefferliste Detail ---------------------- */

#tt_listContent { padding: 0 2% 0 3%;}

#resultList { margin: 0; padding: 0; list-style: none; }

#resultList .travelTreffer { background: #fff; position: relative; margin: 10px 2px; padding: 10px; border: 1px solid #666; }

.travelTreffer .hostHeader { margin-bottom: 15px ; }

.travelTreffer .hostClaim h1 { margin-bottom: 5px; }

.travelTreffer .hostImgNumber { background: url(/se_data/global/gfx/travel/bg-moreImgBack.png) no-repeat right top; width: 45px; height: 75px; position: absolute; top: 93px; right: 0px; }

.travelTreffer .hostImgNumber .number { background: url(/se_data/global/gfx/travel/bg-moreImg.png) no-repeat center top; height: 35px;  line-height: 20px; padding: 5px 0 0 0; position: absolute; left: 0px; bottom: 0px; text-align: center; width: 45px; }

.travelTreffer .hostImgNumber .number span { color: #fff; cursor: pointer; }

.travelTreffer .hostImgNumber .number span.small { display: block; padding-top: 2px; color: #343434; }

/* Klassifizierung */

.travelTreffer ul.classification { padding: 0 0 0 4px; }

.travelTreffer ul.classification li { display: inline; margin: 0 20px 0 0; }

.travelTreffer ul.classification .stars span { font-size: 20px; color: #fad553; }

/* Bilder */

.travelTreffer .hostImageContainer { margin: 0 15px 0 0; position: relative; width: 200px; }

.travelTreffer .mainImage { cursor: pointer; padding-bottom: 2px; width: 200px; position: relative; }

.travelTreffer .mainImage .bild { width: 200px; height: 133px; overflow: hidden; }

.travelTreffer .mainImage img { width: 200px; height: auto; }

.travelTreffer .hostImages ul { margin: 0; padding: 0; list-style: none; width: 200px; }

.travelTreffer .hostImages ul li { display: block; margin: 1px; width: 48px; height: 32px; overflow: hidden; }

.travelTreffer .hostImages ul li img { width: 48px; height: auto; }

/* Merkmale */

.hostAttribute { margin: 10px 0px; }

.hostAttribute ul li { display: block; padding: 1px; margin: 2px; border: 1px solid #000; }

.hostAttribute ul li img { height: 35px; width: auto; }

/* InfoContainer */

.hostInfoContainer { font-weight: normal; position: relative; }

.hostDescription { margin: 0 5% 0 0; min-height: 135px; }

.hostEvaluation a, .hostEvaluation span, .hostGalleryEvaluation a, .hostGalleryEvaluation span { color: #787878; text-decoration: underline; display: block; float: left; padding: 2px 0px 2px 20px; }

.hostGalleryEvaluation span.onlineBookable, .hostEvaluation span.onlineBookable { text-decoration: none; color: #000; font-weight: bold; }

.hostEvaluation a.hostDetails, .hostGalleryEvaluation a.hostDetails { color: #787878; margin-right: 10px; text-decoration: underline; background: url(/se_data/global/gfx/travel/bg-details.png) no-repeat left center; }

.hostEvaluation .hostLeaflet, .hostGalleryEvaluation .hostLeaflet { cursor: pointer; background: url(/se_data/global/gfx/travel/bg-merken.png) no-repeat left center; }

.hostVideoMap { margin: 10px 0px 10px 0px; }

.hostVideoMap a { display: block; padding: 30px 5px 2px 5px; margin: 0px 5px 0px 0px; }

.hostVideoMap .videoLink { background: url(/se_data/global/gfx/travel/bg-showVideo.png) no-repeat center top; }

.hostVideoMap .mapLink { background: url(/se_data/global/gfx/travel/bg-showOnMap.png) no-repeat center top; }

/* Buchungsbutton und Preis */

.hostPrices { margin: 0px 0px 10px 0px; }

.hostPrices ul li.offer { font-weight: bold; margin: 3px; }

.hostPrices ul li.offer i { font-weight: normal; }

.hostPrices ul li.offer span { display: block; }

.hostPrices .moreHits a, .hostPrices .ui-state-default .moreHits a { color: #468e00; font-weight: bold; }

.hostPrices .price, .hostGalleryPrices .price { font-size: 2em; font-weight: bold; }

.hostPrices .price span { margin: 0 0.3em 0 0; font-size: 0.5em; }

.hostPrices .button.booking { padding: 5px; border: 1px solid #000; }

.hostFoot a { border-bottom: 1px dotted #000; font-weight: bold; }

.hostFoot a:hover { border-bottom: 1px solid #000;}

.travelTreffer .button, #travelDetail .button { margin: 3px; }

.travelTreffer .suchestarten, #travelDetail .hostOfferFunctions .suchestarten { font-weight: normal; text-transform: uppercase; padding: 2px 20px 2px 5px; line-height: 16px; margin: 0px; display: block; }

.travelTreffer .suchestarten span, #travelDetail span.suchestarten { cursor: pointer; }

/* Darstellung Travel Trefferliste Ende */

/* Darstellung Gallery-Ansicht Start */

#resultList .travelTrefferGallery { background: #fff; position: relative; margin: 0px 2px 4px 2px; padding: 10px; border: 1px solid #666; }

.travelTrefferGallery .hostGalleryClaim h1 { margin-bottom: 5px; font-size: 13px; }

.travelTrefferGallery .hostGalleryPlace { margin: 10px 0px 0px 0px; min-height: 30px; }

/* Klassifizierung */

.travelTrefferGallery .hostGalleryClassification { margin: 10px 0px 0px 0px; min-height: 30px; }

.travelTrefferGallery ul.classification { padding: 0 0 0 4px; }

.travelTrefferGallery ul.classification li { display: inline; }

.travelTrefferGallery ul.classification .stars span { font-size: 20px; color: #fad553; line-height: 12px; }

/* Bilder */

.travelTrefferGallery .hostGalleryImageContainer { position: relative; }

.travelTrefferGallery .mainImage {  margin-bottom: 10px; height: 133px; overflow: hidden; }

.travelTrefferGallery .mainImage img { width: 100%; height: auto; display: block; }

/* Merkmale */

/* InfoContainer */

.travelTrefferGallery .hostGalleryInfoContainer { font-weight: normal; position: relative; }

.travelTrefferGallery .hostGalleryDescription { margin: 0 5% 0 0; }

.travelTrefferGallery .hostGalleryEvaluation { margin-top: 10px; }

.travelTrefferGallery .hostGalleryEvaluation a { display: block; float: left; padding: 2px 0px 2px 20px; }

/* Buchungsbutton und Preis */

.hostGalleryPrices { margin: 10px 0px 10px 0px; }

.hostGalleryPrices .button.booking { padding: 5px; border: 1px solid #000; }

/* Darstellung Gallery-Ansicht Ende */

#map, #map-side-bar { margin: 10px 0px; }

/* Progressbar fuer jQuery */

.ui-progressbar-value { height: 100%; margin: -1px; background-image: url(/gfx/pbar-ani.gif) !important; }

/* ------------- Travel Detail ---------------------- */

#travelDetail { position: relative; margin: 10px 2px; padding: 10px; border: 1px solid #666; }

#travelDetail .hostHeader { margin-bottom: 15px ; }

#travelDetail .hostClaim h1 { margin-bottom: 5px; }

#travelDetail .hostImgNumber { background: url(../img/bg-moreImgBack.png) no-repeat right top; width: 75px; height: 62px;  position: absolute; top: 93px; right: 0px; }

#travelDetail .hostImgNumber .number { height: 25px; line-height: 20px; padding: 5px 0 0 11px; position: absolute; left: 0px;  bottom: 0px; }

#travelDetail .hostImgNumber .number a { color: #343434; text-decoration: none; }

/* Klassifizierung */

#travelDetail ul.classification { padding: 0 0 0 4px; }

#travelDetail ul.classification li { display: inline; margin: 0 20px 0 0; }

#travelDetail ul.classification .stars span { font-size: 20px; color: #fad553; line-height: 12px; }

/* Bilder */

#travelDetail .hostImageContainer,
#travelDetail .hostOfferImageContainer { margin: 0 15px 0 0; position: relative; width: 200px; }

#travelDetail .mainImage {  margin-bottom: 15px; width: 200px; height: 133px; overflow: hidden; }

#travelDetail .mainImage img { width: 200px; height: auto; }

#tabs .hostImg.tab { padding: 1%; margin: 0 1%; border: 1px solid #ccc; }

#tabs .imgRow { margin: 10px 0px; }

#tabs .hostImg.tab img { width: 100%; height: auto; }

#tabs .merkmale { padding: 0px 5% 0px 0px; }

#tabs dt { background: #efefef; font-weight: bold; padding: 0px 2px; }

#tabs dd { border-bottom: 1px solid #ccc; margin: 3px 0px 3px 5px; padding: 0px 0px 3px 0px; }

#tabs #map { width: 662px; height: 500px; }

/* InfoContainer */

.hostInfoContainer { font-weight: normal; position: relative; }

.hostDescription { margin: 0 5% 0 0; }

#travelDetail .suchestarten { font-weight: bold; padding: 5px; margin: 3px; display: block; }

/* Tabs / Tabbed Content */

#tabs ul li a { white-space: normal; }

#tabs .hostAllocation a { padding: 5px 0px 5px 25px; display: block; }

.checkAllocation label { display: block; }

.checkAllocation .calendarContainer,
.checkAllocation .adultPersons,
.checkAllocation .toleranztageContainer { padding: 0px 10px 0px 0px;}

.checkAllocation #von,
.checkAllocation #bis { width: 100px; }

.checkAllocation .suchestarten button { background: #ccc; border: none; cursor: pointer;  }

/* Leistungsuebersicht */

#travelDetail .hostOffer { background: #fff; margin: 10px 0px 0px 0px; }

#travelDetail .hostOffer .hostOfferHead { padding-right: 5%; }

#travelDetail .hostOffer .hostOfferDescription { overflow-x: hidden; }

#travelDetail .hostOfferInfoContainer { padding: 10px 15px 10px 0px; }

#travelDetail .hostOfferName h2 { margin: 0px 0px 15px 0px; }

#travelDetail  .hostPrices .price, .hostGalleryPrices .price {font-size: 1.3em; }

#travelDetail .hostPrices .price span, .hostGalleryPrices .price span { font-size: 1em; font-weight: normal; }

.ui-state-default .hostOffer a.more { color: #0044CC; }

#travelDetail .hostOfferHit .searchEnquiry { text-align: center; }

#travelDetail .waitcircle { position: absolute; right: 195px; top: -15px; }

#travelDetail .hostOfferFunctions { margin: 5px 0px 0px 0px; position: relative; }

#travelDetail .ui-corner-all.free { border-color: #468e00; }

#travelDetail .ui-corner-all.occupied { border-color: #8e1b00; }

#travelDetail .hostOfferAllocation { border-top: 1px solid #eee; padding: 5px; height: 95px; }

#travelDetail .hostOfferAllocation .legendEntry { margin: 0px 10px 0px 0px; padding: 2px 0px 2px 20px; }

#travelDetail .hostOfferAllocation .legendEntry span { color: #5e5e5e; }

#travelDetail .hostOfferAllocation .legendEntry.free { background: url(/se_data/global/gfx/travel/occupancyFrei.png) no-repeat left center; }

#travelDetail .hostOfferAllocation .legendEntry.busy { background: url(/se_data/global/gfx/travel/occupancyBelegt.png) no-repeat left center; }

#travelDetail .hostOfferAllocation .occupancyPlan { margin: 0px auto; position: relative; height: 70px; }

#travelDetail .hostOfferAllocation .button { margin: 0px; cursor: pointer; margin-top: 30px; }

#travelDetail .hostOfferAllocation .fwd { background: url(/se_data/global/gfx/travel/occupancy-fwd.png) no-repeat left top; width: 27px; height: 36px; overflow: hidden; text-indent: -5000px; }

#travelDetail .hostOfferAllocation .occupancyContainer { display: block; height: 70px; }

#travelDetail .hostOfferAllocation .bwd { background: url(/se_data/global/gfx/travel/occupancy-bwd.png) no-repeat left top; width: 28px; height: 36px; overflow: hidden; text-indent: -5000px; }

#travelDetail .monthIndex th { text-align: left; }

#travelDetail .dayList td { padding: 0px 0px 20px 0px; width: 15px; text-align: center; line-height: 15px; height: 15px; border: 1px solid #fff; background-color: #fff; }

#travelDetail .dayList td.saturday { background-color: #CADCE9; }

#travelDetail .dayList td.sunday { background-color: #A2C6E3; }

#travelDetail .dayList td.anreise { background-image: url(/gfx/bg-belegungsplan-sprite.png); background-repeat: no-repeat; background-position: center -105px; }

#travelDetail .dayList td.frei { background-image: url(/gfx/bg-belegungsplan-sprite.png); background-repeat: no-repeat; background-position: center -35px; }

#travelDetail .dayList td.belegt { background-image: url(/gfx/bg-belegungsplan-sprite.png); background-repeat: no-repeat; background-position: center top; }

#travelDetail .dayList td.abreise { background-image: url(/gfx/bg-belegungsplan-sprite.png); background-repeat: no-repeat; background-position: center -70px; }

/* Seiten blaettern */

#pager { padding: 2px; }

#pager span { display: inline-block; padding: 2px; margin: 2px 3px; }

#pager span.enabled { cursor: pointer; }

#pager .disabled { color: #CCC; }

#pager .active { background-color: #fff; font-weight: bold; }