/*
	oranje =  #FF6600
	bordeaux rood: #990033
*/

* {
	margin: 0;
	padding: 0;
}

body {
 background: #FFF7F0 url(images/bgx.gif) repeat-x;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 10px auto;
 margin-top: 0px;
 width: 922px;
 border: 8px solid #ffffff;
}
#faux {
 background: url(images/faux.gif);
 margin-bottom: 0px;
 overflow: auto; 
 width: 100%
}

#headerbrug {
	width: 922px;
	height: 153px;
	margin: 0px;
	background: #FFFBF8 url(images/headerbrug.jpg);
}

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

}

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

#footer { 
 width: 922px;
 clear: both;
 color: #333;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0;
 height: 50px;
 border-top: #FF6600 solid 2px;
 border-bottom: #FF6600 solid 2px;
}
#footermail {
	float: left;
	width: 218px;
	height: 50px;
	text-align:center;
	background: #FF6600;
}

#footermail a:link, #footermail a:visited, #footermail a:active {color:#ffffff; font-weight:normal; text-decoration:none;}
#footermail a:hover {color:#990033; background-color:#FF6600; font-weight:normal;}

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

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

h1 {
	margin:0; 
	padding:5px;
	border-bottom: 1px solid #FF6600;
	border-top: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
	color:#1E1E1E;
	font-size: 1.5em;
	font-weight:normal;
}
	
h2 {
	margin:0; 
	padding:0;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 20px solid #B48181;
	color: #942118;
	font-size: 1.1em;
	font-weight:normal;
}	

h3 {
	margin:0; 
	padding:0;
	color: #1E1E1E;
	font-size: 1.2em;
	font-weight:normal;
}
h4 {
	margin:0; 
	padding:0;
	border-top: 1px solid #FF6600;
	color:#1E1E1E;
	font-size: 1.5em;
	font-weight:normal;
}

h5 {
	background-color:#FCE7D4;
	font-weight:500;
	font-size: 1.1em;
	text-align:left;
}

h6 {
	margin:0; 
	padding:0;
	color:#FF6600;
	font-size: 1.1em;
	font-weight:bold;
}

.kleineletter {font-size:85%;}

.oranjetekst {color: #FF6600;}

#rightcolumn img {
	border: 1px solid #990033;
	margin-left:20px;
}

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

/****  Page Link Styles (NOT MENU LINKS)  *****/
a:link, a:visited, a:active {color:#990033; font-weight:normal;text-decoration:none;}
a:hover {color:#FF6600; 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 ul ul {
	margin-top:0px;
	margin-left:20px;
	list-style-type:square;
	list-style-image: url(images/streepjerood.gif);
	text-align: justify;
}

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

#nojustify {
	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:#FCE7D4;
}
#tableproduct td,#tableproduct th 
{
	border:1px solid gray;
	padding:8px;
	vertical-align: top;
}

#tableproduct ol {
	margin-top:0px;
	margin-left:20px;
	list-style:url(images/streepjerood.gif);
	text-align: justify;
	list-style-position:outside;
}

#tablelinks
{
	table-layout:fixed; 
	width: 100%; 
	border:0px;
	border-collapse: collapse;
	empty-cells:show;
	text-align:left;
}
#tablelinks thead 
{
background-color:#FCE7D4;
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:#FCE7D4;
}
#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, Helvetica, sans-serif
	font-size:12px;
	font-weight:900;
	text-decoration:none;
}
div#nav {
	width:160px;
	background: transparent;
}

ul#navlist {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul#navlist li a {
	color: #990033;
	display:block;
	background: transparent url(images/off.gif) top left no-repeat;
	padding: 2px 0 8px 35px;
	width: 160px;
	font-size:14px;
}
ul#navlist li a:hover {
	background: transparent url(images/on.gif) top left no-repeat;
	color: #FF6600;
}
ul#navlist li a#current {
	color: #FF6600;
	background: transparent url(images/on.gif) top left no-repeat;
}
/*subnavlist*/
ul#subnavlist {
	margin: 0 0 0 13px;
	list-style-type: none;
	padding: 0;
}
ul#subnavlist li {
	display:inline;
}
ul#subnavlist li a {
	color:#990033;
	background: transparent;
	padding: 2px 0 4px 35px;
	height:auto;
	width:145px;
	font-size: 12px;
}
ul#subnavlist li a:hover {
	background: transparent;
}
ul#navlist li a#subcurrent {
	color:#FF6600;
}
.go_away{
display: none;
}
/*formulier*/
label
{
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}
/*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;
}
.submit input
{
margin-left: 8.5em;
} 
input
{
color: #1E1E1E;
background:#FFF7F0;
border: 1px solid #990033;
margin-bottom: 3px;
}
textarea
{
color: #1E1E1E;
background:#FFF7F0;
border: 1px solid #990033;
margin-bottom: 3px;
}
.submit input
{
color: #fff;
background: #FF6600;
border: 1px outset #990033;
} 
fieldset
{
border: 0px;
width: 40em;
}

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


/*TOOLTIP*/
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#FF6600;
    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 #990033;
    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/bg.gif");
	background-image: url("images/headerbrug.jpg");
	background-image: url("images/on.gif");
	background-image: url("images/off.gif");
	background-repeat: no-repeat;
	background-position: -5000px -5000px;
}
/**** end preload images ****/