/* START - HORIZONTAL MENU */
#menuh-container 	 					{align:								center;
											 		 	 margin-left:					auto;
														 margin-right:				auto;	
														 position: 						relative;
											 		 	 width: 							984px;
											 		 	 height: 							28px}

#menuh											{font-size: 					12px;
														 font-family: 				verdana, arial, helvetica, times new roman, serif;
														 width:								984px;
														 float:								left;
														 margin:		 				  00px;
														 margin-top: 					00px}
		
#menuh a										{text-align: 					left;
			 											 display:							block;
														 border: 							.01em solid #000000;
														 white-space:					nowrap;
														 margin:							00px;
														 padding: 						05px;
														 font-size: 					11px}
	
#menuh a:link, #menuh a:visited, #menuh a:active			 	 						/* menu at rest */
			 				 							{color: 							white;
														 background-color: 		#B00404;
														 text-decoration:			none}
	
#menuh a:hover							 													 			 				/* menu on mouse-over  */
			 										  {color:  						  #000000;
														 background-color: 		#ECAB45;
														 text-decoration:			none}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  						 				/* attaches down-arrow to all top-parents */
			 							 				{background-image: 		url(arrowd.gif);
														 background-position: right center;
														 background-repeat: 	no-repeat}
	
#menuh a.parent, #menuh a.parent:hover 												 		  /* attaches side-arrow to all parents */
			 					 					  {background-image: 		url(arrowr.gif);
														 background-position: right center;
														 background-repeat: 	no-repeat}

#menuh ul										{list-style:					none;
			 											 margin:							00px;
														 padding:							00px;
														 float:								left;
														 width:								164px}
														 /* width of all menu boxes */
														 /* NOTE: For adjustable menu boxes you can comment out the above width rule.
														 However, you will have to add padding in the "#menh a" rule so that the menu boxes
														 will have space on either side of the text -- try it */

#menuh li										{position: 			 		  relative;
			 											 min-height: 					01px;		 		 		  /* Sophie Dennis contribution for IE7 */
														 vertical-align: 			bottom}					  /* Sophie Dennis contribution for IE7 */
	

#menuh ul ul								{position:						absolute;
			 											 z-index:							500;
														 top:									auto;
														 display:							none;
														 padding: 						1em;
														 margin:							-1em 0 0 -1em}

#menuh ul ul ul							{top:									0;
			 			 								 left:								100%}

div#menuh li:hover					{cursor:							pointer;
														 z-index:							100}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
						 			 					{display:							none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
						 			 				  {display:							block;}
/* END - HORIZONTAL MENU */

/* START --- WEBSITE STYLES */																		
/* These scrollbar colours are only visible in IE5.5+ */
	 body 			 	 	 						 {background-color: 			 	 		#F0DCB9;
	 														  font-family: 			  					verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  					regular;
	  						 							  font-size: 				  					11px;
																color:												#000000;
 																scrollbar-face-color: 		  	#ECAB45;
							    							scrollbar-highlight-color:  	#ECAB45;
																scrollbar-shadow-color: 	  	#B00404;
																scrollbar-3dlight-color: 	  	#D1D7DC;
																scrollbar-arrow-color:  	  	#B00404;
															  scrollbar-track-color: 		  	#F0DCB9;
									              scrollbar-darkshadow-color:   #98AAB1;
																margin-top:  			  					00px;
															  margin-bottom: 		  					00px;
								 							  margin-left: 			  					00px;
								 							  margin-right: 		  					00px;}

	 /* Colors For My Links */
	 a:link 										 {text-decoration: none; color: #B00404;}
	 a:active 									 {text-decoration: none; color: #B00404;}
	 a:visited 								   {text-decoration: none; color: #B00404;}
	 a:hover 									   {text-decoration: none; color: #0000FF;}

	 /* Colors For My Menu's Left And Right */
   a.whiteb:link 							 {text-decoration: none; color: #000000;}
	 a.whiteb:active 					   {text-decoration: none; color: #000000;}
	 a.whiteb:visited 			     {text-decoration: none; color: #000000;}
	 a.whiteb:hover 					   {text-decoration: none; color: #000000;}

	 /* This is the border line & background color around the entire page */
	 .outerborder						 		 {background-color:   #FFA87D;
	 														  border: 					  1px #051F73 solid;}

	 .navigation 					  	   {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				bold;
															  font-size: 					13px;
															  color: 							#000000;
															  border-style: 		  solid;
															  height: 					  25px;
															  border-top: 			  #B00404 1px solid;
															  border-bottom: 			#B00404 1px solid;
															  border-left: 				#B00404 1px solid;
															  border-right:			  #B00404 1px solid;
															  background-color: 	#ECAB45;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

	 .navigation2 					  	 {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				bold;
															  font-size: 					13px;
															  color: 							#000000;
															  border-style: 		  solid;
															  height: 					  25px;
															  border-top: 			  #B00404 1px solid;
															  border-bottom: 			#B00404 1px solid;
															  border-left: 				#B00404 1px solid;
															  border-right:			  #B00404 0px solid;
															  background-color: 	#ECAB45;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

	 .navigation3 					  	 {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				bold;
															  font-size: 					13px;
															  color: 							#000000;
															  border-style: 		  solid;
															  height: 					  25px;
															  border-top: 			  #B00404 1px solid;
															  border-bottom: 			#B00404 1px solid;
															  border-left: 				#B00404 1px solid;
															  border-right:			  #B00404 1px solid;
															  background-color: 	#ECAB45;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

   .nav											   {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				bold;
															  font-size: 					11px;
															  color: 							#000000;
	 														  height:							21px;
																border-top: 				#B00404 0px solid;
															  border-bottom: 			#B00404 1px solid;
															  border-left: 				#B00404 1px solid;
															  border-right: 			#B00404 1px solid;
															  background-color: 	#F0DCB9;}

   .nav2											 {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				bold;
															  font-size: 					13px;
															  color: 							#000000;
	 														  height:							25px;
																border-top: 				#B00404 1px solid;
															  border-bottom: 			#B00404 1px solid;
															  border-left: 				#B00404 1px solid;
															  border-right: 			#B00404 1px solid;
															  background-color: 	#F0DCB9;}

   /* Content in the NEWS, EVENTS, ETC. scrolling table */
	 .news-events1 					 	   {font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
															  text-align:					left;
															  height: 					  130px;
																color: 							#000000;
								 							  line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

   /* Content in the NEWS, EVENTS, ETC. scrolling table */
	 .news-events2 					     {font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
															  text-align:					top;
																color: 							#000000;
								 							  line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

   .inhoud 									   {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				bold;
															  font-size: 					11px;
															  color: 						  #000000;
															  text-decoration: 		none}

   /* Boodskappe */
	 .boodskappe 	 						   {font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
															  color: 							#000000;
																text-align:					justify;
																line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;}
																
	 p 													 {margin-top:					06px !important;
	 														  margin-bottom:			00px;
	 														  margin-left:				210px;
	 														  margin-right:				05px;}

   /* Spaces the gif pictures for links */
	 img											   {float: 							center;
	 														  margin-top:					00px;
	 														  margin-bottom:			00px;
	 														  margin-left:				00px;
	 														  margin-right:				00px;}

   /* Border around thumbnails */
	 .wallpaper img					     {border: 						02px solid #F0DCB9;}
   .wallpaper:hover img		 		 {border: 						02px solid #B00404;}
   .wallpaper:hover				 		 {color: 							#ECAB45;} /* irrelevant definition to overcome IE bug */

	 /* Bottom-table 1*/
	 .bottom-table							 {font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
															  color: 							#000000;
								 							  line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

	 /* This is the top content script */
	 .contact									   {font-family: 			  verdana, arial, helvetica, times new roman, serif;
	 														 	font-size:				  11px;}

	 /* This is the outline round the main forum tables */
	 .forumborder								 {background-color:   #DEDDFF;
		 						 							  font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;
																border: 					  1px #2962DD solid;}

	 /* The Table Heading */
	 .tableheading						   {background-color:	  #A0CCFB;
																border: 					  #000000;
																border-style: 		  solid;
																height: 					  25px;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

   /* Bottom-table 2*/
	 .bottom-table2							 {font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
								 							  line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;
																border: 					  00px;}

   /* Content in the center table */
	 .content-center 						 {font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
															  align:							left;
																color: 							#000000;
																text-align:					justify;
								 							  line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  12px;
								 							  margin-right: 		  02px;}

   /* Content in "download contract" table */
	 .content-center2 					 {font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
															  align:							center;
																color: 							#000000;
																text-align:					justify;
								 							  line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
				 				 							  margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  03px;
								 							  margin-right: 		  03px;}

   /* H2 - Gebruik In personeel-kontakons */
	 h2												   {font-family: 				verdana, arial, helvetica, Times New Roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  13px;
								 							  color:							#000000;
																line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
																margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

   /* H3 -Content in the right tables */
	 h3												   {font-family: 				verdana, arial, helvetica, Times New Roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  15px;
								 							  color:							#000000;
																line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
																margin-top:  			  05px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

   /* H4 - Gebruik In Belangrike Datums */
	 h4												 {font-family: 				verdana, arial, helvetica, Times New Roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  15px;
								 							  color:							#000000;
																line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
																margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  08px;
								 							  margin-right: 		  00px;}

   /* H5 - Gebruik My Pakkette Bladsy */
	 h5												   {font-family: 				verdana, arial, helvetica, Times New Roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  14px;
								 							  color:							#000000;
																line-height:				16px;
								 							  letter-spacing:		  00px;
								 							  word-spacing:			  00px;
																margin-top:  			  05px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

   /* Unordered lists */
	 ul				  							   {font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:					regular;
	  						 							  font-size: 					11px;
								 							  line-height:				16px;
								 							  letter-spacing:			00px;
								 							  word-spacing:				00px;
				 				 							  margin-top:  				00px;
								 							  margin-bottom: 			00px;
								 							  margin-left: 				-20px;
								 							  margin-right: 			10px;
								 							  text-align:					justify;}

	 /* Use this style for the newsletters under "Nuusbriewe" */
	 .newsletter					       {background-color:  #051F73;
	 														  font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
																color:							black;
																margin-top:  			  00px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  00px;
								 							  margin-right: 		  00px;}

	 td.nav a 									 {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				bold;
															  font-size: 					11px;
															  color: 							#000000;
															  line-height: 				16px;
															  width: 							100%;
															  text-decoration: 		none;
	 														  padding-top: 			  00px;
	 														  padding-bottom: 		00px;
	 														  padding-left: 			05px;
	 														  padding-right: 			00px;}

   /* Content in the left table */
	 td.content-left 					   {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				regular;
															  font-size: 					11px;
															  color: 							#000000;
															  line-height: 				16px;
															  width: 							100%;
															  text-decoration: 		none;
	 														  padding-top: 			  00px;
	 														  padding-bottom: 		00px;
	 														  padding-left: 			05px;
	 														  padding-right: 			00px;}

   /* Content in the center table */
	 td.content-center 					 {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				regular;
															  font-size: 					11px;
															  color: 							#000000;
															  line-height: 				16px;
															  width: 							100%;
															  text-decoration: 		none;
	 														  padding-top: 			  00px;
	 														  padding-bottom: 		00px;
	 														  padding-left: 		  07px;
	 														  padding-right: 			07px;}

   /* Content in the right table */
	 td.content-right 					 {font-family: 				verdana, arial, helvetica, times new roman, serif;
															  font-weight: 				regular;
															  font-size: 					11px;
															  color: 							#000000;
															  line-height: 				16px;
															  width: 							100%;
															  text-decoration: 		none;
	 														  padding-top: 			  00px;
	 														  padding-bottom: 		00px;
	 														  padding-left: 			02px;
	 														  padding-right: 			05px;}

	 marquee 			 	 	 					 {background-color: 	#F0DCB9;
	 														  font-family: 			  verdana, arial, helvetica, times new roman, serif;
				  		 	 							  font-style:				  regular;
	  						 							  font-size: 				  11px;
																color:							#000000;
																margin-top:  			  100px;
															  margin-bottom: 		  00px;
								 							  margin-left: 			  05px;
								 							  margin-right: 		  05px;}
/* END --- WEBSITE STYLES */
