@charset "utf-8";

body {font-size:70%;line-height:1.3;color:#fff;margin:0;background:#000 url('images/stars-bg.gif') repeat-x;}
font,div {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left}
a,#left p {color:#84d0f0;text-decoration:none}
a.active,a.white {color:#fff}
a:hover {color:#fff}

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

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

table {width:100%;background:#070f11}

input,select,.button,.button2,.button3,.buttons {font-size:95%;border:1px solid #131f26;background:#1A1A1A url('images/button_bg.png');color:#ccc}
.button:hover {color:#fff}
select {background:#000}
.box input, .input {border:1px solid #131f26}
.button1 {background:#1A1A1A url('images/loginbutton.jpg')}
.button2 {background:#1A1A1A url('images/regbutton.jpg')}
.button3 {background:#1A1A1A url('images/passbutton.jpg')}
.buttons {background:#1A1A1A url('images/buttons.jpg')}
.button {background:#1A1A1A url('images/buttons.jpg')}

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}

textarea {color:#fff;background:#000;border:1px solid #222}
.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 10px 0}
.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:28px}
td,td.bg2,td.bg {padding:3px 6px}
.bg2,.row2 {background:#111}

#page {width:1000px;margin:auto}
#page_outgame {width:830px;margin:auto;background:#000}
#top {height:90px;background:url('images/top.jpg');padding:5px;font-weight:bold}
#top_outgame {height:87px;background:url('images/top_outgame.jpg')}
#gameselect {height:67px;width:104px;background:url('images/gameselect.jpg');margin-top:6px}
#left_city {height:139px;float:left;width:185px;background:url('images/left_city.jpg');text-align:center;font-weight:bold;padding-top:126px}
#header {height:265px;background:url('images/header.jpg');float:right;width:815px}
#header_outgame {height:225px;background:url('images/header_outgame-ok.jpg')}
#left {float:left;width:185px;color:#bfbfbf}
#left p {font-weight:bold}
#left_logo_1,#left_logo_2,#left_logo_3,#left_logo_4 {height:28px;background:url('images/left_logo_1.jpg');font-weight:bold;text-align:center;padding-top:157px}
#left_logo_2 {background:url('images/left_logo_2.jpg')}
#left_logo_3 {background:url('images/left_logo_3.jpg')}
#left_logo_4 {background:url('images/left_logo_4.jpg')}
#left_ubersicht {background:url('images/left_ubersicht.jpg') no-repeat;padding:54px 15px 20px 20px;line-height:18px;white-space:nowrap}
#left_ubersicht b,span {color:#fff}
#left_support {height:51px;background:url('images/left_support.jpg')}
#left_forum {height:67px;width:185px;background:url('images/left_forum.jpg')}
#left_kontakt {height:57px;width:185px;background:url('images/left_kontakt.jpg')}
#left_specials {height:44px;background:url('images/left_specials.jpg');margin-top:14px}
#left_geschichte {font-color:#999999;height:101px;width:185px;background:url('images/left_geschichte.jpg')}
#left_parteien {height:101px;width:185px;background:url('images/left_parteien.jpg')}
#left_rangliste {height:101px;width:185px;background:url('images/left_rangliste.jpg')}
#left_hof {height:101px;width:185px;background:url('images/left_hof.jpg')}
#left_allianzen {height:101px;width:185px;background:url('images/left_allianzen.jpg')}
#left_forum_outgame {height:96px;width:185px;background:url('images/left_forum_outgame.jpg')}
#topmenu {height:28px;background:url('images/topmenu.jpg');font-weight:bold;font-size:120%;padding-top:4px;padding-left:4px;margin:0}
#topmenu li {padding:0 6px;float:left;list-style-type:none}
#submenu {background:#1a1a1a url('images/submenu2.jpg');padding:4px 8px;font-weight:bold}
#content {float:left;width:640px}
#content_outgame {float:left;width:440px;padding:10px 10px 20px}
#content_outgame .box {background:#05090d;border:1px solid #00212f;padding:8px 16px}
#content_outgame .box_bottom {height:0}
#right {float:left;width:165px;background:url('images/right_ingame.jpg') no-repeat;padding:47px 0 0 10px;line-height:21px;white-space:nowrap}
#right_outgame {float:left;width:175px;background:url('images/right_outgame.jpg') no-repeat;padding-left:10px;line-height:24px}
#right p {padding-left:8px}
#screenshots {background:url('images/screenshots.jpg');height:172px}
#screen1 {padding-top:49px;text-align:center;}
#footer {border-top:1px solid #333;padding:20px;text-align:center;margin-top:10px;color:#ccc;line-height:18px}
#empfehlungen {text-align:center;height:343px;border-top:1px solid #111}
#empfehlungen-box {float:left}
#empfehlungen-box-div {text-align:center;float:left;padding-left:20px}

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

#main_parties {background:url('images/main_parties.jpg');height:445px}
#main_register {background:url('images/main_register.jpg');height:48px;width:100%}
#main_map {background:url('images/main_map.jpg');height:312px}

#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}