/* CSS Document */

body, html {
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 			11px;
	line-height: 		16px;
	color: 				#00458A;
	background:			#ffffff url(../images/bg.gif) repeat-y;
	margin: 			0px;
	padding: 			0px;
}

.popup { 
	font-family: Verdana ,arial, helvetica;
	font-size: 11px;
	line-height: 18px; 
	color: #00458A; 
	margin: 0px 0px 0px 0px;
	background: #ffffff url(../images/popupback.gif) repeat-x;
	}
	
#vervolg_top {
	float:				left;
	width: 				765px;
	height: 			25px;
	background: 		url(../images/vervolg_top.gif) top right no-repeat;
	margin-top: 10px;
}	


.tekst a:link, .tekst a:visited {
	color: #00A2DA;
	text-align: left;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	text-decoration: none;
}
.tekst a:hover {
	color: #00A2DA;
	text-align: left;
	text-decoration: underline;
}

a:link, a:visited {
	color: #00A2DA;
	text-align: left;
	text-decoration: none;
}
a:hover {
	color: #00A2DA;
	text-align: left;
	text-decoration: underline;
}

a.bovenlinks:link  { 
	font-weight: normal; 
	text-decoration: none; 
	color: #00458A;
	}

a.bovenlinks:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #00458A;
	}
	
a.bovenlinks:hover { 
	text-decoration: underline; 
	color: #00458A;
	}
	
a.bovenlinks:active { 
	text-decoration: none; 
	color: #00458A;
	}
	
/* Knoppen */
	
#knop01 a {
	left: 				210px;
	bottom: 			-25px;
	position: 			absolute;
	width:				105px;
	height: 			105px;
	background-image:	url(../images/knop01.jpg);
}
#knop01 a:hover {
	width:				105px;
	height: 			105px;
	background-image: 	url(../images/knop01_on.jpg)	
}
		/* Fix voor IE */
		* html #knop01 a
		{
			bottom: -26px;
		}


#knop02 a {
	left: 				320px;
	bottom: 			-25px;
	position: 			absolute;
	width:				105px;
	height: 			105px;
	background-image:	url(../images/knop02.jpg);
}
#knop02 a:hover {
	width:				105px;
	height: 			105px;
	background-image: 	url(../images/knop02_on.jpg)	
}
		/* Fix voor IE */
		* html #knop02 a
		{
			bottom: -26px;
		}

#knop03 a {
	left: 				430px;
	bottom: 			-25px;
	position: 			absolute;
	width:				105px;
	height: 			105px;
	background-image:	url(../images/knop03.jpg);
}
#knop03 a:hover {
	width:				105px;
	height: 			105px;
	background-image: 	url(../images/knop03_on.jpg)	
}
		/* Fix voor IE */
		* html #knop03 a
		{
			bottom: -26px;
		}
		
#knop04 a {
	left: 				540px;
	bottom: 			-25px;
	position: 			absolute;
	width:				105px;
	height: 			105px;
	background-image:	url(../images/knop04.jpg);
}
#knop04 a:hover {
	width:				105px;
	height: 			105px;
	background-image: 	url(../images/knop04_on.jpg)	
}
		/* Fix voor IE */
		* html #knop04 a
		{
			bottom: -26px;
		}

#knop05 a {
	left: 				650px;
	bottom: 			-25px;
	position: 			absolute;
	width:				105px;
	height: 			105px;
	background-image:	url(../images/knop05.jpg);
}
#knop05 a:hover {
	width:				105px;
	height: 			105px;
	background-image: 	url(../images/knop05_on.jpg)	
}
		/* Fix voor IE */
		* html #knop05 a
		{
			bottom: -26px;
		}

#knop05_vervolg a {
	left: 				650px;
	bottom: 			-25px;
	position: 			absolute;
	width:				105px;
	height: 			105px;
	background-image:	url(../images/knop05_vervolg.jpg);
}
#knop05_vervolg a:hover {
	width:				105px;
	height: 			105px;
	background-image: 	url(../images/knop05_vervolg_on.jpg)	
}
		/* Fix voor IE */
		* html #knop05_vervolg a
		{
			bottom: -26px;
		}

#home_afb01 {
	left: 				652px;
	top: 				10px;
	position: 			absolute;
	width:				105px;
	height: 			105px;
	background-image:	url(../images/home_afb01.jpg);
}
	/* Fix voor IE */
		* html #home_afb01
		{
			bottom: 325px;
			
		}
	

#home_afb02 {
	left: 				652px;
	top: 			120px;
	position: 			absolute;
	width:				105px;
	height: 			105px;
	background-image:	url(../images/home_afb02.jpg);
}
		/* Fix voor IE */
		* html #home_afb02
		{
			bottom: 215px;
			
		}

/* ----- */

.onderlink {
	margin-top: 20px;
}


#outerbox {
	width: 				765px;
}

#bovenlinks {
	padding-left:		25px;
}

#top_afb {
	float:				left;
	width: 				530px;
	height: 			55px;
	background: 		no-repeat url(../images/multi_pics.jpg);
	margin-right: 		20px;
	margin-top: 		25px;
}
#logo_popup {
	float: right;
	width: 201;
	height: 87px;
	background: no-repeat url(../images/logo.gif);
	margin-right: 40px;
	margin-bottom: 30px;
	margin-top: 10px;
}
#logo a:link, #logo a:hover, #logo a:visited {
	float: 				left;
	width: 				201px;
	height: 			87px;
	background: 		no-repeat url(../images/logo.gif);
	margin-top: 		15px;
}
		/* Fix voor IE */
		* html #logo
		{
			margin: 0px;
			
		}
		
#logo2 a:link, #logo2 a:hover, #logo2 a:visited {
	float: 				left;
	width: 				147px;
	height: 			65px;
	background: 		no-repeat url(../images/logo2.gif);
	margin-top: 		15px;
}
		/* Fix voor IE */
		* html #logo2
		{
			margin: 0px;
			
		}		

#content_box {
	position: 			relative;
	float: left;
	width: 				700px;
	background: 		repeat-y left #FFF url(../images/box_bg.gif);
	margin-top: 		15px;
}
		/* Fix voor IE */
		* html #content_box
		{
			width: 750px;
			
		}

#content_box_vervolg {
	position: 			relative;
	float: left;
	width: 				770px;
	background: 		repeat-y left #FFF url(../images/box_bg_vervolg.gif);
	margin-top: 		0px;
}

#menubox {
	float: 				left;
	width: 				184px;
	background: 		top left no-repeat url(../images/menu_top.gif);
	padding-bottom:     30px;
}

#menubox2 {
	float: 				left;
	width: 				184px;
	background: 		top left no-repeat url(../images/menu_top2.gif);
	padding-bottom:     30px;
}

#menulink, #menulink ul {
	float: 				left;

	list-style: 		none;
    margin:				20px 0px 0px 25px;
    padding: 			0px 0px 0px 0px;
	color: 				#00458A;
	font-size: 			11px;
}

#menulink a, #menulink a:link, #menulink a:visited {
	float: 				left;
	width: 				127px;
	height: 			21px;
	color: 				#002D56;
	text-decoration: 	none;
	padding: 			4px 0px 0px 10px;
	background: 		no-repeat url(../images/menulink_bg.gif);
}

#menulink li a:hover {
	background: 		no-repeat url(../images/menulink_bg_on.gif);
}

#menulink a.active, #menulink a.active:link, #menulink a.active:visited, #menulink a.active:hover{
	float: 				left;
	width: 				127px;
	height: 			21px;
	color: 				#002D56;
	text-decoration: 	none;
	padding: 			4px 0px 0px 10px;
	background: 		no-repeat url(../images/menulink_bg_on.gif);
}


		/* Fix voor IE */
		* html #menulink, #menulink ul
		{
			width: 127px;
			margin-left: 10px;
		}

#menulink li {
	float: 				left;
	padding: 			0 0px 0 0;
	margin-bottom: 		10px;
	text-align: 		left;
	background: 		none;
	
}



#tekstbox {
	float: 				left;
	width: 				456px;
	min-height:			282px;
	background: 		top left no-repeat url(../images/contentbox_topbg.gif);
	padding:            30px 30px 70px 30px;
	font-size: 			10px;
}

#tekstbox_vervolg {
	float: 				left;
	width: 				526px;
	min-height:			250px;
	background: 		none;
	padding:            30px 30px 20px 30px;
	font-size: 			10px;
}
		/* Fix voor IE */
		* html #tekstbox_vervolg
		{
			margin-bottom: 0px;
			height: 250px;
		}
		
	
		
#tekstbox_vervolg02 {
	float: 				left;
	width: 				526px;
	background: 		top left no-repeat url(../images/contentbox_topbg_vervolg.gif);
	padding:            30px 30px 70px 30px;
	font-size: 			10px;

}

.fotosrechts { 
	float: right;
	width: 200px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	}

.img_groot {
	margin: 0px 0px 15px 15px;
	float: right;
}
.meerinfo a:link, .meerinfo a:visited {
	color: #00A2DA;
	text-align: left;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	text-decoration: none;
}
.meerinfo a:hover {
	color: #00A2DA;
	text-align: left;
	text-decoration: underline;
}
#kopje {
	float: left;
	color: #FFE563;
	font-size: 24px;
	background: #00458A right no-repeat url(../images/kopje_bg.gif);
	margin-left: -31px;
	margin-bottom: 50px;
	padding: 15px 40px 15px 30px;
}
		
		/* Fix voor IE */
		* html #kopje
		{
			float: left;
			margin-left: -15px;
			margin-bottom: 35px;
		}


h1 {
	margin: 0 0 10px 0 ;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
}

.kop {
	margin: 0 0 10px 0 ;
	padding: 0px;
	font-size: 14px;
	font-weight: normal;
}
.tekst {
	float: left;
	width: 526px;
	
}
.tekst_links {
	float: left;
	width: 200px;
	
}
.tekst_rechts {
	float: right;
	width: 200px;
	padding-right: 30px;
	
}
#contentbox_bottom {
	position: relative;
	width: 			695px;
	height: 			29px;
	background: 		no-repeat top url(../images/contentbox_bottombg.gif);
}
		
		
		
#contentbox_bottom_vervolg {
	position: relative;
	width: 	765px;
	height: 29px;
	background: no-repeat url(../images/contentbox_bottombg_vervolg.gif);
}

/* Foto Zoom
---------------------------------------------------------------------------------------------- */

#fotozoom { 
	width: 620px; 
	margin: 0 auto;
	padding: 0;
	border: 0px solid red;
	}

.fotoboven {
	height: 22px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

.fotoonder {
	height: 10px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

#grotefoto
{
	text-align: center;
}

#grotefoto img
{
	border: 0px solid #5ABCDD;
	padding: 5px 5px 5px 5px;
	line-height: 0px;
	text-align: center;
}



#grotefoto .flash
{
	width: 600px;
	background-color: #ffffff;
	border: 1px solid #7A8977;
	line-height: 0px;
	padding: 10px;
	text-align: center;
}

.hoogtefoto
{
	width: 584px;
	height: 280px;
}

#logozoom { 
	width: 119px;
	margin-right: 1px;
	height: 80px;
	float: left;
	}

#bovenspacerzoom { 
	width: 640px;
	height: 12px;
	float: right;
	line-height: 0px;
	}

#navigatie { 
	width: 620px;
	height: 100px;
	color: #00458A;
	line-height: 30px;
	margin-bottom: 0px;
	text-align: right;	
	float: right;
	background: url(../images/logo_small.gif) 0px 3px no-repeat;
	}	
	
#navigatie a:link, #navigatie a:visited
{
		text-decoration: none;
        color: #F86F10; 
}

#navigatie a:hover
{
	text-decoration: none;
	color: #000000;
}

#titelzoom { 
	width: 400px;
	height: 25px;
	margin-top: 29px;
	margin-bottom: 1px;
	text-align: left;
	float: left;
	}

#snelnavzoom { 
	height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0;
	text-align: right;
	float: right;
	}

#snelnavinfo { 
	width: 100%;
	height: 25px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0 0 0 0;
	}

	/* Fix voor IE */
	* html #snelnavinfo {
		background: none;
		width: 196px;
	}

#infoterug { 
	float: left;
	border: 0px solid red;
	color: #fff;
	margin: 3px 0 0 15px;
	padding: 0 0 0 0;
	}
	
#infoterug a:link, #infoterug a:visited
{
		text-decoration: none;
        color: #f3f3f3; 
}

#infoterug a:hover
{
	text-decoration: underline;
	color: #f3f3f3;
}

#inforechts {
	width: 160px;
	float: right;
	}

.vorige, a.vorige
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/buttons/btn_terug.gif) no-repeat 0 0;
	float: right;
}

a.vorige:hover
{
	background: url(../images/buttons/btn_terug2.gif) no-repeat 0 0;
}

.volgende, a.volgende
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 10px;
	background: url(../images/buttons/btn_volgende.gif) no-repeat 0 0;
	float: right;
}

a.volgende:hover
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/buttons/btn_volgende_over.gif) no-repeat 0 0;
	float: right;
}

.vorigefb, a.vorigefb
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/buttons/btn_terug.gif) no-repeat 0 0;
	float: left;
}

a.vorigefb:hover
{
	background: url(../images/buttons/btn_terug2.gif) no-repeat 0 0;
}

.volgendefb, a.volgendefb
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	margin-left: 10px;
	margin-right: 0px;
	background: url(../images/buttons/btn_volgende.gif) no-repeat 0 0;
	float: left;
}

a.volgendefb:hover
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/buttons/btn_volgende_over.gif) no-repeat 0 0;
	float: left;
}

.vorigespace
{
	width: 25px;
	height: 13px;
	margin-top: 6px;
	background: url(../images/spacer.gif) no-repeat 0 0;
	float: left;
}

.fototekst 
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px; 
	padding: 0px 10px 10px 11px;
	color: #00458A;
}	

/* Foto nummering
---------------------------------------------------------------------------------------------- */

 #pagcontainer
 {
  float: right;
  height: 20px;
  padding: 0;
  margin: 4px 0 0 0;
  font-family: verdana, arial;
  font-size: 11px;
 }

 /* Fix voor IE */
 * html #pagcontainer 
 {
  padding: 0;
  margin: 3px 0 0 0;
 }

 #pagcontainer ul
 {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
 }

 #pagcontainer ul li 
 { 
  display: inline;
  list-style-type: none;
  background: none;
    padding-left: 0px;
 }

 #pagcontainer ul .inactief
 {
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #00458A;
  border-style: solid;
	background: #FFE358; 
	border-bottom: 1px solid #FFD91E; 
	border-left: 1px solid #FFD91E; 
	border-right: 1px solid #FFD91E; 
	border-top: 1px solid #FFD91E;  

 }

 #pagcontainer ul li a
 {
 list-style-type: none;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
	background: #00458A; 
	border-bottom: 1px solid #001F55; 
	border-left: 1px solid #4275C9; 
	border-right: 1px solid #001F55; 
	border-top: 1px solid #4275C9; 
 }

 #pagcontainer ul li a:hover
 {
 list-style-type: none;
  text-decoration: none;
  padding: 2px 5px 2px 5px;
  color: #ffffff;
	background: #D00004; 
	border-bottom: 1px solid #740000; 
	border-left: 1px solid #FD433E; 
	border-right: 1px solid #740000; 
	border-top: 1px solid #FD433E;  
 }

 #pagnavinfo
 {
  float: left;
  height: 20px;
  padding: 0;
  margin: 4px 0 0 0;
 }

 /* Fix voor IE */
 * html #pagnavinfo 
 {
  margin: 3px 0 0 0;
 }		

.spacer {
	height: 60px;
}
.clearer {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

.clearer5 {
	clear: both;
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}


/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	#verznav
	{
		float: left;
		width: 158px;
		text-align: left;
		padding: 24px 0px 0px 25px;
	}

	#verznav ul
	{
	float: 				left;
	list-style: 		none;
    margin:				0px 0px 0px 0px;
    padding: 			0px 0px 0px 0px;
	color: 				#00458A;
	font-size: 			11px;
	}

	#verznav ul li
	{
		width: 137px;
		padding: 4px 0px 4px 0px;	
		margin: 0px;
		list-style-type: none;
		float: left;
	}

	#verznav li a
	{
	float: 				left;
	width: 				127px;
	height: 			21px;
	color: 				#002D56;
	text-decoration: 	none;
	padding: 			4px 0px 0px 10px;
	background: 		no-repeat url(../images/menulink_bg.gif);	
	}
	
	#verznav li a:hover
	{
		background: 		no-repeat url(../images/menulink_bg_on.gif);
	}	

	#verznav li a.actief, #verznav li a.actief:hover
	{
		background: 		no-repeat url(../images/menulink_bg_on.gif);
	}
	



/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	#verznav ul ul
	{ 
		margin: 8px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}
	
	#verznav ul li li
	{
		border: 0px;
		padding: 2px 0px 2px 0px;
	}

	
	#verznav li li a
	{
		width: 140px;
		display: block;
		padding: 0;
		padding: 0px 0px 0px 10px;
		text-align: left;
		color: #ffffff;
	}
	
	#verznav li li a:link, #verznav li li a:visited
	{
		color: #ffffff;
		border: 0px;
		text-decoration: none;
		background: none;
	}
	
	#verznav li li a:hover
	{
		color: #FFE563;
		background: none;
	}
	
	#verznav li li#subactief a
	{
		color: #FFE563;
		text-decoration: none;
		background: none;
	}
	
	#verznav li li#subactief a:hover
	{
		color: #FFE563;
	}