/* sportmetropole.css - External stylesheet for media screen of page: * http://www.sportmetropole-berlin.de */ /* General tag styles */ *, body { margin: 0px; padding: 0px; } body { font-family: Arial, sans-serif; font-size: 11px; line-height: 12px; color: #535d68;} /* body div{border: 1px solid #221123;} */ h1, h2, h3, h4, h5, h6 { font-size: 11px; } ul { list-style-type: none; } img { border: none; } a:link, a:visited { color: #535d68; } a:hover, a:active, a:focus { color: #ee1c35; } a.activeLink, a.activeLink:link, a.activeLink:visited { text-decoration: none; color: #ee1c35; } a.activeLink:hover, a.activeLink:active, a.activeLink:focus { text-decoration: underline; } a.noBullet { background: none !important; padding: 0px !important; } /* Noscript forms */ form.noscript-form { width: 140px; margin: 0px auto; text-align: right;} .filter .noscript-form { width: 480px; margin: 20px 0px 0px 0px; } noscript fieldset, .noscript-form fieldset { border: none; } noscript select, noscript input, .noscript-form select, .noscript-form input { font-size: 10px; border: 1px solid #a6abb1; background-color: #fff; color: #535d68; } noscript select, .noscript-form select { width: 140px;} .filter .noscript-form select { width: 113px; } .noscript-form optgroup { margin: 5px 0px 0px 0px; font-style: normal; } noscript option, .noscript-form option { padding: 0px 10px; } noscript input, .noscript-form input { margin: 10px 0px 0px 0px; } .filter .noscript-form input { margin: 0px; } noscript input:hover, .noscript-form input:hover {border-color: #838a91; } /* Fullscreen, resizable background */ #background img { min-height: 100%; min-width: 800px; width: 100%; height: auto; position: fixed; top: 0; left: 0; } #content { min-height: 720px; } /* General purpose classes */ .clearAll { clear: both; } .noScreen { display: none; } .invisible { visibility: hidden; background: none;} .safeWidth { min-width: 986px; } .red { color: #ee1c35; } .needJs { display: none; } .imageLink { text-indent: -15000px; } .noBorder { border: none !important; } .withBorder { border-bottom: 1px solid #a6abb1; padding-bottom: 10px !important; } /* Header */ #header { position: fixed; top: 0px; left: 0px; z-index: 10; width: 100%; height: 154px;} #header h1 { margin-right: 290px; height: 77px; background-color: #FFF; border-bottom: 13px solid #e20026; } #header h1 img { padding: 20px 0px 0px 82px; } #header #dialog_arrow { background: transparent url("../images/bg_berlin_key.png") top right no-repeat; width: 304px; height: 130px; float: right; text-align: right; } #header p {} #header p img { padding: 20px 20px 0px 0px; } #header ul { padding: 10px 20px 0px 0px; } #header ul li { display: inline; padding-left: 6px; } /* Right side (calendar and event reel) */ #right_side { position: absolute; top: 154px; right: 30px; width: 160px; z-index: 5; } #right_side .content h2 { text-indent: 5px; padding-bottom: 10px; border-bottom: 1px solid #a6abb1; } #right_side object { cursor: pointer; } #calendar { padding: 5px 0px 10px 0px; width: 160px; } #calendar table { width: 148px !important; text-align: center; table-layout: fixed; border-spacing: 0px; border-collapse: collapse; empty-cells: show; font-size: 10px; margin: 0px auto; } #calendar table caption { font-weight: bold; font-size: 11px; line-height: 15px; position: relative; } #calendar table th { font-weight: normal; line-height: 16px; } #calendar table td { border: 1px solid #a6abb1; width: 20px !important; height: 17px !important; color: #838a91; } #calendar .weekend { color: #535d68; } #calendar .today, #calendar .today a { color: #ee1c35 !important; } #calendar .highlighted a { color: #fff !important; background-color: #ee1c35 !important; } #calendar a { display: block; position: absolute; margin-left: -1px; margin-top: -9px; background-color: #a6abb1; color: #fff; width: 20px; height: 16px; border: 1px solid #a6abb1; text-decoration: none; line-height: 17px; } #calendar a:hover, #calendar a:active, #calendar a:focus { border-color: #ee1c35 !important; z-index: 1000; } #calendar table td.selected, #calendar table td.selected a { background: none; background-color: #ee1c35 !important; color: #fff !important; } #calendar .previousMonth, #calendar .nextMonth { background-color: transparent; border: none; top: 7px; margin-top: 0px; height: 10px; width: 10px; } #calendar .previousMonth { left: 10px; } #calendar .nextMonth { right: 10px; } #event_teaser { padding-top: 10px; } #event_teaser p { padding-bottom: 10px; } #event_teaser .teaserImage { display: block; height: 98px; border-bottom: 1px solid #A6ABB1; text-align: center;} #event_teaser .teaserDate, #event_teaser .teaserHeadline, #event_teaser a { display: block; width: 148px; margin: 0px auto; } #event_teaser .teaserDate { margin-top: 10px; } #event_teaser .teaserHeadline { font-weight: bold; } #event_teaser a { width: 140px; margin-top: 10px; } #social_bookmark_links { padding-top: 10px; } #social_bookmark_links.content h2 { border: none; padding-bottom: 5px; } #social_bookmark_links.content p span { display: block; height: 6px; } #social_bookmark_links a { display: block; width: 70px; height: 23px; margin: 0px 5px; } .facebookButton { float: left; } .twitterButton { float: right; } /* Left side (navigation and content) */ #left_side { position: absolute; top: 154px; left: 30px; width: 755px; z-index: 5; } #navigation, #sub_navigation {font-size: 12px; } #sub_navigation { padding-top: 21px; } #sidebar_left { position: relative; z-index: 50; } #sidebar_left * { z-index: 30; } #sidebar_left .leftSidebarBeginning { height: 21px; } #sub_navigation { padding-bottom: 20px; } #sidebar_left .content h2 { text-indent: 10px; margin-bottom: 8px; } #navigation { padding-bottom: 3px; } #navigation li, #sub_navigation li { padding: 1px 0px 1px 0px; width: 100%; } #navigation a, #sub_navigation a { display: block; height: 15px; padding-top: 3px; padding-left: 10px; text-decoration: none; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } #sub_navigation a {height: auto !important; padding: 3px 0 3px 10px;} #navigation a:link, #navigation a:visited, #sub_navigation a:link, #sub_navigation a:visited { } #navigation .active a, #sub_navigation .active a { color: #FFF; border-top: 1px solid #a6abb1; border-bottom: 1px solid #a6abb1; } #sub_navigation .active.twoLine{background-position: 0 -2443px; height: 30px;} *html #sub_navigation .active.twoLine{background-position: 0 -2444px; height: 30px;} #sub_navigation .twoLine a:hover {background-position: 0 -2505px;} *html #sub_navigation .twoLine a:hover {background-position: 0 -2500px;} #navigation .active a:hover, #navigation a:hover, #navigation a:active, #navigation a:focus, #sub_navigation .active a:hover, #sub_navigation a:hover, #sub_navigation a:active, #sub_navigation a:focus { color: #535d68; border-top: 1px solid #a6abb1; border-bottom: 1px solid #a6abb1; } #navigation a span, #sub_navigation a span { float:right; height: 18px; width: 19px; } /* Custom select and input styles */ .selectOverlay, .filter .selectOverlay { top: 0px; left: 0px; background-color: #000; margin: 0px !important; padding: 0px !important; float: none !important; cursor: pointer; position: fixed; } #quick_ticket, #search, #ticket_search { padding: 5px 0px 10px 0px; /*position: relative;*/ } .filter { text-align: center; height: 16px; width: 560px; margin: 16px auto; } #ticket_search div, .filter div { width: 120px; float: left; position: relative; text-align: left; margin: 0px 10px; } .filter div { width:132px; margin:0 4px; } #tickets_club p .valueLabel { overflow: hidden; display: inline-block; height: 16px; float: left; width: 120px; } #ticket_search div { width: 160px; margin-left: 0px; } #content_column .filter div ul, #ticket_search div ul { top: 0px; right: 0px; margin-top: 0px; padding: 0px; list-style-type: none; z-index: 10000; } #quick_ticket p , .filter p, #ticket_search p { width: 143px; margin: 0px auto; border: 1px solid #a6abb1; color: #838a91; height: 16px; padding: 0px 0px 0px 5px !important; line-height: 16px; font-size: 10px; text-align: left; } #ticket_search p { width: 153px; } .filter p { width: 125px; overflow:hidden; } #quick_ticket ul, .filter ul, #ticket_search ul { clear: right; position: absolute; border: 1px solid #a6abb1; background-color: #FFF; margin-top: -18px; margin-left: 5px; font-size: 10px; min-width: 158px; padding-bottom: 5px; padding-top: 2px; text-align: left; z-index: 1000;} #qt_activator, #nfm_activator, #nft_activator, #nfs_activator, .selectActivator { display:block; width: 21px; height: 16px; float: right; cursor: pointer; position:relative; } #qt_select li, #news_filter_months li, #news_filter_teams li, #news_filter_sports li, #ticket_search_clubs li, #ticket_search_sports li, #ticket_search_places li { padding: 0px 20px; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } #qt_select a, #news_filter_months a, #news_filter_teams a, #news_filter_sports a, #ticket_search_clubs a, #ticket_search_sports a, #ticket_search_places a { display: block; height: 11px; line-height: 11px; text-decoration: none; white-space: nowrap; color: #838A91; background: transparent; background-image: none !important; } #ticket_search_clubs .selected, #ticket_search_clubs li:hover, #ticket_search_clubs li:active, #ticket_search_clubs li:focus, #ticket_search_sports .selected, #ticket_search_sports li:hover, #ticket_search_sports li:active, #ticket_search_sports li:focus, #ticket_search_places .selected, #ticket_search_places li:hover, #ticket_search_places li:active, #ticket_search_places li:focus, #qt_select .selected, #qt_select li:hover, #qt_select li:active, #qt_select li:focus, #news_filter_months .selected, #news_filter_months li:hover, #news_filter_months li:active, #news_filter_months li:focus, #news_filter_teams .selected, #news_filter_teams li:hover, #news_filter_teams li:active, #news_filter_teams li:focus, #news_filter_sports .selected, #news_filter_sports li:hover, #news_filter_sports li:active, #news_filter_sports li:focus { border-top: 1px solid #a6abb1; border-bottom: 1px solid #a6abb1; } #ticket_search_clubs .selected a, #ticket_search_clubs li:hover a, #ticket_search_clubs li:active a, #ticket_search_clubs li:focus a, #ticket_search_sports .selected a, #ticket_search_sports li:hover a, #ticket_search_sports li:active a, #ticket_search_sports li:focus a, #ticket_search_places .selected a, #ticket_search_places li:hover a, #ticket_search_places li:active a, #ticket_search_places li:focus a, #qt_select .selected a, #qt_select li:hover a, #qt_select li:active a, #qt_select li:focus a, #news_filter_months .selected a, #news_filter_months li:hover a, #news_filter_months li:active a, #news_filter_months li:focus a, #news_filter_teams .selected a, #news_filter_teams li:hover a, #news_filter_teams li:active a, #news_filter_teams li:focus a, #news_filter_sports .selected a, #news_filter_sports li:hover a, #news_filter_sports li:active a, #news_filter_sports li:focus a { color: #FFF; } #ticket_search_clubs .bordered, #ticket_search_clubs .bordered:hover, #ticket_search_sports .bordered, #ticket_search_sports .bordered:hover, #ticket_search_places .bordered, #ticket_search_places .bordered:hover, #qt_select .bordered, #qt_select .bordered:hover, #news_filter_months .bordered, #news_filter_months .bordered:hover, #news_filter_teams .bordered, #news_filter_teams .bordered:hover, #news_filter_sports .bordered, #news_filter_sports .bordered:hover { border: none; border-bottom: 1px dotted #a6abb1; margin: 3px 20px 2px 20px; line-height: 0px; } #search { padding-bottom: 7px; position: relative; } #search form * { margin: 0px; padding: 0px; } #search fieldset { border: none; } #search legend, #search label { display: none; } #search input { display: block; width: 117px; margin: 0px 5px; border: 1px solid #a6abb1; color: #838a91; height: 14px; padding: 2px 26px 0px 5px; font-size: 10px; } #search input.submit { display: block; overflow: hidden; font-size: 0px; line-height: 0px; width: 21px; padding: 0px; height: 16px; border: none; text-indent: -5000em; position: absolute; right: 1px; top: 26px; cursor: pointer; } #search p { text-align: right; font-size: 10px; margin: 5px 5px 0px 0px; color: #838a91; } #search p a:link, #search p a:visited { text-decoration: none; color: #838a91; } #search p a:hover, #search p a:active, #search p a:focus { text-decoration: underline; color: #ee1c35; } #search.activeSearch input { border-color: #535d68; color: #535d68; } #search.activeSearch input.submit { border: none;} #ticket_search { font-size:11px; line-height:12px; } #ticket_search fieldset { border: none; border-bottom: 1px solid #A6ABB1; } #ticket_search label { font-weight: bold; cursor: pointer; } #ticket_search table { margin: 10px 20px; } #ticket_search th, #ticket_search td, #ticket_search td.formButtons { height: 30px; vertical-align: middle; } #ticket_search .ticketDates th, #ticket_search .ticketDates td { height: 20px; } #ticket_search td.formButtons { height: 30px; vertical-align: middle; padding-top: 20px; } #ticket_search th { width: 160px; text-align: left; } #ticket_search td label { padding: 0px 30px 0px 5px; } #ticket_search input { border: 1px solid #A6ABB1; height: 16px; width: 158px; } #ticket_search input.nonText { width: auto; border: none; } #ticket_search input.dateSelector { width: 136px; } #ticket_search noscript select { width: 158px; } #ticket_search img.ui-datepicker-trigger { margin: 0px 0px -4px 3px; cursor: pointer; } #ticket_search .ticketFormError { font-size: 11px; color: #EE1C35; } #ticket_search .ticketSearchSubmit, #ticket_search .ticketSearchSubmitEn { height: 18px; width: 62px; border: none; color: transparent; cursor:pointer; } #content_column .ticketSearchDirectLinks { list-style-type: none; height: 100px; padding: 10px 0; font-size:11px; } .ticketSearchDirectLinks li { float: left; margin: 0px 15px; width:66px; text-align: center;} .ticketSearchDirectLinks a { display: block; border: 1px solid #9da7a9; color: #fff; width: 60px; height: 16px; padding: 0px !important; text-align: center; text-decoration: none; line-height: 16px; margin: 10px auto 0px auto; } .ticketSearchResult { margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; width: 100%; } .ticketSearchResult thead { text-align: left; } .ticketSearchResult th { font-weight: normal; padding-bottom: 10px; border-bottom: 1px solid #a6abb1; } .ticketSearchResult .firstColumn { padding-left: 20px; padding-right: 5px; width: 215px; } .ticketSearchResult .secondColumn { width: 130px; } .ticketSearchResult .thirdFourthColumn { width: 100px; } .ticketSearchResult .thirdColumn { width: 20px; } .ticketSearchResult .fourthColumn { width: 80px; } .ticketSearchResult .fifthColumn { text-align: right; padding-right: 20px; } .ticketSearchResult td { padding-top: 10px; vertical-align: top;} .leftSidebarEnding { height: 21px; } #sidebar_right { } #content_column { float: left; margin-bottom: 56px; padding: 10px 0px 10px 0px; position: relative; z-index: 40; } #content_column a, #event_teaser a { padding-left: 8px; } #content_column a.externalLink { padding-left: 0px; padding-right: 8px; } #content_column h2, #content_column p { padding: 20px 20px 0px 20px;} #content_column ul { padding: 10px 20px 0px 35px; list-style-type: square; } #content_column h2 { border-bottom: 1px solid #a6abb1; padding-bottom: 2px; margin: 0px; } #content_column h2.unpad { padding-top: 8px; } #content_column h3 { margin-bottom: -10px; margin-top: 10px; } #content_column div.club h2 { float: left; width: 265px; } #content_column div.initiator h2 { float: left; width: 435px; } #content_column div.club img, #content_column div.initiator img { float: left; display: block; width: 70px; margin: 0px 20px 0px 20px; } #content_column div.initiator img { margin-top: 20px; height: 38px; margin-bottom: -20px; } #content_column .listImage { float: left; width: 151px; margin-top: 0px; height: 82px; } #content_column .listImage img { margin-left: 20px; } #content_column .listImageInitiator { float: left; width: 86px; margin-left: 20px; margin-top: 10px; height: 75px; } #content_column .listImageInitiator img { width: 65px; height: 32px; margin-top: 25px; } #content_column p.initiatorImageDescription { margin-right: 22px; } #content_column .backLink { margin-bottom: 20px; } #content_column .moreLink { padding: 0px 20px 0px 0px; text-align: right; } #content_column .asColumn { float: left; padding: 10px 20px 0px 20px; } #content_column div.asColumn { padding: 0px; } #content_column h3.asColumn { width: 60px; padding-right: 0px; margin-top: 0px; } #content_column p.asColumn { padding-left: 0px; } #content_column p.asColumn a { line-height: 20px; } #content_column .devide { border-bottom: 1px solid #a6abb1; } #content_column div.initiatorText { width: 475px; margin-bottom: 10px; float: left; } #content_column div.initiatorText p, #content_column div.initiatorText2 p { padding-right: 0px; } #content_column div.initiatorText2 { width: 385px; margin-bottom: 10px; float: left; } #content_column div.initiatorMetas { width: 180px; padding: 0px; padding-right: 20px; font-size:11px;} #content_column div.initiatorMetas h3 { margin-top: 20px; margin-left: 20px; font-size:11px; } #content_column div.initiatorMetas p { line-height: 14px; padding: 20px 0px 0px 20px; } #content_column div.initiatorMetas p span { font-weight: bold; } #content_column div.initiatorMetas p a { line-height: 20px; margin-top: 5px; } #content_column .linkEntry { float: left; margin-bottom: 0px; width:535px; min-height: 25px;} #content_column .linkEntry h3 { padding: 0px 20px; margin-bottom: -15px; font-weight: normal; } #content_column .linkEntry p { width: 300px; } #content_column .linkLink { float: left; width: 50px; } #content_column .linkLink p.moreLink { position: static; text-align: left; margin-top: 10px; } #content_column .tourism img { height: 37px; } #content_column .tourismIntro { width: 495px; /*margin-bottom: 45px;*/ } #content_column .tourismOffer { clear: both; border-top: 1px solid #a6abb1; width: 100%;} .tourismPicture { width: 147px; height: 98px; } .tourismContent { width: 350px; } .tourismContent h3 { margin: 0px 20px; } .tourismMetas { width: 88px; position: relative; height: 98px; } #content_column .tourismMetas a { position: absolute; bottom: 10px; padding-right: 12px; } .followPage { padding-right: 100px; margin-bottom: 20px; position: relative; } #content_column .followPage .moreLink { bottom: 0px; left: 530px; } .mapLinks { float: right; width: 60px; } #content_column * { z-index: 15; } #content_column .filter { z-index: 20; } /* Footer */ #footer_background { position: fixed; bottom: 0px; left: 0px; background-color: #221f20; z-index: 9; width: 100%; height: 46px; } #footer { position: fixed; bottom: 0px; left: 0px; z-index: 10; width: 100%; height: 46px; } #footer ul { position: absolute; top: 5px; } #footer ul li { float: left; padding-left: 15px; height: 46px; } #footer ul li.noPad { padding-left: 0px; } #footer a { display: block; height: 46px; float: left; } #authority_links { left: 0px; top: 0px; padding-left: 16px; } #team_links { right: 427px; } #location_links { right: 103px; } #institution_links { right: 377px; } #eventim_links { right: 0px; padding-right: 20px; } .footerBerlinPartner { width: 49px; } .footerBerlinTourismus { width: 47px; } .footerIhkBerlin { width: 69px; } .footerScc { width: 45px; } .footerEisbaeren { width: 23px; } .footerAlba { width: 25px; } .footerHertha { width: 29px; } .footerFuechse { width: 31px; } .footerO2World { width: 69px; } .footerOlympiastadion { width: 53px; } .footerVelodrom { width: 36px; } .footerSchmeling { width: 33px; } .footerEventim { width: 43px; } .footerBeBerlin { width: 39px; } .footerOsp { width: 15px; } .footerUnion { width: 45px; } .footerFoersterei { width: 22px; } /* Specific boxes */ .actionColumn { width: 160px; float: left; margin-right: 10px; } .twoColumn { width: 585px; } .threeColumn { width: 415px; } .content { background-color: #FFF; margin-bottom: 10px; } #content_column { font-size:13px; line-height:16px; } #content_column h2 { font-size:13px; clear:both; } #content_column h3 { font-size:13px; } .fbLikebox { width:160px; background-color:#fff; } /* Sitemap */ #content_column ul.sitemap { margin: 0px 20px 10px 10px; padding: 0px; } ul.sitemap, ul.sitemap li { list-style-type: none !important; list-style-image:none !important; } ul.sitemap, ul.sitemap ul, ul.sitemap ul ul { line-height: 18px; background: url(../images/exim.gif) repeat-y top left !important; } ul.sitemap li { padding-left: 24px !important; margin: 0px; background: url(../images/extm.gif) no-repeat 0px -2px !important; } ul.sitemap li.last { background : url(../images/exlm.gif) no-repeat 0 -2px !important; } ul.sitemap ul, ul.sitemap ul ul { padding: 0px !important; margin-left : -4px !important; } ul.sitemap ul { padding: 0px; margin: 0px; } ul.sitemap_none { margin: 0px; } /* Search Results */ #content_column h2.searchResult { position: relative; border: none; margin-bottom: 20px; } h2.searchResult span { margin-left: 10px; padding-left: 15px; } h2.searchResult span.searchSummary { padding : 0px; position: absolute; width: 150px; right: 0px; font-weight: normal; background: none; } .searchResultEntry { border-top: 1px solid #a6abb1; padding: 10px 0px; } .searchResultEntry .searchMetas { width: 150px; float: right; } .searchResultEntry .searchMetas p { margin: 0px !important; padding: 0px !important; } #content_column .searchResultEntry h3, #content_column .searchResultEntry p { width: 405px; } #content_column .searchResultEntry h3 { margin: 0px 0px 0px 20px; } #content_column .searchResultEntry p { padding: 0px; margin: 7px 0px 0px 20px; } /* Events */ .eventEntry { border-top: 1px solid #a6abb1; height: 123px; padding-top: 10px;} .eventLogo { width: 76px; margin-left: 20px; } .eventLogoWrapper { width: 80px; } .eventContent { width: 319px; padding-right: 10px !important; /*position: relative;*/ height: 100%;} .eventContent h3 { font-size:13px; } .eventDetail{ width: 585px; min-height: 188px; } .eventMetas, .eventDetailMetas { /*position: relative;*/ height: 100%; z-index: 11;} .eventMetas { width: 150px; } .eventDetailMetas { width: 168px; } #content_column .eventContent h3, #content_column .eventContent p { padding: 0px; margin: 0px; } #content_column .eventContent p { padding-top: 7px; } #content_column .eventContent p.moreLink { text-align: left; } #content_column .eventDetail, #content_column .eventDetailMetas { margin-top: 17px; } #content_column .eventDetail p { padding-top: 0px; margin-bottom: 12px; } #content_column .eventMetas p, #content_column .eventDetailMetas p { padding: 0px !important; } #content_column .eventMetas p.moreLink, #content_column .eventDetailMetas p.moreLink { text-align: left; position: static; margin-top: 10px; } #content_column .eventDetail p.backLink { margin-bottom: 20px; margin-top: 17px; } #content_column ul.socialBookmarks { width: 10px; list-style-type: none; padding: 0px; float: right; } .socialBookmarks li { margin-bottom: 4px; } #content_column .socialBookmarks a { width: 10px; height: 10px; padding: 0px; display: block; } #content_column .searchSummaryEvents { width: 160px; } /* * Define clear fix for div-containers with nested floated divs */ .eventMetaWrapper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; margin:0; padding:0; } .eventMetaWrapper { display:inline-table; } /* Hides from IE-mac \*/ * html .eventMetaWrapper { height: 1%; } .eventMetaWrapper { display: block; } /* End hide from IE-mac */ .eventMetaWrapper { margin:0 17px 17px 0; float:left; } #content_column .eventDetail .eventMetaWrapper p { margin-bottom:0px; } #content_column .eventDetail .eventFirstData { padding-top:10px; } #content_column .eventDetail .eventMetaWrapper p.eventLogoWrapper { width:150px;height:168px;padding:0px 0px 0px 20px; } /* Lightbox-Effect */ .lightbox { cursor: pointer; } .lightboxActivator { width: 10px; height: 10px; display: inline-block; margin-left: 3px; cursor: pointer;} .lightboxOverlay { top: 0px; left: 0px; width: 100%; z-index: 9990; background-color: #000; } .lightboxContainer { z-index: 10000; background-color: #fff; width: 420px; } .lightboxCaption { position: relative; padding-bottom: 10px; } .lightboxContainer img { margin: 10px; } .lightboxContainer p { margin: 0px 10px; width: 370px; } .lightboxContainer a { position: absolute; right: 10px; bottom: 10px; text-decoration: underline; cursor: pointer; } /* Pager */ #content_column ul.pager { position: relative; border-top: 1px solid #a6abb1; margin: 0px 0px 30px 0px; text-align: center; padding-top: 20px; list-style-position: inside; font-size:11px; } #content_column ul.pager li {display: inline; margin: 0px 0px 0px 0px; padding: 0px; } #content_column ul.pager li.pagerLast { } #content_column ul.pager li a { padding: 0px 6px 0px 8px; margin: 0px; } #content_column ul.pager li a:link, #content_column ul.pager li a:visited { color: #838a91; } #content_column ul.pager li a:hover, #content_column ul.pager li a:active, #content_column ul.pager li a:focus { color: #ee1c35; } #content_column ul.pager li a.pagerCurrent { color: #ee1c35; text-decoration: none; } #content_column ul.pager li.pagerTextPrevious { position: absolute; left: 97px; padding-left: 10px; /*margin-left: 97px;*/ width: 60px; text-align: left; } #content_column ul.pager li.pagerTextNext { position: absolute; right: 97px; padding-right: 5px; /*margin-right: 97px;*/ width: 60px; text-align: right;} #content_column ul.pager li.pagerTextPrevious a, #content_column ul.pager li.pagerTextNext a { background: none; padding-left: 0px !important; } /* News Entries */ .newsEntry { border-top: 1px solid #a6abb1; height: 173px; /*position: relative;*/ } .newsEntry h3 { padding: 0px 20px; margin-top: 7px !important; margin-bottom: 0px !important; } .newsEntry p { padding-top: 7px !important; } .newsImageListing { float: right; width: 167px;; height: 123px; margin: 10px 20px; color: #ee1c35; } .newsImageListing a { background: none !important; padding: 0px !important; } .newsImageDetail { margin-top: 20px; position: relative; width: 167px; clear: left; } .newsImageDetail .lightboxActivator { position: absolute; right: 0px; } .newsImageDetail p { padding: 0px 0px 20px 0px !important; color: #a6abb1; float: left; width: 154px; } .newsPublishDate { padding-top: 10px !important; } .newsText { width: 395px; margin-bottom: 20px; } .newsImage { width: 160px; } .newsFeedIcon { width: 10px; height: 10px; position: absolute; top: 10px; right: 10px; } #content_column .newsFeedIcon a { background: none; padding-left: 0px; } .newsFeedIcon img { width: 10px; height: 10px; } span.newsPublishDate { font-weight: normal; position: absolute; padding-top: 0px !important; left: 395px; } /*p.newsMoreLink { position: absolute; bottom: 10px; right: 210px; padding: 0px !important; margin: 0px !important; }*/ p.newsMoreLink { text-align: right; padding: 10px 0px 0px 0px !important; margin: 0px !important; } /* Elements using the sprite */ .ticketSearchSubmitEn, .ticketSearchSubmit, .ticketButtonLink, #ticket_search_clubs .selected, #ticket_search_clubs li:hover, #ticket_search_sports .selected, #ticket_search_sports li:hover, #ticket_search_places .selected, #ticket_search_places li:hover, .selectActivator, .newsFeedIcon img, #event_teaser a, noscript input, #calendar .previousMonth, #calendar .nextMonth, .socialBookmarks a, h2.searchResult span, .filter span, #news_filter_months .selected, #news_filter_months li:hover, #news_filter_teams .selected, #news_filter_teams li:hover, #news_filter_sports .selected, #news_filter_sports li:hover, #content_column ul.pager li.pagerTextPrevious, #content_column ul.pager li.pagerTextNext, #content_column ul.pager li.pagerLast, .leftSidebarBeginning, .leftSidebarEnding, .imageLink, #navigation .active, #navigation a:hover, #navigation a:active, #navigation a:focus, #sub_navigation .active, #sub_navigation a:hover, #sub_navigation a:active, #sub_navigation a:focus, #qt_activator, #qt_select .selected, #qt_select li:hover, .submit, .arrowRight, #calendar table td, #content_column a, .lightboxActivator { background-image: url(../images/sprite.png); background-repeat: no-repeat; } /* Elements using the partner sprite */ #content_column div.initiator img, #content_column .listImageInitiator img, #content_column div.club img { background-image: url("../images/sprite_partner.gif"); background-repeat: no-repeat; } /* Sprite */ .arrow_bread_red { background-position: 0 0; } #calendar .previousMonth { background-position: 0 -27px; } .pagerTextPrevious { background-position: 0 -51px; } .pagerTextNextLeft { background-position: 0 -78px; } .pagerTextNext { background-position: right -78px; } h2.searchResult span, .arrowRight, .active:hover .arrowRight { background-position: 0 -105px; } #calendar .nextMonth { background-position: right -108px; } .active .arrowRight { background-position: 0 -133px; } #navigation .active, #sub_navigation .active { background-position:0 -191px; } noscript input:hover { background-position:0 -194px; } #navigation a:hover, #navigation a:active, #navigation a:focus, #sub_navigation a:hover, #sub_navigation a:active, #sub_navigation a:focus { background-position: 0 -229px; } noscript input { background-position: 0 -230px; } .leftSidebarEnding { background-position: 0 -301px; } .leftSidebarBeginning { background-position: 0 -343px; } .btn_minus { background-position: 0 -385px; } .btn_minus_hover { background-position: 0 -423px; } .btn_plus { background-position: 0 -461px; } .btn_plus_hover { background-position: 0 -499px; } .submit { background-position: 0 -537px; } .submit:hover { background-position: 0 -609px; } #search.activeSearch input.submit { background-position: 0 -573px; } #nfm_activator, #nft_activator, #nfs_activator, #qt_activator, .selectActivator { background-position: 0 -645px; } #nfm_activator:hover, #nft_activator:hover, #nfs_activator:hover, #qt_activator:hover, .selectActivator:hover { background-position: 0 -681px; } .ticketSearchSubmit, .btn_waehlen { background-position: 0 -717px; } .ticketSearchSubmit:hover, .btn_waehlen_hover { background-position: 0 -755px; } .ticketSearchSubmitEn { background-position: -72px -717px; } .ticketSearchSubmitEn:hover { background-position: -72px -755px; } #event_teaser a:link, #event_teaser a:visited, #content_column a:link, #content_column a:visited { background-position: 0 -790px; } #event_teaser a:hover, #event_teaser a:active, #event_teaser a:focus, #content_column a.ticketLink:link, #content_column a.ticketLink:visited, #content_column a.ticketLink:hover, #content_column a.ticketLink:focus, #content_column a.ticketLink:active, #content_column a:hover, #content_column a:active, #content_column a:focus { background-position: 0 -817px; } #content_column a.externalLink:link, #content_column a.externalLink:visited { background-position: right -845px; } #content_column .tourismMetas a:link, #content_column .tourismMetas a:visited, #content_column .tourismMetas a:hover, #content_column .tourismMetas a:active, #content_column .tourismMetas a:focus, #content_column a.externalLink:hover, #content_column a.externalLink:active, #content_column a.externalLink:focus { background-position: right -871px; } .newsFeedIcon img { background-position: 0 -962px; } .lightboxActivator { background-position: 0 -992px; } .footerAlba { background-position: 0 -1025px; } .footerBerlinPartner { background-position: 0 -1092px; } .footerBerlinTourismus { background-position: 0 -1160px; } .footerEisbaeren { background-position: 0 -1224px; } .footerFuechse { background-position: 0 -1289px; } .footerHertha { background-position: 0 -1354px; } .footerIhkBerlin { background-position: 0 -1424px; } .footerO2World { background-position: 0 -1490px; } .footerOlympiastadion { background-position: 0 -1556px; } .footerScc { background-position: 0 -1619px; } .footerVelodrom { background-position: 0 -1685px; } .footerSchmeling { background-position: -37px -1685px; } .footerFoersterei { background-position: 0 -2343px; } .footerUnion { background-position: 0 -2401px; } .footerOsp { background-position: 0 -1973px; } .footerBeBerlin { background-position: 0 -1848px; } .footerEventim { background-position: 0 -1792px; } .footerAlba:hover { background-position: right -1025px; } .footerBerlinPartner:hover { background-position: right -1092px; } .footerBerlinTourismus:hover { background-position: right -1160px; } .footerEisbaeren:hover { background-position: right -1224px; } .footerFuechse:hover { background-position: right -1289px; } .footerHertha:hover { background-position: right -1354px; } .footerIhkBerlin:hover { background-position: right -1424px; } .footerO2World:hover { background-position: right -1490px; } .footerOlympiastadion:hover { background-position: right -1556px; } .footerScc:hover { background-position: right -1619px; } .footerVelodrom:hover { background-position: -372px -1685px; } .footerSchmeling:hover { background-position: right -1685px; } .footerFoersterei:hover { background-position: right -2343px; } .footerUnion:hover { background-position: right -2401px; } .footerOsp:hover { background-position: right -1973px; } .footerBeBerlin:hover { background-position: right -1848px; } .footerEventim:hover { background-position: right -1792px; } .twitterButton { background-position: 0 -1935px; } .facebookButton { background-position: 0 -1894px; } #ticket_search_clubs .selected, #ticket_search_clubs li:hover, #ticket_search_sports .selected, #ticket_search_sports li:hover, #ticket_search_places .selected, #ticket_search_places li:hover, #news_filter_teams .selected, #news_filter_teams li:hover, #news_filter_sports .selected, #news_filter_sports li:hover, #news_filter_months .selected, #news_filter_months li:hover, #qt_select .selected, #qt_select li:hover { background-position: 0 -162px; } .checkMark { background-position: 0 -935px; } #calendar table td { background-position: 0 -899px; } #content_column ul.pager li a:link, #content_column ul.pager li a:visited, #content_column ul.pager li a:hover, #content_column ul.pager li a:active, #content_column ul.pager li a:focus { background-position: -441px 2px; } #content_column ul.pager li.pagerLast { background-position: right 2px; } .socialBookmarks a.twitter:link, .socialBookmarks a.twitter:visited, .socialBookmarks a.twitter:hover, .socialBookmarks a.twitter:active, .socialBookmarks a.twitter:focus { background-position: 0 -1740px !important; } .socialBookmarks a.facebook:link, .socialBookmarks a.facebook:visited, .socialBookmarks a.facebook:hover, .socialBookmarks a.facebook:active, .socialBookmarks a.facebook:focus { background-position: 0 -1770px !important; } .ticketButtonLink { background-position: 0 -2025px !important; } /* Sprite Partner */ #content_column div.club.o2-world img { background-position: 0 13px; } .logo_alba_l { background-position: -109px 0; } #content_column div.club.alba-berlin img, .logo_alba_s { background-position: -215px 0; } .berlin_partner img, .initiator_berlin_partner { background-position: -305px 0; } .berlin_tourismus img, .initiator_berlin_tourismus { background-position: -405px 0; } .logo_eisbaeren_l { background-position: -505px 0; } #content_column div.club.eisbaeren-berlin img, .logo_eisbaeren_s { background-position: -611px 0; } .logo_fuechse_l { background-position: -701px 0; } #content_column div.club.fuechse-berlin img, .logo_fuechse_s { background-position: -807px 0; } .logo_hertha_l { background-position: -897px 0; } #content_column div.club.hertha-bsc-berlin img, .logo_hertha_s { background-position: -1003px 0; } .ihk_berlin img, .initiator_ihk_berlin { background-position: -1093px 0; } #content_column div.club.olympiastadion-berlin img { background-position: -1195px 10px; } .logo_scc_l { background-position: -1306px 0; } #content_column div.club.berlin-recycling-volleys img, .logo_scc_s { background-position: -1412px 17px; } #content_column div.club.max-schmeling-halle img, #content_column div.club.velodrom img { background-position: -1502px 20px; } .tourism img { background-position: -1615px 0; } .senat_inneres_sport img { background-position: -1834px 0; } #content_column div.club img, .logo_union_s { background-position: -1945px 18px; } #content_column div.club.stadion-an-der-alten-foersterei img { background-position: -2045px 0; } #toggleBackground {background: url("../images/sprite.png") 0 -2061px no-repeat; width: 17px; height: 13px; position:absolute; display: block; right: 155px; top: 50px; } /* IE 7 */ * + html #toggleBackground { top: 48px; } #dialog_arrow .contentOff {background-position: 0 -2075px;} #bannerrotation {height:370px;} #bannerrotation img {width: 160px; height: 370px;} #slideshow_wrapper { width: 544px; height: 220px; overflow: hidden; position: relative; margin: 11px 0 0 21px; } #content_column #slideshow_mainpage, #content_column #mainpage_buttonbar { padding: 0; list-style-type: none; white-space: nowrap; word-spacing: -4px; letter-spacing: -4px; } #slideshow_mainpage li, #mainpage_buttonbar li { display: inline-block; *display: inline; zoom: 1; /*word-spacing: 0px; letter-spacing: 0px;*/ } #slideshow_mainpage a, #mainpage_buttonbar a { background-image: none; padding: 0px; } #content_column #slideshow_prev_step, #content_column #slideshow_next_step { display: block; position: absolute; width: 20px; height: 200px; padding: 0; top: 0; cursor:pointer; background-image:url(../images/sprite.png); _background-color:#ccc; } #content_column #slideshow_prev_step { background-position: 0px -2100px; } #content_column #slideshow_next_step { background-position: -40px -2100px; right: 0px; } #content_column #slideshow_prev_step:hover { background-position: -20px -2100px; } #content_column #slideshow_next_step:hover { background-position: -60px -2100px; } #content_column #mainpage_buttonbar { margin: 4px 0 8px 0; border-top: solid 1px #A6ABB1; padding: 11px 0 0 1px; clear: both; } #content_column #mainpage_buttonbar img { border: solid 1px #ccc; padding: 1px; margin-left: 20px; } #content_column .mainpage_subline { font-weight: bold; padding: 0 0 4px 21px; } #mainpage_newsoutput { float: left; } #mainpage_twitter_output { width: 188px; float: right; } #tweets_subline { border-bottom: solid 1px #A6ABB1; background: url(../images/sprite.png) 0 -2306px no-repeat; margin-left: 2px; } #mainpage_tweets p { padding: 0 14px 0 0; margin-top: 20px; } #mainpage_tweets a { display: block; background: none; padding-left: 0; } #more_link_twitter { display: block; margin-top: 20px; } #content_column #mainpage_newsoutput #more_link_news { display: block; margin: 0 0 21px 18px; } /* + image gallery */ #content_column div.albumEntry { padding-top: 10px; margin-top: 10px; border-top: 1px solid #A6ABB1; padding-left: 20px; padding-right: 20px; } #content_column div.albumEntry div.albumImg { float:left; width: 167px; margin-right: 20px; padding-bottom: 10px; } #content_column div.albumEntry div.albumImg a{ background:none; padding: 0px; } #content_column div.albumEntry div.albumTxt p, #content_column div.albumEntry div.albumTxt h3 { margin:0px; padding: 0px; margin-bottom: 10px; } #content_column div.albumEntries ul.pager { margin-top: 10px; } #content_column div.albumEntry div.albumTxt p.moreLink { padding: 0px 20px 0px 0px; } #content_column div.albumDetail ul.pager li.active a, #content_column div.albumEntries ul.pager li.active a { color: #EE1C35; text-decoration: none; } #content_column div.albumEntries ul.pager li.last, #content_column div.albumDetail ul.pager li.last { background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: right 2px; } /* + single view */ #content_column div.albumDetail { padding-bottom: 20px; margin-top: 10px; } #content_column div.albumDetail div.albumTeaserImg, #content_column div.albumDetail div.albumDescription, #content_column div.albumDetail div.albumImgs, #content_column div.albumDetail div.moreAlbum, #content_column div.albumDetail h3.albumHeadline{ padding-left: 20px; padding-right: 20px; } #content_column div.albumDetail p, #content_column div.albumDetail h2, #content_column div.albumDetail h3 { margin: 0px; padding: 0px; margin-bottom: 15px; } #content_column div.albumDetail div.albumImgs { padding: 0px; margin: 0px; padding-left: 15px; background: #ededed; padding-top: 15px; margin-left: 20px; margin-right: 20px; } #content_column div.albumDetail div.moreAlbum ul, #content_column div.albumDetail div.albumImgs ul { list-style: none; padding: 0px; } #content_column div.albumDetail div.albumImgs ul li { display:inline; margin-right: 13px; } #content_column div.albumDetail div.moreAlbum ul li a, #content_column div.albumDetail div.albumImgs ul li a { background:none; padding: 0px; margin:0px; } #content_column div.albumDetail div.albumImgs ul li img { border: 0px; margin-bottom: 15px; } #content_column div.albumDetail ul.pager { background: #ededed; border: none; margin: 0px; padding: 0px; padding-bottom: 20px; margin-left: 20px; margin-right: 20px; } #content_column div.albumDetail div.albumDescription { border-top: 1px solid #A6ABB1; border-bottom: 1px solid #A6ABB1; padding-top: 12px; margin-bottom: 12px; } #content_column div.albumDetail div.moreAlbum { border-top: 1px solid #A6ABB1; margin-top: 15px; padding-top: 15px; } #content_column div.albumDetail div.moreAlbum ul { float:left; width: 250px; } #content_column div.albumDetail div.moreAlbum ul li a { padding-left: 10px; } #content_column div.albumDetail div.albumTeaserImg { margin-bottom: 25px; } #fancybox-title-custom { background: white; } /* = single view */ /* = image gallery */ /* + berlino */ #content_column img#startImage { padding: 10px 20px 0px 20px; } /* = berlino */