#galit_wrapper { width: 930px; margin-left: 20px;} #galit_left_col {margin: 0 20px 0 0; float: left; width: 446px; text-align: right;} * html #galit_left_col {width: 450px;} #galit_right_col {float: right; width: 454px} #galit_right_col h1 {margin-top: 6px; color: #fff;} #galit_right_col #galit_content {margin-top: 16px; color: #fff;} #galit_last_posts {margin-top: 25px} #galit_comments {margin-top: 15px} #galit_comments .teaserRow { width: 454px; background: none;} #galit_comments .teaser.grey { width: 434px; padding: 10px; margin:0 0 2px; border: 1px solid #fff; background: none; color: #fff;} #galit_comments .fieldSet { width: 444px; border: 1px solid #fff; background: none; color: #fff; } * html #galit_comments .fieldSet { height: 185px;} #galit_comments .fieldSet LABEL { float: left;} #galit_comments .fieldSet.small { width: 444px; border: 1px solid #fff; background: none; color: #fff; padding:5px 0 5px 10px; margin:0 0 2px;} * html #galit_comments .fieldSet.small { height: auto;} #galit_comments form .text { width: 293px;} * html #galit_comments form .text { width: 290px;} #galit_comments .error { padding: 10px; margin:0 0 8px; border: 1px solid #fff; background: none; } * html #galit_comments form .submitLine { position: relative;} * html #galit_comments form .submitLine .submit { position: absolute; left: 100px; top: 0px;} * html #galit_comments form .submitLine .submit.login { float: none; left: 0px; top: 0px;} /********************************************************************* 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; } 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:normal; 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:normal; 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:normal; padding-left:1px; font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; text-decoration:none; } #artikel_spitzmarke a, #artikel_spitzmarke a:hover, #artikel_spitzmarke a:visited { text-transform: uppercase; color:#e0e0e0; font-size: 11px; } 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; } .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/submit_arrow.gif); background-repeat:no-repeat; padding-left:17px; 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 *********************************************************************/ #wrapper {z-index:1;} #wholePage {width:1024px; text-align: left; position:relative;} #headContainer { width:1000px; height:81px; padding:0px; padding-left:0px; float:left;} #head { width:997px; height:81px; font-size: 10px; color: #828282; position: static;} #head div.page_header_datum {position:absolute; left:655px; width:128px; 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:1024px;} #menuContainer { position: relative; float:left; top: 0px; left: 0px; width:988px; padding: 0 10px 0 0; z-index: 99;} #menu { height:26px; padding: 10px 0 0 10px; z-index: 99; } #page { width:998px; background-color:#FFF; background-image:url(/img/std/bg_page.jpg); background-repeat:repeat-y; float:left; background-position: top right} #content { width:647px; float:left; padding-left:10px; padding-top:8px; padding-bottom:20px;} #sidebar { width: 338px; height:auto; float: right; padding:0px 0px 20px 0px; z-index: 90; position: relative;} * html #sidebar { padding-top: 10px;} #footer { width:998px; clear:both; background-image:url(/img/std/footer_line_dotted_wide.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:1000px; 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; } #defaultLinks { background-color: #dfdfdf; float:left; margin:57px 0px 0px 0px; color: #828282; padding-top:3px; width:703px} #defaultLinks img { margin-right:4px;} #defaultLinks LI { float:left; padding:0px 3px 0px 3px; } #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.blumen { width:167px; background-image: url('/img/navigation/blumen-navi.gif'); } #menu ul li a:hover.blumen { background-image: url('/img/navigation/blumen-navi_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_wide.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:649px; background-image:url(/img/std/line_dotted_wide.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:640px; } /* 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 H2 { margin-top:2px; margin-bottom:1px; clear:right; padding-left:1px; } .teaser H2 a, .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 P SPAN A, .teaser LI A { padding-left:15px; background-image:url(/img/std/teaser_arrow_more.gif); background-repeat:no-repeat; background-position:0px 3px; } .teaser.grey LI A { padding-left:20px; } .teaser LI A { display:inline; float:none; } .teaser IMG { float:left; margin-right:10px; } .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 H2, .teaser.medium H2 { clear:left; margin-top:8px; margin-bottom:2px; } .teaser.small UL, .teaser.medium UL { margin-top:10px; margin-left:1px; } .teaser.smallarchive { display:block; width:195px; padding-left:15px; padding-right:5px; float:left; padding-top:0px; } .teaser.smallarchive IMG { float:none; margin-right:0px; } .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:0px 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 {width:640px; background-color: #ffffff; float:left; padding-bottom:20px;} * html body #page .content {margin-top:15px;} /*********** New Homepage 2011 ************/ /* Columns */ #homepage_head {width:998px; height: auto; background: url('/img/std/bg_homepage_header.png') repeat-x #313131; margin:0px; padding:0px 0px 8px 0px; clear:both; display:inline-block; position: relative;} #homepage_head_left { width: 300px; height:auto; float: left; display: inline; margin:0px; padding: 0px; clear: none; } #homepage_head_right { width: 695px; padding: 0px; background: url('/img/std/bg_homepage_head_right.gif') repeat-y bottom left #ECECEC; float: right; display: inline; margin: 0px; clear: none; color:#333333; position: relative; } #homepage_head_right_footer { background: url('/img/std/homepage_head_right_footer.png') no-repeat bottom left transparent; float: right; display: inline; margin: 0px; clear: none; height: 22px; width: 695px; } #homepage_head_right #homepage_head_center_col {float:left;width: 347px; background: #313131; position: relative; } #homepage_head_right #homepage_head_right_col {float:left;width: 338px; height: 569px; padding: 4px; background-color: #ECECEC;} #homepage_head #artikel_spitzmarke a{font-size: 16pt; font-weight: bold;} /* Bilder und Gallerien des Tages */ #homepage_head #bilder_und_gallerien_des_tages {width: 347px; height: auto;} html>body #homepage_head #bilder_und_gallerien_des_tages { background: url('/img/std/vertical_tag_gallery.png') no-repeat left 6px transparent} * html #homepage_head #bilder_und_gallerien_des_tages { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/vertical_tag_gallery.png', sizingMethod='scale'); } #homepage_head #bilder_und_gallerien_des_tages .gallery {height: 264px; overflow: visible; background: #ECECEC; margin: 0 0 0 27px; padding-left: 4px;} #homepage_head .shadow_right { background: url('/img/std/shadow_left.png') repeat-y; position: absolute; top: 0px; left: 337px; z-index:2; height: 100%; width: 10px; margin-bottom: 30px;} #homepage_head #bilder_und_gallerien_des_tages .gallery li { padding: 4px 0 4px 0px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; width: 155px; height: 115px; overflow: hidden; vertical-align: top;} /*safari float: left; margin-right: 4px;*/ #homepage_head #bilder_und_gallerien_des_tages .gallery li a.photoshow { font-size: 6.5pt; color: #111111; background: url('/img/std/icon_photoshow_small.gif') no-repeat 0 1px transparent; padding: 2px 0 0 14px; display: inline-block;} #homepage_head #bilder_und_gallerien_des_tages .gallery li img {display: block;} /* Tag Cloud */ #homepage_head #tag_cloud {width: 300px; position: relative;} #homepage_head #tag_cloud ul li { position: absolute; } #homepage_head #tag_cloud .tag1, #homepage_head #tag_cloud .tag1 a { top: 100px; left: 5px; font-size: 19pt; color: #E0E0E0; height:32px; overflow: hidden;} #homepage_head #tag_cloud .tag2, #homepage_head #tag_cloud .tag2 a { top: 70px; left: 19px; font-size: 17pt; color: #D5D5D5; height:28px; overflow: hidden;} #homepage_head #tag_cloud .tag3, #homepage_head #tag_cloud .tag3 a { top: 230px; left: 55px; font-size: 16pt; color: #C1C1C1; height:25px; overflow: hidden;} #homepage_head #tag_cloud .tag4, #homepage_head #tag_cloud .tag4 a { top: 45px; left: 48px; font-size: 15pt; color: #B9B9B9; } #homepage_head #tag_cloud .tag5, #homepage_head #tag_cloud .tag5 a { top: 145px; left: 40px; font-size: 14pt; color: #A9A9A9; } #homepage_head #tag_cloud .tag6, #homepage_head #tag_cloud .tag6 a { top: 170px; left: 25px; font-size: 13pt; color: #A1A1A1; } #homepage_head #tag_cloud .tag7, #homepage_head #tag_cloud .tag7 a { top: 200px; left: 85px; font-size: 12pt; color: #999999; } #homepage_head #tag_cloud .tag8, #homepage_head #tag_cloud .tag8 a { top: 20px; left: 105px; font-size: 11pt; color: #8B8B8B; } #homepage_head #tag_cloud a:hover { color: #C30109; } /* Top Teaser */ #homepage_head #top_teaser_text { padding: 2px 0 0 0; min-height: 310px; background: url('/img/std/vertical_tag_news.png') no-repeat 7px 7px transparent; } #homepage_head .spitzmarke a {font-size: 16pt; color: #BDBDBD; font-weight: normal; text-transform: none; padding:0 0 7px 27px; display: inline-block} #homepage_head .headline a {font-size: 16pt; color: #FFFFFF; font-weight: normal; padding: 0 0 7px 27px; display: inline-block} #homepage_head .teasertext {font-size: 9.5pt; line-height: 13pt; color: #BDBDBD; font-weight: normal; padding: 7px 7px 0 7px;} #homepage_head .teasertext a.link_default_dark { margin-left: 4px } /* Dreier Teaser */ #homepage_head .dreier_text_teaser { margin-top: 20px; } #homepage_head .dreier_text_teaser a { display:block; padding: 2px 0 5px 32px; margin-left: 10px; height: 30px;} #homepage_head .dreier_text_teaser a.link_default_dark { background: url('/img/std/icon_default_dark.gif') no-repeat 0 -3px transparent;} #homepage_head .dreier_text_teaser a.link_photoshow_dark {background: url('/img/std/icon_photoshow_dark.gif') no-repeat 0 -4px transparent;} #homepage_head .dreier_text_teaser a.link_video_dark { background: url('/img/std/icon_video_dark.gif') no-repeat 0 -2px transparent;} /* Bild des Tages */ #homepage_head_right #homepage_head_right_col img {margin-bottom: 5px;} #homepage_head #homepage_head_right_col a.link_photoshow { background: url('/img/std/icon_photoshow.gif') no-repeat 0 -3px transparent; padding: 4px 0 0 28px;} /* Content Top News Teaser */ .single_teaser_frame { width:640px; background: #E8E8E8} .single_teaser_frame .bild { float: left;} .single_teaser_frame .text { margin: 0 15px 15px 180px; color: #333333; } .single_teaser_frame .text h3.spitzmarke {font-size: 14pt; color: #979797; font-weight: normal; text-transform: none; display: inline-block; font-weight: bold;} .single_teaser_frame .text h3 a {font-size: 15pt; color: #000000; font-weight: normal; display: inline-block; margin-bottom: 10px} .single_teaser_frame .dreier_text_teaser {margin-top: 20px;} .single_teaser_frame .dreier_text_teaser a { display:block; padding: 2px 0 0 32px; height: 30px; color: #333333; } .single_teaser_frame .dreier_text_teaser a.link_default { background: url('/img/std/icon_default.gif') no-repeat 0 -3px transparent;} .single_teaser_frame .dreier_text_teaser a.link_photoshow {background: url('/img/std/icon_photoshow.gif') no-repeat 0 -4px transparent;} .single_teaser_frame .dreier_text_teaser a.link_video { background: url('/img/std/icon_video_dark.gif') no-repeat 0 -2px transparent;} .single_teaser_trenner { width: 640px; background: #E8E8E8; border-top: 1px solid #AAAAAA; height: 20px; padding: 0;} /************ End New Homepage 2011 **************/ .dreierteaser_frame { padding-bottom:10px; width:640px; } .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_text { width: 469px; float: right; padding: 0px; } .dreierteaser_frame .dreierteaser_single .dreierteaser_text h3 a {background-image: none; padding-left: 0; color:#C30109; font-size: 13px; } .dreierteaser_frame h3.spitzmarke { padding-bottom: 4px; display:block; } .dreierteaser_frame .dreierteaser .dreierteaser_bild { width: 165px; float:left; padding: 0; } .dreierteaser_frame .dreierteaser .dreierteaser_text { width: 145px; float: right; padding: 0px; } .dreierteaser_frame .dreierteaser .dreierteaser_text h3 a {background-image: none; padding-left: 0; color:#C30109; font-size: 13px; } .dreierteaser_frame .dreierteaser h3 a{ color:#C30109; } /************ Rubrik Seiten **************/ #rubric_head {width: 980px; height: 250px; background-color: #313131; margin: 0; padding: 0; clear: both; position: relative; overflow: hidden; } #rubric_head_left { width: 570px; margin: 0; padding: 0; position: absolute; } #rubric_head_left_content { float: right; width: 220px; margin: 100px 10px 5px 10px; } #rubric_head_left_content h2.spitzmarke { display: block; margin-bottom: 4px; color: #E0E0E0; } #rubric_head_left_content h1.spitzmarke { display: block; margin-bottom: 4px; color: #E0E0E0; font-size:10px; font-weight:normal; letter-spacing:1px; text-transform: uppercase; } #rubric_head_left_content h2 a { background-image: none; font-size: 18px; font-weight: normal; color: #E0E0E0; } #rubric_head_left_content h1, h1 a { background-image: none; font-size: 18px; font-weight: normal; color: #E0E0E0; } #rubric_head_left_content p { color: #E0E0E0; margin: 3px 0 0 0; } #rubric_head_right { width: 410px; margin: 0; padding: 0; position: absolute; right: 0px; } #rubric_head_right_content { position: absolute; top: 15px; right: 15px; width: 196px; padding: 5px 10px 8px; border-top: 2px solid #fff; border-right: 5px solid #fff; border-bottom: 6px solid #fff; border-left: 3px solid #fff; } #rubric_head_right_content h2.spitzmarke { display: block; margin-bottom: 4px; color: #fff; } #rubric_head_right_content h2 a { background-image: none; font-size: 18px; font-weight: normal; color: #fff; } #rubric_head_right_content p { color: #fff; margin: 3px 0 0 0; } #rubric_head_icon { width: 96px; height: 85px; margin: 0; padding: 0; position: absolute; top: 0px; left: 300px; } html>body #rubric_head .trend { background: transparent url('/img/std/rubric_icons/trend.png'); } * html #rubric_head .trend { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/rubric_icons/trend.png', sizingMethod='scale'); } #rubric_head .trend_bg { background-color: #95d632; } html>body #rubric_head .kultur { background: transparent url('/img/std/rubric_icons/kultur.png'); } * html #rubric_head .kultur { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/rubric_icons/kultur.png', sizingMethod='scale'); } #rubric_head .kultur_bg { background-color: #3b2790 } html>body #rubric_head .fashion { background: transparent url('/img/std/rubric_icons/fashion.png'); } * html #rubric_head .fashion { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/rubric_icons/fashion.png', sizingMethod='scale'); } #rubric_head .fashion_bg { background-color: #dba6bc } html>body #rubric_head .beauty { background: transparent url('/img/std/rubric_icons/beauty.png'); } * html #rubric_head .beauty { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/rubric_icons/beauty.png', sizingMethod='scale'); } #rubric_head .beauty_bg { background-color: #e65855 } html>body #rubric_head .menstyle { background: transparent url('/img/std/rubric_icons/menstyle.png'); margin-left:240px; margin-top:140px;} * html #rubric_head .menstyle { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/rubric_icons/menstyle.png', sizingMethod='scale'); margin-left:240px; margin-top:140px; } html>body #rubric_head .specials { background: transparent url('/img/std/rubric_icons/specials.png' ); } * html #rubric_head .specials{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/rubric_icons/specials.png', sizingMethod='scale'); } #rubric_head .menstyle_bg { background-color: #276290; } #rubric_head .shopping_bg { background:#333333; } #rubric_head .specials_bg { background:#ff0000; } /* rubrikbubbles der rubriktrenner auf der homepage */ #beauty_fashion_bubble {width:90px; height:78px; } html>body #beauty_fashion_bubble { background:transparent url(/img/std/bubble-beauty-fashion.png) no-repeat;} * html body #beauty_fashion_bubble {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/bubble-beauty-fashion.png', sizingMethod='scale');} #trends_kultur_bubble {width:90px; height:78px; } html>body #trends_kultur_bubble {background:transparent url(/img/std/bubble-trend-kultur.png) no-repeat;} * html body #trends_kultur_bubble {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/bubble-trend-kultur.png', sizingMethod='scale');} #stargeschichten_bubble {width:90px; height:78px; } html>body #stargeschichten_bubble {background:transparent url(/img/std/bubble-stargeschichten-1.png) no-repeat;} * html body #stargeschichten_bubble {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/bubble-stargeschichten-1.png', sizingMethod='scale');} #topnews_bubble {width:90px; height:78px; } html>body #topnews_bubble { background:transparent url(/img/std/bubble-top-news.png) no-repeat;} * html body #topnews_bubble {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/bubble-top-news.png', sizingMethod='scale');} #mehrnews_bubble {width:90px; height:78px; } html>body #mehrnews_bubble { background:transparent url(/img/std/bubble-mehr-news.png) no-repeat;} * html body #mehrnews_bubble {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/bubble-mehr-news.png', sizingMethod='scale');} /* Beauty Fashion Indexpage */ #index_stage { width: 998px; background: url('/img/std/bg_index_stage.png') repeat-x #393939; margin: 0; padding: 0; clear: both; position: relative; overflow: hidden; padding-bottom: 10px; } #index_stage .col1 { width: 330px; float: left; } #index_stage .col2 { float: left; width: 668px; } #index_stage .col1 .teaserbox { height: 300px; position: relative; width: 330px; } #index_stage .padTopteaser { background: url('/img/std/dark_pad.png') transparent repeat; position: absolute; z-index: 1; bottom: 0px; left: 0px; display: inline-block; height: 30px; width: 330px; } #index_stage .teaserbox h2 { position: absolute; z-index: 2; bottom: 0px; left: 0px; padding: 2px 4px 2px 4px; display: inline-block; font-family: Georgia, Times, serif; font-size: 16pt; width: 322px; font-weight: normal; color: #FFFFFF; text-align: center; } #stage_slideshow { float: left; width: 668px; background: url('/img/std/bg_rubrik_footer_slideshow.png') bottom left no-repeat transparent; padding: 0 0 15px 0; } #index_stage .col2 .tabs { background: url('/img/std/bg_index_stage_tab.jpg') repeat-y top right #E3E3E3; float: left; height: 501px; overflow: hidden; } #index_stage .col2 .tabs li .image, #index_stage .col2 a.stageImage2 { display: none; } #index_stage .stage { position: relative; width: 341px; float: right; display: inline; } #index_stage .stage a { position: absolute; top: 0px; left: 0px; } #index_stage .col2 img.stageImage1, #index_stage .col2 img.stageImage2 { height: 493px; border: 4px solid #ECECEC; float: right; overflow: hidden; } #index_stage .tabs li { width: 329px; height: 103px; background: none; border-bottom: 1px dotted #666666; padding: 0px 0 22px 0; overflow: hidden; } #index_stage .col2 .tabs li:hover .details .headline, #index_stage .col2 .tabs li.active .details .headline{ color: #C30109; } #index_stage .col2 .tabs li .details .headline span { font-size: 27pt; position: relative; top: 2px; } #index_stage .col2 .tabs li.active { background: #FFFFFF; } #index_stage .tabs li.last { border: none; } #index_stage .col2 .tabs li .details { text-align: right; width: 324px; } #index_stage .col2 .tabs li .details .headline { margin: 0 6px 0 20px; display: block; font-family: Georgia, Times, serif; font-size: 14pt; color: #333333; } #index_stage .col2 .tabs li .details .teaser { display: block; margin: 0 20px 0 32px; width: 270px; font-size: 8.5pt; color: #333333; } #index_stage .row2 { background: url('/img/std/bg_index_stage_row2.png') repeat-x #393939; clear: both; display: block; width: 100%; margin-top:20px; } #index_stage_icon { width: 100px; height: 85px; margin: 0; padding: 0; position: absolute; top: 0px; left: 265px; } html>body #index_stage_icon { background:transparent url('/img/std/bubble-indexpage-beauty-fashion.png') no-repeat; } * html body #index_stage_icon { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/bubble-indexpage-beauty-fashion.png', sizingMethod='scale'); } #index_stage_shadow { width: 998px; height: 12px; margin: 0; padding: 0; position: absolute; top: 0px; left: 0px; background: url('/img/std/bg_index_stage_shadow.png') repeat-x transparent; } * html #index_stage_shadow { display: none; } #index_stage .slider li { display: none; } /* Rubric Head Large Tag Cloud */ #index_stage .tag_cloud.large {width: 300px; height: 240px; position: relative; margin: 0 0 0 20px; display: none;} #index_stage .tag_cloud.large ul li { position: absolute; } #index_stage .tag_cloud.large .tag1, #index_stage .tag_cloud.large .tag1 a { top: 95px; left: 55px; font-size: 19pt; color: #E0E0E0; } #index_stage .tag_cloud.large .tag2, #index_stage .tag_cloud.large .tag2 a { top: 40px; left: 49px; font-size: 17pt; color: #D5D5D5; } #index_stage .tag_cloud.large .tag3, #index_stage .tag_cloud.large .tag3 a { top: 200px; left: 55px; font-size: 16pt; color: #C1C1C1; } #index_stage .tag_cloud.large .tag4, #index_stage .tag_cloud.large .tag4 a { top: 70px; left: 35px; font-size: 15pt; color: #B9B9B9; } #index_stage .tag_cloud.large .tag5, #index_stage .tag_cloud.large .tag5 a { top: 180px; left: 40px; font-size: 14pt; color: #A9A9A9; } #index_stage .tag_cloud.large .tag6, #index_stage .tag_cloud.large .tag6 a { top: 155px; left: 25px; font-size: 13pt; color: #A1A1A1; } #index_stage .tag_cloud.large .tag7, #index_stage .tag_cloud.large .tag7 a { top: 135px; left: 95px; font-size: 12pt; color: #999999; } #index_stage .tag_cloud.large .tag8, #index_stage .tag_cloud.large .tag8 a { top: 17px; left: 100px; font-size: 11pt; color: #8B8B8B; } #index_stage .tag_cloud.large a:hover { color: #C30109; } /* Rubric Head Small Tag Cloud */ #index_stage .tag_cloud.small {width: 664px; height: 70px; position: relative; margin: 0 0 0 20px; float: right; display: none;} #index_stage .tag_cloud.small ul li { position: absolute; } #index_stage .tag_cloud.small .tag1, #index_stage .tag_cloud.small .tag1 a { top: 5px; left: 25px; font-size: 19pt; color: #E0E0E0; } #index_stage .tag_cloud.small .tag2, #index_stage .tag_cloud.small .tag2 a { top: 10px; left: 505px; font-size: 17pt; color: #D5D5D5; } #index_stage .tag_cloud.small .tag3, #index_stage .tag_cloud.small .tag3 a { top: 24px; left: 255px; font-size: 16pt; color: #C1C1C1; } #index_stage .tag_cloud.small .tag4, #index_stage .tag_cloud.small .tag4 a { top: 45px; left: 235px; font-size: 15pt; color: #B9B9B9; } #index_stage .tag_cloud.small .tag5, #index_stage .tag_cloud.small .tag5 a { top: 34px; left: 480px; font-size: 14pt; color: #A9A9A9; } #index_stage .tag_cloud.small .tag6, #index_stage .tag_cloud.small .tag6 a { top: 28px; left: 125px; font-size: 13pt; color: #A1A1A1; } #index_stage .tag_cloud.small .tag7, #index_stage .tag_cloud.small .tag7 a { top: 4px; left: 249px; font-size: 12pt; color: #999999; } #index_stage .tag_cloud.small .tag8, #index_stage .tag_cloud.small .tag8 a { top: 48px; left: 100px; font-size: 11pt; color: #8B8B8B; } #index_stage .tag_cloud.small a:hover { color: #C30109; } /* Rubric Photoshow Teaser */ #index_stage .photowshow_slider { float: left; padding: 13px; } #index_stage .photowshow_slider h3 { font-family: Georgia, Times, serif; color: #AAAAAA; padding: 0 0 4px 22px; background: url("/img/std/icon_photoshow_small.png")0 2px no-repeat; font-size: 15px; font-weight: normal; } #index_stage .photowshow_slider .left { float: left; } #index_stage .photowshow_slider .right { float: right; } #index_stage .photowshow_slider .mask { float: left; width: 470px; position: relative; height: 100px; overflow: hidden; } #index_stage .photowshow_slider ul { position: absolute; width: 5610px; height: 105px; } #index_stage .photowshow_slider .mask ul li { padding-right: 8px; display: inline-block; margin: 0; padding: 0; background-size: 91px; background-repeat: no-repeat; -moz-box-shadow: 2px 3px 5px #000; -webkit-box-shadow: 2px 3px 5px #000; box-shadow: 2px 3px 5px #000; } *:first-child+html #index_stage .photowshow_slider .mask ul li { /* IE7 */ display: inline; margin-left: 4px; } * html #index_stage .photowshow_slider .mask ul li { /* IE6 */ display: inline; margin-left: 4px; } #index_stage .photowshow_slider .mask ul li div { height: 91px; width: 91px; } #index_stage .photowshow_slider .pager.next { background: url("/img/std/btn_arrow_next.png") no-repeat; width: 20px; height: 41px; cursor: pointer; position: absolute; top: 24px; right: 4px; z-index: 2; } #index_stage .photowshow_slider .pager.next:hover { background: url("/img/std/btn_arrow_next_hover.png") no-repeat; } #index_stage .photowshow_slider .pager.prev { background: url("/img/std/btn_arrow_prev.png") no-repeat; width: 20px; height: 41px; cursor: pointer; position: absolute; top: 24px; left: 4px; z-index: 2; display: none; } #index_stage .photowshow_slider .pager.prev:hover { background: url("/img/std/btn_arrow_prev_hover.png") no-repeat; } /* 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: 114px; 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; } #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 */ #dreierteaser_content {width:630px; margin: 0px 0px 0px 10px; padding:0px;} #dreierteaser_content H3.spitzmarke {display:block; margin-top:8px;} #teaser_content {background: #5c5c5c; height:90px;} #teaser_content_bild {float: left; width:155px; height:90px; border:none; margin:0px; padding:0px;} #teaser_content_text { float:right; clear: none; display: inline; color: #E0E0E0; width:140px; padding:7px; } #teaser_content_text A { color: #990000; } /* #page #content H2 { float:left; width:652px; background-image:url(/img/std/line_dotted_wide.gif); background-repeat:no-repeat; 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;} /**************** 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; } /**************** Teaser Page Top ****************/ #pageHead { padding:0px; margin:0px; clear:both;} #pageHead DIV.img { width:494px; float:left; background-color:#313131; } #pageHead.medium DIV.img { width:165px; height:206px; } #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:803px; height:206px; } /**************** dpa Page Top ****************/ #dpa #pageHead DIV.img { float:left; background-color:#fff; clear:none;background-image:url(/img/std/bg_page_head.jpg); background-repeat:repeat-x; } #dpa #pageHead.medium DIV.img { width:275px; height:206px; } #dpa #pageHead DIV.img IMG { float:left; } #dpa #pageHead.medium DIV.content { width:542px; height:206px; } #article .box.right div.dpa_entry{ height:auto; } #archiv { width:980px; } #archiv #pageHead { width:980px; } #archiv #pageHead DIV.content { height:110px; width:980px; padding-bottom:0px;} #archiv #pageHead DIV.content H1 { font-size:21px; font-weight:normal; color:#E0E0E0; padding-top:15px;} #pageHead div.footer div.datum { clear:none; display:inline; font-size:10px; height:30px; } #pageHead div.footer div.credit { clear:none; display:inline; font-size:10px; position:absolute; right:338px; } /**************** StyleStar Teaser ****************/ #stylestar { position: relative; } #stylestar .teaserRow { width:336px; background-image:none; padding-top:0px; margin-top:50px; padding-bottom:9px; border:none; } #stylestar .teaser { width:316px; margin-left:9px; padding-top:4px; } #stylestar .teaserRow.cover .teaser { width:160px; } #stylestar .teaser.imgRight IMG { float:right; margin-right:0px; margin-left:10px; } #stylestar .teaser.imgRight H3 { clear:left; margin-top:2px; margin-bottom:2px; } #stylestar .teaser UL { margin-top:0px; } #stylestar .teaser.imgRight P SPAN, #sidebar .teaser.imgRight P SPAN A, #sidebar .teaser.imgRight LI A { clear:left; } #stylestar .teaser.small { width:146px; float:left; } #stylestar .teaser .spitzmarke { margin-bottom:2px; top:-3px; } /********************************************************************* page header *********************************************************************/ /**************** homepage head ****************/ #pageHead { float:left; margin-top:1px; width:998px; 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 .teaser P SPAN A, #pageHead .teaser LI A { background-image:url(/img/std/teaser_arrow_more_bright.gif); margin-top:2px; margin-bottom:2px;} #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; margin-top:23px; 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; } /**************** bilderstrecken NEU ak 20090421 ****************/ #photobox { width: 658px; background: #313131 url('/img/std/bg_photoshow.gif') repeat-x; position:relative; padding-bottom: 22px;} #weitere_bilderstrecken { width: 658px; background: #313131 url('/img/std/bg_photoshow.gif') repeat-x; position:relative; padding-bottom: 22px;} #photo { position:relative; z-index:1; top:25px;} #photobox #info { position:relative; z-index:1;} #backlink { padding-left:15px; } #photobox #backlink a { color: #e0e0e0; } html>body #photobox #next_photoshow { background:transparent url(/img/std/stoerer-balken-rechts-neue.png) no-repeat;} * html body #photobox #next_photoshow { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/std/stoerer-balken-rechts-neue.png', sizingMethod='scale'); } #photobox #next_photoshow { position:absolute; top:0px; right:0px; z-index:3; height:25px; width:300px; } #photobox #headline {position:absolute; top:0px; left:191px; top:3px; width:460px; overflow:hidden; white-space:nowrap;} #photobox #headline h1 {font-size:14px; font-weight:normal; font-style:italic; color:#7c7c7c} #photobox div.credit { display:inline; z-index:45; background: #313131; color:#ffffff; font-size:9px; position: absolute; z-index:1; bottom: 0px; right: 0px; padding: 0px 4px 2px 4px; white-space: nowrap; filter:alpha(opacity=75); /* IE */ -moz-opacity: 0.75; /* Gecko */ opacity: 0.75; /* Opera */} .phototext {float: right; padding: 40px 14px 7px 14px; color:#e0e0e0; } .bildunterschrift {margin-bottom: 5px; display:block;} .phototext_beneath {display:block; margin: 30px 14px 15px 14px; width:533px; color:#e0e0e0; } #pager {color:#7c7c7c; font-weight:normal; font-size:11px; left:0; margin:0; position:absolute; text-align:center; top:0px; width:188px; z-index:12;} #sprungmenu { display:block; z-index:45; position: absolute; z-index:1; height:1px; top: -2px; left: 0px;} #anker_menue_button {background: transparent url(/img/std/button_show_menue_bilderstrecken.gif) no-repeat scroll -1px 0; height:23px; margin: 1px 0px 0px 0px; display:block; width:80px; position:relative;} *+html #anker_menue_button {left:-2px; top:-2px;} #sprungmenu ul { list-style-type:none; margin: 3px 0px 0px 0px; padding:0px;} #sprungmenu li { text-align: left; white-space: nowrap; height:18px; overflow: hidden; MARGIN: 2px 0px 0px 0px; padding: 0px 2px 0px 0px; background-color: #ebebe9;} #sprungmenu li a { background: url('/img/std/photoshow_sprungmarke.gif') no-repeat 0px 0px; margin:0px; padding-left: 30px; color: #7C7C7C; font-weight:normal; line-height: 18px; } * html #sprungmenu { margin:0px; padding: 0px; } *+html #sprungmenu { margin:0px; padding: 0px; } * html #sprungmenu li { position:relative; left:-20px; width: 220px;} *+html #sprungmenu li { position:relative; left:-20px; width: 220px;} #pager a.pfeil_rechts { float: right; background: transparent url('/img/std/button_photoshow_next.gif') no-repeat; margin:0px; line-height:0px; padding: 0px 39px 0px 0px; height:25px;} #pager a.pfeil_links {float: left; background: transparent url('/img/std/button_photoshow_prev.gif') no-repeat; margin:0px; line-height:0px; padding: 0px 39px 0px 0px; height:25px;} #pager h2 { padding: 4px 0px 0px 0px; font-weight:normal; font-size:14px;} #phototext h2 { color:#fafafa; font-weight: bold; margin-bottom:10px;} #phototext p { color:#fafafa; } #photobox a { color:#AAB8CC;} #imagebox {position: relative; margin-bottom:2px;} #imagebox a { color:#313131;} #pfeiltasten {width: 100px; height:60px; font-size:9px; margin-top:5px; padding:2px; text-align:center; display:block; position:absolute; bottom:0px; right:0px; z-index:9; color:#e0e0e0;} * html #pfeiltasten {display:none;} /* in IE6 ausblenden */ *+html #pfeiltasten {display:none;} /* in IE7 ausblenden */ br.br_pfeiltasten {margin-bottom:12px; clear:both; display:block;} *+html br.br_pfeiltasten {margin-bottom:19px;} #photobox a.arrowkey_left {padding:0px 12px 24px 12px; background: url(/img/std/photoshow_arrowkey_left.gif) transparent no-repeat; margin-right:5px; } #photobox a.arrowkey_right {padding:0px 12px 24px 12px; background: url(/img/std/photoshow_arrowkey_right.gif) transparent no-repeat; margin-left:5px;} #vote_konsole {position:relative; top:24px; height:30px; padding-left:202px; background: url(/img/std/photoshow_stimmen_sie_ab.gif) no-repeat #313131;} #votebox { bottom:37px; right:0px; display:inline; z-index:45; background: #CCCCCC; color:#313131; font-size:11px; position: absolute; z-index:1; padding: 0px 4px 0px 0px; filter:alpha(opacity=85); /* IE */ -moz-opacity: 0.85; /* Gecko */ opacity: 0.85; /* Opera */ white-space:nowrap;} #score {font-size:20px;} #votebox img {height: 90px; border: none; float:left; margin: 0px 4px 0px 0px;} #dreierteaser_bilderstrecken { padding:7px; color:#e0e0e0;} #dreierteaser_bilderstrecken h3.spitzmarke {color:#e0e0e0;} #gallerybox { color:#fafafa; clear:both; } #gallerybox a.backref {background:url('/img/std/teaser_arrow_more_bright_left.gif') 0px 4px no-repeat #313131;color:#E0E0E0; padding-left:14px; margin: 14px 14px 8px 14px; display:block; } #photobox #gallerybox #text{ padding: 8px 14px 18px 14px; background: #6a6a6a;} #photobox #gallerybox #text h1{ font-size: 21px; font-weight: normal; text-decoration: none; padding-bottom: 12px; } #teasercontainer_bilderstrecken {width:488px; float: right; margin-top:33px; margin-bottom: 33px;} h1.rubrik_trenner_simple {margin:10px 2px 0px 0px; padding:2px 2px 4px 12px; background: #313131; height: 15px; font-weight: bold; color: #ffffff; border-right: 2px solid #ffffff;} h1.rubrik_trenner_simple a {color: #fff; text-decoration: none;} .table_row_bright { background-color:#f8f8f5; border-bottom:1px solid #FFFFFF; border-right:2px solid #FFFFFF;} .table_row_dark {background-color:#ebebe9; border-bottom:1px solid #FFFFFF; border-right:2px solid #FFFFFF;} td.table_link a { background: transparent url(/img/std/teaser_arrow_more.gif) 12px 1em no-repeat; display:block; height:33px; width:33px;} .table_img {width:43px;} .table_name {font-weight:bold; padding-left:15px; width:240px; border-right: 1px solid rgb(255, 255, 255);} #contentad_bilderstrecke {float:left; padding:30px 10px 10px 10px;} #photobox .result_td1 {background: url(/img/std/voting_photoshow/verlauf-ergebnis.gif); } #photobox .result_td3 h2 {color: #fafafa; font-weight: normal; padding: 12px 8px 0px 8px; overflow:hidden;} #photobox .result_td3 {padding: 0px 8px 0px 8px; } #photobox .result_td3 p {font-size:7.5pt; color: #fafafa; font-weight: bold; } #photobox .result_td3 h1 {color: #fafafa; font-weight: bold; font-size:16px; } #photobox .result_td3 h3 {font-size:7.5pt; color: #fafafa; font-weight: normal; } /* obsolet? ak 20090526 table.bilderstrecken_uebersicht { margin:20px 23px 23px 23px; } td.bilderstrecken_uebersicht_pad { padding: 10px 0px 10px 10px; } #photobox .spitzmarke {color: #fafafa;} #photobox h1{ color: #fafafa;; font-size: 18px; font-weight: normal; text-decoration: none; padding: 0px 0px 12px 5px; } #photobox p {color: #fafafa;} */ #photobox span.quickinfo {color:#666666;} /**************** small head (trivia etc) ****************/ #pageHead.small .teaser { width:966px; clear:both; } #pageHead.small .teaser.topStory { height:72px; float:left; } #pageHead.small DIV.content { width:984px; 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 { color:#C4A8A8; 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:5px; } #pageHead .footer LI { background-color:#870202; border:1px solid #5A0202; border-bottom:none; margin-right:3px; } #pageHead .footer LI A { display:block; float:left; padding:1px 5px 2px 5px; border:1px solid #CF9A9A; 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 { color:#C4A8A8; 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; } /********************************************************************* Pixsta *********************************************************************/ #pixsta { background-color:#FFFFFF; padding:0px 12px 12px 12px; } /********************************************************************* 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:602px; margin-bottom:20px; } #article .teaser { width:602px; } #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:608px; } /* 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; padding-left:15px; background-image:url(/img/std/teaser_arrow_more.gif); 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; } /**************** pager ****************/ #article .pagerBar {border: 1px solid #D9D9D9; clear:both; padding:4px 7px 4px 7px; width:603px; float:left; margin-right: 0px; } #article UL.pager { display:block; float:left; width:468px; 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:662px; border-right:2px solid #D9D9D9; } #page UL#features { clear:both; margin:0px 0px 0px 20px; padding-top:27px; width:640px; height:21px; } #page UL#features A { font-weight:bold; font-size:10px; padding-left:15px; margin-left:15px; background-repeat:no-repeat; background-position:left; } #page UL#features LI { float:left; } #page UL#features LI.print A { margin-left:0px; background-image:url(/img/std/icon_print.gif); } #page UL#features LI.send A { background-image:url(/img/std/icon_send.gif); } #page UL#features LI.overview A { background-image:url(/img/std/icon_overview.gif); } /**************** social bookmark footer ****************/ #page #social_bkm { margin: 30px 0 10px 140px;} #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_wide.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:612px; 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:461px; 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; clear:none; margin-right:5px; } FORM.standard .fieldSet P { clear:both; } FORM.standard .quizSubmit { float:left; clear:both; width:600px; 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:22px; vertical-align:middle;} 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) ****************/ /* Sidebar */ #votebox4 { background:#ebebe9; padding:0px; margin: 0px;} #votebox4 #text a {background-image:none; margin:0px; padding:0px; font-weight:normal;} #votebox4 #text {width:336px; font-weight:normal; background:#ebebe9; color: #E0E0E0;} #votebox4 #text div.headline {padding: 3px 10px; background:#6A6A6A;} #votebox4 #text div.headline span.headline {color:#E0E0E0; font-size:10px; letter-spacing:1px; text-transform:uppercase; font-weight:normal;} #votebox4 #text div.text {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:nowrap; 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.ergebnis div.votingbar_bg {clear:both; width: 200px; padding: 1px; margin: 2px 0px 0px 0px; vertical-align:middle; clear:both; height: 22px; display:block; } #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.footer { background:url('/img/std/teaser_arrow_more_bright.gif') 0px 4px no-repeat #313131; color:#E0E0E0; padding-left:14px;} /********************************************************************* Werbung macht Spass *********************************************************************/ /** entfernt, ak #3696 #adTop { height:25px; } BODY>#adTop { height:auto; min-height:25px; } mozilla et al */ #searchbox { margin:38px 8px 0 0; z-index:15;} #suchfeld { position:absolute; left: 510px; width:400px;} .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; } #promo_banner { float:left; display:block; width:468px; height:auto; padding-left:171px; } /** Banner oben neben dem Logo */ * html #promo_banner { position:absolute } #skyscraper { position:absolute; left:1005px; top:155px; z-index:900;} #leaderboard { position: relative; margin-left:126px; padding-top: 5px; height:auto; } #wallpaper { position: relative; margin-left:102px; height:auto; left:-102px; top:15px; 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:56; display:block; float: left; } #sidebar div.werbung_center {text-align:center} /* 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} /* 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; } /********************************************************************* SERIEN *********************************************************************/ #special_logo_index{float:right; text-align:right;position:absolute; left:0px; bottom:0px;} #special_logo_bilderstrecken {float:none; text-align:right;} #special_logo a.back {padding-top:4px; margin-right:4px} /* Special Indexpage Navbox */ #special_navbox {float:right;color: #e0e0e0; font-weight:bold;border-left:#ffffff solid 25px; height:206px; width:338px} .special_navbox_balken {width:100%; background:#313131; height:63px; font-weight:normal;} #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:620px; height:15px; } #content #article #newsticker_clip { width:620px; 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:606px; 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:576px; 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; width:633px; overflow:hidden;} .rankingbox /*********************************************************************************/ /********************************************************************************* Photoshow Next-Layer *********************************************************************************/ .gallerycontainer {position: absolute; width: 445px} .galleryarrow {width:12px; margin-right: 6px; position:relative; top:3px;} .gallerylayer a:hover {color:#666; text-decoration: none;} .pixsta_teaser {position:absolute; z-index:44; display:inline; clear:both;} /********************************************************************************/ /********************************************************************************* Titel Copyright-Layer *********************************************************************************/ .headerimgcontainer {} .headerimglayer {font: 12px Tahoma, Verdana, Helvetica, sans-serif; line-height: 15px; height: 55px; width: 642px; 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:12px Tahoma, Verdana, Helvetica, sans-serif; line-height: 15px; height: 55px; width: 642px; 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: 10px Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; color: #666; } .teaserRowArchive { float:left; padding-top:0; width:652px; } /********************************************************************************* 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: 957px;} /********************************************************************************* 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;} /* 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;} /**************** 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; } /********************************************************************* Statistik Box *********************************************************************/ #stat_box {width:315px; margin-left:10px;} #stat_box_head ul {width:315px;} #stat_box_head li {font-size:9pt; background:url('/img/std/register_gray.gif') no-repeat transparent; color:#333333; display:inline-block; padding:2px 1px 2px 4px; font-weight:bold; width:95px; float:left;} #stat_box .stat_box_item {display:block; clear:both; margin-bottom: 4px; height:55px;} #stat_box .first { border-top: solid 4px #313131;} #stat_box .stat_box_item img {margin: 0px 8px 10px 0px; float:left;} #stat_box .dark { background:#EEEEEE;} /********************************************************************* Amazon Box *********************************************************************/ #amazonbox1 {width:315px;} #amazonbox1 #amazon_product_list li.imagelink {display:inline; padding:10px} /********************************************************************* 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 10px; z-index: 15; height:21px; width: 155px; } html > body #searchbox-new form { color: #FFFFFF; font-size: 10px; margin: 0; padding: 0; width: 142px; } * html #searchbox-new form { color: #FFFFFF; font-size: 10px; margin: 0; padding: 0; width: 142px; } .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; }