html{ height:100%; background:url(/graphic/index/background.jpg); } #index_body { margin:0px; padding:0; border:0; float:left; width:100%; height:100%; background:url(/graphic/index/bg-body.jpg) repeat-x; color:#665544; } body { margin:0; } * { font:10px/12px Verdana, Arial, Helvetica, sans-serif; } form{ margin:0; padding:0; } #main{ width:960px; margin:0 auto; padding:0 0 20px; overflow:visible; } #header{ width:960px; height:154px; margin:12px 0 0; z-index: 2; position:relative; } #header h1{ position:absolute; top:39px; left:80px; margin:0; width:800px; height:115px; overflow:hidden; z-index:2; } #header h1 a{ display:block; margin:0; text-decoration:none; text-indent:-9999px; width:800px; height:115px; z-index:2; } .navigation{ width:960px; position:relative; text-align:center; z-index:999; } .navigation-wrapper{ left:50%; margin:0px -400px; position:relative; text-align:center; width:800px; background:url(/graphic/index/sprites.png) no-repeat -702px -79px; } #navigation_span{ display:block; margin:0 0 0 14px; padding:0 14px 0 5px; height:39px; min-width:767px; white-space:nowrap; text-align:center; background:url(/graphic/index/sprites.png) no-repeat -214px 0; } .navigation a{ text-decoration:none; font-size:11px; line-height:30px; color:#950; } .navigation a:hover{ text-decoration:underline; } .navigation img{ border:0; vertical-align:middle; } .paladin{ position:absolute; top:85px; left:13px; width:195px; height:377px; z-index:100; } .sarazene{ position:absolute; top:39px; left:19px; width:195px; height:377px; z-index:100; } #content{ width:960px; position:relative; overflow: auto; } h2{ margin:0; font-size:18px; line-height:20px; color:#000; } h3{ margin:0; font-size:16px; font-weight:bold; line-height:20px; color:#000; } #content p{ margin:8px 0; font-size:11px; line-height:16px; color:#000; } .container-block, .container-block-full, .container-holder, .container{ width:800px; overflow:hidden; } .container-block, .container-block-full{ background:url(/graphic/index/bg-content-line.jpg) repeat-y; margin:0 auto; } .container-block-full{ background:url(/graphic/index/bg-content-line-full.jpg) repeat-y; } .container-top, .container-top-full{ width:800px; height:23px; background:url(/graphic/index/sprites.png) no-repeat 0 -39px; } .container-top-full{ background:url(/graphic/index/sprites.png) no-repeat -308px -157px; } .container{ overflow: hidden; min-height:280px; } .container-bottom, .container-bottom-full{ width:800px; height:23px; background:url(/graphic/index/sprites.png) no-repeat 0 -56px; clear:both; } .container-bottom-full{ background:url(/graphic/index/sprites.png) no-repeat -308px -174px; } * html .container{ height:1%; overflow:visible; } .info-block{ float:left; width:305px; padding:15px 0 0px 140px; position:relative; } .info-block img{ float:right; margin:3px 0 0; border:none; } .info-block p{ padding:1px 0 0; } .info-block strong{ display:block; font-size:11px; line-height:18px; font-weight:bold; color:#000; } .info-block a.btn-kostenlos-anmelden{ float:right; margin:15px 0; width:308px; height:38px; color:#fff; text-align:center; text-decoration:none; background:url(/graphic/index/sprites.png) no-repeat 0 -123px; font-size:18px; line-height:35px; } .info-block a.btn-kostenlos-anmelden:hover{ background-position:0 -161px; color:#fff; } .register{ width:600px; } .register h3{ font-size:14px; line-height:20px; } #content .register .error{ font-size:12px; } .register label{ font-size:12px; font-weight:bold; } .register input{ margin-bottom:8px; } .register_landing label{ font-size:12px; font-weight:bold; } .register_landing4 { margin-top:15px; } .register_landing4 .left{ text-align:right; } #agb_landing label{ font-size:10px; font-weight:normal; } #content .register p{ font-size:12px; } .register a{ font-size:12px; } .register #register_button{ font-size:12px; } #screenshot { position:absolute; top:0; left:0; width:100%; text-align:center; z-index:999; } #screenshot_image { margin:0 auto; position:relative; top:60px; left:0px; width:640px; z-index:999; } .screenshots{ display:block; margin:0; padding:2px 0 0; clear:both; } .screenshots li{ float:left; display:inline; margin:0 23px 0 0; list-style:none; width:80px; height:60px; padding:3px; background:url(/graphic/index/bg-frame.gif) no-repeat; } .screenshots li.last{ margin:0; } .screenshots li.last_landing{ margin:0; padding-bottom:10px; } .screenshots img{ display:block; margin:0; border:none; } .login-block{ float:right; width:250px; margin:0 49px 0 0; padding:15px 0 0; display:inline; position: relative; } .login-block h2{ text-align:center; } .login-block div{ overflow:hidden; margin:0 0 25px; z-index:-999; } #non_script_login, #js_login_button { margin:0px; } .login-block label{ display:block; margin:0; padding:0 0 6px; overflow:hidden; z-index:-999; } .login-block label strong{ float:left; margin:0; display:inline; width:115px; text-align:right; font-size:11px; line-height:22px; color:#000; z-index:-999; } .login-block label span{ float:right; width:120px; height:18px; padding:3px; background:url(/graphic/index/bg-input-text.jpg) no-repeat; z-index:-999; } .login-block .text{ float:left; width:111px; margin:0; padding:1px 3px; border:1px solid #fff; font-size:11px; } .login-block #server_select{ margin:0 0 0 8px; padding:2px; font-size:11px; border:1px solid #bbb; z-index:-999; } #server_select option{ padding-right:7px; z-index:-999; } .login-block a.btn-login{ clear:both; display:block; height:26px; color:#fff; text-align:center; text-decoration:none; font-size:14px; line-height:22px; font-weight:bold; overflow:hidden; } .login_close { position: absolute; right: -2px; margin-top: -8px; text-decoration:none; z-index: 99999; } .login-block p{ text-align:left; clear:both; } .logged_in p{ text-align:left; } .logged_in strong{ font-weight:bold; font-size:11px; } #servers-list{ display:none; position:absolute; top:101px; left:697px; width:196px; margin:0; z-index:999; overflow:visible; } #servers-list_landing4{ display:none; position:absolute; top:29px; left:608px; width:196px; margin:0; z-index:999; overflow:visible; } #servers-list_landing4 .server_button{ margin: 9px 0 -6px 4px; width:84px; height:21px; line-height:26px; background-position:0 0; background-repeat:no-repeat; position:relative; } #servers-list_landing4 .server_button{ margin: 9px 4px -6px -3px; width:84px; height:21px; line-height:26px; background-position:0 0; background-repeat:no-repeat; position:relative; } #servers-list_landing4 .server_button_hover{ background-position:0 -22px; margin: 9px 4px -6px -3px; position:relative; } .servers-list-top{ margin:0; padding:0; width:192px; height:10px; background:url(/graphic/index/sprites.png) no-repeat -800px -39px; } #servers-list-block{ width:192px; height:100%; margin:0; margin-top:-31px; padding: 0 0 4px 4px; background:url(/graphic/index/bg-servers.jpg) repeat-y; } #world_selection { position: absolute; left: 40px; top: 40px; overflow: visible; z-index: 99999; } #world_selection .server-form { margin: 5px; overflow: visible; } #world_selection #active_server p{ height: 30px; width: 100%; margin: 0 auto; } .servers-list-bottom{ margin:0; padding:0; width:192px; height:10px; background:url(/graphic/index/sprites.png) no-repeat -800px -49px; } #servers-list .server_button{ margin: 9px 0 -6px 4px; width:84px; height:21px; line-height:26px; background-position:0 0; background-repeat:no-repeat; position:relative; } .server-form{ margin-bottom:-8px; } #servers-list .server_button_hover{ background-position:0 -22px; margin: 9px 0 -6px 4px; position:relative; } #world_selection .server_button_hover{ background-position:0 -22px; position:relative; } #world_selection .server_button{ width:84px; height:21px; line-height:26px; background-position:0 0; background-repeat:no-repeat; position:relative; } #footer{ width:702px; margin:9px auto 0; overflow:hidden; background:url(/graphic/index/news_background.png) repeat-y; } .footer-header{ width:702px; height:22px; background:url(/graphic/index/sprites.png) no-repeat 0 -79px; } .footer-holder{ width:702px; padding:0 0 5px; } .footer-holder div{ width:673px; overflow:hidden; padding:2px 0 20px 29px; margin:0; } .footer-bottom{ width:702px; height:22px; background:url(/graphic/index/sprites.png) no-repeat 0 -101px; } div.news-separator{ padding:0; margin:0 0 10px 320px; width:59px; height:18px; background:url(/graphic/index/sprites.png) no-repeat -414px -123px; } .footer-holder span{ float:left; margin:5px 9px 0 0; padding:10px 0 0; display:inline; width:53px; height:24px; font-size:11px; line-height:14px; font-weight:bold; color:#543; text-align:center; background:url(/graphic/index/sprites.png) no-repeat -308px -123px; } .footer-holder .global-news{ float:left; margin:5px 9px 0 0; padding:10px 0 0; display:inline; width:53px; height:24px; font-size:11px; line-height:14px; font-weight:bold; color:#543; text-align:center; background:url(/graphic/index/sprites.png) no-repeat -361px -123px; } .footer-holder strong{ display:block; margin:0; padding:3px 0 0; font-size:11px; line-height:14px; color:#543; font-weight:bold; } .footer-holder b{ font-weight:bold; font-size:11px; } .footer-holder p{ margin:0; font-size:11px; line-height:14px; color:#543; margin:0 15px 0 61px; } .footer-holder a{ text-decoration:none; color:#543; font-size:11px; font-weight:bold; } .footer-holder a:hover{ text-decoration:underline; } .closure { font-size:11px; line-height:30px; text-align:center; color:#543; padding-top:10px; } .closure a { text-decoration:none; color:#543; } .closure a:hover{ text-decoration:underline; } .error{ color: rgb(180, 0, 0); font-weight:bold; font-size:14px; } .info{ color: rgb(222, 173, 0); font-weight:bold; font-size:12px; } td { font-size:9pt; } tr.lit td { font-weight:bold; background-color:#FADC9B; background-image:none; } th { font-size:9pt; text-align: left; font-weight:bold; background-color:#DED3B9; background-image:url(/graphic/background/body.jpg); } #gamebar { width: 100%; height: 24px; background-image:url(/graphic/index/bar.png); background-repeat: repeat-x; } #gamebar_content { position:relative; left: 2px; top:8px; width: 800px; margin: auto; z-index: 10; } #flag1_dropdown { display: inline; margin-right: 10px; } #flag1_dropdown img { border: 0; position: relative; top: 2px; z-index: 10; } #flags { text-align:left; list-style-type: none; padding: 2px; position:absolute; top: 5px; left: 0px; background-color: #F2E4BF; border: 1px solid #88462C; display: none; z-index: 10; } #flags li a { line-height: 10px; } #landing4_flags { padding-top:5px; float:left; } #landing4_flags ul { margin-top:15px; margin-left:17px; } #landing4_login{ text-align:right; float:right; white-space:normal; } #user_landing4, #password_landing4 { width:115px; font-weight:bold; background-color:#F0E1BB; } a:link { font-weight:bold; color: #804000; text-decoration:none; } a:visited { font-weight:bold; color: #804000; text-decoration:none; } a:active { font-weight:bold; color: #0082BE; text-decoration:none; } a:hover { font-weight:bold; color: #0082BE; text-decoration:none; } table.vis td { background-color:#F7EED3; } table.vis td.selected { background-color:#DFCCA6; } tr.row_a td { background-color:#F6EBCA; background-image:none;} tr.row_b td { background-color:#FBF4DD; background-image:none;} #login-btn-input{ display:block; line-height:22px; height:26px; width:106px; padding:0; margin:0; border:0; overflow:hidden; background:url(/graphic/lang/id/login.png) no-repeat 0 0; float:right; } #login-btn-input.login-btn-input-hover{ width:106px; background:url(/graphic/lang/id/login.png) no-repeat -106px 0; } span.sprite_button { display:block; line-height:22px; height:26px; padding:0; margin:0; border:0; overflow:hidden; } #content{ overflow: visible; } .container-block, .container-block-full, .container-holder, .container{ overflow:visible; } .container{ overflow:visible; } .login_button { float: right; } a .button_left { width: 4px; height: 28px; position: relative; float: left; display: block; background:url(graphic/btn_left.png) no-repeat 0 0; } a .button_middle { font-size:1.2em; color:#fff; font-weight:bold; height: 28px; position: relative; float: left; padding:0 4px 0; line-height:28px; text-align: center; display: block; min-width: 100px; background:url(graphic/btn_middle.png) repeat-x scroll 0 0 transparent; } a .button_middle:hover { background:url(graphic/btn_middle.png) repeat-x scroll 0 -28px transparent; } a .button_right { width: 3px; height: 28px; position: relative; float: left; display: block; background:url(graphic/btn_right.png) no-repeat 0 0; } .register_landing { display:block; line-height:26px; height:28px; width:150px; padding:0; margin:0; border:0; overflow:hidden; font-size:1.2em; text-align: center; color:#fff; font-weight:bold; background:url(graphic/register.png) no-repeat 0 0; } .register_landing:visited { font-weight:bold; color: white; text-decoration:none; } .register_landing:active { font-weight:bold; color: white; text-decoration:none; } .register_landing:link { font-weight:bold; color: white; text-decoration:none; } .register_landing:hover { font-weight:bold; color: white; text-decoration:none; background:url(graphic/register.png) no-repeat -150px 0; } .world_button_active { background:url(graphic/world.png) no-repeat 0 0; color: #59574E; font-weight:bold; text-align: center; line-height: 22px; font-size:10pt; width: 84px; height: 22px; position: relative; float: left; display: block; margin-right: 3px; margin-bottom: 2px; } .world_button_active:hover { background:url(graphic/world.png) no-repeat 0 -22px; } .world_button_inactive { background:url(graphic/world_inactive.png) no-repeat 0 0px; color: #59574E; font-weight:bold; text-align: center; line-height: 22px; font-size:10pt; width: 84px; height: 22px; position: relative; float: left; display: block; margin-right: 3px; margin-bottom: 2px; } .world_button_inactive:hover { background:url(graphic/world_inactive.png) no-repeat 0 -22px; } .world_button_mobile { background:url(graphic/world_mobile.png) no-repeat 0 0; color: #59574E; font-weight:bold; text-align: center; line-height: 22px; font-size:10pt; width: 100px; height: 25px; position: relative; float: left; display: block; margin-right: 3px; margin-bottom: 2px; } .world_button_mobile:hover { background:url(graphic/world_mobile.png) no-repeat 0 -25px; } .world_button_mobile.inactive { background:url(graphic/world_mobile_inactive.png) no-repeat 0 0px; } .world_button_mobile.inactive:hover { background:url(graphic/world_mobile_inactive.png) no-repeat 0 -25px; }