/***************** BF:Heroes Theme v1.0 by roofdog78 *****************/

body{
margin: 0;
padding: 0;
font: normal 11px Tahoma, Verdana, Georgia, Sans-Serif;
color: #000000;
min-width: 1000px;
background: #494e2e url(images/bg.jpg) repeat;
background-attachment: fixed;
}

a {
color: #000000;
text-decoration: none;
}

a:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}

#header {
width: 1000px;
margin: 0 auto;
}

#topsection{
background: #494e2e url(images/header.jpg) no-repeat;
background-position: top;
height: 350px;
width: 1000px;
padding: 0;
}

#sitename {
color: #000000;
font: 1px Impact, Tahoma, Arial;
padding-top: 345px;
padding-left: 1px;
}

#topmain {
background: url(images/top_mainbg.png) no-repeat;
width: 1000px;
height: 0;
}

#maincontainer{
background: url(images/middle_mainbg.png) repeat-y;
width: 1000px;
height: 100%;
margin: 0 auto;
}

#contentcolumn {
width: 780px;
margin-left: 20px;
}

#contentcolumn a{
color: #000000;
text-decoration: underline;
font-weight: bold;
}

#contentcolumn a:hover{
color: #ffffff;
text-decoration: underline;
font-weight: bold;
}

#contentcolumn .button {
background: #A7AB81;
color: #000000;
font: 12px Tahoma, Verdana, Georgia, Sans-Serif;
font-weight: normal;
border: 1px solid #000000;
text-align: center;
padding: 4px;
}

#contentcolumn .button:hover {
background: #A7AB81;
color: #FFFFFF;
font: 12px Tahoma, Verdana, Georgia, Sans-Serif;
font-weight: normal;
cursor: pointer;
border: 1px solid #FFFFFF;
text-align: center;
padding: 4px;
}

#contentcolumn2 {
width: 780px;
}

#contentcolumn2 .button {
background: #A7AB81;
color: #000000;
font: 12px Tahoma, Verdana, Georgia, Sans-Serif;
font-weight: normal;
border: 1px solid #000000;
text-align: center;
padding: 4px;
}

#contentcolumn2 .button:hover {
background: #A7AB81;
color: #FFFFFF;
font: 12px Tahoma, Verdana, Georgia, Sans-Serif;
font-weight: normal;
cursor: pointer;
border: 1px solid #FFFFFF;
text-align: center;
padding: 4px;
}

#leftcolumn{
width: 200px;
}

#leftcolumn .button {
background: #A7AB81;
color: #000000;
font: 12px Tahoma, Verdana, Georgia, Sans-Serif;
font-weight: normal;
border: 1px solid #000000;
text-align: center;
padding: 4px;
}

#leftcolumn .button:hover {
background: #A7AB81;
color: #FFFFFF;
font: 12px Tahoma, Verdana, Georgia, Sans-Serif;
font-weight: normal;
cursor: pointer;
border: 1px solid #FFFFFF;
text-align: center;
padding: 4px;
}

#rightcolumn{
margin-top: 15px;
width: 0px;
}

#rightcolumn .button {
background: #282E10;
color: #FFFFFF;
font: 12px Tahoma, Verdana, Georgia, Sans-Serif;
font-weight: normal;
border: 1px solid #FFFFFF;
text-align: center;
padding: 4px;
}

#rightcolumn .button:hover {
background: #4A0B09;
color: #323232;
font: 12px Tahoma, Verdana, Georgia, Sans-Serif;
font-weight: normal;
cursor: pointer;
border: 1px solid #000000;
text-align: center;
padding: 4px;
}

#main_bottom {
background: url(images/bottom_mainbg.png) no-repeat;
height: 33px;
width: 1000px;
}

#footer{
font-size: 10px;
width: 100%;
text-align: center;
color: #FFFFFF;
}

#footer a {
color: #FFFFFF;
font-weight: bold;
}

#footer a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

#footer img {
border: 0px;
}

#footer_main {
width: 1000px;
height: 115px;
background: url(images/footer_bg.png) no-repeat;
padding-top: 50px;
}

#license {
text-align: right;
padding: 8px;
}

#disclaim {
text-align:center;
}

/************ content class **************/

.content_table {
margin-bottom: 15px;
}

.content_caption {
background: url(images/chead.png) no-repeat;
height: 15px;
vertical-align: top;
}

.content_body {
background: url(images/cbody.png) repeat-y;
padding: 0px 14px 9px 14px;
text-align: left;
}

.content_bottom {
background: url(images/cbottom.png) no-repeat;
height: 180px;
}

/************ Navigation classes **************/

.nav {
color: #000000;
}

.nav_buttons {
padding-left: 5px;
padding-right: 5px;
}

.nav_buttons a {
display: block;
width: 188px;
font-size: 11px;
color: #000000;
}

.nav_buttons a:hover {
color: #000000;
background: #C9CDA7;
font-size: 11px;
}

.hilite {
color: #000000;
font-size: 11px;
padding-left: 5px;
}

.hilite a {
color: #FFFFFF;
display: block;
width: 188px;
}

.hilite a:hover {
color: #494E2E;
}

.hoofd_menu {
margin-bottom: 15px;
}

.hoofd_menu_caption {
background: url(images/mhead.png) no-repeat;
height: 35px;
color: #FFFFFF;
font-size: 14.6px;
font-weight: bold;
text-align: center;
padding-top: 10px;
}

.hoofd_menu_body {
background: url(images/mbody.png) repeat-y;
list-style-image: url(images/arrow.gif); 
}

.hoofd_menu_bottom {
background: url(images/mbottom.png) no-repeat;
height: 40px;
}


/***************** News Classes *********/

.news_table {
width: 100%;
}

.news_caption {
background: url(images/caption_bg.png) no-repeat;
height: 95px;
vertical-align: top;
}

.caption {
color: #FFFFFF;
font-size: 17px;
font-weight: bold;
text-align: left;
padding: 48px 2px 4px 40px;
}

.news_content {
padding: 10px;
text-align: left;
}

.news_bottom {
}

.news_info {
background: url(images/news_info_bg.png) no-repeat;
color: #000000;
}

.news_info a {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

.news_info a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.news_image {
float:left;
margin: 6px;
border: 4px solid #282E10;
}

.newscath {
margin-bottom:8px;
text-align:left;
}

/***************** Menu Classes ****************/

.menu_table {
margin-bottom: 15px;
}

.menu_caption {
background: url(images/mhead.png) no-repeat;
height: 57px;
color: #000000;
font-size: 14.6px;
font-weight: bold;
text-align: center;
padding-top: 10px;
}

.menu_content {
background: url(images/mbody.png) repeat-y;
padding: 0px 14px 9px 14px;
text-align: left;
}

.menu_bottom {
background: url(images/mbottom.png) no-repeat;
height: 40px;
}

.menu_captionl {
background: url(images/mhead.png) no-repeat;
height: 35px;
vertical-align: top;
color: #000000;
}

.captionl {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
text-align: left;
padding: 1px 5px 4px 12px;
vertical-align: top;
}

.menu_contentl {
background: url(images/mbody.png) repeat-y;
padding: 5px 9px 3px 5px;
text-align: left;
color: #000000;
}

.menu_contentl a {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

.menu_contentl a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.menu_bottoml {
background: url(images/mbottom.png) no-repeat;
height: 40px;
}

.menu_captionr {
background: url(images/menu_cap_gr.png) no-repeat;
height: 73px;
vertical-align: top;
}

.captionr {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
text-align: left;
padding: 15px 5px 4px 96px;
vertical-align: top;
}

.menu_contentr {
background: url(images/menu_bod_gr.png) repeat-y;
padding: 6px 9px 9px 23px;
text-align: left;
color: #FFFFFF;
}

.menu_contentr a {
color: #FFFFFF;
font-weight: bold;
}

.menu_contentr a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.menu_bottomr {
background: url(images/menu_bot_gr.png) no-repeat;
height: 23px;
}

.menu_captionc {
background: url(images/caption_bg.png) no-repeat;
height: 105px;
vertical-align: top;
}

.captionc {
color: #FFFFFF;
font-size: 17px;
font-weight: bold;
text-align: left;
padding: 48px 2px 4px 40px;
}

.menu_contentc {
background: url(images/menu_bod_bl.png) repeat-y;
text-align: left;
color: #000000;
}

.menu_contentc a {
color: #000000;
font-weight: bold;
}

.menu_contentc a:hover {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

.menu_bottomc {
background: url(images/menu_bot_bl.png) no-repeat;
height: 19px;
}

.menu_captionc2 {
background: url(images/menu_cap_bl2.png) no-repeat;
height: 94px;
vertical-align: top;
}

.captionc2 {
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
text-align: left;
padding: 37px 5px 4px 135px;
vertical-align: top;
}

.menu_contentc2 {
background: url(images/menu_bod_bl2.png) repeat-y;
padding: 8px 9px 9px 23px;
text-align: left;
color: #FFFFFF;
}

.menu_contentc2 a {
color: #FFFFFF;
font-weight: bold;
}

.menu_contentc2 a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.menu_bottomc2 {
background: url(images/menu_bot_bl2.png) no-repeat;
height: 19px;
}
.menu_bottom {
background: url(images/mbottom.png) no-repeat;
height: 40px;
}

.login_table {
margin-top: -340px;
margin-left: 765px;
position: relative;
width: 192px;
height: 300px;
min-height: 300px;
}
.login_captionl {
background: url(images/lhead.png) no-repeat;
height: 23px;
min-height: 23px;
color: #000000;
font-size: 13px;
font-weight: bold;
vertical-align: bottom;
text-align: center;
}

.login_menu_template {
width: 165px;
padding: 0;
}

.login_contentl {
background: url(images/lbody.png) repeat-y;
padding: 5px 0px 0px 15px;
text-align: left;
color: #000000;
height: 255px;
vertical-align: top;
}

.login_content1 form {
text-align: left;
padding-left: 50px
}

.login_contentl a {
color: #000000;
font-weight: bold;
text-decoration: underline;
}

.login_contentl a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.login_bottoml {
background: url(images/lbottom.png) no-repeat;
height: 23px;
min-height: 23px;
}

/***************** Core classes ***********/

.smalltext, .smallblacktext, .tbox, .nextprev, .helpbox {
font-size: 10px;
}

h1 {
font-size: 15px;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
}

h2 {
font-size: 13px;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
}

h3 {
font-size: 16px;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
}

.tbox, .helpbox{	
border: 1px solid #000000;
padding: 4px;
width: auto;
margin: 4px;
background: #C9CDA7;
}

.indent {
border: #000000 1px dashed;
padding: 8px;
margin: 0px;
}

.nextprev {
border: 0px;
text-align: center;
padding: 2px;
}

.nextprev2 {
border: 0px;
text-align: center;
padding: 2px;
background-color: #FFFFFF;
}

code {
border:1px solid #000000;
padding:8px;
margin:14px
}

blockquote {
border:1px solid #000000;
background: yellow;
padding: 15px;
margin: 5px 0;
}

b{font-size: 110%;}

a img{
border: 0px solid #FFFFFF;
}

/*************** Chatbox/Comment Classes *************/

#chatbox .tbox, .helpbox{	
margin: 0;
border: 1px solid #000000;
padding: 0;
width: 100%;
}

#chatbox .button {
text-align: center;
}

#commentform .tbox, #commentform .helpbox{
width: 200px; 
border: 1px solid #000000; 
}
 
/*************** Forum/Download Classes *************/
  
.fborder, .border{
border-collapse: separate;
border-spacing: 2px;
}

.forumheader {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
padding: 12px;
text-align: left;
}

.forumheader img {
padding-right: 7px;
}

.fcaption {
background: #494E2E;
font-weight: bold;
font-size: 14px;
padding: 8px;
margin: 8px 0px;
border: 2px solid #000000;
border-spacing: 0px;
}

.forumheader2, .forumheader3 {
border-collapse: collapse;
text-align: left;
padding: 6px;
border: 1px #000000 solid;
}

td.forumheader4 {
border: 1px #000000 solid;
}

.forumheader11 {
border-collapse: collapse;
text-align: center;
padding: 6px;
border: 1px #000000 solid;
}

.defaulttext {
font-size: 11.7px;
}

.forumspacer {
width: 100%;
height: 10px;
}

/******* ADD ON classes voor de Competites & Games pagina *****/

.game {
	background-color:#333;
	border:1px solid #fff;
	padding:3px;
	padding-bottom:1px;
	display:block;
	color:#fff;
	font-family:Verdana;
	font-weight:bold;
	cursor:pointer;
	margin-top:5px;
	
}

.game:hover {
	background-color:#444;
}

.game img {
	margin-right:3px;
}

.game_inner {
	position:relative;
	bottom:7px;
}

.game_info {
	background-color:#fff;
	border:1px solid #fff;
	padding:3px;
	color:#111;
	font-family:Verdana;
	display:block;
	border-top:0;
	font-size:10px;
}

.game_info img {
	border:1px solid #111;
	margin-bottom:5px;
}