/*
	blauw =   #000267 (BN kleur)
	rode kleur:  #CC0033 (BN kleur)
	achtergrond licht paars: #F2F4FD 
	achtergrond kleur iets donkereder paars, kopjes tabel en formulier velden: #E6EAFB
	blauw =   #000267 (BN kleur)
	rode kleur:  #CC0033 (BN kleur)
	achtergrond licht paars: #F2F4FD 
	achtergrond kleur iets donkereder paars, kopjes tabel en formulier velden: #E6EAFB


*/

* { padding: 0; margin: 0; }

body {
 background: #F2F4FD; 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
bodymetfoto {background-position:-492px -733px;height:49px;top:19px;
	background: #F8F9FE url(images/backgroundbos.jpg) no-repeat center 0px; background-attachment: fixed;	
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
}
#wrapper { 
 margin: 10px auto;
 margin-top: 0px;
 background: #F8F9FE;
 width: 922px;
 border: 8px solid #FFFFFF; 
}
#faux {
 clear: both;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#header {
 width: 922px;
 height: 225px;
 margin: 0px;
 background: #F8F9FE url(images/headerfoto.jpg) right no-repeat;
}
#logo {
float:left;
width: 251px;
height: 225px;
clear: both;
}

#foto {
float:left;
width: 670px;
height: 225px;
}

#leftcolumn { 
 background: #F8F9FE;
 display: inline;
 color: #333;
 margin: 10px;
 padding: 0px;
 width: 200px;
 float: left;
}

#rightcolumn { 
 background: #F8F9FE;
 float: right;
 color: #333;
 margin: 15px;
 padding: 0px;
 width: 640px;
 display: inline;
 position: relative;
 text-align:justify;
 line-height: 1.5em;
}

#logoBN {
 width: 200px;
 clear: both;
 color: #333;
 background: #F8F9FE;
 margin: 0px 0px 0px 0px;
 padding: 0;
 height: 60px;
}

#footer { 
 width: 922px;
 clear: both;
 color: #333;
 background: #F8F9FE;
 margin: 0px 0px 0px 0px;
 padding: 0;
 height: 70px;
 border-top: #000267 solid 1px;
 border-bottom: #000267 solid 1px;
}
#footermail {
 padding: 0;
 padding-bottom:0px;
 margin: 0;
 float: left;
 width: 220px;
 height: 60px;
 text-align:center;
 background: #F8F9FE;
}

#footermail a:link, #footermail a:visited, #footermail a:active {color:#F8F9FE; font-weight:normal; text-decoration:none;}
#footermail a:hover, #footermail a:focus {color:#000267; background-color:#F8F9FE; font-weight:normal;}

#footer img {
	border: none;
	padding-top: 0px;
	padding-right:20px;
}
#footermail img {
	border: none;
	padding-top:10px;
	padding-right:10px;
	padding-left:20px;
}

#bottem {
	text-align: right;
	font-size:70%;
	color: #333;
}

.clear { clear: both; background: none; }

h1 {
	margin:0; 
	padding:10px;
	border-bottom: 1px solid #000267;
	border-top: 1px solid #000267;
	border-right: 1px solid #000267;
	border-left: 1px solid #000267;
	color:#000267;
	font-size: 1.5em;
	font-weight:normal;
}
	
h2 {
	font-size:1em;
	font-weight:bold;
	color: #1E1E1E;
}	

h2old {
	margin:0; 
	padding:10px;
	border-left: 0.5px solid #000267;
	color:#000267;
	font-size: 1.2em;
	font-weight:normal;
}

h3 {
	margin:0; 
	padding:0;
	color: #1E1E1E;
	font-size: 1.2em;
	font-weight:normal;
}
h4 {
	margin:0;
	padding:10px;
	color:#1E1E1E;
	font-size: 1.1em;
	font-weight:normal;
	background-color:#E6EAFB;
	font-style: italic;
}
/* #C2C4DC; */
h5 {
	background-color:#E6EAFB;
	font-weight:500;
	font-size: 1.1em;
	text-align:left;
}

h6 {
	margin:0; 
	padding:0;
	color:#000267;
	font-size: 1.1em;
	font-weight:bold;
	letter-spacing: 0.1em;
	border-bottom: 1px dotted #000267;

}

.oranjetekst {color: #000267}

#rightcolumn img {
	border: none;
	margin:0px;
	overflow: hidden;
}

img.legaal {
	border: none;
	margin-left:3px;
}

/****  Page Link Styles (NOT MENU LINKS)  *****/
a:link, a:visited, a:active {color:#CC0033; font-weight:normal;text-decoration:none;}
a:hover, a:focus {color:#000267; font-weight:normal;text-decoration:none;}

#rightcolumn ul {
	margin-top:0px;
	margin-left:20px;
	list-style-type:square;
	list-style-image: url(images/blokjerood.gif);
	text-align: justify;
}

#rightcolumn ol{
	list-style-image: none;
	list-style-type:decimal;
	margin-left: 30px;
}

#nojustify {
	text-align: left;
}

td {
padding:3px;
font-size:90%;
text-align: left;
}

#tableproduct
{
	table-layout:fixed; 
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
	border:1px solid gray;
	border-collapse: collapse;
	empty-cells:show;
	text-align:left;
}
#tableproduct thead 
{
background-color:#E6EAFB;
}
#tableproduct td,#tableproduct th 
{
	border:1px solid gray;
	padding:8px;
	vertical-align: top;
}

#tableproduct ol {
	margin-top:0px;
	margin-left:20px;
	list-style:none;
	text-align: justify;
}

#tablelinks
{
	table-layout:fixed; 
	width: 100%; 
	border:0px;
	border-collapse: collapse;
	empty-cells:show;
	text-align:left;
}
#tablelinks thead 
{
	background-color:#E6EAFB;
	height:20px;
	font-weight:bold;
}
#tablelinks td, #tablelinks th 
{
	border:0px;
	padding:3px;
	vertical-align: top;
	height:10px;
}

#tablelogo
{
	table-layout:fixed; 
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
	border:1px solid gray;
	border-collapse: collapse;
	empty-cells:show;
	text-align:left;
}
#tablelogo thead 
{
background-color:#E6EAFB;
}
#tablelogo td,#tablelogo th 
{
	border:1px solid gray;
	padding:8px;
	vertical-align:middle;
	text-align:center;
}


/*navlist*/
ul#navlist li a, ul#subnavlist li a {
	font-family:arial;
	text-decoration:none;
	font-weight:500;
	font-size:12px;
}
div#nav {
	width:200px;
	background: transparent;
}

ul#navlist {
	list-style-type:none;
	margin:0;
	padding:0;
	font-weight:bold;	
}
ul#navlist li a {
	color: #CC0033;
	display:block;
	background: transparent url(images/off.gif) top left no-repeat;
	width: 160px;
	font-weight:bold;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 25px;
}
ul#navlist li a:hover {
	background: transparent url(images/on.gif) top left no-repeat;
	color: #000267;
}
ul#navlist li a:focus {
	background: transparent url(images/on.gif) top left no-repeat;
	color: #000267;
}
ul#navlist li a#current {
	color: #000267;
	background: transparent url(images/on.gif) top left no-repeat;
}
ul#navlist li a#subcurrent {
	color:#000267;
}
/*subnavlist*/
ul#subnavlist {
	margin: 0 0 0 25px;
	padding: 0;
}
ul#subnavlist li {
	display:inline;
}
ul#subnavlist li a {
	color:#CC0033;
	background: transparent url(images/offsub.gif) top left no-repeat;
	padding: 2px 0 4px 20px;
	height:auto;
	width:145px;
	font-size: 12px;
}
ul#subnavlist li a:hover {
	background: transparent url(images/onsub.gif) top left no-repeat;
}
ul#subnavlist li a#subcurrent {
	color:#000267;
	background: transparent url(images/onsub.gif) top left no-repeat;
}
.go_away{
display: none;
}
/*agenda block*/
#agenda
{
	float: left;
	width: 200px;
	border:1px solid #000267;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:0px;
}
#agenda ul li {
list-style-type:none;
}

/*formulier*/
label
{
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

.submit input
{
margin-left: 8.5em;
} 
input
{
color: #1E1E1E;
background:#E6EAFB;
border: 1px solid #000267;
}
textarea
{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #1E1E1E;
background:#E6EAFB;
border: 1px solid #000267;
width: 370px;
}
.submit input
{
color: #fff;
background: #000267;
border: 1px outset #000267;
} 
fieldset
{
border: 1px solid #000267;
width: 35em
}

legend
{
color: #fff;
background: #000267;
border: 1px solid #000267;
padding: 2px 6px
} 

input:focus, select:focus, textarea:focus {
	border: 2px solid #CC0033; 
}

/*ivm met spam op aanmeldingsformulier, extra hidden veld, als dit veld gevuld is, is het spam en wordt het niet verstuurd */
#name {
	visibility: hidden;
	display: none;
}



/*TOOLTIP*/
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000267;
    text-decoration: none;}

a.info:hover{z-index:25; background-color:#E3E3E6;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    padding: 0.8em;
    top:2em; left:-5em; width:15em;
    border:1px solid #000267;
    background-color:#ffffff; color:#333;
    text-align:left;
	text-decoration: none;}


/* The background-image's for the .wrap below are for preloading 
all the page's images, just add your own images to the pattern */  
/***  Preload media  ***/
.preload {
	background-image: url("images/on.gif");
	background-image: url("images/off.gif");
	background-repeat: no-repeat;
	background-position: -5000px -5000px;
}
/**** end preload images ****/

/** deze geeft problemen **/