/* Voreinstellungen */ body { width: 1024px; background: #af0025 url(/pics/_backgrounds/back_allianzarena.jpg) 0px 0px no-repeat; margin: 0; padding:0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 18px; font-weight: normal; color: #333333; } img { border: none; } p { margin: 0; padding: 0; } table, div, form { margin: 0; padding: 0; border: none; } h1 { padding: 0; margin: 0; font-size: 24px; font-weight: bold; line-height: 30px; } h2 { font-size: 14px; line-height: 20px; font-weight: bold; } h3 { padding: 0; margin: 0; font-size: 12px; font-weight: bold; } h4 { padding: 0; margin: 0; font-size: 12px; font-weight: bold; } ul { margin: 1px 0px 1px 16px; padding: 0; } ol { margin: 1px 0px 1px 22px; padding: 0; } ul { list-style-type: disc; } li { } td, th { text-align: left; vertical-align: top; padding: 0; margin: 0; } /* generelle textformatierung */ a, a:visited, a:active, a:link { color: #cc0033; text-decoration: none; } a:hover { text-decoration: underline; } ul.nostyle { margin: 0; padding: 0; list-style-image: none; list-style-type: none; } ul.nostyle li { margin: 0; padding: 0; list-style-image: none; list-style-type: none; } .bold { font-weight: bold; } .uppercase { text-transform: uppercase; } .marked { color: #cc0033; } .default {} .invisible { display: none; } /* .printArticle { display: block; position: absolute; top: 3px; left: 550px; } */ .FooterRights { display: none; } /* Zurueck zur Uebersicht */ .ArticleActions { float: right; position: relative; } a.BackLink { float: left; padding-right: 13px; } a.SendLink { float: left; padding-right: 13px; } a.SendLink img { float: left; padding-right: 3px; position: relative; top: 4px; } a.printArticle { float: left; padding-right: 13px; } a.printArticle img { float: left; padding-right: 3px; position: relative; top: 3px; } a.Anchor { position: absolute; width: 1px; height: 1px; top: 0; left: 0; text-decoration: none !important; } a.Blowup { background: transparent url(/pics/_buttons/lupe.jpg) 0 0 no-repeat; padding: 2px 0 2px 28px; } .RSS { background: transparent url(/pics/_buttons/logo_rss.gif) top right no-repeat; padding: 0 18px 0 0; } #PageWrapper { } #Sponsor { position: absolute; top: 0px; left: 798px; z-index: 2; } #PageHeader { position: relative; z-index: 1; width: 1008px; clear: both; overflow: hidden; } #PageHeader .Logo { position: absolute; top: 41px; left: 10px; z-index: 3; } #PageHeader .TopBar { position: relative; height: 102px; clear: both; overflow: hidden; } #PageHeader .TopBar .Languages { position: absolute; top: 12px; left: 32px; } #PageHeader .TopBar .Languages a { float: left; width: 25px; height: 20px; } #PageHeader .TopBar .Slogan { position: absolute; top: 12px; left: 181px; } #PageHeader .TopBar .LoginForm { position: absolute; top: 46px; left: 181px; font-size: 11px; } #PageHeader .TopBar .LoginForm form, #PageHeader .TopBar .LoginForm .Welcome { position: relative; margin: 0 0 0 2px; color: #ffffff; font-weight: bold; } #PageHeader .TopBar .LoginForm .Links { position: relative; float: left; margin: -4px 0 0 8px; } #PageHeader .TopBar .LoginForm .Links.Floating { position: relative; float: none; margin-left: 0; width: 380px; } #PageHeader .TopBar .LoginForm .Links a, #PageHeader .TopBar .LoginForm .Links a:active, #PageHeader .TopBar .LoginForm .Links a:visited, #PageHeader .TopBar .LoginForm .Links a:link, #PageHeader .TopBar .LoginForm .Links a:hover { position: relative; top: 0; display: block; height: 14px; color: #ffffff; text-decoration: none; } #PageHeader .TopBar .LoginForm .Links.Floating a { position: relative; float: left; margin: 0 16px 0 0; } #PageHeader .TopBar .LoginForm input.Textfield { position: relative; top: 0px; left: 0; float: left; height: 15px; width: 78px; margin: 1px 5px 0 0; padding: 1px 1px 1px 1px; background: #444343 url(/pics/_backgrounds/back_login.gif) 0 0 repeat-x; border: none; line-height: normal; color: #ffffff; font-size: 10px; } #PageHeader .TopBar .LoginForm input.Submit { position: relative; top: 0px; left: 0; float: left; margin: 0 0 0 2px; padding: 0; border: none; vertical-align: middle; cursor: pointer; } /* Top Navigation */ #PageHeader .NavBar { position: relative; height: 58px; z-index: 4; margin: 0 11px 0 121px; background: transparent; clear: both; overflow: hidden; } #PageHeader .NavBar .GlobalNav { position: absolute; top: 0; right: 0; height: 32px;} #PageHeader .NavBar .MainNav { position: relative; height: 32px; background: transparent url(/pics/_navigation/nav_back.gif) top left repeat-x; margin-right: 10px; } #PageHeader .NavBar .SubNav { position: relative; height: 26px; background: #b00026; padding-left: 24px; } #PageHeader .NavBar .SearchForm { position: absolute; top: 32px; right: 0; height: 20px; background: #af0025; } #PageHeader .NavBar ul, #PageFooter ul, .ContentNav ul { margin: 0; padding: 0; list-style-image: none; list-style-type: none; } #PageHeader .NavBar ul li, #PageFooter ul li, .ContentNav ul li { margin: 0; padding: 0; float: left; list-style-image: none; list-style-type: none; } #PageHeader .NavBar * a { display: block; color: #ffffff; font-size: 12px; line-height: 12px; text-decoration: none; } #PageHeader .NavBar * a:active, #PageHeader .NavBar * a:visited, #PageHeader .NavBar * a:link, #PageHeader .NavBar * a:hover { color: #ffffff; text-decoration: none; } #PageHeader .NavBar .GlobalNav li { background: transparent; } #PageHeader .NavBar .GlobalNav a { float: left; height: 32px; width: auto; padding: 0px 6px; margin-left: 1px; line-height: 32px; background: transparent url(/pics/_navigation/ecke_grey.gif) top left no-repeat; font-weight: bold; } #PageHeader .NavBar .GlobalNav a:hover, #PageHeader .NavBar .GlobalNav .selected a:hover { background-image: url(/pics/_navigation/ecke_over.gif); text-decoration: none; } #PageHeader .NavBar .GlobalNav .selected a { background-image: url(/pics/_navigation/ecke_high.gif); } #PageHeader .NavBar .GlobalNav .last a { background-position: top right; padding-right: 12px; } #PageHeader .NavBar .MainNav li { background: transparent url(/pics/_navigation/start_high.gif) top right no-repeat; } #PageHeader .NavBar .MainNav a { float: left; height: 32px; width: auto; padding: 0px 6px; margin-right: 1px; line-height: 32px; background: transparent url(/pics/_navigation/start_back.gif) top right no-repeat; font-weight: bold; } #PageHeader .NavBar .MainNav a:hover, #PageHeader .NavBar .MainNav .selected a:hover { background-image: url(/pics/_navigation/start_over.gif); text-decoration: none; } #PageHeader .NavBar .MainNav .selected a { background-image: url(/pics/_navigation/start_high.gif); } #PageHeader .NavBar .MainNav .first a { background-position: top left; padding-left: 24px; } #PageHeader .NavBar .SubNav li { padding-right: 17px; } #PageHeader .NavBar .SubNav a { float: left; height: 26px; width: auto; line-height: 26px; background: transparent; font-weight: normal; } #PageHeader .NavBar .SubNav .selected a, #PageHeader .NavBar .SubNav .selected a:hover { font-weight: bold; } #PageHeader .NavBar .SubNav a:hover, #PageHeader .NavBar .SubNav .selected a:hover { text-decoration: underline; } #PageHeader .NavBar .SearchForm input.Textfield { position: relative; top: 0px; left: 0; float: left; height: 13px; width: 92px; margin: 4px 5px 0 0; padding: 1px 1px 1px 1px; background: #af0025; border: 1px solid #a2a2a2; line-height: normal; color: #ffffff; font-size: 10px; } #PageHeader .NavBar .SearchForm input.Submit { position: relative; top: 0px; left: 0; float: left; margin: 3px 2px 0 0; padding: 0; border: none; vertical-align: middle; cursor: pointer; } #PageHeader .NavBar .SearchForm a.SearchExtended { position: relative; display: block; width: 34px; height: 22px; float: left; margin: 3px 2px 0 0; padding: 0; background: transparent url(/pics/_buttons/suche_erw_lupe.gif) 0 0 no-repeat; } #PageHeader .NavBar .SearchForm a.SearchExtended:hover { background-image: url(/pics/_buttons/suche_erw_lupe_mo.gif); } /* Page Body */ #PageBodyWrapper { background: transparent url(/pics/_backgrounds/back_content.jpg) 0 0 repeat-y; clear: both; overflow: hidden; } #PageBody { position: static; width: 1008px; background: transparent url(/pics/_backgrounds/back_allianzarena.jpg) 0 -160px no-repeat; padding: 0px 10px; clear: both; overflow: hidden;} #PageBody .PageSection { position: relative; z-index: 2; width: 986px; background: #b20229 url(/pics/_backgrounds/back_sectionpres.jpg) 0 0 repeat-x; overflow: visible; } #PageBody .PageContent { position: relative; z-index: 1; width: 986px; clear: both; overflow: hidden;} #PageBody .MainColumns { position: relative; width: 986px; margin: 16px 0 0 0; clear: both; overflow: hidden; } /* ie6 */ * html #PageBody .MainColumns { width: 1050px; } #PageBody .LeftColumn { position: relative; float: left; padding-left: 9px; width: 573px; z-index:2;} /* fixme!!! */ #PageBody .RightColumn { position: relative; float: left; padding-left: 10px; width: 394px; xoverflow: hidden; z-index:1;} #PageBody.Homepage .MainColumns { margin: 0; } #PageFooter { position: relative; background: transparent url(/pics/_backgrounds/back_footer.jpg) bottom left no-repeat; height: 97px; padding-top: 168px; clear: both; overflow:hidden; color: #ffffff; font-size: 11px; } #PageFooter .Copyright { float: left; height: 20px; padding: 12px 0 0 19px; } #PageFooter .FooterNav { position: relative; z-index: 3; float: left; height: 20px; padding: 12px 0 0 20px; } #PageFooter .FooterNav li { float: left; padding-right: 10px; } #PageFooter .FooterNav a { color: #ffffff; text-transform: uppercase; } #PageFooter .FooterNav a:link, #PageFooter .FooterNav a:active, #PageFooter .FooterNav a:visited, #PageFooter .FooterNav a:hover { color: #ffffff; } #PageFooter .FooterNav a:hover { text-decoration: underline; } #PageFooter .LogoAA { position: absolute; z-index: 1; top: 184px; left: 694px; } #PageFooter .LogoECA{position:absolute; z-index:1; top:184px; left:857px;} #PageFooter .LogoBL { position: absolute; z-index: 2; top: 184px; left: 925px; } #BannerContentTop { padding-bottom: 16px; text-align: center; } #BannerSkyscraper { position: absolute; top: 103px; left: 1017px; } .AreaTitle { background: transparent url(/pics/_backgrounds/linie_bkz.gif) left bottom no-repeat; padding: 0 8px 10px 8px; margin-bottom: 12px; color: #cc0033; font-size: 16px; font-weight: bold; line-height: 22px; text-transform: uppercase; } .SectionPresenting { position: relative; width: 986px; height: auto; clear: both; overflow: hidden; } .SectionPresenting .AreaTitle { position: absolute; bottom: 0; left: 0; z-index: 2; background: transparent; padding: 0 0 9px 18px; margin: 0; color: #ffffff; } .SectionPresenting .Pic { position: relative; float: right; z-index: 1; } /***********************/ /* Module - Startseite */ /***********************/ .HomeFlashTeaser { margin-left: -9px; margin-bottom: 20px; background: #b20229; width: 582px; height: 262px; overflow: hidden; } .HomeSlider { margin-left: 0px; margin-bottom: 20px; margin-top: 10px; background: #ffffff; width: 573; height: 295; overflow: hidden; } .HomeFCBtvTeaser { position: relative; height: 262px; width: 394px; margin-left: -10px; margin-bottom: 20px; padding-left: 10px; background: #b20229; } /* .HomeFCBtvTeaser .TeaserBody { position: relative; height: 256px; z-index: 3; background: #b20229 url(/pics/_backgrounds/back_tv_rot.jpg) left bottom no-repeat; clear: both; overflow: hidden; } .HomeFCBtvTeaser .TeaserBody .TeaserPic { float: left; width: 230px; height: 173px; background: #b5b5b5; overflow: hidden; } .HomeFCBtvTeaser .TeaserBody .TeaserText { float: left; width: 164px; height: 173px; color: #cc0033; background: #c9c9c9; overflow: hidden; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block { width: 164px; height: 50px; padding: 4px 0px 4px 10px; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block h3 { color: #cc0033; line-height: 16px; width: 150px} .HomeFCBtvTeaser .TeaserBody .TeaserText .Block a { font-size: 11px; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block1 { background: #b5b5b5 url(/pics/_backgrounds/back_tv_grau_re_01.jpg) left bottom no-repeat; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block2 { background: #ffffff url(/pics/_backgrounds/back_tv_grau_re_02.jpg) left bottom no-repeat; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block3 { background: #d6d6d6 url(/pics/_backgrounds/back_tv_grau_re_03.jpg) left bottom no-repeat; } .HomeFCBtvTeaser .TeaserBody .TeaserBig { height: 33px; background: #b5b5b5 url(/pics/_backgrounds/back_tv_grau_un.jpg) left bottom no-repeat; text-align: center; clear: both; overflow: hidden; } .HomeFCBtvTeaser .TeaserBody .TeaserBig h2 { color: #cc0033; font-size: 16px; line-height: 33px; margin: 0; padding: 0; font-weight: bold; } .HomeFCBtvTeaser .TeaserBody .TeaserBottom { height: 56px; background: transparent url(/pics/_basics/logo_fcbtv.gif) 10px 9px no-repeat; } .HomeFCBtvTeaser .TeaserBody a.TeaserLink { display: block; float: right; width: 162px; height: 15px; margin-top: 17px; margin-right: 9px; background: transparent url(/pics/_buttons/button_rot.jpg) top left no-repeat; color: #ffffff; text-align: center; line-height: 12px; font-weight: bold; } .HomeFCBtvTeaser .TeaserBody a.TeaserLink:active, .HomeFCBtvTeaser .TeaserBody a.TeaserLink:link, .HomeFCBtvTeaser .TeaserBody a.TeaserLink:visited, .HomeFCBtvTeaser .TeaserBody a.TeaserLink:hover { color: #ffffff; } */ .HomeFCBtvTeaser .TeaserBody { position: relative; z-index: 3; background: url(/pics/_backgrounds/fcb_tv_teaser_back.jpg) no-repeat; width: 394px; height: 253px; } .HomeFCBtvTeaser span.register { float: right; width: 170px; height: 25px; margin-top: 10px; cursor: pointer; } .HomeFCBtvTeaser span.register a { text-decoration: none; } .HomeFCBtvTeaser span.register { text-decoration: none; } .HomeFCBtvTeaser a.TeaserLink { text-decoration: none; } .HomeFCBtvTeaser .TeaserBody .TeaserPic { float: left; width: 272px; height: 153px; margin: 3px 60px 3px 60px; } * html body .HomeFCBtvTeaser .TeaserBody .TeaserPic { margin-left: 29px; } .HomeFCBtvTeaser .TeaserBody .TeaserText { float: left; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block { float: left; width: 390px; margin-bottom:3px; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block img { float: left; margin: 1px; margin-left: 5px; margin-right:8px; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block h3 { font-size: 12px; font-weight: normal; float: left; width: 240px; margin: 0px; padding: 0px; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block a { font-size: 11px; font-weight: bold; color: #820021; width: 35px; text-decoration: none; float: left; display: inline; } .HomeFCBtvTeaser .TeaserBody .TeaserText .Block a.isdn { font-weight: normal; } /* Javascript gesteuerter Slider */ .HomeFCBtvTeaser .Slider a.Button { display: block; height: 16px; background: transparent url(/pics/_buttons/programm_start_zu.gif) top left no-repeat; } .HomeFCBtvTeaser .Slider .Button.Collapsed { background-image: url(/pics/_buttons/programm_start_zu.gif); } .HomeFCBtvTeaser .Slider .Button.Expanded { background-image: url(/pics/_buttons/programm_start_offen.gif); } .HomeFCBtvTeaser .Slider .Button.Collapsed:hover { background-image: url(/pics/_buttons/programm_start_zu_mo.gif); text-decoration: none; } .HomeFCBtvTeaser .Slider .Button.Expanded:hover { background-image: url(/pics/_buttons/programm_start_offen_mo.gif); text-decoration: none; } .HomeFCBtvTeaser .Slider { position: absolute; top: -7px; z-index: 2; width: 394px; } /* Inhalt des Sliders */ .Slider .Previewlist { padding: 13px 4px 13px 9px; background: #cc0033 url(/pics/_backgrounds/back_programm_start.gif) 0 0 repeat-y; color: #ffffff; } .Slider .Previewlist h3 { } .Slider .Previewlist table { margin: 10px 0; } .Slider .Previewlist table td { padding: 2px 2px; text-align: left; vertical-align:top; font-size: 11px; } .Slider .Previewlist .Cell_vl1 { white-space: nowrap; width: 54px; font-size: 10px; } .Slider .Previewlist .Cell_vl2 { white-space: nowrap; width: 50px; font-size: 10px; } .Slider .Previewlist .Cell_vl3 { width: 250px; padding-left: 8px; font-weight: bold; } .Slider .Previewlist .Row_first td.Cell_vl1, .Slider .Previewlist .Row_first td.Cell_vl2 { border-top: 1px solid #ffffff; } .Slider .Previewlist .Row_last td.Cell_vl1, .Slider .Previewlist .Row_last td.Cell_vl2 { border-bottom: 1px solid #ffffff; } .Slider .Previewlist .Info { font-size: 10px; } .Slider .Previewlist a, .Slider .Previewlist a:active, .Slider .Previewlist a:link, .Slider .Previewlist a:visited, .Slider .Previewlist a:hover { color: #ffffff; font-size: 11px; } .Slider .Previewlist .AddLinks { height: 50px; padding: 6px 0 0 0; text-align: center; clear: both; overflow: hidden; } .Slider .Previewlist .AddLinks a.Link1 { font-size: 16px; margin-right: 16px; font-weight: bold; color: #ffffff; text-align: right; } .Slider .Previewlist .AddLinks a.Link2 { font-size: 16px; margin-left: 16px; font-weight: bold; color: #ffffff; text-align: left; } .Slider .Previewlist .AddLinks a.Link3 { display: block; margin-top: 10px; } .Slider a.Button { text-align: center; color: #ffffff; padding-left: 6px; font-size: 11px; line-height: 16px; font-weight: normal; text-transform: uppercase; } .Slider a.Button:active, .Slider a.Button:link, .Slider a.Button:visited { color: #ffffff; } .Slider a.Button:hover { color: #8f8d8d; } /* allgemeine Angaben zum Modul */ .Module { width: 573px; margin-bottom: 16px; clear: both; overflow: hidden; } .Module .Title { background: transparent url(/pics/_backgrounds/linie_teaserliste.jpg) left bottom repeat-x; padding: 0 9px 4px 9px; margin: 0; color: #cc0033; font-size: 16px; font-weight: bold; line-height: 18px; text-transform: uppercase; } .Module .Title .Addon { color: #333333; } .Module .Title_no {padding: 0 9px 4px 9px; margin: 0; color: #cc0033; font-size: 16px; font-weight: bold; line-height: 18px; text-transform: uppercase; } .Module .Title_no .Addon { color: #333333; } /* TeaserRollover mit Mouse-Over-Effekt */ .TeaserRollover { position: relative; margin-bottom: 15px; } /* off state */ .TeaserRollover .TeaserSmall { position: relative; height: 25px; background: #e2e2e2; border-bottom: 1px solid #ffffff; clear: both; overflow: hidden; } .TeaserRollover .TeaserSmall .TeaserInfo { float: left; width: 106px; padding: 4px 0px 0px 10px; color: #cc0033; font-size: 11px; font-weight: normal; text-transform: uppercase; } .TeaserRollover .TeaserSmall .TeaserPic { display: none; } .TeaserRollover .TeaserSmall .TeaserText { float: left; width: 317px; padding: 4px 0px 0px 0px; } .TeaserRollover .TeaserSmall .TeaserText .Info { display: none; } .TeaserRollover .TeaserSmall .TeaserText h3 { padding: 0; margin: 0; font-size: 12px; line-height: 16px; font-weight: bold; } .TeaserRollover .TeaserSmall .TeaserText p { display: none; } /* over state */ .TeaserRollover .TeaserBig { position: relative; height: 78px; background: #e2e2e2 url(/pics/_backgrounds/back_newsteaser_mo.jpg) 0 0 repeat-x; border-bottom: 1px solid #ffffff; clear: both; overflow: hidden; } .TeaserRollover .TeaserBig .TeaserInfo { float: left; width: 109px; padding: 4px 0px 4px 9px; color: #cc0033; font-size: 16px; font-weight: bold; text-transform: uppercase; } .TeaserRollover .TeaserBig .TeaserPic { float: left; width: 130px; height: 78px; padding: 0px; text-align: center; vertical-align: middle; } .TeaserRollover .TeaserBig .TeaserText { float: left; width: 301px; padding: 4px 0px 4px 12px; } .TeaserRollover .TeaserBig .TeaserText .Info { color: #cc0033; font-size: 11px; line-height: 16px; text-transform: uppercase; } .TeaserRollover .TeaserBig .TeaserText h3 { padding: 0; margin: 0; font-size: 14px; line-height: 18px; font-weight: bold; } .TeaserRollover .TeaserBig .TeaserText p { } .LeftColumn .TeaserText a, .LeftColumn .TeaserText a:active, .LeftColumn .TeaserText a:link, .LeftColumn .TeaserText a:visited, .LeftColumn .TeaserText a:hover { color: #333333; } .TeaserPic img { margin: auto; } /*************************/ /* Module - linke Spalte */ /*************************/ /* Modul Article und Artikeltemplate */ .Article {display:inline-block;} .Article.Module {overflow:visible;} .Article .ArticleTitle { padding-bottom: 10px; clear: both; } .Article .ArticleTitle .Overline { font-size: 14px; line-height: 16px; font-weight: bold; #333333; } .Article .ArticleTitle h1.MainTitle { padding: 2px 0 0 0; margin: 0; font-size: 24px; line-height: 28px; font-weight: bold; #333333; } .ArticleText {} .ArticleText .SubTitle { } .ArticleText .PicLeft { display: block; float: left; padding: 4px 16px 0 0; } .ArticleText .PicRight { display: block; float: right; padding: 4px 0 0 16px; } .ArticleText p { padding: 0 16px 0 0; } .ArticleLinks { padding: 10px 16px 0 0; } .ArticleLinks a { font-size: 10px; text-transform: uppercase; line-height: 18px; } /* Modul Article2 */ .Article2 { } .Article2 .ArticleText { padding-top: 0px; } /* Modul Teaser FCB.tv */ .TeaserFCBtv { } .TeaserFCBtv .Teaser { background: transparent url(/pics/_backgrounds/artikel_fcbtv_logo.jpg) top right no-repeat; padding: 0 127px 0 0; } .TeaserFCBtv .Teaser .TeaserText { height: 44px; background: transparent url(/pics/_backgrounds/content_fcbtv_back.jpg) top left no-repeat; padding: 0px 0 0 9px; } .TeaserFCBtv .Teaser .TeaserText h3 { display: block; float: left; width: 290px; background: transparent url(/pics/_buttons/icon_video.gif) 0 15px no-repeat; padding: 12px 0 10px 28px; color: #ffffff; font-size: 14px; font-weight: bold; } .TeaserFCBtv .Teaser .TeaserText .Links { float: right; background: transparent; width: 110px; padding: 12px 0 0 0; text-align:left; } .TeaserFCBtv .Teaser .TeaserText .Links a { color: #ffffff; font-size: 11px; text-transform: uppercase; } .TeaserFCBtv .Teaser .TeaserText .Links a:active, .TeaserFCBtv .Teaser .TeaserText .Links a:link, .TeaserFCBtv .Teaser .TeaserText .Links a:visited, .TeaserFCBtv .Teaser .TeaserText .Links a:hover { color: #ffffff; } /* Modul Gallery */ .Gallery { } .Gallery .Teaser h3{font-size:18px;} .Gallery .Teaser .text{font-size:14px;} .Gallery .Teaser { height: 94px; background: transparent url(/pics/_backgrounds/back_bildergalerie.jpg) top left repeat-x; clear: both; overflow: hidden; } .Gallery .Teaser a.Previous { display: block; float: left; width: 40px; height: 94px; background: transparent url(/pics/_buttons/pfeil_links.jpg) top left no-repeat; padding: 0; } .Gallery .Teaser a:hover.Previous { background-image: url(/pics/_buttons/pfeil_links_mo.jpg); text-decoration: none; } .Gallery .Teaser a.Next { display: block; float: right; width: 40px; height: 94px; background: transparent url(/pics/_buttons/pfeil_rechts.jpg) top left no-repeat; padding: 0; } .Gallery .Teaser a:hover.Next { background-image: url(/pics/_buttons/pfeil_rechts_mo.jpg); text-decoration: none; } .Gallery .Teaser .spacer{display:block; float:left; width:40px; height:94px; background: transparent url(/pics/_buttons/pfeil_spacer.jpg) top left no-repeat; padding: 0;} .Gallery .Teaser .Stage { float: left; width: 493px; } .Gallery .Teaser .Stage .Pic { float: left; width: 240px; height: 94px; text-align: right; padding-right: 12px; } .Gallery .Teaser .Stage .Text { float: none; padding: 6px 10px 0px 0; } .Gallery .Teaser .Stage .Text p { padding: 4px 0px 6px 0px; } /* Modul Teaserlist */ .Teaserlist { } .Teaserlist .Teaser { position: relative; height: 78px; background: #e2e2e2; padding: 2px 0; border-top: 1px solid #ffffff; clear: both; overflow: hidden; } .Teaserlist .Teaser .TeaserInfo { float: left; width: 87px; padding: 4px 0px 0px 9px; color: #cc0033; font-size: 11px; text-transform: uppercase; } .Teaserlist .Teaser .TeaserPic { float: left; width: 130px; height: 78px; text-align: center; vertical-align: middle; } .Teaserlist .Teaser .TeaserText { float: left; width: 335px; padding: 4px 0px 0px 12px; } .Teaserlist .Teaser .TeaserText .Info { text-transform: uppercase; color: #cc0033; font-size: 11px; } .Teaserlist .Teaser .TeaserText h3 { padding: 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; } .Teaserlist .Teaser .TeaserText p { } .Teaserlist .Teaser:hover { background: #e2e2e2 url(/pics/_backgrounds/back_newsteaser_mo.jpg) 0 0 repeat-x; } /* Modul Teaserlist SearchList */ .Teaserlist.SearchList .Teaser { height: 116px; } .Teaserlist.SearchList .Teaser .TeaserInfo { float: left; width: 87px; padding: 4px 0px 0px 9px; color: #cc0033; font-size: 11px; text-transform: uppercase; } .Teaserlist.SearchList .Teaser .TeaserText { float: left; width: 477px; padding: 4px 0px 0px 0px; } .Teaserlist.SearchList .Teaser .TeaserText .Info { text-transform: uppercase; color: #cc0033; font-size: 11px; } .Teaserlist.SearchList .Teaser .TeaserText h3 { padding: 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; } .Teaserlist.SearchList .Teaser .TeaserText h3 a { color: #333333; } .Teaserlist.SearchList .Teaser .TeaserText a { color: #cc0033; } .Teaserlist.SearchList .Teaser .TeaserText p { } .Teaserlist.SearchList .Teaser:hover { background: #e2e2e2 url(/pics/_backgrounds/back_suchergebnis_mo.jpg) 0 0 repeat-x; } .SearchInfo { font-weight: bold; margin-bottom: 16px; } /* Modul BatchNavigation */ .BatchNavigation { height: 27px; background: #e2e2e2 url(/pics/_backgrounds/back_blaetterfunktion.jpg) 0 0 repeat-x; } .BatchNavigation a.Previous { display: block; float: left; width: 9px; height: 25px; background: transparent url(/pics/_buttons/pfeil_links_small.jpg) top left no-repeat; padding: 0; margin-left: 5px; } .BatchNavigation a:hover.Previous { background-image: url(/pics/_buttons/pfeil_links_small_mo.jpg); text-decoration: none; } .BatchNavigation a.Next { display: block; float: right; width: 9px; height: 25px; background: transparent url(/pics/_buttons/pfeil_rechts_small.jpg) top left no-repeat; padding: 0; margin-right: 5px; } .BatchNavigation a:hover.Next { background-image: url(/pics/_buttons/pfeil_rechts_small_mo.jpg); text-decoration: none; } .BatchNavigation .Pages { float: left; width: 545px; color: #cc0033; padding: 4px 0px; text-align: center; } .BatchNavigation .Pages a { padding: 0 2px; font-weight: normal;} .BatchNavigation .Pages a.selected { font-weight: bold; } /* Modul .TeaserOverview */ .TeaserOverview { position: relative; height: 78px; background: #e2e2e2 url(/pics/_backgrounds/back_newsteaser_mo.jpg) 0 0 repeat-x; padding: 0; clear: both; overflow: hidden; } .TeaserOverview .TeaserPic { position: relative; float: left; width: 185px; height: 78px; background: #cc0033; } .TeaserOverview .TeaserText { position: relative; top: 0; left: 12px; float: none; height: 74px; padding: 4px 20px 0px 0px; } .TeaserOverview .TeaserText h3 { padding: 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase; } .TeaserOverview .TeaserText h4 { padding: 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; } .TeaserOverview .TeaserText p { } .TeaserOverview .TeaserPic a { display: block; position: absolute; bottom: 0; left: 0; } .TeaserOverviewExpand { height: auto; } .TeaserOverviewExpand .TeaserPic { height: auto; } .TeaserOverviewExpand .TeaserPic a { position: relative; left: auto; bottom: auto; } .TeaserOverviewExpand .TeaserText { height: auto; } .TeaserOverviewExpand .TeaserText p { padding-bottom: 3px; } /* Modul .TeaserSingle */ .TeaserSingle { position: relative; background: #e2e2e2; padding: 0; clear: both; overflow: hidden; } .TeaserSingle .TeaserPic { position: relative; float: left; width: 248px; height: auto; background: #cc0033; } .TeaserSingle .TeaserPic img { display: block; } .TeaserSingle .TeaserText { position: relative; top: 0; left: 12px; float: none; padding: 4px 8px 0px 0; } .TeaserSingle .TeaserText h3 { padding: 0 8px 0 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase; } .TeaserSingle .TeaserText h4 { padding: 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; } .TeaserSingle .TeaserText p { } .TeaserSingle .TeaserText .Links { padding: 10px 0 0 0; } .TeaserSingle .TeaserText .Links a { color: #cc0033; font-size: 10px; text-transform: uppercase; line-height: 18px; } .TeaserSingle .TeaserText .Links a:active, .TeaserSingle .TeaserText .Links a:link, .TeaserSingle .TeaserText .Links a:visited, .TeaserSingle .TeaserText .Links a:hover { color: #cc0033; } .TeaserTable { position: relative; background: #e2e2e2; padding: 0; clear: both; overflow: hidden; } .TeaserTable .TeaserPic { position: relative; float: left; width: 248px; height: auto; background: #cc0033; } .TeaserTable .TeaserPic img { display: block; } .TeaserTable .TeaserText { position: relative; top: 0; left: 12px; float: none; padding: 4px 8px 0px 0; } .TeaserTable .TeaserText h3 { padding: 0 8px 0 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; text-transform: uppercase; } .TeaserTable .TeaserText h4 { padding: 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; } .TeaserTable .TeaserText p { } .TeaserTable .TeaserText .Links a { color: #cc0033; font-size: 12px; text-transform: uppercase; line-height: 18px; } .TeaserTable .TeaserText .Links a:active, .TeaserTable .TeaserText .Links a:link, .TeaserTable .TeaserText .Links a:visited, .TeaserTable .TeaserText .Links a:hover { color: #cc0033; } /* Modul Linklist */ .Linklist { } .Linklist .Teaser { position: relative; height: 25px; background: #e2e2e2; padding: 2px 0; border-top: 1px solid #ffffff; clear: both; overflow: hidden; } .Linklist .Teaser .TeaserInfo { float: left; width: 106px; padding: 5px 0px 0px 9px; color: #cc0033; font-size: 11px; text-transform: uppercase; } .Linklist .Teaser .TeaserText { float: left; width: 317px; padding: 5px 0px 0px 0px; } .Linklist .Teaser .TeaserText h3 { padding: 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; } .Linklist .Teaser:hover { background: #e2e2e2 url(/pics/_backgrounds/back_linkliste_mo.jpg) 0 0 repeat-x; } /* Modul Filter */ .Filter { } .Filter form { height: 26px; background: transparent url(/pics/_backgrounds/back_archiv.jpg) 0 0 repeat-x; padding: 14px 9px; } .Filter .FloatField { float: left; padding-right: 30px; } .Filter .FloatField label { padding: 0 10px 0 0; font-size: 10px; font-weight: normal; text-transform: uppercase; } .Filter .FloatField select { width: 132px; height: 18px; border: 1px solid #973b52; background: #ffffff; font-size: 12px; } .Filter .FloatField input { height: 18px; width: 32px; font-size: 10px; margin: 0px; } /* Modul ContentNav */ .ContentNav { width: 573px; height: 63px; background: #f0f0f0 url(/pics/_backgrounds/reiter_back.jpg) left top repeat-x; clear: both; overflow: hidden; } .ContentNav .Lvl1 { padding: 0px 0 0 0; clear: both; overflow: hidden; } .ContentNav .Lvl1 li { } .ContentNav .Lvl1 a { display: block; padding: 12px 9px 14px 9px; font-size: 16px; font-weight: bold; line-height: 16px; text-transform: uppercase; } .ContentNav .Lvl1 a:hover, .ContentNav .Lvl1 .selected a { background: #f0f0f0 url(/pics/_backgrounds/reiter_back_high.jpg) left top repeat-x; text-decoration: none; } .ContentNav .Lvl2 { padding: 0; clear: both; overflow: hidden; } .ContentNav .Lvl2 li { } .ContentNav .Lvl2 a { display: block; padding: 2px 9px 4px 9px; font-size: 12px; font-weight: bold; line-height: 16px; } .ContentNav a, .ContentNav a:active, .ContentNav a:link, .ContentNav a:visited { color: #333333; } .ContentNav .selected a, .ContentNav .selected a:active, .ContentNav .selected a:link, .ContentNav .selected a:visited, .ContentNav a:hover { color: #cc0033; } /* Modul Tabelle */ .Tabelle { } .Tabelle table { background: #e2e2e2; width: 100%; } .Tabelle th { background: transparent; padding: 3px 0px 3px 9px; border-top: 1px solid #ffffff; font-size: 10px; text-transform: uppercase; } .Tabelle td { background: transparent; padding: 3px 0px 3px 9px; border-top: 1px solid #ffffff; font-size: 12px; } .Tabelle tr.hilited td { color: #cc0033; } .Tabelle tr.mouseover:hover td { background: #e2e2e2 url(/pics/_backgrounds/back_linkliste_mo.jpg) 0 0 repeat-x; } .Tabelle td a { font-weight: bold; } .Tabelle td a.reg { font-weight:normal; } /* Spaltenbreiten - Spieltag */ .Tabelle .Cell_s1 { width: 92px; } .Tabelle .Cell_s2 { width: 87px; } .Tabelle .Cell_s3 { width: 311px; } .Tabelle .Cell_s4 { width: 74px; } /* Spaltenbreiten - Tabelle */ .Tabelle .Cell_t1 { width: 8px; } .Tabelle .Cell_t2 { width: 8px; } .Tabelle .Cell_t3 { width: 236px; } .Tabelle .Cell_t4 { width: 51px; } .Tabelle .Cell_t5 { width: 25px; } .Tabelle .Cell_t6 { width: 25px; } .Tabelle .Cell_t7 { width: 25px; } .Tabelle .Cell_t8 { width: 40px; } .Tabelle .Cell_t9 { width: 25px; } .Tabelle .Cell_t10 { width: 40px; } /* Spaltenbreiten - Portraits */ .Tabelle .Cell_p1 { width: 29px; } .Tabelle .Cell_p2 { width: 151px; } .Tabelle .Cell_p3 { width: 75px; } .Tabelle .Cell_p4 { width: 282px; } /* Spaltenbreiten - Fanclubs */ .Tabelle .Cell_ffr5 { padding-right: 9px; } .Tabelle td.type_FCBtv, .Tabelle th.type_FCBtv { background: #e2e2e2 url(/pics/_backgrounds/back_tv_tabelle.jpg) 0 0 repeat-y; } .Tabelle th.type_FCBtv img { margin-top: 2px; } .Tabelle .type_FCBtv table { background: transparent; } .Tabelle .type_FCBtv td { padding: 0 0 0 9px; border: none; background: transparent; } .Tabelle tr.mouseover:hover td.type_FCBtv { background: #e2e2e2 url(/pics/_backgrounds/back_tv_tabelle.jpg) 0 0 repeat-y; } .Tabelle tr.mouseover:hover .type_FCBtv td { background: transparent; } .Tabelle .type_FCBtv td.Video { background: transparent url(/pics/_buttons/icon_fcbtv.gif) 0 4px no-repeat !important; padding-left: 40px; color: #820021; font-weight: bold; } .Tabelle .type_FCBtv .Cell_tv1 { width: 115px; } .Tabelle .type_FCBtv .Cell_tv2, .Tabelle .type_FCBtv .Cell_tv3, .Tabelle .type_FCBtv .Cell_tv4 { width: 30px; font-size: 11px; text-transform: uppercase; } .Tabelle .type_CL { width: 7px; height: 7px; margin-top: 5px; background: transparent url(/pics/_backgrounds/icon_type_cl.jpg) 0 0 no-repeat; } .Tabelle .type_CLQ { width: 7px; height: 7px; margin-top: 5px; background: transparent url(/pics/_backgrounds/icon_type_clq.jpg) 0 0 no-repeat; } .Tabelle .type_UEFA { width: 7px; height: 7px; margin-top: 5px; background: transparent url(/pics/_backgrounds/icon_type_uefa.jpg) 0 0 no-repeat; } .Tabelle .type_Abstieg { width: 7px; height: 7px; margin-top: 5px; background: transparent url(/pics/_backgrounds/icon_type_abstieg.jpg) 0 0 no-repeat; } .Tabelle .type_Relegation { width: 7px; height: 7px; margin-top: 5px; background: transparent url(/pics/_backgrounds/icon_type_relegation.jpg) 0 0 no-repeat; } .Tabelle .type_3L { width: 7px; height: 7px; margin-top: 5px; background: transparent url(/pics/_backgrounds/icon_type_cl.jpg) 0 0 no-repeat; } .Legend ul { margin: 0; padding: 0 0 0 26px; list-style-image: none; list-style-type: none; } .Legend ul li { margin: 0; padding: 2px 0 2px 14px; list-style-image: none; list-style-type: none; } .Legend li.type_CL { background: transparent url(/pics/_backgrounds/icon_type_cl.jpg) 0 6px no-repeat; } .Legend li.type_CLQ { background: transparent url(/pics/_backgrounds/icon_type_clq.jpg) 0 6px no-repeat; } .Legend li.type_UEFA { background: transparent url(/pics/_backgrounds/icon_type_uefa.jpg) 0 6px no-repeat; } .Legend li.type_Abstieg { background: transparent url(/pics/_backgrounds/icon_type_abstieg.jpg) 0 6px no-repeat; } .Legend li.type_Relegation { background: transparent url(/pics/_backgrounds/icon_type_relegation.jpg) 0 6px no-repeat; } .Legend li.type_3L { background: transparent url(/pics/_backgrounds/icon_type_cl.jpg) 0 6px no-repeat; } /* Modul Columnlist */ .Columnlist { } .Columnlist table { width: 100%; background: #e2e2e2; } .Columnlist th { background: #d5d5d5; padding: 3px 0px 3px 9px; border-top: 1px solid #ffffff; font-size: 12px; font-weight: bold; } .Columnlist td { background: transparent; padding: 5px 9px 5px 9px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; font-size: 12px; } .Columnlist .Cell_cl1 { width: 190px; } .Columnlist .Cell_cl2 { width: 354px; } .Columnlist.ThreeCols .Cell_cl2 { width: 167px } .Columnlist.ThreeCols .Cell_cl3 { width: 167px; } .NavigationList table { width: 100%; background: #e2e2e2; } .NavigationList th { background: #ffffff url(/pics/_backgrounds/back_3ebene.gif) left top no-repeat; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; padding: 0 0 0px 9px; margin: 0; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 40px; text-align: center; clear: both; overflow: hidden; } .NavigationList td { padding: 0; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; } .NavigationList .Cell_cl50 { width: 50%; } .NavigationList .Cell_cl30 { width: 30%; } /* Modul SponsorList */ .SponsorList { } .SponsorList table { width: 100%; border-left: 1px solid #c5c5c5; } .SponsorList td { background: transparent; padding: 20px 0; border-bottom: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; text-align: center; vertical-align: middle; } .SponsorList td.noborder { border: none; } .SponsorList .Cell_sp1 { width: 100%; } .SponsorList.ThreeCols .Cell_sp1 { width: 30%; } .SponsorList.ThreeCols .Cell_sp2 { width: 30%; } .SponsorList.ThreeCols .Cell_sp3 { width: 30%; } /* Modul TeaserTabelle */ .TeaserTabelle { } .TeaserTabelle .Tabelle { float: left; height: 148px; background: transparent url(/pics/_backgrounds/back_termine.jpg) 0 2px repeat-x; width: 282px; } .TeaserTabelle .Tabelle.Left { margin-right: 9px; } .TeaserTabelle .Tabelle .Title { background: transparent; padding: 0 0 6px 9px; } .TeaserTabelle .Tabelle a.Reiter { display: block; float: right; height: 21px; border-left: 1px solid #868686; padding: 0px 12px; font-size: 11px; color: #cc0033; text-transform: uppercase; } .TeaserTabelle .Tabelle table { width: 282px; margin-top: 3px; border-top: none; background: transparent; } .TeaserTabelle .Tabelle th { padding: 3px 0px 3px 9px; } .TeaserTabelle .Tabelle td { padding: 3px 0px 3px 9px; } .TeaserTabelle .Tabelle .first td { border: none; } .TeaserTabelle .Tabelle .first a { line-height:18px; color: #cc0033; } .TeaserTabelle .Tabelle .first a:link, .TeaserTabelle .Tabelle .first a:visited, .TeaserTabelle .Tabelle .first a:active { color: #cc0033; } .TeaserTabelle .Tabelle tr.hilited td { color: #cc0033; } .TeaserTabelle .Tabelle .Info { position: relative; clear: both; overflow: hidden; color: #cc0033; font-size: 10px; line-height: 16px; } .TeaserTabelle .Tabelle .Info .InfoDate { float: left; width: 130px; white-space: nowrap; } .TeaserTabelle .Tabelle .Info .InfoTime { float: left; width: 80px; white-space: nowrap; } .TeaserTabelle .Tabelle h4 { line-height: 18px; } /* Spaltenbreiten - Startseite linke Tabelle (Termine) */ .TeaserTabelle .Tabelle .Cell_tl1 { width: 100%; } /* Spaltenbreiten - Startseite rechte Tabelle (Tabelle) */ .TeaserTabelle .Tabelle .Cell_tr1 { width: 11px; font-weight: bold; } .TeaserTabelle .Tabelle .Cell_tr2 { width: 121px; font-weight: bold; } .TeaserTabelle .Tabelle .Cell_tr3 { width: 41px; font-weight: bold; } .TeaserTabelle .Tabelle .Cell_tr4 { width: 60px; font-weight: bold; } /* Modul ImageSingle */ .ImageSingle { text-align: center; } /* Modul HVB Laufleiste */ .Laufleiste {} /**************************/ /* Module - rechte Spalte */ /**************************/ .RightColumn .Module { position: relative; width:385px; background: #ffffff; margin-bottom: 0; clear: both; overflow: hidden; } .RightColumn .Module .BoxFooter { height: 20px; background: transparent url(/pics/_backgrounds/teaser_abschluss.jpg) top left no-repeat; } .Module .BoxTitle { position: static; height: 12px; background: transparent url(/pics/_backgrounds/back_partner_rot.gif) right top no-repeat; padding: 4px 0 0px 9px; margin: 0; clear: both; overflow: hidden; } /* Modul BoxNavigation */ .BoxNavigation { } .BoxNavigation .BoxTitle { position: static; height: 40px; background: #ffffff url(/pics/_backgrounds/back_3ebene.gif) right top no-repeat; padding: 0 0 0px 9px; margin: 0; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 40px; text-align: center; clear: both; overflow: hidden; } .BoxNavigation table { width: 100%; background: #e2e2e2; } .BoxNavigation td { /*width: 100%;*/ padding: 0; border-top: 1px solid #ffffff; font-size: 12px; } .BoxContentNavigation { } .BoxContentNavigation .BoxTitle { position: static; height: 40px; background: #ffffff url(/pics/_backgrounds/back_fcb.gif) right top no-repeat; padding: 0 9px 0px 9px; margin: 0; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 40px; text-align: center; clear: both; overflow: hidden; } .BoxContentNavigation table { width: 100%; background: #e2e2e2; } .BoxContentNavigation td { width: 100%; padding: 0; border-top: 1px solid #ffffff; font-size: 12px; } /* Link styles fuer alle Navigationslisten */ .NavigationList a { display: block; padding: 3px 5px 3px 9px; color: #333333; font-size: 12px; font-weight: normal; text-transform: uppercase; } .NavigationList a:active, .NavigationList a:link, .NavigationList a:visited, .NavigationList a:hover { color: #333333; font-size: 12px; text-transform: uppercase; } .NavigationList a:hover { background: #e2e2e2 url(/pics/_backgrounds/back_linkliste_mo.jpg) 0 0 repeat-x; } .NavigationList .selected a { font-weight: bold; } .BoxNavigation .Teaser { position: relative; width: 385px; background: #ffffff url(/pics/_backgrounds/back_shopteaser.jpg) bottom left no-repeat; clear: both; overflow: hidden; } .BoxNavigation .Teaser .TeaserSizer { position: relative; float: right; height: 84px; width: 1px; } .BoxNavigation .Teaser .TeaserPic { position: absolute; bottom: 0; right: 0; z-index: 2; } .BoxNavigation .Teaser .TeaserText { z-index: 1; background: transparent url(/pics/_backgrounds/teaser_abschluss.jpg) top left no-repeat; padding: 10px 14px 10px 14px; } .BoxNavigation .Teaser .TeaserText h3 { padding: 0; margin: 0; color: #cc0033; font-size: 16px; font-weight: bold; line-height: 22px; text-transform: uppercase; } .BoxNavigation .Teaser .TeaserText h4 { } .BoxNavigation .Teaser .TeaserText p { padding-right: 150px; } /* Modul BoxTeaserWhite */ .BoxTeaserWhite { } .BoxTeaserWhite .Teaser { position: relative; width: 385px; background: #ffffff url(/pics/_backgrounds/back_shopteaser.jpg) bottom left no-repeat; clear: both; overflow: hidden; } .BoxTeaserWhite .Teaser .TeaserSizer { position: relative; float: right; height: 80px; width: 1px; } .BoxTeaserWhite .Teaser .TeaserPic { position: absolute; top: 0; right: 0; z-index: 2; } .BoxTeaserWhite .Teaser .TeaserPic img { display: block; position: absolute; top: 32px; right: 5px; } .BoxTeaserWhite .Teaser .TeaserText { z-index: 1; background: transparent url(/pics/_backgrounds/teaser_abschluss.jpg) top left no-repeat; padding: 10px 14px 10px 14px; } .BoxTeaserWhite .Teaser .TeaserText h3 { padding: 0; margin: 0; color: #cc0033; font-size: 16px; font-weight: bold; line-height: 22px; text-transform: uppercase; } .BoxTeaserWhite .Teaser .TeaserText h4 { } .BoxTeaserWhite .Teaser .TeaserText p { padding-right: 150px; } /* Modul BoxTeaser2010 */ .BoxTeaser2010 { } .BoxTeaser2010 .Teaser { position: relative; width: 385px; background: #ffffff url(/pics/_backgrounds/back_box_rechts_grau.png) bottom left no-repeat; clear: both; overflow: hidden; height: 66px; } .BoxTeaser2010 .Teaser .TeaserPic { position: absolute; top: 0; right: 0; z-index: 2; } .BoxTeaser2010 .Teaser .TeaserPic img { display: block; position: absolute; top: 0; right: 0; } .BoxTeaser2010 .Teaser .TeaserText { z-index: 1; padding: 4px 14px; } .BoxTeaser2010 .Teaser .TeaserText h3 { padding: 0; margin: 0; color: #cc0033; font-size: 16px; font-weight: bold; line-height: 22px; text-transform: uppercase; } .BoxTeaser2010 .Teaser .TeaserText h4 { } .BoxTeaser2010 .Teaser .TeaserText p { padding-right: 130px; } .BoxTeaser2010 .TeaserMargin { height: 6px; background: transparent url(/pics/_backgrounds/teaser_top_schatten.jpg) left top no-repeat; margin-top: 10px; } /* Modul BoxTeaserRed */ .BoxTeaserRed { } .BoxTeaserRed .Teaser { position: relative; height: 66px; background: #ffffff url(/pics/_backgrounds/back_roter_teaser.jpg) top left no-repeat; clear: both; overflow: hidden; } .BoxTeaserRed .Teaser .TeaserPic { position: absolute; bottom: 0; right: 0; z-index: 2; } .BoxTeaserRed .Teaser .TeaserPic img { display: block; float: right; position: relative; bottom: 0; right: 0; } .BoxTeaserRed .Teaser .TeaserText { z-index: 1; padding: 14px 14px 10px 14px; } .BoxTeaserRed .Teaser .TeaserText h3 { padding: 0; margin: 0; color: #ffffff; font-size: 16px; font-weight: bold; line-height: 22px; text-transform: uppercase; } .BoxTeaserRed .Teaser .TeaserText p { padding-right: 150px; color: #ffffff; } .BoxTeaserRed .TeaserText a, .BoxTeaserRed .TeaserText a:active, .BoxTeaserRed .TeaserText a:link, .BoxTeaserRed .TeaserText a:visited, .BoxTeaserRed .TeaserText a:hover { color: #ffffff; } /* Modul BoxPartner */ .BoxPartner { } .BoxPartner .BoxBody { width: 386px; background: #ffffff url(/pics/_backgrounds/back_partner_grau.gif) top left no-repeat; clear: both; overflow: hidden; height:50px;} .BoxPartner .BoxBody td { height: 29px; border-right: 1px solid #868686; vertical-align: middle; text-align: center; } .BoxPartner .BoxBody a { font-size: 14px; line-height: 18px; font-weight: bold; text-transform: uppercase; } /* Modul BoxBanner */ .BoxBanner { } .BoxBanner .BoxBody { width: 385px; } .BoxBanner .BoxBody td { vertical-align: top; text-align: center; } .BoxBanner .BoxBody td.Separator { width: 1px; } .BoxBanner .BoxBody td a { height: auto; } .BoxBanner .BoxBody td img.counter { position: absolute; } /* Modul BoxBanner Content */ .Bannermodul {} .Bannermodul .BoxBody { width: 573px; margin-bottom: 15px; } .Bannermodul .BoxBody td { vertical-align: middle; text-align: center; } .Bannermodul .BoxBody td.Separator { width: 1px; } .Bannermodul .BoxBody td a { display: block; } /* Modul BoxFCBtv */ .BoxFCBtv { width: 385px; position: relative; background: transparent !important; margin-bottom: 31px; } .BoxFCBtv .Teaser { position: relative; z-index: 20; height: 100px; background: #ffffff url(/pics/_backgrounds/back_fcbtv_rot.jpg) top left no-repeat; clear: both; overflow: hidden; } .BoxFCBtv .Teaser .TeaserPic { position: relative; float: left; width: 157px; height: 94px; padding: 3px 0 3px 3px; } .BoxFCBtv .Teaser .TeaserLogo { display: block; position: absolute; top: 8px; right: 8px; z-index: 2; } .BoxFCBtv .Teaser .TeaserText { position: absolute; bottom: 8px; right: 8px; width: 204px; color: #ffffff; } .BoxFCBtv .Teaser .TeaserText h3 { } .BoxFCBtv .Videolist { position: relative; z-index: 20; width: 369px; background: #ffffff url(/pics/_backgrounds/back_fcbtv_silber.jpg) top left no-repeat; padding: 10px 8px; clear: both; overflow: hidden; } .BoxFCBtv .Videolist td { padding: 1px 0px; font-size: 12px; } .BoxFCBtv .Videolist .Video { background: transparent url(/pics/_buttons/icon_fcbtv.gif) 0 4px no-repeat; padding-left: 26px; } .BoxFCBtv .Videolist .Cell_tv1 { width: 270px; } .BoxFCBtv .Videolist .Cell_tv2, .BoxFCBtv .Videolist .Cell_tv3, .BoxFCBtv .Videolist .Cell_tv4 { width: 32px; font-size: 11px; text-transform: uppercase; } /* .BoxFCBtv .Teaser .TeaserText a { display: block; float: left; margin-right: 10px; color: #ffffff; font-size: 11px; } */ .BoxFCBtv .Teaser .TeaserText a { color: #ffffff; font-size: 11px; } /* weitere CSS-Angaben Previewlist wie bei HomeFCBtvTeaser */ .BoxFCBtv .Slider .Previewlist { background-image: url(/pics/_backgrounds/back_programm.gif); } /* Javascript gesteuerter Slider */ .BoxFCBtv .Slider { position: absolute; top: 0; left: 0; z-index: 10; width: 385px; } .BoxFCBtv .Slider a.Button { display: block; height: 22px; background: transparent url(/pics/_buttons/slider_fcbtv.gif) bottom left no-repeat; } .BoxFCBtv .Slider a.Button.Collapsed { background-image: url(/pics/_buttons/programm_zu.gif); } .BoxFCBtv .Slider a.Button.Expanded { background-image: url(/pics/_buttons/programm_offen.gif); } .BoxFCBtv .Slider a.Button.Collapsed:hover { background-image: url(/pics/_buttons/programm_zu_mo.gif); text-decoration: none; } .BoxFCBtv .Slider a.Button.Expanded:hover { background-image: url(/pics/_buttons/programm_offen_mo.gif); text-decoration: none; } /* Modul BoxTeaserRollover mit Mouse-Over-Effekt */ .BoxTeaserRollover { } /* off state */ .BoxTeaserRollover .TeaserSmall { position: relative; height: 25px; background: #e2e2e2; border-top: 1px solid #ffffff; clear: both; overflow: hidden; } .BoxTeaserRollover .TeaserSmall .TeaserInfo { float: left; width: 55px; padding: 5px 0px 0px 9px; color: #cc0033; font-size: 11px; font-weight: normal; text-transform: uppercase; } .BoxTeaserRollover .TeaserSmall .TeaserPic { display: none; } .BoxTeaserRollover .TeaserSmall .TeaserText { float: left; width: 321px; padding: 5px 0px 0px 0px; } .BoxTeaserRollover .TeaserSmall .TeaserText .Info { display: none; } .BoxTeaserRollover .TeaserSmall .TeaserText h3 { padding: 0; margin: 0; font-size: 12px; line-height: 16px; font-weight: bold; } .BoxTeaserRollover .TeaserSmall .TeaserText p { display: none; } /* over state */ .BoxTeaserRollover .TeaserBig { position: relative; height: 65px; background: #e2e2e2 url(/pics/_backgrounds/back_topnews.jpg) 0 0 repeat-x; border-top: 1px solid #ffffff; clear: both; overflow: hidden; } .BoxTeaserRollover .TeaserBig .TeaserInfo { float: left; width: 55px; padding: 3px 0px 0px 9px; color: #cc0033; font-size: 16px; font-weight: bold; text-transform: uppercase; } .BoxTeaserRollover .TeaserBig .TeaserPic { float: left; width: 108px; height: 65px; padding: 0px; text-align: center; vertical-align: middle; } .BoxTeaserRollover .TeaserBig .TeaserText { float: left; width: 201px; height: 56px; padding: 3px 5px 0px 7px; overflow: hidden; } .BoxTeaserRollover .TeaserBig .TeaserText .Info { color: #cc0033; font-size: 11px; text-transform: uppercase; } .BoxTeaserRollover .TeaserBig .TeaserText h3 { padding: 0; margin: 0; font-size: 12px; line-height: 18px; font-weight: bold; } .BoxTeaserRollover .TeaserBig .TeaserText p { } .BoxTeaserRollover .TeaserText a, .BoxTeaserRollover .TeaserText a:active, .BoxTeaserRollover .TeaserText a:link, .BoxTeaserRollover .TeaserText a:visited, .BoxTeaserRollover .TeaserText a:hover { color: #333333; } /* Formulare */ .Formular { } .Formular h2.Title { margin: 0px; } .Formular table { width: 573; background: transparent; margin-left: 9px; } .Formular th, .Formular td { padding: 1px 0 0 9px; vertical-align: top; text-align: left; } .Formular th, .Formular td.Cell_f1 { padding: 1px 0 0 0px; font-weight: bold; text-transform: uppercase; font-size: 10px; } .Formular th.Cell_f1.faqabstand { padding-left:9px;} .Formular td.Cell_f1.nolabel { font-weight: normal; text-transform: none; font-size: 12px; } .Formular .Cell_f1 { width: 160px; } .Formular .Cell_f2 { width: 404px; } .Formular .Cell_f3 { width: 264px; } .Formular .Cell_f4 { width: 130px; } .Formular .Cell_f5 { width: 560px; padding-left: 0;} .Formular .Cell_f3a { width: 160px; } .Formular tr.Separator td, .Formular td.Separator {} .Formular input, .FanclubFilter input { border: 1px solid #d5d5d5; height: 17px; background: #ffffff url(/pics/_backgrounds/back_eingabefelder.jpg) 0 0 repeat-x; } .Formular textarea { border: 1px solid #d5d5d5; background: #ffffff url(/pics/_backgrounds/back_newsteaser_mo.jpg) bottom left repeat-x; } .Formular select, .FanclubFilter select { border: 1px solid #d5d5d5; background: #ffffff url(/pics/_backgrounds/back_eingabefelder.jpg) 0 0 repeat-x; } .Formular .Cell_f2.hundret textarea, .Formular .Cell_f2.hundret input { width: 400px; margin-right: 2px;} .Formular .Cell_f2.hundret select { width: 402px; margin-right: 2px; } .Formular .Cell_f3.hundret textarea, .Formular .Cell_f3 textarea.hundret, .Formular .Cell_f3.hundret input, .Formular .Cell_f3 input.hundret { width: 260px; margin-right: 2px;} .Formular .Cell_f3.hundret select, .Formular .Cell_f3 select.hundret { width: 262px; margin-right: 2px; } .Formular .Cell_f3 input.eighty { width: 200px; margin-right: 2px;} .Formular .Cell_f3 input.twenty { width: 53px; margin-right: 2px;} .Formular input.two { width: 28px; margin-right: 2px;} .Formular input.four { width: 56px; margin-right: 2px;} .Formular .noborder input { border: none; background: transparent; } .Formular .FormularButtons, .FormularButtons { text-align: right; padding-top: 10px; } .Formular .FormularButtons input, .FormularButtons input { height: 19px; border: none; background: transparent url(/pics/_buttons/back_button.gif) top left repeat-x; padding: 0px 6px 2px 6px; margin: 0 0 0 2px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #ffffff; text-transform: uppercase; cursor: pointer; } .FormularErrors { margin-bottom: 16px; color: #cc0033; clear: both; } /* Servicelist mit Mouse-Over-Effekt */ .ServiceList { } .ServiceList .TeaserInfo { position: relative; float: left; width: 164px; padding: 0px 0px 0px 10px; color: #ffffff; font-size: 16px; line-height: 35px; font-weight: bold; } .ServiceList .TeaserText { position: relative; float: left; width: 375px; padding: 5px 12px 0px 12px; } .ServiceList .Selection { position: relative; width: 375px; padding: 4px 0px 0 0; } .ServiceList .Selection .Abo { } .ServiceList .Selection .Info { position: relative; float: right; text-align: right; color: #cc0033} .ServiceList .Selection input { margin-top: 2px; } /* off state */ .ServiceList .TeaserSmall { position: relative; height: 35px; background: #e2e2e2 url(/pics/_backgrounds/back_service_grau.jpg) bottom left repeat-x; border-bottom: 1px solid #ffffff; clear: both; overflow: hidden; } .ServiceList .TeaserSmall .TeaserInfo { height: 35px; background: #ff1842 url(/pics/_backgrounds/back_service_rot.jpg) bottom left repeat-x; } .ServiceList .TeaserSmall .TeaserText p { display: none; } /* over state */ .ServiceList .TeaserBig { position: relative; height: 92px; background: #e2e2e2 url(/pics/_backgrounds/back_newsteaser_mo.jpg) 0 0 repeat-x; border-bottom: 1px solid #ffffff; clear: both; overflow: hidden; } .ServiceList .TeaserText { height: 87px; } .ServiceList .TeaserBig .TeaserInfo { height: 92px; background: #ff1842 none bottom left no-repeat; } .ServiceList .TeaserBig .TeaserText p { } .ServiceList .TeaserBig .Selection { position: absolute; bottom: 5px; } .ServiceList .TeaserBig#ServiceCHAMPIONS .TeaserInfo { background-image: url(/pics/_backgrounds/img_service_tv.jpg); } .ServiceList .TeaserBig#ServiceSHOP .TeaserInfo { background-image: url(/pics/_backgrounds/img_service_shop.jpg); } .ServiceList .TeaserBig#ServiceAUCTION .TeaserInfo { background-image: url(/pics/_backgrounds/img_service_auktion.jpg); } .ServiceList .TeaserBig#ServiceTICKETING .TeaserInfo { background-image: url(/pics/_backgrounds/img_service_tickets.jpg); } .ServiceList .TeaserBig#ServiceFORUM .TeaserInfo { background-image: url(/pics/_backgrounds/img_service_community.jpg); } .ServiceList .TeaserBig#ServiceNEWS .TeaserInfo { background-image: url(/pics/_backgrounds/img_service_newsletter.jpg); } .ServiceList .TeaserBig#ServiceFANKURVE .TeaserInfo { background-image: url(/pics/_backgrounds/img_service_fankurve.jpg); } .ServiceList .TeaserBig#ServiceWEBMAIL .TeaserInfo { background-image: url(/pics/_backgrounds/img_service_webmail.jpg); } .ServiceList .TeaserBig#ServiceMISSWAHL .TeaserInfo { background-image: url(/pics/_backgrounds/img_service_missfcb.jpg); } /* Fanclubs */ .FanclubFilter { } .FanclubFilter .Cell_ff1 { padding: 0; } .FanclubFilter .Cell_ff2 { padding: 9px 9px; border-left: 1px solid #ffffff;} .FanclubFilter .BatchNavigation .Pages { width: 300px; } /* FCB.tv Teaser (Homepage) */ .fcbTV-teaser { float: left; width: 385px; height: 295px; background: transparent url(/pics/fcbtvBox/fcbtvteaser_bg.jpg) 0 0 no-repeat; color: #fff; font-family: Arial, Helvetiva, sans-serif; font-size: 12px; padding: 5px 0px 0px 10px; margin: 10px 0px 0px 0px;} .fcbTV-teaser a { text-decoration: none; color: #FFFFFF; outline: none; } .fcbTV-teaser ul.nav { float: left; font-weight: bold; list-style-type: none; padding: 0; margin: 0px 0px 5px 0px; } .fcbTV-teaser ul.nav li { float: left; padding: 0px 7px 0px 0px; margin: 0px 4px 0px 0px; height: 25px; } .fcbTV-teaser ul.nav li:hover { background: transparent url(/pics/fcbtvBox/nav_hg.png) 100% 100% no-repeat; } .fcbTV-teaser ul.nav .active { background: transparent url(/pics/fcbtvBox/nav_hg.png) 100% 100% no-repeat; } .fcbTV-teaser ul.nav .active a { background: transparent url(/pics/fcbtvBox/nav_hg.png) 0 0 no-repeat; } .fcbTV-teaser ul.nav a { float: left; padding: 3px 0px 0px 7px; height: 25px; margin: 0px;} .fcbTV-teaser ul.nav a:hover { background: transparent url(/pics/fcbtvBox/nav_hg.png) 0 0 no-repeat; margin: 0; } .fcbTV-teaser .tabs { float: left; width: 365px; height: 170px;} .fcbTV-teaser .tabs div { display: none; float: left; } .fcbTV-teaser .tabs .active { display: block; } .fcbTV-teaser .tabs #fcbTv-video { float: left; margin: 10px 0px 0px 43px; } .fcbTV-teaser .tabs #fcbTv-video div { display: block; } .fcbTV-teaser .tabs #fcbTv-video span { float: left; font-weight: bold; font-size: 14px; text-align: center; width: 270px; } .fcbTV-teaser .tabs #fcbTv-webmail { float: left; margin: 10px 0px 0px 0px; } .fcbTV-teaser .tabs #fcbTv-webmail img { float: left; } .fcbTV-teaser .tabs #fcbTv-webmail span { float: left; margin: 10px 0px 0px 77px; } .fcbTV-teaser .tabs #fcbTv-webmail .emailDummy { margin: 20px 0px 0px 77px; font-size: 18px; font-weight: bold; color: #cc0033; } .fcbTV-teaser .tabs #fcbTv-winner { float: left; margin: 10px 0px 0px 2px; } .fcbTV-teaser .tabs #fcbTv-winner ul { float: left; margin: 10px 0px 0px 5px; padding: 0px; } .fcbTV-teaser .tabs #fcbTv-winner ul li { float: left; list-style: none; height: auto; margin: 0px 0px 10px 0px; } .fcbTV-teaser .tabs #fcbTv-winner ul li span { float: left; padding: 0px 0px 0px 25px; line-height: 14px; margin: 0px 0px 2px 0px;} .fcbTV-teaser .tabs #fcbTv-winner ul li .headline { background: url(/pics/fcbtvBox/arrow_red.png) left center no-repeat; float: left; font-size: 16px; text-transform: uppercase; font-weight: bold; width: 300px; } .fcbTV-teaser .fcbTv-abo { float: left; margin: 4px 0px 0px 0px; width: 382px;} .fcbTV-teaser .fcbTv-abo .headline {float:left; width: 365px; height: 21px; margin-top:1px; font-weight: bolder; font-size: 12px;} .fcbTV-teaser .fcbTv-abo .headline a{text-transform:none; color: #ffffff;} .fcbTV-teaser .fcbTv-abo span { float: left; width: 179px; color: #FFFFFF; font-weight: bold; font-size: 11px; } .fcbTV-teaser .fcbTv-abo span.link { text-align: right; } .fcbTV-teaser .fcbTv-abo span a { color: #cc0033; text-transform: uppercase; } .fcbTV-teaser .fcbTv-abo .linkit {float:left; width: 110px; height: 60px; margin-right: 17px; overflow: hidden; cursor: pointer; } .fcbTV-teaser .fcbTv-abo .linkit .icons {float: left; width:21px; height: 20px; background-image: url(/pics/fcbtvBox/fcbtvbox_icon.png); background-repeat: no-repeat; background-position: 0 0px;overflow: hidden;} .fcbTV-teaser .fcbTv-abo .linkit:hover .icons{background-position: 0 -20px;} .fcbTV-teaser .fcbTv-abo .linkit .links {float: left; width: 110px; height: 37px; color: #c0c0c0;font-size: 10px; line-height: 13px;} .fcbTV-teaser .fcbTv-abo .linkit:hover .links {color: #ffffff;} .fcbTV-teaser .fcbTv-abo ul.price { float: left; list-style-type: none; padding: 0; margin: 0; } .fcbTV-teaser .fcbTv-abo ul.price li { float: left; font-weight: bold; font-size: 14px; margin: 5px 5px 0px 0px; padding: 3px 3px 3px 3px; background: transparent url(/pics/fcbtvBox/buttons.png) 0px -38px no-repeat; height: 32px; width: 80px; text-align: center; cursor: pointer; line-height: 16px; } .fcbTV-teaser .fcbTv-abo ul.price li.active { background: transparent url(/pics/fcbtvBox/buttons.png) 0 0 no-repeat; } .fcbTV-teaser .fcbTv-abo ul.price li:hover { background: transparent url(/pics/fcbtvBox/buttons.png) 0 0 no-repeat; } /* FCB Shop Slider */ .fcbShopSliderWrapper .shadow{width:385px;height:6px;background:url('/pics/_backgrounds/teaser_top_schatten.jpg') no-repeat transparent;margin:17px 0 0 0;display:block;} .fcbShopSliderWrapper .fcbSlider {float: left;width: 385px;height: 230px;display:block;overflow: hidden;margin: 0px 0px 0px 0px;} .fcbShopSliderWrapper .fcbSlider .images {float: left;width: 3850px;} .fcbShopSliderWrapper .fcbSlider img {float:left;} .fcbShopSliderWrapper .fcbSlider .navigation {position: relative;display:block;top: 0px;left: 0px;width: 385px;height: 30px;background-color: transparent;background-image:url(/pics/fcbshopSlider/header_logo.png);background-position:0px 0px;background-repeat:no-repeat;} .fcbShopSliderWrapper .fcbSlider .navigation .control {position: absolute;top: 5px;width: 25px;height: 33px;cursor: pointer;} .fcbShopSliderWrapper .fcbSlider .navigation #leftControl {/*right:20px;*/width:25px;height:18px;margin: 4px 0 0 0;overflow:hidden;background-color: transparent;background-image:url(/pics/fcbshopSlider/pfeil_links_grau.png);background-position: 0px 0px;background-repeat: no-repeat;} .fcbShopSliderWrapper .fcbSlider .navigation #leftControlArrow {/*right:20px;*/width:25px;height:18px;margin: 4px 0 0 0;overflow:hidden;background-color: transparent;background-image:url(/pics/fcbshopSlider/pfeil_links_grau.png); background-position: 0 0;background-repeat: no-repeat;display:none;} .fcbShopSliderWrapper .fcbSlider .navigation #rightControl {width:25px;height:18px;margin: 4px 0 0 0;left: 360px;background-color: transparent;background-image:url(/pics/fcbshopSlider/pfeil_rechts_grau.png);background-position:0px 0px;background-repeat:no-repeat;} .fcbShopSliderWrapper .fcbSlider .navigation #rightControlArrow {width:25px;height:18px;margin: 4px 0 0 0;left: 360px;background-color: transparent;background-image:url(/pics/fcbshopSlider/pfeil_rechts_grau.png);background-position:0 0;background-repeat:no-repeat;} .fcbShopSliderWrapper .fcbSlider .navigation ul {position: absolute;margin: 10px 0px 0px 0px;padding: 0;list-style-type: none;} .fcbShopSliderWrapper .fcbSlider .navigation ul li {float: left;margin: 0px 2px 0px 0px;padding: 0;width: 17px;height: 17px;} .fcbShopSliderWrapper .fcbSlider .navigation ul li a {outline: none;float: left;line-height: 12px;height: 19px;width:19px;background: transparent url(/pics/fcbshopSlider/punkt.png) 0 0px no-repeat;cursor:pointer;} .fcbShopSliderWrapper .fcbSlider .navigation ul li a.active {background: transparent url(/pics/fcbshopSlider/punkt.png) 0 -20px no-repeat;} /* Social Network Bookmarks */ .socialBookmarks { width: 573px; clear: both; padding-top: 10px; } .socialBookmarks ul { width: 573px; margin: 10px 0px 0px 0px; padding: 0; list-style: none; } .socialBookmarks ul li { float: left; padding: 0px 3px 0px 3px; } .socialBookmarks img { padding: 1px; border: 1px solid #CCCCCC; } /* Tagbox fcb.tv */ .ModuleTagboxFcbtv { background: transparent url(/pics/tagbox/video_box_bg.jpg) repeat scroll 0 0; height: 178px; } .ModuleTagboxFcbtv .Title { line-height: 24px; } .ModuleTagboxFcbtv .Left { float: left; background: transparent url(/pics/tagbox/arrow_left.png) no-repeat scroll 0 0; width: 12px; height: 19px; margin: 50px 19px 0 15px; visibility: hidden; } .ModuleTagboxFcbtv .Right { float: left; background: transparent url(/pics/tagbox/arrow_right.png) no-repeat scroll 0 0; width: 12px; height: 19px; margin: 50px 15px 0 19px; visibility: hidden; } .ModuleTagboxFcbtv .ThumbContainer { position: relative; height: 120px; overflow: hidden; width: 480px; float: left; margin: 15px 0 0 0; } .ModuleTagboxFcbtv ul { margin: 0 auto; padding: 0; list-style: none; width: 1600px; /*position: relative; left: 0;*/ } .ModuleTagboxFcbtv .Thumb { float: left; width: 152px; text-align:center; margin: 0 4px; } .ModuleTagboxFcbtv .Thumb .Description { position: absolute; bottom: 0pt; left: 50%; white-space: nowrap; display: none; color: #fff; } .ModuleTagboxFcbtv .Thumb .ImageContainer { padding: 5px; float: left; position: relative; width: 142px; height: 80px; } .ModuleTagboxFcbtv .Thumb .ImageContainer img { width: 142px; height: 80px; } .ModuleTagboxFcbtv .Thumb .Description div { white-space: nowrap; position: relative; left: -50%; float: left; } .ModuleTagboxFcbtv .Thumb .Description .VideoTitle { margin-left: 10px; font-weight: bold; } .ModuleTagboxFcbtv .Thumb:hover .Description { display: block; } .ModuleTagboxFcbtv .Thumb:hover .ImageContainer { background-color: #fff; } .ModuleTagboxFcbtv .Thumb .ImageContainer img:hover { border:solid 1px #fff; cursor: pointer } /* Tagbox shop */ .ModuleTagboxShop .Title { background: none; } .ModuleTagboxShop ul { margin: 0; padding: 0; list-style: none; } .ModuleTagboxShop li { float: left; width: 139px; height: 139px; text-align: center; border: 1px #c8c8c8 solid; border-left-width: 0px; } .ModuleTagboxShop li.ItemFirst { border-left-width: 1px; } .ModuleTagboxShop li a { color: #3F3936; width: 100%; height: 100%; } .ModuleTagboxShop li .ShopTitle { height: 30px; padding: 7px 5px 0 25px; text-align: left; background: transparent url(/pics/tagbox/arrow_shop.gif) no-repeat 12px 6px; } .ModuleTagboxShop li .ShopTitle span { font-weight: bold; font-size:11px; line-height: 14px; text-align: left; } .ModuleTagboxShop li a:hover { color: #cc0033; text-decoration: none; } .ModuleTagboxShop li img { clear: both; width: 102px; height: 102px; } /* Matchcenter Module */ .Matchcenter { position: relative; } .Matchcenterhomepage { background: transparent url(/pics/matchcenter/hg.jpg) no-repeat scroll 0 0; height: 162px; } .Matchcenterreport { background: transparent url(/pics/matchcenter/hg_spielbericht.jpg) no-repeat scroll 0 0; height: 144px; } .Matchcenter .ArrowLeft { background: transparent url(/pics/matchcenter/pfeil_rot_li.png) repeat scroll 0pt 0pt; width: 12px; height: 19px; float: left; position: absolute; top: 60px; left: 10px; } .Matchcenter .ArrowRight { background: transparent url(/pics/matchcenter/pfeil_rot.png) repeat scroll 0pt 0pt; width: 12px; height: 19px; float: left; position: absolute; top: 60px; right: 10px; } .Matchcenter .Content { position: absolute; width: 483px; left: 45px; height: 137px; top: 25px; overflow: hidden; } .Matchcenter .InnerContent { color: #333; font-family: Arial; text-align: center; position: relative; left: 50%; float: left; } .Matchcenter .Logo1 { position: absolute; left: 0; top: 0; } .Matchcenter .Logo2 { position: absolute; right: 0; top: 0; } .Matchcenter .Data { font-size: 11px; line-height: 11px; position: relative; left: -50%; } .Matchcenter .Opponents { font-size: 18px; font-weight: bold; line-height: 20px; margin-top: 5px; position: relative; left: -50%; } .Matchcenter .Goals { font-size: 30px; font-weight: bold; line-height: 30px; margin-top: 8px; position: relative; left: -50%; } .Matchcenter .ButtonContainer { position: relative; float: left; left: 50%; margin-top: 110px; } .Matchcenter .Buttons { list-style: none; float: left; position: relative; left: -50%; margin: 0; height: 21px; overflow: hidden; } .Matchcenter .Buttons li { float:left; height:21px; margin:0 2px; } .Matchcenter .Buttons li a {background:transparent url(/pics/matchcenter/buttons.png) repeat scroll right -43px; color:#fff; float:left; font-size:12px; font-weight:bold; height:21px; padding-right:10px; } .Matchcenter .Buttons li a span {background:transparent url(/pics/matchcenter/buttons.png) repeat scroll 0 0; float:left; height:20px; padding-left:10px; padding-top:1px; cursor: pointer; } .Matchcenter .Buttons li:hover a { background-position: right -64px; text-decoration: none; } .Matchcenter .Buttons li:hover a span { background-position: 0 -21px; } .Matchcenter .Footer { position: absolute; left: 190px; bottom: 5px; line-height: 24px; color: #fff; } .Matchcenter .Footer .Sponsor { float: left; margin-left: 15px; } .Matchcenter .Footer .Label { margin: 0pt 12px 0pt 50px; float: left; font-size: 11px; } .Matchcenter .Footer .CountdownLabel { margin-left: 12px; font-size: 12px; } .Matchcenter .Footer .CountdownValue { font-size: 12px; font-weight: bold; } /* Login Links Header (from fcbtv) */ #PageHeader .TopBar .Buttons { position: absolute; top: 46px; left: 181px; font-size: 11px; list-style: none; float: left; margin: 0; height: 21px; } #PageHeader .TopBar .Buttons li { float:left; } #PageHeader .TopBar .Buttons a { color:#FFFFFF; display:block; float:left; font-size:11px; font-weight:bold; height:25px; line-height:18px; padding:6px 0 0; text-align:center; text-decoration:none; } #PageHeader .TopBar .Buttons .btn_abo { background-image:url(/pics/_buttons/abo_btn_bg.png); height:25px; width:128px; } #PageHeader .TopBar .Buttons a.btn_abo:hover { background-position:0 -31px; } #PageHeader .TopBar .Buttons .btn_login { background-image:url(/pics/_buttons/login_btn_bg.png); height:25px; width:69px; } #PageHeader .TopBar .Buttons a.btn_login:hover { background-position:0 -31px; } /* Newsletter Abo Box */ #ArtikelNewsletterBox{ background: url('/pics/newsletterBox/anmeldung_artikel_bg.jpg') no-repeat; width:573px; height:125px; margin-bottom:16px;} #ArtikelNewsletterBox .title{color: #CC0033; font-size: 16px; line-height:18px; text-transform:uppercase; font-weight:bold; margin:5px 0 0 9px;} #ArtikelNewsletterBox .text{margin: 0 0 0 9px; width:410px; height: 50px; font-weight: bold; overflow: hidden;} #ArtikelNewsletterBox button{border:none; background:transparent; margin: -4px 0 0 0; cursor:pointer; width:125px; } #ArtikelNewsletterBox .buttonText{background: url('/pics/newsletterBox/anmeldung_btn.png') no-repeat transparent;display:inline-block; height: 23px; padding: 4px 4px 0 13px; float:left; color: #FFFFFF; font-weight: bold;} #ArtikelNewsletterBox .buttonEnd{background: url('/pics/newsletterBox/anmeldung_btn.png') no-repeat transparent -188px -54px; width: 10px; height:26px; display:inline-block; float:left;} #ArtikelNewsletterBox button:hover .buttonText{background-position: 0 -27px;} #ArtikelNewsletterBox button:hover .buttonEnd{background-position: -188px -81px;} #ArtikelNewsletterBox .input{float:left; display:inline-block; margin: 0 0 0 9px; border: solid 1px #909090; width:210px; color: #909090;} /*FIXEM: wo ist die grafik?*/ #ArtikelNewsletterBox .shadow{ background:url('../img/shadow.png'); clear:both; } /* Right Side Newsletter Box */ #RightSideNewsletterBox{background: url('/pics/newsletterBox/anmeldung_rightside_bg.jpg') transparent no-repeat; width:385px; height:135px; display:inline-block; } #RightSideNewsletterBox .shadow{width:385px; height:6px; background:url('/pics/_backgrounds/teaser_top_schatten.jpg') no-repeat transparent;} #RightSideNewsletterBox .title{color: #CC0033; font-size: 16px; line-height:18px; text-transform:uppercase; font-weight:bold; margin:5px 0 0 9px;} #RightSideNewsletterBox .text{margin: 0 0 0 9px; width:250px; height:40px; font-weight:bold; overflow:hidden;} #RightSideNewsletterBox button{border:none; background:transparent; margin: 2px 0 0 -7px; display:block; cursor:pointer;width:120px; position:relative; left: 7px;} #RightSideNewsletterBox .buttonText{background: url('/pics/newsletterBox/anmeldung_btn.png') no-repeat transparent; display:inline-block; height:23px; padding: 4px 4px 0 13px; float:left; color: #FFFFFF; font-weight: bold;} #RightSideNewsletterBox .buttonEnd{background: url('/pics/newsletterBox/anmeldung_btn.png') no-repeat transparent -188px -54px; width: 5px;height: 26px; display: inline-block; float:left;} #RightSideNewsletterBox button:hover .buttonText{background-position: 0 -27px; } #RightSideNewsletterBox button:hover .buttonEnd{background-position: -188px -81px;} #RightSideNewsletterBox .input{margin: 0 0 0 9px; border: solid 1px #909090; width:210px; color: #909090;} .RightSideNewsletterBox{width:385px; display:inline-block;} .RightSideNewsletterBox.shadow{margin-top:10px;} .RightSideNewsletterBox .shadow{ width:385px; height:6px; background:url('/pics/_backgrounds/teaser_top_schatten.jpg') no-repeat transparent; } .RightSideNewsletterBox .NewsletterBox{ background-image: url('/pics/newsletterBox/anmeldung_rightside_bg.jpg'); background-repeat:no-repeat; background-color:transparent; width:385px; height:135px; display:inline-block;} .RightSideNewsletterBox .title{color: #CC0033; font-size: 16px; line-height:18px; text-transform:uppercase; font-weight:bold; margin:5px 0 0 9px;} .RightSideNewsletterBox .text{margin: 0 0 0 9px; width:250px; height:40px; font-weight:bold; overflow:hidden;} .RightSideNewsletterBox button{border:none; background:transparent; margin: 2px 0 0 -7px; display:block; cursor:pointer;width:120px; position:relative; left: 7px;} .RightSideNewsletterBox .buttonText{background: url('/pics/newsletterBox/anmeldung_btn.png') no-repeat transparent; display:inline-block; height:23px; padding: 4px 4px 0 13px; float:left; color: #FFFFFF; font-weight: bold;} .RightSideNewsletterBox .buttonEnd{background: url('/pics/newsletterBox/anmeldung_btn.png') no-repeat transparent -188px -54px; width: 5px;height: 26px; display: inline-block; float:left;} .RightSideNewsletterBox button:hover .buttonText{background-position: 0 -27px; } .RightSideNewsletterBox button:hover .buttonEnd{background-position: -188px -81px;} .RightSideNewsletterBox .input{margin: 0 0 0 9px; border: solid 1px #909090; width:210px; color: #909090;} .RightSideNewsletterBox.small .NewsletterBox{ height:66px; background-image:url(/pics/_backgrounds/back_box_rechts_grau.png); } .RightSideNewsletterBox.small .text{display:none;} .RightSideNewsletterBox.small .input{float:left;margin-top:10px;} .RightSideNewsletterBox.small button{padding:6px 0 0 0;left:14px;}; /*Wenn in das Input geschrieben wird. Gilt fuer ArtikelNewsletterBox und RightSideNewsletterBox*/ .nowTyping{color: #333333 !important;} .inputError{color: #FF0000 !important;border:solid 1px #ff0000 !important; } /* Style Fuer das Popup welches beim bestellen des Newsletters angezeigt wird.*/ #PopupNewsletter{height:90%; width:500px; background: #FFFFFF;} #PopupNewsletter h1{background: url('/pics/_backgrounds/linie_bkz.gif') no-repeat scroll left bottom transparent; background-size: 495px; color: #CC0033; font-size: 16px; font-weight: bold; line-height:22px; margin: 12px 0; padding: 0 8px 10px; text-transform: uppercase; clear:both;} #PopupNewsletter p{margin:0 0 20px 0;} #PopupNewsletter .close{background:url('/pics/lightbox/lb_close_ico.png') no-repeat scroll right center transparent; color: #333333; float:right; font-size: 13px; font-weight:bold; height:17px; line-height: 17px; text-transform:uppercase; width: 100px; cursor:pointer; display:inline-block;} #PopupNewsletter .close a{width:100px; height:17px; padding: 0 18px 0 0;} #PopupNewsletter #email{font-weight:bold;} #PopupNewsletter #save_btn { border: none; float:right; text-decoration:none; cursor:pointer;} #PopupNewsletter #save_btn #buttonText{background:url('/pics/newsletterBox/anmeldung_btn.png') no-repeat transparent; display:inline-block; height:23px; padding:4px 4px 0 13px; float:left; font-weight:bold; color:#FFFFFF;} #PopupNewsletter #save_btn #buttonEnd{ background:url('/pics/newsletterBox/anmeldung_btn.png') no-repeat -188px -54px transparent; width:5px; height:26px; display:inline-block; float:left;} #PopupNewsletter #save_btn a{text-decoration:none;} #PopupNewsletter #save_btn:hover #buttonText{background-position: 0 -27px;} #PopupNewsletter #save_btn:hover #buttonEnd{background-position: -188px -81px} #PopupNewsletter .valError input{display:inline-block; float:left; width:250px;} #PopupNewsletter .valError button{border:none; background:transparent; width:120px;} #PopupNewsletter .valError .error_btn{border: none; display:inline-block; margin: -3px 0px 0px; cursor:pointer;} #PopupNewsletter .valError .error_btn .buttonText{background:url('/pics/newsletterBox/anmeldung_btn.png') no-repeat transparent; display:inline-block; height:23px; padding:4px 4px 0 13px; float:left; font-weight:bold; color:#FFFFFF;} #PopupNewsletter .valError .error_btn .buttonEnd{background:url('/pics/newsletterBox/anmeldung_btn.png') no-repeat -188px -54px transparent; width:5px; height:26px; display:inline-block; float:left;} #PopupNewsletter .valError .error_btn:hover .buttonText{background-position: 0 -27px;} #PopupNewsletter .valError .error_btn:hover .buttonEnd{background-position: -188px -81px;} /*Spezielle Anpassungen wenn die Lightbox im Shop angezeigt wird.*/ #PopupNewsletter.shop { width:495px; margin: 0 0 0 5px;} #PopupNewsletter.shop h1{padding: 0 8px 10px 32px; max-width:443px;background-size:495px;background: url('/pics/_backgrounds/linie_bkz.gif') no-repeat scroll left bottom transparent;} #PopupNewsletter.shop .valError form{margin-left:32px;} #PopupNewsletter.shop .OK p{margin-left:32px; margin-right:32px;} #PopupNewsletter.shop .OK #save_btn{margin-right:32px;} .ModulPoster #PopupNewsletter .text{margin: 20px 0 20px 0;} .ModulPoster #PopupNewsletter .pics {width: 590px; height: 180px; margin: 20px 0 20px 0;} .ModulPoster #PopupNewsletter .pics .pic{width: 180px; height: 180px; margin: 0 16px 0 0px; background:url('/pics/newsletterBox/bilderrahmen.png') no-repeat transparent; float:left;} .ModulPoster #PopupNewsletter .pics img{width: 170px; height: 170px; margin: 5px 0 0 5px;} #PopupNewsletter .FormularButtons {clear:both;} /* Gewinnspiel Uebersichtsseiten*/ #Gewinnspiel .Overline{font-size: 14px; font-weight: bold; line-height: 16px;} #Gewinnspiel .titlepic{margin: 20px 0 20px 0;} #Gewinnspiel hr{margin: 20px 0 20px 0;} #Gewinnspiel ul{margin-top: 20px; margin-bottom:20px;} #Gewinnspiel .SendButton{border:none; display: inline-block; width:130px; position:relative; margin: 20px 0 20px 50%; left: -65px; cursor: pointer; background:none; text-decoration:none;} #Gewinnspiel .SendButton .buttonText{background:url('/pics/newsletterBox/anmeldung_btn.png') no-repeat transparent; display:inline-block; height:23px; padding:4px 4px 0 13px; float:left; font-weight:bold; color:#FFFFFF;} #Gewinnspiel .SendButton .buttonEnd{background:url('/pics/newsletterBox/anmeldung_btn.png') no-repeat -188px -54px transparent; width:5px; height:26px; display:inline-block; float:left;} #Gewinnspiel .SendButton:hover .buttonText{background-position: 0 -27px;} #Gewinnspiel .SendButton:hover .buttonEnd{background-position: -188px -81px;} #Gewinnspiel .footer_pic{width: 573px;} /* Fragen des Gewinnspieles */ #Gewinnspiel #Fragen h2{color:#CC0033;} #Gewinnspiel #Fragen .email{text-transform:uppercase; font-weight:bold; display:block;} #Gewinnspiel #Fragen .email input{background: url('/pics/_backgrounds/back_eingabefelder.jpg') repeat-x transparent; width: 200px;} .space_bottom{margin: 0 0 20px 0;} /*Yingli - Solar Stdion-Wetter */ .yingli .headlines{margin: 0 0 10px 0;} .yingli .small_line{font-size: 14px;line-height: 16px;font-weight: bold;} .yingli .big_line{padding: 2px 0 0 0;margin: 0;font-size: 24px;line-height: 28px;font-weight: bold;} .yingli_holder{width:573px;height:663px;position:relative;background-image:url(/pics/stadion_wetter/bg/yingli_site_bg.jpg);background-color:transparent;background-repeat:no-repeat;background-position:0 0;font-family:arial;font-weight:bold;color: #0068b2;} .yingli .match{width: 125px;height:48px;position:absolute;top:15px;left:45px;} .yingli .match .home{width:48px;height:48px;float:left;} .yingli .match .guest{width:48px;height:48px;float:right;} .yingli .text{width: 258px;height: 80px;position:absolute;top:80px;left:50px;font-size:20px;font-weight:normal;color:#FFFFFF;} .yingli .more_info{width: 140px;height: 45px;position:absolute;top:130px;left:405px;font-size:12px;} .yingli .more_info img{position: absolute;top:40px;left:125px;} .yingli .data_holder{width:437px;height:400px;margin:0;padding:0;position:absolute;top:210px;left:60px;font-size:15px;} .yingli .data_holder .date{height:20px;} .yingli .data_holder .row{height:60px;width:437px;float:left;line-height:60px;vertical-align:middle;} .yingli .data_holder .row .rowtext{color:inherit;float:left;} .yingli .data_holder .value{float:right;height:60px;font-size:20px;} .yingli .data_holder .value.weather_icons img{margin-left:20px;margin-top:2px;} .yingli .data_holder .einheit{font-size:10px;margin-right:3px;} .yingli .data_holder .einheit.rechts{ margin:0px;margin-left:3px;} .yingli .data_holder .orange{color: #fdb913;} /*Hier die Styles die Benutzt werden, wenn kein Spiel ansteht.*/ .yingli.no_game .yingli_holder{background-image:url(/pics/stadion_wetter/bg/yingli_site_bg2.jpg);} .yingli.no_game .more_info{top:30px;left:400px;} .yingli_holder a{color:#0068B2; display:block; text-decoration:none; cursor:pointer;} /*Yingli Solar Banner | rechte Leiste*/ .yingli_banner {margin:17px 0 6px 0;} .yingli_banner a:hover{text-decoration:underline;color:#cc0033;} .yingli_banner .shadow{width:385px;height:6px;background:url(/pics/_backgrounds/teaser_top_schatten.jpg);clear:both; background-repeat:no-repeat; background-position:bottom;} .yingli_banner .yingli_holder{height:66px;width:385px;position:relative;background-image: url(/pics/stadion_wetter/bg/yingli_banner_bg.jpg);background-repeat:no-repeat;background-color:transparent;color:#0068B2;font-weight:bold;} .yingli_banner .headline{position:absolute;display:block;top:4px;left:15px;font-size:16px; color:#cc0033; text-transform:uppercase;} .yingli_banner .text{position:absolute;display:block;top:18px;left:15px;font-size:10px;font-weight:normal;color:#333333;} .yingli_banner .temperature{width:66px;height:23px;float:left;position:absolute;top:39px;left:18px;font-size:16px;font-weight:bold;} .yingli_banner .weather_icon{width:53px;height:25px;float:left;position:absolute;top:35px;left:97px;} .yingli_banner .rain{width:25px;height:25px;position:absolute;top:34px;left:159px;} .yingli_banner .orange{color: #fdb913;} /* Videoplayer fuer die Fankurve */ .Fankurve_Video {} .Fankurve_Video .video_wrapper{width:573px;height:488px;display:block;background-color:transparent;background-image:url(/pics/fankurve/videoplayer/videos_bg.jpg);background-repeat:no-repeat;} .Fankurve_Video .Video{width:518px;height:288px;display:inline-block;margin:17px 30px 25px 30px;} .Fankurve_Video .preview_slider_wrapper{width:543px;height:148px;margin:0;position:absolute;padding:0 0 0 30px;display:inline-block;} .Fankurve_Video .preview_slider{width:523px;height:148px;position:absolute;left:30px;overflow:hidden;} .Fankurve_Video .slider{height:148px;position:absolute;left:0;} .Fankurve_Video .preview_wrapper{width:164px;height:149px;display:inline-block;float:left;margin:0 10px 0 0;} .Fankurve_Video .arrow{width:11px;height:48px;display:inline-block;float:left;background-color:transparent;cursor:pointer;} .Fankurve_Video .arrow.left{position:absolute;left:10px;top:25px;} .Fankurve_Video .arrow.right{position:absolute;right:10px;top:25px;} .Fankurve_Video .arrow img{cursor:pointer;} .Fankurve_Video .image{cursor:pointer;} .Fankurve_Video .date{margin:10px 0 0 0;} .Fankurve_Video .title{font-weight:bold;}