/*////////////////////////////////////////////////////////////////////////////////////////////////*/ /* Norman Geiersbach */ /* Eitido (c) 2008 */ /*////////////////////////////////////////////////////////////////////////////////////////////////*/ a, body, div, h1, h2, h3, html, img, li, p, table, ul { border: 0; margin: 0; padding: 0; } a { color: #000000; outline: none; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } body { background: #ffffff; color: #000000; font: 11px tahoma, arial, helvetica, verdana; } body { background-image: url('Images/pageGradient.gif'); background-repeat: repeat-x; } body, html { height: 100%; } h1 { font-size: 28px; } h2 { font-size: 24px; margin-bottom: 20px; line-height: 125%; } h3 { font-size: 12px; margin-bottom: 8px; } input, select, textarea { font: 11px arial, helvetica, tahoma, verdana; } /* -- Content container ------------------------------------------------------------------------- */ .contentContainer { padding: 2px; } .contentHeader { background-repeat: no-repeat; border-bottom: solid 2px #1b1a1b; height: 130px; } .contentHeader h2 { display: none; } .contentHeader .pagerContainer { padding-left: 513px; padding-top: 106px; } .contentHeader .pager { width: 167px; height: 18px; position: relative; overflow: hidden; } .contentHeader .pager a { color: #000000; } .contentHeader .pager a:hover { color: #ffffff; text-decoration: none; } .contentHeader .pager .first { position: absolute; top: 0; left: 0; background: url('Images/pagingFirstArrow.gif') left 6px no-repeat; display: block; float: left; width: 8px; height: 18px; } .contentHeader .pager .first span { display: none; } .contentHeader .pager .first:hover { background-image: url('Images/pagingFirstArrow_h.gif'); } .contentHeader .pager .last { position: absolute; top: 0; right: 0; background: url('Images/pagingLastArrow.gif') right 6px no-repeat; display: block; float: left; width: 8px; height: 18px; } .contentHeader .pager .last span { display: none; } .contentHeader .pager .last:hover { background-image: url('Images/pagingLastArrow_h.gif'); } .contentHeader .pager .prev { position: absolute; top: 0; left: 8px; background: url('Images/pagingPrevArrow.gif') left 6px no-repeat; display: block; float: left; width: 41px; } .contentHeader .pager .prev span { padding-left: 8px; } .contentHeader .pager .prev:hover { background-image: url('Images/pagingPrevArrow_h.gif'); } .contentHeader .pager .next { position: absolute; top: 0; right: 8px; background: url('Images/pagingNextArrow.gif') right 6px no-repeat; display: block; float: left; width: 37px; } .contentHeader .pager .next span { padding-right: 8px; } .contentHeader .pager .next:hover { background-image: url('Images/pagingNextArrow_h.gif'); } .contentHeader .pager .numbers { text-align: center; } .content { padding: 24px; } .splitContentWrapper { background: url('Images/splitContent.gif') repeat-y; } .splitContentWrapper .splitContentEnding { background: url('Images/splitContentBottom.gif') right bottom no-repeat; clear: both; height: 20px; } .splitContentWrapper .splitContentContainer1 { float: left; width: 375px; } .splitContentWrapper .splitContentContainer1 .content { } .splitContentWrapper .splitContentContainer2 { float: right; background: #000000; color: #b8b6b6; min-height: 436px; width: 313px; } .splitContentWrapper .splitContentContainer2 a { color: #fdbd40; } .splitContentWrapper .splitContentContainer2 h3 { color: #fdbd40; font-size: 11px; font-weight: bold; } .splitContentWrapper .splitContentContainer2 .content { background-repeat: no-repeat; padding: 304px 26px 0 26px; } .areaMyAccount .splitContentWrapper .splitContentContainer2 .content { padding-top: 8px; } .splitContentWrapperLight { color: #879096; } .splitContentWrapperLight a.lnk { background: url('images/listArrow.gif') left center no-repeat; padding-left: 12px; } .splitContentWrapperLight a.lnk:hover { background-image: url('images/listArrow_h.gif'); } .splitContentWrapperLight h3 { color: #000000; } .splitContentWrapperLight .content { padding-bottom: 0px; } .splitContentWrapperLight .splitContentEnding { clear: both; height: 20px; } .splitContentWrapperLight .splitContentContainer1 { float: left; width: 344px; } .splitContentWrapperLight .splitContentContainer2 { background: url('Images/splitVertical.gif') left 30px no-repeat; float: right; min-height: 261px; width: 344px; } .fieldsetContainer { background-color: #faf6ef; padding: 8px 16px 8px 24px; } .fieldsetContainerAlternating { background-color: #ffffff; padding: 8px 16px 8px 24px; } .fieldsetContainer ul, .fieldsetContainerAlternating ul { margin-left: 16px; } .fieldsContainer { } .fieldContainer { margin-bottom: 4px; } .fieldTitle { float: left; font-weight: bold; width: 96px; } .fieldTitle span { font-weight: normal; font-style: italic; } .fieldControl { float: right; width: 236px; } .fieldControl .checkBox input { margin-left: 0; } .fieldControl .textBox { width: 224px; } .fieldControl .textBoxSmall { width: 112px; } .fieldContainerFooter { clear: both; } .fieldsetButtons { padding-top: 8px; padding-right: 6px; } .fieldsetButtons .button { color: #000000; font-size: 11px; font-weight: bold; text-align: center; float: right; width: 80px; } .fieldsetButtons .buttonLarge { color: #000000; font-size: 11px; font-weight: bold; text-align: center; float: right; width: 140px; } .fieldsetButtons input.button, .fieldsetButtons input.buttonLarge { } .fieldsetButtons .button:hover, .fieldsetButtons .buttonLarge:hover { text-decoration: none; } .fieldsetButtons .backButtons { float: left; width: 90px; } .fieldsetButtons .backButtons .button { float: left; } .fieldsetButtonsFooter { clear: both; } .fieldsContainer .checkBox input { float: left; } .fieldsContainer .checkBox label { float: right; width: 212px; } .textTable { color: #5cace5; color: #e4a50f; font-weight: bold; } .icoPdfDocument { background: url('Images/icoPdf.gif') left center no-repeat; display: block; line-height: 20px; padding-left: 20px; } .errorField { color: #d40008; } .errorBlock { display: block; background: #ffcccc url('Images/icoError.gif') 8px center no-repeat; border: solid 1px #d40008; color: #d40008; line-height: 150%; padding: 8px 16px; padding-left: 28px; margin-bottom: 4px; } .successBlock { display: block; background: #ccffcc url('Images/icoSuccess.gif') 8px center no-repeat; border: solid 1px #00d408; color: #008004; line-height: 150%; padding: 8px 16px; padding-left: 28px; margin-bottom: 4px; } .footnoteText { font-size: 9px; } .hotline { padding-left: 16px; font-weight: bold; } /* -- Content container items ------------------------------------------------------------------- */ .contentList .empty { padding: 8px 16px; } .contentItem { } .contentItem .alternatingItem { background-color: #f3faff; } .contentItemInner { padding: 8px 16px; } .contentItemInner { color: #879096; } .contentItemInner a { color: #879096; } .contentItemInner a:hover { color: #879096; } .contentItemInner strong { color: #000000; } .contentItemSidebar { background: url('Images/contentItemSidebar.jpg') left 7px no-repeat; float: right; width: 184px; } .alternatingItem .contentItemSidebar { background-image: url('Images/contentItemSidebar_a.jpg'); } .contentItemSidebarInner { padding: 8px 16px; padding-left: 20px; } .contentItemSidebarInner ul { list-style-type: none; list-style-image: url('Images/contentItemListItem.gif'); } .contentItemSidebar .lnkSaveAsFavorite { background: url('Images/icoSaveAsFavorite.gif') left center no-repeat; display: block; line-height: 20px; padding-left: 28px; margin-top: 8px; } .contentItemSidebar .lnkGoToUrl { background: url('Images/icoGoToUrl.gif') left center no-repeat; display: none; line-height: 20px; padding-left: 28px; margin-top: 8px; } .contentItemSidebar .lnkGoToMap { background: url('Images/icoGoToMap.gif') left center no-repeat; display: none; line-height: 20px; padding-left: 28px; margin-top: 8px; } .contentItemSidebar .lnkSaveAsFavorite:hover { background-image: url('Images/icoSaveAsFavorite_h.gif'); color: #424242; } .contentItemSidebar .lnkGoToUrl:hover { background-image: url('Images/icoGoToUrl_h.gif'); color: #424242; } .contentItemSidebar .lnkGoToMap:hover { background-image: url('Images/icoGoToMap_h.gif'); color: #424242; } .contentItemFooter { clear: both; } /* :hover */ .contentItemSelected, .contentItem:hover, .contentItem:hover .alternatingItem { background: #000000; height: auto; } .contentItemSelected .contentItemInner a, .contentItem:hover .contentItemInner a { color: #fdbd40; } .contentItemSelected .contentItemInner a:hover, .contentItem:hover .contentItemInner a:hover { color: #fdbd40; } .contentItemSelected .contentItemInner strong, .contentItem:hover .contentItemInner strong { color: #ffffff; } .contentItemSelected .contentItemSidebar .lnkSaveAsFavorite, .contentItem:hover .contentItemSidebar .lnkSaveAsFavorite { background-image: url('Images/icoSaveAsFavorite_h2.gif'); } .contentItemSelected .contentItemSidebar .lnkGoToUrl, .contentItem:hover .contentItemSidebar .lnkGoToUrl { background-image: url('Images/icoGoToUrl_h2.gif'); display: block; } .contentItemSelected .contentItemSidebar .lnkGoToMap, .contentItem:hover .contentItemSidebar .lnkGoToMap { background-image: url('Images/icoGoToMap_h2.gif'); display: block; } .contentItemSelected .contentItemSidebar, .contentItem:hover .contentItemSidebar { background-image: url('Images/contentItemSidebar_h.jpg'); } /* Local providers */ #localProviders .contentItemInner { padding: 0; height: 133px; overflow: hidden; } #localProviders .contentItemSidebar { height: 133px; } #localProviders .contentItemImages { float: left; min-height: 133px; width: 212px; } #localProviders .contentItemImages img { float: left; width: 212px; } #localProviders .contentItemMain { float: left; width: 292px; } #localProviders .contentItemShort { height: 133px; } #localProviders .contentItemDescription { padding: 8px 16px 0 16px; } #localProviders .contentItemDescriptionInner { height: 108px; overflow: hidden; } #localProviders .contentItemDetails { height: 133px; } #localProviders .contentItemDetailsInner { padding: 8px 16px; } #localProviders .contentItemDetailsFooter { clear: both; } #localProviders .contentItemContact { float: left; height: 108px; width: 120px; } #localProviders .contentItemOpeningHours { float: right; height: 108px; width: 120px; } #localProviders .contentItemOffers { height: 108px; overflow: hidden; } #localProviders .contentItemOptions { display: none; } /* Local providers :hover */ #localProviders .contentItemSelected .contentItemInner, #localProviders .contentItemSelected .contentItemSidebar, #localProviders .contentItem:hover .contentItemInner, #localProviders .contentItem:hover .contentItemSidebar { height: 266px; } #localProviders .contentItemSelected .contentItemInner .contentItemImageShaded, #localProviders .contentItem:hover .contentItemInner .contentItemImageShaded { display: none; } #localProviders .contentItemSelected .contentItemSidebar .contentItemOffers, #localProviders .contentItem:hover .contentItemSidebar .contentItemOffers { height: 162px; } #localProviders .contentItemSelected .contentItemSidebar .contentItemOptions, #localProviders .contentItem:hover .contentItemSidebar .contentItemOptions { display: block; } /* Online providers */ #onlineProviders .contentItemInner { padding: 0; height: 140px; } #onlineProviders .contentItemBanner { background: url('Images/contentItemBanner.jpg') 12px 12px no-repeat; float: left; width: 132px; height: 90px; overflow: hidden; } #onlineProviders .contentItemBanner img { margin: 12px 0px 0px 12px; width: 120px; } #onlineProviders .contentItemMain { float: left; width: 372px; } #onlineProviders .contentItemDescription { padding: 8px 16px; } #onlineProviders .contentItemDescriptionInner { height: 90px; overflow: hidden; } #onlineProviders .contentItemSidebar { background-image: url('Images/contentItemSidebarSmall.jpg'); height: 106px; } #onlineProviders .alternatingItem .contentItemSidebar { background-image: url('Images/contentItemSidebarSmall_a.jpg'); } #onlineProviders .contentItemSidebar .lnkGoToUrl { display: block; } #onlineProviders .contentItemFooter { background: url('Images/contentItemBonus.jpg') center top no-repeat; padding-left: 16px; } #onlineProviders .alternatingItem .contentItemFooter { background-image: url('Images/contentItemBonus_a.jpg'); } #onlineProviders .contentItemFooterInner { color: #000000; height: 18px; padding: 8px 0 8px 132px; overflow: hidden; } #onlineProviders .contentItemBonus { background: url('Images/contentItemBonusArrow.jpg') left 5px no-repeat; float: left; height: 18px; width: 178px; overflow: hidden; } #onlineProviders .contentItemBonus div { padding-left: 12px; } #onlineProviders .alternatingItem .contentItemBonus { background-image: url('Images/contentItemBonusArrow.jpg'); } /* Online providers :hover */ #onlineProviders .contentItemSelected .contentItemSidebar, #onlineProviders .contentItem:hover .contentItemSidebar, #onlineProviders .contentItem:hover .alternatingItem .contentItemSidebar { background-image: url('Images/contentItemSidebarSmall_h.jpg'); } #onlineProviders .contentItemSelected .contentItemFooter, #onlineProviders .contentItem:hover .contentItemFooter, #onlineProviders .contentItem:hover .alternatingItem .contentItemFooter { background-image: url('Images/contentItemBonus_h.jpg'); } #onlineProviders .contentItemSelected .contentItemFooterInner, #onlineProviders .contentItem:hover .contentItemFooterInner { color: #ffffff; } #onlineProviders .contentItemSelected .contentItemBonus, #onlineProviders .contentItem:hover .contentItemBonus, #onlineProviders .contentItem:hover .alternatingItem .contentItemBonus { background-image: url('Images/contentItemBonusArrow_h.jpg'); } /* -- Data table -------------------------------------------------------------------------------- */ .dataTable { color: #879096; width: 100%; } .dataTable a { color: #000000; } .dataTable strong { color: #000000; } .dataTable tr { vertical-align: top; } .dataTable th { background-color: #f3faff; color: #000000; padding: 8px 16px; font-weight: bold; text-align: left; } .dataTable td { padding: 4px 16px; text-align: left; } .dataTable .itemRowAlternating { background-color: #f3faff; } .dataTable .itemRowSelected { background-color: #000000; } .dataTable .itemRowSelected a { color: #fdbd40; } .dataTable .itemRowSelected strong { color: #ffffff; } .dataTable .cellNumber { text-align: right; } .dataTable .cellStateApproved { color: #00aa00; } .dataTable .cellStateConfirmed { color: #5cace5; } .dataTable .cellStateOpen { color: #45494d; } .dataTable .cellStatePaidOut { } .dataTable .cellStateRejected { color: #cc0000; } /* -- Page container ---------------------------------------------------------------------------- */ #aspnetForm { height: 100%; } #pageContainer { background: url('Images/sidebarContainerBack.gif') 138px top repeat-y; height: auto !important; height: 100%; min-height: 100%; position: relative; } #pageContainerTop { background: url('Images/pageContainerTop.gif') repeat-x; height: 230px; } #pageContainerMain { background: url('Images/sidebarContainerTop.gif') 116px top no-repeat; padding-left: 415px; padding-bottom: 99px; } #topContainer { background: url('Images/topContainer.gif') left top no-repeat; padding-left: 406px; } #topContainer #topLogo { display: none; } #topContainerInner { background: url('Images/topContainerSlogan.gif') left top no-repeat; padding-left: 4px; width: auto !important; width: 700px; min-width: 700px; height: 230px; } #loginContainer { width: 703px; height: 92px; } #loginContainerInner { float: right; margin-top: 15px; width: 176px; height: 76px; } #loginContainerInner .editField { background: url('Images/loginField.gif') left top no-repeat; border: 0; color: #8e979d; margin-bottom: 8px; padding: 3px; padding-bottom: 0px; width: 176 px; width: 170px; height: 17px; } #loginContainerControls { background: url('Images/loginContainerControls.gif') no-repeat; height: 20px; } #loginContainerControls span { display: none; } #loginContainerControls .lnkLogin { display: block; float: left; width: 82px; height: 20px; } #loginContainerControls .lnkOrder { display: block; float: left; width: 94px; height: 20px; } #logoutContainer { width: 703px; height: 92px; } #logoutContainerInner { float: right; margin-top: 15px; width: 176px; height: 76px; } #logoutContainerInfoBox { background: url('Images/logoutInfoBox.gif') left top no-repeat; color: #8e979d; margin-bottom: 8px; width: 176px; height: 48px; overflow: hidden; } #logoutContainerInfoBoxInner { padding: 2px 4px; line-height: 14px; } #logoutContainerControls { background: url('Images/logoutContainerControls.gif') no-repeat; height: 20px; } #logoutContainerControls span { display: none; } #logoutContainerControls .lnkLogout { display: block; float: left; width: 82px; height: 20px; } #logoutContainerControls .lnkMyAccount { display: block; float: left; width: 94px; height: 20px; } #mainContainer { background: url('Images/mainContainer.gif') repeat-y; line-height: 18px; width: 704px; } #mainContainerInner { background: url('Images/mainContainerTop.gif') no-repeat; padding: 21px 6px; padding-bottom: 0px; height: auto !important; /*height: 592px; */min-height: 592px; } #mainContainerBottom { background: #ffffff; position: relative; height: 38px; } #mainContainerBottomRounded { background: url('Images/mainContainerBottom.gif') left bottom no-repeat; position: absolute; top: 0px; left: 0px; width: 704px; height: 21px; } #mainContainerBottomLeftRounded { background: url('Images/mainContainerBottomLeft.gif') left top no-repeat; position: absolute; top: 0px; left: 0px; margin-top: -17px; width: 24px; height: 38px; } #mainContainerBottomRightRounded { background: url('Images/mainContainerBottomRight.gif') right top no-repeat; position: absolute; top: 0px; right: 0px; margin-top: -17px; width: 24px; height: 38px; } #footerContainer { background: url('Images/pageContainerBottom.gif') left bottom repeat-x; margin-top: -67px; min-width: 1132px; height: 67px; position: relative; } #footerContainer * { color: #8c8c8c; } #footerContainerLeft { background: url('Images/sidebarContainerBottom.gif') left bottom no-repeat; position: absolute; left: 138px; top: -144px; width: 239px; height: 144px; } #footerContainerInner { background: url('Images/bottomContainerLeft.gif') left bottom no-repeat; width: 1112px; height: 67px; } #footerContainerContent { padding-top: 32px; padding-left: 420px; } #footerContainerContent a:hover { color: #ffffff; text-decoration: none; } #footerContainerContent .contentLeft { float: left; } #footerContainerContent .contentRight { float: right; } /* -- Sidebar container & elements -------------------------------------------------------------- */ #pageSidebar { position: absolute; left: 138px; top: 376px; width: 239px; overflow: hidden; } #pageSidebar #sidebarHeadline { background: url('Images/sidebarHeadline.gif') left bottom no-repeat; margin: 0 auto 12px auto; height: 40px; width: 194px; } #pageSidebar #sidebarHeadline h2 { margin: 0 auto; width: 176px; height: 38px; color: #ffffff; font-size: 23px; font-weight: normal; } #pageSidebarBehind { background: url('Images/sidebarContainerMiddle.gif') left bottom no-repeat; position: absolute; left: 145px; bottom: 209px; width: 225px; height: 150px; overflow: hidden; } .sidebarContainer { color: #879096; line-height: 18px; margin: 0 auto; margin-bottom: 24px; width: 176px; } .sidebarContainer a { color: #fdbd40; } .sidebarContainer a:hover { color: #fdbd40; text-decoration: underline; } .sidebarContainer label { color: #fdbd40; display: block; font-size: 11px; } .sidebarContainer input, .sidebarContainer select { display: block; line-height: 16px; margin-bottom: 16px; width: 170px; } .sidebarContainer select { width: 176px; height: 20px; } .sidebarContainer strong { color: #ffffff; display: block; margin-bottom: 8px; } .sidebarContainer .sidebarButton { color: #000000; font-weight: bold; float: right; width: 80px; } .sidebarContainer .highlight { color: #fdbd40; } .sidebarContainerFooter { clear: both; } #pageSidebar .steps { list-style-type: none; margin: 0px auto; width: 176px; z-index: 103; } #pageSidebar .steps li { border-bottom: solid 1px #414344; color: #d7e0e7; display: block; line-height: 28px; padding: 0 4px; margin-bottom: 4px; } #pageSidebar .steps li.active { color: #fdbd40; } /* -- Navigation elements ----------------------------------------------------------------------- */ #navigationMain { list-style-type: none; margin-left: 9px; margin-top: 21px; width: 696px; } #navigationMain li { float: left; } #navigationMain a { color: #879096; display: block; font-size: 13px; font-weight: bold; line-height: 71px; margin-right: 28px; } #navigationMain .lastElement a { margin-right: 0; } #navigationMain a:hover, #pageDefault #navDefault a, #pageLocalProvider #navLocalProvider a, #pageOnlineProvider #navOnlineProvider a, #pageBecomeAMember #navBecomeAMember a, #pageBecomeAPartner #navBecomeAPartner a, #pageInviteAFriend #navInviteAFriend a { background: url('Images/navArrow_h.gif') center bottom no-repeat; color: #0b0d0d; text-decoration: none; } #navigationTop { list-style-type: none; margin-left: 10px; width: 656px; height: 18px; } #navigationTop li { float: left; margin-right: 28px; } #navigationTop a { background: url('Images/listArrow.gif') left center no-repeat; color: #fdbd40; display: block; font-size: 13px; padding-left: 12px; } #navigationTop a:hover, .areaMyAccount #navMyAccount a, #pageMyAccount #navMyAccount a, #pageFaq #navFaq a, #pageContact #navContact a, #pageImprint #navContact a, #pageTermsConditions #navContact a { background: url('Images/listArrow_h.gif') left center no-repeat; color: #ff9f00; text-decoration: none; } #navigationLeft { list-style-type: none; margin: 0px auto; width: 176px; z-index: 103; } #navigationLeft li { border-bottom: solid 1px #414344; margin-bottom: 4px; } #navigationLeft a { background: url('Images/listArrow.gif') 4px center no-repeat; color: #d7e0e7; display: block; line-height: 28px; padding-left: 24px; padding-right: 4px; } #navigationLeft a:hover, #navigationLeft .navActive { background-image: url('Images/listArrow_h.gif'); color: #fdbd40; text-decoration: none; }