/* Basic-Layout */
*       { outline: 0; vertical-align: top; }
body {
    background: #3A2919 url('images/bg.jpg') no-repeat scroll center top;
    color: #000;
    font: 16px 'Times New Roman', Times, serif;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    overflow-y: scroll;
    }
#content_container { padding-bottom: 0px; }
#header { background: url('images/logo.png') no-repeat scroll center top; height: 300px; }
#content {
    padding-top: 30px;
    margin: 0px auto;
    display: table;
    table-layout: fixed;
    width: 1065px;
    }
#content_cell { width: 100%; height: 420px; display: table-cell; position: relative; }
#player { position: absolute; }
#footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    border-top: solid 1px black;
    background: #963;
    color: #3b2919;
    font: 14px/25px 'Times New Roman', Times, serif;
    text-align: center;
    padding: 0px;
    z-index: 90;
    }
#option {
    position: fixed;
    /*bottom: 30px; - Anzeige der Optionen */
    /*bottom: -16px; - Ohne Erweitert-Button */
    /*bottom: -49px; - Mit Erweitert-Button */
    bottom: -49px;
    right: 5px;
    width: 205px;
    border: solid 1px black;
    background: #963;
    color: #3b2919;
    text-align: center;
    /* padding: 2px 0px 3px 10px; - Ohne Erweitert-Button */
    /* padding: 2px 0px 5px 10px; - Mit Erweitert-Button */
    padding: 2px 0px 5px 10px;
    z-index: 1;
    }
img { border: none; }
.clearfix:after { clear: both; }

/* Master CSS-Table Construct */
div.table       { width: 100%; display: table; table-layout:fixed; margin: 0px auto; }
div.tr             { width: 100%; display: table-row; }
div.col           { width: 100%; display: table-column; }
div.colgroup { width: 100%; display: table-column-group; }
div.td             { width: 100%; display: table-cell; vertical-align: middle; }
div.td_top     { width: 100%; display: table-cell; vertical-align: top; }
div.td_mid     { width: 100%; display: table-cell; vertical-align: middle; }
div.td_bot     { width: 100%; display: table-cell; vertical-align: bottom; }
div.cap           { width: 100%; display: table-caption; }

/* Navigation */
div.nav_td                 { width: 250px; display: table-cell; }
div.nav_item             { width: 250px; background-image:url('images/nav.png'); cursor: pointer; font: 20px/33px 'Times New Roman', Times, serif; }
div.nav_item_bg       { background: url('images/nav_bg.png') repeat-y scroll center top; }
div.nav_log_dis       { background-position:    0px    0px; height: 148px; cursor: default; }
div.nav_log               { background-position: -250px    0px; height: 148px; }
div.nav                       { background-position: -500px    0px; height:  33px; }
div.nav_sel               { background-position: -500px  -66px; height:  33px; color:#f1d22f; cursor: default; }
div.nav_sub               { background-position: -500px  -99px; height:  33px; }
div.nav_sub_sel       { background-position: -500px  -99px; height:  33px; color: #eeee00 ; cursor: default; }
div.nav_gold             { background-position: -500px -165px; height:  33px; }
div.nav_gold_sel     { background-position: -500px -231px; height:  33px; color:#493a21; cursor: default; }
div.nav_sep               { background-position: -500px -264px; height:   4px; cursor: default; }
div.nav_bottom         { background-position: -500px -268px; height:  22px; }
div.nav_log:hover   { background-position:    0px -148px; }
div.nav_log:active { background-position: -250px -148px; }
div.nav:hover           { background-position: -500px  -33px; font-size:22px; font-weight:bold; }
div.nav_sub:hover   { background-position: -500px -132px; font-size:22px; font-weight:bold; }
div.nav_gold:hover { background-position: -500px -198px; font-size:22px; font-weight:bold; }
div.nav_ext_bg         { background: url('images/nav_ext_bg.png') repeat-y scroll center top; position: relative; top: -1px; color: #f1d22f; cursor: default; font: 16px/20px 'Times New Roman', Times, serif; }
div.nav_ext_bottom { background: url('images/nav_ext_bottom.png') no-repeat scroll center top; position: relative; top: -1px; height: 15px; }
div.nav_master_sub { cursor: pointer; }
div.nav_master_sub:hover
                                    { background-position: -500px -132px; font-size:22px; font-weight:bold; }
a.nav                          { color: #f1d22f; text-decoration: none; }
a.nav_sub                  { color: #cea529; text-decoration: none; }
a.nav_sub_sel          { color: #eeee00; text-decoration: none; }
a.nav_gold                { color: #493a21; text-decoration: none; }
a.nav_ext                  { color: #f1d22f; text-decoration: none; }
a.nav_ext:hover      { color: #f1d22f; text-decoration: none; font-size:18px; font-weight:bold; }

/*div.nav_sub_container {display:none;}
/*div.nav_sub_container_sel {display:inline;}
*/

/* Footer Content */
div.footer_td                 { width: 33%; display: table-cell; }
div.footer_item             { width: 45px; height: 25px; background-image:url('images/footer_buttons.png'); cursor: pointer; float:right; }
div.logout_dis               { background-position:    0px     0px; cursor: default; }
div.logout                       { background-position:  -45px     0px; }
div.logout:hover           { background-position:  -90px     0px; }
div.option_dis               { background-position:    0px   -25px; cursor: default; }
div.option_up                 { background-position:  -45px   -25px; }
div.option_up:hover     { background-position:  -90px   -25px; }
div.option_down             { background-position: -135px   -25px; }
div.option_down:hover { background-position: -135px     0px; }
div.copy                           { text-align: left; padding-left: 5px; cursor: default; }
div.impressum                 { text-align: left; padding-left: 5px; cursor: default; }
a.footer                          { color: #f1d22f; text-decoration: none; }

/* Option Content */
div.option_item       { width: 31px; height: 35px; background-image:url('images/footer_buttons.png'); cursor: pointer; float: left; } 
div.sfx_dis               { background-position:    0px    -50px; cursor: default; }
div.sfx_on                 { background-position:  -31px    -50px; }
div.sfx_on:hover     { background-position:  -62px    -50px; }
div.sfx_off               { background-position:  -93px    -50px; }
div.sfx_off:hover   { background-position: -124px    -50px; }
div.option_buttons {  padding-top: 37px; }
div.option_buttons div.button { float: left; min-width: 197px;}
div.option_menu div.omtop {
    font-size: 26px;
    font-weight: bold;
    font-variant: small-caps;
    letter-spacing:3px;
    color: darkred;
    text-shadow:black 3px 4px 5px;
    line-height: 30px;
    border-bottom: double ;
    margin-bottom: 5px;
    }
div.option_menu div.omleft {
    width: 126px;
    font-size: 16px;
    text-align: right;
    font-weight: bold;
    color: darkred;
    padding-left: 10px;
    padding-right: 5px;
    }
div.option_menu div.omright {
    width: 300px;
    font-size: 16px;
    text-align: left;
    padding-right: 10px;
    }
div.option_menu div.omfin { border-bottom: thin dotted darkred; }
div.option_menu p.omitem { width: auto; padding: 0px; line-height: 26px; cursor: pointer; }
div.option_menu .omitem { float: left; }
div.option_menu p.omdis { color: gray; cursor: default; }    
div.option_menu div.ombut { width: auto; padding: 5px 3px 34px; line-height: 29px; text-align: center; }
div.option_menu div.ombut div.button {float: left; min-width: 120px;}


/* Slider */
div.slider                  { height: 35px; background-image:url('images/slider.png'); } 
div.slider_bg            { width: 173px; background-position: 0px 0px; float: left; } 
div.slider_bar          { width:  38px; background-position: -173px 0px; cursor: pointer; } 
div.slider_bg_dis    { width: 173px; background-position: 0px -35px; float: left; } 
div.slider_bar_dis  { width:  38px; background-position: -173px -35px; } 

/* Scroll */
div.scroll_top       { background: url('images/scroll_top.png') no-repeat scroll center top; height: 72px; }
div.scroll_bg         { background: url('images/scroll_bg.png') repeat-y scroll center top; text-align:center; padding-bottom: 40px; position: relative; }
div.scroll_bottom { background: url('images/scroll_bottom.png') no-repeat scroll center top; height: 100px; position:relative; top: -80px; }

/* Shadow */
#shadow { position: fixed; top: 0px; width: 100%; height: 100%; background: url('images/pixel75.png') repeat fixed; z-index: 90; }
div.shadow_hide { display: none; }

/* Button */
div.button         { height: 29px; display: table; table-layout: auto; margin: 0px auto; font: bold 18px/29px 'Times New Roman', Times, serif; cursor: pointer; }
div.button_dis { height: 29px; display: table; table-layout: auto; margin: 0px auto; font: bold 18px/29px 'Times New Roman', Times, serif; cursor: default; }
div.button_hide { display: none; }
div.button div                             { display: table-cell; background-image: url('images/gui.png'); }
div.button div.left                   { width: 15px; background-position: -216px -26px; } 
div.button div.right                 { width: 17px; background-position: -231px -26px; } 
div.button div.content             { background: url('images/button_bg.png') repeat-x scroll left top; color: #e8ba2e; }
div.button:hover div.left       { background-position: -248px -26px; } 
div.button:hover div.right     { background-position: -263px -26px; } 
div.button:hover div.content { background-image: url('images/button_bg_ovr.png'); color: #493a21; }
div.button_dis div                     { display: table-cell; background-image: url('images/gui.png'); }
div.button_dis div.left           { width: 15px; background-position: -184px -26px; } 
div.button_dis div.right         { width: 17px; background-position: -199px -26px; } 
div.button_dis div.content     { background: url('images/button_bg_dis.png') repeat-x scroll left top; color: gray; }

/* Header Container */
div.heading { width: 500px; margin: 0px auto; }

/* Header red */
div.header_red                       { width: 500px; height: 55px; display: table; table-layout:fixed; margin: 0px auto; }
div.header_red_sub               { width: 445px; height: 55px; display: table; table-layout:fixed; margin: 0px auto; }
div.header_red_content       { width: 445px; height: 55px; display: table-cell; background: url('images/header_red_bg1.png') repeat-x scroll left top; }
div.header_red_left             { width:  40px; height: 55px; display: table-cell; background: url('images/header_red_borders.png') no-repeat scroll left top; background-position:  0px  0px; }
div.header_red_right           { width:  15px; height: 55px; display: table-cell; background: url('images/header_red_borders.png') no-repeat scroll left top; background-position: -50px 0px; }
div.header_red_right_mask { width:  10px; height: 55px; display: table-cell; background: url('images/header_red_borders.png') no-repeat scroll left top; background-position: -40px 0px; }
div.header_red_text             { width: 435px; height: 55px; display: table-cell; font: 20px/55px 'Times New Roman', Times, serif; color: #e8ba2e; text-align: left; max-height: 55px; }

/* Header red_big */
div.header_red_big                       { width: 500px; height: 91px; display: table; table-layout:fixed; margin: 0px auto; }
div.header_red_big_sub               { width: 445px; height: 91px; display: table; table-layout:fixed; margin: 0px auto; }
div.header_red_big_content       { width: 445px; height: 91px; display: table-cell; background: url('images/header_red_bg2.png') repeat-x scroll left top; }
div.header_red_big_left             { width:  40px; height: 91px; display: table-cell; background: url('images/header_red_borders.png') no-repeat scroll left top; background-position:  0px  -55px; }
div.header_red_big_right           { width:  15px; height: 91px; display: table-cell; background: url('images/header_red_borders.png') no-repeat scroll left top; background-position: -50px -55px; }
div.header_red_big_right_mask { width:  10px; height: 91px; display: table-cell; background: url('images/header_red_borders.png') no-repeat scroll left top; background-position: -40px -55px; }
div.header_red_big_text             { width: 435px; height: 91px; display: table-cell; font: 20px/91px 'Times New Roman', Times, serif; color: #e8ba2e; text-align: left; }
div.header_red_big_text_2         { width: 435px; height: 91px; display: table-cell; font: 20px/25px 'Times New Roman', Times, serif; color: #e8ba2e; text-align: left; padding-top: 20px; }
div.header_red_big_text_2c       { width: 435px; height: 91px; display: table-cell; font: 24px/28px 'Times New Roman', Times, serif; color: #e8ba2e; text-align: center; padding-top: 16px; }
div.header_red_big_text_2bc     { width: 435px; height: 91px; display: table-cell; font: bold 24px/28px 'Times New Roman', Times, serif; color: #e8ba2e; text-align: center; padding-top: 16px; }

/* Text kürzen und ... anzeigen */
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

p { width: 450px; margin: 0 auto; padding-top: 10px; text-align: left; font-size: 16px; }
p.left        { text-align: left;    }
p.center    { text-align: center;  }
p.right      { text-align: right;   }
p.justify  { text-align: justify; }
p.b              { font-weight: bold;   }
p.i              { font-style: italic;  }
p.u              { text-decoration: underline; }
p.fl:first-letter { font-size: 150%; font-weight: bold; line-height: 0; }
p.info        { color: #f00; }
p.big          { font-size: 150%; }
p.float_l  { float: left; }
p.float_r  { float: right; }
p.hr            { border-bottom: thin solid; line-height: 18px; }
p.darkred  { color: darkred; }
.ds              { text-decoration: line-through; }

/* GUI */
input::-ms-clear   { width: 0px; height: 0px; }
input::-ms-reveal { width: 0px; height: 0px; }
div.gui_text input { width: 170px; height: 24px; font-size: 16px; line-height: 26px; color: #e8ba2e; border: none; background-color: transparent; margin-left: 5px; }
div.gui_text div { width: 184px; height: 26px; background-image: url('images/gui.png'); background-position: 0px -26px; }
div.gui_text div.disabled { background-position: 0px 0px; }
div.gui_text div.disabled input { color: gray; }
div.gui_text div.err { background-position: 0px -52px; }
div.gui_text div.err input { color: #f1d22f; }
div.gui_check div { width: 26px; height: 26px; background-image: url('images/gui.png'); background-position: -210px 0px; cursor: pointer; }
div.gui_check div.disabled { background-position: -184px 0px; cursor: default; }
div.gui_check div.checked { background-position: -236px 0px; }
div.gui_radio div { width: 26px; height: 26px; background-image: url('images/gui.png'); background-position: -288px 0px; cursor: pointer; }
div.gui_radio div.disabled { background-position: -262px 0px; cursor: default; }
div.gui_radio div.selected { background-position: -314px 0px; cursor: default; }
div.gui_state, div.gui_state div { width: 26px; height: 26px; background-image: url('images/gui.png'); background-position: -340px 0px; cursor: default; vertical-align: bottom; display: inline-block; }
div.gui_state div.ok { background-position: -366px 0px; }
div.gui_state div.nok { background-position: -392px 0px; }

/* Message-Box */
#mbox { position: fixed; top: 0px; width: 100%; height: 100%; z-index: 90; }
#mbox_frame { position: relative; left: 50%; margin-left: -235px; width: 470px; top:50%; }
#mbox_content { width: 426px; margin: 0px auto; padding: 0px; }
div.mbox_hide { display: none; }
div.mbox_top { width: 470px; height: 12px; background-image: url('images/gui.png'); background-position: 0px -78px; }
div.mbox_bot { width: 470px; height: 12px; background-image: url('images/gui.png'); background-position: 0px -111px; }
div.mbox_mid { background: url('images/mbox_bg.png') repeat-y scroll left top; }
div.mbox_mid_top { width: 470px; height: 11px; background-image: url('images/gui.png'); background-position: 0px -90px; }
div.mbox_mid_bot { width: 470px; height: 10px; background-image: url('images/gui.png'); background-position: 0px -101px; }
div.mbox_mid_content { background: url('images/mbox_border.png') repeat-y scroll left top; }
div.mbox_buttons { margin: 0px auto; width: 430px; height: 29px; padding-top: 10px;}
div.mbox_buttons div.button {float: right; min-width: 120px; padding-left: 10px;}

/*

input[type="text"],[type="password"] {
    width: 174px;
    height: 26px;
    line-height: 26px;
    background-image: url('images/gui.png');
    background-position: 0px -26px;
    overflow: hidden;
    
/*    no-repeat;* /
    border: none;
    padding: 0px 5px;
    
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*	font-size: 9px;* /
}

input.input_dis { background-position: 0px 0px; }

/*
input[type="text"] {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid red;
}

*/
.dev     { border: thin solid red;   }
.devr   { border: thin solid red;   }
.devg   { border: thin solid green; }
.devb   { border: thin solid blue;  }
.devy   { border: thin solid yellow; }
.devz   { border: thin solid black; }

/*
div {position:relative; top: -1050px; right:-200px; z-index:3; background: url('images/figures/soldier_m_0.png' no-repeat scroll left top; min-height: 100px;
min-width: 100px;}


/* font: 20px/53px 'Times New Roman', Times, serif; color: #fceac6; text-align: left; }

/* 
cea529
e8ba2e
fceac6

   
*/