/***************************************************************** 
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; margin: 0px auto; }

	#content		{ position: absolute; top: 0px; left: 0px; width: 650px; text-align: left; }

		#downloads	{ width: 545px; margin: 0px 0px 0px 5px; border: 1px solid #73A4C5; padding: 9px 0px 3px 0px  }

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

		#gallery	{ margin: 10px 20px 10px 5px; }
		#gallery img	{ margin: 10px; border: 0px; }
			#galleryimg {margin: 10px 15px 15px 15px; }

	#left			{ display: none; }

	#top			{ display: none; }
	#navigation		{ display: none; }

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

		.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: 350px; 
							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 5px;
		}

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

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

#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;
	}

.news p		{ float: left; width: 629px; color: #fff; }

span.blue	{ color: #069; }


/***************************************************************** 
LIST DECLARATIONS
*****************************************************************/ 
#content ul { padding: 0px 20px 10px 0px; margin: 0px 0px 0px 60px;}
#content li { font-size: 90%; line-height: 140%; color: #000; }

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

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

table   { border-collapse: collapse; border: 1px solid #000; margin: 10px 20px 10px 5px;}
td	{ border: 1px solid #000; margin: 0px; padding: 5px; vertical-align: top; }


/***************************************************************** 
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: #006699; }
A#active			{ text-decoration: underline; color: #006699; }

#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; }

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


/***************************************************************** 
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_act.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: 75px;  }
#nav_list li.li3 a	{ width: 145px; }
#nav_list li.li4 a	{ width: 135px; }
#nav_list li.li5 a	{ width: 105px; }
#nav_list li.li6 a	{ width: 67px;  }


#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_act.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: 175px; }
#nav_list li.li1 li a 	{ width: 157px; }
#nav_list li.li2 ul	{ width: 102px; }
#nav_list li.li2 li a 	{ width: 84px;  }
#nav_list li.li3 ul	{ width: 163px; }
#nav_list li.li3 li a 	{ width: 145px; }
#nav_list li.li4 ul	{ width: 153px; }
#nav_list li.li4 li a 	{ width: 135px; }
#nav_list li.li5 ul	{ width: 105px; }
#nav_list li.li5 li a 	{ width: 87px;  }
#nav_list li.li6 ul	{ width: 130px; left: -45px; }
#nav_list li.li6 li a 	{ width: 112px; }

/* END Commented Backslash HACK */