@import url("../../../media/css/reset.css");
@import url("../../../media/css/jquery-ui.css");

body{
    font-size: 0.75em;
    font-family: arial, helvetica, sans-serif;
    color: #9E9324;
    text-align: left;
    background:#000 url(../../../media/img/background/login_bg.jpg);
    background-position: 37px 69px;
}

#main{
    width: 100em;
    height: 65em;
    background:#000 url(../../../media/img/login.jpg) no-repeat;
    background-position: top left;
}

a {
	color: #9E8F3E;
	text-decoration: none;
}

a:hover {
    color: #F05034;
}

h2, h3, h4, h5, h6 {
	color:#E3BE8B;
	font-size: 1.25em;
    line-height: 1.25em;
    font-weight: 800;
}
h1 {
	color:#E3BE8B;
	font-weight: 800;
    font-size: 1.25em;
    line-height: 1.25em;
}

.news_titel
{
    text-align:left;
}

.news_text
{
    border-bottom: 0.0769em solid #CB3;
    color: #523838;
    text-align:left;
}

.news_autor
{
	font-family: Arial, sans-serif;
	font-size: 1em;
    color: #523838;
    text-decoration:none;
    text-align:left;
}

.news_datum
{
	font-family: Arial, sans-serif;
	font-size: 1em;
    text-decoration:none;
    text-align:left;
}

.tt
{
    border-top: 0.0769em solid #AAA;
    border-right: 0.0769em solid #555;
    border-left: 0.0769em solid #AAA;
    border-bottom: 0.0769em solid #555;

    background: url(../img/dark/bg_k.jpeg);
}

*.k_span {
    display: block;
    color: #111;
    text-align: left;
    background: url(../img/dark/bg_k.jpeg);
    border-top: 0.0769em solid #AAA;
    border-right: 0.0769em solid #555;
    border-left: 0.0769em solid #AAA;
    border-bottom: 0.0769em solid #555;
}

#login{
    position:absolute; width: 18em; height:100px;
    top: 19em; left:9em;
    font-size: 1em;
    z-index:100;
}
#login label{
	display: none;
}
#login dd{
	text-align: right;
	height: 1.85em;
	margin-right: 4em;
}
#login .reg
{
	font-size: 0.9167em;
	margin-top: 2em;
    color: #8D8051;
    text-align: center;
}

#login .login_input{
	font-size: 1em;
    width: 5.6667em;
    font-weight: 800;
    color: #8D8051;
    line-height:1.4em;
    height:1.4em;
    border: 0.0769em solid #372B16;
    text-align: left;
    background-color: #000;
}

#menu{
    position:absolute; width: 70em; height:2.4em;
    top:12.7076em; left:7.6em;
    text-align: right;
    z-index:100;
    background-position: 0 0;
    height: 25px;
}
#menu img{
	margin:-0.14em;
}

#join_now{
    position:absolute; width: 180px; height:100px;
    font: 1em Arial;
    top:360px; left:20px;
    padding:0;
    margin:0px;
    z-index:109;
}

#s1_div{
    position:absolute; width: 69px; height:27px;
    top:219px; left:30px;
    padding:0;
    margin:0;
    z-index:150;
}

#s2_div{
    position:absolute; width: 69px; height:27px;
    top:248px; left:30px;
    padding:0;
    margin:0;
    z-index:150;
}

#s3_div{
    position:absolute; width: 69px; height:27px;
    top:277px; left:30px;
    padding:0;
    margin:0;
    z-index:150;
}
#s1_div img, #s3_div img, #s2_div img{
    border:0;
    padding:0;
    margin:0;
    filter:alpha(opacity=80);
    -moz-opacity: .80;
}
#s1_div img:hover, #s3_div img:hover, #s2_div img:hover{
    filter:alpha(opacity=100);
    -moz-opacity: 1;
}
#reg_modul{
    position:absolute; width: 278px; height:131px;
    top:370px; left:17px;
    padding:0;
    border:0;
    margin-left:20px;
    z-index:110;
}
#reg_modul ul {
    float: left;
    width:100%;
    text-align:left;
    list-style: none;
    margin-top: 10px;
}

#reg_modul li {
    color:#AB9D68;
    margin-left: 53px;
}

#serverinfo_modul{
    position:absolute; width: 30.25em;
    color: #F4D321;
    top:9em; left:41em;
/*    border:#CEAF06 0.0769em solid; */
    padding:0px;
    z-index:100;
/*    background-color: #4C4844;*/
}

#msg_modul{
    position:absolute; width: 575px;
    top:190px; left:330px;
    border:0.0769em solid;
    padding:0px;
    margin-left:20px;
    z-index:100;
}
#msg_modul ul {
    float: left;
    width:100%;
    text-align:left;
    border:0px solid;
    margin: 0;
    padding: 0;
    list-style: none;
}
#msg_modul li {
    float: left;
    border:0px solid;
    color:#E5D597;
    width:100%;
    border:0;
    text-indent:15px;
    padding: 0;
    margin: 0;
    list-style: none;
}

#snc_modul{
    position:absolute; width: 300px;
    top:50px; left:380px;
    margin-left:20px;
    z-index:100;
}
#snc_modul ul {
    float: left;
    width:100%;
    text-align:left;
    list-style: none;
}
#snc_modul li {
    float: left;
    color:#000;
    width:100%;
    text-indent:15px;
}

#scroller{
    position:absolute; width: 500px; height:65px;
    top:180px; left:350px;
    border:0px solid;
    padding:0px;
    margin:0px;
    z-index:100;
}

#werbung{
    position:absolute; width: 460px; height:65px;
    top:380px; left:400px;
    border:0px solid;
    padding:0px;
    margin:0px;
    z-index:100;
}

#top10user_modul{
    position:absolute; width: 12.4em; height:16em;
    top:18.8em; left:81.7em;
    filter:alpha(opacity=40);
    -moz-opacity: .40;
    line-height: 1.5em;
    z-index:100;
}
#top10user_modul:hover{
    filter:alpha(opacity=100);
    -moz-opacity: 1;
}
#top10user_modul ul {
    float: left;
    width:100%;
    text-align:left;
    list-style: none;
}
#top10user_modul li {
    float: left;
    border:0px solid;
    color:#AB9D68;
}
#top10user_modul li.col1{
	width: 1.6em;
}

#top10user_modul li.col2{
    width: 10.4em;
}

#news_modul{
    position:absolute; width: 552px; height:249px;
    top:472px; left:350px;
    border:0;
}
#news_modul h2{
	padding:1em 0 0 1em;
}

#news_modul ul {
    width:100%;
    text-align:left;
    list-style: none;
    overflow: auto;
    padding:1em;
}
#news_modul li {
    color:#e3be8b;
    height: 16.5em;
}

#news_modul dl{
}

#news_modul dt {
    text-align: right;
    width: 100%;
    color:#e3be8b;
    font-size: 0.834em;
    border-bottom: 0.1em solid #9A8F1A;
}
#news_modul dd {
    text-align: left;
    width: 100%;
    font-size: 1em;
    color:#ffdeab;
}
#news_modul dd h3{
    font-size: 1.166em;
    margin-bottom: 0.1em;
    color:#c39e6b;
}

#gameinfo_modul{
    position:absolute; width: 30em; height:11em;
    top:16em; left:28.7500em;
    line-height: 1.1em;
}

#gamestatistik_modul{
    position:absolute; width: 14em; height:11em;
    top:16em; left:61.2em;
    line-height: 1.4em;
}

#gameinfo_modul, #gamestatistik_modul{
    margin:0 0 0 1.30em;
    z-index:100;
}

#gameinfo_modul ul, #gamestatistik_modul ul {
    list-style-type: none;
    text-align:left;
}
#gameinfo_modul li, #gamestatistik_modul li {
    color:#E3BE8B;
}

#gameinfo_modul li{
    float: left;
}

#tutorial{
	z-index: 3500;
    position: absolute; top:178px; left:338px;
    width: 600px;
    height: 400px;
    display:none;
}
#tutorial IFRAME{
	z-index: 3500;
}
#scroll {
    filter:Alpha(opacity=20, finishopacity=100, style=1, startx=10, starty=10, finishx=500, finishy=10);
}

.modal_iframe_mainmenu {
	  width: 65em;
	  height: 52em;
	  border: 0;
}

.modal_iframe_reg {
      width: 103em;
      height: 86em;
      border: 0;
}

#simplemodal-overlay {background-color:#000;      margin:0 auto!important;
}
#simplemodal-container {
	background-color:#C7C2BC;
    border-top: 0.3em solid #B5AE1F;
    border-right: 0.3em solid #65571A;
    border-left: 0.3em solid #B5AE1F;
    border-bottom: 0.3em solid #65571A;
   }
#simplemodal-container a.modalCloseImg {
	background:url(../../../media/img/close.png) no-repeat;
	width:29px;
	height:34px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-19px;
	left:-18px;
	cursor:pointer;
}
#tooltip {
    display: none; 
    background: #222222 url(../../../media/img/tooltip/bg.png) bottom left no-repeat; 
    font-size:12px;
    min-width: 10em; 
    max-width: 50em; 
    padding:1.4em 1.4em 2em 2em; 
    color:#C8A13A;
    border: 0.1em solid #65571A;
    z-index: 9999;
}

#tooltip h3 {
	font-weight: normal;
    text-decoration: underline;
    margin-bottom: 0.4em;
    color: #f7c643;
}
	
/* TODO: ueberpruefen*/

#msg
{
    position: absolute; top: 120px; left: 50%; width: 400px;z-index:6000;
    border-top: 0.0769em solid #AAA;
    border-right: 0.0769em solid #000;
    border-left: 0.0769em solid #AAA;
    border-bottom: 0.0769em solid #000;

    color: #8D8051;
    padding: 0;
    margin:0;
    text-decoration:none;
    text-align:left;
    filter:alpha(opacity=90);
	-moz-opacity: .90;
    background: #666 url(../img/bg_msg.png);
}

#msg ol{
    position: relative; left:0px; top: 0px;
    width : 384px;
    color: #FFF;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    margin:0;
    float: left;
    list-style: none;
    /*background: url(../img/bg1.jpg);*/
 }

#msg ul{
    position: relative; left:0px; top: 0px;
    width : 384px;
    padding: 8px;
    margin:0;
    float: left;
    list-style: none;
 }

#msg li{
    float: left;
    border:0;
    margin: 0;
    padding: 0;
    font-weight: bold;
    list-style: none;
 }

.msg
{
    border-top: 0.0769em solid #AAA;
    border-right: 0.0769em solid #555;
    border-left: 0.0769em solid #AAA;
    border-bottom: 0.0769em solid #555;
    text-decoration:none;
    text-align:left;
    background: url(../img/bg_msg.png);
}

.msg_header
{
    font-weight: 900;
    background-color:#000;
}