/***
**** STYLESHEET
**** By 4worx Software Innovators | 4worx.com
***/

/*** Font size information **************************************************

Use following font sizes (in %) to achieve size in px
Source: http://developer.yahoo.com/yui/fonts/

 (px)    (%)
    10     77
    11     85
    12     93
    13     100
    14     108
    15     116
    16     123.1
    17     131
    18     138.5
    19     146.5
    20     153.9
    21     161.6
    22     167
    23     174
    24     182
    25     189
    26     197


/*** Imports **************************************************/

@import url(/style/reset-fonts.css);


/** XSTANDARD STYLES ****/
img.imgleft {float:left; margin:10px 10px 10px 0; /*margin-right:10px*/}
img.imgright {float:right; margin:10px 0 10px 10px; /*margin-left:10px*/}
.tablefloatleft {float:left; margin-right:10px;}
.tablefloatright {float:right; margin-left:10px;}
p {margin:.5em 0}
p.indent {margin-left:40px}
p.left {text-align:left}
p.center {text-align:center}
p.right {text-align:right}
span.underline {text-decoration:underline}
span.strikethrough {text-decoration:line-through}
div.textbox {clear:both;float:left;width:150px;font-size:.8em;padding:2px 10px;border-top:1px solid gray;border-bottom:1px solid gray}
div.photo {float:right;width:auto;font-size:.8em;font-weight:bold;padding:4px}
em { font-style:italic; }

/*** General **************************************************/

html{
    background-color: #001F33;
}

body {
    font-family: arial;
    text-align: center;
}
html,body { height:100%; }

h1{
    font-size: 116%;
    font-weight: bold;
}

h2,h3 {
    font-size: 100%;
}

/* weergave van basis links: */

a, a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* listitems worden default nooit underlined: */

li a:hover {
    text-decoration: none;
    }

p {
	font-size: 100%;
	margin: 0em 0em 1em 0em;
}

li {
	font-size: 100%;
}

hr {

}

strong {
    font-weight: bold;
}

br.clear {
    clear: both;
}

input.button {
	background-color: #7a1501;
	border: 1px solid #fff;
	color: #fff;
}
.text {
	background-color: #fff;
	border: 2px solid #fff;
	color: #00395A;
	margin: 0.5em 0 0 0.5em;
}

/***Layout*******************************************************/

#wrapper {
    width:990px; /*1024px;*/
    margin: 0px auto;
    text-align:left;
    height: 100%;
    background: #00395a url('/images/wrapperbg.gif') repeat-y;
}

#header {
    /*width: 1024px;*/
	height: 186px;
	background-color: #c3b600;
}

#logo {
    width: 271px;
	float: left;
	height: 156px;
}

#logo a {
    background: none;
    margin: 0;
    padding: 0;
}

#contentWrapper {
	/*width: 1024px;*/
	padding: 7px 20px 0 20px;
    background: #00395a url('/images/wrapperbg.gif') repeat-y;
}

#lcol {
	width: 215px;
	padding: 0px;
	float: left;
}

#mcol {
	/*width: 572px;*/
	width: 538px;
	padding: 0 16px;
	float:left;
	color: #fff;
}

#rcol {
	width: 160px;
	float: left;
	font-size: 85%;
	color: #00519e;
	/*padding: 0 19px 0 27px;*/
}
	
/***banner*******************************************************/

#banner {
	background-image: url(/images/banner.gif);
	background-repeat: no-repeat;
	width: 719px; /*753px;*/
	float: left;
	height: 156px;
}

#banner li {
	margin-top: 18px;
}

#banner a, #banner a:visited {
	color: #7a1501;
	font-weight: bold;
	font-size: 116%;
}

#bannerfaq {
	margin-left: 30.36em;
	/*margin-left: 389px;*/
}

#bannernieuwsbrief {
	margin-left: 36.18em;
	/*margin-left: 475px;*/
}

#bannerlinks {
	margin-left: 33.3em;
	/*margin-left: 430px;*/
}

/*** Navigation Top **************************************************/

#navContainer {
	background-color: #7a1501;
	clear: both;
	height: 30px;
	/*width: 1024px;*/
}

#navTop {
	/*width: 986px;*/
	padding: 0 19px;
}

#navTop a,
#navTop a:visited {
	color: #cccc00;
	padding: 0.25em 0;
	display:block;
	/*float: left;*/
}

#navTop li:hover{
	background: #540000;
	color: #ffffff;
	height: 30px;
}

#navTop li.activeli{
	background: #540000;
	height: 30px;
}

.activeli a:active {
	color: #ffffff
}

#navTop li {
	display: block;
	list-style-type: none;
	padding: 0 2.22em;
	font-size: 123.1%; /*138.5%;*/
	float:left;
	margin: 0 0 /*1.2em*/ 0 0;
}


/*** Left Column **************************************************/

#subNavLeft {
	background-color: #4d758c;
	width: 215px;
	color: #fff;
	min-height: 309px; /*357px;*/
	height:auto !important;
	height: 309px; /*357px;*/
	margin: 0em 0em 0.6em 0em;
}

#subNavLeft li ,
#subNavLeft li a, #subNavLeft li a:visited {
    text-decoration: none;
	color: #ffffff;
	font-size: 110%;
	padding: 0.5em 0em 0.5em 0.5em;
	line-height: 1.5em;
}

#subNavLeft li.activeli,
#subNavLeft li:hover {
	background-color: #b8c8d1;
}

/*** Subnavigation Left Bottom (copyright, colofon) **************************************************/

#leftColDisclaimer{
	width: 215px;
	background-color: #4d758c; /*#b8c8d1;*/
	height: 32px;
	/*margin: 0 0 0.6em 0;*/
}

#leftColDisclaimer div{
	color: #ffffff;
	/*margin: 0 3.5em 0 3em;*/
	padding: 0.5em 0em;
	text-align: center;
}

#leftColDisclaimer a, #leftColDisclaimer a:visited {
	color: #ffffff;
}
#leftColDisclaimer a:hover {
	color: #BAC7D7;
}

/*** Subnavigation "Also in this site" ************************************************/

#subNavLeftBottom {
	width: 215px;
	background-color: #4d758c; /*#b8c8d1;*/
	font-size: 116%;
	color: #00395a;
	height: 94px;
}

#subNavLeftBottom h3 {
	margin: 0em 1em;
	padding: 0em; /*0.5em 0em 0em;*/
	color: #fff;
}

#subNavLeftBottom li a, #subNavLeftBottom li a:visited {
	text-decoration: none;
	color: #bac7d7; /*#7a1501;*/
	line-height: 1.5em;
	padding: 0.2em 0 0.2em 1em;
	
}
#subNavLeftBottom li a:hover {
	color: #fff;
}


/*** Middle Column **************************************************/
#mcol #mcolContent a, #mcol #mcolContent a:visited,
#mcol .mcolContent a, #mcol .mcolContent a:visited{
	text-decoration: none;
	color: #B8C8D1;
}

#mcol #mcolContent a:hover,
#mcol .mcolContent a:hover{
	text-decoration: underline;
}
#mcol .mcolContent img.articleimg {
	float: left;
	margin: 0 10px 10px 0;
}

#mcol h1,
#mcol h2,
#mcol h3 {
	font-size: 110%;
	margin: 0 0 0.3em 0;
	font-weight: bold;
}

#mcol h4{
	font-size: 100%;
	color: #B8C8D1;
	font-weight: bold;
}

#mcolContent {
	width: 275px;
	padding: 0 10px 10px 10px;
	float: left;
}

.mcolContent {
	/*width: 550px;*/
	padding: 0 10px 10px 10px;
	/*text-align: justify;*/
	text-align: left;
}
.mcolContent ol {
margin-left: 25px;
}
.mcolContent ul {
margin-left: 20px;
}
.mcolContent ol, .mcolContent ol li {
list-style-type: decimal;
}
.mcolContent ul, .mcolContent ul li {
list-style-type: circle;
}

#mcolContentRight {
	width: 250px;
	float: left;
	border-left: 1px solid #fff;
	padding: 0 0 1em 1em;
}

#mcolContentBottom {
	clear: both;
	/*width: 560px;
	background-image: url(/images/flash_app.jpg);
	background-image: url(/images/website_random.gif);
	height: 400px;*/
}

#mcol form table tr td textarea input { margin: 0 0 0.5em 0; }

/*** Right Column **************************************************/


#rcol h3 {
	padding: 0.18em 1.8em;
}

#textSize {
	margin: 0em 0em 0.6em 0em;
	background-color: #4d758c; /*#ccd7de;*/
	height: 37px;
	font-size: 108%;
	color: #fff; /*#00395A;*/
	text-align: center;
}

#textSize h3, #textColor h3 {
	/*margin: 0.2em 0em;*/
}

#textSize table, #textColor table {
	margin-top: 0.18em;
}

#textColor {
	/*margin: 0em 1.5em 0.6em 0em;*/
	margin: 0em 0em 0.6em 0em;
	background-color: #4d758c; /*#ccd7de;*/
	height: 37px;
	font-size: 108%;
	color: #fff; /*#00395A;*/
	/*width: 251px;*/ /*160px;*/
	text-align: center;
}


/*** Search Box **************************************************/

#searchBox {
	margin: 0em 1.5em 0.6em 0em;
	background-color: #4d758c; /*#ccd7de;*/
	font-size: 108%;
	color: #fff; /*#00395A;*/
	width: 160px;
	height: 50px;
}

#searchBox h3 {
	margin: 0em 2.8em;
	padding: 0.35em 0 0;
}
/*
#searchBox input {
	background: #7a1501;
	border: 1px solid #ffffff;
	color: #ffffff;
}

#searchBox .text {
	background: #ffffff;
	border: 2px solid #ffffff;
	color: #00395A;
	margin: 0.5em 0em 0em 0.5em;
}
*/
/*** Subnavigation Right **************************************************/

#subNavRight {
	/*height: 343px;*/
	background-color: #4d758c; /*#ccd7de;*/
	text-align: center;
	padding-bottom: 10px;
	min-height: 333px;
	height:auto !important; 
	height: 333px;
}

#subNavRight h3 {
	color: #c3b600; /*#7a1501;*/
	font-size: 108%;
	font-weight: bold;
	padding: 10px 0 12px 0;
}

.subNavRightInside {
	margin: 0 0 11px 0;
	height: 139px;
	overflow: hidden;
}

#subNavRightArchive {
}

#subNavRightThemes {
}

.subNavRightTitle {
	font-size: 108%;
	margin: 0 0 3px 0;
}

.subNavRightTitle a, .subNavRightTitle a:visited {
	color: #fff;
}
.subNavRightTitle a:hover {
	color: #BAC7D7;
}

/*** Newsletter_subscribe **************************************************/

#mcol label {
float:right;
font-size:85%;
margin:0 1em 0 0;
}

#mcol input {
background-color:#F1F1F1;
border:0 none;
font-size:85%;
margin:0 0 0.7em;
padding:0.1em 0 0.2em 0.3em;
}

#mcol input.button {
	background-color: #7a1501;
	border: 1px solid #fff;
	color: #fff;
	float: right;
}

#mcol textarea{
	margin:0 0 0.7em;
	font-size:85%;
}

/*** Font Sizer **************************************************/

.normal{
	font-size: 100%;
}

.greater{
	font-size: 120%;
}

.greatest{
	font-size: 140%;
}

.fontSizer a, .fontSizer a:visited, .fontColor  a, .fontColor a:visited{
	text-decoration: none;
	color: #BAC7D7;


}
.fontSizer a:hover, .fontColor a:hover {

	color: #fff;
}

.fontSizer a.active, .fontSizer a.active:visited {
	background-color: #00395a;
	color: #fff;
	padding: 0em 0.59em 0.2em 0.59em;
}

.fontColor a.active, .fontColor a.active:visited{
	background-color: #00395a;
	color: #fff;
	padding: 0 1em 0.1em 1em;
}

.nonActive{
	color: #BAC7D7;
	padding: 0pt 0.72em 0;
	/*background: #000; /*testing and illustration only!*/
}

.fontColorNonActive {
	color: #BAC7D7;
	padding: 0 1em 0.1em 1em;
}



.white {
	color: #fff;
}

.black {
	color: #000;
}

.subitem { clear: both; margin-bottom: 10px; }
.rssrow { padding-bottom: 5px; border-bottom: 1px dotted #4D758C; }
.subitem img.imgleft { margin-top:0; }

/** SITEMAP ****/
#siteMap .level1 { margin: 0em 1em; }
#siteMap .level2 { margin: 0em 2em; }
#siteMap .level3 { margin: 0em 3em; }

/** SELECIE VD DAG ****/
#selection a, 
#selection table tr td a,
#selection a:visited,
#selection table tr td a:visited
{
color: white;
text-decoration: underline;
}

.lastmod { padding:10px 0 0 10px; }

.contactform {
padding: 0 10px 10px 10px;
}
.contactform h2 a, .contactform h2 a:visited {
color: #fff;
cursor: text;
}