/**** index/index.css ****/
/*72d6a109702a1f0c3d4e6a1aefc65326*/
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;width:800px; } 
.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/ch/login.png) no-repeat 0 0; float:right; } #login-btn-input.login-btn-input-hover{ width:106px; background:url(graphic/lang/ch/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 div { padding: 0; margin: 0; border: none; width: 255px; height: 68px; background: url("graphic/hall_of_fame/hof-award.png") no-repeat; } table.hof-milestone-awards tr td.left div { margin: 0 6px 6px 0;} table.hof-milestone-awards tr td.right div { margin: 0 0 6px 7px;} table.hof-milestone-awards tr td.empty div {background: none;} table.hof-milestone-awards tr td div.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; }
/**** game/sprites.css ****/
/*e331433f9d8debe9fe0e10f53064ea93*/
.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; }