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

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

#footer	{ text-align: left; height: 50px; background-color: #fff; }

#footer p	{
		  font-size: 92%;
		  color: #BB684A;
		  padding: 20px 10px 0px 33px;
		}
		
#footer p A 		{ text-decoration:none; color: #BB684A; }
#footer p A:link	{ text-decoration:none; color: #BB684A; }
#footer p A:visited	{ text-decoration:none; color: #BB684A; }
#footer p A:active	{ text-decoration:none; color: #BB684A; }
#footer p A:hover	{ text-decoration:underline; color: #660000; }		

.clearboth { clear: both; }

#centerer {
	position: relative;
	width: 874px;
	margin: 0px auto;
	background: #fff;
}

/***************************************************************** 
ABSOLUTE POSITIONED STUFF
*****************************************************************/ 

#logo	{
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  background-image: url(images/logo_bg.gif);
	  background-repeat: no-repeat;
	  width: 335px;
	  text-align: right;
	}
	

#people	{
	  position: absolute;
	  top: 135px;
	  left: 284px;
	 }


#container	{
		  float: left;
		  width: 502px;
		  text-align: left;
		}
	
#sitemap_container	{
			  position: absolute;
			  top: 132px;
			  left: 3px;
			  width: 572px;
			  text-align: left;
			}		
	
.two_columns	{
		  float: left;
		  width: 50%;
		}	
	
#content	{
		  background-color: transparent;
		  position: relative;
		  margin: 153px 0px 0px 0px;
		  text-align: left;
		  padding: 33px 0 0 0;
		}	
	
		#content_footer {
			display: block;
			width: 100%; height: 32px;
			background: transparent url(images/content_footer.gif) no-repeat top left;
		}	
	
#menu	{
	  float: left;
	  position: relative;
	  width: 173px;
	  margin-left: 1px;
	}
	
	#menu_footer_gradient {
		display: block;
		width: 100%; height: 100px;
		background: transparent url(images/menu_footer.gif) no-repeat top left;
	}
	
#right_bar	{
		  float: left;
		  width: 197px;
		}
		
	#right_bar_naw	{
			  background-image: url(images/right_bar_naw_bg.gif);
			  background-repeat: no-repeat;
			  height: 232px;
			  text-align: right;
			}
			
	#right_bar_naw p	{
				  color: #FFE4E4;
				  padding: 125px 15px 0px 0px;
				  font-size: 92%;
				  line-height: 130%;
				}
				
	#right_bar_naw p A 		{ text-decoration:none; color: #FFE4E4; }
	#right_bar_naw p A:link		{ text-decoration:none; color: #FFE4E4; }
	#right_bar_naw p A:visited	{ text-decoration:none; color: #FFE4E4; }
	#right_bar_naw p A:active	{ text-decoration:none; color: #FFE4E4; }
	#right_bar_naw p A:hover	{ text-decoration:underline; color: #fff; }
	
	#right_bar_gradient	{
				  background-image: url(images/right_bar_gradient.gif);
				  background-repeat: no-repeat;
				  height: 199px;
				}
				
#foto_medewerkers {
	position: absolute;
	top: 670px;
	left: 576px;
	width: 197px;				
}

#foto_medewerkers img	{ margin: 0px 0px 85px 0px; }
			
#map_canvas {
	width: 350px; height: 300px;
	margin: 0px 0px 0px 32px;
	border-top: 1px solid #fff; border-bottom: 1px solid #fff; 
}

#directions {
	width: 350px;
	margin: 0px 0px 0px 27px;
}			
			
/*****************************************************************
SLIDESHOW DECLARATIONS
*****************************************************************/

#slideshow			{ position: relative; width: 197px; height: 197px; background: transparent; }
#slideshow div		{ position: absolute; top: 0; left: 0; background-color: transparent; width: 197px; height: 197px; vertical-align: middle; text-align: center; }

/*****************************************************************
ACCORDION DECLARATIONS
*****************************************************************/

#accordion {
	margin: 0px 33px 0px 33px; padding: 0px;
}

.accordion dt {
	font-weight: normal;
	font-size: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #BB684A;
}

.accordion dt span.numbering {
	float: left;
	display: block;
	width: 25px;
}

.accordion dt span.vraag {
	float: left;
	display: block;
	width: 310px;
}

.accordion dd { 
	overflow: hidden;
	background: #fff;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

.accordion dd p {
	padding: 10px 0px 10px 0px; margin: 0px;
}
				
/***************************************************************** 
TEXT DECLARATIONS
*****************************************************************/ 

h1		{	  
		  font-size: 120%;
		  font-weight: bold;
		  color: #660000;
		  margin: 0;
		  padding: 10px 15px 14px 33px;		  
		}

h1.sitemap	{	  
		  font-size: 120%;
		  font-weight: bold;
		  color: #660000;
		  margin: 0;
		  padding: 20px 15px 14px 14px;		  
		}

h2		{	  
		  font-size: 110%;
		  font-weight: bold;
		  color: #660000;
		  margin: 0;
		  padding: 10px 10px 5px 33px;		  
		}

p		{
		  font-size: 100%;
		  line-height: 120%;
		  color: #660000;
		  margin: 0;
		  padding: 0px 33px 12px 33px;		  		  
		}		
		
p.coaching		{
		  font-size: 92%;
		  line-height: 130%;
		  color: #660000;
		  margin: 0;
		  margin: 0px 15px 12px 33px;		  		  
		}		

p#breadcrumbs	{
			position: absolute;
			top: 15px;
			left: 0px;
		  display: block;
		  font-size: 86%;
		  color: #660000;
		  
		}
		
p#breadcrumbs A 		{ text-decoration:none; color: #BB684A; }
p#breadcrumbs A:link	{ text-decoration:none; color: #BB684A; }
p#breadcrumbs A:visited	{ text-decoration:none; color: #BB684A; }
p#breadcrumbs A:active	{ text-decoration:none; color: #BB684A; }
p#breadcrumbs A:hover	{ text-decoration:underline; color: #660000; }

p.menu_footer_items {
	font-size: 86%;
	text-align: right;
	padding: 20px 15px 2px 0px;
}
		
p#text_size	{
		  text-align: right;
		  height: 50px;
		  color: #660000;
		  padding: 15px 10px 12px 20px;
		}
		
p#text_size #large	{ font-size: 14px; font-weight: bold; }

p#text_size #small	{ font-size: 9px; font-weight: bold; }

p#text_size A:hover	{ color: #fff; }

p#text_size A:active	{ color: #fff; text-decoration: underline; }
	
span.news_date {
	font-weight: normal;
}	
		
/* STILL HAS TO BE STYLED TO BE I-TEST STYLISH (HAHA) */			
		
sup		{ font-size: 82%; }
		
/***************************************************************** 
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:none; color: #BB684A; }
A:link		{ text-decoration:none; color: #BB684A; }
A:visited	{ text-decoration:none; color: #BB684A; }
A:active	{ text-decoration:underline; color: #660000; }
A:hover		{ text-decoration:underline; color: #660000; }

ul, li	{ font-size: 96%; margin: 0; padding: 0; }

ol		{
		  font-size: 92%;
		  line-height: 130%;
		  color: #660000;
		  margin: 0;
		  padding: 0px 15px 12px 53px;
		  list-style-type: decimal;
		}
		
ol ul li	{ list-style-type: none; }

#content ul	{
  font-size: 100%;
  line-height: 130%;
  color: #660000;
  margin: 0;
  padding: 0px 33px 12px 48px;
  list-style-type: disc;
}

ul#banners {
	list-style-type: none;
	margin: 30px 0px 0px 0px; padding: 0px;
}

ul#banners li {
	text-align: center;
	margin: 0px 0px 8px 0px; padding: 0px;
}	
	
ul#listspacing li	{margin: 0px 0px 10px 0px;}	
	
/***************************************************************** 
MAIN AND SUB MENU STYLES (Based on lists, should make dedicated ul styles
so they don't apply on all ul's or li's)
*****************************************************************/

#level1	{
	  margin: 192px 0px 0px 0px;
	  padding: 0px;
	  list-style-type: none;
	}

#level1 li	{
		  font-size: 11px;
		  text-align: right;
		  font-weight: bold;
		}
		
#level1 A 			{ display: block; width: 163px; padding: 4px 10px 4px 0px; text-decoration:none; color: #BB684A; }
#level1 A.active 	{ color: #fff; background-color: #911B06; }
#level1 A.active:hover 	{ color: #fff; background-color: #911B06; text-decoration: none; }
#level1 A:active	{ color: #BB684A; }
#level1 A:hover		{ color: #660000; text-decoration: none; }

#level2	{
	  margin: 0px;
	  padding: 0px;
	  list-style-type: none;
	  background-color: #F4E8E6;
	}
	
#level2 li	{
		  font-size: 10px;
		  text-align: right;
		  font-weight: bold;
		}
		
#level2 A 			{ display: block; width: 153px; padding: 4px 20px 4px 0px; text-decoration:none; color: #BB684A; }
#level2 A.active 	{ color: #fff; background-color: #BB684A; }
#level2 A.active:hover 	{ color: #fff; background-color: #BB684A; text-decoration: none; }
#level2 A:active	{ color: #BB684A; }
#level2 A:hover		{ color: #660000; text-decoration: none; }
	
#level3	{
	  margin: 0px;
	  padding: 0px;
	  list-style-type: none;
	  background-color: #EAD3CF;
	  text-align: left;
	}
	
#level3 li	{
		  font-size: 9px;
		  text-align: left;
		  font-weight: bold;
		  margin: 0px; padding: 0px;
		}
		
#level3 A 			{ display: block; width: 145px; text-align: right; padding: 4px 0px 4px 0px; text-decoration:none; color: #BB684A; }
#level3 A.active 	{ display: block; width: 145px; text-align: right; padding: 4px 0px 4px 0px; text-decoration:none; color: #660000; background-color: #EAD3CF; }
#level3 A.active:hover 	{ display: block; width: 145px; text-align: right; padding: 4px 0px 4px 0px; text-decoration:none; color: #660000; background-color: #EAD3CF; }
#level3 A:active	{ display: block; width: 145px; text-align: right; padding: 4px 0px 4px 0px; text-decoration:none; color: #BB684A; }
#level3 A:hover		{ display: block; width: 145px; text-align: right; padding: 4px 0px 4px 0px; text-decoration:none; color: #660000; background-color: #EAD3CF; }


/**********************************************************
 * SITEMAP STYLES
 **********************************************************/ 

ul#sitemap	{
		  font-size: 100%;
		  line-height: 120%;
		  color: #660000;		  
		  margin: 0px 0px 0px 40px;
		  padding: 0px 10px 12px 10px;	
		  list-style-type: square;
		}		
		
ul#sitemap li	{ padding: 15px 0px 2px 0px; font-weight: bold; }

ul#sitemap ul 	{ list-style-type: square; }

ul#sitemap ul li	{ padding: 2px 0px 2px 0px; font-weight: normal; margin: 0px 0px 0px 20px;  }

ul#sitemap A 		{ text-decoration:none; color: #BB684A; }
ul#sitemap A:link	{ text-decoration:none; color: #BB684A; }
ul#sitemap A:visited	{ text-decoration:none; color: #BB684A; }
ul#sitemap A:active	{ text-decoration:none; color: #660000; }
ul#sitemap A:hover	{ text-decoration:none; color: #660000; }


/**********************************************************
TABLE STYLES
These styles are used for the tables in the site
**********************************************************/

table.overview_dl
			{
			  width: 371px;
			  border: 0;
			  padding: 0;
			  margin: 15px 0px 20px 30px;
			}

table.overview_dl td	{
			  margin: 0;
			  padding: 0;
			  vertical-align: center;
			}
			
table.overview_dl td.center	{
				  margin: 0;
				  padding: 0;
				  vertical-align: center;
				  text-align: center;
				}

table.overview_dl tr#header	{ background-color: #BB684A; }

table.overview_dl tr#header p	{
				  font-weight: bold;
				  color: #fff;
				  padding: 2px 4px 2px 4px;
				  margin: 0px 0px 0px 0px;
				}
				
table.overview_dl tr p	{
			  padding: 2px 4px 2px 4px;
			  margin: 0px 0px 0px 0px;
			}
			
table.downloads	{
		  color: #666;
		  margin: 10px 20px 10px 32px;
		  padding: 0px;
		  background: transparent;
		}

table.downloads td, th	{ padding: 5px; background: #fff; border-top: 1px solid #efefef; }
table.downloads th.naam, td.naam	{ width: 200px; }
table.downloads th.type, td.type	{ width: 40px; text-align: center; }
table.downloads th.size, td.size	{ width: 80px; text-align: center; }