/********************************************************************* STANDARDS *********************************************************************/ BODY { background-color:#D3D4D7; background-image:url(/img/std/bg_document.jpg); background-repeat:repeat-x; margin:0px; padding-bottom:100px;} /* das ivw-pixel macht oben einen lücke von 1px, daher wird body hochgezogen */ BODY, A, INPUT, SELECT, TEXTAREA { color:#666; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; } /* A:hover { color:#900; text-decoration:underline; } */ A.submit:hover { text-decoration:none; color:#666; } IMG { border:0px; margin:0px; padding:0px; } H1, H2, H3, H4, H4, H6, P, UL, LI, TABLE, TD { margin:0px; padding:0px; font-size:12px; } h3.spitzmarke{ display:inline; text-transform: uppercase; letter-spacing:1px; float:none; clear:none; color:666666; font-weight:normal; font-size:10px; line-height:auto; padding-left:1px; font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; } h2.spitzmarke{ display:inline; text-transform: uppercase; letter-spacing:1px; float:none; clear:none; color:666666; font-weight:normal; font-size:10px; line-height:auto; padding-left:1px; font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; } span.spitzmarke{ display:inline; text-transform: uppercase; letter-spacing:1px; float:none; clear:none; color:666666; font-weight:normal; font-size:10px; line-height:auto; padding-left:1px; font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; } LI { list-style-type:none; } /* #3312 - will create css border error (mf) BR.clear { height:1px; font-size:1px; line-height:1px; } */ .clearall { clear:both; height:1px; font-size:1px; line-height:1px; } /* TeamSite Abschntts Format: Aufzählung */ #article UL.textliste { padding-left: 25px; } #article UL.textliste LI { list-style-type:disc; } .hidden { position:absolute; left:-1500px; top:-800px; width:450px; } FORM { margin:0px; padding:0px; margin-top:10px; } FORM .submit, A.submit { margin:0px; padding:0px; border:none; width:auto; background-color:transparent; cursor:pointer; text-align:left; font-weight:bold; color:#666; font-size:11px; background-image:url(/img/std/teaser_arrow_more.gif); background-repeat:no-repeat; padding-left:10px; background-position:left; clear:both; margin-top:10px; } DIV.error, DIV.confirm { border:1px solid #900; background-color:#F8F8F5; padding:15px; padding-bottom:0px; margin-bottom:20px; } DIV.error P, DIV.confirm P { font-weight:bold; color:#900; } DIV.error UL, DIV.confirm UL { margin-bottom:20px; } DIV.confirm { border:1px solid #090; } DIV.confirm P { color:#090; } .err { color:#900; } TABLE { border:none; } /********************************************************************* Seitengrundstruktur *********************************************************************/ #wholePage {width:830px; text-align: left; position:relative; width:326px} /* alter header #headContainer { width:834px; height:82px; background-image:url(/img/std/bg_head.jpg); background-repeat:no-repeat; padding:0px; padding-left:0px; float:left;} #head { border:1px solid #C8C8C8; border-left:0px; border-top:1px solid #EFEFEF; width:834px; height:81px; font-size: 10px; color: #828282834px; position: static;} */ #headContainer { width:834px; height:81px; padding:0px; float:left;} #head { width:831px; height:81px; font-size: 10px; color: #828282; position: static;} #head div.page_header_datum {position:absolute; left:485px; width:200px; margin:68px 10px 0 66px; } #head div.page_header_datum h1 {font-size:10px; color: #828282; display:inline; font-weight: normal;} #menuWrapper {position:static; width:830px; z-index:1;} #menuContainer { position: relative; float:left; top: 0px; left: 0px; width:820px; padding: 0 10px 0 0; z-index: 99;} #menu { height:26px; padding: 10px 0 0 10px; z-index: 99; overflow: hidden;} #page { width:832px; background-color:#FFF; background-image:url(/img/std/bg_page.jpg); background-repeat:repeat-y; float:left; } #content { width:484px; float:left; border-right: 1px solid #D9D9D9; padding-left:10px; padding-top:8px; padding-bottom:20px;} /* (mf) #3312 #sidebar { width:336px; float:left; padding-top:7px; padding-bottom:20px; z-index: 99;} */ #sidebar { width:336px; height:auto; float: right; padding-bottom:20px; z-index:99;} #footer { width:832px; clear:both; background-image:url(/img/std/footer_line_dotted.gif); background-repeat:no-repeat; padding-top:7px;} #footer .other_mags {width:600px; text-align:center; text-align:center;} #aboshop {clear:both; display:block; background: #ffffff; height:40px; width:832px; border-top: solid 2px #D9D9D9; } #aboshop td {font-size: 7pt;} #aboshop a {text-decoration:none; font-weight:bold; font-size: 8.6pt;} /********************************************************************* Header *********************************************************************/ #logo { background-color:#C3000C; width:165px; height:81px; float:left; } #logo A { float:left; } /* alter header #defaultLinks { float:left; margin:62px 4px 0px 0px; color: #828282; } */ #defaultLinks { background-color: #dfdfdf; float:left; margin:57px 0px 0px 0px; color: #828282; padding-top:3px; width:537px} #defaultLinks img { margin-right:2px;} #defaultLinks LI { float:left; padding:0px 1px 0px 2px; } #defaultLinks LI A { font-size: 10px; color: #828282; } #abo { float:right; font-weight: bold; } #abo .cover { float:left; height:81px; overflow:hidden; display:block; width:60px;} #abo P { font-size: 10px; float:left; width:64px; padding:4px 0px 2px 5px; color: #919191; } #abo P A { font-size: 10px; color: #cf010c; } /********************************************************************* Top-Navi *********************************************************************/ #menu ul li { float: left; padding: 0; z-index: 100;} #menu ul li a {text-decoration: none; color: transparent; display: block; height: 20px; padding: 0 0 0 2px; background-repeat:no-repeat;} #menu ul li ul { display: none; padding: 0; width:152px; z-index: 99; -moz-opacity:0.95; filter:Alpha(opacity=95); } #menu ul li a.stars { width:67px; background-image: url('/img/navigation/stars.gif'); } #menu ul li a:hover.stars { background-image: url('/img/navigation/stars_hover.gif'); } #menu ul li a.beauty_fashion { width:161px; background-image: url('/img/navigation/beauty_fashion.gif'); } #menu ul li a:hover.beauty_fashion { background-image: url('/img/navigation/beauty_fashion_hover.gif'); } #menu ul li a.lifestyle { width:98px; background-image: url('/img/navigation/lifestyle.gif'); } #menu ul li a:hover.lifestyle { background-image: url('/img/navigation/lifestyle_hover.gif'); } #menu ul li a.men { width:50px; background-image: url('/img/navigation/men.gif'); } #menu ul li a:hover.men { background-image: url('/img/navigation/men_hover.gif'); } #menu ul li a.starbase { width:96px; background-image: url('/img/navigation/starbase.gif'); } #menu ul li a:hover.starbase { background-image: url('/img/navigation/starbase_hover.gif'); } #menu ul li a.bilder { width:74px; background-image: url('/img/navigation/bilder.gif'); } #menu ul li a:hover.bilder { background-image: url('/img/navigation/bilder_hover.gif'); } #menu ul li a.videos { width:76px; background-image: url('/img/navigation/videos.gif'); } #menu ul li a:hover.videos { background-image: url('/img/navigation/videos_hover.gif'); } #menu ul li a.shopping { width:91px; background-image: url('/img/navigation/shopping.gif'); } #menu ul li a:hover.shopping { background-image: url('/img/navigation/shopping_hover.gif'); } #menu ul li a.specials { width:78px; background-image: url('/img/navigation/specials.gif'); } #menu ul li a:hover.specials { background-image: url('/img/navigation/specials_hover.gif'); } #menu ul li a.forum { width:70px; background-image: url('/img/navigation/forum.gif'); } #menu ul li a:hover.forum { background-image: url('/img/navigation/forum_hover.gif'); } #menu ul li:hover .sub_stars { display: block; position: absolute; top: 26px; left: 10px; } * html #menu ul li.over .sub_stars { display: block; position: absolute; top: 15px; left: 10px; z-index:100; } #menu ul li:hover .sub_beauty_fashion { display: block; position: absolute; top: 26px; left: 80px; } * html #menu ul li.over .sub_beauty_fashion { display: block; position: absolute; top: 15px; left: 80px; z-index:100; } #menu ul li:hover .sub_lifestyle { display: block; position: absolute; top: 26px; left: 242px; } * html #menu ul li.over .sub_lifestyle { display: block; position: absolute; top: 15px; left: 242px; z-index:100; } #menu ul li:hover .sub_men { display: block; position: absolute; top: 26px; left: 242px; } * html #menu ul li.over .sub_men { display: block; position: absolute; top: 15px; left: 242px; z-index:100; } #menu ul li:hover .sub_starbase { display: block; position: absolute; top: 26px; left: 0px; } * html #menu ul li.over .sub_starbase { display: block; position: absolute; top: 15px; left: 0px; z-index:100; } #menu ul li:hover .sub_bilder { display: block; position: absolute; top: 26px; left: 0px; } * html #menu ul li.over .sub_bilder { display: block; position: absolute; top: 15px; left: 0px; z-index:100; } #menu ul li:hover .sub_videos { display: block; position: absolute; top: 26px; left: 0px; } * html #menu ul li.over .sub_videos { display: block; position: absolute; top: 15px; left: 0px; z-index:100; } #menu ul li:hover .sub_shopping { display: block; position: absolute; top: 26px; left: 645px; } * html #menu ul li.over .sub_shopping { display: block; position: absolute; top: 15px; left: 645px; z-index:100; } #menu ul li:hover .sub_specials { display: block; position: absolute; top: 26px; left: 242px; } * html #menu ul li.over .sub_specials { display: block; position: absolute; top: 15px; left: 242px; z-index:100; } #menu ul li ul .sub_head { margin:0; background-color: transparent; border-bottom: 2px solid #fff; width: 162px; height: 6px; z-index:100;} #menu ul li ul .sub_foot { margin:0; background-color: transparent; border-top: 2px solid #fff; width: 162px; height: 2px; clear:both; z-index:100;} #menu ul li ul .sub { background-color: #f2f2f2; display:block; width:152px; border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 0 3px; z-index:100;} #menu ul li ul .sub a { height: 20px; padding: 4px 3px 0 3px; z-index:100; color: #666666;} #menu ul li ul .sub a:hover { background: transparent url('/img/navigation/sub_tab.jpg') no-repeat center center; color:#fff; z-index:100;} /********************************************************************* Footer *********************************************************************/ #footer SPAN.copy { margin-left:12px; } #footerLinks { float:right; text-align:right; } /* #footerLinks UL { float:right; width:415px; } */ #footerLinks UL LI { float:left; } #footerLinks UL LI A { padding:0px 6px 0px 6px; } #gujSites { clear:both; margin-top:9px; padding-top:15px; background-image:url(/img/std/footer_line_dotted.gif); background-repeat:no-repeat; text-align:center; } #gujSites UL { text-align:center; margin-top:5px; } #gujSites UL LI { display:inline; } #verlinken textarea {width:215px;height:65px;font-size:7pt;} /********************************************************************* Teaser *********************************************************************/ .teaserRow { float:left; width:484px; background-image:url(/img/std/line_dotted.gif); background-repeat:no-repeat; padding-top:9px; margin-top:14px; } .teaserRow.first { background-image:none; padding-top:0px; margin-top:0px; } .teaser { font-size: 12px; padding-top:7px; width:472px; } /* 20080318: background-image:none; entfernt. stört in starbase. ak */ .teaser .spitzmarke { display:block; font-size:10px; text-transform:uppercase; margin-bottom:5px; letter-spacing:1px; padding-left:1px;} .teaser LI { display:block; float:none; margin-top:5px; } .teaser H3 { margin-top:2px; margin-bottom:1px; clear:right; padding-left:1px; } .teaser H3 a { color: #c30109; font-size: 13px;} .teaser P { font-size: 12px; line-height: 15px; padding-left:1px; } .teaser P SPAN { display:block; clear:right; } .teaser.grey LI A { padding-left:20px; } .teaser LI A { display:inline; float:none; } .teaser IMG { float:left; margin-right:10px; } .topbox span.h2headline {display:block;} .topbox span.h2headline a, span { /*font-weight:bold;*/ color:#666666; font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size:12px; text-decoration:none; } .topbox span.h2headline a:hover {color:#C30109;} .teaser span.h2headline a { font-weight:bold; color:#C30109; text-transform:uppercase; font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size:12px; text-decoration:none; } .teaser span.h2headline a:hover { color:#990000; text-decoration:underline; } .teaser h1 .spitzmarke { color: #fff; } .teaser.small, .teaser.medium { display:block; width:155px; padding-right:5px; float:left; padding-top:0px; } .teaser.small IMG, .teaser.medium IMG { float:none; margin-right:0px; } .teaser.small H3, .teaser.medium H3 { clear:left; margin-top:8px; margin-bottom:2px; } .teaser.small UL, .teaser.medium UL { margin-top:10px; margin-left:1px; } .teaser.medium { width:315px; } .teaser A.trivia IMG { float:left; margin-bottom:3px; } .teaser.grey { background-color:#F8F8F5; width:475px; } .teaser.grey .spitzmarke { padding:0px 10px 5px 12px; border-bottom:1px solid #FFF; } .teaser.grey UL, #article .teaser.grey P { padding:0px 10px 10px 11px; margin-bottom:0px; } .teaser .headlineWeeklySerie {color:#666; font-size:21px; font-weight:bold; margin-top:0px; margin-bottom:20px;} /** Newsletter Trenner */ /* Mehr Buttons */ .mehr_button {display:inline; clear:none; float:none; background-position:4px bottom; padding:0px 0px 0px 0px; margin:px 0px 0px 0px; background-image:url(/img/std/teaser_arrow_more.gif); background-repeat:no-repeat; } .mehr_button_page_head {display:inline; clear:none; float:none; background-position:4px bottom; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-image:url(/img/std/teaser_arrow_more_bright.gif); background-repeat:no-repeat; } IMG.mehr_button_graphic {display:inline; clear:none; float:none; } /* #page #content H2 { float:left; width:484px; padding-top:9px; margin-top:14px; font-weight:normal; text-transform:uppercase; } */ /* Article Inline Images */ div.img div.caption {font-size:10px; font-weight:bold; margin:0 11px 7px 10px; padding:0;} div.img div.img_credit {font-size:10px; margin:0 11px 7px 10px; padding:0;} /** Article Comments */ .teaserRow.comments .teaser.grey .spitzmarke { margin-bottom:0px; } .teaserRow.comments .teaser.grey.entry { background-image:url(/img/std/line_dotted_comments.gif); background-repeat:no-repeat; background-position:10px bottom; } .teaserRow.comments .teaser.grey.entry .date { float:right; } /*************** BuyVIP ************************/ .buyvip_viererteaser { text-align:center; width:140px; margin:0px 5px 0px 5px; padding:0px; float:left; display:inline; } .buyvip_viererteaser a { color:#FF0000; font-size:14px;} .buyvip_teaser {padding-bottom:32px;width:640px;} .buyvip_singleteaser { text-align:left; margin:0px; padding:0px;} /*************** TagCloud **********************/ #tag_cloud {width:632px; height:67px; border:none; background: url('/img/std/bg_tag_cloud.jpg') repeat-x #CFCFCF; padding:5px; display:block; clear:both; text-align:center;} #tag_cloud a{color:#2b2b2b; font-weight:normal;} #tag_cloud a:hover {text-decoration:underline;} #tag_cloud a.size1 {font-size:13pt;} #tag_cloud a.size2 {font-size:11pt;} #tag_cloud a.size3 {font-size:9pt;} #tag_cloud a.size4 {font-size:7pt;} /**************** Teaser Sidebar ****************/ #sidebar .teaserRow { width:336px; background-image:none; padding-top:0px; margin-top:0px; padding-bottom:9px; margin-bottom:6px; border-bottom:2px solid #D9D9D9; } #sidebar .teaser { width:316px; margin-left:9px; padding-top:4px; } #sidebar .teaserRow.cover .teaser { width:160px; } #sidebar .teaser.imgRight IMG { float:right; margin-right:0px; margin-left:10px; } #sidebar .teaser.imgRight H3 { clear:left; margin-top:2px; margin-bottom:2px; } #sidebar .teaser UL { margin-top:0px; } #sidebar .teaser.imgRight P SPAN, #sidebar .teaser.imgRight P SPAN A, #sidebar .teaser.imgRight LI A { clear:left; } #sidebar .teaser.small { width:146px; float:left; } #sidebar .teaser .spitzmarke { margin-bottom:2px; top:-3px; } /* Hot Ten Sidebar Teasers */ div#sidebar.dark { background: #393939; } #sidebar .teaserRow.hot_ten { position: relative; width: 338px; height: 275px; background: url("/img/std/hot_ten_boxverlauf.png") repeat-x; padding-bottom: 0; } #sidebar .teaserRow.hot_ten .bubble { display: none; } #sidebar .teaserRow.first.hot_ten .bubble{ display: inline-block; top: -14px; left: 2px; position: absolute; width: 87px; height: 89px; top: -5px; z-index: 2; } html>body #sidebar .teaserRow.first.hot_ten .bubble { background: url("/img/std/bubble-hot_ten.png") repeat-x 0 0;} * html #sidebar .teaserRow.first.hot_ten .bubble { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/bubble-hot_ten.png', sizingMethod='scale'); top: -25px; } /* * html body #sidebar .teaserRow.hot_ten .bubble { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/img/std/bubble-hot_ten.png', sizingMethod='scale'); } */ #sidebar .teaserRow.hot_ten .teaser.small { background: #000000; width: 300px; margin: 0 15px 15px 15px; padding-top: 0px; height: 115px; overflow: hidden; } * html #sidebar .teaserRow.hot_ten .teaser.small { margin: 8px 15px 0 5px; } #sidebar .teaserRow.hot_ten .teaser.small.oben { background: url('/img/std/hot_ten_boxverlauf_innen_oben.png') repeat-x; } #sidebar .teaserRow.hot_ten .teaser.small.unten { background: url('/img/std/hot_ten_boxverlauf_innen_unten.png') repeat-x; } #sidebar .hot_ten_bildbox { float: left; } #sidebar .teaserRow.hot_ten h3.spitzmarke { float: right; margin-right: 15px; color: #FFFFFF; } * html body #sidebar .teaserRow.hot_ten h3.spitzmarke { padding: 7px 7px 0 0; } #sidebar .teaserRow.hot_ten .teaser.small a img { float: left; margin-right: 10px; } #sidebar .teaserRow.hot_ten .teaser.small a { font-weight: bold; color: #EEEEEE; font-family: Georgia, Times, serif; font-size: 13px; margin: 4px 0px; } #sidebar .teaserRow.hot_ten .teaser.small h3 { padding-top: 5px; clear: none; margin-bottom: 0; margin-top: 0; } #sidebar .teaserRow.hot_ten .teaser.small p { color: #EEEEEE; font-size: 10px; float: left; width: 130px; line-height: 13px; } #sidebar .teaserRow.hot_ten .teaser.small p a.mehr_button { background-image: url('/img/std/link_default_dark.gif'); background-position: 0px 3px; background-repeat: no-repeat; color: #E0E0E0; float: none; display: inline-block; margin: 0; } /* Hot Ten Sidebar Teasers */ /* Sidebar Twitter Box */ #sidebar_twitter_box { background: url('/img/std/sidebar_twitter_box_headline.gif') no-repeat 8px 0; min-height: 30px; padding: 26px 0 20px 0px; clear: both; } #sidebar_twitter_box ul { border-top: 1px dotted #999999; border-bottom: 1px dotted #999999; } #sidebar_twitter_box li { min-height: 95px; border-top: 1px solid #999999; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background: url('/img/std/bg_sidebar_twitter_box_li.gif') repeat-y 0 0; padding-bottom: 5px; width: 100%; } #sidebar_twitter_box li.first { border: none; } #sidebar_twitter_box li .bild { width: 77px; float: left; background: url('/img/std/bg_sidebar_twitter_box.gif') no-repeat 0 0 #4b93a5; padding: 8px 8px 8px 9px; margin-right: 8px; } #sidebar_twitter_box li .text { width: 225px; float: left; } #sidebar_twitter_box li .text .name { font-size: 12pt; color: #888888; display: block; padding: 3px 0 0 0;} #sidebar_twitter_box li .text .tweet { font-size: 8.5pt; display: block; color: #AAAAAA; padding: 4px 0px;} #sidebar_twitter_box li .text .date { font-size: 7pt; display: block; color: #AAAAAA;} #sidebar_twitter_box li .bild img { width: 73px; height: 73px; border: none; } .imglupe {position:absolute; display:none; bottom:0; right:0; opacity:0.75; z-index:1; background: url('/img/icon/zoom_plus.gif') no-repeat 0 0; } /**************** Teaser Page Top ****************/ #pageHead { padding:0px; margin:0px; clear:both;} #pageHead DIV.img { width:494px; float:left; background-color:#313131; position:relative;} #pageHead.medium DIV.img { width:165px; height:206px; overflow:hidden;} #pageHead DIV.img IMG { float:left; } #pageHead DIV.content { width:324px; height:250px; float:left; padding-left:14px; color:#E0E0E0; background-color:#313131; } #pageHead.medium DIV.content { width:653px; height:206px; } #pageHead.medium DIV.content.noimg { width:818px; height:206px; float:none;} #pageHead DIV.footer div.datum {clear:none; display:inline; height:30px;font-size:10px;} #pageHead DIV.footer div.credit {position: absolute; clear:none; display:inline; font-size:10px; margin-left:20px;} /**************** Search Page Top ****************/ #StarMatch { padding:0px; margin:0px; float:left; width:484px; } #StarMatch DIV.img { width:165px; float:left; } #StarMatch DIV.content { width:294px; height:206px; float:left; padding-left:14px; color: #000; } #StarMatch DIV.content a { color: #000;} /**************** dpa Page Top ****************/ #dpa #pageHead DIV.img { float:left; background-color:#313131; clear:none;} #dpa #pageHead.medium DIV.img { float:left; width:auto; margin-right:20px; height:206px; background:#313131; display:inline;} #dpa #pageHead DIV.img IMG { float:left; } #dpa #pageHead.medium DIV.content { width:100%; height:206px; padding-left:0;} #dpa #pageHead .footer { position:relative; float:none; display:inline; clear:none;} #dpa .topbox span.h2headline a {color:#e0e0e0;} #dpa span {color:#e0e0e0;} #article .box.right div.dpa_entry{ height:auto; } /********************************************************************* page header *********************************************************************/ /**************** homepage head ****************/ #pageHead { float:left; margin-top:1px; width:832px; clear:none; } #pageHead .teaser { padding-top:15px; } #pageHead .teaser H1, #pageHead .teaser H1 A { font-size:21px; font-weight:normal; margin-top:2px; margin-bottom:10px; } #pageHead .teaser H1, #pageHead A { color:#E0E0E0; } #pageHead .teaser .spitzmarke { padding-left:0px; top:0px; z-index: 10; position: static;} #pageHead A:hover { color:#C3000C; text-decoration:none; } #pageHead .teaser.topStory { font-size: 12px; height:161px; } #pageHead .teaser.topStory P { font-size: 12px; } #pageHead .teaser.currentIssue { clear:both; padding-top:0px; } #pageHead .teaser.currentIssue IMG { position:absolute; float:right; margin-top:1px; margin-left:173px; } /**************** medium / subindex / article head ****************/ #pageHead.medium .teaser.topStory { height:168px; float:left; } #pageHead.medium .teaser.more { float:right; width:215px; clear:right;} #pageHead.medium .teaser.more UL { border-bottom: 1px solid #fff; padding-bottom:5px; } #pageHead.medium .teaser.more LI { border-top: 1px solid #fff; padding-top:3px; } #pageHead.medium .teaser.more LI A { font-weight:normal; } #rubric_head_icon { width: 96px; height: 85px; margin: 0; padding: 0; position: relative; top: 0px; left: -50px; } html>body #pageHead .content .teaser.topStory .starstory { background: transparent url('/img/std/rubric_icons/stargeschichten.png'); } * html #pageHead .content .teaser.topStory .starstory { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/rubric_icons/stargeschichten.png', sizingMethod='scale'); } /**************** small head (trivia etc) ****************/ #pageHead.small .teaser { width:591px; } #pageHead.small .teaser.topStory { height:72px; float:left; } #pageHead.small DIV.content { width:818px; height:110px; } #pageHead .loginLine { margin-left:500px; } #pageHead .loginLine A { margin-left:10px; background-image:url(/img/std/teaser_arrow_more_bright.gif); background-repeat:no-repeat; padding-left:15px; background-position:0px 3px; } /**************** footer mit Pager ****************/ #pageHead .footer { float:left;clear:both;width:100%; display:inline; } #pageHead .footer P { white-space:nowrap; float:left; width:200px; font-size:10px; } #pageHead .footer UL, #pageHead .footer LI { float:left; margin:0px; padding:0px; } #pageHead .footer UL { margin-top:2px; } #pageHead .footer LI { background-color:#6a6a6a; border:1px solid #000; border-bottom:none; margin-right:3px; } #pageHead .footer LI A { display:block; float:left; padding:1px 5px 2px 5px; border:1px solid #fff; border-bottom:none; } #pageHead .footer LI A.current { color:#949494; font-weight:bold; background-color:#FFF; } /*#pageHead .footer_back { float:right; clear:right; padding-right:20px; padding-top:0px; display:inline; } */ #pageHead.small .footer .pager { padding-left:390px; } #pageHead .timestamp { float:right; clear: none; display:inline; padding-right:335px; font-size:10px; } /**************** special heads ****************/ #pageHead DIV.content.trivia { background-image:url(/img/special_header/trivia_big.jpg); background-repeat:no-repeat; } #pageHead.small DIV.content.trivia { background-image:url(/img/special_header/trivia_small.jpg); background-repeat:no-repeat; } /********************************************************************* article *********************************************************************/ #article { margin:0px 20px 10px 10px; padding-top:10px; font-size:12px;} #article H1, #article SPAN.intro { font-size:14px; font-weight:bold; color:#900; } #article P A { color:#900; } #article A { color:#900; } #article H1 { padding-bottom:10px; } #article H2 { margin-top:5px; margin-bottom:7px; } #article P { font-size: 12px; padding-bottom:15px; } #article P.intro { font-weight:bold; } #article .teaserRow { background-image:none; padding-top:0px; margin-top:3px; width:454px; margin-bottom:20px; } #article .teaser { width:454px; } #article A.backlink { color:#666; margin-top:20px; display:block; float:left; clear:both; background-image:url(/img/std/icon_overview.gif); background-repeat:no-repeat; padding-left:15px; background-position:0px 2px; } #article A.backlink:hover { color:#900; } #article A.submit { color:#666; } #article DIV.center { text-align:center; } /**************** images ****************/ #article .img { background-color:#F8F8F5; margin-right:14px; margin-bottom:15px; float:left; width:220px; clear:right; } /** clear raus? im ie floaten dann die absätze mit bildern und zu wenig text... */ #article .img.right { float:right; margin-right:0px; margin-left:14px; clear:left; } /** clear raus? im ie floaten dann die absätze mit bildern und zu wenig text... */ #article .img.wide { width:440px;} /* layout bug css fix (mf) */ /* - will cause conflicts with pager images, tbd #article .img.wide IMG{ width: 400px; clear:both; margin-right:0px;} */ #article .img.wide IMG{ clear:both; margin-right:0px;} /* #article .img.wide { width: 400px; clear:both; margin-right:0px;} */ #article .img IMG { margin-bottom:8px; } #article .img H6, #article .img P { margin:0px 11px 7px 10px; padding:0px; font-size:10px; } #article .img P { margin-bottom:10px; } /**************** boxes ****************/ #article .box { background-color:#F8F8F5; margin-right:14px; margin-bottom:14px; float:left; width:220px; } #article .box.right { margin-right:0px; margin-left:14px; float:right;} #article .box.wide { float:none; clear:both; width:100%; margin-right:0px; } #article .box.wide img{ margin-bottom:13px; margin-left: 13px } #article .box .spitzmarke { display:block; font-size:10px; text-transform:uppercase; letter-spacing:1px; padding:5px 10px 5px 12px; border-bottom:1px solid #FFF; font-weight:bold; color:#900; } #article .box.wide UL { width:410px; } #article .box LI A { margin-top:3px; font-weight:bold; background-image:url(/img/std/teaser_arrow_more.gif); padding-left:15px; background-repeat:no-repeat; background-position:0px 3px; } #article .box .entry, #article .box UL { padding:8px 10px 10px 12px; } #article .box .entry { font-size: 11px; border-bottom:1px solid #FFF; } #article .box SPAN A { font-weight:bold; background-image:url(/img/std/teaser_arrow_more.gif); background-repeat:no-repeat; padding-left:15px; background-position:0px 3px; width:10px; margin-top:5px; } #article .box LI A.down { background-image:url(/img/std/arrow_down.gif); } #article .box.photoshow { padding-bottom:10px; } #article .box.photoshow H2, #article .box.photoshow P { margin:0px; padding:5px 12px 0px 12px; } #article .gallerycontainer h2 a { color: #990000; } /**************** pager ****************/ #article .pagerBar {border: 1px solid #D9D9D9; clear:both; padding:4px 7px 4px 7px; width:435px; float:left; margin-right: 0px; } #article UL.pager { display:block; float:left; width:300px; white-space:normal; text-align:center; } #article UL.pager.noBackLink { padding-left:40px; } #article UL.pager LI {display:inline; } #article UL.pager LI A { padding:0px 2px 0px 5px; border-left: 1px solid #666; } #article UL.pager LI.first A { border:none; } #article UL.pager LI A.current { font-weight:bold; } #article .pagerBar SPAN.back { display:block; float:left; width:50px; } #article .pagerBar A.back, #article .pagerBar A.next { display:block; float:left; width:55px; font-weight:bold; background-image:url(/img/std/pager_arrow_left.gif); background-repeat:no-repeat; padding-left:15px; background-position:left; } #article .pagerBar A.back { width:50px; float:left; display:block;} #article .pagerBar A.next { width: 40px; float:right; display:block; background-image:url(/img/std/pager_arrow_right.gif); background-position:right; padding-right:18px; padding-left:0px;} /**************** comments pager ****************/ #article .comments .pagerBar { border:none; width:auto; float: left; padding:0px; margin-right:10px; } #article .comments UL.pager { width:auto; } #article .comments .pagerBar UL.pager A { background-image:none; font-weight:normal; } #article .comments .pagerBar UL.pager A.current { font-weight:bold; } #article .comments .pagerBar A.next, #article .comments .pagerBar A.back { font-weight:normal; width:30px; } /**************** feature footer ****************/ #page #noFeatures { height:30px; float:left; clear:both; width:494px; border-right:2px solid #D9D9D9; } #page #features { height:auto; padding-top:27px; height:21px; text-align: center;} #page #features .print A { font-size: 10px; margin-left: 8px; padding-left:15px; background: transparent url(/img/std/icon_print.gif) no-repeat scroll center left; } #page #features .send A { font-size: 10px; margin-left: 8px; padding-left:15px; background: transparent url(/img/std/icon_send.gif) no-repeat scroll center left; } #page #features .overview A { font-size: 10px; margin-left: 8px; padding-left:15px; background: transparent url(/img/std/icon_overview.gif) no-repeat scroll center left; } /**************** social bookmark footer ****************/ #page #social_bkm { margin-bottom:10px; } #page #social_bkm .links { height:50px; float:left; margin-right:40px; } #page #social_bkm .links IMG { margin-top:3px; } #page #social_bkm .links P {padding-bottom:2px;font-weight:bold; font-size:11px; } #page #social_bkm .rechts P { padding-bottom:2px;font-weight:bold; font-size:11px; } /**************** tables ****************/ #article TABLE { width:100%; margin-bottom:20px;} #article TH, #article TD { background-color:#F8F8F5; margin:0px 1px 1px 0px; padding:5px 9px 5px 9px; vertical-align:top; text-align:left; } #article TD.num { text-align:right; } #article TD.center { text-align:center; } #article TH { font-size:10px; } #article TH { font-weight:normal; text-transform:uppercase; } #article TABLE A { text-decoration:underline; } #article TABLE A.tableUserDetail { font-weight:bold; background-image:url(/img/std/icon_lupe.gif); background-repeat:no-repeat; background-position:left; padding-left:30px; display:block; float:left; height:16px; } #article TABLE A.tableUserDetail.auto { height:auto; min-height:16px; } /**************** author / photographer footer ****************/ #article .author { clear:both; padding-bottom:15px; } #article .author .icon { float:left; margin-right:14px; } #article .author P { margin:0px; padding:0px; float:left; } /**************** guestbook ****************/ #article .teaserRow.guestbook { background-image:url(/img/std/line_dotted.gif); background-repeat:no-repeat; margin-bottom:0px; } #article .teaserRow.guestbook A { color:#900; } #article .teaserRow.guestbook P { padding-bottom:8px; } #article .content_pager A { color:#666; } /* einfache Links im Content (grau) */ #article .content_pager A STRONG { color:#900; } /********************************************************************* forms *********************************************************************/ /**************** form standards ****************/ FORM.standard { padding:0px; margin:0px; float:left; margin-bottom:20px; } FORM.standard .fieldSet { float:left; clear:both; width:444px; background-color:#F8F8F5; padding:15px 0px 15px 10px; margin:0px; margin-bottom:1px; } FORM.standard .fieldSet .oldstyle { font-size: 9px; } FORM.standard .oldstyle { font-size: 9px; } FORM.standard .oldstyle a { font-size: 10px; } FORM.standard .fieldSet.small { padding:5px 0px 5px 10px; } FORM.standard LABEL { float:left; clear:left; font-weight:bold; width:132px; padding:0px; margin:0px; margin-bottom:10px; } FORM.standard .text { border:1px solid #D9D9D9; float:left; width:293px; clear:right; margin-bottom:10px; padding:2px 2px 2px 4px; } FORM.standard SELECT.text { padding:0px; width:302px; height:17px; } FORM.standard DIV.submitLine { clear:both; margin-left:134px; } FORM.standard DIV.submitLine .submit { margin-right:23px; } FORM.standard DIV.submitLine .submit.login { width:80px; } FORM.standard DIV.submitLine>.submit.login { width:auto; } /** mozilla et al */ FORM.standard INPUT.radio, FORM.standard INPUT.checkbox { margin:0px; float:left; clear:left; position:relative; left:-4px; } FORM.standard LABEL.radio, FORM.standard LABEL.checkbox { font-weight:normal; float:left; clear:right; position:relative; top:3px; width:auto; } FORM.standard INPUT.checkbox { left:0px; margin-right:10px; } FORM.standard INPUT.checkbox.inset { margin-left:132px; } FORM.standard LABEL.checkbox { top:0px; } FORM.standard .fieldSet>INPUT.radio { left:0px; margin-top:5px; top:1px; } /** mozilla et al */ FORM.standard .fieldSet>LABEL.radio { top:0px; margin-top:5px; padding-left:5px; } FORM.standard INPUT.text.auto, FORM.standard SELECT.text.auto { width:auto; height:auto; clear:none; margin-right:5px; } FORM.standard .fieldSet P { clear:both; } FORM.standard .quizSubmit { float:left; clear:both; width:432px; border:1px solid #D9D9D9; padding:5px 10px 5px 10px; font-weight:bold; margin-top:20px; } FORM.standard .quizSubmit .submit { float:right; clear:none; margin:0px; padding:0px; background-image:url(/img/std/pager_arrow_right.gif); background-position:right; padding-right:13px; text-align:right; width:auto; } FORM.standard LABEL A { text-decoration:underline; } FORM.standard h3.spitzmarke { text-transform:uppercase; } /**************** Einfache Umfrage (z.B. Sidebar) ****************/ FORM.survey INPUT.radio { margin:0px; float:left; clear:left; position:relative; left:-4px; } FORM.survey LABEL { float:left; clear:right; position:relative; top:3px; width:295px; } FORM.survey>INPUT.radio { left:0px; margin-top:5px; top:1px; } /** mozilla et al */ FORM.survey>LABEL { top:0px; margin-top:5px; padding-left:5px; } /** mozilla et al */ FORM.survey.promi LABEL { width:20px; display:block; clear:none; padding-left:15px; } FORM.survey.promi LABEL.first { padding-left:0px; white-space:nowrap; height:22; vertical-align:center;} FORM.survey.promi>LABEL.first { padding-left:4px; } FORM.survey.promi SPAN { margin-left:3px; } FORM.survey.promi LABEL>SPAN { margin-left:0px; line-height:20px; } /** mozilla et al */ /**************** Abstimmungs-Ergebnis Balken ****************/ #content .vote_results { margin-bottom:50px; } #content .vote_results .column { width:105px; float:left; text-align:center; margin-left:6px; } #content .vote_results .column.first { margin-left:0px; } #content .vote_results .column .top, .vote_results .column .value { overflow:hidden; } #content .vote_results .column .value { width:105px; background-color:#D9D9D9; margin-top:5px; } #content .vote_results .desc { border-top:1px solid #D9D9D9; margin-top:5px; padding-top:5px; } #content .vote_results .desc P { display:block; float:left; width:105px; margin-left:6px; text-align:center; font-weight:bold; } #content .vote_results .desc P.first { margin-left:0px; } /**************** Neue Umfragen (ak, 01-2009) ****************/ /* Box Wide mit und ohne Bild */ #votebox1 {width:445px; margin:0px 0px 15px 0px; background:#ebebe9;} * html #votebox1 {width:449px; } /*ie*/ #votebox1 #photo {float:left; width:220px;} #votebox1 #text {float: right; font-weight:normal; background:#ebebe9; display:inline-block; } #votebox1 .textwithimg { width:225px; } * html #votebox1 .textwithimg { width:229px; } /*ie*/ #votebox1 #text div.headline { margin:0px; background:#313131; padding: 3px 0px 3px 10px;} #votebox1 #text span.headline {color:#E0E0E0; font-size:10px; font-weight:normal; letter-spacing:1px; text-transform:uppercase; } #votebox1 #text div.text {display:block; margin: 8px; font-weight:normal;font-size:11px; width:auto;} #votebox1 #text div.hellgrau {display:inline-block; background:#f8f8f6; padding: 2px 0 2px 0; width:100%;} #votebox1 #text div.dunkelgrau {display:inline-block; background:#ebebe9; padding: 2px 0 2px 0; width:100%; } #votebox1 #text a {float:right; display:inline; margin: 0px 0px 0px 5px; width:35px;} #votebox1 div.footer {width:439px; height:14px; background:#313131; padding: 3px 0px 3px 6px;} * html #votebox1 div.footer {width:449px; } /*ie*/ #votebox1 a.teaserlink {background:url('/img/std/teaser_arrow_more_bright.gif') no-repeat 0px 3px; white-space:no-wrap; padding: 0px 10px 0px 230px; font-weight:normal; color:#FFFFFF; font-size:11px;} #votebox1 a.left {background:url('/img/std/teaser_arrow_more_bright.gif') no-repeat 0px 3px; padding: 0px 10px 0px 12px;} #votebox1 #text p.prozent {float: right; color:#E0E0E0; font-weight: normal; padding: 1px 5px 0px 0px; font-size:10px;} #votebox1 #text div.votingbar_bg {width: 210px; padding: 1px; margin: 3px 0px 3px 8px; background: url('/img/std/votingbar_bg.gif') #313131; vertical-align:middle; clear:both; height: 12px; display:inline-block;} #votebox1 #text div.votingbar {height: 9px; border: outset 2px #999999; background:#d4d3d9;} /* Duelle */ #votebox2 {position: relative; top:-10px; width: 494px; height: auto; background: #313131;padding-bottom:10px; } #votebox2 h1 {color:#e0e0e0; font-size:21px; font-weight:normal; padding: 18px 0px 10px 18px; } #votebox2 h2 {color:#e0e0e0; font-size:12px; font-weight:bold; padding: 6px 0px 3px 0px; display:block; clear:none; } #votebox2 p.caption {color:#e0e0e0; padding: 10px 0 0 0; width:225px; } #votebox2 div.left_align {clear:both;width:226px;float:left;padding: 0px 0px 0 18px; border-right:solid #313131 1px; color:#E0E0E0;} #votebox2 div.right_align {width:226px;float:right;padding: 0px 20px 0px 0px; color:#E0E0E0;} #votebox2 span.headline {font-weight:normal; font-size:14px; color:#E0E0E0; padding:0px 0px 0px 20px; margin: 0px; display:inline; text-transform:none;} #votebox2 #ergebnis p.prozent {float: right; font-size:11px; color:#E0E0E0; font-weight: normal; padding: 1px 5px 0px 0px;} #votebox2 #ergebnis div.votingbar_bg {background: url('/img/std/votingbar_bg2.gif') #313131; clear:both; width: 224px; padding: 1px; margin: 2px 0px 0px 0px; vertical-align:middle; clear:both; height: 15px; display:block; } #votebox2 #ergebnis div.votingbar {height: 12px; border: outset 2px #999999; background:#d4d3d9;} #votebox2_footer { padding: 0px 0px 0px 18px;} #votebox2_footer a { background:url('/img/std/teaser_arrow_more.gif') no-repeat 0px 3px; white-space:no-wrap; padding: 0px 0px 0px 12px; font-weight:normal; font-size:11px; color: #6A6A6A; } #votebox2 #voteboxpager { width:455px; background: #525252; height:18px; margin: 0px 0px 2px 18px; padding:0px; display:block; clear:both;} * html #votebox2 #voteboxpager { height:18px; overflow:hidden;} #votebox2 #voteboxpager a.prev { background:url('/img/std/votebox_pager_prev.gif') no-repeat 0px 0px; white-space:no-wrap; border-right:2px solid #313131; padding:9px 18px 9px 18px; display:inline; float:left; margin:0px;} #votebox2 #voteboxpager a.next { display:inline; float:right; background:url('/img/std/votebox_pager_next.gif') no-repeat 0px 0px; white-space:no-wrap; border-left:2px solid #313131; padding: 9px 18px 9px 18px; margin:0px;} #votebox2 #goNextBar{ width:455px; background: #525252; height:18px; margin: 0px 0px 2px 18px; padding:0px; display:block; clear:both; } #votebox2 #goNextBar #bar{ padding:0px 5px 0px 0; display:inline; float:left; margin:0px; width:405px; text-align:right; color:#E0E0E0; } #votebox2 #goNextBar #arrow{ display:inline; float:right; background:url('/img/std/votebox_pager_next.gif') no-repeat 0px 0px; white-space:no-wrap; border-left:2px solid #313131; padding: 9px 18px 9px 18px; margin:0px; } /* Related Box left oder right */ #votebox3 {width:220px; float:right; background:#313131; padding:0px; margin: 0px;} #votebox3 a {background-image:none; margin:0px; width:auto; padding:0px; font-weight:normal;} #votebox3 div.headline {padding: 3px 10px; background:#313131;} #votebox3 div.headline span.headline {color:#E0E0E0; font-size:10px; letter-spacing:1px; text-transform:uppercase; font-weight:normal;} #votebox3 div.hellgrau {float:left;width:220px; background:#6A6A6A; padding:0px;} #votebox3 div.dunkelgrau {float:left;width:220px; background:#313131; padding:0px;} #votebox3 img.right {float:right; margin: 0px 0px 0px 5px;} #votebox3 div.text {color: #E0E0E0; font-weight:normal;font-size:11px;padding:2px;} #votebox3 div.footer_line {width:450px; background:#313131; border-bottom: solid 1px #FFFFFF; padding: 5px 0px 5px 0px;} #votebox3 div.footer a.teaserlink { background:url('/img/std/teaser_arrow_more_bright.gif') 0px 4px no-repeat #313131; color:#E0E0E0; padding-left:14px; font-size:8.4pt; } #votebox3 div.ergebnis {padding: 3px 0px 0px 0px; color:#E0E0E0;} #votebox3 div.ergebnis p.prozent {float: right; font-size:9px; color:#E0E0E0; font-weight: normal; padding: 0px 5px 0px 0px; font-size:10px;} #votebox3 div.ergebnis div.votingbar_bg {clear:both; width: 200px; padding: 1px; margin: 2px 0px 0px 0px; vertical-align:middle; clear:both; height: 11px; display:block; background: #444444; } #votebox3 div.ergebnis div.votingbar {height: 9px; border: outset 2px #999999; background:#d4d3d9;} #votebox3 div.footer {float:left;background:#313131;} #votebox3 div.footer span {margin:3px 3px 5px 5px;float:left;} /* Sidebar */ #votebox4 { background:#ebebe9; padding:0px; margin: 0px;} #votebox4 #text {font-weight:normal; background:#ebebe9; color: #E0E0E0;} #votebox4 #text a {background-image:none; margin:0px; padding:0px; font-weight:normal;} #votebox4 #text div.headline {padding: 3px 10px; background:#6A6A6A; text-transform:uppercase;letter-spacing:1px; font-weight:normal;} #votebox4 #text span.headline {color:#E0E0E0; font-size:10px; display:block} #votebox4 #text div.text {width:316px; color: #E0E0E0; font-weight:normal;font-size:11px; padding:10px;} #votebox4 #text div.hellgrau {display:inline-block; background:#6A6A6A; padding:0px;} #votebox4 #text div.dunkelgrau { display:inline-block; background:#313131; padding:0px;} #votebox4 #text img.right {float:right; margin: 0px 0px 0px 5px;} #votebox4 a.teaserlink {background:url('/img/std/teaser_arrow_more_bright.gif') no-repeat 228px 4px; white-space:no-wrap; padding: 0px 10px 0px 240px; font-weight:normal; color:#FFFFFF; font-size:11px;} #votebox4 div.ergebnis {display:inline; padding: 3px 0px 0px 0px; color:#E0E0E0;} #votebox4 div.ergebnis p.prozent {float: right; font-size:9px; color:#E0E0E0; font-weight: normal; padding: 1px 5px 0px 0px; font-size:13px;} #votebox4 div.hellgrau div.ergebnis div.votingbar_bg {clear:both; width: 200px; padding: 1px; margin: 2px 0px 0px 0px; vertical-align:middle; clear:both; height: 22px; display:block; background:#313131;} #votebox4 div.dunkelgrau div.ergebnis div.votingbar_bg {clear:both; width: 200px; padding: 1px; margin: 2px 0px 0px 0px; vertical-align:middle; clear:both; height: 22px; display:block; background:#6A6A6A; } #votebox4 div.ergebnis div.votingbar {height: 19px; border: outset 2px #999999; background:#d4d3d9;} #votebox4 #text div.footer {background:#313131; padding: 3px 10px; border-top: solid 1px #6A6A6A;} #votebox4 #text div.footer a.teaserlink { background:url('/img/std/teaser_arrow_more_bright.gif') 0px 4px no-repeat #313131; color:#E0E0E0; padding-left:14px;} /* Indexpage Starvotes */ div.votebox5 { background:#FFFFFF; float:left;} div.votebox5 div.photo {float:left; width:155px;} div.votebox5 div.text { font-weight:normal; display:inline-block; padding:0px;} div.votebox5 div.withimg { width:666px; } div.votebox5 div.noimg { width:683px; } div.votebox5 div.text div.ContainerRechts {font-weight:normal;font-size:11px;width: 400px; float: right;} div.votebox5 div.text div.hellgrau { background:#f8f8f6; padding: 5px 0px 0px 10px; height:34px; width: 100%; margin:0px;} div.votebox5 div.text div.dunkelgrau { background:#ebebe9; padding: 5px 0px 0px 10px; height:34px; width: 100%; margin:0px;} div.votebox5 div.text img {float:right;} div.votebox5 div.footer {width:450px; background:#313131; border-bottom: solid 1px #FFFFFF; padding: 1px; height:14px;} div.votebox5 a.teaserlink {background:url('/img/std/teaser_arrow_more_bright.gif') no-repeat 228px 3px; white-space:no-wrap; padding: 0px 10px 0px 240px; font-weight:normal; color:#FFFFFF; font-size:11px;} div.votebox5 div.text p.prozent {float: right; font-size:10px; color:#E0E0E0; font-weight: normal; padding: 1px 5px 0px 0px; font-size:10px;} div.votebox5 div.text div.votingbar_bg {width: 210px; padding: 1px; margin: 3px 0px 0px 0px; background: url('/img/std/votingbar_bg.gif') #313131; vertical-align:middle; clear:both; height: 15px; float:left;} div.votebox5 div.text div.votingbar {height: 12px; border: outset 2px #999999; background:#d4d3d9;} /* Indexpage VoteDuell*/ #votebox6 { background:#FFFFFF; float:left;} #votebox6 #photo {width:205px; display:inline; float:left;} #votebox6 #photo div.image { float:left; display:inline; padding-right: 5px; } #votebox6 #text { font-weight:bold; float: left; display:inline; padding:5px 0px 0px 0px;} #votebox6 #text div.ergebnis { font-weight:normal; display:inline; float:left; margin:3px 30px 0px 0px;} #votebox6 #text a {font-weight:normal; background:url('/img/std/teaser_arrow_more.gif') no-repeat 0px 3px; white-space:no-wrap; padding: 0px 10px 0px 12px;} #votebox6 #text p.prozent {float: right; font-size:11px; color:#E0E0E0; font-weight: normal; padding: 1px 5px 0px 0px; font-size:15px;} #votebox6 #text div.votingbar_bg {width: 210px; padding: 1px; margin: 5px 0px 4px 0px; background: url('/img/std/votingbar_bg.gif') #313131; vertical-align:middle; clear:both; height: 22px; float:left;} #votebox6 #text div.votingbar {height: 19px; border: outset 2px #999999; background:#d4d3d9;} /* Indexpage Vote Pager */ #voteindex .pagerBar {clear:both;margin:50px 0 0 8px;width:600px;} #voteindex ul.pager { display:inline;text-align:center;white-space:normal;width:300px; margin:0 40px;} #voteindex .pagerBar {clear:both; margin:50px 0 0 8px; width:600px;} #voteindex ul.pager li { display:inline; list-style-type:none;font-size:12px;margin:0;padding:0; } #voteindex ul.pager li a.current {font-weight:bold;} #voteindex ul.pager li.first a {border:medium none;} #voteindex ul.pager li a {border-left:1px solid #666666;padding:0 2px 0 5px;} #voteindex a.prev {display:inline; float:left; background-image:url(/img/std/pager_arrow_left.gif);background-position:left 3px;background-repeat:no-repeat; padding-left: 12px;} #voteindex a.next {display:inline; background-image:url(/img/std/pager_arrow_right.gif);background-position:right 3px;background-repeat:no-repeat;padding-right: 12px} /********************************************************************* Werbung macht Spass *********************************************************************/ #searchbox { margin:38px 8px 0 0; z-index:15;} #suchfeld { position:absolute;left: 340px; width: 400px;} #promo_banner { float:left; display:block; width:468px; height:auto; padding-left:55px; } * html #promo_banner { position:absolute } .suggest_link {background-color: #FFFFFF; padding: 2px 6px 2px 6px; } .suggest_link_over {background-color: #CC0000; padding: 2px 6px 2px 6px; } #search_suggest {position: absolute; background-color: #EFEFEF; text-align: left; float:left; color:#666666; font-size:10px; margin: 2px 0 0 0; border: none; z-index:1110; width:110px; height:1px; display:none; } #skyscraper { position:absolute; left:837px; top:121px; z-index:900; } #leaderboard {position:relative; margin-left:50px; height:auto;} #wallpaper {margin-left:50px; height:auto; position:relative; z-index:-1; } #adTop { height:auto;} #ivwimg {position:absolute; top:10px; left:10px; z-index:59;} #SiteCatalyst {position:absolute; top:10px; left:10px; z-index:58;} #Tradedoubler {position:absolute; top:10px; left:10px; z-index:57;} #betarget {position:absolute; top:-10px; left:-10px; z-index:59; } #content_ad { display:block; clear: both; padding-bottom: 16px;} #special_logo_artikel {float:right; text-align:right;} #special_logo a.back {padding:top:4px; margin-right:4px} #special_navbox {color: #e0e0e0; border-left:#ffffff solid 10px; height:256px; margin-top:10px; border-right: 15px solid #FFFFFF;} .special_navbox_balken {width:310px; background:#313131; height:63px;} #special_navbox a { font-weight:bold; } #special_navbox a.special1 { background: url(/img/std/link_default_dark.gif) right 5px no-repeat; color: #E0E0E0; padding-right:15px; font-size:15px;} #special_navbox a.special2 { background: url(/img/std/link_default_dark.gif) right 3px no-repeat; color: #E0E0E0; padding-right:15px; } .special_navbox_img {width:90px; height:53px; margin:5px; float:left;} #special_navbox a {color: #e0e0e0; margin-left: 4px;} #special_navbox span {color: #e0e0e0; padding-left: 4px; display:block;} /********************************************************************* Promi DB *********************************************************************/ #pageHead A.promi_back { font-weight:bold; background-image:url(/img/std/teaser_arrow_more_bright_left.gif); white-space:nowrap; background-repeat:no-repeat; padding-left:15px; background-position:0px 3px; } #content FORM.standard DIV.block { float:left; width:300px; } #content FORM.standard DIV.pdb_icon { padding-left:23px; display:block; float:left; width:28px; text-align:center; margin-bottom:12px; margin-top:3px; } #content FORM.standard DIV.pdb_icon.one { width:48px; padding-left:0px; } #content FORM.standard DIV.pdb_icon.two, #content FORM.standard DIV.pdb_icon.three { width:66px; } #content FORM.standard DIV.pdb_icon.four { width:38px; } #content FORM.standard DIV.pdb_icon LABEL { float:none; clear:none; font-weight:normal; width:auto; padding:0px; margin:0px; margin-bottom:10px; cursor:pointer; } #content #article #newsticker { border:1px solid #D9D9D9; margin-bottom:20px; padding:4px 0px 4px 0px; width:452px; height:15px; } #content #article #newsticker_clip { width:452px; height:15px; overflow:hidden; position:absolute; clip:rect(0px 452px 26px 0px); } #content #article #newsticker_content { white-space:nowrap; margin-left:4px; left:4px; overflow:hidden; position:absolute; } #content TABLE#photoshow_content TD.description IMG.cursor { margin-right:8px; } #content #promi_interactive { position:relative; } #content #promi_interactive A.circle { position:absolute; background-repeat:no-repeat; } #content #promi_interactive A.circle.small { width:25px; height:25px; background-image:url(/img/std/interactive_circle_small.gif); } #content #promi_interactive A.circle.medium { width:37px; height:37px; background-image:url(/img/std/interactive_circle_medium.gif); } #content #promi_interactive A.circle.big { width:48px; height:48px; background-image:url(/img/std/interactive_circle_big.gif); } #content #promi_interactive>A.circle.small { background-image:url(/img/std/interactive_circle_small.png); } #content #promi_interactive>A.circle.medium { background-image:url(/img/std/interactive_circle_medium.png); } #content #promi_interactive>A.circle.big { background-image:url(/img/std/interactive_circle_big.png); } #content #promi_interactive_view { position:absolute; display:none; z-index:10; left:223px; top:202px; width:438px; height:284px; background-color:#FFF; border:1px solid #A8A8A8; padding:0px; } #content #promi_interactive_view A.close { position:relative; float:right; margin:3px 0px 0px 0px; color:#900; text-decoration:none; } #content #promi_interactive_view FORM { margin:0px; padding:0px; } #content #promi_interactive_view FORM TEXTAREA { margin:5px 0px 0px 10px; padding:0px; padding-left:10px; width:408px; height:250px; border:none; background-color:#F8F8F5; cursor:default; } /******************************************************************************** Photoshow Ranking ********************************************************************************/ .rankingbox {padding: 3px; margin-bottom:10px; border: 1px solid #D9D9D9; background-color:#F8F8F6; white-space:nowrap; overflow:hidden;} .rankingbox /*********************************************************************************/ /********************************************************************************* Photoshow Next-Layer *********************************************************************************/ .gallerylayer a:hover {color:#666; text-decoration: none;} .galleryarrow {width:12px; margin-right: 6px; position:relative; top:3px;} .pixsta_teaser {position: absolute; top:-20px; right:0px; z-index:44; } /********************************************************************************/ /********************************************************************************* Titel Copyright-Layer *********************************************************************************/ .headerimgcontainer {} .headerimglayer {font: Tahoma, Verdana, Helvetica, sans-serif 12px; line-height: 15px; height: 55px; width: 474px; padding: 4px 10px 0 10px; color: #565555; border-right: 1px solid #D9D9D9;} html>body .headerimglayer { position: relative; top: 261px; left: 0px; background: transparent url('/img/std/top_story_transparent.png');} * html .headerimglayer {position: relative; top: 261px; left: 0px; font: Tahoma, Verdana, Helvetica, sans-serif 12px; line-height: 15px; height: 55px; width: 474px; color: #565555; border-right: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/top_story_transparent.png', sizingMethod='scale');} html>body #page #pageHead .img .headerimglayer p a, html>body #page #pageHead .img .headerimglayer p a:hover {color: #666666; text-decoration: none; font-weight:bold; background-image:url(/img/std/teaser_arrow_more.gif); background-repeat:no-repeat; background-position:0px 3px; width:10px; margin:5px 60px 0 0;} * html #page #pageHead .img .headerimglayer p a, * html #page #pageHead .img .headerimglayer p a:hover {color: #666666; text-decoration: none; font-weight:bold; background-image:url(/img/std/teaser_arrow_more.gif); background-repeat:no-repeat; background-position:0px 3px; width:10px; margin:5px 10px 0 0;} #page #pageHead .img .headerimglayer .intro { color: #C30109; font-weight: bold;} html>body .fixnotopteaserleft { top: 388px; background-image: none; border: none;} * html .fixnotopteaserleft { position: relative; left: 0; top: 412px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale'); border: none;} .fixnotopteaserleft a { color: #666666;} /********************************************************************************/ .archive, .archive a{ font: Tahoma, Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #666; } .teaserRowArchive { float:left; padding-top:0; width:484px; } /********************************************************************************* next/prev article *********************************************************************************/ /*#articlenavigation {padding-bottom:5px;}*/ #articlenavigation #leftlink {background-image:url(/img/std/pager_arrow_left.gif); background-repeat:no-repeat; background-position:0px 3px; float:left; width:227px; position: relative; left:10px} #articlenavigation #leftlink a#leftanc {text-align:center; display:block; padding-left:8px; padding-right:127px; width: 100px;} #articlenavigation #rightlink {background-image:url(/img/std/pager_arrow_right.gif); background-repeat:no-repeat; background-position:218px 3px; float:right; width:227px; position: relative; right:10px} #articlenavigation #rightlink a#rightanc {text-align:center; display:block; padding-right:16px; padding-left:118px; width: 100px;} /********************************************************************************/ div.gujglossar {width: 792px;} #glossarContent li {border-bottom:2px dotted #999999;list-style-type:none;margin-bottom:20px;padding-bottom:20px;} /********************************************************************************* top articles box *********************************************************************************/ .topbox {width: 336px;} .topbox_head {background-color: #4a4a4a; color: #fff; font-size:16px; height:40px; padding: 0 0 0 10px;} .topbox .light {background-color: #e0e0e0;} .topbox .dark {background-color: #ebebe9;} .topbox_item {} .topbox_item_image {width: 100px;} .topbox_item_number {vertical-align: top; color: #990000;} .topbox_item_content {padding: 5px 5px 5px 0;} .topbox_spacer {height:2px;} /********************************************************************* Partner Glossar *********************************************************************/ #SEO_partnerseiten { width: 800px; } #SEO_partnerseiten td { background-color: #FFF; } /* Starbase Info-Box */ .quickinfo { width: 244px; height: 118px; background: transparent url('/img/std/starbase-snippet.gif'); position: absolute; padding: 14px 3px 3px; z-index: 100;} .quickinfo .image { width: 52px; float: left; margin: 4px 3px; } .quickinfo .content { } .quickinfo .content .headline { display: block; } .quickinfo .content .teasertext { display: block; font-weight: normal; font-size: 11px;} .dreierteaser_frame { padding-bottom:32px; width:484px; } .dreierteaser_frame .dreier_left { width: 315px; float: left; margin:0; padding: 0; } .dreierteaser_frame .dreier_right { width: 315px; height:auto; float: right; margin:0px; padding: 0; } .dreierteaser_frame .dreierteaser { width:315px } .dreierteaser_frame .dreierteaser_single .dreierteaser_bild { width: 165px; float:left; padding: 0; } .dreierteaser_frame .dreierteaser_single .dreierteaser_bild img { width: 155px; } .dreierteaser_frame .dreierteaser_single .dreierteaser_text { width: 319px; float: right; padding: 0px; } .dreierteaser_frame .dreierteaser_single .dreierteaser_text h3 a {background-image: none; padding-left: 0; color:#C30109; font-size:13px; } /********************************************************************* News Alert *********************************************************************/ #newsAlertBox{ background-image:url( '/img/std/news_alert/alert_box_bg.gif' ); width:652px; height:146px; float:left; margin:5px 0 5px 90px; display:inline; } #newsAlertBox #closeLink{ float:right; height:15px; width:15px; margin:9px 12px 0 0; cursor:pointer; } #newsAlertBox #formBox{ float:right; width:240px; height:60px; margin:10px 0 0 0; height:125px; color:white; } #newsAlertBox #emailField{ border:none; margin:7px 0 0 10px; width:215px; } * html #newsAlertBox #emailField{ margin:4px 0 0 20px; } #newsAlertBox #submitLink{ display:block; width:123px; height:18px; margin:28px 0 0 5px; } #newsAlertBox #submitBtn{ margin:23px 0 0 12px; } * html #newsAlertBox #submitBtn{ margin:23px 0 0 20px; } #newsAlertBoxTitle{ font:bold 12px Verdana; color:white; margin:10px 0 0 20px; width:350px; } #newsAlertBoxBody{ font:10px Verdana; color:white; margin:0 0 0 20px; width:250px; } #newsAlertBoxBody span{ font-weight:bold; font-size:10px; color:#ffffff; text-decoration:underline; } /********************************************************************* Statistik Box *********************************************************************/ #stat_box { background-color:#E0E0E0; } #stat_box_content { border:1px solid #E0E0E0; } #stat_box_head ul { width:336px; } #stat_box_head li { font-size:9pt; background: transparent url('/img/std/bg_tabs.gif') 0px 0px no-repeat; color:#333333; display:inline-block; font-weight:bold; width:112px; height:28px; float:left; } #stat_box_head li a { display:block; width:112px; height:28px; } #stat_box .stat_box_item { display:block; clear:both; height:56px; border-top:1px solid #E0E0E0; background-color:#ffffff; } #stat_box .first { } #stat_box .stat_box_item img { margin: 2px 8px 2px 2px; float:left; } #stat_box .stat_box_item h3 { margin:3px 3px 0px 0px; } #stat_box .dark { background-color:#E0E0E0; } /********************************************************************* twitteristik Box *********************************************************************/ #tweet_box {width:465px; float: left;} #tweet_box #tweet_box_content h3 {font-size:11pt; line-height:25px; color:#E0E0E0;} #tweet_box .tweet_box_item {display:block; clear:both; margin: 5px 0px 0px 0px; background: url(/img/twitter/bg_tweet.gif) no-repeat; padding: 20px 20px 20px 65px;} #tweet_box .first { background: url(/img/twitter/bg_tweet_first.gif) no-repeat; } #tweet_box .tweet_box_item img {margin: 0px; float:right; border: solid #8e8e8e 1px; position: relative; top: -9px; right: 391px; } #tweet_box .tweet_box_item img.quotes_start {margin: 4px 4px 0px 0px; float:none; border:none; position: relative; top: 9px; left:0px; } #tweet_box .tweet_box_item img.quotes_end {margin: 4px 0px 0px 4px; float:none; border:none; position: relative; top: -3px; left:0px; } #tweet_box .tweet_box_item a {color: #e0e0e0; line-height:25px; font-size:11pt; } #tweet_box .tweet_box_item a span.spitzmarke {color: #e0e0e0; line-height:25px;} #tweet_box .tweet_box_item span.datum { font-size:6.5pt; color: #e0e0e0; position:relative; float: right; bottom: -15px;} * html #tweet_box .tweet_box_item span.datum { bottom: 0px;} #tweet_box .tweet_box_item a.link_default { font-size:6.5pt; color: #e0e0e0; position:relative; bottom: -6px; background: url('/img/twitter/starbase_dark.gif') no-repeat; padding: 2px 15px;} #star_box {width:300px; float: right;} #star_box a.starlist {background: url(/img/std/link_default.gif) no-repeat 0 3px; padding-left:15px; display:block;line-height:13pt;} #star_box a.starbase {background: url(/img/twitter/starbase.gif) no-repeat 0 2px; padding-left:15px; display:block; margin-left: 15px;} #star_box .rubrik_trenner a {color: #e0e0e0; margin-top:16px; } #star_box img.twitter_logo {position:relative; top:-40px; float:right} /********************************************************************* Amazon Box *********************************************************************/ #amazonbox1 {width:315px;} #amazonbox1 #amazon_product_list li.imagelink {display:inline; padding:10px} html>body #amazonbox1 #amazonlogo { background:url(/img/coop/amazon-de-logo.png); width:85px; height:26px; float:left; position:relative; top: -26px; left:196px;} * html body #amazonbox1 #amazonlogo { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/coop/amazon-de-logo.png', sizingMethod='scale'); width:85px; height:26px; float:left; position:relative; top: -37px; left:196px; } /********************************************************************* Star Bilderstrecke *********************************************************************/ #star_bilderstrecke li {display:inline;} /********************************************************************* Video Teser Box *********************************************************************/ .videobox { clear: both; float: none; margin-right: 0; width: 100%; background-color: #F8F8F5; margin-bottom: 14px; } .videobox UL { width: 640px; padding: 8px 10px 10px 12px; } .videobox LI A { background-image: url("/img/std/teaser_arrow_more.gif"); background-position: 0 3px; background-repeat: no-repeat; font-weight: bold; margin-top: 3px; padding-left: 15px; } .videobox img { margin-bottom: 0px; margin-left: 0px; } .videoRow { padding-right: 10px; text-align: center; width: 640px; } .videoTeaser { display: inline-table; margin: 0 auto; position: relative; text-align: left; top: 0px; width: 100px; } .videoTeaser H3{ padding-left: 3px; max-width: 90px; } .videoTeaser H3 A{ color: #C30109; font-size: 11px; } #searchbox-new { border-left: 1px solid; border-right: 1px solid; margin-left: 5px; padding: 0 3px; z-index: 15; height:21px; width: 140px; } html > body #searchbox-new form { color: #FFFFFF; font-size: 10px; margin: 0; padding: 0; width: 145px; } * html #searchbox-new form { color: #FFFFFF; font-size: 10px; margin: 0; padding: 0; width: 145px; } .searchinput-new { background-color: #FFFFFF; border: 1px solid #7c7c7c; font-size: 10px; width: 110px; float:left; height:14px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; } .searchbutton-new { border-top: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c; border-bottom: 1px solid #7c7c7c; border-left: none; /* background: url('/img/icon/go_button.gif') no-repeat 0 0 #d80623; */ background-color: #d80623; height:18px; float:left; padding: 0px; color: #FFFFFF; cursor: pointer; width: 27px; font-size: 10px; font-weight: normal; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; } /* Sidebar Photoshow Box */ #sidebar_photoshow_box { background: url('/img/std/sidebar_photoshow_box_headline.gif') no-repeat 8px 0; min-height: 30px; padding: 26px 0 20px 8px; clear: both; border-bottom: 1px dotted #E0E0E0; } #sidebar_photoshow_box li { background: url('/img/std/bg_sidebar_photoshow_box.gif') no-repeat bottom center #CCCCCC; padding-bottom: 14px; border-top: 2px solid #CCCCCC; width: 159px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; overflow: hidden; vertical-align: top; margin-top: 4px; margin-right: 1px; } #sidebar_photoshow_box li a {border: solid 2px #CCCCCC;} #sidebar_photoshow_box li a.photoshow {border: none; font-size: 6.5pt; color: #111111; background: url('/img/std/icon_photoshow_small.gif') no-repeat 0 1px transparent; padding: 2px 1px 1px 15px; display: inline-block; margin: 1px 2px 0px 2px}