/* @version $Rev: 1243 $ */ body { position:relative;margin:0px; } body,td { font:normal 10px verdana,geneva,arial,helvetica,sans-serif;color:black; background-color:#1b1b1b;} td { background-color:#fff;} a { font-weight:bold;color:#FF007E;cursor:pointer;text-decoration:none; } a:focus { outline:none; } .eTeaser .txtBox > a, .dTeaser .txtBox > a { color:black;} .eTeaser .txtBox > a, .dTeaser .txtBox > a, .sTeaser .txtBox > a, .mTeaser .txtBox > a { font-weight: normal; } h3 { font:bold 30px/30px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px 5px 12px; } h3 b { color:#FF007E; } h1.h3 { font:bold 30px/30px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px 5px 12px; } h1.h3 b { color:#FF007E; } h4 { font:bold 14px/16px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px 5px 8px;padding:10px 0px 0px; } h4 b { color:#FF007E; } h2.h4 { font:bold 14px/16px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px 5px 8px;padding:10px 0px 0px; } h2.h4 b { color:#FF007E; } h5 { font:bold 12px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px; } h2.h5 { font:bold 12px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px; padding: 0px; } div.h5 { font:bold 12px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px; } h3.h5 { font:bold 12px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px; } h6 { font:bold 10px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px; } br.demi { line-height:6px; } form { margin:0px;padding:0px; } input, textarea { font:normal 10px verdana,geneva,arial,helvetica,sans-serif;color:black; } .clear { clear:both; } .swfobject { outline:none; } .default-cursor {cursor: default !important;} body.noAds #maincontent { top:6px; } #maincontent { position:absolute;top:100px;left:6px;width:840px; } #basecontent { position:relative;width:840px;background-color:#E3E3E3; } .header { position:relative;width:840px; background-color:#000;} .content_all { position:relative;width:821px;margin:5px 9px 0px 9px; } .content_all .colBox { width:821px;margin-bottom:10px; } .content_all .artikel .txtBox { width:811px; } .content_all .pageNavi { width:821px; } .content_all .headlineBox { width:821px; } .content { position:relative;width:512px;float:left;margin:5px 9px 0px;display:inline; } .col1 { position:relative;width:260px;float:left; } .col2 { position:relative;width:252px;float:left; } .colBox { width:512px;float:left;margin-bottom:10px;display:inline;background-color:white;z-index:1; } .colBox .col { position:relative;width:502px;margin:5px; } .colBox .col1 { position:relative;width:247px;margin:5px 8px 0px 5px;float:left;display:inline; } .colBox .col2 { position:relative;width:247px;margin:5px 5px 0px 0px;float:left;display:inline; } .colBox.colBox_spiele { padding-top:9px; } .colSpacer { position:relative;width:512px;height:10px;overflow:hidden;background-color:#E3E3E3; } .related { position:relative;width:300px;float:left;margin:5px 9px 0px 0px;display:inline; } .logo { position:relative;top:0px;left:9px;} .logo img { padding:16px 0 16px 16px;} .googleSearch { position:absolute;top:66px;left:530px; } .googleSearch .input { position:relative;width:134px;border-top:1px solid #6B6B6B;border-right:1px solid white;border-left:1px solid #A1A1A1;border-bottom:1px solid white; } /*.googleSearch a { position:relative;display:block;width:26px;height:24px;background:url(http://bilder.static-fra.de/vip/09/icons/button_go.gif); }*/ .googleSearch a { position:relative;display:block;width:22px;height:22px;background:url(images/vipde_lupe.png); } /* N A V I G A T I O N */ .navi { position:relative;width:821px;margin:0px 10px 0px 9px;background-color:black; } .navi .box { position:relative;padding-left:10px; background-color:#000;} .navi a { position:relative;font-size:16px;color:white;padding:5px 14px;float:left;display:block; } .navi a:hover { color:#FF007E; } .navi a.aktiv { color:black;background-color:white; } .navi h1.aktiv { cursor:default;background-color:white;color:black;display:block;float:left;font-size:16px;padding:5px 20px;position:relative;font-weight:bold;text-decoration:none;font-size-adjust:none;font-style:normal;font-variant:normal;line-height:normal;margin:0px; } .navi span.aktiv { cursor:default;background-color:white;color:black;display:block;float:left;font-size:16px;padding:5px 20px;position:relative;font-weight:bold;text-decoration:none;font-size-adjust:none;font-style:normal;font-variant:normal;line-height:normal;margin:0px; } .navi div.aktiv { cursor:default;background-color:white;color:black;display:block;float:left;font-size:16px;padding:5px 20px;position:relative;font-weight:bold;text-decoration:none;font-size-adjust:none;font-style:normal;font-variant:normal;line-height:normal;margin:0px; } /* T E A S E R */ .aufmacher { position:relative;float:left;display:inline;margin-bottom:10px;width:512px;height:288px; } .aufmacher .thema { position:absolute;top:0;left:0;width:512px;height:288px;overflow:hidden; } .aufmacher .preview { position:absolute;top:15px;right:5px;z-index:4; } .aufmacher .themaPreview { position:relative;padding:5px;margin-bottom:10px; } .aufmacher .over { position:absolute;top:0;left:0; } .aufmacher .over5 { position:absolute;top:5px;left:5px; } /* NEWSTICKER */ .newsTicker { position:relative;float:left;display:inline;margin-bottom:12px; } /* liScroll styles */ .tickercontainer { border: 1px solid #000;background: #fff;width: 510px;height: 25px;margin: 0;padding: 0;overflow: hidden;} .tickercontainer .mask { position: relative;left: 70px;top: 6px;width: 420px;overflow: hidden;} ul.newsticker { position: relative;left: 90px; list-style-type: none;margin: 0;padding: 0;} ul.newsticker li { float: left; margin: 0;padding: 0;background: #fff;} ul.newsticker a { font:bold 10px verdana,geneva,arial,helvetica,sans-serif; white-space: nowrap;padding: 0;color: #000; margin: 5px 5px 0 0;} ul.newsticker a:hover { color: #FF007E; } ul.newsticker span { padding-left: 15px; padding-right: 15px; width: 30px; background-position:0 2px; background:url(http://bilder.static-fra.de/vip/09/images/ticker_punkte.png); background-repeat:no-repeat; } .newsTicker #tickerStart { z-index: 10; background-position: 0 0; height: 25px;left: 1px;position: absolute; top: 1px; width: 86px; background:url(http://bilder.static-fra.de/vip/09/images/ticker_news.png); background-repeat:no-repeat; } .newsTicker #tickerEnd { background-position: 0 0; height: 25px;right: 1px;position: absolute; top: 1px; width: 25px; background:url(http://bilder.static-fra.de/vip/09/images/ticker_feed.png); background-repeat:no-repeat; } .newsTicker #tickerEnd a { width:25px; height:25px; } /* bild Teaser */ .bTeaser { position:relative;width:252px;height:146px;margin-bottom:12px;background-color:white; } .bTeaser .imgBox { position:absolute;width:242px;height:136px;top:5px;left:5px;overflow:hidden; } /* einfach Teaser */ .eTeaser { position:relative;width:252px;height:91px;margin-bottom:10px;background-color:white;overflow:hidden; } .eTeaser .imgBox { position:relative;width:108px;height:81px;margin:5px 5px 0px 10px;float:left;display:inline; } .eTeaser .txtBox { position:relative;width:126px;height:81px;float:left;line-height:14px; } .eTeaser h5 { position:relative;margin:2px 0px 1px; } .eTeaser h5 a { color:black; } .eTeaser div.h5 { position:relative;margin:0px 0px 1px; } .eTeaser div.h5 a { color:black; } .eTeaser h2.h5 { position:relative;margin:2px 0px 1px; } .eTeaser h2.h5 a { color:black; } .eTeaser h3.h5 { position:relative;margin:2px 0px 1px; } .eTeaser h3.h5 a { color:black; } .eTeaser h6 { position:relative;margin:4px 0px 1px; } .eTeaser h6 a { color:black; } .eTeaser h2 { font:bold 12px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:0px; } .eTeaser h2 { position:relative; } .eTeaser h2 a { color:black; } .eTeaser h2.top { margin:0;padding:2px 0 0 5px;overflow:hidden;letter-spacing:-1px; } .eTeaser.pink { background-color:#FF007E; } .eTeaser.pink .txtBox { color:white; } .eTeaser.pink h2 { color:white; } .eTeaser.pink h2 a { color:white; } .eTeaser.pink h5 { color:white; } .eTeaser.pink h5 a { color:white; } .eTeaser.pink div.h5 { color:white; } .eTeaser.pink div.h5 a { color:white; } .eTeaser.pink h2.h5 { color:white; } .eTeaser.pink h2.h5 a { color:white; } .eTeaser.pink h3.h5 { color:white; } .eTeaser.pink h3.h5 a { color:white; } .eTeaser.pink h6 { color:white; } .eTeaser.pink h6 a { color:white; } .eTeaser.pink a { color:white; } .colBox .eTeaser { width:247px; } .artikelContent .sTeaser.bw { background:#ffffff; } #basecontent .presenter { margin:10px 0px 0px 8px; width:923px; overflow:hidden; } /* doppelhoch Teaser */ .dTeaser { position:relative;width:247px;height:154px;margin-bottom:10px;background-color:white; } .dTeaser .imgBox { position:relative;width:108px;height:144px;margin:5px 5px 0px;float:left;display:inline; } .dTeaser .txtBox { position:relative;width:126px;height:144px;float:left;line-height:14px; } .dTeaser h5 { position:relative;margin:2px 0px 1px; } .dTeaser h5 a { color:black; } .dTeaser div.h5 { position:relative;margin:2px 0px 1px; } .dTeaser div.h5 a { color:black; } .dTeaser h2.h5 { position:relative;margin:2px 0px 1px; } .dTeaser h2.h5 a { color:black; } .dTeaser h3.h5 { position:relative;margin:2px 0px 1px; } .dTeaser h3.h5 a { color:black; } /* maxi Bild Teaser */ .mTeaser { position:relative;width:247px;height:394px;margin-bottom:10px;background-color:#FF007E; } .mTeaser .imgBox { position:absolute;width:237px;height:316px;top:5px;left:5px;overflow:hidden; } .mTeaser .txtBox { position:absolute;width:237px;height:61px;float:left;line-height:14px;color:white; } .mTeaser .txtBox h5 { position:relative;margin:0px 0px 1px;color:white; } .mTeaser .txtBox div.h5 { position:relative;margin:0px 0px 1px;color:white; } .mTeaser .txtBox h2.h5 { position:relative;margin:0px 0px 1px;color:white; } .mTeaser .txtBox h3.h5 { position:relative;margin:0px 0px 1px;color:white; } .mTeaser .txtBox a { color:white; } /* sechzehn zu neun Teaser */ .sTeaser { position:relative;width:247px;height:237px;margin-bottom:10px;background-color:#FFFFFF;color:#000000; } .sTeaser .imgBox { overflow:hidden;float:left; } .sTeaser .txtBox { position:relative;line-height:14px;color:#000000;float:left; } .sTeaser .txtBox h5 { position:relative;margin:0px 0px 1px;color:#000000; } .sTeaser .txtBox div.h5 { position:relative;margin:2px 0px 0px;color:#000000; } .sTeaser .txtBox h2.h5 { position:relative;margin:0px 0px 1px;color:#000000; } .sTeaser .txtBox h3.h5 { position:relative;margin:0px 0px 1px;color:#000000; } .sTeaser .txtBox a { color:#FF007E; } .sTeaser .txtBox .h5 a { color:#000000; } .sTeaser.pink { background-color:#FF007E;color:#FFFFFF; } .sTeaser.pink .txtBox { color:#FFFFFF; } .sTeaser.pink .txtBox h5 { color:#FFFFFF; } .sTeaser.pink .txtBox div.h5 { color:#FFFFFF; } .sTeaser.pink .txtBox h2.h5 { color:#FFFFFF; } .sTeaser.pink .txtBox h3.h5 { color:#FFFFFF; } .sTeaser.pink .txtBox a { color:#FFFFFF; } .sTeaser.bw { background:#FFFFFF; } .sTeaser.bw .txtBox { color:black; } .sTeaser.bw .txtBox h5 { color:black; } .sTeaser.bw .txtBox div.h5 { color:black; } .sTeaser.bw .txtBox h2.h5 { color:black; } .sTeaser.bw .txtBox h3.h5 { color:black; } .sTeaser.bw .txtBox a { color:#FF007E; } .sTeaser.bw .txtBox .h5 a { color:black; } .sTeaser .txtBox.cat { font-size:10px;line-height:13px; } .sTeaser .txtBox.cat div.h5 { font-size:12px; } .sTeaser a.play_button { position:absolute;top:107px;left:24px;display:block;width:43px;height:36px;background:url(images/play_vip_medium.gif) 0 -36px; } .sTeaser:hover a.play_button { background-position:0 0; } .credit { position:relative;color:#8B8B8B;text-align:center;padding-bottom:10px; } .blockHead { font:normal 18px impact,sans-serif;color:white;background-color:#FF007E;padding:0px 3px; } .blockHead h1 { font:normal 18px impact,sans-serif;color:white;background-color:#FF007E;padding:0px;display:inline; } .breadcrumb { position:relative;border:1px solid #E3E3E3;border-top:0px;text-align:center;padding:2px 0px 4px; background-color:#fff;} .breadcrumb a { font-weight:normal;color:black; } .topThema { position:relative;padding:5px; } .topThema .box { position:relative;width:830px;height:16px;overflow:hidden; } .topThema a { font-weight:normal;color:black;line-height:16px; } .topThema a span { color:#FF007E; } .vipLinks { position:relative;border:1px solid #E3E3E3;text-align:center;padding:4px 0px 6px; background-color:#fff;} .vipLinks a { font-weight:normal;color:black; } .rtlLinks { position:relative;border:1px solid #E3E3E3;border-top:0px;text-align:center;padding:4px 0px 5px; } .rtlLinks .box { position:relative; } .rtlLinks span { font-size:9px;color:#FF007E; } .rtlLinks a { font-weight:normal;color:black;line-height:16px; } .copy { position:relative;text-align:center;padding-top:6px;background-color:#fff; } /* M E D I A S E T */ .publishDate { text-align:left;margin-left:5px;color:#737373;margin-bottom:5px; } .karussel { position:relative;width:821px;height:91px;margin:0px 10px 0px 9px;background-color:white; } .karussel .back { position:absolute;top:5px;left:5px;width:15px;height:81px;background:url(http://bilder.static-fra.de/vip/09/icons/galerie_back.gif); } .karussel .for { position:absolute;top:5px;left:801px;width:15px;height:81px;background:url(http://bilder.static-fra.de/vip/09/icons/galerie_for.gif); } .karTeaser { position:relative;width:252px;height:91px;float:left; } .karTeaser .imgBox { position:relative;width:84px;height:63px;float:left;display:inline;margin:14px 5px 0px 32px; } .karTeaser .txtBox { position:relative;width:131px;float:left;margin-top:14px;line-height:12px; } .karTeaser .txtBox h5 { position:relative;height:12px;overflow:hidden;font-size:10px;color:black; } .karTeaser .txtBox h5 a { color:black; } .karTeaser .txtBox div.h5 { position:relative;height:12px;overflow:hidden;font-size:10px;color:black; } .karTeaser .txtBox div.h5 a { color:black; } .karTeaser .txtBox h2.h5 { position:relative;height:12px;overflow:hidden;font-size:10px;color:black; } .karTeaser .txtBox h2.h5 a { color:black; } .karTeaser .txtBox h3.h5 { position:relative;height:12px;overflow:hidden;font-size:10px;color:black; } .karTeaser .txtBox h3.h5 a { color:black; } .karTeaser .txtBox .txt { position:relative;height:36px;overflow:hidden; } .karTeaser .txtBox a { position:relative;height:12px;overflow:hidden;display:block; } .headlineBox { position:relative;width:512px;height:15px;margin-bottom:5px;background-color:black; } .headlineBox .txt { position:relative;padding:1px 5px 0px;font-weight:bold;color:white; } .headlineBox .txtRight { position:absolute;top:1px;right:5px;color:white; } .headlineBox .txtRight a { color:white; } .artikel .imgBox { position:relative;width:512px;height:288px;background-color:#F4F4F4;margin-bottom:10px;overflow:hidden; } .artikel .imgBox table { width:512px;height:288px; } .artikel .imgBox .img { position:relative;display:block;margin:auto; } .artikel .imgDuo { position:relative;width:512px;margin-bottom:10px; } .artikel .imgDuo .imgLeft { position:relative;float:left; } .artikel .imgDuo .imgRight { position:relative;float:right; } .artikel .txtBox { position:relative;width:502px;line-height:14px;margin:0px 5px 5px; } .artikel .txtBox a { text-decoration:underline;font-weight:normal; } .artikel .txtBox h5 { margin-bottom:1px; } .artikel .txtBox div.h5 { margin-bottom:1px; } .artikel .txtBox h2.h5 { margin-bottom:1px; } .artikel .txtBox h3.h5 { margin-bottom:1px; } .artikel .txtBox.searchtxt a { text-decoration:none;font-weight:bold; } .artikel .creditBox { position:relative;width:512px;color:#8B8B8B;text-align:center;background-color:#F4F4F4;padding:2px 0px 3px;margin-bottom:10px; } .artikel .flashBox { position:relative;width:502px;height:548px;margin:0px 5px 10px; } .artikel .txtBox.sitemap .left { position:relative;width:251px;float:left;background:url(http://bilder.static-fra.de/vip/09/icons/dotted.gif) repeat-y right } .artikel .txtBox.sitemap .right { position:relative;width:231px;float:left;display:inline;margin-left:20px; } .artikel .txtBox.sitemap .right a { color:black;text-decoration:none;display:block; } .artikel .txtBox.sitemap .right a span { color:#FF007E;font-weight:bold; } .artikel .txtBox.sitemap ul a { color:black;font-size:12px;font-weight:bold;text-decoration:none; } .artikel .txtBox.sitemap ul a span { color:#FF007E;font-weight:bold; } .artikel .txtBox.sitemap ul ul a { font-weight:normal;font-size:10px; } .artikel .txtBox.sitemap ul { position:relative;list-style-type:none;list-style-position:outside;margin:0px 12px 0px;padding:0px; } .artikel .txtBox.sitemap ul { margin:0px 12px 0px; } .artikel .txtBox.sitemap ul ul { margin:2px 14px 10px; } .gsc-resultsHeader, .gs-watermark, .gs-visibleUrl-short, .gsc-thumbnail-inside, .gsc-url-top { display:none; } .gs-title { font:bold 12px verdana,geneva,arial,helvetica,sans-serif; margin:10px 0 0 0; } .gsc-cursor-box { margin:10px 0; } .gsc-cursor-page { float:left; padding-left:3px;cursor:pointer;color:#FF007E; } .gsc-cursor-current-page { color:#000000; } .gsc-trailing-more-results { float:left;padding-left:3px; } #cse { } .gs-webResult div.gs-visibleUrl { } .gsc-tabsAreaInvisible { display:none; } .gcsc-branding { clear:both; margin:10px 0;} .artikel .txtBox.sitemap2 .left { position:relative;width:251px;float:left;background:url(http://bilder.static-fra.de/vip/09/icons/dotted.gif) repeat-y right } .artikel .txtBox.sitemap2 .right { position:relative;width:231px;float:left;display:inline;margin-left:20px; } .artikel .txtBox.sitemap2 .right a { color:black;text-decoration:none;display:block; } .artikel .txtBox.sitemap2 .right a span { color:#FF007E;font-weight:bold;padding-right:4px; } .artikel .txtBox.sitemap2 ul a { color:black;font-size:12px;font-weight:bold;text-decoration:none; } .artikel .txtBox.sitemap2 ul a span { color:#FF007E;font-weight:bold; } .artikel .txtBox.sitemap2 ul ul a { font-weight:normal;font-size:10px; } .artikel .txtBox.sitemap2 ul { position:relative;list-style-position:outside;padding:0px; } .artikel .txtBox.sitemap2 ul { margin:0px 21px 0px;list-style-image:url(http://bilder.static-fra.de/vip/09/icons/bullet_sitemap_top.gif) } .artikel .txtBox.sitemap2 ul ul { margin:2px 17px 10px;list-style-image:url(http://bilder.static-fra.de/vip/09/icons/bullet_sitemap.gif) } .artikel .txtBox .rateIconsBox { position:relative;width:502px; } .artikel .txtBox .rateIconsBox .txt { position:relative;float:left;padding:4px 4px 0px 0px;font-weight:bold; } .artikel .txtBox .rateIconsBox .rateIcons { position:relative;width:55px;height:19px;float:left; } .horoskopImgBox { position:relative;width:502px;height:280px;margin:0px 5px 10px;background-image:url(http://bilder.static-fra.de/vip/09/icons/bg_horoskope2.gif); } .horoskopImgBox a { position:absolute;display:block;width:51px;height:51px;overflow:hidden;background-position:0px 0px; } .horoskopImgBox a:hover, .horoskopImgBox a.aktiv { background-position:0px -51px; } .horoskopImgBox a.steinbock { top:119px;left:389px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_steinbock.gif); } .horoskopImgBox a.wassermann { top:80px;left:343px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_wassermann.gif); } .horoskopImgBox a.zwilling { top:61px;left:284px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_zwilling.gif); } .horoskopImgBox a.stier { top:55px;left:219px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_stier.gif); } .horoskopImgBox a.widder { top:60px;left:157px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_widder.gif); } .horoskopImgBox a.fische { top:76px;left:98px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_fische.gif); } .horoskopImgBox a.krebs { top:116px;left:50px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_krebs.gif); } .horoskopImgBox a.loewe { top:148px;left:96px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_loewe.gif); } .horoskopImgBox a.jungfrau { top:163px;left:153px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_jungfrau.gif); } .horoskopImgBox a.waage { top:166px;left:215px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_waage.gif); } .horoskopImgBox a.skorpion { top:162px;left:280px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_skorpion.gif); } .horoskopImgBox a.schuetze { top:148px;left:340px;background-image:url(http://bilder.static-fra.de/vip/09/icons/icon_schuetze.gif); } .powered_by_noe { position:absolute;top:35px;left:353px;width:145px;height:55px; background-image:url(http://bilder.static-fra.de/vip/09/icons/powered_by_noe_neu.png)} .galerie .imgBox { position:relative;width:502px;height:410px;background-color:#F4F4F4;margin:0px 5px 10px;overflow:hidden; } .galerie .imgBox table { width:502px;height:410px; } .galerie .imgBox .img { position:relative;display:block;margin:auto; } .galerie .imgBox .back { position:absolute;top:118px;left:0px;width:15px;height:81px;background:url(http://bilder.static-fra.de/vip/09/icons/galerie_back.gif); } .galerie .imgBox .for { position:absolute;top:118px;left:487px;width:15px;height:81px;background:url(http://bilder.static-fra.de/vip/09/icons/galerie_for.gif); } .galerie .txtBox { position:relative;width:502px;line-height:14px;margin:0px 5px 5px; } .galerie .creditBox { position:relative;width:502px;color:#8B8B8B;text-align:center;background-color:#F4F4F4;padding:2px 0px 3px;margin:0px 5px 10px; } .galerie .linkBox { margin-top:8px; } .galerie .xdot { width: 300px; min-height: 225px; margin: auto; display: none; } .galerie .xdot .headline { color:#BBB; } .galerie .xdot h3 { font-size: 20px; line-height: 24px; margin: 5px 0; } .galerie .xdot h3 a { color: black; } .galerie .xdot .txt a { color: black; font-weight: normal; } .galerie .xdot .link { text-align: right; } .usernews .presenterBox { position:relative;width:502px;height:141px;margin:5px; } .usernews .presenterBox .img { position:relative;display:block; } .usernews .txtBox { position:relative;width:502px;line-height:14px;margin:0px 5px 5px; } .naviBox { position:relative;width:502px;margin:0px 5px 10px; } .naviBox .aLeft { position:relative;float:left; } .naviBox .aRight { position:relative;float:right; } .video .player { position:relative;width:512px;height:314px;margin-bottom:10px; } .video .player .img { position:absolute;left:0;top:0;border:0; } .video .player .play_button { position:absolute;width:53px;height:46px;left:233px;top:118px;background-image:url(images/play_vip.gif);background-position:0 0 ; } .video .player .play_button.over { background-position:0 -46px; } .video .player .roof { background-color:#FF007E;height:21px;left:0;overflow:hidden;position:absolute;top:206px;width: 392px; color:#ffffff;font-weight:normal; font-size:13px; } .video .player .headline { background-image: url("images/bg_aufmacher_text.png");height:31px;left:0;overflow:hidden;position:absolute;top:227px;width:384px;line-height:31px;padding-left:8px;color:#FF007E; font-size:16px;} .video .layer {position:absolute;width:512px;height:314px;top:0;left:0;opacity:0.01;filter:alpha(opacity=1);background-color:#ffffff;cursor:pointer;} .vot50 .txtBox { position:relative;width:600px;line-height:14px;margin:0px 5px 5px; } .vot50 .votBox { position:relative;width:600px;background-color:#F4F4F4;margin:0px 5px 10px; } .vot50 .boxLeft { position:relative;width:295px;float:left;display:inline;margin-right:8px; } .vot50 .boxRight { position:relative;width:295px;float:left; } .vot50 .img { position:relative;display:block; } .vot50 .txt { position:relative;line-height:14px;padding:10px 10px 10px 5px; } .vot50 .credittxt { position:relative;padding:5px 10px 10px 5px; color:#C3C3C3; } .vot50 .radio { position:relative;padding:0px 10px 10px 25px; } .vot50 input { position:absolute;top:-3px;left:0px; } .vot50 .linkBar { position:relative;width:600px;background-color:#E3E3E3;text-align:center;border-top:1px solid white; } .vot50 .linkBar a { position:relative;display:block;padding:6px 0px 7px; } .vot50 .votBarBox { position:relative;width:237px;margin:0px 5px 0px; } .vot50 .votBarBorder { position:relative;border-top:1px solid #A60052;border-right:1px solid #ff3699;border-bottom:1px solid #ff6cb5;border-left:1px solid #c70062; } .vot50 .votBarBG { position:relative;width:235px;height:13px;background-color:#FF007E; } .vot50 .votBar { position:absolute;top:0px;left:0px;height:13px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_vot50_bar.gif); } .vot50 .percent { position:relative;padding:0px 5px 10px;text-align:right;font-size:30px; } .vot50 .votBox h4 { margin-bottom:0px; } .vot50 .topText { position:relative;line-height:14px;padding:0px 5px 10px; } .vot50 .smallVotBox .img { padding:0px 0px 10px 5px; } .vot50 .smallVotBox .txt { position:absolute;top:0px;left:118px;width:124px;height:112px;padding:0px;overflow:hidden; } .vot50 .smallVotBox .percent { position:absolute;top:114px;left:118px;padding:0px;text-align:left; } .votHON .votBox { position:relative;width:600px;background-color:#F4F4F4;margin:0px 5px 10px; } .votHON .imgBox { position:relative;width:600px;height:282px;text-align:center;margin-bottom:10px; } .votHON .imgBox .img { position:relative;display:block;margin:auto; } .votHON .txt { position:relative;line-height:14px;padding:0px 5px 10px; } .votHON .radio { position:relative;padding:5px 5px 15px; } .votHON .radio table { width:100%; } .votHON .radio td { text-align:center;font-weight:bold; } .votHON .result { position:relative;padding:0px 5px 10px;text-align:center; } .votHON .result span { font-size:30px; } .votHON .linkBar { position:relative;width:600px;background-color:#E3E3E3;text-align:right;border-top:1px solid white; } .votHON .linkBar a { position:relative;display:block;padding:6px 5px 7px; } .votHON .smallVotBox .img { position:relative;display:block; } .votHON .smallVotBox .txt { position:absolute;top:0px;left:305px;width:295px;padding:0px; } .votHON .smallVotBox .txt span { font-size:30px;line-height:36px; } .votHON .smallVotBox h4 { margin:0px;padding-top:4px; } .votHON .smallVotBox .result { position:absolute;top:90px;left:260px;padding:0px;text-align:left; } .votText .votBox { position:relative;width:600px;background-color:#F4F4F4;margin:0px 5px 10px; } .votText .imgBox { position:relative;width:600px;height:282px;text-align:center;margin-bottom:10px; } .votText .imgBox .img { position:relative;display:block;margin:auto; } .votText .txt { position:relative;line-height:14px;padding:0px 5px 10px; } .votText .linkBar { position:relative;width:600px;background-color:#E3E3E3;text-align:center;border-top:1px solid white; } .votText .linkBar a { position:relative;display:block;padding:6px 0px 7px; } .votText .boxLeft { position:relative;width:247px;float:left;display:inline;margin-right:8px; } .votText .boxRight { position:relative;width:247px;float:left; } .votText .boxLine { position:relative;width:237px;height:1px;font-size:1px;background-color:white;overflow:hidden;margin-left:5px; } .votText .boxLeft .txt, .votText .boxRight .txt { padding:2px 90px 2px 5px; } .votText .radio { position:relative;font-weight:bold;padding:0px 10px 5px 25px; } .votText input { position:absolute;top:-3px;left:3px; } .votText .questionBox { position:relative;width:502px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_frage.gif); } .votText .questionBox .imgBox { position:relative;width:85px;height:32px;float:left;background:url(http://bilder.static-fra.de/vip/09/icons/frage.gif);margin:0px; } .votText .questionBox .txtBox { position:relative;width:417px;float:left; } .votText .questionBox .txt { padding:3px 10px 5px;font-weight:bold; } .votText .questionBoxImg .imgBox { position:relative;width:109px;height:61px;float:left;margin:0px; } .votText .questionBoxImg .txtBox { position:relative;width:393px;float:left; } .votText .questionBoxImg .txt { padding:2px 10px 5px;font-weight:bold; } .votText .questionBoxImg .txt h5 { margin-bottom:1px;color:#FF007E; } .votText .questionBoxImg .txt div.h5 { margin-bottom:1px;color:#FF007E; } .votText .questionBoxImg .txt h2.h5 { margin-bottom:1px;color:#FF007E; } .votText .questionBoxImg .txt h3.h5 { margin-bottom:1px;color:#FF007E; } .votText .votBarBox { position:relative;width:190px;margin:0px 5px 5px; } .votText .votBarBorder { position:relative;border-top:1px solid #A60052;border-right:1px solid #ff3699;border-bottom:1px solid #ff6cb5;border-left:1px solid #c70062; } .votText .votBarBG { position:relative;width:188px;height:13px;background-color:#FF007E; } .votText .votBar { position:absolute;top:0px;left:0px;height:13px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_vot50_bar.gif); } .votText .percent { position:absolute;top:0px;right:-48px;font-weight:bold;font-size:12px; } .votText .percentBig { position:absolute;top:0px;right:5px;font-size:30px;line-height:32px; } .nextVoting { position:relative;width:600px;height:61px;margin:0px 5px 10px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_next_voting.gif); } .nextVoting .imgLeft { position:absolute;top:0px;left:0px;width:46px;height:61px; } .nextVoting .imgRight { position:absolute;top:0px;left:47px;width:46px;height:61px; } .nextVoting .txtBox { position:absolute;top:0px;left:102px;width:350px;line-height:14px;margin:10px 0px 0px; } .nextVoting .txtBox h5 { position:relative;margin:0px 0px 1px; } .nextVoting .txtBox div.h5 { position:relative;margin:0px 0px 1px; } .nextVoting .txtBox h2.h5 { position:relative;margin:0px 0px 1px; } .nextVoting .txtBox h3.h5 { position:relative;margin:0px 0px 1px; } .nextVoting a { position:absolute;display:block;width:600px;height:61px;background-color:white;filter:alpha(opacity=1);opacity:0.01; } .votHON .nextVoting .imgLeft { width:79px; } .votHON .nextVoting .txtBox { left:88px; } /* Typotest Voting */ .voting { position:relative;width:613px;margin-bottom:14px;float:left;display:inline; } .voting .leftBox { position:relative;width:300px;margin:0px 7px 0px 0px;float:left;display:inline; } .voting .rightBox { position:relative;width:300px;float:left;display:inline; } .voting .engagedBox { position:relative;left:8px;width:292px; } .voting .engagedBox .button { margin:5px 0px;width:260px;text-align:center; } .voting .credit { position:relative;font-style:italic;font-size:11px; } .voting .txtBox { margin: 5px;} .voting .imgBox.hon { position:relative;width:300px;margin-bottom:14px;overflow:hidden; } .voting .imgBox.hon .img { position:relative;display:block;float:right; } .voting .rightBox .txtBox { left:0px;width:300px; margin:0 0 5px 0; } .voting .rightBox .button { float:left; } .voting .resultButton { position:relative;width:260px;height:28px; } .voting .resultButtonBox { position:absolute;top:5px;left:1px;width:258px; } .voting .resultBar { position:relative;height:18px; } .voting .percent { position:absolute;top:6px;left:6px;font-weight:bold; } .voting .questionBox { position:relative;width:300px;margin-bottom:14px;border-top-width:0px;border-top-style:solid;float:left;display:inline; background-color:#F4F4F4;} .voting .question { position:relative;width:298px;border-width:0px 0px 0px;border-style:solid; } .voting .question .txt { padding:7px 8px 8px 24px;line-height:16px; } .voting .question input { position:absolute;top:6px;left:2px; } .voting .resultBox { position:relative;width:298px;margin-bottom:14px;border-width:1px;border-style:solid;float:left;display:inline; } .voting .resultBox .txt { padding:7px 8px 8px 8px; } .voting .resultBox .txt td { line-height:16px; } .voting .resultBox .txt strong { padding-right:10px; } /* / Typotest Voting */ .imgTicker { float:left; position:relative; margin:0 0px 10px -5px; width:612px; height:344px; overflow:hidden;} .imgTicker img {width:612px;} .imgTicker .credittxt {color:#C3C3C3; padding:3px;} .allTicker {background-color:#FF007E; padding:4px; text-align:right; margin-bottom:9px;} .tickerBlaettern {position:relative; } .tickerBlaettern .txt { text-align:center; margin:0; color:#000000;} .tickerBlaettern .back { position:absolute; top:0px; left: 7px; } .tickerBlaettern .for { position:absolute; top:0px; left:455px; } /******* A J A X L O A D E R *******/ .ajaxload {position:absolute;left:0px;top:0px;z-index:999;filter:alpha(opacity=60);opacity:0.6;background-color:#ECF4F7;background-image:url(http://bilder.rtl.de/rtl09/images/ajax/ajax-loader.gif);background-repeat:no-repeat;background-position:center center;} .setNavi { position:relative;width:502px;margin:0px 5px; } .setNavi .header { position:relative;width:502px;height:15px;background:url(http://bilder.static-fra.de/vip/09/icons/header_setnavi.gif) no-repeat black;margin-bottom:5px; } .setNaviRight { position:relative;width:247px;float:right;display:inline;margin-left:8px; } .setNaviRight .header { position:relative;width:247px;height:15px;background:url(http://bilder.static-fra.de/vip/09/icons/header_setnavi.gif) no-repeat black;margin-bottom:5px; } .setTeaser { position:relative;width:247px;height:61px;background-color:#FF007E;margin-bottom:5px; } .setTeaser .img { position:relative;display:block; } .setTeaser .txtBox { position:absolute;width:160px;height:56px;top:2px;left:84px;line-height:12px;color:white;margin:0px;overflow:hidden; } .setTeaser .txtBox h5 { position:relative;line-height:14px;color:white;margin-bottom:1px; } .setTeaser .txtBox h5 a { color:white;font-weight:bold;text-decoration:none; } .setTeaser .txtBox div.h5 { position:relative;line-height:14px;color:white;margin-bottom:1px; } .setTeaser .txtBox div.h5 a { color:white;font-weight:bold;text-decoration:none; } .setTeaser .txtBox h2.h5 { position:relative;line-height:14px;color:white;margin-bottom:1px; } .setTeaser .txtBox h2.h5 a { color:white;font-weight:bold;text-decoration:none; } .setTeaser .txtBox h3.h5 { position:relative;line-height:14px;color:white;margin-bottom:1px; } .setTeaser .txtBox h3.h5 a { color:white;font-weight:bold;text-decoration:none; } .setTeaser .txtBox .txt { position:relative;line-height:14px;padding:0px; } .setNavi .setTeaser { float:left;display:inline; } .setTeaserLeft { margin-left:8px; } .vau_full { position:relative;width:11px;height:19px;background:url(http://bilder.static-fra.de/vip/09/icons/vau_full.gif);float:left; } .vau_demi { position:relative;width:11px;height:19px;background:url(http://bilder.static-fra.de/vip/09/icons/vau_demi.gif);float:left; } .vau_none { position:relative;width:11px;height:19px;background:url(http://bilder.static-fra.de/vip/09/icons/vau_none.gif);float:left; } .fBarTop { position:relative;width:502px;border-top:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;margin:5px 5px; z-index:2;} .fBarTop .rateIcons { position:relative;width:55px;height:19px;margin:2px 0px;float:left;display:inline; } .fBarTop .rate { position:relative;width:130px;height:19px;margin:2px 0px;float:left;display:inline;text-align:center;border-right:1px solid #E3E3E3; } .fBarTop .comment { position:relative;width:150px;height:19px;margin:2px 0px;float:left;display:inline;background:url(http://bilder.static-fra.de/vip/09/icons/icon_comment2.gif) no-repeat 12px 0px;border-right:1px solid #E3E3E3; } .fBarTop .comment a { position:relative;display:block;font-weight:normal;color:#737373;padding:3px 0px 0px 25px;text-align:center; } .fBarTop .recommend { position:relative;width:165px;height:19px;margin:2px 0px;float:left;display:inline;background:url(http://bilder.static-fra.de/vip/09/icons/icon_recommend2.gif) no-repeat 12px 0px; } .fBarTop .recommend a { position:relative;display:block;font-weight:normal;color:#737373;padding:3px 0px 0px 32px; } .fBarTop .txt { position:relative;padding-top:3px;color:#737373; } .fBarTop .txt a { font-weight:normal;color:#737373; } .fBarTop .bookmark { position:relative;height:19px;margin:2px 0px 2px 0px ;float:right;display:inline;/*background:red url(http://bilder.static-fra.de/vip/09/icons/icon_bookmark.gif) no-repeat 75px 0px;*/border-right:0px solid #E3E3E3; } .fBarTop .bookmark a { position:relative;display:block;font-weight:normal;color:#737373;padding:0px 0px 0px 0px; } .fBarTop .fblike { position:relative;width:65px;height:19px;margin:2px 0px;float:left;display:inline;} .fBarFilmcheck {position:relative;width:502px; border-bottom:1px solid #E3E3E3;margin:5px 5px;} .fBarFilmcheck .left {position: relative; width:250px; height:19px; margin:2px 0px; float:left;display:inline;border-right:1px solid #E3E3E3;line-height:19px;color:#737373;text-transform:uppercase;} .fBarFilmcheck .left .stars {position:relative; float:left; width:80px;} .fBarFilmcheck .left .txt {position:relative;width:135px;float:right;text-align:right;padding-right:15px;} .fBarFilmcheck .left img {padding-top:3px;} .fBarFilmcheck .right {position: relative; width:222px; padding-right:28px; height:19px; margin:2px 0px; float:left;display:inline; line-height:19px; text-align:right;color:#737373;text-transform:uppercase;} .fBarBottom { position:relative;width:502px;border-top:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;margin:0px 5px 5px;z-index:1; } .fBarBottom .favorit { position:relative;width:210px;height:19px;margin:2px 0px;float:left;display:inline;background:url(http://bilder.static-fra.de/vip/09/icons/icon_favorit.gif) no-repeat 1px 0px;border-right:1px solid #E3E3E3; } .fBarBottom .favorit a { position:relative;display:block;font-weight:normal;color:#737373;padding:3px 0px 0px 20px; } .fBarBottom .bookmark { position:relative;width:190px;height:19px;margin:2px 0px;float:left;display:inline;background:url(http://bilder.static-fra.de/vip/09/icons/icon_bookmark.gif) no-repeat 24px 0px;border-right:1px solid #E3E3E3; } .fBarBottom .bookmark a { position:relative;display:block;font-weight:normal;color:#737373;padding:3px 0px 0px 46px; } .fBarBottom .print { position:relative;width:100px;height:19px;margin:2px 0px;float:left;display:inline;background:url(http://bilder.static-fra.de/vip/09/icons/icon_print.gif) no-repeat 24px 0px; } .fBarBottom .print a { position:relative;display:block;font-weight:normal;color:#737373;padding:3px 0px 0px 46px; } .fBarBottom .recommend { position:relative;width:165px;height:19px;margin:2px 0px;float:left;display:inline;background:url(http://bilder.static-fra.de/vip/09/icons/icon_recommend2.gif) no-repeat 12px 0px;border-right:1px solid #E3E3E3; } .fBarBottom .recommend a { position:relative;display:block;font-weight:normal;color:#737373;padding:3px 0px 0px 32px; } .socialBox { position:absolute;top:2px;left:300px;width:205px;background-color:white; z-index:1000000;} .socialBox .border { position:relative;border:1px solid #737373; } .socialBox td { padding:4px; } .socialBox td img { position:relative;float:left; } .socialBox td a { font-size:9px;font-weight:normal;color:#737373; } .socialBox td a span { position:relative;display:block;padding:2px 0px 0px 4px;float:left;white-space:nowrap; } .socialBox a.close { position:absolute;top:4px;left:188px;width:13px;height:13px;display:block;background:url(http://bilder.static-fra.de/vip/09/icons/icon_close.gif); } .commentInputBar { position:relative;width:502px;height:27px;margin:0px 5px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_comment_input.gif); } .commentInputBar .txt { position:relative;font-weight:bold;padding:8px 0px 0px 25px; } .commentReadBar { position:relative;width:502px;height:27px;margin:0px 5px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_comment_read.gif); } .commentReadBar .txt { position:relative;font-weight:bold;padding:8px 0px 0px 25px; } .createNewsBar { position:relative;width:502px;height:27px;margin:0px 5px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_usernews_create.gif); } .createNewsBar .txt { position:relative;font-weight:bold;padding:8px 0px 0px 5px; } .commentBox { position:relative;width:502px;margin:0px 5px 5px;background-color:#F2F2F2; } .commentBox .comment { position:relative;padding:10px 5px; } .commentBox .comment.pink { background-color:#FF007E;color:white; } .pageNavi { position:relative;width:600px;text-align:center;color:#FF007E;font-weight:normal;padding-bottom:5px; } .pageNavi strong { color:black;font-weight:normal; } .pageNavi a { font-weight:normal; } .pageNavi a.aktiv { color:black; } .pageNavi .back { position:absolute;top:0px;left:5px; } .pageNavi .back a { font-weight:bold; } .pageNavi .for { position:absolute;top:0px;right:5px; } .pageNavi .for a { font-weight:bold; } .artikelNavi { position:relative;top:1px;zoom:1; } .artikelNavi span { float:right;border:6px solid #E3E3E3;border-top-width:5px;border-right-width:7px;color:#FF007E;background-color:#E3E3E3; } .artikelNavi span strong { font-weight:normal;color:black; } .artikelNavi a { font-weight:normal; } .artikelNavi a.aktiv { color:black; } .commentInput { position:relative;width:502px;margin:0px 5px 10px;background-color:#F2F2F2; } .commentInput input { position:relative;border:1px solid #FF007E;width:229px;padding:3px 5px;float:left;display:inline;margin:10px 5px 10px 5px; } .commentInput textarea { position:relative;border:1px solid #BABABA;border-right-width:0px;border-bottom-width:0px;width:481px;height:110px;overflow:auto;padding:3px 5px;margin:0px 5px 5px; } .commentInput a { position:relative;display:block;width:67px;height:25px;left:430px;background:url(http://bilder.static-fra.de/vip/09/icons/button_senden.gif) no-repeat; } .uebersichtBar { position:relative;width:502px;height:21px;margin:0px 5px 5px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_uebersicht.gif); } .uebersichtBar a { position:absolute;top:4px;right:24px;color:white; } .register, .uploadbox { position:relative;width:502px;margin:0px 5px 5px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_register_body.gif); } .register .top, .uploadbox .top { position:relative;width:502px;height:8px;overflow:hidden;background:url(http://bilder.static-fra.de/vip/09/icons/bg_register_top.gif); } .register .bot, .uploadbox .bot { position:relative;width:502px;height:8px;overflow:hidden;background:url(http://bilder.static-fra.de/vip/09/icons/bg_register_bot.gif); } .register .txtBox, .uploadbox.txtBox { position:relative;width:482px;margin:0px 10px;padding-bottom:10px; } .register .txtBox .txt, .uploadbox .txtBox .txt { padding-left:20px; } .register .txtBox .check, .uploadbox .txtBox .check { position:absolute;top:-3px;left:-3px; } .register .headline, .uploadbox.headline { position:relative;font-size:17px;font-weight:bold;padding:0px 0px 5px 9px; } .register input.pinkBorder, .uploadbox input.pinkBorder { position:relative;border:1px solid #FF007E;width:224px;padding:3px 5px;float:left;display:inline;margin:0px 0px 10px 10px; } .register .buttons, .uploadbox .buttons { position:relative;width:482px;margin:0px 10px;padding:4px 0px;color:#FF007E; } .register .buttons a.einloggen, .uploadbox .buttons a.einloggen { position:absolute;top:0px;left:395px;width:87px;height:20px;display:block;background:url(http://bilder.static-fra.de/vip/09/icons/button_einloggen.gif); } .register .buttons a.abschicken, .uploadbox .buttons a.abschicken { position:absolute;top:0px;left:387px;width:95px;height:20px;display:block;background:url(http://bilder.static-fra.de/vip/09/icons/button_abschicken.gif); } .register2, .uploadbox { position:relative;width:502px;margin:0px 5px 5px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_register_body.gif); } .register2 .top, .uploadbox .top { position:relative;width:502px;height:8px;overflow:hidden;background:url(http://bilder.static-fra.de/vip/09/icons/bg_register_top.gif); } .register2 .bot, .uploadbox .bot { position:relative;width:502px;height:8px;overflow:hidden;background:url(http://bilder.static-fra.de/vip/09/icons/bg_register_bot.gif); } .register2 .txtBox, .uploadbox.txtBox { position:relative;width:482px;margin:0px 10px;padding-bottom:10px; } .register2 .txtBox .txt, .uploadbox .txtBox .txt { padding-left:20px; } .register2 .txtBox .check, .uploadbox .txtBox .check { position:absolute;top:-3px;left:-3px; } .register2 .headline, .uploadbox.headline { position:relative;font-size:17px;font-weight:bold;padding:0px 0px 5px 9px; } .register2 input.pinkBorder, .uploadbox input.pinkBorder { position:relative;border:1px solid #FF007E;width:224px;padding:3px 5px;float:left;display:inline;margin:0px 0px 10px 10px; } .register2 .buttons, .uploadbox .buttons { position:relative;width:482px;margin:0px 10px;padding:4px 0px;color:#FF007E; } .register2 .buttons a.einloggen, .uploadbox .buttons a.einloggen { position:absolute;top:0px;left:395px;width:87px;height:20px;display:block;background:url(http://bilder.static-fra.de/vip/09/icons/button_einloggen.gif); } .register2 .buttons a.abschicken, .uploadbox .buttons a.abschicken { position:absolute;top:0px;left:387px;width:95px;height:20px;display:block;background:url(http://bilder.static-fra.de/vip/09/icons/button_abschicken.gif); } .createNews { position:relative;width:502px;margin:0px 5px 10px;background-color:#F2F2F2; } .createNews input.pinkBorder { position:relative;border:1px solid #FF007E;width:229px;padding:3px 5px;float:left;display:inline;margin:10px 5px 0px 5px; } .createNews h6 { margin:10px 0px 3px 0px; } .createNews .imgBox { position:relative;width:492px;height:264px;margin:0px 5px 0px 5px;padding-bottom:10px; } .createNews .imgBox .big { position:relative;width:410px;height:249px;float:left;display:inline;margin-right:1px;background-color:white; } .createNews .imgBox .big .innerBox { position:relative;width:410px;height:229px;overflow:hidden; } .createNews .imgBox .big .creditBox { position:relative;width:315px;height:12px;float:left;margin:3px 0px 0px 5px;display:inline;overflow:hidden; } .createNews .imgBox .big .txtBox { position:relative;width:65px;height:12px;float:left;margin:3px 0px 0px 25px;display:inline;line-height:12px;padding:0px; } .createNews .imgBox .big .check { position:absolute;top:-3px;left:-20px; } .createNews .imgBox .thumbsBox { position:relative;width:490px;height:246px;background-color:white;border-top:2px solid white;border-left:2px solid white; } .createNews .imgBox .thumbs { position:relative;width:490px;height:246px;background-color:white;overflow:hidden; } .createNews .imgBox .jspTrack { background-image:url(http://bilder.static-fra.de/vip/09/icons/bg_track.gif); } .createNews .imgBox .thumbs img { border-bottom:1px solid #ffffff; } .createNews .txtBox { position:relative;line-height:14px;padding:0px 5px 5px; } .createNews .txtBox input.grayBorder { position:relative;border:1px solid #BABABA;border-right-width:0px;border-bottom-width:0px;width:481px;padding:3px 5px;margin:0px 0px 10px 0px; } .createNews .txtBox textarea { position:relative;border:1px solid #BABABA;border-right-width:0px;border-bottom-width:0px;width:481px;height:110px;overflow:auto;padding:3px 5px;margin:0px 0px 5px; } .createNews .txtBox .buttons { position:relative;width:492px;height:50px; } .createNews .txtBox .buttons span { padding-left:20px; } .createNews .txtBox .buttons .check { position:absolute;top:-3px;left:-3px; } .createNews .txtBox .buttons a.vorschau { position:absolute;top:20px;left:0px;width:142px;height:20px;display:block;background:url(http://bilder.static-fra.de/vip/09/icons/button_vorschau.gif); } .createNews .txtBox .buttons a.veroeffentlichen { position:absolute;top:20px;left:362px;width:130px;height:20px;display:block;background:url(http://bilder.static-fra.de/vip/09/icons/button_veroeffentlichen.gif); } a.buttonbreit { position:relative;display:block;width:504px;margin:0px 4px; } .artikel .imgLeft { position:relative;width:247px;float:left;display:inline;margin-right:8px; } .artikel .imgLeft .img { position:relative;display:block; } .headlineBox.innerHeadlineBox { width:502px;height:15px;margin:0px 5px 5px;background-color:black; } .lookAlikeBox { position:relative;width:156px;float:left;margin:0px 5px 5px 12px;display:inline; } .lookAlikeBox.leftLookAlikeBox { margin:0px 5px 5px 5px; } .lookAlikeBox .bgLayer { position:relative;width:156px;height:122px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_lookalike_box.gif); } .lookAlikeBox .imgBox { position:absolute;top:0px;left:0px;width:156px;height:117px;overflow:hidden;background:no-repeat center; } .lookAlikeBox .txtBox { position:relative;padding:5px;line-height:14px;background-color:#f0f0f0; } .lookAlikeBox .txtBox .like { position:relative;width:146px;height:14px;overflow:hidden; } .lookAlikeVote { position:relative;width:512px;height:24px;margin-bottom:15px;text-align:center;overflow:hidden; } .overviewBackBarBorder { position:relative;width:502px;border-top:1px solid black;margin:0px 5px 5px; } .overviewBackBar { position:relative;height:21px;border-top:9px solid white;background:url(http://bilder.static-fra.de/vip/09/icons/icon_back.gif) no-repeat 484px 4px black; } .overviewBackBar .txt { position:relative;padding:4px 25px 0px 0px;font-weight:bold;color:white;text-align:right;cursor:pointer; } /******** S C R O L L P A N E B A S E *********/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: #dde; } .jspVerticalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspTrack { background: #dde; position: relative; } .jspDrag { background:url(http://bilder.static-fra.de/vip/09/icons/scrollbuttons_drag2.gif) repeat-y 0 0; position: relative; top: 0; left: 0; cursor: pointer; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /******** !!!S C R O L L P A N E B A S E OLD VERSION!!! *********/ .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: transparent; } .jScrollPaneDrag { position:absolute; cursor: pointer; overflow: hidden; height:30px; background:url(http://bilder.static-fra.de/vip/09/icons/scrollbuttons_drag2.gif) repeat-y 0 0; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(http://bilder.static-fra.de/vip/09/icons/scrollbuttons_up.gif) no-repeat 0 0; height: 10px; } a.jScrollArrowUp:hover { } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background: url(http://bilder.static-fra.de/vip/09/icons/scrollbuttons_down.gif) no-repeat 0 0; height: 10px; } a.jScrollArrowDown:hover { } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { } .bestOfVideo .scroll-pane { position:relative;width:300px;height:104px;overflow:hidden; } .bestOfVideo .jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;} .bestOfVideo .jScrollPaneTrack {position:absolute;cursor:pointer;right:0;top:0;height:100%;background:transparent;background-image:url(images/scrollbuttons_viptrack.png);background-color:#efefef;} .bestOfVideo .jScrollPaneDrag {position:absolute;cursor:pointer;overflow:hidden;background:url(images/scrollbuttons_drag_small.gif) repeat-y 0 0;height:22px;} .bestOfVideo .jScrollPaneDragTop {position:absolute;top:0;left:0;overflow:hidden;} .bestOfVideo .jScrollPaneDragBottom {position: absolute;bottom:0;left:0;overflow:hidden;} .bestOfVideo a.jScrollArrowUp {display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;background: url(images/scrollbuttons_up.gif) no-repeat 0 0;height:18px;} .bestOfVideo a.jScrollArrowDown {display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;background: url(images/scrollbuttons_down.gif) no-repeat 0 0;height:18px;} .createNews .imgBox .jScrollPaneTrack { background-image:url(http://bilder.static-fra.de/vip/09/icons/bg_track.gif); } /* R E L A T E D */ .bestOfVideo { position:relative;width:300px;height:288px;margin-bottom:10px; } .bestOfVideo .headline { position:relative;width:300px;height:15px;background:url(http://bilder.static-fra.de/vip/09/icons/header_best_video.gif) no-repeat black; } .bestOfVideo .img {position:absolute;left:0px;top:15px;width:300px;height:169px;border:0;} .bestOfVideo .play_button {position:absolute;left:27px;top:109px;width:53px;height:46px;background-image:url(images/play_vip.gif);background-position:0 0 ;} .bestOfVideo .play_button.over {background-position:0 -46px;} .bestOfVideo .link {position:absolute;left:0px;top:15px;width:300px;height:169px;border:0;opacity:0.01;filter:alpha(opacity=1);background-color:#ffffff;display:block;} .bestOfVideo .list {position:absolute;left:0px;top:184px;width:300px;height:103px;overflow:hidden;background-color:#ffffff;border-top:1px solid #a3a3a3;} .bestOfVideo .listLink {padding:5px;font-weight:normal;color:#000000;display:block;font-size:11px;} .bestOfVideo .listLink.over {background-color:#FF007E;color:#ffffff;} .bestOfVideo .scroll-pane { position:relative;width:300px;height:104px;overflow:hidden; } .bestOfVideo .jspContainer {position: relative;overflow: hidden;z-index: 1;} .bestOfVideo .jspTrack {position:absolute;cursor:pointer;right:0;top:18px;height:100%;width:18px;background:transparent;background-image:url(images/scrollbuttons_viptrack.png);background-color:#efefef;} .bestOfVideo .jspDrag {position:absolute;cursor:pointer;overflow:hidden;background:url(images/scrollbuttons_drag_small.gif) repeat-y 0 0;height:22px;width:18px;} .bestOfVideo .jspDragTop {position:absolute;top:0;left:0;overflow:hidden;width:18px;} .bestOfVideo .jspDragBottom {position: absolute;bottom:0;left:0;overflow:hidden;width:18px;} .bestOfVideo a.jspArrowUp {display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;background: url(images/scrollbuttons_up.gif) no-repeat 0 0;height:18px;width: 18px;} .bestOfVideo a.jspArrowDown {display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;background: url(images/scrollbuttons_down.gif) no-repeat 0 0;height:18px;width: 18px;} .halfpage, .rectangel { position:relative;width:300px;margin-bottom:12px; } .halfpage .headline, .rectangel .headline { position:relative;background-color:white;color:#C3C3C3;padding:0px 5px; } .halfpage .media, .rectangel .media { position:relative;overflow:hidden;width:300px;} .halfpage .media { min-height:250px; } .rectangel .media { height:250px; } .meistGeKlickt { position:relative;width:300px;margin:0px 0px 10px; } .meistGeKlickt .headline { position:relative;width:300px;height:15px;background:url(http://bilder.static-fra.de/vip/09/icons/header_meistgeklickt.gif) no-repeat black; } .meistGeKlickt .scrollBox { position:relative;width:300px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_meistgeklickt.gif);border-top:1px solid white;border-bottom:1px solid white; } .meistGeKlickt .scroll-pane { position:relative;width:300px;height:114px;overflow:hidden; } .meistGeKlickt a.item { position:relative;display:block;width:289px;height:22px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_meistgeklickt_item.gif);border-top:1px solid white; } .meistGeKlickt a.item.firstItem { border-top:0px; } .meistGeKlickt a.item .txt { position:relative;width:260px;height:12px;top:5px;left:5px;overflow:hidden; } .meistGeKlickt a.item span { padding-right:5px;color:black;background-color:#F0F0F0; } .meistGeKlickt.user { width:502px;margin:0px 5px 4px; } .meistGeKlickt.user .headline { width:502px;background:url(http://bilder.static-fra.de/vip/09/icons/header_weitere_usernews.gif) no-repeat black; } .meistGeKlickt.user .scrollBox { width:502px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_meistgeklickt502.gif); } .meistGeKlickt.user .scroll-pane { width:502px; } .meistGeKlickt.user a.item { width:491px;background:url(http://bilder.static-fra.de/vip/09/icons/bg_meistgeklickt_item502.gif); } .meistGeKlickt.user a.item .txt { width:462px; } .googleAds { border: 2px solid #FF007E;position:relative;width:502px;margin-bottom:0px; margin: 5px; padding-top: 3px; background-color:#E3E3E3; } .googleAds span.headline { color:#FF007E;padding:0px 5px; } .googleAds .ad { position:relative;padding:2px 5px; } .googleAds a { color:black; } .googleAds a.adlink { font-weight:bold;color:#FF007E;text-decoration:none; } .googleAdsRelated { /*border: 2px solid #FF007E;*/background-color:#ffffff; position:relative;width:300px;margin-bottom:10px; padding-top: 6px; } .googleAdsRelated span.headline { color:#FF007E;padding:0px 5px; } .googleAdsRelated .ad { position:relative;padding:7px 5px; } .googleAdsRelated a { color:black; } .googleAdsRelated a.adlink { font-weight:bold;color:#FF007E;text-decoration:none; } /********* D I A L O G W I P P *********/ .pastell .ui-dialog, .ui-dialog.pastell { background-color:transparent; z-index:2; } .pastell .ui-dialog .ui-dialog-titlebar, .ui-dialog.pastell .ui-dialog-titlebar { background:transparent no-repeat; background-image:url(http://bilder.static-fra.de/vip/09/icons/bg_dialog_top.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://bilder.static-fra.de/vip/09/icons/bg_dialog_top.png'); padding: 0px; height: 18px; } .pastell .ui-dialog.ui-draggable .ui-dialog-titlebar, .ui-dialog.pastell.ui-draggable .ui-dialog-titlebar { cursor: move; width:311px; } .pastell .ui-dialog .ui-dialog-titlebar-close, .ui-dialog.pastell .ui-dialog-titlebar-close { width: 10px; height: 10px; overflow:hidden; background: url(http://bilder.static-fra.de/vip/09/icons/dialog_close_button.gif) 0px 0px no-repeat; position:absolute; top: 4px; left: 289px; cursor: pointer; z-index:4; } .pastell .ui-dialog .ui-dialog-titlebar-close span, .ui-dialog.pastell .ui-dialog-titlebar-close span { display: none; } .pastell .ui-dialog .ui-dialog-titlebar-close-hover, .ui-dialog.pastell .ui-dialog-titlebar-close-hover { background: url(http://bilder.static-fra.de/vip/09/icons/dialog_close_button.gif) 0px -10px no-repeat; } .pastell .ui-dialog .ui-dialog-title, .ui-dialog.pastell .ui-dialog-title { position:relative; color:white; font-weight:bold; font-size:10px; line-height:12px; top:0px; float:right; margin-right:25px; padding-left:3px; background-color:#FF007E; border:2px solid #FF007E; } .pastell .ui-dialog .ui-dialog-content, .ui-dialog.pastell .ui-dialog-content { position:relative;width:311px;overflow:hidden; } .pastell .ui-dialog .bgBox, .ui-dialog.pastell .bgBox { position:absolute;bottom:0px;left:0px;width:311px;height:500px; background:url(http://bilder.static-fra.de/vip/09/icons/bg_dialog_bot.png); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://bilder.static-fra.de/vip/09/icons/bg_dialog_bot.png'); } .pastell .ui-dialog .contentbox, .ui-dialog.pastell .contentbox { position:relative;width:264px;margin:0px 20px 19px;padding-top:7px; } .pastell .ui-dialog .contentbox input, .ui-dialog.pastell .contentbox input { position:relative;border:1px solid #FF007E;width:252px;padding:3px 5px;margin-bottom:5px; } .pastell .ui-dialog .contentbox textarea, .ui-dialog.pastell .contentbox textarea { position:relative;border:1px solid #BABABA;border-right-width:0px;border-bottom-width:0px;width:252px;height:110px;overflow:auto;padding:3px 5px;margin-bottom:5px; } .pastell .ui-dialog .contentbox a, .ui-dialog.pastell .contentbox a { position:relative;display:block;width:67px;height:20px;left:196px;background:url(http://bilder.static-fra.de/vip/09/icons/button_senden.gif) no-repeat; } .artikel h2 { font-size: 10px; line-height: 14px; } /* Videoseite */ #videoTxtBoxFix{float:left; position:relative; margin:0 5px 5px 5px;} #videoTxtBoxFix h2{ font-size: 10px;line-height: 14px;} .videoListBoxContainer {display: inline;float: left;position: relative;width: 512px;} .videoListBox { border-style: none; border-width: 0px; display: inline; float: left; height: 158px; margin: 0 3px 14px 10px; position: relative; width: 510px;} .videoListBox { border-color: #E3E3E3;} .videoListBoxContainer .videoListBox {border: 0 none;height: 136px;margin: 0 0 10px;width: 512px; } .videoListContainer {height: 136px;left: 0;position: absolute;top: 22px;width: 512px;} .videoListBoxContainer .videoListContainer { top: 0;} .videoListItem {display: inline;float: left;height: 136px;margin-right: 9px;position: relative;width: 119px;} .videoListItem .imgBox {height: 70px;overflow: hidden;position: relative;width: 120px;} .videoListItem .imgBox .img {left: 0px;position: absolute;top: 0px;} .videoListItem .imgBox .layer { height: 25px; left: 88px; position: absolute; top: 42px; width: 29px; background-repeat: no-repeat; overflow: hidden; } .videoListItem .imgBox .layer {background-image: url("images/play_vip_small.png");background-position: 0 0;} .videoListItem .imgBox a {display: block;height: 70px;left: 0px;position: absolute;top: 0px;width: 120px;} .videoListItem .txt {height: 32px;left: 2px; position: absolute;top: 73px; width: 117px;} .videoListItem .vidplaylistlink {left: 2px;position: absolute;top: 114px;} a.vidplaylistlink{ font-weight:bold; font-size:11px; color:#000000;} /* gallerylayer */ .imgBox .layer_button { position:absolute;top:5px;right:5px; width:98px;height:19px;overflow:hidden;background:url(images/gallery/gallerylayer_open.jpg) no-repeat;z-index:4;border:0;text-indent:-9999px;cursor:pointer; } .gallerylayer { position:fixed; } .gallerylayer .titlebar { position:relative;height:63px;background:url(images/gallery/gallerylayer_titlebar.png) no-repeat; } .gallerylayer .titlebar_close { position:absolute;top:24px;right:10px;width:101px;height:16px;overflow:hidden;background:url(images/gallery/gallerylayer_close.png) 0px 0px no-repeat;z-index:4; } .gallerylayer .titlebar_close:hover { background-position: 0px -16px; } .gallerylayer .image { position:relative;margin:0px;background:#000000; } .gallerylayer .image h4 { position:relative;color:#ffffff;margin:0px 5px;padding:10px 0px 5px; } .gallerylayer .image .imageWrapper { position:relative;padding:0px 30px; } .gallerylayer .image .imageWrapper img { position:relative;max-width:100%;max-height:100%;margin:auto;text-align:center;display:block; } .gallerylayer .image a.back { position:absolute;bottom:50%;left:30px;width:17px;height:46px;background:url(images/playerlayer/playerlayer_back.png) center; } .gallerylayer .image a.for { position:absolute;bottom:50%;right:30px;width:17px;height:46px;background:url(images/playerlayer/playerlayer_for.png) center; } .gallerylayer .image .textWrapper { position:relative;bottom:0px;padding-bottom:10px;margin:auto;max-width:800px; } .gallerylayer .image .textWrapper p { position:relative;color:#fff; } .gallerylayer .error { position:relative;margin:0px;background:#000000;coleor:#FF007E; } .gallerylayer .adContainer { position:absolute;top:-100px;right:0px;width:940px; } /* playerlayer */ .playerlayer { width:997px;height:790px;display:none;overflow:hidden;z-index:1000; } .playerlayer .titlebar { position:relative;width:728px;height:63px;margin:0px 0px 5px 109px;background-image:url(images/playerlayer/playerlayer_titlebar.png); } .playerlayer .titlebar_close { position:absolute;top:24px;left:622px;width:100px;height:16px;overflow:hidden;background:url(images/playerlayer/playerlayer_close.png) 0px 0px no-repeat;z-index:4; } .playerlayer .titlebar_close:hover { background-position: 0px -16px; } .playerlayer .topbox { position:relative;width:925px;min-height:501px;float:left;display:inline;background-color:transparent; } .playerlayer .minheight { position:relative;width:1px;height:501px;float:left;display:inline;background-color:transparent; } .playerlayer .bgbox { position:absolute;top:0px;left:109px;width:728px;height:501px;background-color:black; } .playerlayer .pl_framelayer { position:relative;width:946px;height:620px;overflow:hidden;} .playerlayer .pl_banner { position:absolute;top:0px;left:109px;width:728px;height:90px;overflow:hidden; } .playerlayer .pl_sky { position:absolute;top:0px;left:837px;width:160px;height:600px;overflow:hidden; } .playerlayer .pl_player { position:absolute;top:95px;left:169px;width:608px;height:368px; } #pl_playerOverlay { position:absolute;top:0px;left:0px;width:608px;height:368px; background-color:#000000;z-index:5;background-image:url(images/playerlayer/playerlayer_loader.gif);background-repeat:no-repeat;background-position:center center;} #pl_playerOverlay .autoplayTeaser { position:absolute;top:160px;left:161px;width:285px;height:71px;} #pl_playerOverlay .autoplayTeaser img { position:absolute;left:0px;top:0px;width:126px;height:71px;} #pl_playerOverlay .autoplayTeaser .txt { position:absolute;left:131px;top:0px;height:42px;width:154px;line-height:14px;color:#ffffff;} #pl_playerBreakAd { position:absolute;top:0px;left:0px;width:608px;height:340px; z-index:5;background-image:url(images/playerlayer/playerlayer_breakad_layer.png);background-repeat:no-repeat;background-position:49px 36px;} #pl_playerBreakAdContainer { position:absolute;top:45px;left:49px;width:300px;height:250px; background-image:url(images/playerlayer/playerlayer_breakad.png);} #pl_playerBreakAdLink { position:absolute;top:36px;left:349px;width:205px;height:259px; cursor:pointer;} .playerlayer .utilitybox { position:relative;width:728px;margin:0px 0px 0px 109px;background-color:black; } .playerlayer .bottombox { position:relative;width:728px;margin:0px 0px 0px 109px;background-color:black; } #controlsBox {position:relative;width:608px;height:25px;padding-left:60px;display:none;overflow:hidden;} #controlsBox .autoplay {position:relative;float:left;width:250px;height:25px;text-align:left;} #controlsBox .autoplay a {color:#fff;font-weight:bold;text-decoration:none;padding-left:30px;background-image:url(images/playerlayer/playerlayer_autoplay2_bw.png);background-repeat:no-repeat;line-height:25px;} #controlsBox .autoplay a:hover {text-decoration:underline;} #controlsBox .autoplay a.all {background-position:0 -5px;} #controlsBox .autoplay a.one {background-position:0 -30px;} #controlsBox .prevnext {position:relative;float:left;width:358px;height:25px;text-align:right;color:#fff;font-weight:bold;} #controlsBox .prevnext a {color:#fff;font-weight:bold;line-height:25px;text-decoration:none;} #controlsBox .prevnext a:hover {text-decoration:underline;} #controlsBoxOverlay {position:absolute;left:0;top:0;width:728px;height:25px;display:none;background-color:#000000; opacity:0.92;filter:alpha(opacity=92);} #additionalLink {display:none;width:608px;margin-left:60px;text-align:center;height:25px; text-align:center;} #additionalLink a {line-height:25px;color:#fff;text-decoration:none;} #additionalLink a:hover {text-decoration:underline;} #additionalLink span.arrow {background-image:url(images/arrow_white.gif);background-repeat:no-repeat;padding-right:5px;} .playerlayer .videoListBox { position:relative;width:674px;height:143px;margin:0px 0px 0px 27px;float:none;display:block;border-width:0px;border-style:solid; } .playerlayer .videoListBox a.back { position:absolute;top:6px;left:0px;width:17px;height:122px;background-image:url(images/playerlayer/playerlayer_back.png); } .playerlayer .videoListBox a.for { position:absolute;top:6px;left:657px;width:17px;height:122px;background-image:url(images/playerlayer/playerlayer_for.png); } .playerlayer .videoListContainer { position:absolute;top:6px;left:32px;width:640px;height:124px; } .playerlayer .videoListItem { position:relative;width:130px;height:110px;float:left;display:inline;margin-right:30px; } .playerlayer .videoListItem .imgBox { position:relative;width:130px;height:75px;overflow:hidden; } .playerlayer .videoListItem .imgBox .img { position:absolute;top:2px;left:2px; } .playerlayer .videoListItem .imgBox a { position:absolute;top:2px;left:2px;width:126px;height:71px;display:block; } .playerlayer .videoListItem .txt { height: 42px;line-height:14px; } .playerlayer .videoListItem .txt a { color:white; } .playerlayer .videoListItem .txt a:hover { text-decoration:underline; } .playerlayer .videoListItem .layer { position:absolute;top:0px;left:0px;width:130px;height:150px;background-image:url(images/playerlayer/playerlayer_layer_videolist.png); background-position:0 0; } .playerlayer .videoListItem .layer.active { background-position:0 -75px !important; } #videoListBoxOverlay {position:absolute;top:6px;width:674px;height:122px;display:none;background-color:#000000; opacity:0.92;filter:alpha(opacity=92);} .simplemodal-wrap {overflow:hidden !important;} /*** Verbraucherhinweise ***/ #banner {position:absolute;left:218px; top:3px;} .halfpageDummy, .rectangleDummy, #bannerDummy, .billboardDummy, #skyDummy {position:absolute; z-index:0; visibility:hidden;} #sky {position:absolute;} .halfpageDummy, .rectangleDummy {left:0; top:auto; width:300px;} .halfpageDummy {height:600px;} .rectangleDummy {height:250px;} #bannerDummy {left:218px; top:1px; width:728px; height:90px;} .billboardDummy {left:0; top:0; width:100%; height:225px;} #sky, #skyDummy {left:953px; top:100px; width:160px; height:600px;} #billboard {position:relative;margin:0 auto;/*width:820px;*/ width:100%; float:left;} #billboard #ip_billboard {position:relative;margin:5px auto;} /* * * T H E M E N A R C H I V * * */ .archivLeftCol {position:relative;width:612px;float:left;margin:10px 9px 0px;display:inline;background-color:#ffffff;} .archivLeftCol h2, .archivLeftCol .h2head {height:20px;overflow:hidden;margin:0;padding:0 0 0 5px;font-size:10px;color:#ffffff;line-height:20px;background-color:#FF007E;font-weight:bold;} .archivLeftCol .themenLetternavi {float:left;height:20px;margin:0;line-height:20px;background-color:#000000;color:#ffffff;} .archivLeftCol .themenLetternavi .link {padding:0px 5px;background-color:#000000;color:#ffffff;line-height:20px;font-weight:normal;} .archivLeftCol .themenLetternavi span.active {padding:0px 5px;background-color:#000000;line-height:20px;font-weight:normal;color:#FF007E;} .archivLeftCol h1 {font:bold 18px/18px verdana,geneva,arial,helvetica,sans-serif;color:black;margin:12px 5px 12px;} .archivLeftCol .textBox {margin:0;border:0;width:100%;} .archivLeftCol .textBox .paragraph {width:100%;} .archivLeftCol .textBox h2.headline {font:bold 10px/20px verdana,geneva,arial,helvetica,sans-serif;color:black;background-color:transparent;width:100%;} .archivLeftCol p {padding:0 5px;} .archivLeftCol .teaser { position:relative;float:left; display:inline;width:247px;height:61px;margin:0 0 10px 5px; } .archivLeftCol .teaser .img { position:relative;display:block; } .archivLeftCol .teaser .txtBox { position:absolute;width:160px;height:56px;top:2px;left:84px;line-height:12px;color:white;margin:0px;overflow:hidden; } .archivLeftCol .teaser .txtBox .link { position:relative;margin-bottom:1px; } .archivLeftCol .teaser .txtBox .link a { font:bold 12px/14px verdana,geneva,arial,helvetica,sans-serif; color:#000000;font-weight:bold;text-decoration:none; } .archivLeftCol .teaser .txtBox .txt { position:relative;line-height:14px;padding:0px; color:#000000;} .archivRightCol {position:relative;width:300px;float:left;margin:10px 10px 0px 0px;display:inline;} .archivRightCol .bar {width:300px;height:20px;margin-bottom:10px; background-color:#000000;} .archivRightCol .bar .line {height:1px;background-color:#c10000;margin:0 1px;} .archivRightCol .bar .txt {padding:3px 0; text-align:center;} .archivRightCol .bar .txt a {font-weight:normal;text-decoration:none;padding-right:5px;font-weight:normal;color:#ffffff;} .archivRightCol .bar .txt span {font-weight:bold;padding-right:5px;color:#ffffff;} .archivCalendar { position:relative;top:0px;width:150px; float:left; font-size:11px;} .archivCalendar .calendarBox { width:147px; background-color:#8B8B8B; padding:1px 0 0 1px; margin-bottom:10px;} .archivCalendar.left .calendarBox { clear:left;} .archivCalendar.right .calendarBox { margin-left:3px;} .archivCalendar .calendarBox .head { width:146px; margin-bottom:1px; text-align:center;font-weight:bold; height:20px;line-height:20px;font-size:12px; background-color:#ffffff;} .archivCalendar .calendarBox .head a { color:black;font-weight:bold; } .archivCalendar .calendarBox .dayBox { position:relative;width:20px;height:22px;float:left;display:inline;margin:0px 1px 1px 0px; background-color:#ffffff;} .archivCalendar .calendarBox .dayBox.topBox { background-color:#000000; color:#ffffff;} .archivCalendar .calendarBox .dayBox a { color:#000000; font-weight:normal; } .archivCalendar .calendarBox .dayBox.aktivBox { background-color:#FF007E;} .archivCalendar .calendarBox .dayBox.aktivBox a { font-weight:bold; color:#ffffff;} .archivCalendar .calendarBox .dayBox.empty { background-color:#E3E3E3;} .archivCalendar .calendarBox .dayBox .day.disabled { color:#8B8B8B; } .archivCalendar .calendarBox .line { height:1px; margin:0px 1px;} .archivCalendar .calendarBox .day { position:relative;display:block;font-size:11px;padding:3px 0px;text-align:center;} .archivLeftCol .blaettern, .blogquicklinks .blaettern { position:relative;width:100%;text-align:center;padding:5px 0 10px 0; } .archivLeftCol .blaettern a, .blogquicklinks .blaettern a { position:relative;background-color:#E3E3E3;color:#000000;padding:0px 4px;margin:0px 1px; font-weight:normal;} .archivLeftCol .blaettern.quicklinks a, .blogquicklinks .blaettern.quicklinks a { font-size:8px;} .archivLeftCol .blaettern a.transparent, .blogquicklinks .blaettern a.transparent { background-color:transparent; } .archivLeftCol .blaettern a.red, .blogquicklinks .blaettern a.red { background-color:#FF007E;color:#ffffff; } .archivLeftCol .blaettern a.light, .blogquicklinks .blaettern a.light { background-color:transparent;color:#E3E3E3; } .archivLeftCol .blaettern span.current { position:relative;background-color:#FF007E;color:#ffffff;padding:0px 4px;margin:0px 1px; font-weight:bold;} .archivImage { position: relative; width: 290px; background-color:#000000; padding:0 5px 5px 5px; margin-bottom:10px;} .archivImage h2 { height:20px; font:bold 10px/20px verdana,geneva,arial,helvetica,sans-serif;color:#ffffff;margin:0;padding:0;} .archivImage .txt {color:#ffffff;} /* * * * Smatch * * * */ .smatch {background-color: #FF007E; color: white;padding: 5px;height: 250px;position: relative;width: 298px;margin-bottom: 5px;} .smatch img{width:139px;display: block; float:left; cursor: pointer;width: 155px;} .smatch .smatch_product {margin: 7px 0px; background-color: white;} .smatch_product_detail {height: 240px;color:#000;} .smatch .smatch_product .smatch_product_detail, .smatch .smatch_product .buy {padding-left: 158px;} .smatch .smatch_product .smatch_product_detail div {bottom: 65px;left: 166px;position: absolute;} .smatch .smatch_product .smatch_product_detail h3 {color: #000000;font-size: 11px !important;font-weight: bold;padding-bottom: 10px;padding-right: 5px;padding-top: 10px;line-height: 20px;} .smatch .smatch_product .smatch_product_detail .price {color: #FE007D;font-size: 18px;font-weight: bold;} .smatch .smatch_product .buy {position: absolute;bottom: 12px;left: 8px;color:#000;} .smatch .smatch_product .buy a {background: url("http://bilder.static-fra.de/vip/09/styles/images/smatch-button.png") no-repeat scroll -2px 0 transparent;color: #FFFFFF;display: block;font-weight: bold;height: 30px;padding-left: 30px;padding-top: 5px;width: 100px;} .smatch .anzeige {background: url("http://bilder.static-fra.de/vip/09/styles/images/anzeige_weiss.png") no-repeat scroll 0 0 transparent;clear: both;height: 10px;left: 5px;position: absolute;top: 4px;width: 50px;} /** 2012 **/ #mainwrapper { position:relative; /*width:1096px;*/ width:1096px; margin: 0px auto; } #maincontent { width:940px; } #basecontent { width:940px; } .header { width:940px; } .content_all { width:923px; } .content_all .colBox { width:923px; } .content_all .artikel .txtBox { width:914px; } .content_all .pageNavi { width:923px; } .content_all .headlineBox { width:923px; } .navi { width:923px;padding:8px 9px 5px 8px; background-color:#e3e3e3; margin-left:0;} .content .mTeaser .imgBox, .content .eTeaser .imgBox, .content .dTeaser .imgBox, .content .bTeaser .imgBox, .content .katTeaser1erHoch .imgBox, .content .sTeaser .imgBox { display:block;overflow:hidden;float:left } .related .mTeaser .imgBox, .related .eTeaser .imgBox, .related .dTeaser .imgBox, .related .bTeaser .imgBox, .related .katTeaser1erHoch .imgBox, .related .sTeaser .imgBox { display:block;overflow:hidden;float:left } .content .mTeaser .imgBox img, .content .eTeaser .imgBox img, .content .dTeaser .imgBox img, .content .sTeaser .imgBox img { width:100%; } .related .mTeaser .imgBox img, .related .eTeaser .imgBox img, .related .dTeaser .imgBox img, .related .sTeaser .imgBox img { width:100%; } .googleSearch { left:748px; } .content .bTeaser img { width:300px;height:169px; } .content .bTeaser a { top:3px;left:3px; } .aufmacher { position:relative;float:left;display:inline;margin-bottom:12px;width:615px;height:346px; } .aufmacher .thema { position:absolute;top:0;left:0;width:615px;height:346px;overflow:hidden; } .aufmacher .thema img { width:100%;height:100%; } .aufmacher .preview { top:44px;right:15px; } .tickercontainer { width:613px; } .tickercontainer .mask { width:520px; } .content {margin:5px 8px 0;} .content, .headlineBox, .colBox, .colSpacer { width:615px; } .col1 { width:300px;margin: 3px 6px 0px 3px; } .col2 { width:300px;margin: 3px 3px 0px 3px; } .colBox .col { width:615px; margin:0; } .colBox .col1 { width:300px;margin:3px 6px 0px 3px; } .colBox .col2 { width:300px;margin:3px 3px 0px 3px; } .col1 .bTeaser, .col2 .bTeaser { width:306px;height:175px; } .mTeaser { width:300px;height:452px; } .mTeaser .imgBox { width:294px;height:394px;top:3px;left:3px; } .mTeaser .txtBox { width:294px;height:35px;top:397px;left:5px;margin:5px 0; } .dTeaser { width:303px;height:160px; } .dTeaser .imgBox { width:126px;height:170px;top:0px;left:3px;margin-left:0px; } .dTeaser .txtBox { width:160px;height:170px;top:0px;left:3px; } .sTeaser { width:300px;height:237px; } .sTeaser.nohead .imgBox { position:absolute; top:0px; left:0px; width:294px;height:165px;margin:3px 3px 0px 3px; } .sTeaser .imgBox { position:absolute; top:16px; left:0px; width:294px;height:165px;margin:3px 3px 0px 3px; } .related .sTeaser .imgBox { width:300px;height:169px;margin:0px; } .sTeaser.nohead .txtBox { position:absolute; top:169px; width:290px;height:43px;margin:5px 5px 3px 5px; } .sTeaser .txtBox { position:absolute; top:185px; width:290px;height:43px;margin:5px 5px 3px 5px; } .eTeaser { width:303px;height:74px; } .eTeaser .imgBox { position:absolute; left:0px; width:126px;height:70px;margin:2px 3px 2px 3px; } .eTeaser .txtBox { position:absolute; left:132px; width:162px;height:70px;margin:2px 3px 2px 3px;line-height:12px; } .eTeaser h2.top { padding: 0; } .eTeaser.xdot { width:303px;height:74px; } .eTeaser.xdot .imgBox { position:absolute; left:0px; width:126px;height:71px;margin:2px 3px 2px 3px; } .eTeaser.xdot .txtBox { position:absolute; left:132px; width:168px;height:74px;margin:2px 3px 2px 3px;line-height:12px; } .eTeaser.ad { height:91px; } .eTeaser.ad .imgBox { width:108px;height:81px; } .eTeaser.ad .txtBox { width:126px;height:81px; } .colBox .eTeaser { width:300px; } .wTeaser { width:603px;height:150px;position:relative;margin:3px;border: 3px #e3e3e3 solid; } .wTeaser h2 { margin-left:3px;color:black; } .wTeaser .txtBox { width:297px;margin-left:3px;float:left; } .blockhead { height:15px;padding:0 2px;background-color:#000000;color:#FFFFFF;font:normal 14px impact,sans-serif;line-height:14px; } .fBarTop .leftBox { float:left;width:425px;height:23px;margin-top:3px;} .fBarTop .shareBox { float:left;width:180px;text-align:right;height:23px;margin-top:6px;} .fBarTop .shareBox .buttons a img { border:none; } .fBarTop .shareBox .buttons .button { margin-right:10px;height:16px;width:16px; } .fBarTop .shareBox .buttons .button:hover { opacity:.8; } .fBarTop .shareBox .facebookRecommend { float:left;width:110px;height:23px;z-index:100; text-align:left;} .fBarTop .shareBox .buttons { float:left;width:70px;margin-top:2px; } .fBarBottom .recommend { width:265px; } /* ARTIKEL */ .artikel .imgDuo { width:609px;margin:0px 3px 10px 3px; } .video .player { margin:auto;width:512px; } .content .video { margin:auto;width:605px; } .artikel .imgBox { width:615px; } .artikel .imgBox table { width:605px; } .artikel .txtBox { width:605px; } .artikel .flashBox { width:605px;text-align:center; } .artikel .creditBox { width:605px; } /* VOTING */ .vot50 .votBox, .vot50 .linkBar, .vot50 .txtBox, .votText { width:605px; } .votText .imgBox, .votText .votBox, .votText .linkBar, .votText .questionBox { width:602px; } .votText .questionBox .txtBox { width:517px;background:#FFFFFF; } .votText .boxRight { width: 297px; } .votText .boxLeft { width: 297px; } .votText { margin:0px 5px 5px; } .nextVoting, .nextVoting a { width:605px; } .nextVoting .txtBox { width: 365px; } .vot50 .boxRight, .vot50 .boxLeft { width: 297px; } .vot50 .boxLeft { margin-right: 10px; } .vot50 .boxRight img, .vot50 .boxLeft img { /*width: 297px;*/ } .voteresult .boxRight img, .voteresult .boxLeft img { width: auto; } /* GALERIE */ .galerie .flashBox { width:605px;text-align:center; } .galerie .creditBox { width:605px; } .galerie .imgBox, .galerie .imgBox table { width:605px; } .galerie .imgBox .for { left:589px; } /* VIDEO */ .videoListItem { width:126px;margin-right:13px; } .videoListItem .imgBox { width:126px;height:71px;margin-right:13px; } .videoListItem .imgBox a { width:126px;height:71px; } .videoListBoxContainer { width:615px; } .videoListBoxContainer .videoListBox { width:543px;margin:auto;margin-top:25px;float:none;display:block; } .videoListContainer { width:556px; } /* MEISTGEKLICKT (usernews) */ .meistGeKlickt.user .headline, .meistGeKlickt.user .scrollBox, .meistGeKlickt.user .scroll-pane, .meistGeKlickt.user { width:605px; } .meistGeKlickt.user .scrollBox { background-position:right; } .meistGeKlickt.user a.item { width:591px;background-position:right; } .meistGeKlickt.user a.item .txt { width:562px; } .fBarBottom, .fBarTop, .googleAds { width:605px; } .related .googleAds { width:300px; } .dTeaser, .mTeaser, .sTeaser, .eTeaser, .wTeaser, .listPlayer, .meistgeklickt { margin-bottom:12px; } /* MEDIASET NAVI */ .setNavi { width:605px;left:0px;margin:0; } .setNavi .header { width:605px;background-image:none; } .setNaviRight { width:300px; } .setNaviRight .header { width:300px;background-image:none; } .setTeaser { width:300px;height:71px; overflow:hidden; } .setTeaser img { width:126px; } .setTeaser .txtBox { width:165px;left:130px; } .setTeaserLeft { margin-left: 5px; } .vot50 .setNavi {margin:0 5px 5px;} .fb_rec { background-color:#FFFFFF; width:300px;margin-bottom:10px; } .fb_rec .txtBox { border-left:1px #aaaaaa solid;border-right:1px #aaaaaa solid;padding:10px;font-size:12px; } /* MEISTGEKLICKT */ .meistgeklickt { position:relative; } .meistgeklickt .headline { width:296px;height:15px;border-bottom:2px #FFFFFF solid; } .mostContainer { top:21px;width:300px; } .most { position:relative;width:300px;height:69px;border-bottom:2px #FFFFFF solid;background:#FFFFFF; } .most .imgBox { position:absolute;top:0px;left:0px;width:126px;height:69px;overflow:hidden;background: url('images/vip_meistgeklickt_126x71.jpg') } .most .icon { position:absolute;bottom:0px;width:47px;height:31px; } .most .head3 { position:absolute;top:8px;left:132px;width:160px;padding:0 0 4px;overflow:hidden;background: url('images/bg.mostclicked.item.png') no-repeat bottom right; } .most .head3 span { font-size:10px;font-weight:normal;color:#000000;line-height:14px;padding-right:3px;background:#FFFFFF; } .most .icon.num1 { background-image: url('images/button.mostclicked.01.hover.png'); } .most .icon.num2 { background-image: url('images/button.mostclicked.02.png'); } .most .icon.num3 { background-image: url('images/button.mostclicked.03.png'); } /* LISTPLAYER */ .listPlayer { position:relative;width:613px;height:250px;margin:1px 1px 15px; background-repeat:repeat-x; background-position: left bottom; background-image:url('images/bg_listplayer.jpg'); /** sprite-ref:vertico;sprite-alignment:repeat; */ background-color:#FF007E; } .listPlayer h2 { position:absolute;top:4px;left:11px;font-size:11px;line-height:14px;font-weight:bold;color:white;margin: 0; } .listPlayer .bgLayer { position:absolute;top:22px;left:0px;width:300px;height:164px; /*background-image:url('images/rtl11/r11_splitscreen_blau.jpg'); /* JPG deutlich kleiner als PNG :-) */ background:#dcdcdc; } .listPlayer .head3 { position:absolute;top:192px;left:11px;width:278px;height:32px;font-size:14px;line-height:16px;overflow:hidden; } .listPlayer .roof { position:absolute;top:161px;left:11px;width:278px;height:14px;font-size:11px;font-weight:bold;line-height:14px;overflow:hidden; } .listPlayer .img { position:absolute;top:22px;left:0px; } .listPlayer .head3 a { color:white; } .listPlayer .head3 a:hover { color:#99014C; } .listPlayer .roof a { color:#FF007E; } .listPlayer a.play_button { position:absolute;top:87px;left:205px;width:53px;height:46px; } .listPlayer a.play_button { background-position:0 0; background-image:url('images/play_vip.gif'); } .listPlayer a:hover.play_button { background-position:0 -46px; } .listPlayer .linkContainer { position:absolute;top:34px;right:0px;width:300px;height:204px;overflow:auto; } .listPlayer .linkBox { position:relative;width:283px;height:49px;margin:1px 0px;float:left;display:inline;cursor:pointer; } .listPlayer .linkBox { background-color:#99014c; } .listPlayer .linkBox:hover { background-color:#d50167; } .listPlayer .linkBox .img { position:absolute;top:0px;left:0px; } .listPlayer .linkBox .txt { position:absolute;top:2px;left:92px;width:186px;height:30px;font-size:12px;line-height:15px;overflow:hidden; } .listPlayer .linkBox .duration { position:absolute;top:32px;left:92px;font-size:11px;line-height:14px; } .listPlayer .linkBox .txt, .listPlayer .linkBox .txt a { color:white; } .listPlayer .linkBox .duration { color:#FF007E; } /* ADS */ #skyDummy { left:954px; } #banner { left:219px; } #bannerDummy { left:219px; } /* textBox */ .textBox {width:603px;margin:0 3px 12px;border:3px solid #e3e3e3} .textBox .headline {width:100%;float:left;margin:3px 3px;font:bold 12px verdana,geneva,arial,helvetica,sans-serif;} .textBox .paragraph{width:296px;margin:3px 3px 12px 3px;float:left;display:inline;position:relative} .textBox .paragraph p {margin:0;} .textBox .left{margin-right:5px;} .textBox .right{margin-left:0px;} .col1 .textBox, .col2 .textBox {width:auto;height:220px;border:0;overflow:hidden;} .related .textBox {width:300px;margin:0 0 12px 0;border:0;background-color:#ffffff;} .related .textBox .paragraph{width:294px;margin:3px;} /* Facebook Like Box */ #facebook-like-box {width:300px;height:272px;background:#FFFFFF;border:1px solid #aaaaaa;margin-bottom: 12px;} /* Related eTeaser */ .related .eTeaser { width:300px;background-color:#ffffff;height:74px; } .related .eTeaser .imgBox { margin:2px 3px 2px 2px;} .related .eTeaser .imgBox img { width:100%; } .related .eTeaser .txtBox { margin:2px 3px 0px 3px;} .related .eTeaser .txtBox .h5 a { color:#000000; } .related .eTeaser .txtBox a { color:#000000; } /* VIP09 Video Teaser */ .sTeaser.videoBox .imgBox { top:1px; } /* 16:9 Kategorie Teaser */ .sTeaser .headline { height:15px;border-bottom: 2px solid #FFFFFF; } .sTeaser.nohead { height:220px;} .sTeaser .anzeige { position:absolute;top:-11px;left:3px;} /* einfach Teaser: XDOT .xdot-related .eTeaser { position:relative;height:85px;margin-bottom:10px;overflow:hidden;background:#ffffff; } .xdot-related .eTeaser .imgBox { position:relative;width:108px;height:81px;margin:2px 3px 2px 2px;float:left;display:inline; } .xdot-related .eTeaser .txtBox { position:relative; left:0px; top:0px; width:187px;height:81px;float:left;line-height:14px; } .xdot-related .eTeaser .txtBox a { color:#FF007E; } .xdot-related .eTeaser .txtBox a { font-weight:bold; }*/ /* Flashinclude */ .content.flashContent .colBox {background-color:transparent;} /* DPA Artikel */ .dpa_artikel .txtBox { margin:0px 5px 5px 5px; } .dpa_artikel .floatBox { float:left; width: 297px; margin: 0px 10px 0px 0px; } .dpa_artikel .credit { background: #eee; } .aufmacherText { padding:0px 6px 8px 6px; margin-bottom: 8px; background:#ffffff; } /* DEV ONLY !! .mTeaser { background-color:yellow; } .dTeaser { background-color:green; } .sTeaser { background-color:red; } .eTeaser { background-color:blue; } */ /** PLAYLISTENPLAYER **/ .playlistenPlayerContainer { margin: 0 0px 10px 1px; position: relative; float: left; display: block; overflow: hidden; width: 611px; height: 380px; } .artikel .playlistenPlayerContainer { margin-left:0; } .playlistenPlayerTop { position: relative; height: 52px; width: 612px; float: left; overflow: hidden; } .plp_playbtn { position: absolute; top: 152px; left: 275px; height: 68px; width: 68px; } .playlistenPlayerTopLine { position: absolute; top: 52px; height: 2px; width: 612px; display: block; opacity: 0.1; } .playlistenPlayerContainer h3 a { font-size: 13px; position: absolute; left: 15px; top: 0px; font-weight: bold; } .playlistenPlayerContainer h2 { margin:0; font-size: 13px; position: absolute; left: 15px; top: 22px; font-weight: bold; color: #ff007e; } .playlistenPlayerContainer h2 a { font-size: 15px; } .playlistenPlayerBottom { position: absolute; top: 305px; width: 612px; height: 200px; display: block; width: 612px; } .playlistenPlayerBottom .line { position: absolute; top: 0; left: 0; height: 2px; width: 612px; display: block; } .playlistenPlayerBottom .plcontent { position: absolute; top: 2px; left: 0; height: 200px; width: 612px; display: block; } .playlistenPlayerBottomLine { position: absolute; top: 376px; height: 4px; width: 528px; left: 42px; display: block; } .playlistenPlayerBottom .scrollable { position: relative; overflow: hidden; width: 535px; height: 200px; left: 38px; } .playlistenPlayerBottom .scrollable .items { width: 20000em; position: absolute; top: 7px; } .playlistenPlayerBottom .items div { float: left; margin: 0; font-size: 11px; font-weight:normal; } .playlistenPlayerBottom .items .layer { position: absolute; height: 71px; left: -5px; top: 0; width: 126px; z-index: 3; } .playlistenPlayerBottom .items div { margin-left: 5px; margin-right: 2px; } .playlistenPlayerBottom .items div a:hover { text-decoration: underline; } .playlistenPlayerBottom .items .imgtext { position: relative; width: 126px; height: 180px; overflow: hidden; } .playlistenPlayerBottom .items .imgtext img { border: 0; outline: none; margin-bottom: 1px; } .playlistenPlayerBottom .nextdivbglayer { position: absolute; display: block; left: 0; top: 0px; width: 37px; height: 74px; } .playlistenPlayerBottom .prevdivbglayer { position: absolute; display: block; right: 0; top: 0px; width: 38px; height: 74px; } .playlistenPlayerBottom .browse { cursor: pointer; outline: medium none; text-decoration: none; height: 65px; width: 30px; position: absolute; } .playlistenPlayerBottom .prev { top: 5px; left: 1px; } .playlistenPlayerBottom .next { top: 5px; right: 1px; } .playlistenPlayerBottom #plpTrennerLeft { width: 1px; height: 200px; position: absolute; display: block; top: 0px; left: 37px; z-index: 12; } .playlistenPlayerBottom #plpTrennerRight { width: 1px; height: 200px; position: absolute; display: block; top: 0px; right: 38px; z-index: 12; } .playlistenPlayerContainer .topLine { width: 612px; left: 0; top: 0; } .playlistenPlayerContainer .leftLine { height: 380px; left: 0; top: 0; } .playlistenPlayerContainer .rightLine { height: 380px; left: 611px; top: 0; } .playlistenPlayerContainer .botLine { width: 612px; top: 379px; left: 0; } /** PLAYLISTENPLAYER COLORS **/ .playlistenPlayerContainer { border: 1px solid #ffffff; } .playlistenPlayerTop { background: transparent url(images/vip_plp_bg_top.png) top left no-repeat; } .plp_playbtn { background: url(images/vip_plp_play_btn.png) no-repeat 0 0; } .plp_playbtn:hover { background-position: -78px 0; } .playlistenPlayerTopLine { background-color: #fff; opacity: 0.1; filter: alpha(opacity = 10); } .playlistenPlayerContainer h3 a { color: #ff007e; } .playlistenPlayerContainer h2 { color: #ff007e; } .playlistenPlayerContainer h2 a { color: #ffffff; } .playlistenPlayerBottom .line { background-color: #fff; opacity: 0.1; filter: alpha(opacity = 10); } .playlistenPlayerBottomLine { background-color: #ff007e; } .playlistenPlayerBottom .scrollable { background: url(images/vip_plp_bg_bottom.png) top left repeat-x; } .playlistenPlayerBottom .items div { color: #ffffff; } .playlistenPlayerBottom .items .layer { background: url("images/vip_plp_thumb_rahmen.png"); background-position: 0 0; } .playlistenPlayerBottom .items .layer.active { background-position: 0 -71px; } .playlistenPlayerBottom .items div a { color: #ffffff; font-weight:normal; } .playlistenPlayerBottom .items .imgtext { color: #ffffff; } .playlistenPlayerBottom .nextdivbglayer { background: url(images/vip_plp_bg_bottom.png) top left repeat-x; } .playlistenPlayerBottom .prevdivbglayer { background: url(images/vip_plp_bg_bottom.png) top left repeat-x; } .playlistenPlayerBottom .prev { background: transparent url(images/vip_plp_arrow_left.png) no-repeat 0 15px; } .playlistenPlayerBottom .next { background: transparent url(images/vip_plp_arrow_right.png) no-repeat -32px 15px; } .playlistenPlayerBottom .prev:hover { background-position: -32px 15px } .playlistenPlayerBottom .next:hover { background-position: 0px 15px } .playlistenPlayerBottom #plpTrennerLeft { background: url(images/vip_plp_btns_trennlinie.png) top left no-repeat; } .playlistenPlayerBottom #plpTrennerRight { background: url(images/vip_plp_btns_trennlinie.png) top left no-repeat; } /* CoverME Newsmodul */ .cmNewsTeaser { width: 293px; float: left; margin-right: 10px; margin-bottom: 10px; height: 74px; position: relative; background-color: #1b1b1b; overflow: hidden; } .cmNewsTeaser .txtBox { position: absolute; left: 130px; height: 70px; margin: 2px 3px 2px 3px; line-height: 12px; width: 160px; } .cmNewsTeaser a { color: #fff; font-weight: normal; } .cmNewsTeaser .imgBox { position: absolute; left: 0px; width: 126px; height: 70px; margin: 2px 3px 2px 3px; overflow: hidden; } .cmNewsTeaser .h5 { color: #fff; margin-bottom: 2px; } /* / CoverME Newsmodul */ /* Video in-page als Pre-Header */ .preheader { width: 100%; float: left; width: 940px; height: 504px; background: #e3e3e3; background-image: -webkit-gradient(linear, left top, left bottombottom, from(#ffffff), to(#e3e3e3)); background-image: -webkit-linear-gradient(top, #ffffff, #e3e3e3); background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3); background-image: -ms-linear-gradient(top, #ffffff, #e3e3e3); background-image: -o-linear-gradient(top, #ffffff, #e3e3e3); background-image: linear-gradient(top, #ffffff, #e3e3e3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0); /* IE6-9 */ } .preheader .fullHeaderline { margin: 0 9px 0 8px; background-color: transparent; float: left; width: 923px; position: relative; } .preheader .preheadervideo { position: absolute; height: 368px; background-color: transparent; float: left; width: 924px; top: 100px; } .preheader .videoBuehne { position: relative; margin: 0 auto; width: 820px; height: 368px; background: #1f1f1f; background: -moz-linear-gradient(top, #1f1f1f 0%, #4b4b4b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f1f1f), color-stop(100%, #4b4b4b)); background: -webkit-linear-gradient(top, #1f1f1f 0%, #4b4b4b 100%); background: -o-linear-gradient(top, #1f1f1f 0%, #4b4b4b 100%); background: -ms-linear-gradient(top, #1f1f1f 0%, #4b4b4b 100%); background: linear-gradient(to bottom, #1f1f1f 0%, #4b4b4b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#4b4b4b', GradientType=0); } .preheader .preheaderheadline { position: absolute; top: 10px; background-color: transparent; width: 923px; height: 65px; } .preheader .preheaderheadline h1.h3 { width: 710px; float: left; } .preheader .fBarTopHeader { position: relative; width: 180px; margin: 5px 5px; z-index: 2; float: right; } .preheader .fBarTopHeader .shareBox { float: left; width: 180px; text-align: right; height: 23px; } .preheader .fBarTopHeader .shareBox .facebookRecommend { float: left; width: 110px; height: 23px; z-index: 100; text-align: left; } .preheader .fBarTopHeader .shareBox .buttons { float: left; width: 70px; margin-top: 2px; } .preheader .fBarTopHeader .shareBox .buttons .button { margin-right: 10px; height: 16px; width: 16px; } .preheader .fBarTopHeader .shareBox .buttons .button img { border:none; } #blackclosebtn { width: 100px; height: 16px; overflow: hidden; position: absolute; top: -20px; right: 100px; background: url(images/playerlayer/playerlayer_aus.png) 0px 0px no-repeat; z-index: 111110; display: none; cursor: pointer; } #blackclosebtn a { width: 100px; height: 16px; } #blackclosebtn:hover { background-position: 0px -16px; } .imgFloatBox { float: left; margin: 5px 10px 10px 5px; } .videoBuehne .video .player { width:608px; } .artikel .txtBox .recommendation a{ text-decoration:none; } /* / Video in-page als Pre-Header */ .plista_widget_belowVideo { width: 605px; }