/**********  Plan-B :: Free e107 Theme by roofdog @ Xen Themes   **********/

html, body {
height: 100%;
min-height: 100%;
}

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #252525;
background: #FFFFFF;
}

a {
color: #72A3DB;
text-decoration: underline;
font-weight: bold;
outline: None;
}

a:hover {
color: #FC9C01;
outline: None;
}

/**********  LAYOUT CLASSES  **********/

#xwrap { 
margin: 0 auto;
width: 985px;
/*height: 100%;*/
min-height: 100%;
border-left: 1px solid #FCAC29;
border-right: 1px solid #FCAC29;
}

#xinner_wrap { 
margin: 0 auto;
width: 100%;
min-height: 100%;
}

#xtopbar {
width: 100%;
height: 40px;
line-height: 40px;
border-bottom: 5px solid #FCAC29;
}

#xtopbar .tbox {
color: #DCDCDC;
border: 1px solid #CCCCCC;
width: 330px;
padding: 4px 5px;
}

#xheader {
background: url(images/header_bg.png) no-repeat;
width: 100%;
padding: 0px;
height: 120px;
margin: 0px;
}

#xheader_banner {
float: right;
padding: 30px 10px 0px 0px;
}

#xnavbar {
float: left;
width: 100%;
height: 35px;
padding: 0px;
margin: 0px;
background: #FFF url(images/nav_bg.png) repeat-x;
}

#xcontent {
clear: both;
padding: 0px;
min-height: 100%;
height: 100%;
width: 100%;
}

#xcontent2 {
margin: 15px 0px;
padding: 0px;
height: 100%;
width: 720px;
}

#xleftcol {
/*margin: 0px 10px 0px 5px;*/
padding: 10px;
min-height: 100%;
width: 205px;
}

#xrightcol {
padding-top: 10px;
/*padding-left: 10px;*/
padding-right: 10px;
min-height: 100%;
width: 750px;
}

#xfooter {
background: url(images/footer_bg.png) no-repeat; 
width: 100%;
clear: both;
font-size: 10pt;
height: 60px;
border-top: 5px solid #FCAC29;
text-align: center;
padding: 10px 0px 0px 0px;
}

/**********  NAVIGATION CLASSES  **********/

.nav ul {
margin: 0;
padding: 0;
list-style: none;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.nav a {
float: none;
}
/* End IE5-Mac hack */

.nav li {
float: left;
height: 35px;
margin: 0;
padding: 0;
}

.nav li a {
float: left;
display: block;
line-height: 35px;
height: 35px;
text-decoration: none;
font-size: 17px;
font-weight: bold;
padding: 0px 15px;
color: #72A3DB;
margin-bottom: 0;
/*border-right: 1px #FFF solid;*/
}

div.nav li:hover a {
color: #FC9C01;
background: url(images/nav_bg_hov.png) center center repeat-x;
}

div.nav li.active a {
color: #7D9E3C;
background: url(images/nav_bg_active.png) center center repeat-x;
}

.nav2 ul {
margin: 0;
padding: 0;
list-style: none;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.nav2 a {
float: none;
}
/* End IE5-Mac hack */

.nav2 li {
float: left;
margin: 0;
padding: 0;
}

.nav2 li a {
float: left;
display: block;
text-decoration: none;
font-size: 13px;
font-weight: normal;
padding: 0px;
margin: 0px 12px;
color: #999999;
}

div.nav2 li:hover a {
color: #FC9C01;
}

div.nav2 li.active2 a {
color: #FC9C01;
}

/**********  NEWS CLASSES  **********/

.xnews_table {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px dotted #CCCCCC;
}

.xnews_caption {
clear: both;
padding: 10px 5px 10px 0px;
}

.xnews_content {
margin: 15px 5px;
}

.xnews_image a {
float: left;
padding-right: 15px;
padding-bottom: 10px;
}

.xnews_info {
color: #999999;
margin: 5px 5px 5px 0px;
font-size: 14px;
font-weight: bold;
}

.xnews_info2 {
margin: 0px 5px 0px 0px;
font-weight: bold;
}

/**********  MENU CLASSES  **********/

.xmenu_table {
margin-bottom: 10px;
border: 1px solid #CCCCCC;
}

.xmenu_caption {
height: 30px;
font-size: 17px;
font-weight: bold;
line-height: 50px;
}

.xmenu_content {
    margin: 10px;
}

.xmenu_caption1 {
background: url(images/menu_caption1.png) repeat-y;
height: 30px;
line-height: 30px;
padding: 0px 15px;
}

.xmenu_caption2 {
background: url(images/menu_caption2.png) repeat-y;
height: 30px;
line-height: 30px;
padding: 0px 15px;
}

.xmenu_caption2 h3 {
color: #72A3DB;
}

.xmenu_caption3 {
background: url(images/menu_caption3.png) repeat-y;
height: 30px;
line-height: 30px;
padding: 0px 15px;
}

.xmenu_caption3 h3 {
    color: #FF6A00;
}

.xmenu_caption4 {
background: url(images/menu_caption4.png) repeat-y;
height: 30px;
line-height: 30px;
padding: 0px 15px;
}

.xmenu_caption5 {
background: url(images/menu_caption5.png) repeat-y;
height: 30px;
line-height: 30px;
padding: 0px 15px;
}

.xmenu_caption5 h3 {
color: #7D9E3C;
}

.xmenu_content5 {
margin: 10px;
}

/**********  CORE CLASSES  **********/

h1 {
color: #7F9F3E;
font-size: 19px;
font-weight: bold;
margin: 0;
padding: 0;
}

h2 {
    color: orange;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h3 {
color: #FC9C01;
font-size: 17px;
font-weight: bold;
margin: 0;
padding: 0;
}

.tbox, .helpbox {
border: 1px solid #CCCCCC;
margin: 5px 0px;
padding: 4px 5px;
width: auto;
}

.button {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
padding: 4px 10px;
background: #FC9C01;
border: 0px;
}

.button:hover {
background: #72A3DB;
}

#xleftcol .button {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
padding: 4px 10px;
background: #72A3DB;
border: 0px;
}

#xleftcol .button:hover {
background: #FC9C01;
}

.xmenu_content5 .button {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
padding: 4px 10px;
background: #7D9E3C;
border: 0px;
}

.xmenu_content5 .button:hover {
background: #FC9C01;
}

.smalltext {
font-size: 11px;
}

.defaulttext {
font-size: 12px;
}

.indent {
border: #CCCCCC 1px dashed;
padding: 10px;
margin: 8px;
}

.nextprev, .nextprev2 {
border: 0px;
text-align: center;
padding: 2px;
margin: 5px 0px;
}

p {
margin: 5px;
}

code {
border:1px dashed #CCCCCC;
padding:10px;
margin:10px
}

blockquote {
border:1px dashed #CCCCCC;
background: #FBE79E;
padding: 15px;
margin: 5px 0;
}

a img{
border: 0px;
}

/**********  CHATBOX/COMMENT CLASSES  **********/

.chathead {
font-weight: bold;
padding: 5px 0px 5px 0px;
border-bottom: 1px #CCCCCC dotted;
}

.chattext {
font-size: 12px;
padding: 5px 0px 10px 0px;
}

#chatbox .tbox, .helpbox{	
margin: 5px 0px;
border: 1px dotted #CCCCCC;
padding: 3px;
width: 95%;
}

#commentform .tbox, #commentform .helpbox{
width: 340px; 
border: 1px dotted #CCCCCC; 
}

/**********  FORUM CLASSES  **********/

.fborder {
border: 1px dotted #CCCCCC;
margin: 5px 0;
padding: 5px;
}

.fborder2 {
border: 1px dotted #CCCCCC;
margin: 6px;
padding: 4px;
}

.fcaption {
padding: 4px;
font-weight: bold;
}

.forumheader {
padding: 5px 10px;
background: #D3DCE2;
margin: 5px 0px;
width: 100%;
}

.forumheader2, .forumheader3, .forumheader4 {
padding: 7px;
text-align: left;
border-bottom: 1px dotted #CCCCCC;
}

.finfobar {
padding: 5px;
border-bottom: 3px solid #FCAC29;
}

.xforumheader {
color: #004990;
font-size: 15px;
font-weight: bold;
padding: 5px 10px;
background: #D3DCE2;
margin: 10px 0px;
}

/* Fix voor de veel te grote cols waarde in submitnews.php */
textarea {
    width: 95% !important;
}