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

body		{
		  text-align: center;
		  padding: 0px;
		  margin: 0px 0px 10px 0px;
		  background-color: #FFFF00;
		  font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 76%;
		}

.clearboth { clear: both; }

#container	{ position: relative; width: 888px; background: #fff; margin: 0px auto; }

#content	{ position: absolute; top: 94px; left: 0px; width: 888px; background: #fff; }

	#content_right	{ float: right; width: 667px; background: #fff; border-right: 1px solid #0099FF; text-align: left; }
	
	#content_left	{ float: right; width: 219px; background: #E5F5FF; border-right: 1px solid #0099FF; text-align: left; }

#header		{ position: absolute; z-index: 2; top: 0px; left: 0px; width: 888px; height: 94px; text-align: left; background: #FFFF00 url(images/header_bg.gif) repeat-x top; }

	#logo		{ margin: 16px 0px 0px 35px; text-align: left; background: #0099FF; }
	#kerst_logo	{ margin: 13px 0px 0px 0px; }
	
	#logo p	{ font-weight: bold; color: #fff; padding: 0px 0px 0px 69px; line-height: 100%; }

#pdf_banner	{ position: absolute; z-index: 3; top: 0px; left: 665px; width: 223px; height: 94px; background: #0099FF; }

#footer		{ position: absolute; z-index: 1; bottom: 0px; left: 0px; width: 888px; height: 20px; text-align: left; background: #0099FF; }

.download_left		{ float: left; width: 460px; }
.download_left p	{ float: left; width: 460px; }

	.download_summary		{ background: transparent; margin: 10px 0px 0px 10px; font-size: 90%; }

		.download_summary_header		{ background: url(images/download_summary_header.gif) no-repeat; padding: 5px 5px 4px 10px; }

		.download_summary_header A:hover	{ color: #000; text-decoration: none; }

		.download_summary_body			{ background: url(images/download_summary_body.gif) repeat-y; padding: 5px 5px 5px 10px; }

		.download_summary_footer		{ background: url(images/download_summary_footer.gif) no-repeat; text-align: right; padding: 2px 5px 5px 10px; }

		.download_summary_footer A:hover	{ color: #000; text-decoration: none; }


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

h1		{	  
		  font-size: 150%;
		  font-weight: bold;
		  color: #000;
		  margin: 0px;
		  padding: 15px 30px 10px 10px;
		}

h2		{	  
		  font-size: 150%;
		  font-weight: bold;
		  color: #333;
		  margin: 0px;
		  padding: 10px 30px 0px 0px;
		}
	
h3		{	  
		  font-size: 110%;
		  font-weight: bold;
		  color: #333;
		  margin: 0px;
		  padding: 10px 30px 0px 10px;
		}		

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

/***************************************************************** 
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: #0099FF; }
A:link		{ text-decoration: none; color: #0099FF; }
A:visited	{ text-decoration: none; color: #0099FF; }
A:active	{ text-decoration: none; color: #0099FF; }
A:hover		{ text-decoration: underline; color: #FF7C2C; }
A#active	{ text-decoration: underline; color: #FF7C2C; }


/***************************************************************** 
TABLE DECLARATIONS
*****************************************************************/ 

table.downloads		{ width: 100%; font-size: 90%; }

table.downloads td	{ width: 25%; padding: 10px; text-align: center; }
table.downloads td A	{ text-decoration: none; font-weight: bold; }

table.downloads h3	{ padding: 10px 10px 5px 10px; }

table#merken			{ margin: 0px; padding: 0px 0px 0px 8px; }
#merken td 	{ font-size: 90%; }

table.downloads2	{ width: 647px; font-size: 90%; margin: 10px; background: #eee; }

table.downloads2 td		{ width: 25%; padding: 0px 0px 10px 0px; text-align: center; vertical-align: top; }
table.downloads2 td A		{ text-decoration: none; font-weight: bold; }
table.downloads2 td A:hover	{ text-decoration: none; font-weight: bold; }

table.downloads2 h3	{ padding: 2px; margin: 2px 1px 10px 1px; background: #ccc;  }

table.tspdf	{ width: 647px; font-size: 90%; margin: 10px; background: #eee; }

table.tspdf td		{ width: 33%; padding: 10px 5px 10px 5px; text-align: center; vertical-align: middle; }
table.tspdf td A	{ text-decoration: none; font-weight: bold; }
table.tspdf td A:hover	{ text-decoration: none; font-weight: bold; }

th.header h2	{ padding: 0px 0px 10px 10px; color: #0099FF; }

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

ul#sitemap	{
		  font-size: 90%;
		  line-height: 160%;
		  color: #003366;
		  margin: 0px 0px 0px 100px;
		  padding: 0px;
		}
		
ul#sitemap ul	{ margin: 0px 0px 0px 10px; padding: 0px; }
		
ul#sitemap li		{ font-weight: bold; list-style-type: square; padding-top: 5px; }		
ul#sitemap li li	{ font-weight: normal; list-style-type: disc; margin: 0px 0px 0px 10px; padding: 0; }


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

#menu ul	{
		  font-size: 80%;
		  color: #003366;
		  margin: 0px 0px 0px 4px;
		  padding: 0px 0px 0px 0px;
		  list-style-type: none;
		}
		
#menu ul li		{ margin: 0px; padding: 0px; background: transparent; }
#menu ul li#first	{ padding: 0px; }

#menu ul li A 		{ 
			  display: block;
			  width: 90%;
			  text-decoration: none;
			  font-weight: bold;
			  color: #003366;
			  padding: 5px 0px 7px 15px;
			  margin: 5px 9px 0px 0px;
			  background: transparent url(images/menu_butt_bg.gif) no-repeat top left;
			}

#menu ul li A:link	{ text-decoration: none; color: #003366; }
#menu ul li A:visited	{ text-decoration: none; color: #003366; }
#menu ul li A:active	{ text-decoration: none; color: #000; }
#menu ul li A:hover	{ text-decoration: none; color: #000; background: url(images/menu_butt_bg_on.gif) no-repeat; }

#menu ul li A#active	
			{ 
			  text-decoration: none;
			  color: #2F2D00;
			  background: url(images/menu_butt_bg_act_nosub.gif) no-repeat;
			  padding: 5px 0px 7px 15px;
			  margin: 5px 9px 0px 0px;
			}

#menu ul li A#toolspecial_pdf		{ padding: 5px 0px 7px 35px; background: transparent url(images/menu_butt_bg_ts.gif) no-repeat top left; } 
#menu ul li A#toolspecial_pdf:hover	{ background: url(images/menu_butt_bg_ts_on.gif) no-repeat; }
#menu ul li A#toolspecial_pdf_active	{ padding: 5px 0px 7px 35px; background: url(images/menu_butt_bg_ts_act.gif) no-repeat; }

#menu ul li A#activesub	{
			  text-decoration: none;
			  color: #2F2D00;
			  background: transparent url(images/menu_butt_bg_act.gif) no-repeat;
			  padding: 6px 0px 8px 15px;
			  margin: 5px 9px 0px 0px;
			}
			
#menu ul li A#visiblesub	{
			  text-decoration: none;
			  color: #003366;
			  background: transparent url(images/menu_butt_bg_sub.gif) no-repeat;
			  padding: 6px 0px 8px 15px;
			  margin: 5px 9px 0px 0px;
			}
			
#menu ul li A#visiblesub:hover	{ color: #2F2D00; background: transparent url(images/menu_butt_bg_sub_on.gif) no-repeat; }			

#menu ul ul			{ 
				  width: 198px;
				  font-size: 100%;
				  padding: 10px 0px 10px 0px;
				  margin: 0px 0px 0px 0px;
				  background: #70C7FF; 
				}

#menu ul ul li			{ margin: 0px; padding: 0px; background: transparent; }

#menu ul ul li A 		{ 
				  text-decoration: none;
				  font-weight: bold;
				  color: #003366;
				  padding: 5px 0px 7px 15px;
				  margin: 0px 0px 5px 5px;
				  background: transparent url(images/sub_menu_butt_bg.gif) no-repeat top left;
				}

#menu ul ul li A:link		{ text-decoration: none; color: #003366; }
#menu ul ul li A:visited	{ text-decoration: none; color: #003366; }
#menu ul ul li A:active		{ text-decoration: none; color: #000; }

#menu ul ul li A:hover		{ 
				  text-decoration: none;
				  color: #000;
				  background: url(images/sub_menu_butt_bg_on.gif) no-repeat; 
				}

#menu ul ul li A#active		{ 
				  text-decoration: none;
				  color: #2F2D00;
				  background: url(images/sub_menu_butt_bg_act.gif) no-repeat;
				  padding: 6px 0px 6px 15px;
				  margin: 0px 0px 5px 5px;
				}

#menu ul ul ul			{ padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }

#menu ul ul ul li		{ background: transparent; padding: 0px 0px 0px 30px; }

#menu ul ul ul li A 		{ 
				  text-decoration: none;
				  font-weight: bold;
				  color: #003366;
				  padding: 2px 0px 2px 0px;
				  margin: 0px 0px 0px 0px;
				  background: transparent;
				}

#menu ul ul ul li A:link	{ text-decoration: none; color: #003366; }
#menu ul ul ul li A:visited	{ text-decoration: none; color: #003366; }
#menu ul ul ul li A:active	{ text-decoration: none; color: #000; }
#menu ul ul ul li A:hover	{ text-decoration: none; color: #000; background: transparent; }
#menu ul ul ul li A#active	{ text-decoration: underline; color: #000; background: transparent; padding: 2px 0px 2px 0px; margin: 0px; }