body {overflow:auto;background: url(../images/background_main.jpg) center top #000000 no-repeat; margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #e0e0e0;} #page {width:990px; margin:0px auto 0px auto; padding:0px; position: relative; overflow:auto; } #col_left {width:240px; margin:0px; padding:70px 0px 0px 0px; float:left;} #col_left ul { margin:0px; padding:0px; font-size:18px; list-style-type:none; font-weight:bold; line-height:130%; color:Black;font-style: normal; } #col_left ul li {margin:18px 0px 0px 0px; padding:0px; text-transform: uppercase;} #col_left ul li a {color:#FFFFFF; text-decoration:none; background-color:#000000; padding:3px 10px 3px 17px; margin:0px 0px 0px 0px; display:inline-block;} #col_left ul li.li13 {margin:18px 0px 0px 0px; padding:0px; text-transform: uppercase;} #col_left ul li.li13 a {font-size:13px;color:#FFFFFF; text-decoration:none; background-color:#000000; padding:3px 10px 3px 17px; margin:0px 0px 0px 0px; display:inline-block;} #col_left ul li a:hover {background-color:#FF3300;} #col_left ul li a.active {background-color:#FF3300; color:#000000} #col_left ul li ul {margin:0px; font-size:13px;} #col_left ul li ul li a {margin:0px 0px 0px 0px; padding:3px 10px 3px 44px;} #col_left ul li ul li {margin:13px 0px 0px 0px; font-size:13px;} #col_left ul li ul li ul li a{margin:0px 0px 0px 0px; padding:3px 10px 3px 66px;} h1, h2, h3, h4, h5 { font-family: Arial, Tahoma; line-height:120%;} h1 { font-size: 23px; text-transform: uppercase; margin:9px 0px 10px 0px;} h2 { font-size: 18px; color: #D64DA9; text-transform: uppercase; padding: 4px 0px 0px 0px} /*h3 { font-size: 15px; color: #E0E0E0; margin: 0px 0px 30px 0px;}*/ h3 { color: #E0E0E0; margin-bottom: 10px; height: 31px; width:684px; display: block; background: url('../images/rundenname.gif') 0px 0px no-repeat; padding: 13px 0px 0px 125px; font-size: 18px; font-weight: bold; } h3.pf1 { background: url('../images/h3_platforms.gif') 0px 0px no-repeat;} h3.pf2 { background: url('../images/h3_platforms.gif') 0px -45px no-repeat;} h3.pf3 { background: url('../images/h3_platforms.gif') 0px -90px no-repeat;} h3.hof1 { background: url('../images/h3_hof.gif') 0px 0px no-repeat; margin: 0px; margin-top: 2px;margin-bottom: 4px;} h3.hof2 { background: url('../images/h3_hof.gif') 0px -45px no-repeat; margin: 0px; margin-top: 2px;margin-bottom: 4px;} h3.pf1k { background: url('../images/h3_platforms_kurz.gif') 0px 0px no-repeat;} h3.pf2k { background: url('../images/h3_platforms_kurz.gif') 0px -45px no-repeat;} h3.pf3k { background: url('../images/h3_platforms_kurz.gif') 0px -90px no-repeat;} h3.blanc { background: url('../images/table_background_lang.gif') 0px 0px no-repeat;} h3.calendar { background: url('../images/h3_calendar.gif') 0px 0px no-repeat;} h3.or_o { background: url('../images/h3_openraces.gif') 0px 0px no-repeat;} h3.or_u { background: url('../images/h3_openraces.gif') 0px -45px no-repeat;} h4 { font-size: 17px; color: #E0E0E0; margin: 0px; padding: 0px;} .ampel_rot { background: url('../images/bg_ampeln.gif') 0px 0px no-repeat; width:386px; height:32px; padding: 13px 0px 0px 125px; float:left;margin-bottom: 5px;} .ampel_gelb { background: url('../images/bg_ampeln.gif') 0px -45px no-repeat; width:386px; height:42px; padding: 3px 0px 0px 125px; float:left;margin-bottom: 5px} .ampel_gruen { background: url('../images/bg_ampeln.gif') 0px -90px no-repeat; width:386px; height:42px; padding: 3px 0px 0px 125px; float:left;margin-bottom: 5px} .ampel_rot_big { background: url('../images/bg_ampeln_gross.gif') 0px 0px no-repeat; width:386px; height:90px; padding: 0px 0px 0px 125px; float:left;margin-bottom: 5px} .ampel_gelb_big { background: url('../images/bg_ampeln_gross.gif') 0px -90px no-repeat; width:386px; height:90px; padding: 0px 0px 0px 125px; float:left;margin-bottom: 5px} .ampel_gruen_big { background: url('../images/bg_ampeln_gross.gif') 0px -180px no-repeat; width:386px; height:90px; padding: 0px 0px 0px 125px; float:left;margin-bottom: 5px} .ampel_rot_ng { background: url('../images/bg_ampeln_mitrundung.gif') 0px 0px no-repeat; width:405px; height:45px; padding: 0px 0px 0px 125px; float:left;} .ampel_gelb_ng { background: url('../images/bg_ampeln_mitrundung.gif') 0px -45px no-repeat; width:405px; height:45px; padding: 0px 0px 0px 125px; float:left;} .ampel_gruen_ng { background: url('../images/bg_ampeln_mitrundung.gif') 0px -90px no-repeat; width:405px; height:45px; padding: 0px 0px 0px 125px; float:left;} .platform1 { background: url('../images/bg_platforms.gif') 0px 0px no-repeat; width:386px; height:32px; padding: 13px 0px 0px 125px; float:left;} .platform2 { background: url('../images/bg_platforms.gif') 0px -45px no-repeat; width:386px; height:32px; padding: 13px 0px 0px 125px; float:left;} .platform3 { background: url('../images/bg_platforms.gif') 0px -90px no-repeat; width:386px; height:32px; padding: 13px 0px 0px 125px; float:left;} .platformprofil1 { background: url('../images/bg_platforms.gif') 0px 0px no-repeat; width:376px; height:42px; padding: 3px 0px 0px 135px; float:left;} .platformprofil2 { background: url('../images/bg_platforms.gif') 0px -45px no-repeat; width:376px; height:42px; padding: 3px 0px 0px 135px; float:left;} .platformprofil3 { background: url('../images/bg_platforms.gif') 0px -90px no-repeat; width:376px; height:42px; padding: 3px 0px 0px 135px; float:left;} .W1platformprofil1 { background: url('../images/profile_pokale.gif') 0px 0px no-repeat; width:376px; height:42px; padding: 3px 0px 0px 135px; float:left;} .W1platformprofil2 { background: url('../images/profile_pokale.gif') 0px -45px no-repeat; width:376px; height:42px; padding: 3px 0px 0px 135px; float:left;} .W1platformprofil3 { background: url('../images/profile_pokale.gif') 0px -90px no-repeat; width:376px; height:42px; padding: 3px 0px 0px 135px; float:left;} .W2platformprofil1 { background: url('../images/profile_pokale.gif') 0px -135px no-repeat; width:376px; height:42px; padding: 3px 0px 0px 135px; float:left;} .W2platformprofil2 { background: url('../images/profile_pokale.gif') 0px -170px no-repeat; width:376px; height:42px; padding: 3px 0px 0px 135px; float:left;} .W2platformprofil3 { background: url('../images/profile_pokale.gif') 0px -205px no-repeat; width:376px; height:42px; padding: 3px 0px 0px 135px; float:left;} .platformhof1 { background: url('../images/bg_platforms.gif') 0px 0px no-repeat; width:386px; height:32px; padding: 13px 0px 0px 125px; float:left;} .platformhof2 {background: url('../images/bg_platforms.gif') 0px -45px no-repeat; width:386px; height:32px; padding: 13px 0px 0px 125px; float:left;} .platformhof3 { background: url('../images/bg_platforms.gif') 0px -90px no-repeat; width:386px; height:32px; padding: 13px 0px 0px 125px; float:left;} .racetype_c { background: url('../images/bg_racetype_small.gif') 0px 0px no-repeat; width:511px; height:45px;} .racetype_l { background: url('../images/bg_racetype_small.gif') 0px -45px no-repeat; width:511px; height:45px;} .racetype_p { background: url('../images/bg_racetype_small.gif') 0px -90px no-repeat; width:511px; height:45px;} .icq { background: url('../images/icons_messenger25.gif') 0px 0px no-repeat; width:33%; height:25px; padding-left: 40px;} .msn { background: url('../images/icons_messenger25.gif') 0px -25px no-repeat; width:33%; height:25px; padding-left: 40px;} .aim { background: url('../images/icons_messenger25.gif') 0px -50px no-repeat; width:33%; height:25px; padding-left: 40px;} p { padding: 0px 0px 0px 0px} p.blocksatz {text-align:justify;} a {text-decoration: none;} a:link, a:visited, a:hover, a:active { color: #e0e0e0; } a.track:link, a.track:visited, a.track:hover, a.track:active {color: #e0e0e0;font-weight:bold;} a.bold:link, a.bold:visited, a.bold:hover, a.bold:active {color: #D64DA9; font-weight:bold;} a.rundenname { margin-bottom: 10px; height: 31px; width:684px; display: block; background: url('../images/rundenname_lang.gif') 0px -45px no-repeat; padding: 13px 0px 0px 55px; font-size: 18px; font-weight: bold; color: #3EFF11;} a.auf { background: url('../images/rundenname_lang.gif') 0px -90px no-repeat;} a.closed { background: url('../images/rundenname_lang.gif') 0px 0px no-repeat;} span.rundenname { margin-bottom: 10px; height: 31px; width:684px; display: block; background: url('../images/rundenname_lang.gif') 0px -45px no-repeat; padding: 13px 0px 0px 55px; font-size: 18px; font-weight: bold; color: #3EFF11;} span.auf { background: url('../images/rundenname_lang.gif') 0px -90px no-repeat;} span.closed { background: url('../images/rundenname_lang.gif') 0px 0px no-repeat;} a.cups_anmeldung_full {display: block;background: url('../images/fordern_off.gif') 0px 0px no-repeat; width:168px; height:45px;} a.cups_anmeldung {display: block;background: url('../images/zur_anmeldung.gif') 0px 0px no-repeat; width:168px; height:45px;} a.cups_anmeldung:hover {display: block;background: url('../images/zur_anmeldung.gif') 0px -45px no-repeat; width:168px; height:45px;} a.cups_aktuell {display: block;background: url('../images/zum_spielplan.gif') 0px 0px no-repeat; width:168px; height:45px;} a.cups_aktuell:hover {display: block;background: url('../images/zum_spielplan.gif') 0px -45px no-repeat; width:168px; height:45px;} a.table_aktuell {display: block;background: url('../images/zur_tabelle.gif') 0px 0px no-repeat; width:168px; height:45px;} a.table_aktuell:hover {display: block;background: url('../images/zur_tabelle.gif') 0px -45px no-repeat; width:168px; height:45px;} a.zur_ladder {display: block;background: url('../images/zur_ladder.gif') 0px 0px no-repeat; width:168px; height:45px;} a.zur_ladder:hover {display: block;background: url('../images/zur_ladder.gif') 0px -45px no-repeat; width:168px; height:45px;} a.challenge { height: 45px; width:168px; display: block; background: url('../images/fordern.gif') no-repeat;} a.challenge:hover { background: url('../images/fordern.gif') 0px -45px no-repeat;} div.challenge_off { height: 45px; width:168px; display: block; background: url('../images/fordern_off.gif') no-repeat;} div.ende { height: 45px; width:38px; display: block; background: url('../images/fordern_off.gif') no-repeat;} a.onlyInstant{ height: 45px; width:195px; display: block; background: url('../images/instantmodusfilter.gif') no-repeat; } a.allPlayer {height: 45px; width:195px; display: block; background: url('../images/instantmodusfilter.gif') 0px -45px no-repeat; } a.gameinfo { height: 45px; width:31px; display: block; background: url('../images/button_gameinfo.gif') no-repeat;} a.gameinfo:hover { height: 45px; width:31px; display: block; background: url('../images/button_gameinfo.gif') 0px -45px no-repeat;} a.ORI1 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-instant.gif') 0px 0px no-repeat; } a.ORI2 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-instant.gif') 0px -35px no-repeat; } a.ORI3 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-instant.gif') 0px -70px no-repeat; } a.ORI4 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-instant.gif') 0px -105px no-repeat; } a.ORI5 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-instant.gif') 0px -140px no-repeat; } a.ORI6 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-instant.gif') 0px -175px no-repeat; } a.ORI7 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-instant.gif') 0px -210px no-repeat; } a.ORS1 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-scheduled.gif') 0px 0px no-repeat; } a.ORS2 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-scheduled.gif') 0px -35px no-repeat; } a.ORS3 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-scheduled.gif') 0px -70px no-repeat; } a.ORS4 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-scheduled.gif') 0px -105px no-repeat; } a.ORS5 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-scheduled.gif') 0px -140px no-repeat; } a.ORS6 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-scheduled.gif') 0px -175px no-repeat; } a.ORS7 {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/playeractions-scheduled.gif') 0px -210px no-repeat; } a.REFUSE_NO {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_refuse.gif') 0px 0px no-repeat; float:left} a.REFUSE_S {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_refuse.gif') 0px -35px no-repeat; float:left} a.REFUSE_I {height: 35px; width:195px; display: block; margin-bottom: 5px; background: url('../images/button_refuse.gif') 0px -70px no-repeat; } a.confirm_e {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_confirmgame.gif') 0px 0px no-repeat;} a.confirm_b{height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_confirmgame.gif') 0px -35px no-repeat;} a.abbrechen {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_moreactions.gif') 0px 0px no-repeat;} a.back2or {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_moreactions.gif') 0px 0px no-repeat;} a.DoRating {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_moreactions.gif') 0px -35px no-repeat;} a.SendRating {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_moreactions.gif') 0px -70px no-repeat;} a.SendMessage_I {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_moreactions.gif') 0px -105px no-repeat;} a.SendMessage_S {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_moreactions.gif') 0px -210px no-repeat;} a.SendObj {height: 35px; width:195px; display: block; margin-bottom: 5px; margin-right: 15px; background: url('../images/button_moreactions.gif') 0px -245px no-repeat;} .clear {clear: both;} div.eventtext { width:525px; text-align:justify;border-bottom: 1px dotted #E1E1E1; margin-bottom: 10px} #logo { position:absolute; width: 386px; height:87px; top:20px; left:250px; background: url('../images/logo.png') top left no-repeat; behavior: url(../js/iepngfix.htc);} #mirrow { position:absolute; width: 270px; height:175px; padding: 20px 10px 0px 30px; top:10px; right:0px; background: url('../images/mirrow_bg.png') top left no-repeat; font-size:11px; font-weight:bold; line-height:150%;} #mirrow .status .panel {height:29px; display: block;} #mirrow .status .panel a {position:absolute; right:0px; bottom:0px; width:206px; height:29px; padding:3px 6px 9px 25px; background: url('../images/mirrow_panel.gif') top right no-repeat; font-size:10px; font-weight:normal;} #mirrow .status .panel a:hover { background:transparent url(../images/mirrow_panel-off-on.gif) no-repeat scroll right top;} #mirrow .status .panel a.active {background: url('../images/mirrow_panel_on.gif') top right no-repeat;} #mirrow .status .panel a.active:hover {background: url('../images/mirrow_panel-off-on.gif') top right no-repeat;} #mirrow .status .panelon {height:29px; display: block;} #mirrow .status .panelon a {position:absolute; right:0px; bottom:0px; width:206px; height:29px; padding:3px 6px 9px 25px; background: url('../images/mirrow_panel_on.gif') top right no-repeat; font-size:10px; font-weight:normal;} #mirrow .status .panelon a:hover {background:transparent url(../images/mirrow_panel-on-off.gif) no-repeat scroll right top;} #mirrow .status .panelon a.active {background: url('../images/mirrow_panel.gif') top right no-repeat;} #mirrow .status .panelon a.active:hover {background: url('../images/mirrow_panel-on-off.gif') top right no-repeat;} #mirrow { } #mirrow span { font-size: 24px; color:#3EFF11; font-weight:bold;} #content { width:725px; margin:0px; padding:0px; float:right; margin-top:150px; line-height:160%; overflow:hidden;} #col_right {width:255px; margin:60px 33px 0px 15px ; float:right; overflow:hidden;} #col_right .platform {text-align: center; width:80px; padding: 5px 0px 0px 0px; height: 24px; float: left; background-color: #101010; color: #A4A4A4; font-weight: bold; font-size: 16px; border-top: #404040 1px solid; border-right: #404040 1px solid; border-bottom: #D64DA9 1px solid;} #col_right .platform a:hover {color: #D64DA9;} #col_right .platform a.active {color: #D64DA9;} #col_right .first {border-left: #404040 1px solid;} #col_right div.active {border-left: #D64DA9 1px solid; border-right: #D64DA9 1px solid; border-top: #D64DA9 1px solid; border-bottom: #101010 1px solid;} .ranking .name {float: left; margin: 53px 0px 0px 15px;} .ranking .punkte {float: right; margin: 53px 0px 0px 0px;} .ranking div.rank_one {margin: 10px auto 0px auto; width: 216px; height: 73px; background: url('../images/top_ranking.gif') top right no-repeat;} .ranking div.rank_two {margin: 10px auto 0px auto; width: 216px; height: 73px; background: url('../images/top_ranking.gif') 0px -73px no-repeat;} .ranking div.rank_three {margin: 10px auto 0px auto; width: 216px; height: 73px; background: url('../images/top_ranking.gif') 0px -146px no-repeat;} .rank_one img, .rank_two img, .rank_three img {margin: 29px 0px 0px 11px; float: left;} .ranking div.rank_last {margin: 20px 0px 20px 0px; padding: 0px; width: 81px;float: left; text-align: center;} .ranking div.rank_last img {margin: 0px 0px 5px 0px; padding: 0px;} .ranking div.link {text-align: center;} .ranking a:hover {color: #D64DA9;} .ranking img {border: 3px solid #101010;} .ranking a:hover img {border: 3px solid #D64DA9} #col_center { width:680px; float:left;} .sbox_red_top {width:620px; height:25px; margin:0px; padding:5px 10px 0px 10px; background:url(/images/boxen.gif) 0px 0px; overflow:hidden;} .sbox_red_top h3 {color:#FFFFFF; font-size:17px; font-weight:bold; padding:0px 0px 10px 0px; margin:0px;} .sbox_red { width:620px; margin:0px; margin-bottom: 10px; padding:5px 10px 0px 10px; background-color:#FF3300; height: 40px; } .sbox_red p {color:#000000; font-size:12px; padding:0px 0px 10px 0px; margin:0px;} .sbox_red_bottom {width:640px; height:10px; margin:0px 0px 20px 0px; padding:0px; background:url(/images/boxen.gif) 0px -30px; overflow:hidden;} .box_grey_top { width:620px; height:25px; margin:0px; padding:5px 10px 0px 10px; overflow:hidden; background-image: url(/images/boxen.gif); background-position: 0px -40px; } .box_grey_top h3 {color:#FFFFFF; font-size:17px; font-weight:bold; padding:0px 0px 10px 0px; margin:0px;} .box_grey { width:620px; margin:0px; padding:5px 10px 0px 10px; background-color:#616E6E; font-size: 11px; line-height: 140%; color: #FFFFFF; font-family: Tahoma; overflow:hidden; } .box_grey p {color:#FFFFFF; font-size:12px; padding:0px 0px 10px 0px; margin:0px;} .box_grey_bottom { width:640px; height:10px; margin:0px 0px 20px 0px; padding:0px; overflow:hidden; background-image: url(/images/boxen.gif); background-position: 0px -70px; } #overlay{ position: absolute; height: 100%; width: 100%; background-color: #CCCCCC; display: block; z-index: 10000; top: 0px; left: 0px; filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; overflow:auto; } input.text{ font-size:11px; }