@font-face {
  font-family: "Stencilia-A";
  src: url(../font/Stencilia-A.eot);
  src: url(../font/Stencilia-A.ttf) format("truetype");
}

body{color: #4D4D4D; font-family: Arial, Tahoma, Verdana; padding: 0px; margin: 0px;}
body,td,th {font-size: 12px;}
a:link {color: #4D4D4D; text-decoration: none;}
a:hover{color: #4D4D4D; text-decoration: underline;}
a:active{color: #4D4D4D; text-decoration: underline;}
a:visited{color: #4D4D4D;}
input[type=text],input[type=password]{font-size: 14px; height: 16px; border: 1px #b3b3b3 solid;}
input[type=button],input[type=submit],div.button{font-size: 14px; font-family: Stencilia-A, Arial; color: #fff; background: #000 url(../images/button_bg.png) repeat-x top; border: 1px #b3b3b3 solid; text-transform: uppercase;}
div.button{cursor: pointer; padding: 4px; display: table-cell;}
div.button a{text-decoration: none; color: #fff;}
table {border-spacing: 0px;}
td {padding: 0px;}
a img{border: 0px;}
hr {border: 0px; background-color: #4D4D4D; height: 1px;}
h1{padding: 0px; margin-top: 0px; font-family: Stencilia-A, Arial; text-transform: uppercase;}
h2{padding: 0px; margin-top: 0px; font-size: 14px; font-weight: bold;}
p{line-height: 1.5em; padding: 0px; margin: 0px; margin-bottom: 10px;}

#body_index{background: url(../images/body_bg_index.jpg) repeat-x top;}
#body{background: url(../images/body_bg.jpg) repeat-x top;}
#website{width: 1000px; margin-left: auto; margin-right: auto; }
#header, #header_index{color: #fff; background: #000 url(../images/cbc_aufmacher.jpg) no-repeat top;}
#header_index{ height: 400px;}
#header{ height: 220px;}
#header_index a, #header a{color: #fff;}
#logo{position: absolute; margin-left: 10px;}
#game_menu{position: absolute; margin-left: 670px;}
#game_menu td{padding: 5px;}

#logged .group{font-size: 12px; color: #b70000;}

#menu,#menu_index{font-size: 17px; font-family: Stencilia-A, Arial; position: absolute; height: 35px; width: 1000px; background: url(../images/menu_bg.png) repeat-x;}
#menu{margin-top: 185px;}
#menu_index{margin-top: 365px;}
.cbc_menu table{width: 100%; margin-top: 3px;}
.cbc_menu td{font-size: 17px; white-space: nowrap; border-right: solid 1px #6d6d6e; padding-left: 3px; padding-right: 3px;padding-top: 3px; text-align: center; min-width: 100px;}
.cbc_menu td.first{border-left: solid 1px #6d6d6e; }
.cbc_menu a{text-decoration: none;}
.cbc_menu span{cursor: pointer;}
.cbc_menu input[type=text]{border: 1px #fff solid;}
.undermenu{display: none;position: absolute; width: 180px; font-size: 14px; border: solid 1px #B3B3B3; background: url(../images/undermenu_bg.png);}
.undermenu div{padding: 5px; padding-left: 10px;}
.undermenu div.menu_point:hover{background: url(../images/undermenu_arrow.png) no-repeat left center;}
.undermenu a{text-decoration: none;}
.undermenu input{margin-top: 5px; margin-bottom: 5px;}
.account_um{margin-top: 16px;  margin-left: 588px;}
.login_um{margin-top: 22px; margin-left: 882px;}
.cbc_ruhm_um{margin-top: 71px; margin-left: 234px;}
.account_um_index{margin-top: 196px; margin-left: 588px;}
.login_um_index{margin-top: 202px; margin-left: 882px;}
.cbc_ruhm_um_index{margin-top: 250px; margin-left: 234px;}

.search{width: 170px; height: 18px; }
#search_field {margin-left: 5px;}
#search_field div{float: left;}
#search_field input[type=text]{ width: 140px; padding: 0px; border-right: 0px;}

#sidebar{color: #fff; float: left; margin-top: 24px; font-size: 10px;}
.sidebar{width: 190px; background: #333; padding: 5px; margin-bottom: 10px;}
.sidebar .head, .sidebar .head_unclick{border: #8c8c8c solid 1px; padding: 3px; font-size: 12px; margin-bottom: 5px; background: url(../images/sidebar_head_bg.jpg) repeat-x center;}
.sidebar .head{cursor: pointer;}
.sidebar .content{padding: 3px; display: none;}
.sidebar table{width: 100%;}
.sidebar td{padding-top: 2px; padding-bottom: 2px; font-size: 10px;}
.sidebar span.info{color: #6d6d6e; font-size: 9px;}
.sidebar span.select{color: #21AF20;}
.sidebar .image_line{float: left;}
.sidebar_fixed{position: fixed; top: 0;}

#logged{font-size: 14px; font-weight: bold; cursor: pointer;}
#logged td{font-size: 14px;}
#logged a{text-decoration: none;}
#logged table{width: 100%;}
#logged img{max-height: 50px; max-width: 50px;}
#logged td.avatar{width: 50px; padding-right: 10px;}
#logged td.cbc_rang{width: 40px;}
#logged .kordel{position: absolute; width: 40px; margin-left: -34px; margin-top: 42px;}

#content{z-index: 1; min-height: 620px; float: right; width: 780px; margin-top: 24px; margin-bottom: 30px;}

#footer{position: absolute; background: #000; left: 0px; right: 0px; height: 100px; line-height: 1.6em;}
#footer_content{margin-left: auto; margin-right:auto; width: 1000px; padding: 5px; color: #fff;}
#footer_content a{color: #fff;}
#copyright{text-transform: uppercase;}
#copyright a{text-decoration: underline;}
#live{z-index: 1000;color: #fff; position: fixed; background: url(../images/live_bg.jpg) repeat-x center; height: 25px; left: 0px; right: 0px; bottom: 0px; text-transform: uppercase;}
#live_content{margin-left: auto; margin-right: auto; width: 1000px; padding: 3px; padding-top: 5px; font-weight: bold;}
#live_ajax{display: none; font-size: 12px; position: absolute; margin-left:90px; margin-top: -15px; width: 910px; font-weight: normal; text-transform: none;}
#live_ajax img{max-height: 12px;}
#live_ajax .live_m,#live_ajax .live_m_u{float: left; padding-right: 5px; padding-left: 5px; border: solid 1px #d8d8d8; background: #f4f4f4; border-radius: 2px; margin-right: 5px;}
#live_ajax .live_m{cursor: pointer;}
#live_ajax .live_m_u{opacity: 0.6;}
#live_ajax .live_m td,#live_ajax .live_m_u td{padding-right: 5px;}
#live_ajax .group{color: #b70000;}
#live_ajax .nick{color: #4D4D4D;font-weight: bold;}
#live_ajax .nick_member{color: #4D4D4D;font-weight: bold;}

.social_btn{float: right; padding-left: 10px;}

.kdn{color: #4D4D4D;}
.kdm{color: #BF0B0B;}
.kdp{color: #21AF20;}

.loadbar{border: solid 1px #4D4D4D;background: #fff; border-radius: 2px;}
.loadbar .bar{margin: 1px; border-radius: 2px;}
.loadbar .pr_0{background: #ccc;}
.loadbar .pr_10{background: #c0cac1;}
.loadbar .pr_20{background: #b3c8b4;}
.loadbar .pr_30{background: #a2c6a3;}
.loadbar .pr_40{background: #92c493;}
.loadbar .pr_50{background: #80c182;}
.loadbar .pr_60{background: #60bc62;}
.loadbar .pr_70{background: #61bc63;}
.loadbar .pr_80{background: #54ba56;}
.loadbar .pr_90{background: #47b84a;}
.loadbar .text{text-align: center; position: relative; font-weight: normal;}
.loadbar .text img{vertical-align: top; display: inline;}

.clear_left{clear: left;}
.clear_right{clear: right;}
.clear{clear: both;}

.member_table{}
.member_table table{ width: 100%;}
.member_table th{padding: 2px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; text-align: left; white-space: nowrap;}
.member_table td{padding: 2px; border-bottom: solid 1px #ccc; white-space: nowrap;}
.member_table tr:hover td{background: #ccc; cursor: pointer;}
.member_table .score{text-align: right;}
.member_table .nick{width: 100%;}
.member_table .col2{background: #efefef;}
.member_table th img{max-height: 12px; max-width: 12px;}
.member_table td img{max-height: 30px; /*max-width: 30px;*/}
.member_table td img.class{max-height: 19px; /*max-width: 30px;*/}
.member_table span{color: #666;}
.member_table .kordel{position: absolute; width: 25px; margin-left: -21px; margin-top: 25px;}



//SITES
#news_list{}
#news_list table{width: 100%;}
#news_list td{font-size: 12px;}
#news_list th{text-align: left;}
#news_list .time{width: 150px; color: #909090;}
#news_list .icon{width: 10px;}
#news_list .desc{padding-left: 5px; font-size: 14px;}
#news_list .desc span{color: #9b0000;}
#news_list .month{font-size: 15px; padding-top: 5px;}
#news_list .new{color: #9b0000; font-style: italic;}

#new_gb{display: none;}
#new_gb td{padding: 2px;}

.news,.news td{ font-size: 13px;}
.news a{text-decoration: underline;}
.news .n{padding: 5px; margin-bottom: 10px;}
.news .avatar{margin-right: 10px; width: 80px; vertical-align: top;}
.news .avatar img{max-width: 70px; max-height: 70px;}
.news img.arrow{position: absolute; margin-left: -54px;}
.news .comment{background: #efefef; padding: 5px; margin-bottom: 2px;}
.news .under_comment{padding-left: 50px; background: #F7F7F7;}
.news .infos{margin-top: 10px;}
/*.news .infos a{text-decoration: underline;}*/
.news .time{color: #a2a2a2;}
.news .user{margin-bottom: 10px; font-weight: bold;}
.news .text{margin-bottom: 10px;}
.news .text_field{display: none; margin-bottom: 10px;}
.news #news_text_field{display: none}
.news .edit{color: #a2a2a2; font-style: italic;}
.news .re{color: #a2a2a2;}
.news img.aufstieg{max-width: 60px; max-height: 60px;}
.news img.medaillie{max-width: 120px; max-height: 120px;}
.news img.cbc_rang{max-width: 30px; max-height: 30px; margin-right: 5px;}
.news img.kordel{position: absolute; width: 25px; margin-left: -26px; margin-top: 25px;}
.news textarea{width: 650px; height: 100px;}

#cbc_details{background: #efefef; border: solid 1px #ccc; padding: 10px; clear: left; clear: right; min-height: 120px;}
#cbc_details .kordel{position: absolute; margin-left: -70px; margin-top: 82px; width: 80px;}
#cbc_details div.rang{float: left; width: 140px; text-align: center;}
#cbc_details img.rang{padding-left:5px;}
#cbc_details img.next_rang{max-width: 15px; max-height: 15px;}
#cbc_details span.rang{font-size: 15px; font-weight: bold;}
#cbc_details div.avatar{float: right;}
#cbc_details div.avatar img{max-width: 120px; max-height: 120px;}
#cbc_details table{margin-left: 150px;}
#cbc_details th,#cbc_details td{padding: 2px; border-bottom: solid 1px #ccc; text-align: left; white-space: nowrap;}

#cbc_d_game_menu{background: #efefef; border: solid 1px #ccc; padding: 4px;}
#cbc_d_game_menu td{cursor: pointer; width: 150px; border-right: solid 1px #ccc; border-top: solid 1px #efefef; border-bottom: solid 1px #efefef; text-align: center;}
#cbc_d_game_menu tr:first-child td { border-left: solid 1px #ccc;}
#cbc_d_game_menu img{max-height: 20px; max-width: 150px; margin: 5px;}
#cbc_d_game_menu .sel{background: #dddcdc;}

#cbc_d_game_details{background: #efefef;  border: solid 1px #ccc; padding: 10px;}

#g_details{}
#g_rank{float: left; width: 140px; text-align: center;}
#g_rank span.g_rank{font-size: 15px; font-weight: bold;}
#g_rank span{font-weight: bold;}
#g_rank p{margin-bottom: 5px;}
#g_rank p img{max-width: 100px; max-height: 25px;}
#g_rank_img{max-width: 100px;}
#g_next_to_rank{margin-left: 150px;}
#g_details_table{}
#g_details_table table{width: 100%;}
#g_details_table td{vertical-align: top; padding: 3px; width: 33%;}
#g_details_table .head{font-weight: bold; clear: left; clear: right; padding: 1px; padding-left: 3px; border-top: solid 1px #ccc; background: #dddcdc;}
#g_details_table .row{clear: left; clear: right; border-top: solid 1px #ccc;}
#g_details_table .key{float: left; padding: 1px; padding-left: 3px;}
#g_details_table .val{float: right; padding: 1px;}

#g_progress {height: 80px;}
#g_progress .p{float: left; height: 80px;  margin-right: 5px;}
#g_progress .g_rank {width: 100px; text-align: center;}
#g_progress .g_bar .loadbar{margin-top: 20px;}
#g_progress img{max-width: 50px; max-height: 50px;}
#g_progress th,#g_progress td{text-align: left; padding: 2px;}

.main_info{}
.extra_info{display: none;}

.g_menu{ clear: left;}
.g_menu div{cursor: pointer; float: left; padding: 5px; border-left: solid 1px #ccc; font-size: 14px;}
.g_menu div:hover{background: #dddcdc;}

.g_table table{width: 100%;}
.g_table tr.odd td{background: #fff;}
.g_table tr.locked td{opacity: 0.3;}
.g_table tr.link td{cursor: pointer;}
.g_table tr:hover td{background: #ccc;}
.g_table td{padding: 3px; border-top: solid 1px #ccc; white-space: nowrap;}
.g_table th{padding: 3px; padding-right: 16px; border-top: solid 1px #ccc; background: #dddcdc url(../images/bg.gif) no-repeat center right; text-align: left; white-space: nowrap; cursor: pointer;}
.g_table thead tr .headerSortUp {background-image: url(../images/asc.gif);}
.g_table thead tr .headerSortDown {background-image: url(../images/desc.gif);}
.g_table .distance{text-align: right;}
.g_table .num{text-align: right;}
.g_table .num span.zero{color: #ababab;}
.g_table span.extra{font-style: italic; color: #21AF20;}
.g_table .icon{width: 1%;}
.g_table .icon img{max-width: 100px; max-height: 15px;}

.g_detail_album{}
.g_detail_album .item{float: left; width: 370px; padding-right: 5px;}
.g_detail_album .item:hover{background: #ccc;}
.g_detail_album .desc table{width: 100%;}
.g_detail_album .desc th{padding: 2px; text-align: left;}
.g_detail_album .desc td{padding: 2px;}
.g_detail_album .name{clear: both;font-weight: bold;}
.g_detail_album .image{padding: 2px; width: 120px; float: left;}
.g_detail_album .image img{max-width: 120px; max-height: 120px;}
.g_detail_album .schloss {position: absolute; margin-top: 15px; margin-left: 105px;}
.g_detail_album .schloss img{max-width: 12px; max-height: 12px;}
.g_detail_album .locked img{opacity: 0.3;}
.g_detail_album .desc {padding-left: 130px;}
.g_detail_album .desc ul,.g_detail_album .desc li{padding:0px; margin: 0px; margin-left: 5px;}
.g_detail_album .lbar {display: inline-block; margin-top: 5px;}

.g_album{}
.g_album .item,.g_album .item-max{float: left; text-align: center;}
.g_album .item{height: 85px;}
.g_album .item-max{max-height: 85px; padding-bottom: 15px;}
.g_album .item:hover,.g_album .item-max:hover{background: #ccc;}
.g_album .image,.g_album .image-max{padding: 2px; display:table-cell; vertical-align: middle;}
.g_album .image {width: 70px; height: 70px; }
.g_album .image-max {width: 70px; max-height: 70px; }
.g_album .image img,.g_album .image-max img{max-width: 70px; max-height: 70px;}
.g_album .schloss {position: absolute; margin-top: -18px; margin-left: 55px;}
.g_album .schloss img{max-width: 12px; max-height: 12px;}
.g_album .locked {opacity: 0.3;}
.g_album .lbar {display: inline-block;}
.g_album .count_lbar {position: absolute; margin-left: 50px; margin-top: -22px;}
.g_album .count_label {position: absolute; margin-left: 50px; margin-top: -30px;}
.g_album .count {position: absolute; margin-left: 45px; margin-top: -5px;}

.g_album_small{}
.g_album_small .item{height: 85px; float: left; text-align: center;}
.g_album_small .item:hover{background: #ccc;}
.g_album_small .image {width: 58px; height: 58px; padding: 2px; display:table-cell; vertical-align: middle;}
.g_album_small .image img{max-width: 58px; max-height: 58px;}
.g_album_small .locked {opacity: 0.3;}
.g_album_small .lbar {display: inline-block;}
.g_album_small .count_lbar {position: absolute; margin-left: 50px; margin-top: -22px;}
.g_album_small .count_label {position: absolute; margin-left: 50px; margin-top: -30px;}
.g_album_small .count {position: absolute; margin-left: 45px; margin-top: -5px;}

.tooltip{display: none;}
.ttip_in{}
.ttip_in td{vertical-align: top;}
.ttip_in .head{font-weight: bold;}
.ttip_image{}
.ttip_in img{max-width: 70px; max-height: 70px;}
.ttip_image img{max-width: 150px; max-height: 150px; padding-right: 5px;}
.image_float img{float: left;}
.ttip_e_image{}
.ttip_e_image img{max-width: 50px; max-height: 50px; padding-right: 5px;}




#bfbc2_extra{}
#bfbc2_extra img{max-width: 50px; max-height: 50px; margin-right: 5px;}
#bfbc2_extra span{position: absolute; margin-top: 40px; margin-left: -15px;}

.next_star{}
.next_star div.star{float: left; width: 150px; height: 60px;}
.next_star div.text{}
.next_star img{float: left;max-width: 45px; max-height: 45px; margin-right: 5px;}
.next_star span.count{position: absolute; margin-top: 35px; margin-left: -13px;}
.more_next_star{display: none;}


#countdown {	height: 66px;	width: 300px;}
#countdown .dash {	width: 35px;	height: 30px;	float: left;	margin-top: 10px;	margin-left: 2px;	padding-left: 23px;	position: relative;	color: white;}
#countdown .dash .digit {font-family: Stencilia-A, Arial;	font-size: 19px;	font-weight: bold;	float: left;	width: 16px;	text-align: center;	position: relative;}
#countdown .dash_title {	font-size: 8pt;	display: block;	text-align: left;	padding-left: 3px;	color: #ccc;}
#countdown_rel {width: 300px;text-align: center; font-family: Stencilia-A, Arial;	font-size: 21px;	font-weight: bold;}

#ratio_graph{margin-left: 25px; width: 700px; height: 200px;}
#ratio_graph .yAxis div{margin-right: 10px;}
#graph_tooltip {background-color: #e0e0e0; border: 1px solid #b6b6b6; padding: 2px; opacity: 0.80; position: absolute; display: none;}

#question_back{z-index: 998; opacity: 0.5; position: fixed; top: 0px; bottom; 0px; left: 0px; right: 0px; background: #000;}
#question{ z-index: 999; font-size: 14px; font-weight: bold; line-height: 2.5em; padding: 10px; position: fixed; left: 50%; margin-left: -250px; top: 200px; width: 600px; background: #fff; border: #ccc 1px solid; border-radius: 5px;}
#question input[type=text]{width: 400px;}
#question label{font-weight: normal;}

.server_info{}
.server_info .image{float: left; padding-right: 10px;}
.server_info table td{padding: 3px;}
.server_info table td span{font-weight: bold;}

.game_server_table{}
.game_server_table table{width: 100%;}
.game_server_table .member{color: #21AF20; font-weight: bold;}
.game_server_table th{padding: 2px; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; text-align: left; white-space: nowrap;}
.game_server_table td{padding: 2px; border-bottom: solid 1px #ccc; white-space: nowrap;}
.game_server_table td span{font-weight: bold;  padding-right: 5px; padding-left: 5px; border: solid 1px #d8d8d8; background: #f4f4f4; border-radius: 2px; margin-right: 5px;}
.game_server_table tr:hover td{background: #ccc;}
.game_server_table .col2{background: #efefef;}