/**** index/index.css ****/
/*b78f4dc96cab131bfc4309efe83d6e3f*/
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; } img { border: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:left; z-index:999; } .navigation-wrapper{ left:80px; margin:0px; 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; } .paladin_female{ position:absolute; top:66px; left:22px; width:175px; height:383px; 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; } table.vis td.closed { background-color:#DFCCA6; } table.vis td.closed a { color: #F7EED3; } 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/de/login.png) no-repeat 0 0; float:right; } #login-btn-input.login-btn-input-hover{ width:106px; background:url(/graphic/lang/de/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 {  } #js_login_button { padding-left: 135px; } 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; } #countdown { width: 300px; height: 30px; position: relative; top: 3px; margin: 0 auto; text-align: center; } #countdown span { line-height: 32px; font-size: 32px !important; } #countdown p { margin: 0; } #countdown div { font-size: 12px; }  table.hof-table { width: 100%; } div.hof-wrapper { margin: 0 auto; width: 522px; } h2.hof-banner { color: #ffbb34; font-weight: bold; padding-top: 10px; text-align: center; background:url("/graphic/hall_of_fame/hof-banner.png") no-repeat; width: 100%; height: 81px; } div.hof-top3 { background:url("/graphic/hall_of_fame/hof-goldsilverbronze.png") no-repeat; width: 544px; height: 177px; position: relative; } div.hof-top3 div.gold { position: absolute; left:185px; top:128px; width:152px; height:32px; } div.hof-top3 div.gold a, div.hof-top3 div.silver a, div.hof-top3 div.bronze a { display: block; margin: 0 auto; width: 152px; height: 32px; text-align: center; line-height: 32px; }  div.hof-wrapper a.hof-small { font-size: 9px; } div.hof-wrapper a.hof-medium { font-size: 10px; } div.hof-wrapper a.hof-large { font-size: 13px; } div.hof-top3 div.silver { position:absolute; left:8px; top:128px; width:152px; height:32px; } div.hof-top3 div.bronze { position:absolute; left:362px; top:128px; width:152px; height:32px; } div.hof-best-tribe-top { height: 36px; position: relative; background: url("/graphic/hall_of_fame/hof-list-top.png") no-repeat; } div.hof-best-tribe-top div.tribe-name { position: absolute; display: block; width: 305px; height: 32px; top: 0px; left: 109px; text-align: center; } div.hof-best-tribe-top div.tribe-name a { line-height: 32px; color: #fee6c4; } div .hof-best-tribe-body { padding: 8px 10px 8px; background: url("/graphic/hall_of_fame/hof-list-body.png") repeat-y; } div.hof-best-tribe-bottom { height: 16px; background: url("/graphic/hall_of_fame/hof-list-bottom.png") no-repeat; } h3.hof-award-category { text-align: center; padding-top: 16px; } table.hof-milestone-awards { width: 522px; padding: 13px 0 0; margin: 0; } table.hof-milestone-awards tr td .award-box { padding: 0; margin: 0; border: none; width: 255px; min-height: 68px; background: url("/graphic/hall_of_fame/hof-award.png") no-repeat; } table.hof-milestone-awards tr td .award-box-close { float: none; clear: both; margin: 0 6px 6px 0; height: 11px; background: url("/graphic/hall_of_fame/hof-award-close.png") no-repeat; } table.hof-milestone-awards tr .right .award-box { margin: 0 0 6px 7px;} table.hof-milestone-awards tr .empty .award-box {background: none;} table.hof-milestone-awards tr td .milestone-award { float: left; background: url("/graphic/awards/frame4.png"); width: 60px; height: 60px; margin: 3px 10px 3px 4px; } table.hof-milestone-awards tr td div.milestone-award img { margin: 7px; } table.hof-milestone-awards tr td div.milestone-award p.milestone-description { padding-right: 4px; } table.hof-milestone-awards tr td div p { float: left; width: 177px; margin-top: 0; padding: 10px 4px 0 0; }  div.hof-footer { padding-top: 16px; float: left; width: 100%; overflow:hidden; } div.button-center-wrapper { float: left; position: relative; left: 50%; } div.the-red-button-border-right { position: relative; right: 50%; border-spacing: 0; height: 44px; background: url("/graphic/hall_of_fame/hof-button-rightborder.png") top right no-repeat; } div.the-red-button-border { height: 44px; margin-right: 5px; background: url("/graphic/hall_of_fame/hof-button-leftborder.png") top left repeat-x; } div.the-red-button { height: 100%; margin: 0 0 0 5px; background: url("/graphic/hall_of_fame/hof-button-leftglass.png") top left repeat-x; } div.the-red-button a { font-size: 16px; text-align: center; display: block; height: 39px; line-height: 44px; padding: 0 8px 0; color: #FFD88B; background: url("/graphic/hall_of_fame/hof-button-rightglass.png") top right no-repeat; } div.the-red-button-border:hover div.the-red-button { background-position: left -39px; } div.the-red-button-border:hover div.the-red-button a { background-position: right -39px; } div.the-red-button-border:hover a { color: #fff; } .rounds { margin-left: 130px; } #inline_popup { border:2px solid #804000; background-color:#ded3b9; position:absolute; display:none; width:298px; z-index:5; } #inline_popup_menu { width:100%; text-align:right; } #inline_popup_main { overflow:auto; height:300px; background-image:url(/graphic/background/content.jpg); padding:3px; } .credits_current > td { font-weight: bold; } .credits_comment { font-weight: normal; padding-left: 20px; font-style: italic; }
/**** game/sprites.css ****/
/*9e1697cec8bb734641c0ecb77c1e1c7a*/
.icon { width: 18px; height: 18px; display:inline-block; margin: auto 2px auto 0; overflow: hidden; background-repeat: no-repeat; vertical-align: -4px; } td .icon-box { width: 20px; height: 20px; text-align: center; vertical-align: middle; overflow: hidden; } .icon.header { background-image: url('/graphic/icons/header.png'); } .header.wood { background-position: -17px 0px; } .header.stone { background-position: -36px 0px; } .header.iron { background-position: -55px 0px; } .header.ressources { background-position: 0px 0px; } .header.population { background-position: -72px 0px; } .header.new_post { background-position: -92px -2px; width: 13px; height: 13px; } .header.no_new_post { background-position: -235px -2px; width: 13px; height: 13px; } .header.new_report { background-position: -149px -3px; width: 17px; height: 12px; } .header.new_mail { background-position: -132px -3px; width: 17px; height: 12px; } .header.knight { background-position: -179px 0px; } .header.incomings { background-position: -198px 1px; } .header.arr_right { background-position: -118px -0.4px; height: 15px; width: 15px; } .header.arr_left { background-position: -105px -0.4px; height: 15px; width: 15px; } .header.arr_down { background-position: -166px -1px; width: 14px; height: 15px; } .header.arr_up { background-position: -218px -1px; width: 14px; height: 15px; } .icon.ally { background-image: url('/graphic/icons/ally_rights.png'); } .ally.founder { background-position: -75px 0px; } .ally.lead { background-position: -132px 0px; } .ally.invite { background-position: -113px 0px; } .ally.diplomacy { background-position: -37px 0px; } .ally.mass_mail { background-position: 0px 0px; } .ally.forum_mod { background-position: -56px 0px; } .ally.internal_forum { background-position: -94px 0px; } .ally.trusted_member { background-position: -18px 0px; } .ally.found { background-position: -75px 0px; }