/*
CSS TEMPLATE
*/

/*body*/
body { margin: 0; padding: 0;font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #c9c9c9; }

/*diverse*/
* { padding: 0; margin: 0; border: 0; }
a { outline: none; }
a:link, a:visited { color: #253b60; text-decoration: underline; }

/*main*/
#container { width: 840px; font-size: 12px; margin: 0 auto; padding: 0px; }
#wrapper { float: left; background: url(../images/wrapper.gif) repeat-y 0 0; width: 840px; MARGIN: 0 auto; padding: 0; }

/*title*/
h1 { display: block; color: #3f3f3f; font-size: 14px; font-weight: bold; margin: 0 0 0 5px; padding: 0 0 5px 0; }
h2 { display: block; color: #4a4a4a; font-size: 13px; font-weight: bold; margin: 0 0 0 5px; padding: 0 0 5px 0; }
h3 { display: block; color: #4a4a4a; font-size: 12px; font-weight: bold; margin: 0 0 0 5px; padding: 0 0 5px 0; }

/*header*/
#header { float: left; width: 840px; background-color: #000000; }
#header #logo { float: left; background: url(../images/bened_logo.gif) no-repeat; width: 134px; height: 114px; }
#header #slogan { float: left; background: url(../images/bened_slogan.gif) no-repeat; width: 379px; height: 114px; }
#header #shooter { float: left; background: url(../images/bened_shooter.gif) no-repeat; width: 229px; height: 114px; }
#header #shooter_right { float: left; background: url(../images/bened_shooter_right.gif) no-repeat; width: 66px; height: 82px; }
#header #lang { float: left; width: 66px; height: 32px; font-size: 1px; }
#header #right_top { float: left; background: url(../images/header_right_top.gif) repeat-y top left; width: 32px; height: 32px; }
#header #right_bar { float: left; background: url(../images/header_right_bar.gif) no-repeat; width: 32px; height: 82px; }

#header #lang UL { float: left; width: 66px; height: 32px; font-size: 1px; }
#header #lang LI { float: left; }
#header #lang #eng a { float: left; background: url(../images/icon_english.gif); width: 33px; height: 32px; }
#header #lang #eng a:hover { BACKGROUND: url(../images/icon_english_hover.gif); }
#header #lang #nl a { float: left; BACKGROUND: url(../images/icon_dutch.gif); width: 33px; height: 32px; font-size: 1px; }
#header #lang #nl a:hover { BACKGROUND: url(../images/icon_dutch_hover.gif); }

/*top menu*/
#top_menu { float: left; background: url(../images/tmenu_bg.gif) repeat-x; width: 840px; margin: 0; padding: 0; background-color: #FF00000; }
#top_menu #leftbar { float: left; background: url(../images/tmenu_left.gif) no-repeat; width: 30px; height: 40px; }
#top_menu #rightbar { float: left; background: url(../images/tmenu_right.gif) no-repeat; width: 35px; height: 40px; }

#top_menu ul { float: left;  width: 775px; }
#top_menu li { background: url(../images/tmenu_sep.gif) no-repeat top right; float: left; list-style-type: none; height: 40px; text-align: center; padding-right: 6px; }
#top_menu li a { float: left; height: 29px; padding-top: 11px; color: #FFFFFF; font-family: Verdana, Arial, Helvetica; font-weight: bold; font-size: 11px; text-decoration: none; }
#top_menu li a:hover { background: url(../images/tmenu_bg_hover.gif) repeat-x; }

#top_menu li.home, #top_menu li.home a { width: 65px; }
#top_menu li.gameserver, #top_menu li.gameserver a { width: 105px; }
#top_menu li.voiceserver, #top_menu li.voiceserver a { width: 105px; }
#top_menu li.other, #top_menu li.other a { width: 115px; }
#top_menu li.forum, #top_menu li.forum a { width: 75px; }
#top_menu li.faq, #top_menu li.faq a { width: 75px; }
#top_menu li.contact, #top_menu li.contact a { width: 85px; }
#top_menu li.about, #top_menu li.about a { width: 85px; }

/*content*/
#content { clear:left; }
#content #left { float: left; width: 554px; }
#content #right { float: right; width: 244px; background-color: #373737; background: url(../images/right_menu_wrapper.gif) repeat-y; padding-right: 23px; }

/*special promotions*/
#content .special_promotions { margin-left: 19px; width: 554px; }
#content .special_promotions .header { float: left; background: url(../images/special_promotions.gif) no-repeat; width: 186px; height: 34px; }
#content .special_promotions .header .title { font-size: 11px; font-weight: bold; color: #FFFFFF; padding: 12px 0 0 20px; }
#content .special_promotions .header .title .red { color: #D00000; }
#content .special_promotions .header_bg { float: left; background: url(../images/special_promotions_title_bg.gif) no-repeat; width: 368px; height: 34px; }
#content .special_promotions .border_left { float: left; background: url(../images/special_promotions_border_left.gif) no-repeat; width: 16px; height: 90px; }
#content .special_promotions .border_right { float: left; background: url(../images/special_promotions_border_right.gif) no-repeat; width: 18px; height: 90px;	}
#content .special_promotions .border_bottom { float: left; background: url(../images/special_promotions_border_bottom.gif) no-repeat; width: 554px; height: 10px; font-size: 1px; }
#content .special_promotions .content { float: left; background-color: #000000; color:#FFFFFF; width: 520px; height: 90px; }
#content .special_promotions a, #content .special_promotions a:hover { color:#FFFFFF; }
#content .special_promotions .content img { padding-top: 12px; padding-right: 5px; }

#content label { float: left; width: 150px; text-align: left; display: block; margin: 3px 0 0 0; color: #474749; }
#content input, #content select { border: 1px solid #000000; color: #474749; padding: 1px; font: normal 11px Arial, Verdana, sans-serif; margin: 0 0 5px 0; }
#content .w_large { width: 240px; }
#content .w_medium { width: 120px; }
#content .w_small { width: 60px; }
#content textarea { border: 1px solid #000000; color: #474749; padding: 1px; font: normal 11px Arial, Verdana, sans-serif; margin: 0 0 5px 0; }
#content li { list-style-type: circle; margin-left: 20px; }
#content ul { padding: 4px 0 4px 0; }
#content p { display:block; width: 500px; }
#content table, #content form { float: left; }
#content .promo { padding-left: 12px; }


/*news*/
#news_wrapper { background: url(../images/news_wrapper.gif) repeat-y; width: 554px; margin-left: 19px; }

#news { margin: 0; padding: 0; }
#news #top { float: left; background: url(../images/news_top.gif) no-repeat; width: 554px; height: 12px; font-size: 1px; }
#news .content { width: 544px; padding-left: 6px; color: #383838; font-size: 11px }
#news .content .banner { text-align: center; }
#news #bottom { float: left; background: url(../images/news_bottom.gif) no-repeat; width: 554px; height: 11px; font-size: 1px; }
#news .message { /*background-color: #FFFFFF;*/ padding-left: 6px; padding-right: 6px; padding-bottom: 10px; color: #383838; font-size: 11px }
#news .header { background: url(../images/news_sep.gif) no-repeat; width: 544px; height: 34px; float: left; color: #383838; font-size: 11px; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; }
#news .header .title { font-size: 11px; font-weight: bold; color: #000000; padding: 2px 0 0 10px; }
#news .header .title .red { color: #D00000; }
#news .title { color: #0019a8; font-size: 12px; font-weight: bold; padding-left: 5px; }
#news .postedby { color: #767a7d; font-size: 11px; padding-left: 5px; padding-bottom: 4px; }

/*rightmenu*/
#right #menu_top { float: left; background: url(../images/rmenu_menutop.gif) no-repeat; width: 244px; height: 16px; font-size: 1px; }
#right .menutitle { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; font-weight: bold; padding-left: 20px; }
#right #menu_pub_servers { float: left; background: url(../images/rmenu_public_servers.gif) no-repeat; width: 244px; height: 29px; }
#right #menu_latest_news { float: left; background: url(../images/rmenu_latest_news.gif) no-repeat; width: 244px; height: 9px; }
#right #submenu_top { float: left; background: url(../images/rmenu_submenutop.gif) no-repeat; width: 244px; height: 12px; font-size: 1px; }
#right #menu_itembottom { float: left; background: url(../images/rmenu_menu_item_bottom.gif) no-repeat; width: 244px; height: 8px; font-size: 1px; }
#right .menu_item_wrapper { float:left; background: url(../images/rmenu_menubg_item.gif) repeat-y; width: 244px; margin: auto; }
#right .menu_line { float: left; background: url(../images/rmenu_menubg_line.gif) no-repeat bottom; width: 244px; padding-bottom: 5px; }
#right .menu_item_wrapper .item { margin-left: 20px; color: #FFFFFF; font-size: 10px; background: url(../images/rmenu_iwrapper.gif) no-repeat left center; padding-left: 18px; }
#right .menu_item_wrapper .item .title { color: #4980e6; }
#right .menu_item_wrapper .item .title a { color: #4980e6; text-decoration: none; }
#right .menu_item_wrapper .item .title a:hover { color: #4980e6; text-decoration: underline; }
#right .menu_item_wrapper .more { color: #FFFFFF; font-size: 10px; padding-right: 20px; text-align: right; }
#right #menu_bottom { float: left; background: url(../images/rmenu_menubottom.gif) no-repeat; width: 244px; height: 9px; font-size: 1px; }

#right .bitem { margin: 4px 0 4px 20px; color: #FFFFFF; font-size: 10px; }
#right .bitem_sep { margin: 0 0 0 10px; background: url(../images/rmenu_item_sep.gif) no-repeat bottom; width: 226px; height: 1px; text-align: center; font-size: 1px; }

/*footer*/
#footer { width: 798px; clear: both; margin-left: 19px; Padding: 0; }
#footer #left { float: left; background: url(../images/footer_left.gif) no-repeat; width: 218px; height: 19px; }
#footer #copyright { float: left; background: url(../images/footer_copyright_bg.gif) repeat-x; width: 371px; height: 19px; color: #e2e2e2; font-size: 11px; font-weight: bold; padding-top: 2px; text-align: center; }
#footer #copyright_r { float: left; background: url(../images/footer_right.gif) no-repeat; width: 209px; height: 19px; }