/** BASIC TAGS **/
body {
background:black;
font-family: Verdana, Arial, Sans-Serif;
font-size:12px;
line-height:12px;
text-align:center;
padding:0px;
margin:0px;
}

p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h1+p,
h2+p,
h3+p,
h4+p {
margin-top: 0px;
}

h1 {
padding-top:5px;
font-size:18px;
font-family:Georgia, Times, Times New Roman, serif;
}

h2 {
font-size:16px;
font-family:Georgia, Times, Times New Roman, serif;
}

h3 {
font-size:14px;
font-weight:bold;
font-family:Georgia, Times, Times New Roman, serif;
}

h4 {
font-size:12px;
font-weight:bold;
font-style:italic;
margin-bottom:5px;
font-family:Georgia, Times, Times New Roman, serif;
}

h5 {
font-size:10px;
font-weight:bold;
margin-bottom:3px;
font-family:Georgia, Times, Times New Roman, serif;
}

p {
margin:0px;
font-family:Georgia, Times, Times New Roman, serif;
font-weight:bold;
font-size:12px;
line-height:20px;
}

p.normal {
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
line-height:15px;
margin: 0px;
}

ul {
line-height:15px;
}

li {
margin:0px;
font-family:Georgia, Times, Times New Roman, serif;
font-weight:bold;
font-size:12px;
line-height:20px;
}

th {
font-family: Verdana, Arial, Sans-Serif;
font-size:12px;
line-height:12px;
background:#E1D7BC;
text-align:left;
}

td {
font-family: Verdana, Arial, Sans-Serif;
font-size:12px;
line-height:15px;
}

a:link {
font-weight:normal;
color:#840000;
text-decoration:none;
}

a:visited {
font-weight:normal;
color:#840000;
text-decoration:none;
}

a:active {
font-weight:normal;
color:#072350;
text-decoration:none;
}

a:hover {
font-weight:normal;
color:#072350;
text-decoration:none;
}

img {
border:0px;
padding:0px;
margin:0px;
}

hr {
border:0px;
border-top:solid 1px black;
border-bottom:transparent;
}

form {
margin:0px;
}

input {
font-family: Arial, Verdana, Sans-Serif;
font-size:12px;
font-weight:normal;
}

pre {
margin:0px;
}

pre.code {
white-space:pre;
margin:0px;
}

.bold {
    font-weight:bold !important;
}
.inactive {
    color: #666;
}
/** LAYOUT **/
.shortcut {
background-image:url(img/layout/sc_middle.png);
background-repeat:repeat-x;
}

.shortcut_pane {
position:absolute;
top:153px;
width:790px;
margin:0 20px 0 30px;
}

.quickstart_pane {
width:840px;
background-image:url(img/layout/qs_back.png);
background-repeat:repeat-y;
margin:0;
padding:0;
padding:0 30px 0 30px;
}

.quickstart_pane a.txt, .quickstart_pane a:link.txt, .quickstart_pane a:visited.txt, .quickstart_pane a:hover.txt {
color:white;
font-size:10px;
font-family: Arial, Verdana, Sans-Serif;
font-size:10px;
font-family: Arial, Verdana, Sans-Serif;
margin:-5px 0 0 5px;
}

.quickentry {
float:left;
margin:0 10px 0 0;
}

.quickico {
width:24px;
height:23px;
background-image:url(img/layout/qs_icoback.png);
text-align:center;
vertical-align:middle;
}

.head1 {
color:white;
font-size:10px;
font-family: Arial, Verdana, Sans-Serif;
padding:0px 2px 0px 2px;
}

.head1 a, .head1 a:link, .head1 a:visited, .head1 a:hover {
color:white;
font-size:10px;
font-family: Arial, Verdana, Sans-Serif;
}

.lay_left1 {
height:477px;
background-image:url(img/layout/lay_left1.png);
background-position:right;
background-repeat: no-repeat;
width:100%;
}

.lay_tower_left_top {
width:66px;
height:477px;
}

.lay_left2 {
height:100%;
background-image:url(img/layout/lay_left2.png);
background-position:right;
background-repeat:repeat-y;
}

.lay_tower_left {
height:100%;
background-image:url(img/layout/lay_tower_left.png);
background-repeat:repeat-y;
}

.lay_left3 {
height:207px;
background-image:url(img/layout/lay_left3.png);
background-position:right;
background-repeat: no-repeat;
width:100%;
}

.lay_tower_left_bottom {
height:207px;
width:88px;
}

.lay_castle_top {
width:840px;
height:204px;
background-image:url(img/layout/lay_castle_top.png);
}

.lay_content {
height:100%;
width:840px;
background-image:url(img/layout/lay_content.png);
background-repeat: repeat-y;
position: relative;
padding-bottom: 25px;
}

.lay_castle_bottom {
background:url(img/layout/lay_castle_bottom.png);
width:840px;
height:132px;
}

.lay_tower_right_top {
width:86px;
height:477px;
}

.lay_right1 {
height:477px;
background-image:url(img/layout/lay_right1.png);
background-position:left;
background-repeat: no-repeat;
width:100%;
}

.lay_tower_right {
height:100%;
background-image:url(img/layout/lay_tower_right.png);
background-repeat:repeat-y;
}

.lay_right2 {
height:100%;
background-image:url(img/layout/lay_right2.png);
background-position:left;
background-repeat:repeat-y;
}

.lay_tower_right_bottom {
height:207px;
width:86px;
}

.lay_right3 {
height:207px;
background-image:url(img/layout/lay_right3.png);
background-position:left;
background-repeat: no-repeat;
width:100%;
}

.lay_content_bg {
background-image:url(img/layout/lay_content_bg.png);
background-position:left;
background-repeat:repeat-y;
}

.lay_main_left1 {
width:170px;
height:600px;
background-image:url(img/layout/lay_main_left1.png);
background-position:right;
background-repeat: no-repeat;
}

.lay_main_left2 {
width:170px;
height:135px;
background-image:url(img/layout/lay_main_left2.png);
background-position:right;
background-repeat: no-repeat;
}

.lay_main_mid1 {
width:864px;
height:600px;
background-image:url(img/layout/lay_main_mid1.jpg);
background-position:right;
background-repeat: no-repeat;
}

.lay_main_mid2 {
width:864px;
height:135px;
background-image:url(img/layout/lay_main_mid2.png);
background-position:right;
background-repeat: no-repeat;
}

.lay_main_right1 {
width:166px;
height:600px;
background-image:url(img/layout/lay_main_right1.png);
background-position:left;
background-repeat: no-repeat;
}

.lay_main_right2 {
width:166px;
height:135px;
background-image:url(img/layout/lay_main_right2.png);
background-position:left;
background-repeat: no-repeat;
}

.login_label {
color:silver;
display:block;
font-weight:bold;
font-size:10px;
}

#layer_login {
font-size:10px;
line-height:10px;
position:relative;
top:203px;
left:10px;
width:195px;
text-align:center;
}

#layer_login .select {
width:158px;
height:30px;
overflow:hidden;
background-image:url(img/layout/lay_main_select.png);
border:0px;
}

#layer_login .input {
width:158px;
height:30px;
vertical-align:middle;
overflow:hidden;
background-image:url(img/layout/lay_main_input.png);
background-position:bottom;
border:0px;
padding:0px 5px 0px 8px;
}

#layer_login .submit {
background-image:url(img/layout/lay_main_submit_login.png);
text-align:center;
width:119px;
height:30px;
font-size:18px;
font-weight:bold;
font-family:Arial;
border:none;
}
#layer_login .submit:hover {
    cursor:pointer;
}
#world_name {
padding:7px 5px 2px 8px;
}

.layer_main_content {
position:absolute;
width:864px;
height:600px;
}

#world_selection {
position:absolute;
top:245px;
left:28px; 
width:330px;
height:300px;
z-index:120;
}

#layer_content {
    position: absolute;
    top: 215px;
    left: 233px; 
    height: 190px;
    z-index: 100;
}

#layer_logo_href {
position:absolute;
top:0;
left:280px; 
width:300px;
height:200px;
z-index:100;
}

#layer_big_button {
position:absolute;
top:426;
left:320px; 
width:220px;
height:22px;
z-index:100;

text-decoration:none;
font-family:Georgia, Times, Times New Roman, serif;
text-align:center;
color:black;
font-size:16px;
font-weight:bold;
}

#layer_big_button span {
color:black;
font-size:16px;
font-weight:bold;
}

#layer_nav_left {
position:absolute;
top:421;
left:5px; 
width:260px;
height:22px;
z-index:50;
}

#layer_nav_right {
position:absolute;
top:421;
left:600px; 
width:200px;
height:22px;
z-index:100;
}

#layer_copyright {
position:absolute;
top:485px;
/*left:0px; 
width:864px;
height:22px;*/
z-index:100;
}

#layer_news {
position:relative;
left:190px;
width:480px;
z-index:90;
font-family:Verdana, Arial, sans-serif;
font-weight:normal;
font-size:10px;
line-height:14px;
color:#EFB76C;
text-align:left;
border:2px solid #EFB76C;
background:rgba(0, 0, 0, 0.5);
padding:10px;
overflow:auto;
}

.navibar {
color:#635E53;
font-size:10px;
}

.navibar a, .navibar a:link, .navibar a:visited, .navibar a:active, .navibar a:hover {
color:#635E53;
font-weight:bold;
margin:0px 0px 0px 30px;
text-decoration:none;
}

.woodnav a, .woodnav a:link, .woodnav a:visited, .woodnav a:active, .woodnav a:hover {
color:EFB76C;
margin:0px 0px 0px 5px;
font-weight:bold;
text-decoration:none;
font-family:Georgia, Times, Times New Roman, serif;
}

#layer_big_button a, #layer_big_button a:link, #layer_big_button a:visited, #layer_big_button a:active, #layer_big_button a:hover {
color:black;
}

#layer_login a, #layer_login a:link, #layer_login a:visited, #layer_login a:active, #layer_login a:hover {
color:silver;
text-decoration:none;
font-weight:bold;
}

#hidden_big_button {
display:none;
}

#world_selection .world {
width:158;
height:30;
overflow:hidden;
background-image:url(img/layout/lay_main_input.png);
text-align:left;
/** float:left; **/
}

.world_span {
top:9px;
left:8px;
position:relative;
}

.input_register {
width:197;
height:21;
overflow:hidden;
background-image:url(img/layout/lay_main_input2.png);
text-align:left;
border:0px;
padding:2px 0 0 5px;
}

.mainpane {
margin:0px auto;
width:840px;
overflow:visible;
}

.mainpanehelp {
margin:0px auto;
width:920px;
overflow:visible;
}

.max {
width:100%;
}

.contentpane {
padding:0px 10px 0px 10px;
}

.contentpanelostpw {
width:330px;
position:absolute;
left:0px;
top:0px;
}

.lostpwEmail {
position:absolute;
left:77px;
}

.contentcenterpane {
    padding: 0px 10px 0px 10px;
    text-align: center;
    width: 300px;
    margin: 0px auto;
}

table.borderlist {
padding:0px;
margin:0px;
border-spacing:0px;
border:1px solid #CFAB65;
border-collapse:collapse;
empty-cells:show;
}

#noscript {
position:absolute;
top:475;
left:190px; 
width:480px;
height:60px;
z-index:100;
font-family:Georgia, Times, Times New Roman, serif;
font-weight:bold;
font-size:12px;
line-height:20px;
color:#EFB76C;
text-align:center;
border:2px solid #EFB76C;
background:rgba(0, 0, 0, 0.5);
padding:10px;
}

#error {
position:absolute;
top:475;
left:190px; 
width:480px;
height:60px;
z-index:90;
font-family:Georgia, Times, Times New Roman, serif;
font-weight:bold;
font-size:12px;
line-height:20px;
color:#EFB76C;
text-align:center;
border:2px solid #EFB76C;
background:rgb(0, 0, 0);
padding:10px;
overflow:auto;
}

.borderlist th {
background:url(img/layout/bg_table_head.png) repeat-x;
padding:0 3px 0 3px;
height:36px;
border:1px solid #CFAB65;
}

.borderlist td {
background:url(img/layout/bg_table_cell.jpg) repeat-x;
padding:0 3px 0 3px;
height:21px;
border:1px solid #CFAB65;
}

table.noborder {
border:0px;
background:none;
}

.noborder th {
border:0px;
background:none;
}

.noborder td {
border:0px;
background:none;
}

table.ressilist {
padding:0px;
margin:0px;
border-spacing:0px;
border:1px solid #CFAB65;
border-collapse:collapse;
empty-cells:show;
width:820px;
}

.ressilist td {
background:url(img/layout/bg_ressi_cell.png) repeat;
padding-left:3px;
padding-right:3px;
height:26px;
border:1px solid #CFAB65;
}

table.menu {
border:1px solid black;
background:#F1EBDD;
padding:0px;
margin:0px;
border-spacing:2px;
border-collapse:separate;
vertical-align: middle;
}

.menu td {
padding:1px 2px 1px 2px;
margin:0px;
background-color:#F8F4E8;
white-space:nowrap;
}

table.box {
border-spacing:0px;
}

.box td {
padding:0px 2px 0px 2px;
}

td.marked_navi {
background-color:#E3C693;
}

td.marked {
background:url(img/layout/bg_table_cell_marked.jpg);
background-repeat:repeat-x;
}

td.marked_group {
background-color:#F0E6C8;
}

td.marked_sum {
border-top:2px solid #936F29;
background-color:#EDE1B7;
}

.notice {
color:#666;
}

.warn {
color:#990000;
}

.critical {
color:red;
}

.zero {
color:#C2B38E;
}

td.list0 {
}

td.list1 {
}

.text_info {
font-size:9px;
font-family: Verdana, Arial, Sans-Serif;
}

.status {
margin-right:5px;
text-align:right;
font-size:9px;
font-family: Verdana, Arial, Sans-Serif;
}

.nowrap {
white-space:nowrap;
}

p.error {
color:#B40000;
font-weight:bold;
padding:0px 0px 0px 0px;
}

p.info {
color:green;
font-weight:bold;
padding:0px 0px 0px 0px;
}

input.checkbox {
margin:2px;
margin-right:5px;
}

input.radio {
margin:2px 5px 1px 2px;
position:relative;
top:2px;
}

table.msg_thread {
border:2px solid #CFAB65;
border-spacing:0px;
margin-bottom:5px;
}

.msg_thread th {
background:#EFE6C9;
border-bottom:1px solid #CFAB65;
padding:1px 4px 1px 4px;
}

.msg_thread td {
background:#F8F4E8;
padding:4px;
}

.msg_time {
font-size:11px;
line-height:13px;
font-family: Verdana, Arial, Sans-Serif;
}

.timestamp {
font-size:9px;
font-family: Verdana, Arial, Sans-Serif;
font-weight:normal;
text-align:right;
}

table.map_colors {
}

.map_colors td {
font-size:9px;
font-family: Verdana, Arial, Sans-Serif;
}

.color_field {
width:20px;
height:20px;
}

table.border1px {
border:1px solid #E1D7BC;
margin:5px;
}

#forum_boards {
margin:0px 0 10px 0;
text-align:left;
}

#forum_boards a {
padding:2px;
margin:0 5px 0 5px;
}

#forum_boards a#active {
}

#forum_administrate {
margin: 15px 0 0 0;
text-align:center;
}

table.heading {
border-bottom:4px solid #CFAB65;
margin:0 0 5px 0;
}

.quote {
padding:3px 0px 3px 20px;
font-size:11px;
}

.quote_text {
background:white;
}

.forum_edit_note {
font-style:italic;
font-size:10px;
padding-top:2px;
}

a.external {
color:#4040D0;
}

p.preview {
border:1px solid black;
background:white;
margin:0 0 10px 0;
padding:2px;
}

.dyn_popup {
position:relative;
display:inline;
}

.dyn_popup_content {
border:2px solid #CFAB65;
background:#F0EADE;
z-index:10;
}

a.dynheader {
display:block;
background:#E3C693;
padding:2px;
}

a.dynblock {
display:block;
background:#F8F4E8;
padding:2px;
margin:1px 1px 2px 1px;
}

.tut_header {
background:#E3C693;
padding:2px;
}

.tile {
width:53px;
height:38px;
position:absolute;
background-repeat:no-repeat;
}

.tile_x0 {
left:0px;
}

.tile_x1 {
left:53px;
}

.tile_x2 {
left:106px;
}

.tile_x3 {
left:159px;
}

.tile_x4 {
left:212px;
}

.tile_y0 {
top:0px;
}

.tile_y1 {
top:38px;
}

.tile_y2 {
top:76px;
}

.tile_y3 {
top:114px;
}

.tile_y4 {
top:152px;
}

.tooltip {
background:#F0E6C8;
}

.stagetip {
display:block;
width:15px;
height:12px;
background:#fff;
border: 1px solid #CFAB65;
font-size:9px;
z-index:100;
text-align:center;
}

.click {
font-weight:normal;
color:#840000;
text-decoration:none;
cursor:pointer;
}

.forum_board_1 {
background-image:url(img/forum/bg_board_1.png);
width:5px;
height:23px;
}

.forum_board_2 {
background-image:url(img/forum/bg_board_2.png);
background-repeat:repeat-x;
height:23px;
}

.forum_board_3 {
background-image:url(img/forum/bg_board_3.png);
width:5px;
height:23px;
}

.forum_board_2b {
background-image:url(img/forum/bg_board_2.png);
background-repeat:repeat-x;
height:23px;
padding:0 5px;
font-size:11px;
}

td.longtext {
background-image:url(img/layout/bg_table_cell.jpg);
background-repeat:repeat;
}

.forum_boards_link {
float:left;
margin:0 10px 0 0;
}

/* Netzwerkleiste */
.products {
font-size:10px;
height:30px;
position:relative;
}

.iframe {
height:30px;
width:100%;
}

.info_description p {
font-family: Verdana, Arial, Sans-Serif;
font-size:12px;
line-height:16px;
font-weight:normal;
}

.info_description td {
font-family: Verdana, Arial, Sans-Serif;
font-size:12px;
line-height:16px;
font-weight:normal;
}

.info_description li {
font-family: Verdana, Arial, Sans-Serif;
font-size:12px;
line-height:16px;
font-weight:normal;
}

.info_description a {
font-family: Verdana, Arial, Sans-Serif;
font-size:12px;
line-height:16px;
font-weight:normal;
}

#mmoContent {
font-family: Verdana, Arial, Sans-Serif;
font-size:11px;
}


.register_now a.button {
    font-family:Georgia,Times,Times New Roman,serif;
    color:#000;
    font-size:16px;
    font-weight:bold;
    display:block;
    width:228px;
    height:20px;
    text-align:center;
    margin:-130px auto auto 85px;
}

/**
 * Techtree
 */
#techtree {
    position: relative;
    width: 820px;
}

#techtree div.techtreePath {
    z-index: 1200;
    position: absolute;
}

#techtree div.buildingBox {
    z-index: 1000;
    position: absolute;

    width: 140px;
    overflow: hidden;

    border: 1px solid #a78749;
    background-image: url(img/layout/bg_table_cell.jpg);

    -moz-box-shadow: 0 0 5px 2px #d6b473;
    -webkit-box-shadow: 0 0 5px 2px #d6b473;
    box-shadow: 0 0 5px 2px #d6b473;
}

#techtree div.buildingBox.inactive {
    border: 1px solid #888888;
    background-image: url(img/layout/gray_bg_table_cell.jpg);
}

#techtree div.buildingBox div.buildingBoxHeading {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    padding: 6px 2px;

    text-align: center;
    background-image: url(img/layout/bg_table_head.png);
    border-top: 1px solid #CFAB65;
}

#techtree div.buildingBox div.buildingBoxHeading a {
    font-weight: bold;
}

#techtree div.buildingBox.inactive div.buildingBoxHeading {
    color: #888888;
    background-image: url(img/layout/gray_bg_table_head.png);
    border-top: 1px solid #888888;
}

#techtree div.buildingBox.inactive div.buildingBoxHeading a {
    color: #888888;
}

#techtree div.buildingBox div.buildingBoxLevel {
    padding: 2px;

    color: #000000;
    text-align: center;
    border-top: 1px solid #CFAB65;
    background-image: url(img/layout/bg_table_cell.jpg);
}

#techtree div.buildingBox div.buildingBoxLevel.inactive {
    color: #888888;
    border-top: 1px solid #888888;
    background-image: url(img/layout/gray_bg_table_cell.jpg);
}

.tour-wrapper{}
.tour-wrapper p{ padding-top: 1em; }

.tour-navi{
    padding-top: 2px;
    height: 50px;
}

.tour-navi-next, .tour-navi-prev{
    display: block;
    background-repeat: no-repeat;
    height: 40px;
    line-height: 40px;
    font-size: 1.35em;
}

.tour-navi-next{
    float: right;
    background-position: right center;
    padding-right: 50px;
    text-align: right;
}

a.tour-navi-next{
    background-image: url(img/tour/arrow_right.png);
}

span.tour-navi-next{
    background-image: url(img/tour/arrow_right_i.png);
}

.tour-navi-prev{
    float: left;
    background-position: left center;
    padding-left: 50px;
    text-align: left;
}

a.tour-navi-prev{
    background-image: url(img/tour/arrow_left.png);
}

span.tour-navi-prev{
    background-image: url(img/tour/arrow_left_i.png);
}

.tour-info{
    padding-top: 2em;
}

.tour-info-image{
    width: 427px;
}

.tour-eyecatcher{
    position: relative;
}

.tour-left{
    float: left;
}

.tour-right{
    float: right;
}

.tour-join-button{
    position: absolute;
    background-image: url("img/tour/button_play_now.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 48px;
    width: 385px;
    top: 326px;
    left: 5px;
    font-size: 1.45em;
    line-height: 48px;
    text-align: center;
}

.tour-join-button:hover {
    background-image: url("img/tour/button_play_now_rollover.png");
}

input  {
    border:1px solid #c4a76e;
    background-color:#f6dba4;
    margin-bottom:1px;
    margin-top:1px;
}
input[type=submit] {
    border:1px solid #c4a76e;
    background-color:#d6b371;
}
input[type=submit]:hover {
    border:1px solid #b89251;
    background-color:#b48f52;
}

.safePlayLogo {
    position: absolute;
    left: 720px;
    top: -25px;    
}