@charset "utf-8";
/* CSS Document */


/*Afbeelding aan linkerzijde van pagina met tekstomloop*/
.afbeeldinglinks {
          float: left;
         margin-right: 10px;
         margin-top: 0px;
         margin-bottom: 0px;
}

/*Afbeelding aan rechterzijde van pagina met tekstomloop */
.afbeeldingrechts {
          float: right;
         margin-left: 10px;
         margin-top: 0px;
         margin-bottom: 0px;
}

/* Algemene stijlen */
.titel {
		font-size:19px;
		color: #00416b;
		font-weight:bold;
		line-height: 27px;
		margin-bottom: 9px;
}

#disclaimer, #disclaimer a {
	float: right;
	position: relative;
	margin-top: 5px;
	color:#666666;
	font-weight: normal;
	}

.titelklein {
		font-size:12px;
		color: #00416b;
		font-weight:bold;
		line-height: 18px;
		margin-bottom: 9px;
}

.onderschrift {
		font-family: Arial, Helvetica, sans-serif;
		font-size: xx-small;
		line-height: 16px;
		color: #000000;
}
	


.tekst{
		color: #666;
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom: 18px;
		line-height: 18px;
}

.tekstklein{
		color: #666;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom: 17px;
		line-height: 18px;
}

a:link, a:visited{
		color:#00416b;
		text-decoration: underline;
}

a:hover{
		text-decoration: underline;
		
}

hr{
		width: 100%;
		height: 1px;
		color: #999999;
		text-align: center;
}


/* verwijderen standaard margin en padding */


html{height:100%;}

/* Algemene opmaak van de pagina */
body{
		background:url(../images/bg-algemeen.png) top left repeat-x;
		font-size: 70%;
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		text-align: center;
		height: 100%;
		margin:0; padding: 0;
}


p{ 
		line-height: 18px;
}

.clearboth{clear: both;}

/* Container voor de inhoud van de website */
#container{
		width: 989px;
		height: 100%;
		text-align: left;
		margin: auto;
		background:url(../images/bg-container.png) top left repeat-x;
		border-left: 1px solid #608aa3;
		border-right: 1px solid #608aa3;
}

#container-vv{
		width: 989px;
		min-height: 100%;
		height: auto;
		_height: 100%;
		text-align: left;
		margin: auto;
		background:url(../images/bg-container.png) top left repeat-x;
		border-left: 1px solid #608aa3;
		border-right: 1px solid #608aa3;
}

* html #container{
	width: 990px;
	position:absolute;
	left: 50%;
	margin-left: -495px;
	background:url(../images/bg-container.png) top left repeat-x;
	border-left: 1px solid #3c6e8e;
	border-right: 1px solid #3c6e8e;
	height: 100%;}
	
* html #container-vv{
	width: 990px;
	background:url(../images/bg-container.png) top left repeat-x;
	border-left: 1px solid #3c6e8e;
	border-right: 1px solid #3c6e8e;
	height: 100%;}
	
/* plaatsing van de foto in de header */
#foto-header{
	margin: 0px;
	background: url(../images/bg-header.png) right top no-repeat;
}

/* Plaatsing en opmaak van het menu in de header */
#top-menu{
		height: 37px;
		width: 100%;
		background: #fff;
}

* html  #top-menu{
	height: 34px;
	overflow:hidden;
	}


* html #top-menu img{
		margin: 0px;
		padding: 0px;}
		
/* Opmaak van het content gedeelte van site */
#content{
		width: 977px;
		margin: 4px 5px;
		background: #fff;
		border: 1px solid #346889;
		height: auto;}

* html #content{
		width: 974px;
		position: absolute;
		top: 127px;
		left: 3px;
		background: #fff;
		height: 100%;
		overflow: hidden;}

* html #container-vv #content{
		width: 974px;
		position: relative;
		top: 3px;
		left: 3px;
		background: #fff;
		height: 100%;
		overflow: visible;}


/* Opmaak van het attentie blok onder de header */
#attentie{
		width: 705;
		height: 150px;
		margin: 8px 8px 6px 14px;
		background: url(../images/bg-attention.png) no-repeat;
		clear: both;
}

	#attentie img{
			margin-top: 22px;
			margin-left: 26px;
			margin-right: 45px;
			float: left;
	}
  
	#tekst-attentie{
			width: 420px;
			margin-top: 0px;
			margin-right: 285px;
			height: 150px;
			color: #666;
			font-size: 12px;
			line-height: 18px;
			float:right;
			clear:right;
			overflow: hidden;
	} 
	
	#tekst-attentie .tekst{
		margin-top: 5px;
		}
 
	#tekst-attentie a:link, #tekst-attentie a:visited{
			color: #666;
			text-decoration: underline;
	} 

	#tekst-attentie a:hover{
			color: #333333;
	}
 
/* Opmaak van het actie menu */
#actie-menu{
		position: absolute;
		top: 142px;
		left: 50%;
		margin-left: 247px;
		width: 194px;
		height:142px;
		clear: both;
}

*html #rechterbalk #actie-menu{
	position: absolute;
	top: 130px;
	left: 3px;
	clear: right;
	}

#extracontentblok {
		margin-top: 40px;
		margin-left: 8px;
		width: 188px;
		background-color: #FFFFFF;
		color: #666;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom: 18px;
}

*html #extracontentblok{
		margin-top: 162px;
		position: relative;
		left: 10px;
		}

#extracontentblok a:link, #extracontentblok a:active, #extracontentblok a:visited {
		color: #666;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom: 18px;
		text-decoration: underline;
}

#extracontentblok a:hover {
		color: #000000;
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		margin-bottom: 18px;
		text-decoration: underline;
}

*html #actie-menu{
		position: relative;
		top: -130px; 
		left: -40px;
		float: right;
		}
		
#actie-menu img{
	margin: 0px;
	padding: 0px;}
 
/* -- Opmaak en plaatsing blokken onder subheader -- */ 
#helpen-blok, #vragen-blok, #acties-blok, #column-blok{
		width: 225px;
		min-height: 276px;
		height: auto; 
		padding-top: 106px; 
		float: left;
}


#acties-blok, #column-blok{/* Plaats de laatste 2 blokjes op gelijke hoogte met de eerste 2 */
		position: relative;
		top: -1px;
}

* html #helpen-blok, * html #vragen-blok, * html #acties-blok, * html #column-blok{ /* IE6 fix voor positie blokken */
		position: relative;
		left: -12px;
		margin-top: 16px; }

*html #helpen-blok, *html #vragen-blok, *html #acties-blok, *html #column-blok{ /* IE6 fix voor positie blokken */
		position:relative;
		top: -130px;}


#helpen-blok{/* topimage van het blok kan ik helpen */
		background: url(../images/top_helpen.png) no-repeat top;
		margin-left: 13px;
}


#vragen-blok{/* topimage van het blok mag ik u wat vragen */
		background: url(../images/top_vragen.png) no-repeat top;
		margin-left: 16px;
}


#acties-blok{/* topimage van het blok acties & tips */
		background: url(../images/top_acties.png) no-repeat top;
		margin-left: 16px;
}


#column-blok{/* topimage van het blok linda's column */
		background: url(../images/top_column.png) no-repeat top;
		margin-left: 16px;
}

/* -- Opmaak tekst gedeelte van de blokken -- */
#helpen-tekst, #vragen-tekst, #acties-tekst {
		width: 223px;
		min-height: 202px;
		height: auto;
		padding-top: 5px;
}

#helpen-tekst a, #vragen-tekst a, #acties-tekst a {
	color: #00416b;
}

#column-tekst{
		width: 210px;
		min-height: 200px;
		height: auto;
		padding-top: 7px;
		padding-left: 8px;
		padding-right: 5px;
}

* html #helpen-tekst, * html #vragen-tekst, * html #acties-tekst, * html #column-tekst{ /* IE 6 Fix voor hoogte van de tekst blokken */
		height: 200px;
}
	
	#helpen-tekst, #acties-tekst{/* rode rand om de tekst */
			border-left:1px solid #8a1f1b; 
			border-right:1px solid #8a1f1b;
			border-bottom:1px solid #8a1f1b;
	}
 	
	
	#vragen-tekst, #column-tekst{/* blauwe rand om de tekst */
			border-left: 1px solid #00416b;
			border-right:1px solid #00416b;
			border-bottom:1px solid #00416b;
	}
 
/* -- Opmaak tekst en list in contenblokken -- */
#helpen-tekst p, #vragen-tekst p, #acties-tekst p, #column-tekst p{
		font-style: italic;
		color: #666;
		font-size: 12px;
		margin: 0px 7px 10px 7px;
}


	 /*Opmaak tekst en kop in column tekst */
	#column-blok p{
			font-style: normal;
	}
 
	#column-blok h1{
			margin: 6px 7px;
			font-size: 14px;
			color: #00416b;
			margin-bottom: -2px;
			line-height: 18px;
			font-style: italic;
			font-weight: normal;
	}
 
	/* Opmaak link in tekst bij acties & tips */
	#acties-tekst a:link, #acties-tekst a:visited, #helpen-tekst a:link, #helpen-tekst a:visited, , #vragen-tekst a:link, #vragen-tekst a:visited{
			font-style: normal;
			color: #00416b;
			font-weight: normal;
			text-decoration: none;
	}
	
	#acties-tekst a:hover, #helpen-tekst a:hover, #vragen-tekst a:hover {
			text-decoration: underline;
	}
 
	#acties-tekst p{
			font-style: normal;
	}
	

 
 	.blauwe-tekst{
			color: #00416b;
	}

	.opvallen-rood{
			color: #8a1f1b;
			font-weight: bold;
			font-size: 1.3em;
	}

	ul.homebullets{
			list-style: url(../images/bullet.png);
			margin-left: 10px;
			padding-left: 15px;
			margin-top: 10px;
	}
	
	ul.homebullets li{
			line-height: 18px;
			padding-left: 5px;
			font-size:12px;
	}

	ul.homebullets li a:link, ul.homebullets li a:visited{
			color: #000;
			text-decoration: none;
	}

	ul.homebullets li a:hover{
			text-decoration: underline;
	}


/* Opmaak headings in contenblokken */
#helpen-tekst h1, #vragen-tekst h1, #acties-tekst h1, #column-tekst h1{
		color: #00416b;
		line-height: 18px;
}

/*------------------------------------
    OPMAAK VOOR VERLVOLG PAGINA'S
------------------------------------*/

/* Opmaak en plaatsing menu aan linker zijde */

/* Opmaak submenu */

#menuholder{
		width: 218px;
		height: 100%;
		text-align: left;
		float:left;
		font-size: 14px;
		color: #C5C5C5;
}

.navbar1, .navbarActive1 {
			display: block;
			width: 194px;
			font-size: 14px;
			color: #C5C5C5;
			font-weight: bold;
			text-decoration: none;
			padding-left: 25px;
			padding-top: 25px;
			border-bottom: 1px solid #ccc;
			height: 31px;
}


.navbar1 a:link, .navbar1 a:active, .navbar1 a:hover, .navbar1 a:visited {
			font-size: 14px;
			color: #C5C5C5;
			font-weight: bold;
			text-decoration: none;

}

.navbarActive1 a:link, .navbarActive1 a:active, .navbarActive1 a:hover, .navbarActive1 a:visited {
			font-size: 14px;
			color: #C5C5C5;
			font-weight: bold;
			text-decoration: none;

}

	
.navbar2 {
			line-height: 26px;
			font-size: 13px;
			letter-spacing: 0.5px;
			padding-left: 0px;
}


.navbar2 a:link, .navbar2 a:active, .navbar2 a:visited {
			display: block;
			width: 194px;
			color: #00416b;
			text-decoration: none;
			font-weight: normal;
			background: url(../images/bullet-submenu.png) no-repeat 12px -6px;
			padding-left: 25px;
			border-bottom: 1px solid #ccc;

}

.navbar2 a:hover{
			display: block;
			width: 194px;
			color: #999999;
			text-decoration: none;
			font-weight: normal;
			background: url(../images/bullet-submenu.png) no-repeat 12px -6px;
			padding-left: 25px;
			border-bottom: 1px solid #ccc;

}

.navbarActive2 {
			line-height: 26px;
			font-size: 13px;
			letter-spacing: 0.5px;
			padding-left: 0px;
}


.navbarActive2 a:link, .navbarActive2 a:active, .navbarActive2 a:visited {
	display: block;
	width: 194px;
	color: #912C28;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/bullet-submenu.png) no-repeat 12px -6px;
	padding-left: 25px;
	border-bottom: 1px solid #ccc;
}

.navbarActive2 a:hover{
			display: block;
			width: 194px;
			color: #999999;
			text-decoration: none;
			font-weight: bold;
			background: url(../images/bullet-submenu.png) no-repeat 12px -6px;
			padding-left: 25px;
			border-bottom: 1px solid #ccc;

}


.navbar3 {
			line-height: 25px;
			font-size: 12px;
			letter-spacing: 0.5px;
			padding-left: 0px;
			background-color: #E5E5E5;
}


.navbar3 a:link, .navbar3 a:active, .navbar3 a:visited {
			display: block;
			width: 194px;
			color: #777777;
			text-decoration: none;
			font-weight: normal;
			padding-left: 25px;
			border-bottom: 1px solid #ffffff;

}

.navbar3 a:hover{
			display: block;
			width: 194px;
			color: #999999;
			text-decoration: none;
			font-weight: normal;
			padding-left: 25px;
			border-bottom: 1px solid #ffffff;

}

.navbarActive3 {
			line-height: 26px;
			font-size: 12px;
			letter-spacing: 0.5px;
			padding-left: 0px;
			background-color: #E5E5E5;
}


.navbarActive3 a:link, .navbarActive3 a:active, .navbarActive3 a:visited {
	display: block;
	width: 194px;
	color: #912C28;
	text-decoration: none;
	font-weight: bold;
	padding-left: 25px;
	border-bottom: 1px solid #ffffff;
}

.navbarActive3 a:hover{
			display: block;
			width: 194px;
			color: #999999;
			text-decoration: none;
			font-weight: bold;
			padding-left: 25px;
			border-bottom: 1px solid #ffffff;

}





.navbar4 {
			line-height: 25px;
			font-size: 11px;
			letter-spacing: 0.5px;
			padding-left: 0px;
			background-color: #F0F0F0;
}


.navbar4 a:link, .navbar4 a:active, .navbar4 a:visited {
			display: block;
			width: 184px;
			color: 00416b;
			text-decoration: none;
			font-weight: normal;
			padding-left: 35px;

}

.navbar4 a:hover{
			display: block;
			width: 184px;
			color: #999999;
			text-decoration: none;
			font-weight: normal;
			padding-left: 35px;

}

.navbarActive4 {
			line-height: 26px;
			font-size: 11px;
			letter-spacing: 0.5px;
			padding-left: 0px;
			background-color: #F0F0F0;
}


.navbarActive4 a:link, .navbarActive4 a:active, .navbarActive4 a:visited {
			display: block;
			width: 184px;
			color: #912C28;
			text-decoration: none;
			font-weight: bold;
			padding-left: 35px;
}

.navbarActive4 a:hover{
			display: block;
			width: 184px;
			color: #999999;
			text-decoration: none;
			font-weight: bold;
			padding-left: 35px;

}


.navbar5 {
			line-height: 20px;
			font-size: 11px;
			letter-spacing: 0.5px;
			padding-left: 0px;
			
}


.navbar5 a:link, .navbar5 a:active, .navbar5 a:visited {
			display: block;
			width: 174px;
			color: #777777;
			text-decoration: none;
			font-weight: normal;
			padding-left: 45px;
			border-bottom: 1px solid #CCC;

}

.navbar5 a:hover{
			display: block;
			width: 174px;
			color: #999999;
			text-decoration: none;
			font-weight: normal;
			padding-left: 45px;
			border-bottom: 1px solid #CCC;

}

.navbarActive5 {
			line-height: 20px;
			font-size: 11px;
			letter-spacing: 0.5px;
			padding-left: 0px;
}


.navbarActive5 a:link, .navbarActive5 a:active, .navbarActive5 a:visited {
			display: block;
			width: 174px;
			color: #912C28;
			text-decoration: none;
			font-weight: bold;
			padding-left: 45px;
			border-bottom: 1px solid #CCC;
}

.navbarActive5 a:hover{
			display: block;
			width: 174px;
			color: #999999;
			text-decoration: none;
			font-weight: bold;
			padding-left: 45px;
			border-bottom: 1px solid #CCC;

}








/* Opmaak van midden gedeelte (content) */
#maincontent {
		margin-left: 7px;
		margin-right: 7px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		background: url(../images/bg-maincontent.png) repeat-x;
		width: 531px;
		height: 100%;
		float:left;
}

	#kruimelpad{
			width: 100%;
			height: 18px;
			margin: 27px 0px 15px 17px;
			color: #8b8b8b;
			text-transform: uppercase;
			font-size:10px;
	}
	
	#kruimelpad a:link, #kruimelpad a:visited{
			color: #b4b4b4;
			text-transform: uppercase;
			font-size:10px;
			text-decoration: none;
	}
	
	#kruimelpad a:hover{
			text-decoration: underline;
	}
	
	#teksten{
			width: 490px;
			margin-left: 18px;
			min-height: 450px;
			height: auto;
			color: #666;
			font-size: 12px;
			font-family:Arial, Helvetica, sans-serif;
			margin-bottom: 18px;
	}

/*Opmaak van de balk aan de rechter zijde */
#rechterbalk {
		width: 202px;
		height: 100%;
		margin-right: 9px;
		float:right;
}


*html #rechterbalk {/*Plaatsing rechterbalk in IE6 */
		position: absolute;
		top: 1px;
		left: 50%;
		margin-left: 280px;}
		
	#rechterbalk  img{
				margin-bottom: 0px;
				padding-bottom: 0px;
		}
		
	#logo{
			margin: 28px 20px;
	}
	
	
	#rechterbalk #actie-menu{
			position: relative;
			top: 25px; left: -2px;
			padding-top: 1px;
			padding-left: 5px;
			width: 189px;
			height: 125px;
			background: url(../images/bg-actiemenu-vv.png) no-repeat;
			margin-left: 10px;
	}