/* GLOBAL */ a:active, a:focus { outline: 0; } #MediaContainer { position: absolute; z-index: 20; padding: 0px; padding-left: 2px; margin: 0px; padding-top: 5px; width: 256px; height: 250px; } #fl_Lyr1 { position: absolute; width: 320px; height: 312px; top: 20px; left: -1px; padding: 0px; margin: 0px; z-index: 10006; overflow: hidden; } #fl_Lyr2 { position: absolute; width: 320px; height: 312px; top: 20px; left: 398px; padding: 0px; margin: 0px; z-index: 10005; overflow: hidden; } #fl_Lyr3 { position: absolute; width: 320px; height: 312px; top: 296px; left: -1px; padding: 0px; margin: 0px; z-index: 10004; overflow: hidden; } #fl_Lyr4 { position: absolute; width: 320px; height: 312px; top: 296px; left: 398px; padding: 0px; margin: 0px; z-index: 10003; overflow: hidden; } #fl_Lyr5 { position: absolute; width: 320px; height: 312px; top: 572px; left: -1px; padding: 0px; margin: 0px; z-index: 10002; overflow: hidden; } #fl_Lyr6 { position: absolute; width: 320px; height: 312px; top: 572px; left: 398px; padding: 0px; margin: 0px; z-index: 10001; overflow: hidden; } /* REITER - AKTIVE LINKS */ #content .reiter { font: bolder 11px Arial, Helvetica, sans-serif; color: #E2A1A1; line-height: 12px; text-decoration: none; height: 20px; width: auto; float: left; background-color: #D26E6E; } #content .reiter .links_1 { position: relative; top: 0px; left: 0px; float: left; width: 34px; height: 20px; background-image: url(/pics/_reiter/reiter_rechts_hl.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .text_1 { position: relative; top: 0px; left: 0px; float: left; width: auto; height: 18px; background-image: url(/pics/_reiter/reiter_mitte_hl.gif); background-repeat: repeat-x; padding: 2px 0 0 0; } #content .reiter .rechts_1 { position: relative; top: 0px; left: 0px; float: left; width: 34px; height: 20px; background-image: url(/pics/_reiter/reiter_links_hl.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .links_1_einzelnt { position: relative; top: 0px; left: 0px; float: left; width: 8px; height: 20px; background-image: url(/pics/_reiter/reiter_ecke_links_hl.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .text_1_einzelnt { position: relative; top: 0px; left: 0px; float: left; width: auto; height: 18px; background-image: url(/pics/_reiter/reiter_mitte_hl.gif); background-repeat: repeat-x; padding: 2px 0px 0px 9px; } #content .reiter .rechts_1_einzelnt { position: relative; top: 0px; left: 0px; float: left; width: 8px; height: 20px; background-image: url(/pics/_reiter/reiter_ecke_rechts_hl.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .links_1_anfang { position: relative; top: 0px; left: 0px; float: left; width: 8px; height: 20px; background-image: url(/pics/_reiter/reiter_ecke_links_hl.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .text_1_anfang { position: relative; top: 0px; left: 0px; float: left; width: auto; height: 18px; background-image: url(/pics/_reiter/reiter_mitte_hl.gif); background-repeat: repeat-x; padding: 2px 0px 0px 9px; } #content .reiter .rechts_1_anfang { position: relative; top: 0px; left: 0px; float: left; width: 34px; height: 20px; background-image: url(/pics/_reiter/reiter_links_hl.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .links_1_ende { position: relative; top: 0px; left: 0px; float: left; width: 34px; height: 20px; background-image: url(/pics/_reiter/reiter_rechts_hl.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .text_1_ende { position: relative; top: 0px; left: 0px; float: left; width: auto; height: 18px; background-image: url(/pics/_reiter/reiter_mitte_hl.gif); background-repeat: repeat-x; padding: 2px 9px 0 0; } #content .reiter .rechts_1_ende { position: relative; top: 0px; left: 0px; float: left; width: 8px; height: 20px; background-image: url(/pics/_reiter/reiter_ecke_rechts_hl.gif); background-repeat: no-repeat; overflow: hidden; } /* REITER - INAKTIVE LINKS */ #content .reiter .text_0 { position: relative; top: 0px; left: 0px; float: left; width: auto; height: 18px; background-image: url(/pics/_reiter/reiter_mitte_no_hl.gif); background-repeat: repeat-x; padding: 2px 0 0 0; } #content .reiter .rechts_0 { position: relative; top: 0px; left: 0px; float: left; width: 34px; height: 20px; background-image: url(/pics/_reiter/reiter_no_hl.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .links_0_anfang { position: relative; top: 0px; left: 0px; float: left; width: 8px; height: 20px; background-image: url(/pics/_reiter/reiter_ecke_links.gif); background-repeat: repeat-x; overflow: hidden; } #content .reiter .text_0_anfang { position: relative; top: 0px; left: 0px; float: left; width: auto; height: 18px; background-image: url(/pics/_reiter/reiter_mitte_no_hl.gif); background-repeat: repeat-x; padding: 2px 0px 0px 9px; } #content .reiter .rechts_0_anfang { position: relative; top: 0px; left: 0px; float: left; width: 34px; height: 20px; background-image: url(/pics/_reiter/reiter_no_hl.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .text_0_ende { position: relative; top: 0px; left: 0px; float: left; width: auto; height: 18px; background-image: url(/pics/_reiter/reiter_mitte_no_hl.gif); background-repeat: repeat-x; padding: 2px 9px 0 0; } #content .reiter .rechts_0_ende { position: relative; top: 0px; left: 0px; float: left; width: 8px; height: 20px; background-image: url(/pics/_reiter/reiter_ecke_rechts.gif); background-repeat: no-repeat; overflow: hidden; } #content .reiter .reiter_beide_1 {position: relative; top: 0px; left: 0px; float: left; width: 34px; height: 20px; background-image: url(/pics/_reiter/reiter_beide_hl.gif); background-repeat: repeat-x; overflow: hidden; } #content .reiter .links_0, #content .reiter .links_0_ende, #content .reiter .reiter_clear { display: none; } /* UBERSICHTSSEITE 50-50 LAYOUT - 50-50 LINKS */ #content .left50_50 { position: relative; top: 0px; left: 0px; width: 388px; height: auto; float: left; overflow: hidden; } #content .left50_50 .box50_50 { position: relative; top: 0px; left: 0px; width: 388px; height: auto; overflow: hidden; } #content .left50_50 .box50_50 .head_long { position: relative; top: 0px; left: 0px; width: 378px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_2_halbspaltig/titel_2+halbspaltig.gif); background-repeat: no-repeat; } #content .left50_50 .box50_50 .foot_long { position: relative; top: 0px; left: 0px; width: 388px; height: 10px; float: left; background-image: url(/pics/_box_2_halbspaltig/gra_footer_verlauf_388.gif); background-repeat: no-repeat; overflow: hidden; border-right: 1px solid white; } #content .left50_50 .box50_50 .zeile_long { position: relative; top: 0px; left: 0px; width: 388px; height: 51px; clear: both; padding-top: 4px; background-color: #DBE9E9; } #content .left50_50 .box50_50 .links_long { position: relative; top: 0px; left: 0px; width: 148px; height: 55px; float: left; } #content .left50_50 .box50_50 .rechts_long{ position: relative; top: 0px; left: 0px; width: 308px; height: 52px; float: left; padding: 3px 0px 0px 12px; background-image: url(/pics/_box_3spaltig_aktuelles/gra_verlauf_flaeche_320px.gif); background-repeat: repeat-y; } #content .left50_50 .box50_50 .links { position: relative; top: 0px; left: 0px; width: 190px; height: auto; float: left; margin-right: 12px; } #content .left50_50 .box50_50 .tiny { position: relative; top: 0px; left: 0px; width: 148px; height: auto; } #content .left50_50 .box50_50 .head_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_1spaltig/titel_1spaltig.gif); background-repeat: no-repeat; } #content .left50_50 .box50_50 .foot_tiny { position: relative; top: 0px; left: 0px; width: 148px; height: 10px; background-image: url(/pics/_box_1spaltig/gra_footer_1spaltig.gif); background-repeat: no-repeat; overflow: hidden; } #content .left50_50 .box50_50 .zeile_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: auto; padding: 4px 0px 0px 10px; clear: both; background-image: url(/pics/_box_1spaltig/gra_verlauf_hg_1spaltig.gif); background-repeat: repeat-y; } #content .left50_50 .box50_50 .button { position: relative; top: 12px; right: 9px; direction: rtl; } #content .left50_50 .box50_50 .rechts { position: relative; top: 0px; left: 0px; width: 308px; height: auto; float: left; } #content .left50_50 .box50_50 .head_small { position: relative; top: 0px; left: 0px; width: 298px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_2spaltig_schlagzeilen/titel_2spaltig.gif); background-repeat: no-repeat; } #content .left50_50 .box50_50 .foot_small { position: relative; top: 0px; left: 0px; width: 308px; height: 10px; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_footer_2spaltig.gif); background-repeat: no-repeat; } #content .left50_50 .box50_50 .zeile_small_a { position: relative; top: 0px; left: 0px; width: 300px; height: 15px; padding: 0px 8px 0px 0px; clear: both; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_verlauf_hg_2spaltig.gif); background-repeat: repeat-y; direction: rtl; overflow: hidden; } #content .left50_50 .box50_50 .zeile_small_b { position: relative; top: 0px; left: 0px; width: 298px; height: 28px; padding: 0px 0px 0px 10px; clear: both; background-color: #ECECEC; overflow: hidden; } #content .left50_50 .box50_50 .head { position: relative; top: 0px; left: 0px; width: 378px; height: 18px; padding: 2px 0px 0px 10px; background-image: url(/pics/_box_2_halbspaltig/titel_2+halbspaltig.gif); background-repeat: no-repeat; } #content .left50_50 .box50_50 .pic { position: relative; top: 0px; left: 0px; width: 148px; height: 95px; float: left; } #content .left50_50 .box50_50 .small { position: relative; top: 0px; left: 0px; width: 216px; height: 69px; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2_halbspaltig/gra_verlauf_hg_240_bild.gif); background-repeat: repeat-y; overflow: hidden; } #content .left50_50 .box50_50 .full { position: relative; top: 0px; left: 0px; width: 364px; height: auto; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2_halbspaltig/gra_hg_verlauf_388.gif); background-repeat: repeat-y; } #content .left50_50 .box50_50 .full .dropdown { position: relative; top: 0px; left: 0px; width: 245px; height: 22px; float: left; } #content .left50_50 .box50_50 .full .dropdown2 { position: relative; top: 0px; left: 0px; width: 172px; height: 22px; float: left; } #content .left50_50 .box50_50 .full .dropdown_area { position: relative; top: 0px; left: 0px; width: auto; height: auto; float: left; } #content .left50_50 .box50_50 .full .button { position: relative; top: 0px; left: 0px; width: 24px; height: auto; float: left; margin: 2px 0px 0px 0px; } #content .left50_50 .box50_50 .small .button { position: absolute; right: 10px; top: 70px; height: 16px; direction: rtl; } #content .left50_50 .box50_50 .foot { position: relative; top: 0px; left: 0px; width: 240px; height: 10px; float: left; background-image: url(/pics/_box_2_halbspaltig/gra_footer_240_bild.gif); background-repeat: no-repeat; overflow: hidden; } #content .left50_50 .box50_50 .spalte_1b { position: relative; top: 0px; left: 0px; width: 200px; height: 20px; float: left; } #content .left50_50 .box50_50 .spalte_2b { position: relative; top: 0px; left: 0px; width: 188px; height: 20px; float: left; } #content .left50_50 .box50_50 .icon { position: relative; top: 0px; left: 0px; width: 39px; height: 17px; float: left; text-align: center; padding: 1px 0px 0px 0px; } #content .left50_50 .box50_50 .text { position: relative; top: 0px; left: 0px; width: auto; height: auto; float: left; } #content .left50_50 .box50_50 .verlauf_388 { width: 388px; height: 20px; background-image: url(/pics/_box_2_halbspaltig/gra_hg_verlauf_388.gif); background-repeat: repeat-y; overflow: hidden; } #content .left50_50 .box50_50 .verlauf_388 .spalte_1b { position: relative; top: 0px; left: 0px; width: 200px; height: 20px; float: left; } #content .left50_50 .box50_50 .verlauf_388 .spalte_2b { position: relative; top: 0px; left: 0px; width: 188px; height: 20px; float: left; } #content .left50_50 .box50_50 .nurfarbe { width: 388px; height: 20px; background-color: #DDE8EA; overflow: hidden; } #content .left50_50 .box50_50 .nurfarbe .spalte_1b { position: relative; top: 0px; left: 0px; width: 200px; height: 20px; float: left; } #content .left50_50 .box50_50 .nurfarbe .spalte_2b { position: relative; top: 0px; left: 0px; width: 188px; height: 20px; float: left; } #content .left50_50 .box50_50 .full2 { position: relative; top: 0px; left: 0px; width: 364px; height: auto; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2_halbspaltig/gra_hg_verlauf_388.gif); background-repeat: repeat-y; } #content .left50_50 .box50_50 .full2 .button { position: relative; top: 0px; left: 0px; width: 30px; height: auto; float: right; padding: 2px 0px 0px 15px; } html>body #content .left50_50 .box50_50 .full .button { position: relative; top: 0px; left: 0px; width: 30px; height: auto; float: left; margin: 2px 0px 0px 6px; } /* UBERSICHTSSEITE 50-50 LAYOUT - 50-50 RECHTS */ #content .right50_50 { position: relative; top: 0px; left: 12px; height: auto; width: 388px; float: left; } #content .right50_50 .box50_50 { position: relative; top: 0px; left: 0px; width: 388px; height: auto; overflow: hidden; } #content .right50_50 .box50_50 .head { position: relative; top: 0px; left: 0px; width: 378px; height: 18px; padding: 2px 0px 0px 10px; background-image: url(/pics/_box_2_halbspaltig/titel_2+halbspaltig.gif); background-repeat: no-repeat; } #content .right50_50 .box50_50 .foot { position: relative; top: 0px; left: 0px; width: 240px; height: 10px; float: left; background-image: url(/pics/_box_2_halbspaltig/gra_footer_240_bild.gif); background-repeat: no-repeat; overflow: hidden; } #content .right50_50 .box50_50 .small{ position: relative; top: 0px; left: 0px; width: 216px; height: 69px; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2_halbspaltig/gra_verlauf_hg_240_bild.gif); background-repeat: repeat-y; float: left; overflow: hidden; } #content .right50_50 .box50_50 .full { position: relative; top: 0px; left: 0px; width: 364px; height: auto; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2_halbspaltig/gra_hg_verlauf_388.gif); background-repeat: repeat-y; } #content .right50_50 .box50_50 .full .dropdown { position: relative; top: 0px; left: 0px; width: 245px; height: 22px; float: left; } #content .right50_50 .box50_50 .full .dropdown2 { position: relative; top: 0px; left: 0px; width: 172px; height: 22px; float: left; } #content .right50_50 .box50_50 .full .dropdown_area { position: relative; top: 0px; left: 0px; width: auto; height: auto; float: left; } #content .right50_50 .box50_50 .full .button { position: relative; top: 0px; left: 0px; width: 30px; height: auto; float: left; padding: 2px 0px 0px 6px; } #content .right50_50 .box50_50 .full2 { position: relative; top: 0px; left: 0px; width: 364px; height: auto; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2_halbspaltig/gra_hg_verlauf_388.gif); background-repeat: repeat-y; } #content .right50_50 .box50_50 .full2 .button { position: relative; top: 0px; left: 0px; width:30px; height: auto; float: right; padding: 2px 0px 0px 15px; } #content .right50_50 .box50_50 .pic { position: relative; top: 0px; left: 0px; width: 148px; height: 95px; float: left; } #content .right50_50 .box50_50 .small .button { border: 1px solid #000000; position: absolute; right: 10px; top: 70px; height: 16px; direction: rtl; } #content .right50_50 .box50_50 .small_l { position: relative; top: 0px; left: 0px; width: 148px; height: 115px; float: left; } #content .right50_50 .box50_50 .small_r { position: relative; top: 0px; left: 12px; width: 148px; height: 115px; float: left; } #content .right50_50 .box50_50 .tiny { position: relative; top: 0px; left: 0px; width: 148px; height: auto; float: left; } #content .right50_50 .box50_50 .abstand { margin-right: 12px; } #content .right50_50 .box50_50 .head_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_1spaltig/titel_1spaltig.gif); background-repeat: no-repeat; } #content .right50_50 .box50_50 .foot_tiny { position: relative; top: 0px; left: 0px; width: 148px; height: 10px; background-image: url(/pics/_box_1spaltig/gra_footer_1spaltig.gif); background-repeat: no-repeat; overflow: hidden; } #content .right50_50 .box50_50 .zeile_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: auto; padding: 4px 0px 0px 10px; clear: both; background-image: url(/pics/_box_1spaltig/gra_verlauf_hg_1spaltig.gif); background-repeat: repeat-y; } #content .right50_50 .box50_50 .button { position: relative; top: 11px; right: 9px; direction: rtl; } #content .right50_50 .box50_50 .spalte_1 { position: relative; top: 0px; left: 0px; width: 102px; padding: 9px 0px 0px 9px; float: left; background-color: #DDE8EA; } #content .right50_50 .box50_50 .spalte_2 { position: relative; top: 0px; left: 0px; width: 96px; padding: 9px 0px 0px 0px; float: left; background-color: #DDE8EA; } #content .right50_50 .box50_50 .spalte_3 { position: relative; top: 0px; left: 0px; width: 101px; padding: 9px 0px 0px 0px; float: left; background-color: #DDE8EA; } #content .right50_50 .box50_50 .foot_long { position: relative; top: 0px; left: 0px; width: 388px; height: 10px; background-image: url(/pics/_box_2_halbspaltig/gra_footer_verlauf_388.gif); background-repeat: no-repeat; float: left; } #content .right50_50 .box50_50 .zeile { position: relative; top: 0px; left: 0px; width:299px; height: 22px; padding: 9px 0px 0px 9px; background-color: #DDE8EA; } #content .right50_50 .box50_50 .spalte_1a { position: relative; top: 0px; left: 0px; width: 59px; height: 22px; float: left; } #content .right50_50 .box50_50 .spalte_2a { position: relative; top: 0px; left: 0px; width:240px; height: 22px; float: left; } #content .right50_50 .box50_50 .zeile .spalte_2a select { font: normal 10px Arial, Helvetica, sans-serif; color: Black; line-height:15px; } #content .right50_50 .box50_50 .zeile .spalte_2a option { font: normal 10px Arial, Helvetica, sans-serif; color: Black; line-height:15px; } #content .right50_50 .box50_50 .spalte_1b { position: relative; top: 0px; left: 0px; width: 194px; height: 20px; float: left; } #content .right50_50 .box50_50 .spalte_2b { position: relative; top: 0px; left: 0px; width: 194px; height: 20px; float: left; } #content .right50_50 .box50_50 .icon { position: relative; top: 0px; left: 0px; width: 39px; height: 17px; float: left; text-align: center; padding: 1px 0px 0px 0px; } #content .right50_50 .box50_50 .text { position: relative; top: 0px; left: 0px; width: auto; height: auto; float: left; } #content .right50_50 .box50_50 .verlauf_388 { width: 388px; height: 20px; background-image: url(/pics/_box_2_halbspaltig/gra_hg_verlauf_388.gif); } #content .right50_50 .box50_50 .nurfarbe { width: 388px; height: 20px; background-color: #DDE8EA; } /* TEAM WAPPEN - UEBERSICHT */ .TicketsUebersicht { position: relative; top: 0px; left: 45px; } .TeamUebersicht { position: relative; top: 0px; left: 0px; width: 468px; height: 418px; float: left; font-size: 11px; } /* CLUBS & SPIELER - ALPHABET */ .alphabet { position: relative; top: 12px; left: 10px; width: 308px; height: 308px; overflow: hidden; float: left; } .alphabet .head { position: relative; top: 0px; left: 0px; width: 308px; height: 20px; padding: 5px 0 5px 0; background-image: url(/pics/_2010/box/header_alphabet.png); } .alphabet .head .headline { position: relative; top: 3px; left: 10px; } .alphabet .inhalt { position: relative; top: 0px; left: 0px; width: 308px; height: 270px; overflow: hidden; background-image: url(/pics/_2010/box/box_alphabet_back.png); clear: both; } .alphabet .footer { position: relative; top: 0px; left: 0px; width: 296px; height: 12px; overflow: hidden; } .alphabet .inhalt .zeile { position: relative; top: 22px; left: 20px; width: 260px; height:35px; overflow: hidden; clear: both; } .alphabet .inhalt .zeile .sub1 { position: relative; top: 0px; left: 0px; width: 32px; height: 40px; float: left; overflow: hidden; } .alphabet .inhalt .zeile .sub2 { position: relative; top: 0px; left: 40px; width: 32px; height: 40px; float: left; overflow: hidden; } .alphabet .inhalt .zeile .sub3 { position: relative; top: 0px; left: 82px; width: 32px; height: 40px; float: left; overflow: hidden; } .alphabet .inhalt .zeile .sub4 { position: relative; top: 0px; left: 124px; width: 32px; height: 40px; float: left; overflow: hidden; } /* TOR DES SPIELTAGS - 2 SPALTEN LAYOUT */ .boxen_2spaltig { position: relative; width: 762px; padding: 12px 12px 50px 12px; clear: both; overflow: hidden; } .boxen_2spaltig .headline_red { position: relative; float: left; width: 774px; height: 24px; font-size: 19px; font-weight: bold; color: #c80000; font-family: Arial, Helvetica, sans-serif;} .boxen_2spaltig .headline_black { position: relative; float: left; width: 774px; height: 24px; font-size: 17px; font-weight: bold; color: black; } .boxen_2spaltig .headline_small { position: relative; float: left; width: 774px; height: 24px; font-size: 12px; font-weight: normal; color: black; } .boxen_2spaltig .separator { position: static; height: 1px; clear: both; overflow: hidden; } .boxen_2spaltig_sp { position: relative; width: 774px; padding: 12px 0px 0px 12px; clear: both; overflow: hidden; } .boxen_2spaltig_sp .separator { position: static; height: 1px; clear: both; overflow: hidden; } .boxen_2spaltig_sp .headline_red { position: relative; float: left; width: 774px; height: 24px; font-size: 19px; font-weight: bold; color: #c80000; font-family: Arial, Helvetica, sans-serif;} .boxen_2spaltig_sp .headline_black { position: relative; float: left; width: 774px; height: 24px; font-size: 17px; font-weight: bold; color: black; } .boxen_2spaltig_sp .headline_small { position: relative; float: left; width: 774px; height: 30px; font-size: 12px; font-weight: normal; color: black; } .box_left { float: left; width: auto; } .box_right { float: right; width: auto; } /* VIDEO BOX NG */ .box_video_ng { position: relative; z-index: 20; width: 376px; padding: 0; margin: 20px 0 0 0; } .box_video_ng .head { position: relative; width: 366px; height: 16px; padding: 4px 0px 0px 10px; background: transparent url(/pics/_box_2spaltig_video/titel.gif) 0 0 no-repeat; } .box_video_ng .body { position: relative; width: 376px; height: 324px; padding: 0px; background: #B6BDC2; } .box_video_ng .video { position: relative; width: 376px; height: 212px; } .box_video_ng .text { position: relative; height: 65px; padding: 8px 12px 8px 12px; clear: both; overflow: hidden; } .box_video_ng .voting { position: relative; height: 12px; padding: 8px 12px 10px 12px; } .box_video_ng .voting .voting_label { float: left; width: 110px; } .box_video_ng .voting .voting_bar { float: left; width: 169px; height: 12px; margin-top: 1px; background: transparent url(/pics/_box_2spaltig_video/ergebnisbalken.gif) 0 0 no-repeat; } .box_video_ng .voting .voting_bar .voting_fill { height: 11px; background: transparent url(/pics/livebox/prozentbalken_1px.gif) 0 0 repeat-x; } .box_video_ng .voting .voting_position { float: left; width: 60px; padding-left: 6px; font-size: 10px; } .box_video_ng .voting .button { float: right; margin-top: -3px; width: auto; } .box_video_ng .voting .button_ng { position: relative; float: left; height: 23px; margin: 0; margin-top: -12px; padding: 0px 7px 0px 0px; } .box_video_ng .voting .button_ng.red { background: url(/pics/_2010/buttons/buttons.png) 100% -46px no-repeat; } .box_video_ng .voting .button_ng.red a { position: relative; float: left; padding: 5px 0px 0px 7px; height: 18px; background: url(/pics/_2010/buttons/buttons.png) no-repeat ; color: #ffffff; font-size: 10px; font-weight: bold; text-transform: uppercase; } .box_video_ng .voting .button_ng.red:hover { background-position: 100% -69px; } .box_video_ng .voting .button_ng.red:hover a { background-position: 0px -23px; } /* FLASH VIDEO BEREICHE */ #content #spinContent #sv2.head_mediathek #leiste { height: 440px; max-height: 500px; } #area_video { position: relative; margin: 20px 0; width: 776px; padding: 0 12px 0 0px; clear: both; overflow: hidden; } #area_video #area_artikelbild_left { margin-left: 0; padding-left: 12px; margin-bottom: 20px; } #area_video .box_video_ng { margin-top: 0px; } #area_video .box_video_ng .body { height: auto; } #area_video .box_video_ng .text { height: auto; } /* VERWANDTE THEMEN BOX NG */ .themenbox_ng { position: relative; float: right; padding: 0; margin: 0px -12px auto auto; width: 468px; border-right: 0; color: #000000; } .themenbox_ng .ecke_oben { position: absolute; top: -1px; left: -1px; width: 8px; height: 8px; background: transparent url(/img/similar_box/rahmen_oben_links.gif) 0 0 no-repeat; } .themenbox_ng .ecke_unten { position: absolute; bottom: -1px; left: -1px; width: 8px; height: 8px; background: transparent url(/img/similar_box/rahmen_unten_links.gif) bottom left no-repeat; } .themenbox_ng .box_ueberschrift { color: #c80000; font-weight: bold; font-size: 16px; padding: 9px 0 8px 12px; background: transparent; } .themenbox_ng .zeile_long_event { position: relative; width: 466px; height: 44px; margin-bottom: 4px; padding: 0px; background: transparent url(/img/similar_box/verlauf_mitte.gif) 0 0 repeat-y; clear: both; overflow: hidden; } .themenbox_ng .links_long { width: 36px; padding: 6px 0px 0px 12px; float: left; } .themenbox_ng .rechts_long { width: 400px; padding: 6px 0px 0px 0px; float: left; } .themenbox_ng .weiter { position: relative; float: right; text-align: right; padding: 9px 22px 9px 0; } /* VERWANDTE THEMEN BOX NG */ .themenbox_2010 { position: relative; float: left; padding: 0; margin: 0px -12px auto auto; width: 668px; border-right: 0; color: #000000; } .themenbox_2010 .ecke_oben { position: absolute; top: -1px; left: -1px; width: 8px; height: 8px; background: transparent url(/img/similar_box/rahmen_oben_links.gif) 0 0 no-repeat; } .themenbox_2010 .ecke_unten { position: absolute; bottom: -1px; left: -1px; width: 8px; height: 8px; background: transparent url(/img/similar_box/rahmen_unten_links.gif) bottom left no-repeat; } .themenbox_2010 .box_ueberschrift { color: #c80000; font-weight: bold; font-size: 16px; padding: 9px 0 8px 12px; background: transparent; } .themenbox_2010 .zeile_long_event { position: relative; width: 666px; height: 44px; margin-bottom: 4px; padding: 0px; background: transparent url(/img/similar_box/verlauf_mitte.gif) 0 0 repeat-y; clear: both; overflow: hidden; } .themenbox_2010 .links_long { width: 36px; padding: 6px 0px 0px 12px; float: left; } .themenbox_2010 .rechts_long { width: 600px; padding: 6px 0px 0px 0px; float: left; } .themenbox_2010 .weiter { position: relative; float: left; text-align: right; padding: 9px 22px 9px 0; } /* TEASER INFOS */ .teaser_day { padding: 2px 0px 4px 0px; } .teaser_area { padding: 2px 0px 4px 0px; } .teaser_time { padding: 0px 0px 8px 0px; } .teaser_url { padding: 0px 0px 8px 0px; } .teaser_url a { color: #c80000; background: transparent; } .teaser_url a:hover { color: black; text-decoration: none; } /* STARTSEITEN - LINKE SPALTEN */ #content .left { position: relative; top: 0px; left: 0px; width: 640px; height: auto; float: left; overflow: hidden; } #content .left .box_ng_flash { position: relative; top: 0px; left: 0px; width: 628px; height: 353px; overflow: hidden; padding-bottom: 12px; z-index: 99; } /* BOX - VIDEOS UND AUDIOS LONG */ #content .left .box_ng_videos_long { position: relative; top: 0px; left: 0px; width: 628px; height: 528px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_2z_back_video.png) 0px 30px no-repeat; padding-bottom: 12px; } #content .left .box_ng_videos_long.history { background: transparent url(/pics/_2010/box/box_2sp_2z_back_video_hist.png) 0px 30px no-repeat; } #content .left .box_ng_videos_long .head_long { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header_video.jpg); background-repeat: no-repeat; } #content .left .box_ng_videos_long .head_long .headline { position: relative; float: left; width: 380px; height: 16px; } #content .left .box_ng_videos_long .head_long .more1 { position: relative; float: left; width: 135px; height: 16px; } #content .left .box_ng_videos_long .head_long .more2 { position: relative; float: left; width: auto; height: 16px; } #content .left .box_ng_videos_long .head_long .more1 a, #content .left .box_ng_videos_long .head_long .more2 a { font-size: 12px; font-weight: bold; line-height: 16px; font-weight: bold; color: white; } #content .left .box_ng_videos_long .head_long .more1 a:hover, #content .left .box_ng_videos_long .head_long .more2 a:hover { color: black; } #content .left .box_ng_videos_long .box_videos { position: relative; width: 628px; height: 325px; padding-top: 8px; } #content .left .box_ng_videos_long .box_videos .videolink { position: relative; float: left; width: 287px; height: 68px; padding: 4px 15px 4px 12px; overflow: hidden; font-size: 12px; } #content .left .box_ng_videos_long .box_videos .videolink a { font-size: 14px; font-weight: bold; line-height: 16px; font-weight: bold; color: #c80000; } #content .left .box_ng_videos_long .box_videos .videolink a:hover { color: black; } #content .left .box_ng_videos_long .box_videos .videolink .pic { position: relative; float: left; width: 94px; padding-left: 16px; } #content .left .box_ng_videos_long .box_videos .videolink .pic .icon { position: absolute; left: 0; top: 20px; width: 32px; height: 32px; background: transparent url(/pics/_2010/icons/icon_video_pfeil.png) top left no-repeat; cursor: pointer; } #content .left .box_ng_videos_long .box_videos .videolink .text { position: relative; float: left; width: 165px; height: 64px; padding-left: 12px; overflow: hidden; } #content .left .box_ng_videos_long .box_audios { position: relative; width: 628px; height: 157px; background: transparent url(/pics/_2010/box/box_2sp_schatten.png) top left no-repeat; padding-top: 8px; } #content .left .box_ng_videos_long .box_audios .audiolink { position: relative; float: left; width: 244px; height: 60px; padding-top: 12px; padding-left: 58px; margin-left: 12px; overflow: hidden; background: transparent url(/pics/_2010/icons/icon_audio.png) 8px 16px no-repeat; font-size: 12px; } #content .left .box_ng_videos_long .box_audios .audiolink a { font-size: 14px; font-weight: bold; line-height: 16px; font-weight: bold; color: #c80000; } #content .left .box_ng_videos_long .box_audios .audiolink a:hover { color: black; } /* BOX - VIDEOS UND AUDIOS SMALL */ #content .left .box_ng_videos_small { position: relative; top: 0px; left: 0px; width: 628px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_1z_back_video.png) 0px 30px no-repeat; padding-bottom: 12px; } #content .left .box_ng_videos_small.history { background: transparent url(/pics/_2010/box/box_2sp_1z_back_video_hist.png) 0px 30px no-repeat; } #content .left .box_ng_videos_small .head_long { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header_video.jpg); background-repeat: no-repeat; } #content .left .box_ng_videos_small .head_long .headline { position: relative; float: left; width: 380px; height: 16px; } #content .left .box_ng_videos_small .head_long .more1 { position: relative; float: left; width: 135px; height: 16px; } #content .left .box_ng_videos_small .head_long .more2 { position: relative; float: left; width: auto; height: 16px; } #content .left .box_ng_videos_small .head_long .more1 a, #content .left .box_ng_videos_small .head_long .more2 a { font-size: 12px; font-weight: bold; line-height: 16px; font-weight: bold; color: white; } #content .left .box_ng_videos_small .head_long .more1 a:hover, #content .left .box_ng_videos_small .head_long .more2 a:hover { color: black; } #content .left .box_ng_videos_small .box_videos { position: relative; width: 628px; height: 160px; padding-top: 4px; } #content .left .box_ng_videos_small .box_videos .videolink { position: relative; float: left; width: 287px; height: 68px; padding: 4px 15px 4px 12px; overflow: hidden; font-size: 12px; } #content .left .box_ng_videos_small .box_videos .videolink a { font-size: 14px; font-weight: bold; line-height: 16px; font-weight: bold; color: #c80000; } #content .left .box_ng_videos_small .box_videos .videolink a:hover { color: black; } #content .left .box_ng_videos_small .box_videos .videolink .pic { position: relative; float: left; width: 94px; padding-left: 16px; } #content .left .box_ng_videos_small .box_videos .videolink .pic .icon { position: absolute; left: 0; top: 20px; width: 32px; height: 32px; background: transparent url(/pics/_2010/icons/icon_video_pfeil.png) top left no-repeat; cursor: pointer; } #content .left .box_ng_videos_small .box_videos .videolink .text { position: relative; float: left; width: 165px; height: 64px; padding-left: 12px; overflow: hidden; } #content .left .box_ng_videos_small .box_audios { position: relative; width: 628px; height: 64px; background: transparent url(/pics/_2010/box/box_2sp_schatten.png) top left no-repeat; padding-top: 0px; } #content .left .box_ng_videos_small .box_audios .audiolink { position: relative; float: left; width: 244px; height: 60px; padding-top: 8px; padding-left: 58px; margin-left: 12px; overflow: hidden; background: transparent url(/pics/_2010/icons/icon_audio.png) 8px 14px no-repeat; font-size: 12px; } #content .left .box_ng_videos_small .box_audios .audiolink a { font-size: 14px; font-weight: bold; line-height: 16px; font-weight: bold; color: #c80000; } #content .left .box_ng_videos_small .box_audios .audiolink a:hover { color: black; } /* BOX - ONLY VIDEOS SMALL */ #content .left .box_ng_videos { position: relative; top: 0px; left: 0px; width: 628px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_1z_back_video.png) 0px 30px no-repeat; padding-bottom: 12px; } #content .left .box_ng_videos.history { background: transparent url(/pics/_2010/box/box_2sp_1z_back_video_hist.png) 0px 30px no-repeat; } #content .left .box_ng_videos .head_long { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header_news.jpg); background-repeat: no-repeat; } #content .left .box_ng_videos .head_long .headline { position: relative; float: left; width: 522px; height: 16px; } #content .left .box_ng_videos .head_long .more { position: relative; float: left; width: 98px; height: 16px; } #content .left .box_ng_videos .head_long .more a { font-size: 12px; font-weight: bold; line-height: 16px; font-weight: bold; color: white; } #content .left .box_ng_videos .head_long .more a:hover { color: black; } #content .left .box_ng_videos .box_videos { position: relative; width: 628px; height: 222px; padding-top: 4px; } #content .left .box_ng_videos .box_videos .videolink { position: relative; float: left; width: 287px; height: 63px; padding: 4px 15px 4px 12px; overflow: hidden; font-size: 12px; } #content .left .box_ng_videos .box_videos .videolink a { font-size: 14px; font-weight: bold; line-height: 16px; font-weight: bold; color: #c80000; } #content .left .box_ng_videos .box_videos .videolink a:hover { color: black; } #content .left .box_ng_videos .box_videos .videolink .pic { position: relative; float: left; width: 94px; padding-left: 16px; } #content .left .box_ng_videos .box_videos .videolink .pic .icon { position: absolute; left: 0; top: 20px; width: 32px; height: 32px; background: transparent url(/pics/_2010/icons/icon_video_pfeil.png) top left no-repeat; cursor: pointer; } #content .left .box_ng_videos .box_videos .videolink .text { position: relative; float: left; width: 165px; height: 64px; padding-left: 12px; overflow: hidden; } /* BOX - MIT 2 UNSICHTBAREN REITERN */ #content .left .box_ng_zahldestages, #content .right .box_ng_zahldestages { position: relative; float: left; width: 308px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_1sp_1z_back.png) 0px 30px no-repeat; padding-bottom: 12px; margin-right: 12px; } #content .left .box_ng_zahldestages.history, #content .right .box_ng_zahldestages.history { background: transparent url(/pics/_2010/box/box_1sp_1z_back_historie.png) 0px 30px no-repeat; } #content .left .box_ng_zahldestages .head, #content .right .box_ng_zahldestages .head { position: relative; top: 0px; left: 0px; width: 308px; height: 19px; padding: 6px 0px 5px 0px; background-image: url(/pics/_2010/box/box_header_1sp_zahl_heute.jpg); background-repeat: no-repeat; } #content .left .box_ng_zahldestages .head .simpleTabs-nav ul, #content .right .box_ng_zahldestages .head .simpleTabs-nav ul { position: relative; width: auto; list-style: none; margin: 0; padding: 0; } #content .left .box_ng_zahldestages .head .simpleTabs-nav li, #content .right .box_ng_zahldestages .head .simpleTabs-nav li, #content .left .box_ng_zahldestages .head .simpleTabs-nav li.actif, #content .right .box_ng_zahldestages .head .simpleTabs-nav li.actif { position: relative; float: left; width: 150px; height: 20px; font-size: 15px; color: white; text-transform: uppercase; line-height: 20px; cursor: pointer; font-weight: bold; } #content .left .box_ng_zahldestages .head .simpleTabs-nav li.actif:hover, #content .right .box_ng_zahldestages .head .simpleTabs-nav li.actif:hover, #content .left .box_ng_zahldestages .head .simpleTabs-nav li:hover, #content .right .box_ng_zahldestages .head .simpleTabs-nav li:hover { color: black; } #content .left .box_ng_zahldestages .head .simpleTabs-nav li.right, #content .right .box_ng_zahldestages .head .simpleTabs-nav li.right, #content .left .box_ng_zahldestages .head .simpleTabs-nav li.actif.right, #content .right .box_ng_zahldestages .head .simpleTabs-nav li.actif.right { position: relative; float: right; width: 122px; height: 20px; padding-right: 28px; text-align: right; font-size: 15px; color: white; text-transform: uppercase; line-height: 20px; cursor: pointer; font-weight: bold; } #content .left .box_ng_zahldestages .head .simpleTabs-nav li.right:hover, #content .right .box_ng_zahldestages .head .simpleTabs-nav li.right:hover, #content .left .box_ng_zahldestages .head .simpleTabs-nav li.actif.right:hover, #content .right .box_ng_zahldestages .head .simpleTabs-nav li.actif.right:hover { color: black; } #content .left .box_ng_zahldestages .head .simpleTabs-nav li.right span, #content .left .box_ng_zahldestages .head .simpleTabs-nav li span, #content .right .box_ng_zahldestages .head .simpleTabs-nav li.right span, #content .right .box_ng_zahldestages .head .simpleTabs-nav li span { position: relative; float: left; padding-left: 10px; height: 20px; background: transparent; } #content .left .box_ng_zahldestages .head .simpleTabs-nav li.actif span, #content .right .box_ng_zahldestages .head .simpleTabs-nav li.actif span { position: relative; float: left; padding-left: 10px; height: 20px; background: transparent; } #content .left .box_ng_zahldestages .simpleTabs-content, #content .right .box_ng_zahldestages .simpleTabs-content { position: relative; float: left; height: 212px; width: 284px; padding: 10px 12px 0px 12px; font-size: 12px; overflow: hidden; } #content .left .box_ng_zahldestages .simpleTabs-content img, #content .right .box_ng_zahldestages .simpleTabs-content img { position: relative; float: left; padding-right: 12px; padding-bottom: 2px; } /* BOX - NEWS MIT REITERN */ #content .left .box_ng_news { position: relative; top: 0px; left: 0px; width: 628px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_1z_back.png) 0px 30px no-repeat; padding-bottom: 12px; } #content .left .box_ng_news .head_long { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header_news.jpg); background-repeat: no-repeat; } #content .left .box_ng_news .head_long .headline { position: relative; float: left; width: auto; height: 16px; padding-right: 20px; } #content .left .box_ng_news .head_long .simpleTabs-nav ul { position: relative; width: auto; list-style: none; margin: 0; padding: 0; } #content .left .box_ng_news .head_long .simpleTabs-nav li { position: relative; float: left; width: auto; height: 20px; background: transparent url(/pics/_2010/buttons/reiter_02.png) 100% -60px no-repeat; padding-right: 10px; overflow: visible; margin-top: 1px; cursor: pointer; } #content .left .box_ng_news .head_long .simpleTabs-nav li span { position: relative; float: left; padding-left: 10px; height: 20px; background: transparent url(/pics/_2010/buttons/reiter_02.png) 0px -20px no-repeat; line-height: 20px; font-size: 12px; font-weight: bold; color: black; cursor: pointer; } #content .left .box_ng_news .head_long .simpleTabs-nav li.actif { position: relative; float: left; width: auto; height: 20px; background: transparent url(/pics/_2010/buttons/reiter_02.png) 100% -40px no-repeat; padding-right: 10px; overflow: visible; margin-top: 1px; cursor: pointer; } #content .left .box_ng_news .head_long .simpleTabs-nav li.actif span { position: relative; float: left; padding-left: 10px; height: 20px; background: transparent url(/pics/_2010/buttons/reiter_02.png) 0px 0px no-repeat; line-height: 20px; font-size: 12px; font-weight: bold; color: black; cursor: pointer; } #content .left .box_ng_news .head_long .more { position: relative; float: right; width: auto; height: 16px; padding-right: 20px; } #content .left .box_ng_news .head_long .more a { font-size: 12px; font-weight: bold; line-height: 16px; font-weight: bold; color: white; } #content .left .box_ng_news .head_long .more a:hover { color: black; } #content .left .box_ng_news .spalte { position: relative; float: left; width: 206px; height: 220px; font-size: 12px; line-height: 16px; color: black; overflow: hidden; } #content .left .box_ng_news .spalte .teaserpic_event { position: relative; float: left; width: 206px; height: 75px; float: left; } #content .left .box_ng_news .spalte .rechts_long_event { position: relative; float: left; width: 182px; height: 125px; padding: 12px; } #content .left .box_ng_news .spalte .rechts_long_event a { font-size: 14px; line-height: 16px; font-weight: bold; color: #c80000; } #content .left .box_ng_news .spalte .rechts_long_event a:hover { color: black; } #content .left .box_ng_news .zeile { position: relative; float: left; width: 314px; height: 48px; font-size: 12px; line-height: 16px; color: black; padding: 6px 0 0 0; overflow: hidden; } #content .left .box_ng_news .zeile .teasericon_event { position: relative; float: left; width: 28px; height: 32px; padding: 0 12px 0 12px; } #content .left .box_ng_news .zeile .rechts_long_event { position: relative; float: left; width: 220px; height: 42px; padding: 2px 0 0 0; } #content .left .box_ng_news .zeile .rechts_long_event a { font-size: 14px; line-height: 16px; font-weight: bold; color: #c80000; } #content .left .box_ng_news .zeile .rechts_long_event a:hover { color: black; } /* BOX - SPONSOREN PARTNER */ #content .left .box_ng_partner { position: relative; top: 0px; left: 0px; width: 628px; height: auto; padding-bottom: 13px; } #content .left .box_ng_partner .sponsors { position: relative; top: 0px; left: 0px; width: 628px; height: 50px; overflow: hidden; } #content .left .box_ng_partner .sponsors .spacer { position: relative; float: left; width: 295px; height: 50px; } #content .left .box_ng_partner .sponsors .link1 { position: relative; float: left; position: relative; width: 45px; height: 50px; cursor: pointer; margin-right: 35px; } #content .left .box_ng_partner .sponsors .link2 { position: relative; float: left; position: relative; width: 120px; height: 50px; cursor: pointer; margin-right: 30px; } #content .left .box_ng_partner .sponsors .link3 { position: relative; float: left; position: relative; width: 70px; height: 50px; cursor: pointer; } #content .left .box1 { position: relative; top: 0px; left: 0px; width: 468px; height: 308px; } #box_ng_small_banner { position: relative; float: left; width: 308px; height: 258px; overflow: hidden; padding-bottom: 12px; margin-right: 12px; } #box_ng_small_banner.spezial { height: 353px; } #box_ng_small_banner .head { position: relative; top: 0px; left: 0px; width: 308px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_header_1sp.jpg); background-repeat: no-repeat; } #box_ng_small_banner .banner { position: relative; top: 0px; left: 0px; width: 308px; height: auto; } #box_ng_big_banner { position: relative; float: left; width: 628px; height: 258px; overflow: hidden; padding-bottom: 12px; margin-right: 12px; } #box_ng_big_banner .head { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header.jpg); background-repeat: no-repeat; } #box_ng_big_banner .banner { position: relative; top: 0px; left: 0px; width: 628px; height: auto; } /* BOX - SMALL-SHORT FOR THE LEFT AND RIGHT COLUMN */ #box_ng_small { position: relative; float: left; width: 308px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_1sp_1z_back.png) 0px 30px no-repeat; padding-bottom: 12px; margin-right: 12px; } #box_ng_small.history { background: transparent url(/pics/_2010/box/box_1sp_1z_back_historie.png) 0px 30px no-repeat; } #box_ng_small.historyspecial { height: 204px; background: transparent url(/pics/_2010/box/box_1sp_1z_back_hist_small_02.png) 0px 30px no-repeat; } #box_ng_small .head { position: relative; top: 0px; left: 0px; width: 308px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_header_1sp.jpg); background-repeat: no-repeat; } #box_ng_small .zeile_fix { position: relative; top: 0px; left: 0px; width: 308px; height: 68px; clear: both; padding-bottom: 4px; } #box_ng_small .zeile_fix .links { position: relative; top: 0px; left: 0px; width: 109px; height: 68px; float: left; padding-left: 12px; overflow: hidden; } #box_ng_small .zeile_fix .rechts { position: relative; top: 0px; left: 0px; width: 163px; height: 66px; float: left; padding: 0px 12px 0px 12px; overflow: hidden; } #box_ng_small .zeile_flex { position: relative; top: 0px; left: 0px; width: 308px; clear: both; padding-top: 0px; } #box_ng_small .zeile_flex .links { position: relative; top: 0px; left: 0px; padding: 0; width: 308px; height: 132px; float: left; overflow: hidden; background: url(/pics/_2010/box/box_1sp_schatten.png) bottom left no-repeat; } #box_ng_small .zeile_flex .rechts { position: relative; top: 0px; left: 0px; width: 288px; height: auto; float: left; padding: 0px 8px 12px 12px; overflow: hidden; } /* BOX - SMALL-SPEZIAL FOR THE RIGHT COLUMN */ #box_ng_spezial { position: relative; float: left; width: 308px; height: 353px; overflow: hidden; background: transparent url(/pics/_2010/box/box_1sp_1z_back_spezial.png) 0px 30px no-repeat; padding-bottom: 12px; margin-right: 12px; } #box_ng_spezial.history { background: transparent url(/pics/_2010/box/box_1sp_1z_back_historie_spezial.png) 0px 30px no-repeat; } #box_ng_spezial .head { position: relative; top: 0px; left: 0px; width: 308px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_header_1sp.jpg); background-repeat: no-repeat; } #box_ng_spezial .zeile_fix { position: relative; top: 0px; left: 0px; width: 308px; height: 68px; clear: both; padding-bottom: 4px; } #box_ng_spezial .zeile_fix .links { position: relative; top: 0px; left: 0px; width: 109px; height: 68px; float: left; padding-left: 12px; overflow: hidden; } #box_ng_spezial .zeile_fix .rechts { position: relative; top: 0px; left: 0px; width: 163px; height: 66px; float: left; padding: 0px 12px 0px 12px; overflow: hidden; } #box_ng_spezial .zeile_flex { position: relative; top: 0px; left: 0px; width: 308px; clear: both; padding-top: 0px; } #box_ng_spezial .zeile_flex .links { position: relative; top: 0px; left: 0px; padding: 0; width: 308px; height: 132px; float: left; overflow: hidden; background: url(/pics/_2010/box/box_1sp_schatten.png) bottom left no-repeat; } #box_ng_spezial .zeile_flex .rechts { position: relative; top: 0px; left: 0px; width: 288px; height: auto; float: left; padding: 0px 8px 12px 12px; overflow: hidden; } /* BOX - SMALL-LONG FOR THE LEFT AND RIGHT COLUMN */ #box_ng_small_long { position: relative; float: left; width: 308px; height: 528px; overflow: hidden; background: transparent url(/pics/_2010/box/box_1sp_2z_back.png) 0px 30px no-repeat; padding-bottom: 12px; margin-right: 12px; } #box_ng_small_long.history { background: transparent url(/pics/_2010/box/box_1sp_2z_back_historie.png) 0px 30px no-repeat; } #box_ng_small_long .head { position: relative; top: 0px; left: 0px; width: 308px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_header_1sp.jpg); background-repeat: no-repeat; } #box_ng_small_long .zeile_fix { position: relative; top: 0px; left: 0px; width: 308px; height: 68px; clear: both; padding-bottom: 12px; } #box_ng_small_long .zeile_fix .links { position: relative; top: 0px; left: 0px; width: 109px; height: 68px; float: left; padding-left: 12px; overflow: hidden; } #box_ng_small_long .zeile_fix .rechts { position: relative; top: 0px; left: 0px; width: 163px; height: 66px; float: left; padding: 0px 12px 0px 12px; overflow: hidden; } #box_ng_small_long .zeile_flex { position: relative; top: 0px; left: 0px; width: 308px; clear: both; padding-top: 0px; } #box_ng_small_long .zeile_flex .links { position: relative; top: 0px; left: 0px; padding: 0; width: 308px; height: 132px; float: left; overflow: hidden; background: url(/pics/_2010/box/box_1sp_schatten.png) bottom left no-repeat; } #box_ng_small_long .zeile_flex .rechts { position: relative; top: 0px; left: 0px; width: 288px; height: auto; float: left; padding: 0px 8px 12px 12px; overflow: hidden; } #content .right .box_ng_karussell { position: relative; float: left; width: 308px; height: 137px; overflow: hidden; background: transparent url(/pics/_2010/box/box_1sp_1z_back_hist_small.png) 0px 30px no-repeat; padding-bottom: 12px; margin-right: 12px; } #content .right .box_ng_karussell .head_long { position: relative; top: 0px; left: 0px; width: 308px; height: 16px; padding: 9px 0px 5px 0px; background-image: url(/pics/_2010/box/box_header_1sp.jpg); background-repeat: no-repeat; } #content .right .box_ng_karussell .head_long .headline { position: relative; float: left; width: 290px; height: 19px; padding-left: 10px; } #content .right .box_ng_tabelle { position: relative; float: left; width: 308px; height: 528px; overflow: hidden; background: transparent url(/pics/_2010/box/box_1sp_2z_back.png) 0px 30px no-repeat; padding-bottom: 12px; margin-right: 12px; } #content .right .box_ng_tabelle.history { background: transparent url(/pics/_2010/box/box_1sp_2z_back_historie.png) 0px 30px no-repeat; } #content .right .box_ng_tabelle .head_long { position: relative; top: 0px; left: 0px; width: 308px; height: 35px; padding: 9px 0px 5px 0px; background-image: url(/pics/_2010/box/box_header_1sp.jpg); background-repeat: no-repeat; } #content .right .box_ng_tabelle .head_long .headline { position: relative; float: left; width: 290px; height: 19px; padding-left: 10px; } #content .right .box_ng_tabelle .head_long .more { position: relative; float: left; width: 115px;; height: 24px; padding-right: 8px; } #content .right .box_ng_tabelle .head_long .more a { font-size: 12px; font-weight: bold; line-height: 16px; font-weight: bold; color: white; } #content .right .box_ng_tabelle .head_long .more a:hover { color: black; } #content .right .box_ng_tabelle .head_long .simpleTabs-nav { position: relative; width: auto; float: left; margin: 0; padding: 0; } #content .right .box_ng_tabelle .head_long .simpleTabs-nav ul { position: relative; width: auto; list-style: none; margin: 0; padding: 0; } #content .right .box_ng_tabelle .head_long .simpleTabs-nav li { position: relative; float: left; width: auto; height: 20px; background: transparent url(/pics/_2010/buttons/reiter_02.png) 100% -60px no-repeat; padding-right: 10px; overflow: visible; margin-top: 1px; cursor: pointer; } #content .right .box_ng_tabelle .head_long .simpleTabs-nav li span { position: relative; float: left; padding-left: 10px; height: 20px; background: transparent url(/pics/_2010/buttons/reiter_02.png) 0px -20px no-repeat; line-height: 20px; font-size: 12px; font-weight: bold; color: black; cursor: pointer; } #content .right .box_ng_tabelle .head_long .simpleTabs-nav li.actif { position: relative; float: left; width: auto; height: 20px; background: transparent url(/pics/_2010/buttons/reiter_02.png) 100% -40px no-repeat; padding-right: 10px; overflow: visible; margin-top: 1px; cursor: pointer; } #content .right .box_ng_tabelle .head_long .simpleTabs-nav li.actif span { position: relative; float: left; padding-left: 10px; height: 20px; background: transparent url(/pics/_2010/buttons/reiter_02.png) 0px 0px no-repeat; line-height: 20px; font-size: 12px; font-weight: bold; color: black; cursor: pointer; } #content .right .box_ng_tabelle .simpleTabs-content { position: relative; float: left; width: 308px; height: 503px; overflow: hidden; } #content .right .box_ng_tabelle.history .simpleTabs-content { position: relative; float: left; width: 308px; height: 503px; overflow: hidden; } #box_ng_voting { position: relative; float: left; width: 308px; height: 528px; overflow: hidden; background: transparent url(/pics/_2010/box/box_1sp_2z_back.png) 0px 30px no-repeat; padding-bottom: 12px; margin-right: 12px; } #box_ng_voting .head_long { position: relative; top: 0px; left: 0px; width: 308px; height: 16px; padding: 9px 0px 5px 0px; background-image: url(/pics/_2010/box/box_header_1sp.jpg); background-repeat: no-repeat; } #box_ng_voting .head_long .headline { position: relative; float: left; width: 290px; height: 19px; padding-left: 10px; } #box_ng_voting .foot { position: relative; top: 0px; left: 0px; width: 308px; height: 10px; clear: both; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_footer_2spaltig_ng.gif); background-repeat: no-repeat; overflow: hidden; } #box_ng_voting .bg { position: relative; float: left; width: 308px; height: auto; padding: 0px; display: table; } #box_ng_voting .bg .imagebox { position: relative; top: 0px; left: 0px; padding: 0; width: 308px; height: 132px; float: left; overflow: hidden; background: url(/pics/_2010/box/box_1sp_schatten.png) bottom left no-repeat; } #box_ng_voting .bg .full { position: relative; float: left; width: 308px; height: auto; } #box_ng_voting .bg .full .text { font-size: 18px; line-height: 20px; color: #818181; padding: 0 12px 0px 12px; font-weight: bold; } #box_ng_voting .full .red { font: bold 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } #box_ng_voting .bg .full .vote_txt { position: relative; top: 0px; left: 12px; float:left; width: 213px; height: auto; padding: 5px 0px 4px 0px; } #box_ng_voting .bg .full .vote_button { position: relative; top: 0px; left: 0px; float: left; width: auto; height: auto; padding: 5px 0px 0px 12px; text-align: right; } #box_ng_voting .bg .full .vote_button .button_ng { position: relative; float: left; height: 23px; margin: 0; margin-top: -12px; padding: 0px 7px 0px 0px; } #box_ng_voting .bg .full .vote_button .button_ng.red { background: url(/pics/_2010/buttons/buttons.png) 100% -46px no-repeat; } #box_ng_voting .bg .full .vote_button .button_ng.red a { position: relative; float: left; padding: 5px 0px 0px 7px; height: 18px; background: url(/pics/_2010/buttons/buttons.png) no-repeat ; color: #ffffff; font-size: 10px; font-weight: bold; text-transform: uppercase; } #box_ng_voting .bg .full .vote_button .button_ng.red:hover { background-position: 100% -69px; } #box_ng_voting .bg .full .vote_button .button_ng.red:hover a { background-position: 0px -23px; } #box_ng_voting .bg .full .vote_result { position: relative; top: 2px; right: 4px; float: right; width: auto; height: auto; padding: 5px 0px 4px 0px; text-align: right; direction: rtl; display: block; } #box_ng_voting .bg .full .color_0 { position: relative; background: url(/pics/_2010/box/box_trend_zeile.png) top left no-repeat; width: 306px; padding: 0px; margin: 0px; height: 28px; border-left: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; } #box_ng_voting .bg .full .color_1 { position: relative; background: url(/pics/_2010/box/box_trend_zeile.png) top left no-repeat; width: 306px; padding: 0px; margin: 0px; height: 28px; border-left: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; } #box_ng_voting .footer_banner { position: absolute; bottom: 0px; left: 0; width: 308px; height: auto; } #box_ng_voting .footer_banner .cornerBottomLeft { position: absolute; bottom: 0px; left: 0; background: url(/pics/_2010/corners/corner_8_bl.png) top left no-repeat; width: 9px; height: 8px; } #box_ng_voting .footer_banner .cornerBottomRight { position: absolute; bottom: 0px; left: 300px; background: url(/pics/_2010/corners/corner_8_br.png) top left no-repeat; width: 9px; height: 8px; } #box_ng_voting_small { position: relative; float: left; width: 308px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_1sp_1z_back.png) 0px 30px no-repeat; padding-bottom: 12px; margin-right: 12px; } #box_ng_voting_small .head_long { position: relative; top: 0px; left: 0px; width: 308px; height: 16px; padding: 9px 0px 5px 0px; background-image: url(/pics/_2010/box/box_header_1sp.jpg); background-repeat: no-repeat; } #box_ng_voting_small .head_long .headline { position: relative; float: left; width: 290px; height: 19px; padding-left: 10px; } #box_ng_voting_small .foot { position: relative; top: 0px; left: 0px; width: 308px; height: 10px; clear: both; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_footer_2spaltig_ng.gif); background-repeat: no-repeat; overflow: hidden; } #box_ng_voting_small .bg { position: relative; float: left; width: 308px; height: auto; padding: 0px; display: table; } #box_ng_voting_small .bg .imagebox { position: relative; top: 0px; left: 0px; padding: 0; width: 308px; height: 132px; float: left; overflow: hidden; background: url(/pics/_2010/box/box_1sp_schatten.png) bottom left no-repeat; } #box_ng_voting_small .bg .full { position: relative; float: left; width: 308px; height: auto; } #box_ng_voting_small .bg .full .text { font-size: 18px; line-height: 20px; color: #818181; padding: 0 12px 0px 12px; font-weight: bold; } #box_ng_voting_small .full .red { font: bold 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } #box_ng_voting_small .bg .full .vote_txt { position: relative; top: 0px; left: 12px; float:left; width: 213px; height: auto; padding: 5px 0px 4px 0px; } #box_ng_voting_small .bg .full .vote_button { position: relative; top: 0px; left: 0px; float: left; width: auto; height: auto; padding: 5px 0px 0px 12px; text-align: right; } #box_ng_voting_small .bg .full .vote_button .button_ng { position: relative; float: left; height: 23px; margin: 0; margin-top: -12px; padding: 0px 7px 0px 0px; } #box_ng_voting_small .bg .full .vote_button .button_ng.red { background: url(/pics/_2010/buttons/buttons.png) 100% -46px no-repeat; } #box_ng_voting_small .bg .full .vote_button .button_ng.red a { position: relative; float: left; padding: 5px 0px 0px 7px; height: 18px; background: url(/pics/_2010/buttons/buttons.png) no-repeat ; color: #ffffff; font-size: 10px; font-weight: bold; text-transform: uppercase; } #box_ng_voting_small .bg .full .vote_button .button_ng.red:hover { background-position: 100% -69px; } #box_ng_voting_small .bg .full .vote_button .button_ng.red:hover a { background-position: 0px -23px; } #box_ng_voting_small .bg .full .vote_result { position: relative; top: 2px; right: 4px; float: right; width: auto; height: auto; padding: 5px 0px 4px 0px; text-align: right; direction: rtl; display: block; } #box_ng_voting_small .bg .full .color_0 { position: relative; background: url(/pics/_2010/box/box_trend_zeile.png) top left no-repeat; width: 306px; padding: 0px; margin: 0px; height: 28px; border-left: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; } #box_ng_voting_small .bg .full .color_1 { position: relative; background: url(/pics/_2010/box/box_trend_zeile.png) top left no-repeat;width: 306px; padding: 0px; margin: 0px; height: 28px; border-left: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; } #box_ng_voting_small .footer_banner { display: none; } #box_ng_voting_small .footer_banner .cornerBottomLeft { display: none; } #box_ng_voting_small .footer_banner .cornerBottomRight { display: none; } #box_ng_voting_spezial { position: relative; float: left; width: 308px; height: 353px; overflow: hidden; background: transparent url(/pics/_2010/box/box_1sp_1z_back_spezial.png) 0px 30px no-repeat; padding-bottom: 12px; margin-right: 12px; } #box_ng_voting_spezial .head_long { position: relative; top: 0px; left: 0px; width: 308px; height: 16px; padding: 9px 0px 5px 0px; background-image: url(/pics/_2010/box/box_header_1sp.jpg); background-repeat: no-repeat; } #box_ng_voting_spezial .head_long .headline { position: relative; float: left; width: 290px; height: 19px; padding-left: 10px; } #box_ng_voting_spezial .foot { position: relative; top: 0px; left: 0px; width: 308px; height: 10px; clear: both; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_footer_2spaltig_ng.gif); background-repeat: no-repeat; overflow: hidden; } #box_ng_voting_spezial .bg { position: relative; float: left; width: 308px; height: auto; padding: 0px; display: table; } #box_ng_voting_spezial .bg .imagebox { position: relative; top: 0px; left: 0px; padding: 0; width: 308px; height: 132px; float: left; overflow: hidden; background: url(/pics/_2010/box/box_1sp_schatten.png) bottom left no-repeat; } #box_ng_voting_spezial .bg .full { position: relative; float: left; width: 308px; height: auto; } #box_ng_voting_spezial .bg .full .text { font-size: 18px; line-height: 20px; color: #818181; padding: 0 12px 0px 12px; font-weight: bold; } #box_ng_voting_spezial .full .red { font: bold 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } #box_ng_voting_spezial .bg .full .vote_txt { position: relative; top: 0px; left: 12px; float:left; width: 213px; height: auto; padding: 5px 0px 4px 0px; } #box_ng_voting_spezial .bg .full .vote_button { position: relative; top: 0px; left: 0px; float: left; width: auto; height: auto; padding: 5px 0px 0px 12px; text-align: right; } #box_ng_voting_spezial .bg .full .vote_button .button_ng { position: relative; float: left; height: 23px; margin: 0; margin-top: -12px; padding: 0px 7px 0px 0px; } #box_ng_voting_spezial .bg .full .vote_button .button_ng.red { background: url(/pics/_2010/buttons/buttons.png) 100% -46px no-repeat; } #box_ng_voting_spezial .bg .full .vote_button .button_ng.red a { position: relative; float: left; padding: 5px 0px 0px 7px; height: 18px; background: url(/pics/_2010/buttons/buttons.png) no-repeat ; color: #ffffff; font-size: 10px; font-weight: bold; text-transform: uppercase; } #box_ng_voting_spezial .bg .full .vote_button .button_ng.red:hover { background-position: 100% -69px; } #box_ng_voting_spezial .bg .full .vote_button .button_ng.red:hover a { background-position: 0px -23px; } #box_ng_voting_spezial .bg .full .vote_result { position: relative; top: 2px; right: 4px; float: right; width: auto; height: auto; padding: 5px 0px 4px 0px; text-align: right; direction: rtl; display: block; } #box_ng_voting_spezial .bg .full .color_0 { position: relative; background: url(/pics/_2010/box/box_trend_zeile.png) top left no-repeat; width: 306px; padding: 0px; margin: 0px; height: 28px; border-left: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; } #box_ng_voting_spezial .bg .full .color_1 { position: relative; background: url(/pics/_2010/box/box_trend_zeile.png) top left no-repeat;width: 306px; padding: 0px; margin: 0px; height: 28px; border-left: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; } #box_ng_voting_spezial .footer_banner { position: absolute; bottom: 0px; left: 0; width: 308px; height: auto; } #box_ng_voting_spezial .footer_banner .cornerBottomLeft { position: absolute; bottom: 0px; left: 0; background: url(/pics/_2010/corners/corner_8_bl.png) top left no-repeat; width: 9px; height: 8px; } #box_ng_voting_spezial .footer_banner .cornerBottomRight { position: absolute; bottom: 0px; left: 300px; background: url(/pics/_2010/corners/corner_8_br.png) top left no-repeat; width: 9px; height: 8px; } /* BOX - BIG-LONG FOR THE LEFT COLUMN*/ #box_ng_big_long { position: relative; float: left; width: 628px; height: 528px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_2z_back.png) 0px 30px no-repeat; padding-bottom: 12px; } #box_ng_big_long.history { background: transparent url(/pics/_2010/box/box_2sp_2z_back_historie.png) 0px 30px no-repeat; } #box_ng_big_long .head { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header.jpg); background-repeat: no-repeat; } #box_ng_big_long .zeile_fix, #box_ng_big_long .zeile_flex { position: relative; top: 0px; left: 0px; width: 628px; height: 68px; clear: both; padding-top: 12px; } #box_ng_big_long .zeile_fix .links, #box_ng_big_long .zeile_flex .links { position: relative; top: 0px; left: 0px; width: 183px; height: 68px; float: left; padding-left: 12px; overflow: hidden; } #box_ng_big_long .zeile_fix .rechts, #box_ng_big_long .zeile_flex .rechts { position: relative; top: 0px; left: 0px; width: 409px; height: 66px; float: left; padding: 0px 12px 0px 12px; overflow: hidden; } /* BOX - BIG-SHORT FOR THE LEFT COLUMN*/ #box_ng_big { position: relative; float: left; width: 628px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_1z_back.png) 0px 30px no-repeat; padding-bottom: 12px; } #box_ng_big.history { background: transparent url(/pics/_2010/box/box_2sp_1z_back_historie.png) 0px 30px no-repeat; } #box_ng_big .head { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header.jpg); background-repeat: no-repeat; } #box_ng_big .boxbild { position: relative; float: left; width: 195px; height: 228px; } #box_ng_big .boxbild .cornerBottomLeft { position: absolute; bottom: 0px; left: 0; background: url(/pics/_2010/corners/corner_8_bl.png) top left no-repeat; width: 9px; height: 8px; } #box_ng_big .smaller { position: relative; float: left; width: 433px; height: 228px; } #box_ng_big .smaller .col1 { position: relative; width: 433px; height: auto; padding: 0; margin: 0; } #box_ng_big .smaller .col2 { position: relative; width: 433px; height: auto; padding: 0; margin: 0; } #box_ng_big .smaller .col1 .zeile_fix { position: relative; top: 0px; left: 0px; width: 409px; height: auto; clear: both; padding-top: 19px; } #box_ng_big .smaller .col1 .zeile_fix .rechts { position: relative; top: 0px; left: 0px; width: 409px; height: auto; float: left; padding: 0px 12px 0px 12px; overflow: hidden; } #box_ng_big .smaller .col2 .zeile_fix { position: relative; top: 0px; left: 0px; width: 409px; height: auto; clear: both; padding-top: 19px; } #box_ng_big .smaller .col2 .zeile_fix .rechts { position: relative; top: 0px; left: 0px; width: 409px; height: auto; float: left; padding: 0px 12px 0px 12px; overflow: hidden; } #box_ng_big .zeile_fix { position: relative; top: 0px; left: 0px; width: 628px; height: 68px; clear: both; padding-top: 4px; } #box_ng_big .zeile_fix .links { position: relative; top: 0px; left: 0px; width: 183px; height: 68px; float: left; padding-left: 12px; overflow: hidden; } #box_ng_big .zeile_fix .rechts { position: relative; top: 0px; left: 0px; width: 409px; height: 66px; float: left; padding: 0px 12px 0px 12px; overflow: hidden; } #box_ng_big .col1 { position: relative; float: left; width: 308px; height: 228px; padding: 0; margin: 0; } #box_ng_big .col1 .zeile_fix { position: relative; top: 0px; left: 0px; width: 308px; height: 68px; clear: both; padding-top: 4px; } #box_ng_big .col1 .zeile_fix .links { position: relative; top: 0px; left: 0px; width: 109px; height: 68px; float: left; padding-left: 12px; overflow: hidden; } #box_ng_big .col1 .zeile_fix .rechts { position: relative; top: 0px; left: 0px; width: 175px; height: 66px; float: left; padding: 0px 0px 0px 12px; overflow: hidden; } #box_ng_big .col2 { position: relative; float: left; width: 308px; height: 228px; padding: 0; margin: 0; } #box_ng_big .col2 .zeile_fix { position: relative; top: 0px; left: 0px; width: 308px; height: 68px; clear: both; padding-top: 4px; } #box_ng_big .col2 .zeile_fix .links { position: relative; top: 0px; left: 0px; width: 109px; height: 68px; float: left; padding-left: 12px; overflow: hidden; } #box_ng_big .col2 .zeile_fix .rechts { position: relative; top: 0px; left: 0px; width: 175px; height: 66px; float: left; padding: 0px 0px 0px 12px; overflow: hidden; } #content .left .box_ng_gallery { position: relative; float: left; width: 628px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_1z_back.png) 0px 30px no-repeat; padding-bottom: 12px; } #content .left .box_ng_gallery.history { position: relative; top: 0px; left: 0px; width: 628px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_1z_back_historie.png) 0px 30px no-repeat; padding-bottom: 12px; } #content .left .box_ng_gallery .head_long { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header.jpg); background-repeat: no-repeat; } #content .left .box_ng_gallery .head_long .headline { position: relative; float: left; width: auto; height: 16px; padding-right: 20px; } #content .left .box_ng_gallery .head_long .more { position: relative; float: right; width: auto; height: 16px; padding-right: 20px; } #content .left .box_ng_gallery .head_long .more a { font-size: 12px; font-weight: bold; line-height: 16px; font-weight: bold; color: white; } #content .left .box_ng_gallery .head_long .more a:hover { color: black; } /* DEFAULT BOX */ #content .left .box_ng { position: relative; top: 0px; left: 0px; width: 628px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_1z_back.png) 0px 30px no-repeat; padding-bottom: 12px; } #content .left .box_ng .zeile_long { position: relative; top: 0px; left: 0px; width: 628px; height: 68px; clear: both; padding-top: 4px; } #content .left .box_ng .links_long { position: relative; top: 0px; left: 0px; width: 183px; height: 68px; float: left; padding-left: 12px; } #content .left .box_ng .rechts_long { position: relative; top: 0px; left: 0px; width: 421px; height: 68px; float: left; padding: 3px 0px 0px 12px; } #content .left .box_ng .head { position: relative; top: 0px; left: 0px; width: 298px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_2spaltig_mit_bild/titel_2spaltig.gif); background-repeat: no-repeat; } #content .left .box_ng .pic { position: relative; top: 0px; left: 0px; width: 148px; height: 95px; float: left; } #content .left .box_ng .small { position: relative; top: 0px; left: 0px; width: 136px; height: 69px; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2spaltig_mit_bild/gra_verlauf_hg_161px.gif); background-repeat: repeat-y; } #content .left .box_ng .small .button { position: absolute; left: 48px; top: 70px; height: 16px; } #content .left .box_ng .foot { position: relative; top: 0px; left: 0px; width: 160px; height: 10px; float: left; background-image: url(/pics/_box_2spaltig_mit_bild/gra_footer_161px.gif); background-repeat: no-repeat; overflow: hidden; border-right: 1px solid white; } #content .left .box_ng .head_long { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header.jpg); background-repeat: no-repeat; } #content .left .box_ng .foot_long { position: relative; top: 0px; left: 0px; width: 468px; height: 10px; background-image: url(/pics/_box_3spaltig_aktuelles/gra_footer_3spaltig_ng.gif); background-repeat: no-repeat; } #content .left .box_ng .gruen4 { height: 4px; background-color: #CDE0E2; overflow: hidden; } #content .left .box_ng .zeile_long_gallery { position: relative; width: 468px; height: 173px; clear: both; background: transparent url(/pics/_box_3spaltig_aktuelles/back_galerie_mitte.jpg) top left no-repeat; } #content .left .box_ng .zeile_event { position: relative; top: 0px; left: 0px; width: 468px; height: 51px; clear: both; padding-top: 4px; background-color: #CDE0E2; } #content .left .box_ng .foot_event { position: relative; top: 0px; left: 0px; width: 468px; height: 10px; background-image: url(/pics/_box_3spaltig_aktuelles/gra_footer_3spaltig_ng.gif); background-repeat: no-repeat; } #content .left .box_ng .zeile_long_event { clear: both; position: relative; top: 0px; left: 0px; width: 466px;height: 35px; padding: 0px; border-left:1px solid #E6F0F1; border-right:1px solid #E6F0F1; background-color: #E6F0F2; } #content .left .box_ng .zeile_event_foot { clear: both; position: relative; top: 0px; left: 0px; width: 466px;height: 30px; padding: 0px; background-color: #CDE0E1; border-left:1px solid #CDE0E2; border-right:1px solid #CDE0E2; } #content .left .box_ng .links_long_event { position: relative; padding: 3px; top: 0px; left: 0px; width: 65px;height: 28px;float: left; } #content .left .box_ng .teasericon_event { position: relative; padding-top: 3px; top: 0px; left: 0px; width: 28px; height: 28px;float: left; } #content .left .box_ng .teaserpic_event { position: relative; padding-top: 3px; top: 0px; left: 0px; width: 148px; height: 55px; float: left; display: none; } #content .left .box_ng .teaser_day { position: relative; font: normal 10px Arial, Helvetica, sans-serif; color: #000000; padding: 0px; margin: 0px; } #content .left .box_ng .teaser_time { position: relative; font: normal 10px Arial, Helvetica, sans-serif; color: #000000; padding: 0px; margin: 0px; } #content .left .box_ng .teasertext_event { font: normal 10px Arial, Helvetica, sans-serif; color: #000000; line-height: 14px; display: none; } #content .left .box_ng .rechts_long_event { position: relative; top: 0px; left: 0px; width: 337px; height: 32px; float: left; padding: 3px 0px 0px 12px; } #content .left .box_ng .head_long_mediathek { position: relative; top: 0px; left: 0px; width: 458px; height: 13px; padding: 4px 0px 0px 10px; background-image: url(/pics/mediathek_bg_head.gif); background-repeat: no-repeat; } #content .left .box_ng .foot_long_mediathek { position: relative; top: 0px; left: 0px; width: 468px; height: 10px; background-image: url(/pics/mediathek_bg_footer.gif); background-repeat: no-repeat; } #content .left .box_ng .foot1_long_mediathek { top: -10px; padding-bottom: 10px; left: 0px; width: 468px; height: 10px; clear: both; background-image: url(/pics/mediathek_bg_mid.gif); background-repeat: repeat-y; } #content .left .box_ng .zeile_long_mediathek { margin: 0 0 0 0; padding: 0 0 0 0; position: relative; top: 0px; left: 0px; height: 180px; width: 468px; clear: both; background-image: url(/pics/mediathek_bg_mid.gif); } #content .left .box_ng .links_long_mediathek { position: relative; top: 10px; left: 0px; width: 140px; height:180px; float: left; padding-left: 5px; padding-right: 5px; margin: 0px; } #content .left .box_ng .links_long_mediathek_ff { position: relative; top: 0px; left: 0px; width: 140px; height:180px; float: left; padding-left: 5px; padding-right: 5px; margin: 0px; } #content .left .box_ng .links_long_mediathek #MediaLink, #content .left .box_ng .links_long_mediathek_ff #MediaLink { position: relative; height: 180px; display: block; } #content .left .box_ng .links_long_mediathek #MediaLink img { position: absolute; bottom: 30px; } #content .left .box_ng .links_long_mediathek_ff #MediaLink img { position: absolute; bottom: 20px; } #content .left .box_ng .rechts_long_medikathek { position: relative; top: 0px; left: 0px; width: 308px; float: left; padding: 3px 0px 0px 1px; overflow: hidden; } #content .left .box_ng .rechts_long_medikathek .rechts_long_mediathek_bg { margin-top: 5px; height: 49px; background-image: url(/pics/mediathek_buttons_big.gif); background-repeat: no-repeat; } #content .left .box_ng .links { position: relative; top: 0px; left: 0px; width: 148px; height: auto; float: left; margin-right: 12px; } #content .left .box_ng .tiny { position: relative; top: 0px; left: 0px; width: 148px; height: auto; } #content .left .box_ng .head_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_1spaltig/titel_1spaltig.gif); background-repeat: no-repeat; } #content .left .box_ng .foot_tiny { position: relative; top: 0px; left: 0px; width: 148px; height: 10px; background-image: url(/pics/_box_1spaltig/gra_footer_1spaltig.gif); background-repeat: no-repeat; overflow: hidden; } #content .left .box_ng .zeile_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: auto; padding: 4px 0px 0px 10px; clear: both; background-image: url(/pics/_box_1spaltig/gra_verlauf_hg_1spaltig.gif); background-repeat: repeat-y; } #content .left .box_ng .zeile_tiny .button { width: 100%; position: relative; top: 11px; right: 9px; direction: rtl; } #content .left .box_ng .button { width: 100%; position: relative; top: 11px; right: 9px; direction: rtl; } #content .left .box_ng .rechts { position: relative; top: 0px; left: 0px; width: 308px; height: auto; float: left; } #content .left .box_ng .head_small { position: relative; top: 0px; left: 0px; width: 298px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_2spaltig_schlagzeilen/titel_2spaltig.gif); background-repeat: no-repeat; } #content .left .box_ng .foot_small { position: relative; top: 0px; left: 0px; width: 308px; height: 10px; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_footer_2spaltig.gif); background-repeat: no-repeat; } #content .left .box_ng .zeile_small_a { position: relative; top: 0px; left: 0px; width: 300px; height: 15px; padding: 0px 8px 0px 0px; clear: both; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_verlauf_hg_2spaltig.gif); background-repeat: repeat-y; direction: rtl; overflow: hidden; } #content .left .box_ng .zeile_small_b { position: relative; top: 0px; left: 0px; width: 298px; height: 28px; padding: 0px 0px 0px 10px; clear: both; background-color: #ECECEC; overflow: hidden; } /* VOTING NG */ x#content .right .box_ng_voting { position: relative; top: 0px; left: 0px; width: 468px; height: auto; } x#content .right .box_ng_voting .head_long { position: relative; top: 0px; left: 0px; width: 458px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_3spaltig_aktuelles/titel_3spaltig.gif); background-repeat: no-repeat; } x#content .right .box_ng_voting .foot_long { position: relative; top: 0px; left: 0px; width: 468px; height: 10px; background-image: url(/pics/_box_3spaltig_aktuelles/gra_footer_3spaltig_ng.gif); background-repeat: no-repeat; } x#content .right .box_ng_voting .zeile_long { position: relative; top: 0px; left: 0px; width: 468px; height: auto; clear: both; padding-top: 4px; background-color: #DBE9E9; display: table; } x#content .right .box_ng_voting .links_long { position: relative; top: 0px; left: 0px; width: 148px; height: 55px; float: left; } x#content .right .box_ng_voting .rechts_long { position: relative; top: 0px; left: 0px; width: 308px; height: auto; float: left; padding: 3px 0px 0px 12px; background-image: url(/pics/_box_3spaltig_aktuelles/gra_verlauf_flaeche_320px.gif); background-repeat: repeat-y; } x#content .right .box_ng_voting .zeile_long .rechts_long .vote_txt { position: relative; top: 0px; left: 30px; float:left; width: 273px; height: auto; } x#content .right .box_ng_voting .zeile_long .rechts_long .vote_button { position: relative; top: 0px; left: 0px; float:left; width: 25px; height: auto; text-align: right; } /* STARTSEITEN - LINKE SPALTE - BUNDESLIGA-TV BOX */ #content .left .box_bltv_ng { position: relative; width: 468px; height: auto; clear: both; overflow: hidden; } #content .left .box_bltv_ng .skylogo { position: absolute; top: 14px; left: 130px; width: 123px; height: 24px; z-index: 999; } #content .left .box_bltv_ng .skylogo_en { position: absolute; top: 3px; left: 120px; width: 148px; height: 38px; z-index: 999; } #content .left .box_bltv_ng .skylink { position: absolute; top: 14px; left: 215px; width: 38px; height: 24px; z-index: 1000; } #content .left .box_bltv_ng .skylink a { cursor: pointer; } #content .left .box_bltv_ng .skylink_en { position: absolute; top: 3px; left: 210px; width: 55px; height: 36px; z-index: 1000; } #content .left .box_bltv_ng .skylink_en a { cursor: pointer; } #content .left .box_bltv_ng .box_head { position: relative; height: 26px; padding: 12px 8px 0px 8px; background: transparent url(/pics/_bundesligatv/mediathek_hl_videos.gif) 0 0 no-repeat; text-align: right; } #content .left .box_bltv_ng .box_head_sky { position: relative; height: 26px; padding: 12px 8px 0px 8px; background: transparent url(/pics/_bundesligatv/mediathek_sky_videos.gif) 0 0 no-repeat; text-align: right; } #content .left .box_bltv_ng .box_foot { position: relative; height: 10px; background: transparent url(/pics/mediathek_bg_footer.gif) 0 0 no-repeat; } #content .left .box_bltv_ng .box_head a.more_link { display: block; float: right; width: 93px; height: 16px; background: transparent url(/pics/_bundesligatv/btn_videos.gif) 0 0 no-repeat; text-decoration: none; } #content .left .box_bltv_ng .box_head a.more_link:hover { background-position: 0px -16px; } #content .left .box_bltv_ng .box_head_sky a.more_link { display: block; float: right; width: 93px; height: 16px; background: transparent url(/pics/_bundesligatv/btn_videos.gif) 0 0 no-repeat; text-decoration: none; } #content .left .box_bltv_ng .box_head_sky a.more_link:hover { background-position: 0px -16px; } #content .left .box_bltv_ng .box_content { position: relative; margin: 0; padding: 4px 8px 0px 8px; background-image: url(/pics/mediathek_back.gif); width: 452px; clear: both; overflow: hidden; } #content .left .box_bltv_ng .box_content .video_player { width: 452px; height: 254px; } #content .left .box_bltv_ng .box_links { position: relative; width: 452px; padding-top: 8px; clear: both; overflow: hidden; } #content .left .box_bltv_ng .box_links .thumbs { height: 50px; width: 600px; clear: both; overflow: visible; } #content .left .box_bltv_ng .box_links a.thumb { position: relative; float: left; width: 78px; height: 44px; border: 1px solid #a9bcb8; overflow: hidden; margin-right: 13px; } #content .left .box_bltv_ng .box_links a.thumb:hover { border-color: #ffffff; } #content .left .box_bltv_ng .box_links .thumb_title { height: 16px; padding-top: 4px; font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff; line-height: 16px; text-align: center; background: transparent; } /* STARTSEITEN - LINKE SPALTE - BOX MIT REITERN */ x#content .left #simpleTabs, x#simpleTabs2, x#content .left #newTabs { position: relative; width: 468px; height: auto; padding: 0; margin: 0; font: bold 11px Arial, Helvetica, sans-serif; } x#content .left .simpleTabs-nav ul, #content .left .newTabs-nav ul { position: relative; width: 468px; list-style: none; margin: 0; padding: 0; } x#content .left .simpleTabs-nav li, #content .left .newTabs-nav li { position: relative; float: left; width: auto; height: 20px; background: transparent url(/pics/_2010/buttons/reiter_02.png) 100% -60px no-repeat; padding-right: 10px; overflow: visible; margin-top: 1px; } x#content .left .simpleTabs-nav li.close { float: right; width: auto; } x#content .left .simpleTabs-nav li.actif { position: relative; color: #ffffff; background: transparent; } x#content .left .simpleTabs-nav .links, x#content .left .newTabs-nav .links { position: relative; float: left; width: 8px; height: 20px; background-image: url(/pics/cardbox/reiter_ecke_links.gif); background-repeat: no-repeat; } x#content .left .simpleTabs-nav .mitte, x#content .left .newTabs-nav .mitte { position: relative; float: left; width: 34px; height: 20px; background-image: url(/pics/cardbox/reiter_no_hl.gif); background-repeat: no-repeat;} x#content .left .simpleTabs-nav .mitte1, x#content .left .newTabs-nav.mitte1 { position: relative; float: left; width: 209px; height: 20px; } x#content .left .simpleTabs-nav .mitte2, x#content .left .newTabs-nav .mitte2 { position: relative; float: left; width: 209px; height: 20px; } x#content .left .simpleTabs-nav .rechts, x#content .left .newTabs-nav .rechts { position: relative; float: left; width: 8px; height: 20px; background-image: url(/pics/cardbox/reiter_ecke_rechts.gif); background-repeat: no-repeat; } x#content .left .hist { background-image: url(/pics/historie/hg_mitte.gif); background-repeat: repeat-y; } x#content .left .standard { background: #CDE0E2; } x#content .left .simpleTabs-content, x#content .left #newTabs .simpleTabs-content { position: relative; width: auto; height: auto; float: left; color: #000000; font: normal 11px Arial, Helvetica, sans-serif; } x#content .left .simpleTabs-content .pic { position: relative; width: 165px; padding-top: 8px; float: left; } x#content .left .simpleTabs-content .text { position: relative; width: 295px; padding: 8px 8px 0px 0px; font-weight: normal; float: left; } x#content .left .foot { position: relative; padding: 0px; padding-bottom: 12px; float: left; width: auto; } #content .left .box_ng_block { position: relative; float: left; top: 0px; left: 0px; width: 308px; height: auto; overflow: hidden; } #content .left .box_ng_block .head { position: relative; top: 0px; left: 0px; width: 298px; height: 16px; padding: 4px 0px 0px 12px; background-image: url(/pics/_box_2spaltig_mit_bild/titel_2spaltig.gif); background-repeat: no-repeat; } #content .left .box_ng_block .small_flexible { position: relative; top: 0px; left: 0px; z-index: 1; width: 308px; height: auto; padding: 0px; background-color: #CDE0E2; clear: both; overflow: hidden; } #content .left .box_ng_block .small_flexible .pic_flexible { position: relative; z-index: 1; top: 0px; left: 0px; width: 148px; height: auto; float: left; } #content .left .box_ng_block .small_flexible .txt_flexible { position: relative; z-index: 1; top: 0px; left: 0px; width: 136px; height: auto; padding: 8px 12px 8px 12px; float: left; } #content .left .box_ng_block .small_flexible .button_flexible { position: absolute; z-index: 3; bottom: 12px; right: 10px; height: 16px; direction: rtl; } #content .left .box_ng_block .button_flexible a, #content .left .box_ng_block .button_flexible img { display: block; } #content .left .box_ng_block .pic_flexible img { margin-bottom: -1px; } /* fix fuer ie6 und foot_links/foot_rechts positionierung bottom: 0 */ #content .left .box_ng_block .zeile_long_gallery { position: relative; width: 308px; height: 113px; clear: both; background: transparent url(/pics/_box_2spaltig_mit_bild/back_galerie_rechts.jpg) top left no-repeat; } #content .left .box_ng_block .full_flexible { position: relative; top: 0px; z-index: 1; left: 0px; height: auto; width: 308px; padding: 0px; background-color: #CDE0E2; clear: both; overflow: hidden; } #content .left .box_ng_block .full_flexible .txt_flexible { position: relative; padding: 8px 0px 8px 12px; width: 296px; clear: both; overflow: hidden; } #content .left .box_ng_block .full_flexible .button_flexible { position: relative; bottom: 12px; right: 10px; height: 18px; direction: rtl; } #content .left .box_ng_block .foot_links { position: absolute; z-index: 4; width: 7px; height: 7px; bottom: 0px; left: 0px; } #content .left .box_ng_block .foot_rechts { position: absolute; z-index: 5; width: 7px; height: 7px; bottom: 0px; right: 0px; } #content .left .box_ng_block .full_flexible .red, #content .left .box_ng_block .small_flexible .red { font: bold 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } #content .left .box_ng_block .full_flexible .text .black, #content .left .box_ng_block .small_flexible .text .black { font: normal 11px Arial, Helvetica, sans-serif; color: #000000; } #content .left .box_ng_block .abst { position: relative; width: 308px; height: 4px; background-color: #E6F0F1; clear: both; overflow: hidden; } #content .left .box_ng_block .foot { position: relative; top: 0px; left: 0px; width: 160px; height: 10px; float: left; background-image: url(/pics/_box_2spaltig_mit_bild/gra_footer_161px.gif); background-repeat: no-repeat; overflow: hidden; } #content .left .box_ng_block .small{ position: relative; top: 0px; left: 0px; width: 136px; height: 69px; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2spaltig_mit_bild/gra_verlauf_hg_161px.gif); background-repeat: repeat-y; } #content .left .box_ng_block .full { position: relative; top: 0px; left: 0px; height: auto; width: 296px; padding: 8px 0px 0px 12px; float: left; background-color: #DDE8EA; overflow: hidden; } #content .left .box_ng_block .full .text { padding: 0px 12px 0px 0px; } #content .left .box_ng_block .pic { position: relative; top: 0px; left: 0px; width: 148px; height: 95px; float: left; } #content .left .box_ng_block .full .button { position: relative; top: 13px; right: 10px; direction: rtl; } #content .left .box_ng_block .small_l { position: relative; top: 0px; left: 0px; width: 148px; height: 115px; float: left; } #content .left .box_ng_block .small_r { position: relative; top: 0px; left: 12px; width: 148px; height: 115px; float: left; } #content .left .box_ng_block .tiny { position: relative; top: 0px; left: 0px; width: 148px; height: auto; float: left; } #content .left .box_ng_block .abstand { margin-right: 12px; } #content .left .box_ng_block .head_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_1spaltig/titel_1spaltig.gif); background-repeat: no-repeat; } #content .left .box_ng_block .foot_tiny { position: relative; top: 0px; left: 0px; width: 148px; height: 10px; background-image: url(/pics/_box_1spaltig/gra_footer_1spaltig.gif); background-repeat: no-repeat; overflow: hidden; } #content .left .box_ng_block .zeile_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: auto; padding: 4px 0px 0px 10px; clear: both; background-image: url(/pics/_box_1spaltig/gra_verlauf_hg_1spaltig.gif); background-repeat: repeat-y; } #content .left .box_ng_block .zeile_tiny .button { position: relative; top: 12px; right: 9px; direction: rtl; } #content .left .box_ng_block .button { position: relative; top: 12px; right: 0px; direction: rtl; } #content .left .box_ng_block .spalte_1 { position: relative; top: 0px; left: 0px; width: 102px; padding: 9px 0px 0px 9px; float: left; background-color: #DDE8EA; } #content .left .box_ng_block .spalte_2 { position: relative; top: 0px; left: 0px; width: 96px; padding: 9px 0px 0px 0px; float: left; background-color: #DDE8EA; } #content .left .box_ng_block .spalte_3 { position: relative; top: 0px; left: 0px; width: 101px; padding: 9px 0px 0px 0px; float: left; background-color: #DDE8EA; } #content .left .box_ng_block .foot_long { position: relative; top: 0px; left: 0px; width: 308px; height: 10px; clear: both; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_footer_2spaltig_ng.gif); background-repeat: no-repeat; overflow: hidden; } #content .left .box_ng_block .zeile { position: relative; top: 0px; left: 0px; width: 299px; height: 22px; padding: 9px 0px 0px 9px; background-color: #DDE8EA; } #content .left .box_ng_block .spalte_1a { position: relative; top: 0px; left: 0px; width: 59px; height: 22px; float: left; } #content .left .box_ng_block .spalte_2a { position: relative; top: 0px; left: 0px; width: 240px; height: 22px; float: left; } #content .left .box_ng_block .zeile .spalte_2a option { font: normal 10px Arial, Helvetica, sans-serif; color: Black; line-height: 15px; } #content .left .box_ng_block .spalte_1b { position: relative; top: 0px; left: 0px; width: 148px; height: 20px; float: left; } #content .left .box_ng_block .spalte_2b { position: relative; top: 0px; left: 0px; width: 160px; height: 20px; float: left; } #content .left .box_ng_block .icon { position: relative; top: 0px; left: 0px; width: 39px; height: 17px; float: left; text-align: center; padding: 1px 0px 0px 0px; } #content .left .box_ng_block .text { position: relative; top: 0px; left: 0px; width: auto; height: auto; float: left; } #content .left .box_ng_block .verlauf_388 { width: auto; height: 20px; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_verlauf_hg_2spaltig.gif); } #content .left .box_ng_block .nurfarbe { width: auto; height: 20px; background-color: #DDE8EA; } #content .left .box_ng_block .zeile .spalte_2a select { position: relative; top: -1px; left: 0px; font: normal 10px Arial, Helvetica, sans-serif; color: Black; line-height: 15px; } html>body #content .left .box_ng_block .zeile .spalte_2a select { position: relative; top: -4px; left: 0px; } /* STARTSEITEN - RECHTE SPALTEN */ #content .right { position: relative; top: 0px; left: 0px; height: auto; width: 308px; float: left; } #content .right .box_ng { position: relative; top: 0px; left: 0px; width: 308px; height: auto; clear: both; overflow: hidden; } #content .right .box_ng .head { position: relative; top: 0px; left: 0px; width: 298px; height: 16px; padding: 4px 0px 0px 12px; background-image: url(/pics/_box_2spaltig_mit_bild/titel_2spaltig.gif); background-repeat: no-repeat; } #content .right .box_ng .small_flexible { position: relative; top: 0px; left: 0px; z-index: 1; width: 308px; height: auto; padding: 0px; background-color: #CDE0E2; clear: both; overflow: hidden; } #content .right .box_ng .small_flexible .pic_flexible { position: relative; z-index: 1; top: 0px; left: 0px; width: 148px; height: auto; float: left; } #content .right .box_ng .small_flexible .txt_flexible { position: relative; z-index: 1; top: 0px; left: 0px; width: 136px; height: auto; padding: 8px 12px 8px 12px; float: left; } #content .right .box_ng .small_flexible .button_flexible { position: absolute; z-index: 3; bottom: 12px; right: 10px; height: 16px; direction: rtl; } #content .right .box_ng .button_flexible a, #content .right .box_ng .button_flexible img { display: block; } #content .right .box_ng .pic_flexible img { margin-bottom: -1px; } /* fix fuer ie6 und foot_links/foot_rechts positionierung bottom: 0 */ #content .right .box_ng .zeile_long_gallery { position: relative; width: 308px; height: 113px; clear: both; background: transparent url(/pics/_box_2spaltig_mit_bild/back_galerie_rechts.jpg) top left no-repeat; } #content .right .box_ng .full_flexible { position: relative; top: 0px; z-index: 1; left: 0px; height: auto; width: 308px; padding: 0px; background-color: #CDE0E2; clear: both; overflow: hidden; } #content .right .box_ng .full_flexible .txt_flexible { position: relative; padding: 8px 0px 8px 12px; width: 296px; clear: both; overflow: hidden; } #content .right .box_ng .full_flexible .button_flexible { position: relative; bottom: 12px; right: 10px; height: 18px; direction: rtl; } #content .right .box_ng .foot_links { position: absolute; z-index: 4; width: 7px; height: 7px; bottom: 0px; left: 0px; } #content .right .box_ng .foot_rechts { position: absolute; z-index: 5; width: 7px; height: 7px; bottom: 0px; right: 0px; } #content .right .box_ng .full_flexible .red, #content .right .box_ng .small_flexible .red { font: bold 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } #content .right .box_ng .full_flexible .text .black, #content .right .box_ng .small_flexible .text .black { font: normal 11px Arial, Helvetica, sans-serif; color: #000000; } #content .right .box_ng .abst { position: relative; width: 308px; height: 4px; background-color: #E6F0F1; clear: both; overflow: hidden; } #content .right .box_ng .foot { position: relative; top: 0px; left: 0px; width: 160px; height: 10px; float: left; background-image: url(/pics/_box_2spaltig_mit_bild/gra_footer_161px.gif); background-repeat: no-repeat; overflow: hidden; } #content .right .box_ng .small{ position: relative; top: 0px; left: 0px; width: 136px; height: 69px; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2spaltig_mit_bild/gra_verlauf_hg_161px.gif); background-repeat: repeat-y; } #content .right .box_ng .full { position: relative; top: 0px; left: 0px; height: auto; width: 296px; padding: 8px 0px 0px 12px; float: left; background-color: #DDE8EA; overflow: hidden; } #content .right .box_ng .full .text { padding: 0px 12px 0px 0px; } #content .right .box_ng .pic { position: relative; top: 0px; left: 0px; width: 148px; height: 95px; float: left; } #content .right .box_ng .full .button { position: relative; top: 13px; right: 10px; direction: rtl; } #content .right .box_ng .small_l { position: relative; top: 0px; left: 0px; width: 148px; height: 115px; float: left; } #content .right .box_ng .small_r { position: relative; top: 0px; left: 12px; width: 148px; height: 115px; float: left; } #content .right .box_ng .tiny { position: relative; top: 0px; left: 0px; width: 148px; height: auto; float: left; } #content .right .box_ng .abstand { margin-right: 12px; } #content .right .box_ng .head_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/_box_1spaltig/titel_1spaltig.gif); background-repeat: no-repeat; } #content .right .box_ng .foot_tiny { position: relative; top: 0px; left: 0px; width: 148px; height: 10px; background-image: url(/pics/_box_1spaltig/gra_footer_1spaltig.gif); background-repeat: no-repeat; overflow: hidden; } #content .right .box_ng .zeile_tiny { position: relative; top: 0px; left: 0px; width: 138px; height: auto; padding: 4px 0px 0px 10px; clear: both; background-image: url(/pics/_box_1spaltig/gra_verlauf_hg_1spaltig.gif); background-repeat: repeat-y; } #content .right .box_ng .zeile_tiny .button { position: relative; top: 12px; right: 9px; direction: rtl; } #content .right .box_ng .button { position: relative; top: 12px; right: 0px; direction: rtl; } #content .right .box_ng .spalte_1 { position: relative; top: 0px; left: 0px; width: 102px; padding: 9px 0px 0px 9px; float: left; background-color: #DDE8EA; } #content .right .box_ng .spalte_2 { position: relative; top: 0px; left: 0px; width: 96px; padding: 9px 0px 0px 0px; float: left; background-color: #DDE8EA; } #content .right .box_ng .spalte_3 { position: relative; top: 0px; left: 0px; width: 101px; padding: 9px 0px 0px 0px; float: left; background-color: #DDE8EA; } #content .right .box_ng .foot_long { position: relative; top: 0px; left: 0px; width: 308px; height: 10px; clear: both; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_footer_2spaltig_ng.gif); background-repeat: no-repeat; overflow: hidden; } #content .right .box_ng .zeile { position: relative; top: 0px; left: 0px; width: 299px; height: 22px; padding: 9px 0px 0px 9px; background-color: #DDE8EA; } #content .right .box_ng .spalte_1a { position: relative; top: 0px; left: 0px; width: 59px; height: 22px; float: left; } #content .right .box_ng .spalte_2a { position: relative; top: 0px; left: 0px; width: 240px; height: 22px; float: left; } #content .right .box_ng .zeile .spalte_2a option { font: normal 10px Arial, Helvetica, sans-serif; color: Black; line-height: 15px; } #content .right .box_ng .spalte_1b { position: relative; top: 0px; left: 0px; width: 148px; height: 20px; float: left; } #content .right .box_ng .spalte_2b { position: relative; top: 0px; left: 0px; width: 160px; height: 20px; float: left; } #content .right .box_ng .icon { position: relative; top: 0px; left: 0px; width: 39px; height: 17px; float: left; text-align: center; padding: 1px 0px 0px 0px; } #content .right .box_ng .text { position: relative; top: 0px; left: 0px; width: auto; height: auto; float: left; } #content .right .box_ng .verlauf_388 { width: auto; height: 20px; background-image: url(/pics/_box_2spaltig_schlagzeilen/gra_verlauf_hg_2spaltig.gif); } #content .right .box_ng .nurfarbe { width: auto; height: 20px; background-color: #DDE8EA; } #content .right .box_ng .zeile .spalte_2a select { position: relative; top: -1px; left: 0px; font: normal 10px Arial, Helvetica, sans-serif; color: Black; line-height: 15px; } html>body #content .right .box_ng .zeile .spalte_2a select { position: relative; top: -4px; left: 0px; } /* STARTSEITEN - RECHTE SPALTE - HISTORIEN KARUSSELL */ #content .right .box { position: relative; top: 0px; left: 0px; width: 308px; height: auto; } #content .right .box .head { position: relative; top: 0px; left: 0px; width: 298px; height: 16px; padding: 4px 0px 0px 12px; background-image: url(/pics/_box_2spaltig_mit_bild/titel_2spaltig.gif); background-repeat: no-repeat; } #content .right .box .foot { position: relative; top: 0px; left: 0px; width: 160px; height: 10px; float: left; background-image: url(/pics/_box_2spaltig_mit_bild/gra_footer_161px.gif); background-repeat: no-repeat; overflow: hidden; } #content .right .box .small{ position: relative; top: 0px; left: 0px; width: 136px; height: 69px; padding: 8px 12px 8px 12px; float: left; background-image: url(/pics/_box_2spaltig_mit_bild/gra_verlauf_hg_161px.gif); background-repeat: repeat-y; } #content .right .box .full { position: relative; top: 0px; left: 0px; height: auto; width: 296px; padding: 8px 0px 0px 12px; float: left; background-color: #DDE8EA; overflow: hidden; } #content .right .box .full .text { padding: 0px 12px 0px 0px; } #content .right .box .pic { position: relative; top: 0px; left: 0px; width: 148px; height: 95px; float: left; } /* STARTSEITEN - RECHTE SPALTE - LIVEBOX */ #content .right #livebox { position: relative; top: 0px; left: 0px; width: 308px; height: auto; clear: both; overflow: hidden; } /* STARTSEITEN - RECHTE SPALTE - BUNDESLIGA-AUDIO BOX */ #content .right .box_audio_ng { position: relative; width: 308px; height: auto; clear: both; overflow: hidden; } #content .right .box_audio_ng .box_head { position: relative; height: 26px; padding: 12px 8px 0px 8px; background: transparent url(/pics/_audio/hg_audio_top.jpg) 0 0 no-repeat; text-align: right; } #content .right .box_audio_ng .box_foot { position: relative; height: 10px; background: transparent url(/pics/_audio/hg_audio_footer.jpg) 0 0 no-repeat; } #content .right .box_audio_ng .box_head a.more_link { display: block; float: right; width: 93px; height: 16px; background: transparent url(/pics/_audio/btn_audios.gif) 0 0 no-repeat; text-decoration: none; } #content .right .box_audio_ng .box_head a.more_link:hover { background-position: 0px -16px; } #content .right .box_audio_ng .box_content { position: relative; margin: 0; padding: 0; background: transparent url(/pics/_audio/hg_audio_trenner.jpg) top left repeat-y; width: 308px; clear: both; overflow: hidden; } #content .right .box_audio_ng .box_content .audiolink { position: relative; margin: 3px 0 0 0; padding: 4px 8px 0px 8px; background: transparent url(/pics/_audio/hg_audio_mid.jpg) top left no-repeat; width: 292px; height: 39px; clear: both; overflow: hidden; } #content .right .box_audio_ng .box_content .audiolink span { color: #d0dfe1; font: normal 10px Arial, Helvetica, sans-serif; line-height: 16px; text-transform: uppercase; } #content .right .box_audio_ng .box_content .audiolink a { color: #ffffff; font: bold 11px Arial, Helvetica, sans-serif; line-height: 16px; background: transparent; } #content .right .box_audio_ng .box_content .audiolink a:hover { color: #ffffff; text-decoration: none; background: transparent; } /* STARTSEITEN - RECHTE SPALTE - BOX MIT REITERN */ x#content .right #simpleTabs, x#simpleTabs2 { position: relative; width: 308px; height: auto; padding: 0; margin: 0; font: bold 11px Arial, Helvetica, sans-serif; } x#content .right .simpleTabs-nav ul { position: relative; width: 308px; list-style: none; margin: 0; padding: 0; } x#content .right .simpleTabs-nav li { position: relative; width: 125px; height: 16px; float: left; padding-top: 4px; padding-left: 4px; color: #ffffff; cursor: pointer; background: transparent url(/pics/cardbox/reiter_mitte_no_hl.gif) 0 0 repeat-x; } x#content .right .simpleTabs-nav li.close { float: right; width: auto; } x#content .right .simpleTabs-nav li.actif { position: relative; color: #ffffff; background: transparent; } x#content .right .simpleTabs-nav .links { position: relative; float: left; width: 8px; height: 20px; background-image: url(/pics/cardbox/reiter_ecke_links.gif); background-repeat: no-repeat; } x#content .right .simpleTabs-nav .mitte { position: relative; float: left; width: 34px; height: 20px; background-image: url(/pics/cardbox/reiter_no_hl.gif); background-repeat: no-repeat; } x#content .right .simpleTabs-nav .mitte1 { position: relative; float: left; width: 129px; height: 20px; } x#content .right .simpleTabs-nav .mitte2 { position: relative; float: left; width: 129px; height: 20px; } x#content .right .simpleTabs-nav .rechts { position: relative; float: left; width: 8px; height: 20px; background-image: url(/pics/cardbox/reiter_ecke_rechts.gif); background-repeat: no-repeat; } x#content .right .hist { background-image: url(/pics/gra_tab_2sp_verlauf1.gif); background-repeat: repeat-y; } x#content .right .simpleTabs-content { position: relative; clear: both; color: #000000; background-color: #CDE0E2; font: normal 11px Arial, Helvetica, sans-serif; } x#content .right .simpleTabs-content .text { position: relative; padding: 12px 12px 2px 12px; font-weight: normal; } x#content .right .foot { position: relative; padding: 0px; margin: 0px; } /* BUNDESLIGA-TV - DIE SENDUNG */ #sendung { position: relative; width: 786px; } #sendung .links { position: relative; float: left; padding-left: 12px; width: 455px; } #sendung .links .red { position: relative; font: bold 14px Arial, Helvetica, sans-serif; color: #C80000; float: left; line-height: 20px; margin-bottom: 20px; float: left; width: 450px; background: transparent; } #sendung .links .bol { position: relative; font: bold 12px Arial, Helvetica, sans-serif; color: #000000; float: left; line-height: 20px; margin-bottom: 20px; float: left; width: 450px; } #sendung .links .reg { position: relative; font: normal 12px Arial, Helvetica, sans-serif; color: #000000; float: left; line-height: 20px; margin-bottom: 35px; float: left; width: 450px; } #sendung .rechts { position: relative; float: left; width: 295px; height: 311px; padding-right: 12px; } /* BUNDESLIGA-TV - UEBERSICHTSSEITE */ #content .tv_head .skylogo { position: absolute; top: 64px; left: 320px; width: 148px; height: 38px; z-index: 999; } #content .tv_head .skylink { position: absolute; top: 59px; left: 403px; width: 60px; height: 38px; z-index: 1000; } #content .tv_head .skylink a { cursor: pointer; } #content .tv_head .skylink a:active, #content .tv_head .skylink a:focus { outline: 0; } #content .tv_head .dovelink { position: absolute; top: 10px; left: 663px; width: 105px; height: 89px; z-index: 1000; } #content .tv_head .dovelink a { cursor: pointer; } #content .tv_head .dovelink a:active, #content .tv_head .dovelink a:focus { outline: 0; } #content .tv_head .atv { position: relative; top: 0px; left: 0px; width: 788px; height: 106px; overflow: hidden; } #content .tv_head .bltv { position: relative; top: 0px; left: 0px; width: 788px; height: 140px; overflow: hidden; } #content .tv_head .dove { position: relative; top: 0px; left: 0px; width: 786px; height: 76px; overflow: hidden; text-align: center; border-right: 1px solid #6C6C6C; border-left: 1px solid #6C6C6C; } #content .tv_head .dove .dovebanner { position: relative; top: 0px; left: 0px; width: 786px; height: 58px; overflow: hidden; text-align: center; } #content .tv_top { position: relative; width: 762px; height: 274px; background: #B6BDC3; clear: both; overflow: hidden; padding: 10px 12px 30px 12px; } #content .tv_top #marks { position: absolute; bottom: 5px; left: 59px; } #content .tv_top #tv_movie { position: relative; float: left; width: 452px; height: 254px; } #content .tv_top #tv_movie .headline { display: none; } #content .tv_top #tv_movie .date { position: relative; text-align: right; height: 20px; padding: 0px 10px 0px 0px; } #content .tv_top #tv_movie .movie { position: relative; width: 452px; height: 254px; background: #B7BCC0; } #content .tv_top .tv_list { position: relative; float: left; margin-top: -10px; width: 308px; height: 274px; } #content .tv_top .tv_list .head_long { position: relative; top: 0px; left: 0; width: 298px; height: 20px; padding: 10px 0px 0px 10px; background-image: url(/pics/mediathek/med_roter_balken.gif); background-repeat: no-repeat; } #content .tv_top .tv_list .list_container { position: relative; top: 0; left: 0; width: 308px; height: 254px; overflow: auto; background: #E9E9E9; overflow: hidden; } #content .tv_top .tv_list .list_container .zeile { position: relative; width: 308px; height: 75px; margin-bottom: 1px; clear: both; overflow: hidden; } #content .tv_top .tv_list .list_container .zeile .zeile_links { float: left; width: 203px; height: 67px; padding: 4px 2px 4px 9px; overflow: hidden; background: transparent url(/pics/mediathek/med_back_content.jpg) 0 0 no-repeat;} #content .tv_top .tv_list .list_container .zeile .zeile_rechts { float: left; width: 94px; height: 75px; padding: 0; background: transparent url(/pics/mediathek/med_back_content.jpg) -95px 0px no-repeat;} #content .tv_reiter { position: relative; width: 786px; height: 19px; background-color: #E9E9E9; border-bottom: 1px solid #6C6C6C; clear: both; overflow: hidden; z-index: 1; } #content #cb_body123 { width: 786px; } #content #tv_navigation { padding-top: 20px; width: 786px; height: 314px; clear: both; overflow: hidden; background: transparent url(/pics/mediathek/med_nav_back_oben.jpg) 0 0 repeat-y; } .artikelcontent_footer_videothek { background: transparent url(/pics/mediathek/med_nav_back_unten.jpg) 0 0 no-repeat; } .videothek div.cb_std_tab_container { width: 786px; } /* BUNDESLIGA-TV - VIDEO RELATED PAGER */ #pagervideo { background-color: #E9E9E9; height: 16px; overflow: hidden; clear: both; position: relative; font: bold 11px Arial, Helvetica, sans-serif; color: #000000; padding-top: 10px; text-align: center; } #pagervideo span { background-color: #848484; color: white; padding-left: 3px; padding-right: 3px; } #pagervideo a { color: black; text-decoration: none; padding-left: 3px; padding-right: 3px; } #pagervideo a:hover { background: #c80000; color: white; padding-left: 3px; padding-right: 3px; } #pfeillinks, #pfeilrechts { position: relative; float: left; width: 18px; } #pfeillinks .page, #pfeilrechts .page, .page { position: relative; float: left; width: 14px; margin-right: 2px; height: 13px; font: normal 10px Arial, Helvetica, sans-serif; color: white; text-align: center; padding: 1px; } /* BUNDESLIGA-AUDIO - UEBERSICHTSSEITE */ .audiothek .artikelcontent { position: relative; } .audiothek .artikelcontent .audio_year_select { position: absolute; top: 0; right: 12px; z-index: 2; } #content #audioyear { position: absolute; top: 0px; left: 674px; overflow: hidden; width: 112px; height: 20px; background-image: url(/pics/_bundesligatv/reiter_jahresauswahl.jpg); background-repeat: no-repeat; } #content #audioyear .audioyear1 { position: absolute; top: 2px; left: 15px; overflow: hidden; } #content #audioyear .audioyear2 { position: absolute; top: 2px; left: 75px; overflow: hidden; } #mediathek_audio_days { position: relative; padding: 12px 12px; } #mediathek_audio_days .previous { float: left; font-weight: bold; width: auto; } #mediathek_audio_days .next { float: right; font-weight: bold; width: auto;} #mediathek_audio_days .days { float: none; text-align: center; font-weight: normal; width: auto; } #mediathek_audio_days .days .day { padding: 0px 2px; margin: 0px 4px; color: #666666; font-weight: normal; } #mediathek_audio_days .days .day a { font-weight: normal; } #mediathek_audio_days .days .selected { background: #c80000; } #mediathek_audio_days .days .selected a { color: #ffffff; background: transparent; } x.audio_heading { color: #c80000; font: bolder 17px Arial, Helvetica, sans-serif; height: 26px; padding: 9px 0px 0px 12px; background: transparent; } a.audiolink { background: transparent url(/pics/_buttons/btn_audio.gif) 0 3px no-repeat; padding: 6px 0 6px 30px; color: #c80000; } a.audiolink:hover { background-image: url(/pics/_buttons/btn_audio_mo.gif); } #audiothek_audio_days { position: relative; float: left; width: 223px; height: 22px; margin-bottom: 12px; } #audiothek_audio_days a { cursor: pointer; } #audiothek_audio_days .previous { position: relative; float: left; width: 18px; height: 22px; background: transparent url(/pics/_audio/date_button_left.png) 0px 0px no-repeat; } #audiothek_audio_days .previous:hover { position: relative; float: left; width: 18px; height: 22px; background: transparent url(/pics/_audio/date_button_left.png) 0px -22px no-repeat; } #audiothek_audio_days .next { position: relative; float: left; width: 18px; height: 22px; background: transparent url(/pics/_audio/date_button_right.png) 0px 0px no-repeat; } #audiothek_audio_days .next-dis { position: relative; float: left; width: 18px; height: 22px; background: transparent url(/pics/_audio/date_button_right.png) 0px -44px no-repeat; } #audiothek_audio_days .next:hover { position: relative; float: left; width: 18px; height: 22px; background: transparent url(/pics/_audio/date_button_right.png) 0px -22px no-repeat; } #audiothek_audio_days .days { position: relative; float: left; text-align: center; font-weight: normal; font-size: 12px; color: white; width: 187px; height: 22px; background: transparent url(/pics/_audio/date_bg.jpg) top left repeat-y; line-height: 20px;} .audioleft { position: relative; float: left; height: auto; width: 526px; background: white; margin-left: 12px; } .audioleft .bottomleft { position: absolute; bottom: -1px; left: -1px; width: 9px; height: 9px; background: transparent url(/pics/_audio/box_bottom_rounded_lef.gif) bottom left no-repeat; } .audioleft .bottomright { position: absolute; bottom: -1px; left: 518px; width: 9px; height: 9px; background: transparent url(/pics/_audio/box_bottom_rounded_right.gif) bottom left no-repeat; } .audioleft .audioplayer { position: relative; float: left; height: 176px; width: 526px; margin: 0; padding: 0; background: #ECECEC; } .audioleft .audioplayer .title { color: #c80000; font-size: 17px; font-weight: bold; padding-left: 12px; height: 26px; } .audioleft .audioplayer .player { width: 528px; height: 150px; } x.audioleft .audiowrapper { position: relative; float: left; height: auto; width: 526px; border-left: 1px solid #6C6C6C; border-right: 1px solid #6C6C6C; border-bottom: 1px solid #6C6C6C; padding-bottom: 20px; background: transparent url(/pics/_audiothek/dove_237x200.jpg) bottom left no-repeat; } .audioleft .audiowrapper { position: relative; float: left; height: auto; width: 526px; border-left: 1px solid #6C6C6C; border-right: 1px solid #6C6C6C; border-bottom: 1px solid #6C6C6C; padding-bottom: 20px; } .audioleft .audiowrapper .audiolist { position: relative; float: left; height: auto; margin-left: 12px; width: 240px; padding-top: 20px; padding-bottom: 190px; } .audioleft .audiowrapper .audiolist .audiotop { position: relative; float: left; height: 10px; width: 223px; background: transparent url(/pics/_audio/catbox_topdown_rounded.png) top left no-repeat; } .audioleft .audiowrapper .audiolist .audio_heading { position: relative; float: left; width: 211px; color: black; background: transparent url(/pics/_audio/catbox_bg.gif) top left repeat-y; font: bolder 12px Arial, Helvetica, sans-serif; height: 20px; padding-left: 12px; } .audioleft .audiowrapper .audiolist .audiocontent { position: relative; float: left; height: auto; width: 211px; color: black; background: transparent url(/pics/_audio/catbox_bg.gif) top left repeat-y; font: bolder 12px Arial, Helvetica, sans-serif; padding-left: 12px; } .audioleft .audiowrapper .audiolist .audiocontent table#table_aktuell_flexible { background-image: none; } .audioleft .audiowrapper .audiolist .audiocontent tr { background: none; } .audioleft .audiowrapper .audiolist .audiocontent td { background: white url(/pics/_audio/catbox_audiofile_bg.gif) top right repeat-y; } .audioleft .audiowrapper .audiolist .audiocontent td a { color: #c80000; } .audioleft .audiowrapper .audiolist .audiocontent td a:hover { color: black; } .audioleft .audiowrapper .audiolist .audiobottom { position: relative; float: left; height: 10px; width: 223px; background: transparent url(/pics/_audio/catbox_topdown_rounded.png) bottom left no-repeat; margin-bottom: 12px; } .audioleft .audiowrapper .audiokalender { position: relative; float: left; width: 254px; background: transparent; padding-bottom: 12px; margin-top: 20px; } .audioleft .audiowrapper .audiokalender .turn-me-into-datepicker { position: relative; float: left; width: 254px; background: transparent url(/pics/_audio/cal_bottom_rounded.png) bottom left no-repeat; padding-bottom: 12px; margin-bottom: 0; } .audioleft .audiowrapper .audiokalender .zusatz { position: relative; float: left; width: 254px; background: transparent; margin-top: 20px; line-height: 18px; } .audioright { position: relative; float: left; height: auto; width: 226px; margin-left: 12px; } .audioright .title { color: #c80000; font-size: 17px; height: 26px; font-weight: bold; } .audioright .inhalt { position: relative; float: left; height: 150px; width: 226px; } .audioright .inhalt .head { position: relative; float: left; padding-top: 3px; width: 226px; height: 147px; background: transparent url(/pics/_audio/live_radio_top_bg.png) top left no-repeat; } .audioright .inhalt .head .headline { position: relative; float: left; width: 200px; height: 50px; padding-left: 16px; font-weight: bold; color: white; font-size: 14px; padding-top: 8px; } .audioright .inhalt .head .link { position: relative; float: left; width: 200px; height: 50px; padding-left: 26px; font-weight: bold; color: #c80000; font-size: 14px; padding-top: 8px; line-height: 29px;} .audioright .inhalt .head .link a.ligaradio { position: relative; float: left; width: 170px; height: 32px; background: transparent url(/pics/_audio/live_radio_btn.png) top right no-repeat; cursor: pointer; } .audioright .inhalt .txt { position: relative; float: left; height: auto; width: 202px; font-size: 12px; padding: 12px; line-height: 18px; background: transparent url(/pics/_audio/live_radio_content_bg.jpg) top left repeat-y; } .audioright .inhalt .bottom { position: relative; float: left; height: 10px; width: 202px; font-size: 12px; padding: 12px; background: transparent url(/pics/_audio/live_radio_bottom_rounded.png) top left no-repeat; } /* HAUPTNAVIGATION - MAIN */ #navigate { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_nav.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #navigate:hover { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_nav_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #navigate_high { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_nav_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #navigate .spantext { padding-left: 12px; line-height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; background: transparent; } #navigate .spantext a { font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; background: transparent; } #navigate:hover .spantext, #navigate_high .spantext { padding-left: 12px; line-height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } /* SUBNAVIGATION - MAIN */ #subnavigate { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #subnavigate:hover { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #subnavigate_high { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #subnavigate .spantext, #subnavigate:hover .spantext, #subnavigate_high .spantext { padding-left: 22px; line-height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } /* HAUPTNAVIGATION - HISTORIE */ #hist_navigate { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_nav_historie.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #hist_navigate:hover { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_historie_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #hist_navigate_high { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_historie_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #hist_navigate .spantext { padding-left: 12px; line-height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; background: transparent; } #hist_navigate .spantext a { font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; background: transparent; } #hist_navigate:hover .spantext, #hist_navigate_high .spantext { padding-left: 12px; line-height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } /* SUBNAVIGATION - HISTORIE */ #hist_subnavigate { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_historie.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #hist_subnavigate:hover { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_historie_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #hist_subnavigate_high { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_historie_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #hist_subnavigate .spantext, #hist_subnavigate:hover .spantext, #hist_subnavigate_high .spantext { padding-left: 22px; line-height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } /* HAUPTNAVIGATION - DFL SPORTS ENTERPRISES */ #se_navigate { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_nav_se.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #se_navigate:hover { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_nav_se_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #se_navigate_high { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_nav_se_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #se_navigate .spantext { padding-left: 12px; line-height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; background: transparent; } #se_navigate .spantext a { font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; background: transparent; } #se_navigate:hover .spantext, #se_navigate_high .spantext { padding-left: 12px; line-height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } /* SUBNAVIGATION - DFL SPORTS ENTERPRISES */ #se_subnavigate { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_se.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #se_subnavigate:hover { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_se_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #se_subnavigate_high { width: 148px; height: auto; padding-top: 4px; padding-bottom: 4px; background-image: url(/media/images/nav/back_subnav_se_high.jpg); background-repeat: repeat-y; border-bottom: 1px solid #023737; overflow: hidden; cursor: pointer; } #se_subnavigate .spantext, #se_subnavigate:hover .spantext, #se_subnavigate_high .spantext { padding-left: 22px; line-height: 22px; font: normal 12px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } /* SPIELER DES SPIELTAGS */ .box_spieler { position: relative; width: 381px; margin: 0px; padding: 0px; overflow: hidden; } .box_spieler .box_left { float: left; width: auto; } .box_spieler .box_right { float: right; width: auto; } .box_spieler .header_red { position: relative; width: 381px; height: auto; color: #c80000; font: bold 17px Arial, Helvetica, sans-serif; padding: 0px; background: transparent; } .box_spieler .schatten_oben { position: relative; width: 381px; height: 8px; padding: 0px; background: transparent url(/pics/_spieler_des_spieltags/schatten_teaser_oben.jpg) 0 0 no-repeat; } .box_spieler .schatten_unten { position: relative; width: 381px; height: 8px; padding: 0px; background: transparent url(/pics/_spieler_des_spieltags/schatten_teaser_unten.jpg) 0 0 no-repeat; margin-bottom: 18px; } .box_spieler #body { position: relative; width: 381px; height: 150px; padding: 0px; background: transparent url(/pics/_spieler_des_spieltags/hg_teaser_mitte.jpg) 0 0 repeat-y; display: block; } .box_spieler #body .pic { position: absolute; width: 148px; height: 150px; padding: 0px; top: 0px; left: 0px; } .box_spieler #body .text { position: absolute; top: 0px; left: 148px; width: 210px; height: 130px; color: #000000; font: normal 12px Arial, Helvetica, sans-serif; line-height: 20px; } .box_spieler #body_erster { position: relative; width: 381px; height: 150px; padding: 0px; background: transparent url(/pics/_spieler_des_spieltags/hg_teaser_mitte_erster.jpg) 0 0 repeat-y; display: block; } .box_spieler #body_erster .pic { position: absolute; width: 148px; height: 150px; padding: 0px; top: 0px; left: 0px; } .box_spieler #body_erster .text { position: absolute; top: 0px; left: 148px; width: 210px; height: 130px; color: #000000; font: normal 12px Arial, Helvetica, sans-serif; line-height: 20px; } .box_spieler .text { position: relative; height: 65px; padding: 8px 12px 8px 12px; clear: both; overflow: hidden; } .box_spieler .voting { position: absolute; bottom: 10px; height: 12px; padding: 8px 0px 10px 0px; } .box_spieler .voting .voting_label { float: left; width: 110px; } .box_spieler .voting .voting_bar { float: left; width: 140px; height: 12px; margin-top: 1px; background: transparent url(/pics/_box_2spaltig_video/ergebnisbalken.gif) 0 0 no-repeat; } .box_spieler .voting .voting_bar .voting_fill { height: 11px; background: transparent url(/pics/livebox/prozentbalken_1px.gif) 0 0 repeat-x; } .box_spieler .voting .voting_position { float: left; width: 75px; padding-left: 5px; font-size: 10px; } .box_spieler .voting .button { float: left; margin-top: 0px; width: auto; } /* STATISTIK-DATENBANK */ .box_st { position: relative; width: 788px; height: 170px; margin: 0px; padding: 0px; overflow: hidden; } .box_st .head { position: relative; top: 0px; left: 0px; width: 776px; height: 21px; padding: 9px 0px 0px 12px; background: transparent url(/pics/titel_5spaltig.gif) top left no-repeat; width: 788px; margin: 0px; font-size: 15px; font-weight: bold; } .box_st .rahmen { position: relative; width: 786px; height: 130px; margin: 0px; padding: 0px; overflow: hidden; border-left: 1px solid #6c6c6c; border-right: 1px solid #6c6c6c; } .box_st .rahmen .pic { position: relative; width: 218px; height: 130px; margin: 0px; padding: 0px; overflow: hidden; float: left; background-color: #ffffff; } .box_st .rahmen .text { position: relative; width: 568px; height: 130px; margin: 0px; padding: 0px; overflow: hidden; float: right; background-color: #ECECEC; } .box_st .rahmen .text .lefter { position: relative; width: 240px; height: 112px; margin: 0px; padding: 8px 0px 20px 20px; overflow: hidden; float: left; text-align: left; font: normal 12px Arial, Helvetica; } .box_st .rahmen .text .righter { position: relative; width: 288px; height: 116px; margin: 0px; padding: 4px 0px 0px 0px; overflow: hidden; float: right; text-align: left; } .box_st .rahmen .text .righter img.goButton { position: absolute; right: 10px; bottom: 0px; } .box_st .foot { position: relative; float: left; width: 788px; height: 10px; overflow: visible; clear:both; background: transparent url(/pics/gra_footer_linie_5spaltig.gif) top left no-repeat; } /* TOPPS MATCH ATTAX - BIG BOX */ #content .box_ng_topps { position: relative; top: 0px; left: 0px; width: 788px; height: auto; clear: both; } #content .box_ng_topps .head_long { position: relative; top: 0px; left: 0px; width: 778px; height: 16px; padding: 4px 0px 0px 10px; background-image: url(/pics/topps/topps_titel.gif); background-repeat: no-repeat; } #content .box_ng_topps .zeile_long { position: relative; top: 0px; left: 0px; width: 788px; height: 500px; clear: both; padding: 0px; background-color: #CDE0E2; } #content .box_ng_topps .foot_long { position: relative; top: 0px; left: 0px; width: 788px; height: 10px; background-image: url(/pics/topps/topps_footer.gif); background-repeat: no-repeat; } #box_ng_topps { position: relative; float: left; width: 628px; height: 528px; overflow: hidden; background: transparent url(/pics/_2010/box/box_2sp_2z_back.png) 0px 30px no-repeat; padding-bottom: 12px; } #box_ng_topps .head { position: relative; float: left; width: 628px; height: 16px; padding: 9px 0px 5px 10px; background-image: url(/pics/_2010/box/box_2sp_header.jpg); background-repeat: no-repeat; } #box_ng_topps .zeile_long { position: relative; float: left; width: 628px; height: 398px; overflow: hidden; } #box_ng_topps .links { position: relative; width: 604px; height: 76px; float: left; padding: 12px; overflow: hidden; font-weight: bold; } #box_ng_topps .links span.txt { font-weight: normal; font-size: 12px; line-height: 18px; } /* STADIEN GUIDE - LINKE UND RECHTE SPALTEN */ #content .stleft { position: relative; top: 0px; left: 0px; width: 467px; height: auto; float: left; } #content .stright { position: relative; top: 0px; left: 0px; width: 319px; height: auto; float: left; } /* STADIEN GUIDE - LINKE SPALTE - FLASH GALERIE UND TEXT TEASER */ #content .stleft .boxflash { top: 0px; left: 0px; width: 467px; height: 280px; } #content .stleft .boxteaser { position: relative; top: 0px; left: 0px; width: 467px; height: auto; line-height: 30px; float: left; background-image: url(/pics/_stadien/linke_spalte_hl.png); background-repeat: repeat-y; } #content .stleft .boxteaser .text1 { position: relative; top: 0px; left: 0px; padding-left: 12px; width: 140px; height: auto; font: bold 12px Arial, Helvetica, sans-serif; float: left; line-height: 30px; } #content .stleft .boxteaser .text2 { position: relative; top: 0px; left: 0px; width: 315px; padding-top: 5px; padding-bottom: 5px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; float: left; line-height: 20px; } #content .stleft .boxteaser .text2 a:hover { color: black; text-decoration: none; } #content .stleft .boxteaserbild { position: relative; top: 0px; left: 0px; width: 467px; height: auto; float: left; } #content .stleft .boxteaserbild .bild { width: 467px; height: auto; } #content .stleft .boxteaserlong { position: relative; top: 0px; left: 0px; width: 467px; height: auto; line-height: 24px; float: left; background-image: url(/pics/_stadien/linke_spalte_hl.png); background-repeat: repeat-y; } #content .stleft .boxteaserlong .text1 { position: relative; top: 0px; left: 0px; padding-left: 12px; padding-top: 6px; width: 455px; height: auto; font: bold 14px Arial, Helvetica, sans-serif; float: left; line-height: 24px; color: #c80000; } #content .stleft .boxteaserlong .text2 { position: relative; top: 0px; left: 0px; padding-left: 12px; width: 445px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; float: left; line-height: 18px; } #content .stleft .boxteaserlong .text3 { position: relative; top: 0px; left: 4px; padding-right: 12px; width: 455px; height: 20px; float: left; text-align: right; } #content .stleft .boxteaser360 { position: relative; top: 0px; left: 0px; width: 467px; height: auto; float: left; background-image: url(/pics/_stadien/linke_spalte_hl.png); background-repeat: repeat-y; } #content .stleft .boxteaser360 .text1 { position: relative; top: 0px; left: 0px; padding-left: 12px; padding-top: 4px; width: 455px; height: auto; font: bold 14px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } #content .stleft .boxteaser360 .flash { position: relative; width: 467px; height: 173px; margin-top: -20px; } #content .stleft .boxteaser .abstand, #content .stleft .boxteaserbild .abstand, #content .stleft .boxteaserlong .abstand { position: relative; width: 467px; height: 3px; float: left; background-color: #ECECEC; } /* STADIEN GUIDE - RECHTE SPALTE- NEXT GAMES */ #content .stright .boxnext { top: 0px; left: 0px; width: 319px; height: 280px; background-color: #ECECEC; } #content .stright .boxnext .count { top: 0px; left: 0px; width: 319px; height: 120px; } #content .stright .boxnext .count .text1 { position: relative; top: 43px; left: 15px; width: 107px; height: 60px; font: normal 11px Arial, Helvetica, sans-serif; color: black; float: left; } #content .stright .boxnext .count .count1 { position: relative; top: 38px; left: 0px; width: 197px; height: 62px; background-image: url(/pics/_stadien/counter.png); background-repeat: no-repeat; float: left; } #content .stright .boxnext .line1 { position: relative; top: 0px; left: 0px; width: 319px; height: 23px; background-image: url(/pics/_stadien/naechstes_spiel_hl.png); background-repeat: repeat-y; float: left; padding-top: 9px; } #content .stright .boxnext .line2 { position: relative; top: 0px; left: 0px; width: 319px; height: 23px; float: left; padding-top: 9px; } #content .stright .boxnext .line1 .col1, #content .stright .boxnext .line2 .col1 { position: relative; top: 0px; left: 0px; width: 90px; height: 23px; font: normal 12px Arial, Helvetica, sans-serif; float: left; padding-left: 15px; color: #c80000; } #content .stright .boxnext .line1 .col2, #content .stright .boxnext .line2 .col2 { position: relative; top: 0px; left: 0px; width: auto; padding-right: 24px; height: 23px; font: normal 12px Arial, Helvetica, sans-serif; float: left; } #content .stright .boxnext .line1 .col3, #content .stright .boxnext .line2 .col3 { position: relative; top: 0px; left: 0px; width: 24px; height: 23px; font: normal 12px Arial, Helvetica, sans-serif; float: left; } #content .stright .boxnext .line1 .col4, #content .stright .boxnext .line2 .col4 { position: relative; top: 0px; left: 0px; width: auto; height: 23px; font: normal 12px Arial, Helvetica, sans-serif; float: left; } /* STADIEN GUIDE - RECHTE SPALTE - ANFAHRTSPLAN */ #content .stright .boxteaseranfahrt { position: relative; top: 0px; left: 0px; width: 319px; height: auto; float: left; } #content .stright .boxteaseranfahrt .text { position: relative; top: 0px; left: 0px; padding-left: 15px; width: 304px; height: 16px; font: bold 14px Arial, Helvetica, sans-serif; color: #c80000; background: transparent url(/pics/_stadien/box_rechts_mitte_w.png) 0 0 repeat-y; } #content .stright .boxteaseranfahrt .oben { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_oben_w.png); background-repeat: no-repeat; } #content .stright .boxteaseranfahrt .unten { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_unten_w.png); background-repeat: no-repeat; } #content .stright .boxteaseranfahrt .zoom { position: relative; width: 307px; height: 24px; text-align: right; padding-right: 12px; background-image: url(/pics/_stadien/box_rechts_mitte_w.png); background-repeat: repeat-y; } #content .stright .boxteaseranfahrt .bild { position: relative; width: 319px; height: 298px; background-image: url(/pics/_stadien/box_rechts_mitte_w.png); background-repeat: repeat-y; text-align: center; } /* STADIEN GUIDE - RECHTE SPALTE - VEREINSNEWS */ #content .stright .boxverein { position: relative; top: 0px; left: 0px; width: 319px; height: auto; float: left; } #content .stright .boxverein .oben { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_oben.png); background-repeat: no-repeat; } #content .stright .boxverein .text1 { position: relative; top: 0px; left: 0px; padding-left: 15px; padding-top: 12px; width: 304px; height: auto; font: bold 12px Arial, Helvetica, sans-serif; float: left; line-height: 18px; background-image: url(/pics/_stadien/box_rechts_mitte.png); background-repeat: repeat-y; } #content .stright .boxverein .text2 { position: relative; top: 0px; left: 0px; padding-left: 15px; padding-bottom: 12px; width: 304px; font: normal 12px Arial, Helvetica, sans-serif; float: left; line-height: 18px; height: auto; background-image: url(/pics/_stadien/box_rechts_mitte.png); background-repeat: repeat-y; } #content .stright .boxverein .text2 .date { position: relative; top: 0px; left: 0px; width: 60px; font: normal 11px Arial, Helvetica, sans-serif; float: left; } #content .stright .boxverein .text2 .hour { position: relative; top: 0px; width: 40px; padding-left: 5px; font: normal 11px Arial, Helvetica, sans-serif; float: left; } #content .stright .boxverein .text2 .cat { position: relative; top: 0px; width: 150px; padding-left: 5px; font: normal 11px Arial, Helvetica, sans-serif; float: left; } #content .stright .boxverein .text3 { position: relative; top: 0px; left: 0px; width: 304px; padding-left: 15px; height: 16px; float: left; text-align: left; background: transparent url(/pics/_stadien/box_rechts_mitte.png) 0 0 repeat-y; font: bold 14px Arial, Helvetica, sans-serif; color: #c80000; } #content .stright .boxverein .unten { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_unten.png); background-repeat: no-repeat; float: left; } #content .stright .boxverein .abstand { position: relative; width: 319px; left: 0px; height: 3px; float: left; background-image: url(/pics/_stadien/box_rechts_mitte.png); background-repeat: repeat-y; } #content .stright .boxverein .abstandcolor { position: relative; width: 317px; left: 1px; height: 3px; float: left; overflow: hidden; background-color: #ECECEC; } /* STADIEN GUIDE - RECHTE SPALTE - WETTERBOX */ #content .stright .boxwetter { position: relative; top: 0px; left: 0px; width: 319px; height: auto; float: left; } #content .stright .boxwetter .text { position: relative; top: 0px; left: 0px; padding-left: 15px; width: 304px; height: 16px; font: bold 14px Arial, Helvetica, sans-serif; color: #c80000; background: transparent url(/pics/_stadien/box_rechts_mitte.png) 0 0 repeat-y; } #content .stright .boxwetter .oben { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_oben.png); background-repeat: no-repeat; } #content .stright .boxwetter .unten { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_unten.png); background-repeat: no-repeat; float: left; } #content .stright .boxwetter .cols { position: relative; width: 319px; height: auto; background-image: url(/pics/_stadien/box_rechts_mitte.png); background-repeat: repeat-y; text-align: center; float: left; } #content .stright .boxwetter .cols .col1 { position: relative; width: 93px; padding-left: 15px; height: auto; float: left; } #content .stright .boxwetter .cols .col2 { position: relative; width: 93px; padding-left: 10px; height: auto; float: left; } #content .stright .boxwetter .cols .col3 { position: relative; width: 93px; padding-left: 10px; height: auto; float: left; } #content .stright .boxwetter .cols .col1 .row1, #content .stright .boxwetter .cols .col2 .row1, #content .stright .boxwetter .cols .col3 .row1 { position: relative; width: 93px; height: 120px; padding-top: 12px; float: left; } #content .stright .boxwetter .cols .col1 .row1 span.title1, #content .stright .boxwetter .cols .col2 .row1 span.title1, #content .stright .boxwetter .cols .col3 .row1 span.title1 { position: relative; font: normal 12px Arial, Helvetica, sans-serif; width: 93px; float: left; text-align:left; } #content .stright .boxwetter .cols .col1 .row1 span.image1, #content .stright .boxwetter .cols .col2 .row1 span.image1, #content .stright .boxwetter .cols .col3 .row1 span.image1 { position: relative; width: 93px; float: left; text-align:left; } #content .stright .boxwetter .cols .col1 .row1 span.title2, #content .stright .boxwetter .cols .col2 .row1 span.title2, #content .stright .boxwetter .cols .col3 .row1 span.title2 { position: relative; font: bold 14px Arial, Helvetica, sans-serif; width: 93px; float: left; text-align: left; } #content .stright .boxwetter .cols .col1 .row2, #content .stright .boxwetter .cols .col2 .row2, #content .stright .boxwetter .cols .col3 .row2 { position: relative; width: 93px; height: auto; padding-top: 12px; float: left; } #content .stright .boxwetter .cols .col1 .row2 .left, #content .stright .boxwetter .cols .col2 .row2 .left, #content .stright .boxwetter .cols .col3 .row2 .left { position: relative; width: 40px; height: auto; float: left; } #content .stright .boxwetter .cols .col1 .row2 .right, #content .stright .boxwetter .cols .col2 .row2 .right, #content .stright .boxwetter .cols .col3 .row2 .right { position: relative; width: 40px; height: auto; float: left; } #content .stright .boxwetter .cols .col1 .row2 .left span.title1, #content .stright .boxwetter .cols .col2 .row2 .left span.title1, #content .stright .boxwetter .cols .col3 .row2 .left span.title1 { position: relative; width: 35px; font: normal 11px Arial, Helvetica, sans-serif; text-align:left; float: left; } #content .stright .boxwetter .cols .col1 .row2 .left span.title2, #content .stright .boxwetter .cols .col2 .row2 .left span.title2, #content .stright .boxwetter .cols .col3 .row2 .left span.title2 { position: relative; width: 35px; font: bold 14px Arial, Helvetica, sans-serif; text-align: left; float: left; } #content .stright .boxwetter .cols .col1 .row2 .right span.image1, #content .stright .boxwetter .cols .col2 .row2 .right span.image1, #content .stright .boxwetter .cols .col3 .row2 .right span.image1 { width: 40px; text-align:left; } #content .stright .boxwetter .abstand, #content .stright .boxteaseranfahrt .abstand { position: relative; width: 319px; height: 5px; float: left; background-color: #ECECEC; } /* STADIEN GUIDE - TOPSCHATTEN UND FOOTER */ #content .stlong { position: relative; top: 0px; left: 0px; width: 786px; height: 20px; float: left; background-image: url(/pics/_stadien/schatten.png); background-repeat: no-repeat; } #content .stunten { position: relative; top: 0px; left: 0px; width: 786px; height: 16px; text-align: right; float: left; margin-top: 10px; } /* HISTORIE - WAS MACHT EIGENTLICH? */ #content_damals { background-color: #E6E1CF; border-right: 1px solid #6C6C6C; border-left: 1px solid #6C6C6C; overflow: hidden; clear: both; width: 786px; } #content_damals #wasmacht { position: relative; width: 786px; } #content_damals #wasmacht .tops { position: relative; width: 786px; height: 35px; float: left; background: transparent url(/pics/historie/gra_hg_verlauf_786.jpg) 0 0 repeat-y; } #content_damals #wasmacht .tops .header { position: relative; float: left; width: 748px; padding: 8px 0px 0px 8px; font: bold 17px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } #content_damals #wasmacht .tops .buttons { position: relative; float: left; width: 28px; height: 28px; padding-top: 6px; background: transparent url(/pics/historie/icon_auf.gif) 0px 4px no-repeat; overflow: hidden; } #content_damals #wasmacht .selected .tops .buttons { position: relative; float: left; width: 0px; height: 0px; padding-top: 6px; background: transparent url(/pics/historie/icon_zu.gif) 0px 4px no-repeat; overflow: hidden; } #content_damals #wasmacht .selcted .inhalt { position: relative; float: left; width: 786px; padding-top: 4px; background: transparent url(/pics/historie/gra_hg_verlauf_786.jpg) 0 0 repeat-y; display: block; } #content_damals #wasmacht .inhalt { position: relative; float: left; width: 786px; padding-top: 4px; background: transparent url(/pics/historie/gra_hg_verlauf_786.jpg) 0 0 repeat-y; display: none; } #content_damals #wasmacht .inhalt .pic { position: relative; float: left; width: 210px; padding-bottom: 10px; } #content_damals #wasmacht .inhalt .texts { position: relative; float: left; width: 540px; padding: 0px 0px 0px 12px; font: normal 12px Arial, Helvetica, sans-serif; color: #000000; overflow: hidden; line-height: 16px; } #content_damals #wasmacht .abstand { position: relative; float: left; width: 786px; height: 4px; clear: both; overflow: hidden; } .basic, basic .div { width: 786px; padding: 0px; margin: 0px; } .basic a { cursor: pointer; display: block; } .basic p { border: none; text-decoration: none; margin: 0px; padding: 0px; } .basic a.selected { } /* HISTORIE - WAS MACHT EIGENTLICH? - PAGER */ #pager { background-color: #E6E1CF; border-right: 1px solid #6C6C6C; border-left: 1px solid #6C6C6C; overflow: hidden; clear: both; position: relative; font: bold 11px Arial, Helvetica, sans-serif; color: #000000; padding-top: 5px; width: 786px; } #pager span { background: #c80000; color: white; padding-left: 3px; padding-right: 3px; } #pager a { color: black; text-decoration: none; padding-left: 3px; padding-right: 3px; } #pager a:hover { background: #c80000; color: white; padding-left: 3px; padding-right: 3px; } /* SPIELERKADER SEITEN - TEAM MAPPING */ #content .boxteam { position: relative; float: left; width: 786px; height: 270px; background-color: #ECECEC; } #content .boxteam .st1 { position: relative; float: left; width: 100px; height: 270px; } #content .boxteam .st2 { position: relative; float: left; width: 520px; height: 270px; } #content .boxteam .st3 { position: relative; float: left; width: 160px; height: 250px; font: bold 12px Arial, Helvetica, sans-serif; margin-top: 20px; } #content .boxteam .st3 .col1 { position: relative; float: left; width: 30px; } #content .boxteam .st3 .col2 { position: relative; float: left; width: 64px; } #content .boxteam .st3 .col2 a:hover { color: black; text-decoration: none; } #content .maps { position: relative; float: left; width: 786px; height: 2px; overflow: hidden; } #contentTeamPlayerFlash { width:786px; height:866px; } #contentTopScorer { width:788px; height:901px; } /* SPIELERKADER SEITEN - OPTA TEAM LISTE */ #content .boxteamlist { position: relative; float: left; width: 786px; height: auto; } #content .boxteamlist .line1 { position: relative; float: left; width: 786px; height: 26px; background-image: url(/pics/gra_hg_verlauf_786.gif); background-repeat: repeat-y; font: bold 12px Arial, Helvetica, sans-serif; } #content .boxteamlist .line1 .col1 { position: relative; float: left; width: 220px; padding: 5px 5px 5px 12px; } #content .boxteamlist .line1 .col2 { position: relative; float: left; width: 95px; padding: 5px; } #content .boxteamlist .line1 .col3 { position: relative; float: left; width: 100px; padding: 5px; } #content .boxteamlist .line1 .col4 { position: relative; float: left; width: 75px; padding: 5px; } #content .boxteamlist .line1 .col5 { position: relative; float: left; width: 110px; padding: 5px; } #content .boxteamlist .line1 .col6 { position: relative; float: left; width: 40px; padding-top: 2px; } #content .boxteamlist .line1 .col7 { position: relative; float: left; width: 40px; padding-top: 2px; } #content .boxteamlist .line1 .col8 { position: relative; float: left; width: 40px; padding-top: 2px; } #content .boxteamlist .line2 { position: relative; float: left; width: 770px; padding: 12px 4px 4px 12px; font: bold 12px Arial, Helvetica, sans-serif; } #content .boxteamlist .line3 { position: relative; float: left; width: 786px; height: 26px; background-image: url(/pics/gra_hg_verlauf_786.gif); background-repeat: repeat-y; font: normal 12px Arial, Helvetica, sans-serif; } #content .boxteamlist .line3 .col1 { position: relative; float: left; width: 220px; padding: 5px 5px 5px 12px; } #content .boxteamlist .line3 .col1 a:hover { color: black; text-decoration: none; } #content .boxteamlist .line3 .col2 { position: relative; float: left; width: 95px; padding: 5px; } #content .boxteamlist .line3 .col3 { position: relative; float: left; width: 100px; padding: 5px; } #content .boxteamlist .line3 .col4 { position: relative; float: left; width: 75px; padding: 5px; } #content .boxteamlist .line3 .col5 { position: relative; float: left; width: 110px; padding: 5px; } #content .boxteamlist .line3 .col6 { position: relative; float: left; width: 30px; padding: 5px; } #content .boxteamlist .line3 .col7 { position: relative; float: left; width: 30px; padding: 5px; } #content .boxteamlist .line3 .col8 { position: relative; float: left; width: 30px; padding: 5px; } #content .boxteamlist .abstand { position: relative; float: left; width: 786px; height: 3px; } #content .boxteamlist .st1 { position: relative; float: left; width: 50px; height: 270px; } #content .boxteamlist .st2 { position: relative; float: left; width: 580px; height: 270px; } #content .boxteamlist .st3 { position: relative; float: left; width: 156px; height: 270px; font: bold 12px Arial, Helvetica, sans-serif; } /* SPIELER SEITEN - SPIELER DATEN */ #content .sp { position: relative; width: 786px; height: auto; display: block; } #content .sp .topschatten { position: absolute; width: 786px; height: 12px; top: 0px; left: 0px; clear: both; display: block; background: transparent url(/pics/_spieler/schatten_top.png) 0 0 no-repeat; z-index: 1000; } #content .sp .boxbild { position: relative; float: left; width: 467px; height: 468px; overflow: hidden;} #content .sp .boxbild .pic { position: relative; float: left; width: 467px; height: 468px; overflow: hidden; z-index: 99; background: transparent url(/pics/_spieler/default_spieler.jpg) 0 0 no-repeat; background-color: #ffffff; } #content .sp .boxbild .lupe { position: absolute; width: 30px; height: 30px; top: 427px; left: 427px; clear: both; display: block; cursor: pointer; z-index: 100;} #content .sp .boxnext { position: relative; float: left; width: 319px; min-height: 458px; background-color: #ECECEC; padding-bottom: 10px; } #content .sp .boxnext .line0 { position: relative; width: 304px; height: 23px; float: left; padding-left: 15px; padding-bottom: 2px; padding-top: 16px; color: #c80000; font: bold 17px Arial, Helvetica, sans-serif; background: transparent; } #content .sp .boxnext .line1 { position: relative; width: 319px; height: auto; background-image: url(/pics/naechstes_spiel_hl.png); background-repeat: repeat-y; float: left; padding-top: 5px; padding-bottom: 4px; } #content .sp .boxnext .line2 { position: relative; width: 319px; height: auto; float: left; padding-top: 5px; padding-bottom: 4px; line-height: 14px; } #content .sp .boxnext .line1 .col1, #content .sp .boxnext .line2 .col1 { position: relative; width: 150px; height: auto; font: bold 12px Arial, Helvetica, sans-serif; float: left; padding-left: 15px; } #content .sp .boxnext .line1 .col2, #content .sp .boxnext .line2 .col2 { position: relative; width: 150px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; float: left; line-height: 16px; } #content .sp .boxnext .line1 a:hover, #content .sp .boxnext .line2 a:hover { color: black; text-decoration: none; } #content .kreuzsmall { position: absolute; width: 20px; height: 20px; top: 196px; left: 590px; background: transparent; z-index:1001; color: #c80000; font: bold 12px Arial, Helvetica, sans-serif; } #content .kreuzbigg { position: absolute; width: 55px; height: 20px; top: 196px; left: 600px; background: transparent; z-index:1001; color: #c80000; font: bold 14px Arial, Helvetica, sans-serif; } #content .kreuzsmalr { position: absolute; width: 10px; height: 20px; top: 196px; left: 677px; background: transparent; z-index:1001; color: #c80000; font: bold 12px Arial, Helvetica, sans-serif; } /* SPIELER SEITEN - LINKE UND RECHTE SPALTEN */ #content .spleft { position: relative; top: 0px; left: 0px; width: 467px; height: auto; float: left; } #content .spright { position: relative; top: 0px; left: 0px; width: 319px; height: auto; float: right; } /* SPIELERSEITEN - LINKE SPALTE - WALLPAPERS */ #content .spleft .boxwallpaper { position: relative; top: 0px; left: 0px; width: 467px; height: auto; line-height: 30px; float: left; background-image: url(/pics/_stadien/linke_spalte_hl.png); background-repeat: repeat-y; margin-top: 5px; } #content .spleft .boxwallpaper .text1 { position: relative; padding-left: 12px; width: 455px; height: auto; font: bold 17px Arial, Helvetica, sans-serif; float: left; line-height: 30px; color: #c80000; background: transparent; } #content .spleft .boxwallpaper .pic { position: relative; float:left; width: 155px; padding-left: 12px; padding-top: 5px; padding-bottom: 5px; height: auto; } #content .spleft .boxwallpaper .text2 { position: relative; float: left; width: 165px; padding-left: 8px; padding-top: 25px; padding-bottom: 5px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; } #content .spleft .boxwallpaper .text2 .textlink1 { position: relative; width: 30px; height: 30px; float: left; } #content .spleft .boxwallpaper .text2 .textlink2 { position: relative; width: 130px; height: 30px; font: normal 12px Arial, Helvetica, sans-serif; float: left; padding-top: 2px; } #content .spleft .boxwallpaper .text2 .textlink2 a:hover { color: black; text-decoration: none; } /* SPIELERSEITEN - LINKE SPALTE - BIOGRAPHIE */ #content .spleft .boxbio { position: relative; top: 0px; left: 0px; width: 467px; height: auto; float: left; } #content .spleft .boxbio .text1 { position: relative; padding-left: 12px; width: 440px; height: auto; font: bold 17px Arial, Helvetica, sans-serif; float: left; line-height: 30px; color: #c80000; background: transparent; } #content .spleft .boxbio .text2 { position: relative; padding-left: 12px; width: 440px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; float: left; line-height: 18px; } #content .spleft .boxbio .abstand { position: relative; width: 467px; height: 10px; float: left; } /* SPIELERSEITEN - RECHTE SPALTE - DIASHOW */ #content .spright .box360 { position: relative; top: 0px; left: 0px; width: 319px; height: auto; } #content .spright .box360 .oben { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_oben.png); background-repeat: no-repeat; } #content .spright .box360 .text3 { position: relative; top: 0px; left: 0px; width: 304px; padding-left: 15px; height: 16px; text-align: left; background: transparent url(/pics/_stadien/box_rechts_mitte.png) 0 0 repeat-y; font: bold 17px Arial, Helvetica, sans-serif; color: #c80000; } #content .spright .box360 .text1 { position: relative; top: 0px; left: 0px; width: 319px; height: auto; background-image: url(/pics/_stadien/box_rechts_mitte.png); background-repeat: repeat-y; padding-left: 6px; } #content .spright .box360 .unten { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_unten.png); background-repeat: no-repeat; float: left; margin-bottom: 8px; clear: both; } /* SPIELERSEITEN - RECHTE SPALTE - VEREINSNEWS */ #content .spright .boxverein { position: relative; top: 0px; left: 0px; width: 319px; height: auto; float: left; } #content .spright .boxverein .oben { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_oben.png); background-repeat: no-repeat; } #content .spright .boxverein .text1 { position: relative; top: 0px; left: 0px; padding-left: 15px; padding-top: 12px; width: 304px; height: auto; font: bold 12px Arial, Helvetica, sans-serif; float: left; line-height: 18px; background-image: url(/pics/_stadien/box_rechts_mitte.png); background-repeat: repeat-y; } #content .spright .boxverein .text2 { position: relative; top: 0px; left: 0px; padding-left: 15px; padding-bottom: 12px; width: 304px; font: normal 12px Arial, Helvetica, sans-serif; float: left; line-height: 18px; height: auto; background-image: url(/pics/_stadien/box_rechts_mitte.png); background-repeat: repeat-y; } #content .spright .boxverein .text2 .date { position: relative; top: 0px; left: 0px; width: 60px; font: normal 11px Arial, Helvetica, sans-serif; float: left; } #content .spright .boxverein .text2 .hour { position: relative; top: 0px; width: 40px; padding-left: 5px; font: normal 11px Arial, Helvetica, sans-serif; float: left; } #content .spright .boxverein .text2 .cat { position: relative; top: 0px; width: 150px; padding-left: 5px; font: normal 11px Arial, Helvetica, sans-serif; float: left; } #content .spright .boxverein .text3 { position: relative; top: 0px; left: 0px; width: 304px; padding-left: 15px; height: 16px; float: left; text-align: left; background: transparent url(/pics/_stadien/box_rechts_mitte.png) 0 0 repeat-y; font: bold 17px Arial, Helvetica, sans-serif; color: #c80000; } #content .spright .boxverein .unten { position: relative; width: 319px; height: 9px; background-image: url(/pics/_stadien/box_rechts_unten.png); background-repeat: no-repeat; margin-bottom: 8px; clear: both; } #content .spright .boxverein .abstand { position: relative; width: 319px; left: 0px; height: 3px; float: left; background-image: url(/pics/_stadien/box_rechts_mitte.png); background-repeat: repeat-y; } #content .spright .boxverein .abstandcolor { position: relative; width: 317px; left: 1px; height: 3px; float: left; overflow: hidden; background-color: #ECECEC; } /* SPIELERSEITEN - RECHTE SPALTE - SPIELER VIDEOS */ #content .spright .boxvideos { position: relative; width: 319px; height: auto; float: left; padding: 0; font: normal 10px Arial, Helvetica, sans-serif; color: black; padding-top: 3px; } #content .spright .boxvideos .box_head { position: relative; width: 311px; height: 25px; padding: 12px 8px 4px 0px; background: transparent url(/pics/_spieler/ligatv_top.jpg) 0 0 no-repeat; text-align: right; } #content .spright .boxvideos .box_foot { position: relative; width: 319px; height: 13px; background: transparent url(/pics/_spieler/ligatv_footer.jpg) 0 0 no-repeat; } #content .spright .boxvideos .box_head a.more_link { display: block; float: right; width: 93px; height: 16px; background: transparent url(/pics/_bundesligatv/btn_videos.gif) 0 0 no-repeat; text-decoration: none; } #content .spright .boxvideos .box_head a.more_link:hover { background-position: 0px -16px; } #content .spright .boxvideos .box_content { position: relative; width: 305px; margin: 0; padding: 0px 0 0 14px; background-image: url(/pics/_spieler/ligatv_mid.jpg); height: 66px; clear: both; overflow: hidden; } #content .spright .boxvideos .box_content .vimage { position: relative; float: left; width: 70px; height: 52px; margin-top: 5px; margin-bottom: 5px; border: 1px solid white; } #content .spright .boxvideos .box_content .vtext { position: relative; float: left; width: 204px; padding: 10px 10px 0px 10px; } #content .spright .boxvideos .box_content a.vthumb { display: block; position: relative; float: left; width: 94px; height: 71px; } #content .spright .boxvideos .box_content .vtext span { color: white; font: normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase; background: transparent; } #content .spright .boxvideos .box_content .vtext a { color: #d0dfe1; font: bold 12px Arial, Helvetica, sans-serif; } #content .spright .boxvideos .box_content .vtext a:hover { color: #ffffff; text-decoration: none; background: transparent; } #content .spright .boxvideos .vline { position: relative; float: left; width: 319px; background-image: url(/pics/_spieler/ligatv_trenner.jpg); height: 2px; } /* SPIELERSEITEN - TOP SCHATTEN UND FOOTER */ #content .splong { position: relative; top: 0px; left: 0px; width: 786px; height: 20px; float: left; background-image: url(/pics/_stadien/schatten.png); background-repeat: no-repeat; } #content .spunten { position: relative; top: 0px; left: 0px; width: 786px; height: 16px; text-align: right; float: left; margin-top: 10px; } /* SPIELERSEITEN - LIGHTBOX SPIELERBILD */ #lightbox { padding: 0px; } #lightboxDetails { position: relative; padding: 0px; float: left; overflow: visible; width: auto; } #lightboxDetails2 { position: absolute; padding-top: 0px; overflow: visible; font: bold 14px Arial, Helvetica, sans-serif; float: left; color: white; background: transparent; width: auto; } #lightboxCaption{ float: left; width: auto; } #keyboardMsg { float: right; width: auto; } #lightbox img { border: none; } #overlay img { border: none; } #overlay { background-image: url(/pics/overlay.png); } /* MEDIEN CENTER - HEADER, LOGIN, CONTENT */ #PChead { background-color: #ECECEC; width: 788px; height: 118px; } #PChead #PCheader { position: relative; top: 0px; left: 0px; width: 788px; height: 140px; overflow: hidden; } #PChead #PCheader_small { position: relative; top: 0px; left: 0px; width: 788px; height: 134px; overflow: hidden; } #PChead #PClogin { position: relative; top: 0px; left: 0px; padding-left: 12px; padding-bottom: 8px; margin-top: -16px; width: 774px; border-left: #6C6C6C solid 1px; border-right: #6C6C6C solid 1px; } #PChead #PClogin .spalte1 { width: 350px; height: 19px; padding-bottom: 4px; float: left; font: bold 10px Arial, Helvetica, sans-serif; } #PChead #PClogin .spalte1 span { font: bold 12px Arial, Helvetica, sans-serif; } #PChead #PClogin .spalte2 { width: 180px; height: 19px; margin: 0px 1px 0px 0px; padding: 0px; float: left; font: bold 10px Arial, Helvetica, sans-serif; } #PChead #PClogin .spalte1 .spalte1a { width: 160px; height: 19px; margin-top: -1px; padding: 0px; float: left; clear: left; } #PChead #PClogin .spalte1 .spalte1b { width: 216px; height: 19px; margin: 0px; padding: 0px; float: left; clear: left; } #PChead #PClogin .spalte1 .spalte2a { width: 94px; height: 19px; margin: 0px; padding: 0px; float: left; position: relative; left: 33px; } #PChead #PClogin .spalte1 .spalte2b { width: 180px; height: 19px; margin-top: -1px; padding: 0px; float: left; position: relative; left: 5px; } #PChead #PClogin .spalte1 .spalte2c { width: 120px; height: 19px; margin: 0px; padding: 0px; float: left; position: relative; left: 5px; } #PChead #PClogin .spalte3 { width: 60px; height: 18px; padding-bottom: 4px; float: left; overflow: hidden; font: bold 10px Arial, Helvetica, sans-serif; } #PChead #PClogin .spalte4 { width: 200px; margin-left: 45px; height: 18px; padding-bottom: 4px; float: left; overflow: hidden; font: bold 10px Arial, Helvetica, sans-serif; } #PChead #PClogin a { text-decoration: underline; color: #000000; font-size: 10px; } #PChead #PClogin input { width: 112px; height: 16px; margin: 0px; padding: 0px 0px 0px 2px; border: 1px solid black; background-color: #DAEAEA; } #content .artikelcontent2 { position: relative; width: 786px; background-color:#ECECEC; border-right:1px solid #6C6C6C; border-left:1px solid #6C6C6C; overflow: hidden; clear: both; } /* MEDIEN CENTER - LINKE UND RECHTE SPALTE */ .PCleft { position: relative; top: 0px; left: 0px; width: 460px; height: auto; float: left; } .PCright { position: relative; width: 319px; float: right; } /* MEDIEN CENTER - PRESSE MITTEILUNGEN BOX - LINKE BOXEN */ .PCleft .boxpresse_top { position: relative; top: 0px; left: 0px; width: 460px; height: auto; line-height: 30px; float: left; background-image: url(/pics/_stadien/linke_spalte_hl.png); background-repeat: repeat-y; margin-top: 12px; } .PCleft .boxpresse { position: relative; top: 0px; left: 0px; width: 460px; height: auto; line-height: 30px; float: left; background-image: url(/pics/_stadien/linke_spalte_hl.png); background-repeat: repeat-y; margin-top: 3px; } .PCleft .boxpresse .pic { position: relative; margin-left: -12px; float: left; width: 148px; padding-left: 12px; padding-top: 5px; padding-bottom: 5px; height: auto; } .PCleft .boxpresse_top .text1, .PCleft .boxpresse .text1 { position: relative; padding-left: 12px; width: 450px; height: auto; font: bold 17px Arial, Helvetica, sans-serif; float: left; line-height: 30px; color: #c80000; background: transparent; } .PCleft .boxpresse_top .text2 { position: relative; padding-left: 12px; width: 450px; padding-top: 8px; padding-bottom: 10px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; float: left; } .PCleft .boxpresse .text2 { position: relative; padding-left: 12px; width: 450px; padding-top: 8px; padding-bottom: 5px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; float: left; } .PCleft .boxpresse .text3 { position: relative; padding-left: 12px; width: 295px; padding-top: 2px; padding-bottom: 15px; height: auto; font: normal 12px Arial, Helvetica, sans-serif; float: left; line-height: 16px; } .PCleft .boxpresse .text1 a:hover, .PCleft .boxpresse .text3 a:hover { color: black; text-decoration: none; } .PCleft .boxpresse .text2 .textlink1 { position: relative; width: 25px; height: 30px; float: left; } .PCleft .boxpresse .text2 .textlink2 { position: relative; width: 125px; height: 30px; font: normal 12px Arial, Helvetica, sans-serif; float: left; padding-top: 2px; } .PCleft .boxpresse .text2 .textlink2 a:hover { color: black; text-decoration: none; } /* MEDIEN CENTER - RECHTE BOXEN */ .PCright .boxrechts { position: relative; width: 319px; float: left; margin-top: 12px; } .PCright .boxrechts .titel { position: relative; float: left; padding-left: 12px; width: 307px; height: 20px; font: bold 17px Arial, Helvetica, sans-serif; color: #c80000; background: transparent url(/pics/_stadien/box_rechts_mitte.png) 0 0 repeat-y; } .PCright .boxrechts .inhalt { position: relative; float: left; width: 319px; height: auto; background-image: url(/pics/_stadien/box_rechts_mitte.png); background-repeat: repeat-y; padding-top: 10px; } .PCright .boxrechts .inhalt .textmitbild { position: relative; float: left; padding-left: 12px; width: 150px; font: normal 11px Arial, Helvetica, sans-serif; padding-bottom: 30px; } .PCright .boxrechts .inhalt .textohnebild { position: relative; float: left; padding-left: 12px; width: 300px; font: normal 11px Arial, Helvetica, sans-serif; padding-bottom: 30px; } .PCright .boxrechts .inhalt .bild { position: relative; float: left; width: 148px; height: auto; margin-left: 1px; padding-bottom: 6px; } .PCright .boxrechts .inhalt .morelink { font: normal 10px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } .PCright .boxrechts .inhalt .down { position: absolute; bottom: 0px; left: 160px; } .PCright .boxrechts .inhalt .downb { position: absolute; bottom: 6px; left: 160px; } .PCright .boxrechts .inhalt .downa a { position: absolute; bottom: 8px; left: 190px; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #c80000; background: transparent; } .PCright .boxrechts .inhalt .morelink a:hover, .PCright .boxrechts .inhalt .downa a:hover { color: black; text-decoration: none; } .PCright .boxrechts .oben { position: relative; width: 319px; float: left; margin: 0px; padding: 0px; line-height: 1px; height: 9px; background-image: url(/pics/_stadien/box_rechts_oben.png); background-repeat: no-repeat; } .PCright .boxrechts .unten { position: relative; width: 319px; float: left; height: 9px; background-image: url(/pics/_stadien/box_rechts_unten.png); background-repeat: no-repeat; } *+html #loginlayer { position: relative; top: 0px; left: 0px; width: 628px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_login.png) 0px 0px no-repeat; padding-bottom: 12px; } #loginlayer { position: relative; top: 0px; left: 0px; width: 628px; height: 258px; overflow: hidden; background: transparent url(/pics/_2010/box/box_login.png) 0px 0px no-repeat; padding-bottom: 12px; } #loginlayer .head { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; } #loginlayer .head_long { position: relative; top: 0px; left: 0px; width: 628px; height: 16px; padding: 9px 0px 5px 10px; } #loginlayer .head_long .headline { position: relative; float: left; width: auto; height: 16px; padding-right: 20px; } #loginlayer .line1 { position: relative; float: left; width: 616px; height: 20px; padding-left: 10px; padding-top: 8px; font-size: 12px; font-weight: bold; } #loginlayer .line2 { margin-left: 1px; position: relative; float: left; width: 616px; height: 80px; padding-left: 10px; padding-top: 4px; font-size: 10px; font-weight: normal; background: url(/pics/gra_hg_verlauf_786.gif) top left repeat-y; } #loginlayer .line3 { margin-left: 1px; position: relative; float: left; width: 616px; height: 40px; padding-left: 10px; padding-top: 4px; font-size: 10px; font-weight: normal; background: url(/pics/gra_hg_verlauf_786.gif) top left repeat-y; } #loginlayer .line2 form.logs { margin: 0; padding: 0; padding-top: 10px; } #loginlayer .line2 form.logs .col0 { position: relative; float: left; width: 40px; height: 28px; font-weight: bold; line-height: 18px; padding-top: 2px; } #loginlayer .line2 form.logs .col1 { position: relative; float: left; width: 60px; height: 28px; font-weight: bold; line-height: 18px; padding-top: 2px; } #loginlayer .line2 form.logs .col2 { position: relative; float: left; width: 180px; height: 30px; } #loginlayer .line2 form.logs .col2 input { width: 160px; } #loginlayer .line2 form.logs .col3 { position: relative; float: right; width: 100px; height: 30px; padding-right: 10px; } #loginlayer .line3 .col4 { position: relative; float: left; width: 490px; height: 30px; padding-top: 10px; } #loginlayer .line3 .col3 { position: relative; float: right; width: 100px; height: 30px; padding-top: 5px; padding-right: 10px; } #loginlayer .line3 .col3 .button_ng { position: relative; float: left; height: 23px; margin: 0px; padding: 0px 7px 0px 0px; } #loginlayer .line3 form.logs .col3 .button_ng { position: relative; float: left; height: 23px; margin: 0px; margin-top: -2px; padding: 0px 7px 0px 0px; } #loginlayer .line3 .col3 .button_ng.red, #loginlayer .line3 form.logs .col3 .button_ng.red { background: url(/pics/_2010/buttons/buttons.png) 100% -46px no-repeat; } #loginlayer .line3 .col3 .button_ng.red a, #loginlayer .line3 form.logs .col3 .button_ng.red a { position: relative; float: left; padding: 5px 0px 0px 7px; height: 18px; background: url(/pics/_2010/buttons/buttons.png) no-repeat ; color: #ffffff; font-size: 10px; font-weight: bold; text-transform: uppercase; } #loginlayer .line3 .col3 .button_ng.red:hover, #loginlayer .line3 form.logs .col3 .button_ng.red:hover { background-position: 100% -69px; } #loginlayer .line3 .col3 .button_ng.red:hover a, #loginlayer .line3 form.logs .col3 .button_ng.red:hover a { background-position: 0px -23px; } /* MEDIEN CENTER - LOGIN LAYER */ *+html #PClayer { position: relative; margin-top: 35px; left: 30px; width: 700px; height: 300px; float: left; } #PClayer { position: relative; margin-top: 15px; left: 30px; width: 700px; height: 300px; float: left; } #PClayer .left { position: relative; width: 420px; height: 300px; float: left; padding-right: 20px; } #PClayer .left .row1 { width: 420px; height: 20px; font: bold 17px Arial, Helvetica, sans-serif; color: #c80000; margin-bottom: 20px; background: transparent; } #PClayer .left .row2 { width: 420px; height: 240px; font: normal 12px Arial, Helvetica, sans-serif; color: black; line-height: 18px; } #PClayer .left .row3 { width: 420px; height: 40px; text-align: center; } #PClayer .right { position: relative; width: 245px; height: 300px; float: left; } #PClayer .right .row1 { width: 240px; height: 50px; font: normal 12px Arial, Helvetica, sans-serif; color: black; line-height: 18px; margin-top: 40px; } #PClayer .right .row2 { width: 245px; height: 250px; } #PClayer .right .row2 .logs { width: 245px; height: 30px; background-image: url(/pics/_stadien/linke_spalte_hl.png); background-repeat: repeat-y; margin-bottom: 3px; } #PClayer .right .row2 .logs .col1 { position: relative; float: left; width: 60px; height: 16px; padding: 7px; font: bold 11px Arial, Helvetica, sans-serif; } #PClayer .right .row2 .logs .col2 { position: relative; float: left; width: 160px; height: 20px; padding: 5px; } #PClayer .right .row2 .col3 { position: relative; float: left; width: 215px; height: 20px; padding: 5px; text-align: right; } #PClayer .right .row2 .logs .col2 input { width: 135px; height: 16px; margin: 0px; padding: 0px 0px 0px 2px; border: 1px solid black; background-color: #DAEAEA; } /* MEDIEN CENTER - FOTO DOWNLOADS */ #content_vidaud { position: relative; width: 786px; border-right: 1px solid #6C6C6C; border-left: 1px solid #6C6C6C; overflow: hidden; clear: both; } #content_vidaud #vidaud { position: relative; width: 786px; } #content_vidaud #vidaud .tops { position: relative; width: 786px; float: left; background: transparent url(/pics/gra_hg_verlauf_786.gif) 0 0 repeat-y; } #content_vidaud #vidaud .tops .bild { position: relative; float: left; width: 160px; padding-bottom: 3px; padding-top: 3px; } #content_vidaud #vidaud .tops .datum { position: relative; float: left; width: 60px; padding-bottom: 3px; padding-top: 6px; font: normal 10px Arial, Helvetica, sans-serif; color: black; line-height: 14px; overflow: hidden;} #content_vidaud #vidaud .tops .text { position: relative; float: left; width: 554px; padding-left: 12px; padding-top: 5px; } #content_vidaud #vidaud .tops .text .big { position: relative; float: left; width: 460px; font: bold 17px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } #content_vidaud #vidaud .tops .text .small { position: relative; float: left; width: 460px; padding-bottom: 12px; font: normal 12px Arial, Helvetica, sans-serif; color: black; line-height: 18px; overflow: hidden; } #content_vidaud #vidaud .tops .buttons { position: absolute; left: 740px; top: 14px; width: 28px; height: 28px; background: transparent url(/pics/_pressecenter/icon_auf.gif) 0px 4px no-repeat; overflow: hidden; } #content_vidaud #vidaud .selected .tops .buttons { position: relative; float: left; width: 0px; height: 0px; padding-top: 6px; background: transparent url(/pics/historie/icon_zu.gif) 0px 4px no-repeat; overflow: hidden; } #content_vidaud #vidaud .inhalts { position: relative; float: left; width: 786px; background: transparent url(/pics/gra_hg_verlauf_786.gif) 0 0 repeat-y; display: none; } #content_vidaud #vidaud .inhalts .inhalt_line { position: relative; float: left; width: 786px; clear: both; overflow: hidden; } #content_vidaud #vidaud .inhalts .inhalt_line .pic { position: relative; float: left; width: 148px; padding-top: 3px; padding-bottom: 3px; text-align: center; } #content_vidaud #vidaud .inhalts .inhalt_line .texts { position: relative; float: left; width: 570px; padding-left: 24px; padding-top: 5px; font: normal 12px Arial, Helvetica, sans-serif; color: #000000; } #content_vidaud #vidaud .inhalts .inhalt_line .texts .down { position: relative; float: left; padding-top: 6px; padding-bottom: 10px; width: 30px; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #c80000; cursor: pointer; background: transparent; } #content_vidaud #vidaud .inhalts .inhalt_line .texts .downa { position: relative; float: left; padding-top: 8px; width: 70px; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #c80000; cursor: pointer; background: transparent; } #content_vidaud #vidaud .inhalts .inhalt_line .texts .downa:hover { color: black; text-decoration: none; } #content_vidaud #vidaud .inhalts .inhalt_line .texts .downb { position: relative; float: left; padding-top: 8px; width: 450px; font: normal 12px Arial, Helvetica, sans-serif; text-decoration: none; color: black; } #content_vidaud #vidaud .inhalts .inhalt_line .texts .downc { position: relative; float: left; padding-bottom: 4px; width: 450px; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #c80000; cursor: pointer; background: transparent; } #content_vidaud #vidaud .inhalts .inhalt_line .texts .downc:hover { color: black; text-decoration: none; } #content_vidaud #vidaud .inhalts .abstand, #content_vidaud #vidaud .abstand { position: relative; float: left; width: 786px; height: 3px; clear: both; overflow: hidden; background: #ECECEC; } /* MEDIEN CENTER - PRESSEKONTAKTE CLUBS */ .PresseCenter { position: relative; top: 0px; left: 0px; font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; color: #c80000; clear: both; overflow: hidden; float: left; width: auto; background: transparent; } .PresseCenter .lefter { position: relative; float: left; width: 393px; } .PresseCenter .righter { position: relative; float: left; width: 393px; } .PresseCenter .lefter .title, .PresseCenter .righter .title { position: relative; float: left; width: 381px; padding-left: 12px; padding-bottom: 12px; font: bold 17px Arial, Helvetica, sans-serif; text-decoration: none; color: #c80000; background: transparent; } .PresseCenter .lefter a, .PresseCenter .righter a { cursor: pointer; } .PresseCenter .lefter .verlauf, .PresseCenter .righter .verlauf { position: relative; float: left; width: 171px; padding: 6px 12px 6px 12px; height: 42px; background: transparent url(/pics/_pressecenter/hg_clubauswahl.jpg) repeat-y; } .PresseCenter .lefter .verlaufpic, .PresseCenter .righter .verlaufpic { position: relative; float: left; width: 42px; height: 42px; overflow: hidden; } .PresseCenter .lefter .verlauftext, .PresseCenter .righter .verlauftext { position: relative; float: left; width: 115px; padding-left: 8px; height: 37px; padding-top: 5px; overflow: hidden; text-transform: uppercase; font: bold 12px Arial, Helvetica, sans-serif; text-decoration: none; color: #c80000; background: transparent; } .PresseCenter .lefter .abstand_press, .PresseCenter .righter .abstand_press { width: 393px; height: 3px; clear: both; } /* MEDIEN CENTER - PARTNER BEREICH */ .downs { position: relative; float: left; width: 786px; height: auto; overflow: hidden; clear: both; } .downs .line0 { position: relative; float: left; width: 774px; padding-left: 12px; margin-top: 20px; padding-bottom: 8px; height: 26px; font: bold 17px Arial, Helvetica, sans-serif; color: #c80000; background: transparent; } .downs .line1 { position: relative; float: left; width: 786px; height: 26px; background-image: url(/pics/gra_hg_verlauf_786.gif); background-repeat: repeat-y; font: bold 12px Arial, Helvetica, sans-serif; } .downs .line1 .col1 { position: relative; float: left; width: 340px; padding: 5px 12px 5px 12px; } .downs .line1 .col1 .cell1 { position: relative; float: left; width: 150px; } .downs .line1 .col1 .cell2 { position: relative; float: left; width: 20px; } .downs .line1 .col1 .cell3 { position: relative; float: left; width: 170px; } .downs .line1 .col2 { position: relative; float: left; width: 153px; padding: 3px; } .downs .line1 .col2 .cell0 { position: relative; float: left; width: 28px; padding-top: 2px; } .downs .line1 .col2 .cell1 { position: relative; float: left; width: 28px; } .downs .line1 .col2 .cell2 { position: relative; float: left; width: 125px; padding-top: 2px; } .downs .line1 .col2 .cell2:hover { color: black; text-decoration: none; } .downs .line1 .col2 .cell2 a:hover { color: black; text-decoration: none; } .downs .line1 .col3 { position: relative; float: left; width: 128px; padding: 3px; } .downs .line1 .col3 .cell0 { position: relative; float: left; width: 28px; padding-top: 2px; } .downs .line1 .col3 .cell1 { position: relative; float: left; width: 28px; } .downs .line1 .col3 .cell2 { position: relative; float: left; width: 100px; padding-top: 2px; } .downs .line1 .col3 .cell2 a:hover { color: black; text-decoration: none; } .downs .line1 .col4 { position: relative; float: left; width: 118px; padding: 3px; } .downs .line1 .col4 .cell0 { position: relative; float: left; width: 28px; padding-top: 2px; } .downs .line1 .col4 .cell1 { position: relative; float: left; width: 28px; } .downs .line1 .col4 .cell2 { position: relative; float: left; width: 90px; padding-top: 2px; } .downs .line1 .col4 .cell2:hover { color: black; text-decoration: none; } .downs .line1 .col5 { position: relative; float: left; width: 270px; padding: 3px; } .downs .line1 .col5 .cell1 { position: relative; float: left; width: 28px; padding-left: 8px; overflow: visible; } .downs .line1 .col5 .cell2 { position: relative; float: left; width: 65px; padding-top: 2px; } .downs .line1 .col5 .cell2:hover { color: black; text-decoration: none; } .downs .line1 .col5 .cell3 { position: relative; float: left; width: 155px; padding-top: 2px; color: black; } .downs .line1 .col6 { position: relative; float: left; width: 370px; padding: 5px; } .downs .line1 .col6 .cell1 { position: relative; float: left; width: 350px; padding-left: 8px; } .downs .line1 .col7 { position: relative; float: left; width: 120px; padding: 3px; padding-left: 12px; } .downs .line1 .col7 .cell0 { position: relative; float: left; width: 28px; padding-top: 2px; } .downs .line1 .col7 .cell1 { position: relative; float: left; width: 28px; } .downs .line1 .col7 .cell2_0 { position: relative; float: left; width: 120px; padding-top: 2px; } .downs .line1 .col7 .cell2 { position: relative; float: left; width: 90px; padding-top: 2px; } .downs .line1 .col7 .cell2:hover { color: black; text-decoration: none; } .downs .line1 .col8 { position: relative; float: left; width: 160px; padding: 3px; } .downs .line1 .col8 .cell0 { position: relative; float: left; width: 28px; padding-top: 2px; } .downs .line1 .col8 .cell1 { position: relative; float: left; width: 28px; } .downs .line1 .col8 .cell2_0 { position: relative; float: left; width: 120px; padding-top: 2px; } .downs .line1 .col8 .cell2 { position: relative; float: left; width: 80px; padding-top: 2px; } .downs .line1 .col8 .cell2:hover { color: black; text-decoration: none; } .downs .line1 .col9 { position: relative; float: left; width: 160px; padding: 3px; } .downs .line1 .col9 .cell0 { position: relative; float: left; width: 28px; padding-top: 2px; } .downs .line1 .col9 .cell1 { position: relative; float: left; width: 28px; } .downs .line1 .col9 .cell2_0 { position: relative; float: left; width: 140px; padding-top: 2px; } .downs .line1 .col9 .cell2 { position: relative; float: left; width: 80px; padding-top: 2px; } .downs .line1 .col9 .cell2:hover { color: black; text-decoration: none; } .downs .line1 .col10 { position: relative; float: left; width: 140px; padding: 3px; } .downs .line1 .col10 .cell0 { position: relative; float: left; width: 28px; padding-top: 2px; } .downs .line1 .col10 .cell1 { position: relative; float: left; width: 28px; } .downs .line1 .col10 .cell2_0 { position: relative; float: left; width: 100px; padding-top: 2px; } .downs .line1 .col10 .cell2 { position: relative; float: left; width: 80px; padding-top: 2px; } .downs .line1 .col10 .cell2:hover { color: black; text-decoration: none; } .downs .line1 a { cursor: pointer; } .downs .downone { position: relative; float: left; width: 786px; height: 3px; line-height: 3px; } .downs .down20 { position: relative; float: left; width: 786px; height: 20px; line-height: 20px; } /* JAHRESKALENDER */ #JKalender #JKalenderHead { position: relative; top: 0px; left: 0px; width: 788px; height: 114px; overflow: hidden; } .Jahreskalender h2 { background: url(/pics/_jahreskalender/calendar_shadow.png) no-repeat; font-size: 17px; font-weight: bold; text-transform: none; margin: 0px; float: left; width: 100%; padding: 40px 50px 25px 10px; color: #c80000; background: transparent; } .Jahreskalender p { font-size: 12px; margin: 0px; padding: 0px 50px 10px 10px; line-height: 18px; } .Jahreskalender p.short { font-weight: bold; } /* ARTIKEL SEITEN - MEHRWERT BOX - KLEIN */ #mehrwert { position: relative; float: left; width: 345px; overflow: hidden; display: block; } #mehrwert .row1 { position: relative; width: 345px; height: 30px; overflow: hidden; background: transparent url(/pics/_2010/news/news_video_balken_short.png) 10px 0px no-repeat; } #mehrwert .row2 { position: relative; width: 345px; height: 66px; overflow: hidden; background: transparent url(/pics/_2010/news/news_av_box_body_short.png) 10px 0px no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color: white; } #mehrwert .row2 .pic { position: relative; float: left; width: 70px; height: 52px; margin-left: 20px; margin-top: 6px; overflow: hidden; border: 1px solid white; } #mehrwert .row2 .text { position: relative; float: left; width: 230px; height: 40px; padding-left: 8px; padding-top: 20px; overflow: hidden; } #mehrwert .row2 .text a { color: #c80000; font: bold 12px Arial, Helvetica, sans-serif; } #mehrwert .row2 .text a:hover { color: black; text-decoration: none; background: transparent; } #mehrwert .row3 { position: relative; width: 345px; height: 30px; overflow: hidden; background: transparent url(/pics/_2010/news/news_audio_balken_short.png) 10px 0px no-repeat; } #mehrwert .row3_rund { position: relative; width: 345px; height: 30px; overflow: hidden; background: transparent url(/pics/_2010/news/news_audio_balken_short_round.png) 10px 0px no-repeat; } #mehrwert .row4 { position: relative; width: 345px; height: 35px; overflow: hidden; background: transparent url(/pics/_2010/news/news_av_box_body_player_short.png) 10px 0px no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color: white; } #mehrwert .row4 .audio { position: relative; float: left; width: 185px; height: 30px; margin-left: 20px; margin-top: 6px; overflow: hidden; } #mehrwert .row4 .text { position: relative; float: left; width: 115px; height: 26px; padding-left: 8px; padding-top: 11px; overflow: hidden; color: black; } #mehrwert .row5 { position: relative; width: 345px; height: 8px; overflow: hidden; background: transparent url(/pics/_2010/news/news_av_box_bottom_short.png) 10px 0px no-repeat; } #mehrwert .newline { position: relative; height:2px; width: 345px; background: transparent url(/pics/_mehrwert/hoch/artikel_tv_audio_mid.jpg) 10px 0px no-repeat; overflow: hidden; } #mehrwert_ng { position: relative; float: left; width: 300px; overflow: hidden; display: block; } #mehrwert_ng .row1 { position: relative; width: 300px; height: 30px; overflow: hidden; background: transparent url(/pics/_2010/box/box_300_header.png) 0px 0px no-repeat; } #mehrwert_ng .row1 .head { padding: 7px 0 0 12px; color: white; font-weight: bold; font-size: 15px; text-transform: uppercase; } #mehrwert_ng .row2 { position: relative; width: 300px; height: 90px; padding-top: 4px; overflow: hidden; background: transparent url(/pics/_2010/artikel/av_box_top_verlauf.jpg) 0px 0px no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color: black; } #mehrwert_ng .row2 .pic { position: relative; float: left; width: 94px; height: 71px; padding-left: 12px; margin-left: 10px; margin-top: 6px; overflow: hidden; } #mehrwert_ng .row2 .pic .icon { position: absolute; left: 0; top: 20px; width: 32px; height: 32px; background: transparent url(/pics/_2010/icons/icon_video_pfeil.png) top left no-repeat; cursor: pointer; } #mehrwert_ng .row2 .text { position: relative; float: left; width: 175px; height: 40px; padding-left: 8px; padding-top: 20px; overflow: hidden; } #mehrwert_ng .row2 .text a { color: #c80000; font: bold 12px Arial, Helvetica, sans-serif; } #mehrwert_ng .row2 .text a:hover { color: black; text-decoration: none; background: transparent; } #mehrwert_ng .row3 { position: relative; width: 300px; height: 20px; overflow: hidden; background: transparent url(/pics/_2010/artikel/av_box_mid_shadow.jpg) 0px 0px no-repeat; } #mehrwert_ng .row4 { position: relative; width: 300px; height: 42px; overflow: visible; background: transparent url(/pics/_2010/artikel/av_box_bottom_verlauf.jpg) 0px 0px no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color: white; } #mehrwert_ng .row4 .icon { position: relative; float: left; margin-left: 12px; width: 40px; height: 42px; background: transparent url(/pics/_2010/icons/icon_audio.png) top left no-repeat; } #mehrwert_ng .row4 .audio { position: relative; float: left; width: 230px; height: 30px; margin-left: 10px; margin-top: 6px; overflow: visible; } #mehrwert_ng .row4 .audio span.text { position: relative; float: left; width: 230px; height: 16px; margin-top: -8px; overflow: visible; color: #c80000; } #mehrwert_ng .row5 { position: relative; width: 300px; height: 10px; overflow: hidden; background: transparent url(/pics/_2010/artikel/av_box_bottom.png) 0px 0px no-repeat; } #mehrwert_ng .row6 { position: relative; width: 300px; height: 10px; overflow: hidden; background: transparent url(/pics/_2010/artikel/av_box_bottom_2.png) 0px 0px no-repeat; } #mehrwert_ng .newline { position: relative; height:2px; width: 300px; background: transparent url(/pics/_mehrwert/hoch/artikel_tv_audio_mid.jpg) 0px 0px no-repeat; overflow: hidden; } /* ARTIKEL SEITEN - MEHRWERT BOX - BIG */ #mehrwert_quer { position: relative; float: left; width: 468px; overflow: hidden; display: block; } #mehrwert_quer .row1 { position: relative; width: 468px; height: 30px; overflow: hidden; background: transparent url(/pics/_2010/news/news_video_balken.png) 10px 0px no-repeat; } #mehrwert_quer .row2 { position: relative; width: 468px; height: 66px; overflow: hidden; background: transparent url(/pics/_2010/news/news_av_box_body.png) 10px 0px no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color: white; } #mehrwert_quer .row2 .pic { position: relative; float: left; width: 70px; height: 52px; margin-left: 20px; margin-top: 6px; overflow: hidden; border: 1px solid white; } #mehrwert_quer .row2 .text { position: relative; float: left; width: 340px; height: 40px; padding-left: 8px; padding-top: 20px; overflow: hidden; } #mehrwert_quer .row2 .text a { color: #c80000; font: bold 12px Arial, Helvetica, sans-serif; } #mehrwert_quer .row2 .text a:hover { color: black; text-decoration: none; background: transparent; } #mehrwert_quer .row3 { position: relative; width: 468px; height: 30px; overflow: hidden; background: transparent url(/pics/_2010/news/news_audio_balken.png) 10px 0px no-repeat; } #mehrwert_quer .row3_rund { position: relative; width: 468px; height: 30px; overflow: hidden; background: transparent url(/pics/_2010/news/news_audio_balken_round.png) 10px 0px no-repeat; } #mehrwert_quer .row4 { position: relative; width: 468px; height: 35px; overflow: hidden; background: transparent url(/pics/_2010/news/news_av_box_body_player.png) 10px 0px no-repeat; font: bold 11px Arial, Helvetica, sans-serif; color: white; } #mehrwert_quer .row4 .audio { position: relative; float: left; width: 190px; height: 30px; margin-left: 20px; margin-top: 6px; overflow: hidden; } #mehrwert_quer .row4 .text { position: relative; float: left; width: 210px; height: 26px; padding-left: 8px; padding-top: 11px; overflow: hidden; color: black; } #mehrwert_quer .row5 { position: relative; width: 468px; height: 23px; overflow: hidden; background: transparent url(/pics/_2010/news/news_av_box_bottom.png) 10px 0px no-repeat; } #mehrwert_quer .newline { position: relative; width: 468px; height:2px; background: transparent url(/pics/_mehrwert/quer/artikel_tv_audio_mid.jpg) 10px 0px no-repeat; overflow: hidden; } /* ARTIKEL SEITEN - MEHRWERT BOX - ZUFALLSBANNER */ #mehrwert_banner_box { position: relative; margin-top: 8px; clear: both; padding: 10px 8px; } #mehrwert_banner_box .mehrwert_banner { position: relative; margin:0; padding: 0; } #mehrwert_banner_box_ng { position: relative; float: left; margin-top: 12px; clear: both; width: 300px; } #mehrwert_banner_box_ng .mehrwert_banner { position: relative; width: 300px; margin:0; padding: 0; } /* ARTIKELSEITEN - VORSCHAU - TEAM AUFSTELLUNGEN */ .box_aufstellung { position: relative; float: left; width: 786px; height: 712px; left: -12px; padding: 0px; margin-bottom: 6px; clear: both; } .box_aufstellung .top { position: relative; float: left; width: 786px; height: 10px; padding: 0px; background: transparent url(/pics/_aufstellung/schatten_oben.jpg) 0 0 no-repeat; } .box_aufstellung .body { position: relative; float: left; width: 786px; height: 692px; } .box_aufstellung .body .header { position: relative; float: left; width: 774px; height: 25px; padding-left: 12px; padding-top: 12px; font-size: 17px; font-weight: bold; color: #C80000; background: transparent; } .box_aufstellung .body .flash { position: relative; float: left; padding-left: 140px; padding-top: 12px; padding-bottom: 18px; width: 460px; height: 640px; text-align: center; } .box_aufstellung .body .flash_ng { position: relative; float: left; padding-left: 165px; padding-top: 12px; padding-bottom: 18px; width: 460px; height: 640px; text-align: center; } .box_aufstellung .bottom { position: relative; float: left; width: 786px; height: 10px; padding: 0px; background: transparent url(/pics/_aufstellung/schatten_unten.jpg) 0 0 no-repeat; } /* ARTIKEL SEITEN - VORSCHAU - DIREKTVERGLEICH */ #mehrwert_matchcompare_box { position: relative; margin-top: 16px; float: left; height: 456px; width: 345px; background: transparent url(/pics/_mehrwert/hoch/back_direktvergleich.jpg) 0 0 no-repeat; clear: both; overflow: hidden; display: block; } #mehrwert_matchcompare_box .header { color: #ffffff; font-size: 15px; font-weight: bold; padding: 7px 0 0 12px; background: transparent; text-transform: uppercase; } #mehrwert_matchcompare_box .logos { position: absolute; z-index: 1; top: 33px; left: 8px; width: 320px; height: 79px; } #mehrwert_matchcompare_box .logos .logo1 { position: absolute; top: 0; left: 30px; width: 79px; height: 79px; } #mehrwert_matchcompare_box .logos .logo2 { position: absolute; top: 0; right: 30px; width: 79px; height: 79px; } #mehrwert_matchcompare_box .flash { position: absolute; z-index: 2; top: 105px; left: 8px; width: 320px; height: 340px; } #mehrwert_matchcompare_box_quer { position: relative; margin-top: 16px; float: left; height: 456px; width: 468px; background: transparent url(/pics/_mehrwert/quer/back_direktvergleich.jpg) 0 0 no-repeat; clear: both; overflow: hidden; display: block; } #mehrwert_matchcompare_box_quer .header { color: #ffffff; font-size: 11px; font-weight: bold; padding: 4px 0 0 12px; background: transparent; } #mehrwert_matchcompare_box_quer .logos { position: absolute; z-index: 1; top: 33px; left: 69px; width: 320px; height: 79px; } #mehrwert_matchcompare_box_quer .logos .logo1 { position: absolute; top: 0; left: 30px; width: 79px; height: 79px; } #mehrwert_matchcompare_box_quer .logos .logo2 { position: absolute; top: 0; right: 30px; width: 79px; height: 79px; } #mehrwert_matchcompare_box_quer .flash { position: absolute; z-index: 2; top: 105px; left: 69px; width: 320px; height: 340px; } #area_fliesstext .redtogreen { color: #c80000; background: transparent; } #area_fliesstext .redtogreen:hover { color: black; text-decoration: none; } #mehrwert_matchcompare_box_ng { position: relative; margin-top: 12px; float: left; height: 448px; width: 300px; background: transparent url(/pics/_mehrwert/hoch/back_direktvergleich_ng.jpg) 0 0 no-repeat; clear: both; overflow: hidden; display: block; } #mehrwert_matchcompare_box_ng .header { color: #ffffff; font-size: 15px; font-weight: bold; padding: 7px 0 0 12px; background: transparent; text-transform: uppercase; } #mehrwert_matchcompare_box_ng .logos { position: absolute; z-index: 1; top: 33px; left: 8px; width: 300px; height: 79px; } #mehrwert_matchcompare_box_ng .logos .logo1 { position: absolute; top: 0; left: 20px; width: 79px; height: 79px; } #mehrwert_matchcompare_box_ng .logos .logo2 { position: absolute; top: 0; right: 30px; width: 79px; height: 79px; } #mehrwert_matchcompare_box_ng .flash { position: absolute; z-index: 2; top: 115px; left: 0px; width: 300px; height: 319px; } /* IST NOCH NICHT IN VERWENDUNG - VIDEO BOX - FUSSBALLER DES MONATS */ /* .box_video_fbdm { position: relative; z-index: 20; width: 786px; margin: 2px 0 0 0; } .box_video_fbdm .top { position: relative; width: 786px; height: 10px; padding: 0px; background: transparent url(/pics/fbdm/schatten_oben.jpg) 0 0 no-repeat; } .box_video_fbdm .body { position: relative; width: 764px; padding-left: 12px; padding-right: 12px; height: 212px; } .box_video_fbdm .flash { position: relative; float: left; width: 376px; overflow: hidden; height: 212px; } .box_video_fbdm .text { position: relative; float: left; width: 352px; height: 160px; padding: 8px 12px 8px 12px; overflow: hidden; font: normal 12px Arial, Helvetica, sans-serif; line-height: 16px; } .box_video_fbdm .bottom { position: relative; width: 786px; height: 10px; padding: 0px; background: transparent url(/pics/fbdm/schatten_unten.jpg) 0 0 no-repeat; } .box_video_fbdm .voting { position: relative; height: 12px; padding: 8px 12px 10px 12px; } .box_video_fbdm .voting .voting_label { float: left; width: 110px; } .box_video_fbdm .voting .voting_bar { float: left; width: 169px; height: 12px; margin-top: 1px; background: transparent url(/pics/_box_2spaltig_video/ergebnisbalken.gif) 0 0 no-repeat; } .box_video_fbdm .voting .voting_bar .voting_fill { height: 11px; background: transparent url(/pics/livebox/prozentbalken_1px.gif) 0 0 repeat-x; } .box_video_fbdm .voting .voting_position { float: left; width: 60px; padding-left: 6px; } .box_video_fbdm .voting .button { float: right; margin-top: -3px; width: auto; } */ /* IST NOCH NICHT IN VERWENDUNG - PREISE BOX - FUSSBALLER DES MONATS */ /* .box_preise_fbdm { position: relative; float: left; width: 786px; height: 307px; margin: 0px; padding: 0px; } .box_preise_fbdm .top { position: relative; float: left; width: 786px; height: 10px; padding: 0px; background: transparent url(/pics/fbdm/schatten_oben.jpg) 0 0 no-repeat; } .box_preise_fbdm .body { position: relative; float: left; width: 294px; padding-left: 12px; height: 287px; } .box_preise_fbdm .body .title { position: relative; float: left; width: 294px; font: bold 17px Arial, Helvetica, sans-serif; line-height: 18px; color: #c80000; margin-bottom: 18px; margin-top: 12px; background: transparent; } .box_preise_fbdm .body .text { position: relative; float: left; width: 294px; font: normal 12px Arial, Helvetica, sans-serif; line-height: 16px; } .box_preise_fbdm .pic { position: relative; float: left; width: 468px; height: 287px; } .box_preise_fbdm .bottom { position: relative; float: left; width: 786px; height: 10px; padding: 0px; background: transparent url(/pics/fbdm/schatten_unten.jpg) 0 0 no-repeat; } */