@font-face{font-family:MC;src:url(../fonts/mc.ttf);}
body{background:url(../images/background2.jpg);background-attachment:fixed;font-family:mc;}
#uhr{font-size:12px;text-align:center;}
*[id^="pages-"] > a{cursor:pointer;}
*[id^="pages-"] > a:focus{outline:none !important;}
header hgroup{height:200px;vertical-align:middle;margin-top:40px;}
header hgroup h1,header hgroup h2{text-indent:-99999px;}
header hgroup h1 a img{display:block;max-height:160px;margin:0 auto}
header hgroup h2{display:none;}
header nav{width:1138px;margin:0 auto;overflow:hidden;line-height:49px}
header nav:before{background-position:0px 0px;width:38px;}
header nav:after{background-position:-38px 0px;width:38px;}
header nav ul{width:918px;margin:0 auto;}
header nav ul li span{background:url(../images/grey.png);width:20px;height:40px;float:left;margin:0px 5px;}
header nav ul li a{background:url(../images/button_grey.png);width:128px;height:40px;text-decoration:none;text-align:center;line-height:39px;color:#E0E0E0;text-shadow:2px 2px #383838;float:left;font-size:12px;}
header nav ul li a:hover{background:url(../images/button_blue.png);width:128px;height:40px;color:#FFFFA0;text-shadow:2px 2px #3F3F28;}
header nav ul .active a{background:url(../images/button_blue.png);width:128px;height:40px;color:#FFFFA0;text-shadow:2px 2px #3F3F28;}
.sub-menu{background:#4E6C2F;position:absolute;z-index:5;line-height:normal;display:none;}
header nav ul li .sub-menu li:first-child{margin-top:5px;}
header nav ul li .sub-menu li{float:none;margin:8px;}
header nav ul li .sub-menu li a{background:none;padding:0 10px;font-size:12px;text-transform:none;font-weight:normal;color:#E9E9E9;}
header nav ul li .sub-menu li a:hover{color:#fff;}
#slider{margin-bottom:11px;}
#wrap{width:1048px;margin:11px auto 0 auto;}
#wrap #row-left{width:767px;float:left;}
#wrap #row-left #news,#page{border:12px solid #28221d;color:#baa378;font-size:12px;}
#wrap #row-left #news article,#wrap #row-left #page article{background:-moz-linear-gradient(top, rgba(58,40,27,0.8) 0%, rgba(0,0,0,0.6) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,40,27,0.6)), color-stop(100%,rgba(0,0,0,0.8)));background:-webkit-linear-gradient(top, rgba(58,40,27,0.8) 0%,rgba(0,0,0,0.6) 100%);background:-o-linear-gradient(top, rgba(58,40,27,0.8) 0%,rgba(0,0,0,0.6) 100%);background:-ms-linear-gradient(top, rgba(58,40,27,0.8) 0%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom, rgba(58,40,27,0.8) 0%,rgba(0,0,0,0.6) 100%);border-top:1px solid #533e29;padding:16px 14px 20px 13px;min-height:155px;}
#wrap #row-left #news article img:first-child{border:3px solid #47372c;float:left;margin-right:11px;}
#wrap #row-left #news article h3 a,#wrap #row-left #page article h3{color:#4e8f3f;font-weight:bold;font-size:16px;text-transform:uppercase;margin:11px 0 8px 0;display:inline-block;text-decoration:none;}
#wrap #row-left #news article .nb-comms{background:url(../images/coms.gif);height:33px;width:48px;float:right;color:#d28f47;text-align:center;padding-top:9px;font-size:14px;text-decoration:none;}
#wrap #row-left #news article .date{color:#c5c5c5;font-size:12px;}
#wrap #row-left #news article .date span{color:#c3b02f;}
#wrap #row-left #news article p,#wrap #row-left #page article > p{font-size:13px;margin-top:19px;line-height:20px;overflow:hidden;}
#wrap #row-left #news article .button{margin-top:8px;}
.static_page form{background:#322216;padding:30px;margin:10px 0;}
.static_page form input,#commentform input{width:94%!important;height:33px!important;border:1px solid #44352a;margin-top:10px!important;padding:0 3%!important;background:#3a281b;color:#A58050;outline:none;}
.static_page form p{margin:20px 0;}
.static_page form textarea{width:94%;resize:vertical;padding:3%;background:#3a281b;border:1px solid #44352a;outline:none;font-family:Arial,Helvetica,sans-serif;margin-top:10px!important;color:#A58050;}
.static_page form input[type="submit"],#commentform input[type="submit"]{width:100%!important;color:#fff!important;background:#8f2727!important;border:none!important;border-top:2px solid #bc2929!important;}
.aligncenter{text-align:center;display:block;margin:0 auto;}
.alignleft{float:left;margin-right:15px;}
.alignright{float:right;margin-left:15px;}
strong{font-weight:bold;}
em{font-style:italic;}
#wrap #row-left #page article blockquote{font-style:italic;line-height:17px;margin:10px 0;}
#wrap #row-left #page article a{color:#D7D7D7;}
.static_page ul{margin:10px 0px 10px 50px;list-style:inherit;line-height:16px;}
.static_page ul li{margin-top:5px;}
#wrap #row-left #page article{height:auto;min-height:650px;}
#wrap #row-left #page article img{display:block;margin-bottom:10px;}
#wrap #row-left #pagination{background:#28221d;height:48px;width:100%;margin-top:5px;padding:1px 0}
#wrap #row-left #pagination ul{margin:12px 12px 0 12px;}
.current{background:#547a2c!important;border-color:#7cbe37!important;}
#wrap #row-left #pagination ul li a,#pagination ul li span{background:#453326;border-top:1px solid #715744;color:#c7c7c7;text-decoration:none;float:left;font-size:12px;margin-right:10px;width:25px;height:25px;line-height:25px;text-align:center;}
#wrap #row-left #pagination ul li:last-child a{width:25px;}
#row-right{background:-moz-linear-gradient(top, rgba(40,34,29,0.8) 0%, rgba(40,34,29,0.8) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(40,34,29,0.8)), color-stop(100%,rgba(40,34,29,0.8)));background:-webkit-linear-gradient(top, rgba(40,34,29,0.8) 0%,rgba(40,34,29,0.8) 100%);background:-o-linear-gradient(top, rgba(40,34,29,0.8) 0%,rgba(40,34,29,0.8) 100%);background:-ms-linear-gradient(top, rgba(40,34,29,0.8) 0%,rgba(40,34,29,0.8) 100%);background:linear-gradient(to bottom, rgba(40,34,29,0.8) 0%,rgba(40,34,29,0.8) 100%);float:left;width:249px;margin-left:7px;padding:12px 12px;color:#9e9e9e;font-size:13px;line-height:17px;}
#row-right aside h4{background:url(../images/bg_light-brown.png) repeat-x;width:250px;height:34px;text-align:center;color:#d7d7d7;font-weight:bold;font-size:14px;text-transform:uppercase;margin:15px 0;display:inline-block;line-height:35px;}
#row-right aside:first-child h4{margin-top:0}
#row-right aside p{line-height:18px;}
#row-right aside form input[type="text"],input[type="password"]{background:#201a16;border:1px solid #363636;height:26px;display:block;width:238px;padding-left:10px;color:#846D57;outline:none;color:#888888;}
#row-right aside form input:first-child{margin-bottom:8px;}
#row-right aside form input[type="password"]{margin-bottom:8px;}
#row-right aside form input[type="submit"]{font-size:11px;letter-spacing:1px;height:22px;line-height:0px;}
#row-right aside #lost-pass{font-size:11px;border:1px solid #565656;padding:5px 9px;color:#828282;text-decoration:none;height:11px;line-height:1;float:right;-webkit-transition:background-color,color 0.5s ease;-moz-transition:background-color,color 0.5s ease;-ms-transition:background-color,color 0.5s;}
#row-right aside #lost-pass:hover{background:#3F2121;color:#B8B8B8}
#row-right aside #register{font-size:11px;border:1px solid #565656;padding:5px 9px;color:#828282;text-decoration:none;height:11px;line-height:1;float:right;-webkit-transition:background-color,color 0.5s ease;-moz-transition:background-color,color 0.5s ease;-ms-transition:background-color,color 0.5s;;cursor:pointer;}
#row-right aside #register:hover{background:#3F2121;color:#B8B8B8;cursor:pointer;}
#row-right aside #logout{font-size:11px;border:1px solid #565656;padding:5px 9px;color:#828282;text-decoration:none;height:11px;line-height:1;float:right;-webkit-transition:background-color,color 0.5s ease;-moz-transition:background-color,color 0.5s ease;-ms-transition:background-color,color 0.5s;}
#row-right aside #logout:hover{background:#3F2121;color:#B8B8B8}

#content section form input[type="text"],input[type="password"]{background:#201a16;border:1px solid #363636;height:26px;display:block;width:238px;padding-left:10px;color:#846D57;outline:none;color:#888888;}
#logged{overflow:hidden;line-height:18px;}
#logged > img{float:left;margin:0 10px;display:inline-block;}
#user_login{color:#fff;}
#user_login span{color:#9e9e9e}
#actions a{margin-right:10px;display:inline-block;}
#row-right aside #icon-status{float:left;margin-right:7px;}
#row-right aside #server-name{color:#e5e5e5;text-transform:uppercase;font-size:11px;font-weight:bold;letter-spacing:2px;display:block;}
#row-right aside #players-online{color:#ccc14b;font-size:11px;display:block;line-height:11px;}
#row-right aside #progress-bar{background:#dadada;height:10px;width:100%;margin:6px 0;line-height:0}
#row-right aside #progress-bar span{background:#b63f3f;display:inline-block;height:10px;}
#row-right aside #dl{width:100%;height:24px;background:#2b3757;text-decoration:none;color:#cecece;text-align:center;font-size:12px;display:inline-block;border-top:1px solid #6780cb;line-height:24px}
#wrap footer{background:url(../images/bg_green.gif) repeat-x;height:49px;clear:both;border:6px solid #28221d;margin:11px 0;text-align:center;font-size:12px;color:#000000;text-transform:uppercase;line-height:50px;letter-spacing:3px;font-weight:bold;}
#wrap footer small span{font-weight:bold;}
.clear{clear:both;}
.button,form input[type="submit"]{background:#8f2727;border-top:2px solid #d32a2a;color:#fff;padding:0 15px;height:23px;text-decoration:none;display:inline-block;font-size:12px;line-height:22px;text-align:center;}
input[type="submit"]{cursor:pointer;border:none;outline:none;}
.button:hover,form input[type="submit"]:hover{background-color:#932E2E;}
.button:active,form input[type="submit"]:active{position:relative;top:1px;}
#row-right aside .button{display:block;width:100%;padding:0;margin-top:8px;}
article h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 190px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0px 5px 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 135%;
    left: 50%; 
    margin-left: -95px; /* Use half of the width (120/2 = 60), to center the tooltip */
    opacity: 0;
    transition: opacity 1s;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}