@charset "utf-8";

body {font-size:12px;line-height:1.3;background:#030200 url('images/bg.jpg') repeat-x;color:#fff;margin:0}
font,div {font-family: Arial, Helvetica, sans-serif; text-align:left}
a,#left p,#footer p {color:#f29400;text-decoration:none}
a.active,a.white {color:#fff}
a:hover {color:#fff}
#content a,.box a {color:#5c0000}
#content a:hover,.box a:hover {color:#8b040a}

img,table {border:0; vertical-align:middle;border-collapse:collapse}

p,form {padding:0}
h1,h2 {margin:0}

table {width:100%;background:#e5d5b7}

input,.input,select,.button,textarea {font-size:95%;border:1px solid #4b2a16;background:#ccbea5;color:#41210b;padding:1px 3px;margin:0;margin-bottom:4px}
.button {border:1px solid #713608;background:#1A1A1A url('images/button_bg.jpg');color:#f29400;padding:0px 6px;font-weight:bold}
.button:hover {color:#fff}

h1 {font-size:120%}
h2 {font-size:105%}
.title h1,.title h2 {font-size:100%}
.small {font-size:90%}

.bold,.progressbar {font-weight:bold}
.italic {font-style:italic}
#page,.center,.tabs {text-align:center}
.right {text-align:right}
.justify {text-align:justify}
.left {float:left}

.red,#content .red,.box .red {color:#f00}
.yellow {color:yellow}
.green {color:#3c0}

div.main {float:left;width:77.5%}
div.side {float:left;width:22.5%}
div.float {float:left}
div.floatr {float:right}
div.float20 {float:left;width:19.99%}
div.float25 {float:left;width:24.99%}
div.float33 {float:left;width:33.32%}
div.float40 {float:left;width:39.99%}
div.float50 {float:left;width:49.99%}
div.float60 {float:left;width:59.99%}
div.float66 {float:left;width:66.65%}
div.float75 {float:left;width:74.99%}
div.float80 {float:left;width:79.99%}
div.clearer {clear:both}

.hidden {display:none}

.marginbox {margin:0 8px}

* html div {width:100%}
* html table {font-size:100%}

.box {background:url('images/box.jpg') repeat-y;padding:4px 16px}
.box table {margin-bottom:6px}
.box_bottom {background:url('images/box_bottom.jpg');height:20px}
.title {background:url('images/title.jpg') repeat-x;padding:16px 14px 0;height:36px;font-size:17px}
td,td.bg2,td.bg {padding:3px 6px}
.bg2,.row2 {background:#eadec2}

#frame {background:url('images/bg.jpg') repeat-x}
#page, #page_outgame {width:1000px;margin:auto;background:url('images/content_bg.jpg') repeat-y center}
#page_outgame {background:url('images/page_bg.jpg') repeat-y center}
#top {height:90px;background:#1a1a1a;padding:5px;font-weight:bold}
#gameselect {height:67px;width:104px;background:url('images/gameselect.jpg');margin-top:6px}
#header {height:460px;background:url('images/header.jpg')}
#header_outgame {height:470px;background:url('images/header_outgame.jpg')}
#left {float:left;width:111px;background:url('images/left.jpg');height:680px;padding:145px 55px 0 32px;color:#ad9248}
#left b,#left .bold {color:#f29400}
#left_logo {text-align:center;line-height:22px}
#left_logo b {font-size:14px}
#left_outgame {float:left;width:170px;margin-left:39px;background:url('images/left_outgame.jpg');height:525px;font-size:14px;font-weight:bold;padding:44px 0 0 35px;line-height:40px}
#left_outgame a {color:#fff59b}
#topmenu {height:35px;background:url('images/topmenu.jpg');font-size:120%;padding-top:10px}
#topmenu ul {margin:0}
#topmenu li {padding:0 6px;float:left;list-style-type:none}
#topmenu a {color:#fff59b;font-weight:bold;font-size:12px}
#topmenu a:hover,#topmenu a.active {color:#fff}
#submenu {padding:0 12px 8px;font-weight:bold}
#content,#content_outgame {float:left;width:574px;color:#38302b}
#content_outgame {width:510px;min-height:550px}
#right {float:left;width:155px;background:url('images/right.jpg') no-repeat;padding:0 20px 0 45px;line-height:20px;white-space:nowrap;height:885px}
#right p {font-weight:bold;line-height:32px}
#right_outgame {float:left;width:205px;background:url('images/right_outgame.jpg') no-repeat;height:580px}
#screenshots {background:url('images/screenshots.jpg');height:172px}
#footer {background:url('images/footer.jpg');height:215px;text-align:center;padding-top:18px;color:#cba674}
#footer_outgame {background:url('images/footer_outgame.jpg');height:218px;text-align:center;padding-top:17px}

#belohnungen {background:url('images/belohnungen.jpg') no-repeat;height:142px;width:258px}

#main_left {background:url('images/main_left.jpg');width:325px;float:left;height:792px}
#main_right {background:url('images/main_right.jpg');width:165px;float:left;height:776px;padding:16px 8px 0 12px;overflow:hidden;text-align:center;line-height:25px}
.main_banner {background:url('images/main_banner.jpg');height:83px;padding:17px 0 0 23px}

#gebaudemap {background:#222 url('../images/buildings.jpg');height:580px;width:580px;cursor:pointer;margin:auto}
#gebaudemap2 {background:#222 url('../images/buildings2.jpg');height:290px;width:580px;cursor:pointer;margin:auto}

p,form,.marginbox .box,.marginbox .box2,.marginbox .title {margin:0}

.state_bar {margin:auto;height:12px;width:128px;background:url('images/state_bar.png')}
.progressbar {background:#000;height:15px;color:#fff}
/*.box .progressbar {border:1px solid #00222c;background:#00141a}*/
.progressbar div {background:url('images/progressbar.jpg');height:15px;white-space:nowrap;text-align:center}

.tabs {cursor: pointer}
.msgbox {background:#222 url('images/msgbox.png') no-repeat;background-position:6px 6px;padding:6px 0 6px 30px;margin-bottom:12px}

.overflow,#top,#nav {overflow:hidden}
.nowrap {white-space:nowrap}
.underline {text-decoration:underline}

.padding1 {padding:1px}
.padding2 {padding:2px}
.padding5 {padding:5px}
.padding10 {padding:10px}