/***************************************************************** 
BODY EN BOX DECLARATIONS
*****************************************************************/ 

body		{
		  text-align: center;
		  padding: 0px;
		  margin: 20px 0px 20px 0px;
		  background: #fff url(images/background.gif) repeat-x;
		  font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 76%;
		}

.clearboth { clear: both; }

#container	{ position: relative; width: 900px; margin: 0px auto; border: 1px solid #73A4C5; }

	#content		{ position: absolute; top: 53px; left: 180px; width: 720px; background: #fff; text-align: left; padding: 0px 0px 0px 0px; }
		#content_left	{ float: left; width: 364px; }
		#content_right	{ float: left; width: 356px; }
		#content_right1  { float: left; height: 100%; width: 356px; background: url(images/vul/1.jpg) no-repeat; background-position: bottom right; }
		#content_right2  { float: left; height: 100%; width: 356px; background: url(images/vul/2.jpg) no-repeat; background-position: bottom right; }
		#content_right3  { float: left; height: 100%; width: 356px; background: url(images/vul/3.jpg) no-repeat; background-position: bottom right; }
		#content_right4  { float: left; height: 100%; width: 356px; background: url(images/vul/4.jpg) no-repeat; background-position: bottom right; }
		#content_right5  { float: left; height: 100%; width: 356px; background: url(images/vul/5.jpg) no-repeat; background-position: bottom right; }
		#content img	{ margin: 0px 20px 0px 10px;}			

		#downloads		{ width: 645px; margin: 0px 0px 0px 44px; border: 1px solid #73A4C5; padding: 0px 0px 3px 0px  }
		#downloads_header	{ width: 645px; margin: 0px; padding: 0px 0px 14px 0px; background: url(images/download_header.gif) no-repeat;  }

		img#organisatieschema	{ margin: 10px 0px 0px 9px; }

		#gallery		{ margin: 10px 20px 10px 44px; }
		#gallery img		{ margin: 0px 0px 20px 0px; border: 1px solid #777; }
			#galleryimg 	{ margin: 13px 13px 0px 13px; border: 1px solid #777; width: 690px;}
			#galleryimg img	{ margin: 0px; padding: 0px; }

		#gallery div		{ float: left; width: 25%; }
		.gallery_footer		{ width: 692px; height: 26px; background: url(images/gallery_footer.gif) no-repeat; text-align: left; margin: 0px 13px 13px 13px; padding: 0px 0px 13px 0px; }
		
		img.contact	{ padding: 0px 20px 10px 44px; }

	#left			{ position: absolute; top: 0px;  left: 0px;   width: 180px;  }
		#lefttop	{ width: 180px; height: 496px; background: #0A69A3;}
		#leftbottom	{ width: 180px; padding: 0px 0px 5px 0px; background: #0A69A3; overflow: visible;}

	#top			{ position: absolute; top: 0px;   left: 180px; width: 710px; height: 20px; margin: 0px; padding: 2px 10px 2px 0px; background: #fff; text-align: right; }
	#navigation		{ position: absolute; top: 20px;  left: 180px; width: 720px; height: 34px; margin: 0px; background: url(images/menu_back.gif) repeat-x; }

	.news		{ float: left; width: 629px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 44px;}

		.news_summary		{ background: #E2E3DA; margin: 0px; font-size: 90%; }

			.news_summary_header		{ height: 15px; background: url(images/news_summary_header.gif) no-repeat; padding: 5px 5px 4px 10px; color: #fff;}

			.news_summary_body		{ background: url(images/news_summary_body.gif) repeat-y; padding: 5px 5px 5px 10px; }
			.news_summary_body A		{ color: #069; text-decoration: none; }
			.news_summary_body A:link	{ color: #069; text-decoration: none; }
			.news_summary_body A:visited	{ color: #069; text-decoration: none; }
			.news_summary_body A:active	{ color: #069; text-decoration: none; }
			.news_summary_body A:hover	{ color: #069; text-decoration: none; }
			.news_summary_footer		{ height: 13px; background: url(images/news_summary_footer.gif) no-repeat; text-align: right; padding: 0px; }

.two_collumns	{ float: left; width: 50%; }

.three_collumns	{ float: left; width: 33%; }


#rvc { height: 350px; }
#rvc_peterson, #rvc_gelder, #rvc_cordia, #rvc_driest, #rvc_tielrooij { 	
							position: absolute; top: 90px; left: 290px; 
							width: 408px; 
							height: 245px;
							background: #E6F0F5; 
							text-align: left; 
							padding: 0px 2px 2px 2px; }

#rvc_gelder, #rvc_cordia, #rvc_driest, #rvc_tielrooij { 	
							visibility:hidden; 
							}


/***************************************************************** 
TEXT DECLARATIONS
*****************************************************************/ 

h1		{	  
		  font-size: 170%;
		  font-weight: normal;
		  color: #4C4C4C;
		  margin: 0px;
		  padding: 25px 20px 20px 44px;
		}

h2		{	  
		  font-size: 130%;
		  font-weight: bold;
		  color: #0A69A3;
		  margin: 0px;
		  padding: 20px 10px 0px 44px;
		}
	
h3		{	  
		  font-size: 110%;
		  font-weight: bold;
		  color: #4C4C4C;
		  margin: 0px;
		  padding: 10px 10px 0px 44px;
		}		

p		{
		  font-size: 90%;
		  line-height: 140%;
		  color: #000;
		  margin: 0px;
		  padding: 0px 20px 10px 44px;
		}

#gallery p	{
		  font-size: 90%;
		  line-height: 140%;
		  color: #000;
		  margin: 0px;
		  padding: 0px 45px 10px 20px;
		}

p#gallery_terug	{
		  float: right;
		  font-size: 100%;
		  line-height: 140%;
		  color: #000;
		  margin: 0px;
		  padding: 3px 15px 3px 20px;
		}

p#gallery_titel	{
		  float: left;
		  font-size: 100%;
		  line-height: 140%;
		  color: #fff;
		  margin: 0px;
		  padding: 3px 15px 3px 10px;
		}

.news_summary_header p	{ float: left; width: 629px; color: #fff;  }
.news_summary_body   p	{
			  font-size: 100%;
			  line-height: 140%;
			  color: #000;
			  margin: 0px;
			  padding: 0px 20px 10px 0px;
			}


#downloads h3	{
		  padding: 3px 10px 5px 7px;
		  color: #fff;
		}


#leftbottom p	{
		  color: #fff;
		  text-align: left;
		  padding: 5px;
		  margin: 0px
		  
		}

#rvc p { font-size: 90%;
	  line-height: 140%;
	  color: #000;
	  margin: 0px;
	  padding: 5px;
	}


span.blue	{ color: #069; }
span.black	{ color: #000; }
span.small	{ font-size: 70%; }

/***************************************************************** 
LIST DECLARATIONS
*****************************************************************/ 
#content ul { padding: 0px 0px 0px 0px; margin: 0px 10px 10px 60px;}
#content ol { padding: 0px 0px 0px 0px; margin: 0px 10px 10px 60px;}
#content ol li { list-style-type: lower-alpha; }

#content li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

#content li { font-size: 90%; line-height: 140%; color: #0A69A3; }

#content ul.zwart li	{ color: #333; }

ul#organisatie	  { padding: 0px 20px 10px 35px; }
ul#organisatie li { font-size: 100%;  }

ul#sitemap	{ font-size: 110%;  }
/***************************************************************** 
TABLE DECLARATIONS
*****************************************************************/ 

table.jaarrapport   	{ border-collapse: collapse; border: 1px solid #000; margin: 10px 20px 10px 44px;}
     .jaarrapport tr td		{ background: #fafafa;  border: 1px solid #000; margin: 0px; padding: 5px; vertical-align: top; }
     .jaarrapport tr.grey td	{ background: #ddd; }
     
table.jaarrapport-lite   	{ border: none; margin: 0px 20px 10px 40px;}
     .jaarrapport-lite tr td		{ background: #fff;  border: none; margin: 0px; padding: 5px; vertical-align: top; }
     
table.jaarrapport-lite h3 { padding: 10px 0px 0px 0px; }

/***************************************************************** 
LINK, hover and visited should have diversions in color.
hover should be underlined, for extra clarity a normal link
could be underlined to emphasize its linklyness.
*****************************************************************/

A 				{ text-decoration: underline; color: #000; }
A:link				{ text-decoration: underline; color: #000; }
A:visited			{ text-decoration: underline; color: #000; }
A:active			{ text-decoration: underline; color: #000; }
A:hover				{ text-decoration: underline; color: #069; }
A#active			{ text-decoration: underline; color: #069; }

#top A 				{ text-decoration: underline; color: #666; font-size: 80%; }
#top A:link			{ text-decoration: underline; color: #666; }
#top A:visited			{ text-decoration: underline; color: #666; }
#top A:active			{ text-decoration: underline; color: #666; }
#top A:hover			{ text-decoration: underline; color: #666; }
#top A#active			{ text-decoration: underline; color: #666; }

#top A 				{ text-decoration: underline; color: #666; font-size: 80%; }
#top A:link			{ text-decoration: underline; color: #666; }
#top A:visited			{ text-decoration: underline; color: #666; }
#top A:active			{ text-decoration: underline; color: #666; }
#top A:hover			{ text-decoration: underline; color: #666; }
#top A#active			{ text-decoration: underline; color: #666; }

#rvc A 				{ text-decoration: none; color: #666; font-size: 80%; }
#rvc A:link			{ text-decoration: none; color: #666; }
#rvc A:visited			{ text-decoration: none; color: #666; }
#rvc A:active			{ text-decoration: none; color: #666; }
#rvc A:hover			{ text-decoration: none; color: #069; }
#rvc A#active			{ text-decoration: none; color: #666; }

#gallery_terug A 		{ text-decoration: underline; color: #fff; }
#gallery_terug A:link		{ text-decoration: underline; color: #fff; }
#gallery_terug A:visited	{ text-decoration: underline; color: #fff; }
#gallery_terug A:active		{ text-decoration: underline; color: #fff; }
#gallery_terug A:hover		{ text-decoration: none;      color: #fff; }
#gallery_terug A#active		{ text-decoration: underline; color: #fff; }



#leftbottom A 			{ text-decoration: underline; color: #fff; }
#leftbottom A:link		{ text-decoration: underline; color: #fff; }
#leftbottom A:visited		{ text-decoration: underline; color: #fff; }
#leftbottom A:active		{ text-decoration: underline; color: #fff; }
#leftbottom A:hover		{ text-decoration: none;      color: #fff; }
#leftbottom A#active		{ text-decoration: underline; color: #fff; }


.downloads A 			{ text-decoration: none; color: #069; font-size: 100%; }
.downloads A:link		{ text-decoration: none; color: #069; }
.downloads A:visited		{ text-decoration: none; color: #666; }
.downloads A:active		{ text-decoration: none; color: #666; }
.downloads A:hover		{ text-decoration: none; color: #fff; }

#downloads A 		{ display: block; width: 604px; height: 24px; padding: 4px 0px 0px 25px; margin: 0px 7px 6px 7px; background: url(images/download.gif) no-repeat;    text-decoration: none; color: #069; font-size: 90%; }
#downloads A:link 	{ display: block; width: 604px; height: 24px; padding: 4px 0px 0px 25px; margin: 0px 7px 6px 7px; background: url(images/download.gif) no-repeat;    text-decoration: none; color: #069; font-size: 90%; }
#downloads A:visited 	{ display: block; width: 604px; height: 24px; padding: 4px 0px 0px 25px; margin: 0px 7px 6px 7px; background: url(images/download.gif) no-repeat;    text-decoration: none; color: #069; font-size: 90%; }
#downloads A:active 	{ display: block; width: 604px; height: 24px; padding: 4px 0px 0px 25px; margin: 0px 7px 6px 7px; background: url(images/download.gif) no-repeat;    text-decoration: none; color: #069; font-size: 90%; }
#downloads a:hover 	{ display: block; width: 604px; height: 24px; padding: 4px 0px 0px 25px; margin: 0px 7px 6px 7px; background: url(images/download_on.gif) no-repeat; text-decoration: none; color: #fff; font-size: 90%; }


/***************************************************************** 
DROPDOWN MENU DECLARATION
diverted from the magnificent and famous 'Suckerfish dropdown' method
Do we really still need the commented backslash hack???
Is there an alternative for IE5 MAC
source: http://www.htmldog.com/articles/suckerfish/example/
*****************************************************************/ 

/* Commented Backslash HACK (to hide this from IE5 MAC) \*/

ul#nav_list	{
		  list-style-type: none;
		  padding: 0px;
		  margin: 0px 0px 0px 0px;
		  height: 32px;
		  font-size: 11px;
		}

ul#nav_list A 		{ text-decoration: none; color: #eee; font-weight: normal; }
ul#nav_list A:link	{ text-decoration: none; color: #eee; }
ul#nav_list A:visited	{ text-decoration: none; color: #eee; }
ul#nav_list A:active	{ text-decoration: none; color: #fff; }
ul#nav_list A:hover	{ text-decoration: none; color: #fff; }

#nav_list li a		{ display: block; height: 21px; font-weight: bold; text-decoration: none; padding: 6px 9px 5px 9px; }
#nav_list li a:hover	{ display: block; background: url(images/menu_back_on.gif) repeat-x; color: #fff;}
#nav_list li a#active	{ display: block; background: url(images/menu_back_act.gif) repeat-x; color: #fff;}

#nav_list li.li1 a 	{ width: 85px;  }
#nav_list li.li2 a	{ width: 65px;  }
#nav_list li.li3 a	{ width: 155px; }
#nav_list li.li4 a	{ width: 125px; }
#nav_list li.li5 a	{ width: 115px; }
#nav_list li.li6 a	{ width: 67px;  }

#nav_list li.eli1 a 	{ width: 100px;  }
#nav_list li.eli2 a	{ width: 70px;  }
#nav_list li.eli3 a	{ width: 115px; }
#nav_list li.eli4 a	{ width: 125px; }
#nav_list li.eli5 a	{ width: 115px; }
#nav_list li.eli6 a	{ width: 87px;  }

#nav_list li a:hover.ext	{ background: transparent; }

#nav_list li {
	float: left;
	position: relative; 
	display: inline;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#nav_list li ul {
	position: absolute;
	display: none;
	top: 26px;
	left: 0;
	font-weight: normal;
	background: #797878 url(images/submenu_back.gif) repeat-x;
	padding: 0px;
	margin: 0px;
}

#nav_list li>ul 				{ top: 26px; left: auto;  }
#nav_list li:hover, #nav_list li.over		{ background: url(images/menu_back_on.gif) repeat-x; }
#nav_list li:hover ul, #nav_list li.over ul 	{ top: 26px; display: block; }

#nav_list li li 		{ padding: 0px; margin: 0px; }
#nav_list li li a 		{ color: #fff; display: block; height: 15px; font-weight: bold;  padding: 4px 9px 4px 9px; margin: 0px; }
#nav_list li li a.double	{ color: #fff; display: block; height: 30px; font-weight: bold;  padding: 4px 9px 4px 9px; margin: 0px; }
#nav_list li li a:hover 	{ color: #fff; background: #000; }
#nav_list li li a.double:hover 	{ color: #fff; background: #000; }
#nav_list li li a#subactive	{ color: #aaa;  }

#nav_list li.li1 ul 	{ width: 165px; }
#nav_list li.li1 li a 	{ width: 147px; }
#nav_list li.li2 ul	{ width: 182px; }
#nav_list li.li2 li a 	{ width: 164px; }
#nav_list li.li3 ul	{ width: 173px; }
#nav_list li.li3 li a 	{ width: 155px; }
#nav_list li.li4 ul	{ width: 143px; }
#nav_list li.li4 li a 	{ width: 125px; }
#nav_list li.li5 ul	{ width: 105px; }
#nav_list li.li5 li a 	{ width: 87px;  }
#nav_list li.li6 ul	{ width: 125px; margin-left: -40px; }
#nav_list li.li6 li a 	{ width: 107px; }

#nav_list li.eli1 ul 	{ width: 195px; }
#nav_list li.eli1 li a 	{ width: 177px; }
#nav_list li.eli2 ul	{ width: 182px; }
#nav_list li.eli2 li a 	{ width: 164px; }
#nav_list li.eli3 ul	{ width: 133px; }
#nav_list li.eli3 li a 	{ width: 115px; }
#nav_list li.eli4 ul	{ width: 143px; }
#nav_list li.eli4 li a 	{ width: 125px; }
#nav_list li.eli5 ul	{ width: 105px; }
#nav_list li.eli5 li a 	{ width: 87px;  }
#nav_list li.eli6 ul	{ width: 135px; margin-left: -30px; }
#nav_list li.eli6 li a 	{ width: 117px; }
/* END Commented Backslash HACK */

/***************************************************************** 
LIST DECLARATIONS
*****************************************************************/ 

form			{ margin: 0px 0px 0px 0px; }

label			{ float: left; margin: 3px 10px 5px 44px; padding: 0px; width: 100px; color: #000; font-weight: normal; font-size: 90%; text-align: left;  }
label.altlabel		{ float: left; margin: 18px 10px 5px 44px; padding: 0px; width: 320px; color: #000; font-weight: normal; font-size: 90%; text-align: left;  }
input.checkbox 		{ float: left; margin: 0px 10px 0px 20px; padding: 0px;  }
textarea.ta 		{ width: 310px; height: 80px; margin: 0px 0px 0px 44px; font-family: verdana, arial, helvetica, sans-serif; font-size: 100%;}

input.input_txt		{ width: 200px; margin: 0px 0px 4px 0px;}
input.input_submit	{ padding: 3px; margin: 0px 0px 20px 130px ; }
p.error_txt		{ color: #F00; margin: 0px 0px 10px 44px; padding: 0px; }
p.error_txt strong 	{ color: #F00; margin: 0px; padding: 0px; }