/** * BTZ 2011 * * LICENSE * * This software and its source code is protected by copyright law (Sec. 69a ff. UrhG). * It is not allowed to make any kinds of modifications, nor must it be copied, * or published without explicit permission. Misuse will lead to persecution. * * @copyright 2011 infomax websolutions GmbH * @link http://www.infomax-it.de * @package css * @subpackage main content area * @author gueldner * @since 25.07.2011 * @version $Id$ **/ @media screen { /* ========================================================= 0. basic config 1. breadcrumbs 2. side navigation 3. sub content area 4. tabs 5. animal headlines 6. content tables 7. list tables 8. travel wish 9. temporary booking warning ========================================================== */ /* ========================================================= =0. basic config ========================================================= */ #CONT_content{ width:100%; margin:50px 0 150px;} #CONT_content div.fullWidth{ width:960px; margin:0 0 35px;} #CONT_content .contextArea{ float:left; width:280px; margin:0 60px 0 0;} #CONT_content .mainContentArea{ float:left; width:620px; position: relative;} /*preloader*/ #CONT_content .preloader.list{ position:static; height:300px; display:none;} /*overlay hull*/ body.overlay #CONT_content {margin: 1em; width: auto;} /*styles for inline overlays*/ .ratingOverlay{ width:600px; text-align:left;} .ratingOverlay p{ margin:0 0 5px; color:#515151;} /*styles for a simple default inline overlay list*/ .inlineOverlayList{ text-align: left; max-width: 400px;} .inlineOverlayList > h6{ font: 700 italic 15px/20px 'Arial'; color: #717171; margin: 5px 0px 10px 0px; } .inlineOverlayList > h6 > .handwritten{ font-family: 'DesyrelRegular'; color: #e3001a; font-size: 24px; line-height: 12px; } .inlineOverlayList > p{ color: #717171; font-size: 14px;} .inlineOverlayList > ul{ list-style-type: disc; margin: 0px; padding: 0px 0px 0px 20px; font: 400 normal 12px 'Arial'; color: #717171; } .inlineOverlayList > ul >li { margin: 0px 0px 5px 0px; padding: 0px; } /* ========================================================= =1. breadcrumbs ========================================================= */ #CONT_content ul.breadcrumbs{ margin:0; padding:0; list-style-type:none;} #CONT_content ul.breadcrumbs li{ float:left; font-size:14px; font-weight:bold; padding:0 5px 0 0;} #CONT_content ul.breadcrumbs li.filler, #CONT_content ul.breadcrumbs li a { font-weight:normal;} /* ========================================================= =2. side navigation ========================================================= */ #CONT_content .sideNavigation{ width:280px; margin:0 0 60px;} #CONT_content .sideNavigation h3{ font-size:20px; font-weight:bold; margin:0 0 7px; padding:0;} #CONT_content .sideNavigation ul{ list-style-type:none; margin:0; padding:0;} #CONT_content .sideNavigation ul li{ font-size:16px; border-bottom:1px solid; padding:0;} #CONT_content .sideNavigation ul li a{ display:block; padding:8px 0 8px 20px; background:7px 14px no-repeat;} #CONT_content .sideNavigation ul li.active a{ background:6px 15px no-repeat;} #CONT_content .sideNavigation ul li ul{ margin:0 0 15px;} #CONT_content .sideNavigation ul li ul li{ font-size:14px; padding:0 0 0 10px; border:0; background:transparent;} #CONT_content .sideNavigation ul li ul li a{ background:transparent!important; font-weight:inherit;} #CONT_content .sideNavigation ul li ul li.active a{ font-weight:bold;} /* ========================================================= =3. sub content area ========================================================= */ #CONT_content .mainContentArea .subContentArea{ width:620px;} #CONT_content .mainContentArea.fullWidth .subContentArea{ width:auto;} #CONT_content .mainContentArea .subContentArea hr{ margin:0 0 20px;} #CONT_content .mainContentArea .subContentArea h2{ font-family:'DesyrelRegular', Arial, Helvetica, Verdana, sans-serif; font-size:30px; margin:0; padding:0;} #CONT_content .mainContentArea .subContentArea h3{ font-size:18px; margin:1em 0; padding:0;} #CONT_content .mainContentArea .subContentArea p.subline{ font-weight:bold; margin:0 0 15px; padding:0;} #CONT_content .mainContentArea .subContentArea p.formInfo{ margin: 10px 0px 0px 28px; padding:0; font-size: 12px;} /*cover flow*/ .subContentArea .coverflow{ width:620px; padding:10px 0; } .mainContentArea.fullWidth .subContentArea .coverflow{ width:940px; } .subContentArea .coverflow a, .subContentArea .coverflow li { font-size:14px;} .subContentArea .coverflow a{ text-decoration:underline;} .subContentArea .coverflow a.inactive{ text-decoration:none;} .subContentArea .coverflow a.backLink{ float:left; background:0 center no-repeat; padding:0 0 0 7px; width: 143px;} .subContentArea .coverflow a.nextLink{ float:right; text-align: right; background:right center no-repeat; padding:0 7px 0 0; width: 143px;} .subContentArea .coverflow ul{ list-style-type:none; float:left; margin:0; padding:0; width:270px; text-align:center} .subContentArea .coverflow ul li{ display:inline; margin:0 1px 0 0;} /*contentSearchArea*/ #CONT_content .mainContentArea .contentSearch{ margin-bottom:50px;} #CONT_content .mainContentArea .contentSearch .searchContentArea{ width:605px; padding:8px 7px 8px 8px; position:relative; clear:both;} /*rubricTeaserArea*/ #CONT_content .mainContentArea .rubricTeaserArea{ width:645px; margin:0 -25px 0 0;} /*tipTeaserArea*/ #CONT_content .mainContentArea .tipTeaserArea{ width:620px; border-top:1px solid; padding:45px 0 0; } #CONT_content .mainContentArea.fullWidth .tipTeaserArea{ width:940px; padding:45px 10px 0 10px; } #CONT_content .mainContentArea .tipTeaserArea .teaserRow{ width:620px; height:auto; overflow:hidden; padding:0 5px; margin:20px -5px 0; } #CONT_content .mainContentArea.fullWidth .tipTeaserArea .teaserRow{ width:940px; } #CONT_content .mainContentArea .tipTeaserArea.animalHeadline{ background-position:0 30px; } /*topicTeaserArea*/ #CONT_content .mainContentArea .topicTeaserArea {margin: 1em 0; padding: 1em 0; border-top: 1px solid;} #CONT_content .mainContentArea .topicTeaserArea h2 {font-family:'DesyrelRegular', Arial, Helvetica, Verdana, sans-serif; font-size:30px; margin:0; padding:0;} #CONT_content .mainContentArea .topicTeaserArea h3 {margin: 0 0 1.5em; padding: 0; font-weight: bold; font-size: 14px;} /* ========================================================= =4. tabs ========================================================= */ #CONT_content .mainContentArea .tabs{ list-style-type:none; margin:0 3px; padding:0;} #CONT_content .mainContentArea .tabs li{ float:left; margin:0 2px; padding:7px 10px 10px; font-weight:bold; font-size:16px; cursor:pointer; list-style-type: none;} #CONT_content .mainContentArea .contentTabs{ width:620px;} #CONT_content .mainContentArea .contentTabs p.subtabtext {font-size: 12px; margin: 10px 0; padding: 0 5px;} #CONT_content .mainContentArea .contentTabs .tabContentArea, #CONT_content div.contentArea div.mainContentArea .tabContentArea { width:605px; padding:8px 7px 8px 8px; position:relative; clear:both; margin:0 0 30px;} #CONT_content .mainContentArea .contentTabs .tabContentCollection{ width:100%; overflow:hidden; position:relative;} #CONT_content .mainContentArea .contentTabs .tabContent{ display:none;} #CONT_content .mainContentArea .contentTabs .tabContent.active{ display:block;} /*contact & information*/ #CONT_content .mainContentArea .contentTabs .tabContent.informations{ padding:15px 10px;} #CONT_content .mainContentArea .contentTabs .tabContent.informations .contactImage{ float:left; width:189px; height:142px; overflow:hidden; margin:0 20px 0 0;} #CONT_content .mainContentArea .contentTabs .tabContent.informations .contactImage img{ width:189px;} #CONT_content .mainContentArea .contentTabs .tabContent.informations h4{ font-weight:bold; font-size:20px; margin:0; padding:0;} #CONT_content .mainContentArea .contentTabs .tabContent.informations h6{ font-weight:bold; font-size:12px; margin:0; padding:0;} #CONT_content .mainContentArea .contentTabs .tabContent.informations p{ font-size:12px; margin:8px 0;} #CONT_content .mainContentArea .contentTabs .tabContent.informations p.subline{ font-size:14px; margin:0;} #CONT_content .mainContentArea .contentTabs .tabContent.informations p.info{ font-size:10px; font-style: italic;} #CONT_content .mainContentArea .contentTabs .tabContent.informations a{ text-decoration:underline; padding:0 0 0 20px; background:0 center no-repeat; line-height:18px;} /*article*/ #CONT_content .mainContentArea .contentTabs .tabContent.article{ padding:15px 10px 5px; width:auto; margin:0;} #CONT_content .mainContentArea .contentTabs .tabContent.article hr{ margin:0 0 10px;} /*tab endowments*/ #CONT_content .mainContentArea .article ul.featureGroups { margin: 0 0 10px 0; } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureGroupName { list-style: none; } #CONT_content .mainContentArea .contentTabs .tabContent.article h3.featureGroupName, #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureGroupName h3.featureGroupNameHeader { border-bottom: thin solid #cdcdcd; font-weight: bold; clear:both; margin: 0; padding: 0; margin-bottom: 10px; padding-bottom: 10px; } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle { margin-left: 32px; list-style-image: url('/portal/img/branding/default/hotellist.button.booked.png'); float: left; margin-right: 5px; width: 150px; padding:0; height: 40px; } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle:last-of-type { margin-bottom: 30px; } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle span.featureGroupsDistance { font-weight: bold; } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.feature_Diners { margin-bottom: 10px; } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.feature_MasterCARD, #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.feature_VISA, #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.feature_Diners, #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.feature_American.Express { line-height: 40px; list-style: none outside none; margin-left: 0; margin-bottom: 20px; padding-left: 60px; width: 120px; height: 40px; } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.feature_VISA { background: url("/portal/img/objects/tabs.endowments.kk.visa.png") no-repeat scroll left center rgba(0, 0, 0, 0); } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.feature_Diners { background: url("/portal/img/objects/tabs.endowments.kk.diners.png") no-repeat scroll left center rgba(0, 0, 0, 0); } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.feature_American.Express { background: url("/portal/img/objects/tabs.endowments.kk.americanexpress.png") no-repeat scroll left center rgba(0, 0, 0, 0); } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.feature_MasterCARD { background: url("/portal/img/objects/tabs.endowments.kk.mastercard.png") no-repeat scroll left center rgba(0, 0, 0, 0); } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.creditcards:last-of-type { margin-bottom: 40px; } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle.entfernungen { list-style-image: none; list-style-type: square; margin-left: 20px; width: 165px; height: 40px; } #CONT_content .mainContentArea .contentTabs .tabContent.article li.featureTitle span.infoAdd{ border-bottom:1px #af0014 dashed; cursor:help;} #CONT_content .mainContentArea .contentTabs .tabContent.article div.smallMapTab { width: 600px; height: 400px; } /*convention*/ #CONT_content .mainContentArea .contentTabs .tabContent.article.convention a{ text-decoration:underline;} /*noRooms message*/ #CONT_content .mainContentArea .contentTabs .tabContent.noRooms{ padding:0; width:auto; margin:0;} #CONT_content .mainContentArea .contentTabs .tabContent.noRooms .questionMark{ width:80px; float:left; padding:50px 80px 70px 20px; font-size:15px; font-weight:bold; background:90px center no-repeat;} #CONT_content .mainContentArea .contentTabs .tabContent.noRooms .message{ width:335px; float:left; padding:40px 80px 0 10px} #CONT_content .mainContentArea .contentTabs .tabContent.noRooms .message p{ font-size:20px; font-weight:bold; padding:0; margin:0 0 10px;} #CONT_content .mainContentArea .contentTabs .tabContent.noRooms .message a{ font-size:14px; text-decoration:underline; padding:0 8px 0 0; background:right center no-repeat;} /*context teaser*/ #CONT_content .mainContentArea .contentTabs .tabContent .teaserRow{ width:575px; padding:0 5px; margin:15px 10px; overflow:hidden;} #CONT_content .mainContentArea .contentTabs .tabContent .teaserRow .teaser{ float:left; margin:0 15px 0 0;} /*cover flow override*/ .tabContent .coverflow{ width:570px; padding:10px 15px;} /*preloader*/ #CONT_content .mainContentArea .contentTabs .tabContent .preloader{ z-index:1; } #CONT_content .mainContentArea .contentTabs .tabContent.mainImage .preloader { z-index: 0; } #CONT_content .mainContentArea .contentTabs .tabContent.convention span.bold { font-weight: bold !important; } #CONT_content .mainContentArea .contentTabs .tabContent.convention h3 { margin: 0 0 10px 0; font-size: 16px; } #CONT_content .mainContentArea .contentTabs .tabContent.convention h3.small { font-size: 14px; margin: 25px 0 5px 0; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table { margin: 0 0 10px 0; border-collapse: separate; border-spacing: 1px; background-color: #B5B5B5; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table td { background-color: #E6E6E6; color: #515151; font-size: 13px; padding: 5px; width: 30%; border-top: 1px solid #fff; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table td.value { text-align: right; background-color: #F2F2F2; width: 10%; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table tr :nth-child(3) { border-left: 1px solid #fff; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table tr:nth-child(1) { border-top-width: 0; } #CONT_content .mainContentArea .contentTabs .tabContent.convention a.capacity { font-size: 14px; font-weight: bold; float: none; margin: 0; display: inline-block; background: url('/portal/img/branding/default/bg.button.style1.gif') repeat-x 0 0 !important; padding: 4px 10px 0 10px; height: 20px; } #CONT_content .mainContentArea .contentTabs .tabContent.convention div.centerHelper { margin: 5px auto 20px auto; text-align: center; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table.distance { border-spacing: 0; border: 1px solid #C6C6C6; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table.distance td { border: none; background-color: transparent; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table.distance td.value { text-align: center; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table.distance tr.bright { background-color: #F2F2F2; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table.distance tr.dark { background-color: #E6E6E6; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table.distance tr td.borderRight { border-right: 1px solid #C6C6C6; } #CONT_content .mainContentArea .contentTabs .tabContent.convention table.distance tr td.borderLeft { border-left: 1px solid #fff; } #roomCapacity { padding: 10px; } #roomCapacity h4 { color: #515151; text-align: left; font-size: 16px; font-weight: bold; margin: 5px 0; } #roomCapacity table { text-align: center; border-collapse: collapse; } #roomCapacity table thead tr { border: 1px solid #BFBFBF; background-color: #E6E6E6; } #roomCapacity table thead th { font-size: 14px; font-weight: bold; color: #515151; padding: 6px 0; } #roomCapacity table td { font-size: 14px; color: #515151; width: 60px; padding: 6px 0; border-right: 1px solid #C6C6C6; border-left: 1px solid #fff; } #roomCapacity table tr.bright { background-color: #F2F2F2; } #roomCapacity table tr.dark { background-color: #E6E6E6; } #roomCapacity table td.name, #roomCapacity table td.combined { width: 168px; } #roomCapacity table tbody tr:nth-child(1) { border-top: 1px solid #fff; } #roomCapacity table tbody tr:nth-child(10) { border-bottom: 1px solid #BFBFBF; } #roomCapacity table tbody td:nth-child(1) { border-left: 1px solid #C6C6C6; } #roomCapacity table tbody td span.availability { width: 27px; height: 22px; display: inline-block; } #roomCapacity table tbody td span.availability.yes { background: url('/portal/img/branding/default/hotellist.button.booked.png') no-repeat 0 0; } #CONT_content .mainContentArea .contentTabs .tabContent.downloads ul { margin: 10px 0 10px 15px; padding: 0; } #CONT_content .mainContentArea .contentTabs .tabContent.downloads li { padding: 0 0 5px; list-style-type: square; color: #717171; font-size: 14px; } #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a { padding: 0 0 0 1.5em; color: #515151; text-decoration: underline; background: url('/portal/img/mime/default.png') no-repeat 0 0; } #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.pdf { background-image: url('/portal/img/mime/pdf.png'); } #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.doc, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.docx, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.xls, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.xlsx { background-image: url('/portal/img/mime/document.png'); } #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.wav, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.wma, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.mp3 { background-image: url('/portal/img/mime/audio.png'); } #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.html, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.htm { background-image: url('/portal/img/mime/html.png'); } #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.mov, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.avi, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.mpg, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.wmv, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.flv, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.divx, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.xvid { background-image: url('/portal/img/mime/video.png'); } #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.jpg, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.jpeg, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.png, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.gif, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.tif, #CONT_content .mainContentArea .contentTabs .tabContent.downloads li a.bmp { background-image: url('/portal/img/mime/image.png'); } /* ========================================================= =4a. table styles in tabs for the ibe ========================================================= */ /*basic styles*/ #CONT_content .mainContentArea .contentTabs .tabContent.table{ padding:5px;} #CONT_content .mainContentArea .contentTabs .tabContent.table p span.infoAdd{ border-bottom:1px #af0014 dashed; cursor:help;} #CONT_content .mainContentArea .contentTabs table.contentTable{ width:100%;} #CONT_content .mainContentArea .contentTabs table.contentTable td{ padding:5px!important;} #CONT_content .mainContentArea .contentTabs table.contentTable td{ border:0; padding:0;} #CONT_content .mainContentArea .contentTabs table.contentTable a{ text-decoration:none;} #CONT_content .mainContentArea .contentTabs table.contentTable .mainText{ padding-right:30px; position:relative;} #CONT_content .mainContentArea .contentTabs table.contentTable .mainText .priceSpecials{ position:absolute; top:0; right:5px;} #CONT_content .mainContentArea .contentTabs table.contentTable .mainText .priceSpecials div{ height:25px; width:25px; padding:0; margin:0;} #CONT_content .mainContentArea .contentTabs table.contentTable .mainText .priceSpecials .hotDeal { background-size: 25px 16px; background-position: 0 4px; } #CONT_content .mainContentArea .contentTabs table.leanAddressbases a.text {display: block;} /*date link and images*/ #CONT_content .mainContentArea .contentTabs table.contentTable a.updateSearch, #CONT_content .mainContentArea .contentTabs table.contentTable a.changePriceCategory { text-decoration:underline; background:right center no-repeat; padding:2px 22px 2px 0; float:right;} #CONT_content .mainContentArea .contentTabs table.contentTable a.updateSearch.button{ text-decoration:none; font-weight:bold;} #CONT_content .mainContentArea .contentTabs table.contentTable a.image{ float:left; margin:0 7px 0 0; width:67px; height:50px; position:relative; overflow:hidden;} #CONT_content .mainContentArea .contentTabs table.contentTable a.image .magnifier{ display:block; position:absolute; bottom:3px; right:3px; width:11px; height:11px; background:url(../../../img/objects/mainImage.magnifier.png) 0 0 no-repeat;} #CONT_content .mainContentArea .contentTabs table.contentTable a.image img{ width:67px;} /*buttons and links*/ #CONT_content .mainContentArea .contentTabs table.contentTable a.moreInfos, #CONT_content .mainContentArea .contentTabs table.contentTable a.lessInfos { font-size:12px; text-decoration:underline; padding:0 7px 0 0; background:right center no-repeat; margin:7px 0 0; float:left;} #CONT_content .mainContentArea .contentTabs table.contentTable a.button{ font-size:14px; padding:4px 10px 4px 7px; margin-top:5px; height:auto; float:none; font-weight:bold; float:right; white-space:nowrap; margin:0;} #CONT_content .mainContentArea .contentTabs table.contentTable a.button img{ padding:0 7px 0 0; } #CONT_content .mainContentArea .contentTabs table.contentTable span.bookButton{ width:80px; height:35px; display:block; background:0 0 no-repeat;} #CONT_content .mainContentArea .contentTabs table.contentTable a.mapMarker{ font-size:12px; text-decoration:underline; margin:7px 0 0 15px; padding:0 28px 0 0; position:relative; float:left;} #CONT_content .mainContentArea .contentTabs table.contentTable a.mapMarker span{ font-family:'DesyrelRegular', Arial, Helvetica, Verdana, sans-serif; font-size:14px; position:absolute; top:0; right:0; text-align:center; padding:0 11px 0 0; width:11px; height:18px; line-height:13px;} #CONT_content .mainContentArea .contentTabs table.contentTable tr.priceCategory {display: table; width: 100%; margin: 10px 0 10px 0;} /*area for additional infos*/ #CONT_content .mainContentArea .contentTabs table.contentTable tr.additionalInfo .frame{ border:1px #aeaeae solid; background:white; padding:5px 5px 0; display:block;} #CONT_content .mainContentArea .contentTabs table.contentTable tr.additionalInfo .frame .text{ display:block; margin:0 0 10px;} #CONT_content .mainContentArea .contentTabs table.contentTable tr.additionalInfo .frame ul{ margin:0 0 0 25px; padding:0;} #CONT_content .mainContentArea .contentTabs table.contentTable tr.additionalInfo .frame li{ list-style-type:square; font-size:14px; padding:0 0 5px;} /*distances to POIs*/ #CONT_content .mainContentArea .contentTabs table.contentTable td.distances {width: 120px;} #CONT_content .mainContentArea .contentTabs table.contentTable td.distances > span {display: block; width: 100%; padding: 0 0 5px; text-align: center; color: #717171;} #CONT_content .mainContentArea .contentTabs table.contentTable td.distances > ul {overflow: hidden; margin: 0; padding: 0;} #CONT_content .mainContentArea .contentTabs table.contentTable td.distances > ul > li { float: left; overflow: hidden; width: 22px; margin: 0 4px; padding: 28px 0 0; list-style: none outside none; font-size: 11px; text-align: center; background: url("/portal/img/objects/distances.png") no-repeat scroll 0 0 transparent; } #CONT_content .mainContentArea .contentTabs table.contentTable td.distances > ul > li.city {background-position: 0 0;} #CONT_content .mainContentArea .contentTabs table.contentTable td.distances > ul > li.trainstation {background-position: 0 -50px;} #CONT_content .mainContentArea .contentTabs table.contentTable td.distances > ul > li.motorway {background-position: 0 -100px;} #CONT_content .mainContentArea .contentTabs table.contentTable td.distances > ul > li.airport {background-position: 0 -150px;} /*stars for hotels*/ #CONT_content .mainContentArea .contentTabs table .stars{ margin:0 0 0 5px; padding:2px 0; float:left;} #CONT_content .mainContentArea .contentTabs table .stars span.star{ height:12px; overflow:hidden; background:left 0 no-repeat; float:left;} #CONT_content .mainContentArea .contentTabs table .stars span.one{ width:12px;} #CONT_content .mainContentArea .contentTabs table .stars span.two{ width:24px;} #CONT_content .mainContentArea .contentTabs table .stars span.three{ width:36px;} #CONT_content .mainContentArea .contentTabs table .stars p.attribute{ display:none;} #CONT_content .mainContentArea .contentTabs table .stars span.attribute{ float:left; margin:2px 0 0;} #CONT_content .mainContentArea .contentTabs table .stars span.superior{ background:center 0 no-repeat; width:10px; height:10px;} #CONT_content .mainContentArea .contentTabs table.leanAddressbases .stars{float:none; overflow: hidden;} #CONT_content .mainContentArea .contentTabs table.contentTable .priceLabel {width: 105px; padding: 10px; margin: 0; border: 2px solid;} #CONT_content .mainContentArea .contentTabs table.contentTable .priceLabel > h5 {margin: 0; font-size: 16px;} #CONT_content .mainContentArea .contentTabs table.contentTable .priceLabel > p.info {margin: 0; font-size: 1em;} #CONT_content .mainContentArea .contentTabs table.contentTable .priceLabel > p.price {margin: 10px 0 0; line-height: 0.8em; font-size: 2.5em; font-weight: bold;} #CONT_content .mainContentArea .contentTabs table.contentTable .priceLabel > p.price > .euro {font-size: 0.7em !important;} #CONT_content .mainContentArea .contentTabs table.contentTable h5 {margin: 0 0 10px; font-size: 14px; font-style: normal; font-weight: bold;} #CONT_content .mainContentArea .contentTabs table.contentTable p {font-size: 12px;} #CONT_content .mainContentArea .contentTabs table.contentTable p > a {padding-right: 12px; text-decoration: underline; background: scroll no-repeat center right;} /*rating fields*/ #CONT_content .mainContentArea .contentTabs table.contentTable.rating thead td, #CONT_content .mainContentArea .contentTabs table.contentTable.rating tbody td { border-bottom:1px solid; padding-top:10px!important; padding-bottom:10px!important;} #CONT_content .mainContentArea .contentTabs table.contentTable.rating a.moreInfos, #CONT_content .mainContentArea .contentTabs table.contentTable.rating a.lessInfos { float:right; background-position:left center; padding:0 0 0 10px;} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating{ display:block;} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating.large{ width:30px; height:30px; font-size:20px; float:right; line-height:10px; padding:10px 5px 0; font-weight:bold; background:0 0 no-repeat;} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating.small{ width:17px; height:17px; font-size:14px; float:left; margin:0 20px 0 5px; font-weight:bold; background:0 0 no-repeat; text-align:center;} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating.small:last-child{ margin:0 2px 0 5px;} #CONT_content .mainContentArea .contentTabs table.contentTable thead span.rating{ float:left!important; margin:0 60px 0 10px;} #CONT_content .mainContentArea .contentTabs table.contentTable thead span.rating:last-of-type{ margin-right:0;} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating, #CONT_content .mainContentArea .contentTabs table.contentTable span.rating span { color:white!important;} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating.large.neutral{ background-image:url(../../../img/branding/default/contentTabs.rating.large.neutral.gif);} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating.large.positive{ background-image:url(../../../img/branding/default/contentTabs.rating.large.positive.gif);} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating.large.negative{ background-image:url(../../../img/branding/default/contentTabs.rating.large.negative.gif);} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating.small.neutral{ background-image:url(../../../img/branding/default/contentTabs.rating.small.neutral.gif);} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating.small.positive{ background-image:url(../../../img/branding/default/contentTabs.rating.small.positive.gif);} #CONT_content .mainContentArea .contentTabs table.contentTable span.rating.small.negative{ background-image:url(../../../img/branding/default/contentTabs.rating.small.negative.gif);} /* ========================================================= =5. animal headlines ========================================================= */ #CONT_content .mainContentArea .animalHeadline{ background-repeat:no-repeat;} #CONT_content .mainContentArea .animalHeadline.cock{ background-image:url(../../../img/objects/tipTeaser.headline.cock.png);} #CONT_content .mainContentArea .animalHeadline.cock h2, #CONT_content .mainContentArea .animalHeadline.cock p.subline { padding-left:40px!important;} #CONT_content .mainContentArea .animalHeadline.cat{ background-image:url(../../../img/objects/tipTeaser.headline.cat.png);} #CONT_content .mainContentArea .animalHeadline.cat h2, #CONT_content .mainContentArea .animalHeadline.cat p.subline { padding-left:70px!important;} #CONT_content .mainContentArea .animalHeadline.dog{ background-image:url(../../../img/objects/tipTeaser.headline.dog.png);} #CONT_content .mainContentArea .animalHeadline.dog h2, #CONT_content .mainContentArea .animalHeadline.dog p.subline { padding-left:50px!important;} #CONT_content .mainContentArea .animalHeadline.donkey{ background-image:url(../../../img/objects/tipTeaser.headline.donkey.png);} #CONT_content .mainContentArea .animalHeadline.donkey h2, #CONT_content .mainContentArea .animalHeadline.donkey p.subline { padding-left:40px!important;} /* ========================================================= =6. content tables ========================================================= */ table.contentTable{ border-collapse:collapse;} table.contentTable.fixed{ table-layout:fixed;} table.contentTable td{ padding:3px 10px 4px;} table.contentTable td.center{ text-align:center;} table.contentTable td.right{ text-align:right;} table.contentTable td.top{ vertical-align:top;} table.contentTable td.bottom{ vertical-align:bottom;} table.contentTable thead td{ font-weight:bold; font-size:13px;} table.contentTable tbody td{ padding-bottom:7px; padding-top:7px; border-bottom:1px solid;} table.contentTable tbody .noBorder td{ border:0!important;} table.contentTable .text{ font-size:13px;} table.contentTable .text.small{ font-size:9px;} table.contentTable .text.thin{ font-size:12px;} table.contentTable .text.normal{ font-size:14px;} table.contentTable .text.large{ font-size:18px;} table.contentTable .text.larger{ font-size:22px;} table.contentTable .text.bold{ font-weight:bold;} table.contentTable .text.left{ float:left;} table.contentTable .width.small{ width:40px;} table.contentTable .priceSpecial{ font-size:10px; font-weight:bold; display:inline-block; padding:25px 0 0; margin:0 0 0 10px; background-repeat:no-repeat;} table.contentTable .priceSpecial.earlyBird{ background-position:center 3px;} table.contentTable .priceSpecial.threefor2{ background-position:center -40px;} table.contentTable .hotDeal { font-size: 12px; display: inline-block; padding: 25px 0 0; margin: 0 0 0 10px; background-repeat: no-repeat; } table.contentTable td.special > span:first-child { margin-left: 0; } /* ========================================================= =7. list tables ========================================================= */ table.listTable{ width: 100%; border-collapse: collapse;} table.listTable thead td{ padding: 5px 0;} table.listTable thead td.sortable{ background-position: 50% 90%; background-repeat: no-repeat; padding-bottom: 20px; cursor: pointer;} table.listTable tbody tr.active td.checkbox{ background: 50% 50% no-repeat; padding: 0 11px;} table.listTable tbody tr.active td.checkbox input{ display:none;} table.listTable td.border{ border-left: 1px solid;} table.listTable td.center{ text-align: center;} table.listTable td .text{ font-size: 13px;} table.listTable td .text.bold{ font-weight: bold;} table.listTable td .text.thin{ font-size:12px;} table.listTable .description{ padding: 15px 5px 10px 10px;} table.listTable .description h5{ font-size: 13px; font-weight: 700; margin: 0 0 5px;} table.listTable .description a.image{ float:left; margin:0 9px 0 0; width:67px; height:50px; position:relative; overflow:hidden;} table.listTable .description a.image .magnifier{ display:block; position:absolute; bottom:3px; right:3px; width:11px; height:11px; background:url(../../../img/objects/mainImage.magnifier.png) 0 0 no-repeat;} table.listTable .description a.image img{ width:67px;} table.listTable .description a.moreInfos{ font-size:12px; text-decoration:underline; padding:0 7px 0 0; background:right center no-repeat; margin:7px 0 0; float:left;} table.listTable .description a.mapMarker{ font-family:'DesyrelRegular', Arial, Helvetica, Verdana, sans-serif; font-size:23px; text-align:center; padding:0 21px 0 0; width:20px; height:33px; line-height:23px; float: right;} table.listTable .stars span.star{ margin-left: 12px; float: none!important; display: block;} table.listTable .stars span.two{ margin-left: 6px;} table.listTable .stars span.three{ margin-left: 0;} table.listTable .stars span.superior{ margin-left: 13px!important; float: none!important; display: block;} /* ========================================================= =8. travel wish ========================================================= */ /*travel wish status indicator*/ #travelWishStatusLine{ position: relative;} #travelWishStatusLine > ul{ overflow: hidden; margin: 0px 0px 35px 0px; padding: 0px 0px 4px 0px; list-style-type: none; } #travelWishStatusLine > ul > li{ float: left; text-align: center; color: #717171; width: 155px; } #travelWishStatusLine > ul > li.active{ color: #e3001a;} #travelWishStatusLine > ul > li.final.active{ color: #63af00;} #travelWishStatusLine > ul > li > a{ color: inherit;} #travelWishStatusLine > ul > li > a > .text{ font-size: 12px;} #travelWishStatusLine > ul > li > a > .text > strong{ font-size: 14px; font-weight: 700; line-height: 12px;} #travelWishStatusLine > ul > li > a > .number{ display: block; margin: 5px auto 0px auto; font: 400 normal 30px/33px 'DesyrelRegular'; color: #bdbdbd; width: 34px; height: 34px; border: 4px rgba(0, 0, 0, 0.15) solid; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } #travelWishStatusLine > ul > li.final > a > .number{ background: url(../../../img/objects/travelWish/cart.png) 50% 11px no-repeat;} #travelWishStatusLine > ul > li.active > a > .number{ border-color: #e3001a; color: inherit; } #travelWishStatusLine > ul > li.final.active > a > .number{ border-color: #63af00; background-position: 50% -19px; } #travelWishStatusLine > hr{ position: absolute; bottom: 4px; width: 93px;} #travelWishStatusLine > hr.n1{ left: 108px;} #travelWishStatusLine > hr.n2{ left: 263px;} #travelWishStatusLine > hr.n3{ left: 418px;} #travelWish_form_button_prev{ float: left; margin: 30px 0px 0px 28px; padding: 10px 6px 0px 6px; font-size: 16px; font-weight: 700; height: 25px; background: #999 url(../../../img/objects/travelWish/button.gray.gif) 0 0 repeat-x!important; } #travelWish_form_button_next{ float: right; margin: 30px 28px 0px 0px;} #travelWish_form_button_prev > img, #travelWish_form_button_next > img{ vertical-align: middle; margin: 0px 5px; } /*travel wish cart*/ .travelWishCart{ width: auto; background: #d9d9d9; padding: 5px 30px 20px 30px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); } h2 + .travelWishCart{ padding-top: 20px;} .travelWishCart ol{ font-size: 14px; font-weight: bold; color: #717171; margin: 0px 0px 0px 20px; padding: 0px; list-style-type: decimal; } .travelWishCart ol > li{ border-bottom: 1px #fff solid; padding: 5px 0px;} .travelWishCart ol > li > ol > li:last-child{ border: none;} .travelWishCart ol .description{ font-size: 14px;} .travelWishCart ol .description > strong{ font-weight: 700;} .travelWishCart ol .price{ font-size: 12px; float: right; text-align: right;} .travelWishCart ol .price > strong{ font-size: 14px; color: #e3001a; margin-left: 20px;} .travelWishCart > .totalPrice{ width: 100%; text-align: right; font-size: 14px; color: #717171; margin-top: 10px;} .travelWishCart > .totalPrice > strong{ font-size: 20px; color: #e3001a; margin-left: 20px;} /* ========================================================= =9. temporary booking warning ========================================================= */ .tempBookingWarning { width: auto !important; background: #fff; padding: 30px 20px 20px 20px; margin: 0 !important; } .tempBookingWarning table { width: 100%; } .tempBookingWarning table td { vertical-align: bottom; } .tempBookingWarning em { font-size: 0.85em; line-height: 1em; font-style: normal; } }