html,
body { height: 100%; margin: 0 0 0px 0; padding: 0; }

body {
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #e7e9ea;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 170%;
	padding: 0px;
	margin: 0 0 0px 0;
}

/* ----- generic styling ----- */
p,
h1,
h2,
h3,
h4,
h5,
ul,
li,
ol { margin: 0px 0 0 0; padding: 0; }

ul,ol
{
	margin: 5px;
	list-style-position: inside
}

li {  }

a { color: #44a11c; text-decoration: underline; }

a:hover	{ color: #2e61a7; }

h1 {
	color: #44a11c;
	width: 100%;
	margin: 0px 0 15px 0;
	font-size: 140%;
}

h2,
h3,
h4,
h5 { color: #2e61a7; font-weight: bold; font-size: 120%; }

h1 span { display: none; }

h2 span { display: none; }

table {

	font-size: 90%;
}

tr {
background: #E5E9ED;
vertical-align:top;
}
embed { margin: 0px; padding: 0px; }

object{ margin: 0px; padding: 0px; }

em, i { width: 95%; font-size: 100%; }

hr {
	height: 1px;
	border: 0 solid transparent;
	color: black;
	background-color: black;
	margin: 20px 0;
	line-height: 1px;
}

img { margin: 0px; padding: 0px; border: 0px; }

.clear { clear: both; }

.clearright { clear: right; }

.clearleft { clear: left; }

/*====================================================================================*/
/*	 structure						  */
/*====================================================================================*/
#outer {
	width: 100%;
	background: url(../img/bg_outer.jpg) no-repeat center top;
	height: 100%;
}

#mainContainer {
	margin: 0 auto;
	width: 900px;
	ackground: yellow;
	text-align: left;
}

#header {
	position: relative;
	width: 900px;
	height: 170px;
	background: url(../img/bg_header.jpg) no-repeat left bottom;
}

#wrap { }

#columnLeft { 
	width: 280px; 
	float: left; 
	font-size: 110%;
}

#columnRight { width: 605px; float: right; ackground: yellow;}

div#footer
{
	text-align: center;
	padding-top: 5px;
	font-size: 90%;
	color: gray;
}


/*====================================================================================*/
/*	 HEADER						  */
/*====================================================================================*/
#logo {
	position: absolute;
	left: 5px;
	top: 0px;
	display: block;
	width: 108px;
	height: 112px;
	background: url(../img/logo.jpg) no-repeat 0 0;
	z-index: 10;
}

#logo span { display: none; }

#payoff {
	position: absolute;
	left: 127px;
	top: 60px;
	display: block;
	width: 380px;
	height: 50px;
	background: url(../img/bg_payoff.jpg) no-repeat 0 0;
}

#searchBox {
	position: absolute;
	right: 5px;
	top: 102px;
	display: block;
	width: 240px;
	height: 35px;
	background: none;
	z-index: 10;
}

#searchBox #searchfield {
	position: absolute;
	left: 0px;
	top: 0px;
	background: none;
	border: none;
	width: 185px;
	height: 20px;
	line-height: 22px;
	padding-left: 5px;
}

*> #searchBox #searchfield { padding-top: 2px; }

#searchBox #search_btn {
	position: absolute;
	left: 196px;
	top: 0px;
	display: block;
	z-index: 10;
}

#horrNav {
	position: absolute;
	left: 20px;
	top: 128px;
	ackground: yellow;
	height: 30px;
	line-height: 30px;
	width: 680px;
	color: white;
}

#horrNav a {
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding: 0 5px;
}

#horrNav a:hover { color: #67B15A; }

/*====================================================================================*/
/*	 Column Right						  */
/*====================================================================================*/
#breadCrumbs { width: 580px; line-height: 25px; color: #1F437F; ext-transform: uppercase; }
	
	#breadCrumbs a
	{
		color: #1F437F;
		ext-transform: uppercase;
		padding: 0 10px;
		background: url(../img/bg_a_breadcrumbs.gif) no-repeat right center;
	}
	
		#breadCrumbs a:hover
		{
			color: white;
		}

.content { position: relative; width: 590px; padding:5px 0 }

.contentTop {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 590px;
	height: 5px;
	background: url(../img/bg_content_top.gif) no-repeat left top;
	z-index: 1;
}


div#prevNextNavTop{
	background: url(../img/bg_prevnext_nav.gif);
	display: block;
	height: 20px;
	width: 94px;
	position: absolute;
	right: 0;
	z-index: 5;
	
}

div#prevNextNavBottom{
	background: red;
}

span.nextItemLink,
span.previousItemLink{
	display: block;
	position: absolute;
	height: 20px;
	op: 5px;

}

span.nextItemLink {
	position: absolute;
	right: 10px;
}

span.previousItemLink {
	position: absolute;
	left: 10px;
}
span.nextItemLink a,
span.previousItemLink a
{
color: white;
	text-decoration: none;
	font-size: 80%;
	ont-weight: bold;
}

.contentBottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 590px;
	height: 5px;
	background: url(../img/bg_content_bottom.gif) no-repeat 0 bottom;
}

.contentInner {
	position: relative;
	background: url(../img/bg_content.gif) repeat-y 0 0;
}

.contentInner .padding { padding: 20px; }

.contentInner .padding h2
{
	
}
.contentInner .padding ul, .contentInner .padding ol
{
	list-style-position:outside;
	margin:5px 20px 5px 25px;
} 

.contentInner a.imgZoom
{
	float: right;
	clear: right;
	position: relative;
	display: block;
	idth: 252px;
	adding-bottom: 15px;
	margin: 10px;
	text-decoration: none;
	
}

.contentInner a.imgZoom img
{
	position: relative;
	border: 1px solid #2e5698;
	margin: 0px;
	z-index: 10;
}

.contentInner a.imgZoom span.imgTitle
{
	position: relative;
	display: block;
	padding: 0px 30px 0 5px;
	z-index:1;
	background: url(../img/bg_a_img_zoomicon.jpg) no-repeat right top;
}
*html .contentInner a.imgZoom span.imgTitle
{
	margin-top: -3px;
}

div.printPage
{
	clear: both;
	text-align: right;
	margin:10px 0;
}

div.printPage a
{
	padding:5px 30px 5px 0;
	background: url(../img/icon_print.jpg) no-repeat right top;
	line-heig
}

div.pdfBox
{
	clear: right;
	margin-top: 15px;
	padding: 0px 0px 0px 0px;
	background: url(../img/bg_pdfBox.jpg) no-repeat 10px 10px;
	border-top: 1px solid #73a040;
	border-bottom: 1px solid #73a040
}

div.pdfBox .pdfItem
{
	border-bottom: 1px solid #C9CBCD;
	padding: 5px 0;
	margin-left: 80px;
}

div.pdfBox a
{
	display: block;
}

div.pdfBox span
{
	display: block;
	font-size: 90%;
	color: #2E61A7;
	line-height: 1.4em;
		
}

div.tagBox
{
	background: white;
	padding: 3px 5px;
}

div.tagBox a
{
	font-size: 95%;
	color: gray;	
	text-decoration: none;	
	background: url(../img/bg_li_tag.jpg) no-repeat left 0.2em;
	padding-left: 15px;
	padding-right: 5px;
}

div.tagBox a:hover
{
	color: green;
}

/*--- serach results --*/

form#search_form_2
{
	background: #20427f url(../img/bg_search_form2.gif) repeat-x 0 0;
	padding: 10px;
}

#search
{
	ackground: white;
	order: 1 px solid black;;
	width: 185px;
	eight: 20px;
	ine-height: 22px;
	padding-left: 5px;
	}

#search_btn_2
{
	margin-top: 5px;
}

ul.searchResultList
{
	margin: 0px;
	padding: 8px 0 0 0;
	border-top: 1px solid #2e61a7;
	list-style: none;
	list-style-position: outside;
}


ul.searchResultList li
{
	list-style: none;
	background: url(../img/bg_li_search.gif) no-repeat left 0.7em;
	padding-left: 15px;
	line-height: 25px;
	border-bottom: 1px solid #C9CBCD;
}


/*====================================================================================*/
/*	 left column	navigation					  */
/*====================================================================================*/

H1#guide
{
	height: 68px;
	background: url(../img/bg_h1_guide.jpg) no-repeat left top;
	margin: 0px 0px 8px 0px;
	border-bottom: 1px solid #2e61a7;
	
}

H1#guide span
{
	display: none;
}
div#columnLeft div.navBox { margin: 0px; padding: 0px 0 0 20px; }

/* menu */
ul#mainMenu {
	margin: 0px 0 0 0px;
	padding: 8px 0px 0px 0px;
	list-style: none;
	list-style-position: outside;
	cursor: pointer;
	order-top: 1px solid #2e61a7;
}

	ul#mainMenu li
	{
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	list-style: none;
	list-style-position: outside;
}

		ul#mainMenu li span
		{
	display: block;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #c9cbcd;
}

		ul#mainMenu li.level0 	{ }

			ul#mainMenu li.level0.first { border-top: none; }

	ul#mainMenu li a,
	ul#mainMenu li.level0 /* eerste laag menu categorie-titel */
	{
	display: block;
	line-height: 25px;
	text-decoration: none;
	padding: 0;
	color: #2e61a7;
}

			ul#mainMenu li.level0.item { font-weight: bold; }

			ul#mainMenu li.item_hover {
	/* eerste laag achtergrond instellen indien deze niet in cat zit) */
	color: green;
}

			ul#mainMenu li.level0.item a { padding: 0; }

			ul#mainMenu li.item.selected 
			{
	background-image: url(../img/bg_nav_li_selected.gif) !important;
	background-position: center right!important;;
	background-repeat: no-repeat !important;;
	padding-right: 10px;
}

	 ul#mainMenu li.level0.cat   /* eerste laag menu categorie-titel IE + moz */
	{
	background-color: transparent;
	background-image: url(../img/bg_nav_cat.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	font-weight: bold;
	padding-left: 15px;
}

		 ul#mainMenu li.level0.cat.hover { color: green; }

		ul#mainMenu li.level0.cat.visible { background-image: url(../img/bg_nav_cat.gif); }

	ul#mainMenu li.level1 /* eerste laag menu categorie-items  IE + moz*/
	{ font-weight: normal!important; padding: 0px; }

		ul#mainMenu li li.item_hover 	{ color: green; }

	ul#mainMenu li a:hover,
		ul#mainMenu li.cat.hover { color: green; }

	ul#mainMenu li.hover,
	ul#mainMenu li.cat.level0.hover /* hover state all eerste laag IE + Moz */
	{ color: green; }

	ul#mainMenu li a:hover,
	ul#mainMenu li.hover		/* hover colors all <li> eerste laag IE + Moz */
	{ color: green; }

/*	second level cats */
	 ul#mainMenu li ul li.level2, ul#mainMenu li ul li.level1.cat   /* tweede laag menu categorie-titel IE + moz */
	{
	font-weight: bold!important;
	padding: 0 0 0 10px;
	color: ##2e61a7;
	background: url(../img/bg_nav_cat.gif) no-repeat 0 0.5em;
	padding-left: 15px;
}

	ul#mainMenu li ul li/* eerste laag menu categorie-items  IE + moz*/
	{
	font-weight: normal;
	padding: 0 10px 0 10px;
	color: ##2e61a7 !important;
}

/* hover state all tweede laag IE + Moz  */
	ul#mainMenu ul.level1 li.cat_hover 	{ color: green; }

	ul#mainMenu ul.level1 ul.level2 li.item
	{
	font-weight: normal!important;
	border: none;
	background: none;
	padding: 0px;
}

	ul#mainMenu ul.level1 ul.level2 li.item a
	{ color: ##2e61a7; }

	*> ul#mainMenu ul.level1 ul.level2 li.item { }

		ul#mainMenu ul.level1 ul.level2 li.item.hover { color: red; }

		ul#mainMenu ul
		{
	list-style: none;
	/*	margin:0 0 0 10px; */
	margin: 0px;
	padding: 0;
}

		ul#mainMenu ul li.item 	{ }

/*====================================================================================*/
/*	 LEFTCOLUMN KEYWORDS		and related articles		 		  */
/*====================================================================================*/

H1#keywords
{
	height: 45px;
	background: url(../img/bg_h1_popular_keywords.jpg) no-repeat left top;
	margin: 10px 0px 8px 0px;
	border-bottom: 1px solid #2e61a7;
}

H1#relatedArticles
{
	height: 45px;
	background: url(../img/bg_h1_related_articles.jpg) no-repeat left top;
	margin: 10px 0 8px 0;
	border-bottom: 1px solid #2e61a7;
}


H1#keywords span, 
H1#relatedArticles span
{
	display: none;
}

div#more_articles_link {
	isplay: block;
	cursor: pointer;
	color:green;
	margin: 10px 0px 0px 0px;
}

div#columnLeft div#keywordsBox,
div#columnLeft #relatedArticlesBox

 { margin: 0px; padding: 0px 0 20px 20px; }

#keywordsBox ul,
#relatedArticlesBox ul
{
	margin: 0px;
	adding: 8px 0 0 0;
	list-style: none;
	list-style-position: outside;
}


#keywordsBox ul li
{
	list-style: none;
	background: url(../img/bg_li_tag.gif) no-repeat left 0.7em;
	padding-left: 15px;
	line-height: 25px;
}

#relatedArticlesBox ul li
{
	list-style: none;
	background: url(../img/bg_li_rel_article.gif) no-repeat left 0.6em;
	padding-left: 15px;
	line-height: 25px;
}

#keywordsBox ul li a,
#relatedArticlesBox ul li a
{
	display: block;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #c9cbcd;
	color: #2e61a7;
	font-weight: bold;
	text-decoration: none;
}
#keywordsBox ul li a:hover,
#relatedArticlesBox ul li a:hover
{
	color: green;
}



/*====================================================================================*/
/*	 FORM						  */
/*====================================================================================*/

form#contact { 
margin: 20px 0; 
padding: 20px 0px 0px 0px;
display: block;
position: relative;
border-top: 1px solid #C8D2D5;
width:550px;
}


form#contact div.section
{
	adding: 5px 0;
	argin-bottom: 10px;
}

form#contact div.section.submit_fields
{
	background: None;
	border: none;
	padding-top: 0px;
}

form#contact ul
{
	list-style:none;
	width:100%;
	clear:left;
	margin:0;
	padding:0;

}

form#contact ul li
{
	position:relative;
	margin:0;
	padding:5px 5px 5px 0px;
	clear:left;
	list-style-position: outside;
}

form#contact ul li div.label
{
/*
	float:left;
	width:150px;
	overflow:hidden;
*/
	position:absolute;
	width:150px;
	font-weight: bold;
	color: green;
	float: left;

}

form#contact ul li label {}
form#contact ul li .contents label
{
	display:inline;
	float:none;
	width:auto;
	position: relative;
}
form#contact ul li div.contents
{
	overflow:hidden;
	position:relative;
	z-index:1;
	left:155px;
}

form#contact ul li.required
{
	position: relative;
	ackground-image: url(../img/bg_li_required.gif);
	ackground-repeat: no-repeat;
	ackground-position: 145px 7px;
}

form#contact input.text,
form#contact input.textarea

	{
	background: #E7E9EA;
	width: 250px;
	border:1px solid #C8D2D5;
	}

form#contact textarea
	{
	background: #E7E9EA;
	width: 250px;
	border:1px solid #C8D2D5;
	}

form#contact span.checkbox input.checkbox
{
	width: auto;
	border: none;
	padding: 0;
	background: none;
}

form#contact span.radio input.radio
{
	width: auto;
	border: none;
	padding: 0;
	background: none;
}

form#contact input.image {
	border: none;
	width: auto;
	height: auto;
}

form#contact span input.file
{
	width: auto;
	padding: 0;
	background: none;
}


/* generic form */
form ul li.error {}
form ul li.error label {}
form ul li .errorMessage
{
	display:block;
	color: red;
}

form .caption
{
	font-style: italic;
	font-size:85%;
}

form .settings
{
	background-color:#F1F3DD;
	margin-bottom:20px;
}

form .name_fields
{
	background-color:#F1F3DD;
}

form .address_fields
{
	background-color:#E6EAC2;
}

form .error label
{
	padding: 0 0 0 0px;
}

form .error .contents label
{
	padding: 0;
}

input.adres
{
	width:100px;
}
input.huisnr
{
	width:20px;
}

input.text, textarea   /*, select */
{
	border: 1px solid gray;
	margin-right:5px;
	position: relative;
	z-index: 1;
	isplay: inline;
}

input.submit
{
	width: 50px!important;
	padding: 0px;
	margin: 0px;
}