/*Phos Theme for PHP-Fusion 7 by Max "Matonor" Toball*/
/* Modified by MvE Designs */

/*General*/
html {font-size: 75%;}
body {
	background-color: #d1d1d1; color: #3d3d3d;
}
* {
	font-family: Verdana, Arial, Sans, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
}
#cont_l {
	padding: 0.6em 50px 0;
	background: url(images/shadowl.png) repeat-y left;
}
#cont_r {
	background: url(images/shadowr.png) repeat-y right;
}
#cont{background-color: #d1d1d1;}
ul, ol, dl {margin: 0.5em 1em}
li {margin-left: 1.5em; line-height: 1.5em;}
option {padding-left: 0.75em}
#subheader ul, #subheader li, #userbar ul, #userbar li, #navigation ul, #navigation li {margin: 0; line-height: inherit;}

/*Links*/
a {text-decoration: none; outline : 0 !important;}
a:hover {text-decoration: underline;}
#subheader a, #links a{
	color: #fff;
	text-decoration: none;
}
#subheader a{
	display: block;
	float: left;
   color: #242424;font-size: 1em;
	margin-right: 0.75em;
	margin-bottom: -2px;
	background: #e5e5e5 url(images/tabbg.png) repeat-x top right;	
}
* html #subheader a {margin: 0 0.2em;}
#subheader a span{
	display: block;
	float:left;
	height: 2em;
	line-height: 2em;
	padding: 0 0.5em;
	background: transparent url(images/tabl.png) no-repeat top left;	
}
#subheader a:hover, #subheader .active a{
	background: #fff url(images/tabhbg.png) repeat-x top right;
}
#subheader a:hover span, #subheader .active span{
	background-image: url(images/tabhl.png);
}
/* [Added by MvE Designs] */
#subheader-extra { color: #fff; }
/* [/Added by MvE Designs] */
#links a{
	line-height: 1.45em;
	height: 1.45em;
	margin-right: 0.3em;
}
#links a:hover { color: #ccc; }
#footer a {
	color: #fff;
}
#anchors a { /*Ga naar #content link */
	line-height: 1.45em;
	color: #D7D7D7;
	margin-left: 0.5em;
}
#anchors a:active, #anchors a:focus, #anchors a:hover { color: #ccc; }
.admin-message a{
	color: #fff;
	text-decoration: underline;
}

/*Structure*/
.resized{padding: 0 50px;}
#subheader{
	background: url(images/subheadbg.png) repeat-x;
	padding-top: 0.7em;
	overflow: hidden;
	height: 1.9em;	
}
#subheader ul{
	display: table;
	white-space: nowrap;
	right: 0 !important;
	padding: 0 !important;
}
#subheader li{
	display: table-cell;
}
/* [added by mve designs]*/
#subheader .submit{
	color: #397196;
	background: #fff;
	border: 1px solid #ddd;
}
#subheader .input{
	color: #555;
	background: #fff;
	border: 1px solid #ddd;
}
/* [/added by mve designs] */
#mainheader{
	padding: 0 1em 1em;
}
#userbar{
	height: 1.8em;
	position: relative;
	font-family: "Trebuchet MS", "Lucida Grande", sans-serif;
}
#userbar ul li, #subheader ul li {
	float: left;
	list-style: none;
}
#links{
	position: absolute;
	right: 0.5em;
	top: 0;
}
#tab{
	position: absolute;
	right: -13px;
	bottom: 0;
	margin-top: 0.1em;
	width: 210px;
	height: 23px;
	background: transparent url(images/tab_l.gif) repeat-x bottom left;
}
#tab_r{
	height: 23px;
	line-height: 23px;
	padding: 0 1em;
}
#footer {
	background-color: #397196 !important; /* added */
	color: #c2c2c2; /* modified */
	/*margin: -1em auto 0 auto;*/
	padding: 1em;
	font-size: 0.9em; /* modified */
}
#footer a, #footer a:link, #footer a:hover, #footer a:active {    /*Disclaimer ... in footer */
    color: #fdfdfd;
    border-bottom: 1px dotted #fdfdfd !important ;
}
#subfooter {     /*verwerkingstijd in footer*/
	margin: 0 auto;
	padding: 1em;
	color: #fdfdfd;
    background-color: #397196 !important;
	font-size: 0.9em;
}
#main-bg {z-index: 3;}
#main-bg .panelbody {margin-bottom:0.6em; border: 1px solid #ccc;}
/*redefine floatfix */
#main-bg .panelbody .floatfix {background: #fdfdfd; color: #707070;}
#main-bg .panelbody .panelcap {padding: 0.1em 0.5em;}
* html #main-bg, * html #cont{
	height: 1%;
	width: auto;
	background: transparent;
}
/*Navigation Panel*/
#navigation{ margin: -0.4em; }
#navigation h2, .side-label {
	color: #444;
	padding: 0.25em;
	margin-bottom: 1px;
	font-weight: 700;
}
#navigation ul {
	margin: 0;
	display: block;
	list-style-type: none;
	line-height: 1.2em;
}
#navigation .bullet {display: none;}
* html #navigation ul li, #navigation a {height: 1%;}
#navigation a {
	background: #f0f0f0 url(images/navbg.jpg) repeat-x center right;
	display: block;
	text-decoration : none;
	margin-bottom: 1px;
}
#navigation a span{
	color: #444;
	display: block;
	height: 1.7em;
	line-height: 1.7em;
	padding: 0 0.5em;	
}
#navigation a:hover {background-image: url(images/navhbg.jpg);}

/*Misc Styles*/
#container{
	width: 100%;
	overflow-x: auto;
	overflow-y: visible;
}
.pagenav {padding: 0.4em;}
.pagenav span, .pagenav a, .pagenav a:hover {
	color: #ccc;
	border: 1px solid #ccc;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin: 0.2em;
	text-decoration: none;
}
.pagenav a {
	color: #333;
}
.switcherbutton{
	height: 16px;
	width: 16px;
}
.panelbutton{
	margin: 0.5em 0;
}
.textbox, .button {
	border-width: 1px;
	font-size: 1em;
	margin-top: 0.1em;
	padding: 0.25em;
}
.textbox{
	border-style: inset;
}
.button{
	color: #fff;
	border-style: outset;
	font-weight: bold;
}
.bbcode{
	background: #f0f0f0;
	border: 1px solid #ccc;
}
.quote,.admin-message {
	border: 1pt solid #999;
	margin: 0 2em;
	padding: 3pt;
}
.admin-message{
	color: #999;
	padding: 0.5em;
	margin: 1em auto;
	width: 80%;	
}
code, pre {
	font-family: monospace;
}
.poll {height: 1em; border: 1px solid #000; background: #333;}
.shoutboxname, .comment-name {font-weight: 700;}
.shoutboxdate {
	color: #888;
	font-size: 0.8em;
}
.small,.small2,.side-small {/*font-size: 0.9em;*/}
.tbl-border{
	background: #f5f2eb;
	border: 1px solid #f5f2eb;
}
.tbl,.tbl1,.tbl2,.forum-caption {padding: 3pt;}
.forum-caption {
	color: #666;
	font-variant: small-caps;
	font-weight: 700;
	background: #eee;
}
.tbl1 {background: #f6f6f6;}
.tbl2 {background: #f2f2f2;}
hr {
	border-bottom:1px dotted #333;
	height: 1pt;
}
.setuser_body{
	background: #3a3a3a;
	color: #333;
}
.panelbutton{float: right;}
/* 
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ++  Definities m.b.t. nieuws                                                              ++
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.news-message, .news-message p {
  color: #666;
  font-size: 1.24em/1.12em;
  background: transparent;
  text-align: left;
  margin: 0.5em 0.4em 0.6em 0.5em;

}
.news-message p.first {
  margin: 0.4em 0.4em 0.4em 0.5em;
}

.news-message p.second {
  clear: both;
  float:left;
  margin: -2em 7.0em 0.2em 0.7em;
   }

.news-message p.follow {
  margin: 0em 1.6em 0em 0.7em;
 }
.news-footer {
	border: 1px dotted #C2C2C2;
	padding: 0.5em;
	font-size: 0.9em;
	text-align:right;
}
.news-footer .bullet { display: none; }
.news-category {
	float: right;
	margin: 0.3em 0.4em 0.6em 0.8em;
   clear: right;
	border: 0;
}
.news-footer-img {vertical-align: middle;}
.news-message a {
  color: #707070;
  margin-top: 0.3em;
  text-align: left;
  border-bottom: 1px dotted #ACACAC !important;
}
.news-message span.imgextlink {
  padding-left: 0.8em;
  padding-right: 0.2em;
  padding-top: 0.3em;
  margin-left: 0.3em;
  margin-right: -0.2em;  /*for IE */
  background: #EBECF6 url(images/ext_link.png) no-repeat bottom;

}
.news-message .news-important-readme {
  font-weight: 600;
  border: 1px dotted #707070;
  background: transparent;
  padding: 0.3em 1.6em;
  margin: 1em 0;
}
.news-message .news-dl_itbox {
  border: 1px dotted #707070;
  padding: 4em;
  width: 250px;
  margin: 2.20em auto 2em;
  color: #7297BA;
  background-color: #FDEBCF !important;
 }
.news-message .news-notice-caption {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 9pt;
  color: #FF542E;
  margin-bottom: 0.45em;
  text-align: center;
 }
.news-message .news-notice {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
  border:#D6DEF3 solid 2px;
  width: 380px;
  padding: 1.3em 1.8em;
  background-color:#f9f9f9;
  margin: 2.20em auto 2em;
  line-height: 11pt;
  text-align: justify;
}

.news-message .news-update-caption {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 9pt;
  color: #FF542E;
  margin-bottom: 0.45em;
  text-align: center;
 }

.news-message .news-update {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
  border:#D6DEF3 solid 2px;
  width: 380px;
  padding: 1.3em 1.8em;
  background-color:#f9f9f9;
  margin: 2.20em auto 2em;
  line-height: 11pt;
  text-align: justify;
    }

/*p.second dient voor uitlijning tov drop cap! p.second enkel gebruiken als p.first zeer kort is*/
/*anders gewoon p.follow gebruiken!!*/

.important {
  margin: 10px auto 6px;
  background: transparent;
  border: 1px dotted #c2c2c2;
  padding: 8px 10px;
  text-align: center;
}
/*
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ++  Definities DROP CAPS                                                                  ++
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */
 /*dropcaps in a box: WITH the box id*/
#box {display:block; width:250px; line-height:normal; letter-spacing:1px; font-family: times new roman, serif; font-size:16px; color:#000; border:1px solid #ddd; padding:5px; margin:2em auto;}

/*dropcap without a box: DO NOT USE the box id*/
.cap {font-size:50px; /*color:#397196;*/ font-weight:bold; float:left; height:34px; line-height:34px; margin-top:2px; margin-right:1px;margin-bottom: 15px;}
.cap {font-family: "Times New Roman", serif;}
* html .cap {margin-right:-2px; margin-top:3px;margin-bottom: 15px;}
/*
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ++  Algemene definities side                                                              ++
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.side-both #main-bg {margin: 0 18em;}
.side-left #main-bg {margin: 0 0.6em 0 18em;}
.side-right #main-bg {margin: 0 18em 0 0.6em;}
/*.panelbody{
	/*padding: 0 0.5em;}*/
.panelbody {
    padding: 0 0.5em 0.5em 0.5em;
}
.panelcap {
	color: #FDFDFD;
   background: #397196;
	display: block;
	font-weight: 500;
}
/*
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ++  Definities side-border-left                                                          ++
 ++  Waar staat het linkelpaneel en hoe ziet het er uit                                   ++
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#side-border-left {
	width: 16.75em;
	max-width: 16.75em;
	margin: 0 0.6em;
	/*padding: 0.5em;*/
	z-index: 1;
	float: left;
	display: inline;
}
#side-border-left .panelbody {
	margin-bottom: 0.6em; border: 1px solid #ccc;
}
#side-border-left .panelbody .panelcap{
	padding: 0.1em 0.5em; text-align: center;  	
}
#side-border-left .panelbody .side-label {
   color: #397196;
}
/* 
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ++  Definities side-border-right                                                          ++
 ++  Waar staat het rechterpaneel en hoe ziet het er uit                                   ++
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
#side-border-right {
	width: 16.75em;
	max-width: 16.75em;
	margin: 0 0.6em;
	/*padding: 0.5em;*/
	z-index: 2;
	float: right;
	display: inline;
}
#side-border-right .panelbody {
	margin-bottom: 0.6em; border: 1px solid #ccc;
}
#side-border-right .panelbody .panelcap{
	padding: 0.1em 0.5em; text-align: center;  	
}
#side-border-right .panelbody .side-label {
   color: #397196;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++                                                              ++++ */
/* ++++  REDEFINITIONS BY SKYPECAPT                                  ++++ */
/* ++++                                                              ++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*reassign headings H1 thru H6*/

h1, h2, h3, h4,h5, h6, noframes { display: block }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.25em; margin: .83em 0 }
h4,h5        { font-size: 1em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder; }
/*
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 ++ Definitie Kleurenpallet thema     NOG AAN TE PASSEN!! GEEN KLEURNAMEN GEBRUIKEN!!      ++
 ++ Een ROOD thema bvb kan niet de kleurnaam blue gebruiken, aanpassen dus naar bvb.       ++                            ++ naar themecolor1,2,3 etc...                                                            ++
 ++ Na herdefiniëring VERWIJDEREN UIT DEZE CSS FILE en bijvoegen in bvb. BLUE.CSS          ++
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */
 /* hint: o.a. te gebruiken in combinatie met .important, .cap ... !                          */
 /*                                                                                           */
.blue1   {color: #397196;} /* donker blauw  (voor alles bruikbaar)                            */
.blue2   {color: #7297BA;} /* licht blauw   (voor alles bruikbaar)                            */
.blue3   {color: #ADC1D6;} /* heel licht blauw (voor lijntjes)                                */
.blue4   {color: #CFD6DE;} /* ultra licht blauw (voor achtergronden)                          */
.orange1 {color: #F2BC00;} /* knallend oranjegeel (voor alles bruikbaar)                      */
.yellow1 {color: #FFF0BA;} /* ultra licht geel (voor achtergronden)                           */
.red     {color: #FF542E;}  /* Helder rood opmerkingen, lees dit, important, mededelingen etc  */

.bg_yellow1 {background-color: #FFF0BA;}
/*Gebruik: <span class='cap blue1'>M</span>ededeling */

/*Helpers*/
.center {margin: 0 auto;}
.content_center {text-align: center;}
.flleft {float: left !important;}
.flright {float: right !important;}
.clear {clear: both;}
.inline {display:inline;}

/*IE Fixes*/
* html #main-bg {
	height: 1%;
	width: auto;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
.floatfix {overflow:hidden;}
* html .floatfix {width:100%;}
.center, *[align="center"] {margin: 0 auto;}