/*** 
blauw 			#0067A2
grijs mid	 #8A8A8A
grijs donker #616161
*/

body 		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			font-family: Verdana, Geneva, Arial, sans-serif;
			font-size: 11px;
			line-height: 15px;
			background-color: #FFFFFF;
			background-image: url('../images/bg_blauwebalk.gif');
			background-repeat: repeat-x;
			color: #000;
			}
			
.small  	{
			font-size:9px;
			color: #8A8A8A;
			line-height: 10px;
}

		
.accent 	{ 	
			font-family: Gill Sans, Verdana;
			color: #444;
			margin: 0;
			text-transform: uppercase;
			letter-spacing: 2px;
			font-weight: bold;
			} 


a			{
			color: #616161;
			font-weight: normal;
			}
			
.taalkeuze {
			font-family: Geneva, Arial, sans-serif;
			font-size: 10px;
			color: #616161;
			padding: 5px 5px 5px 5px;
			}
			
.taalkeuze a {
			font-family: Geneva, Arial, sans-serif;
			font-size: 10px;
			color: #BEBEBE;
			padding: 5px 0px 0px 0px;
			}
			
.toplink a	{
			font-family: Gill Sans, Verdana;
			color: #BEBEBE;
			margin: 0;
			padding: 0px 0px 0px 0px;
		    font-size: 12px;
			line-height: 10px;
			letter-spacing: 2px;
			font-weight: normal;
			text-decoration:none;
			border-bottom: 1px dotted #fff;		 
 }
.toplink a:hover	{
			color: #0067A2;
 }


.witfocus	{
			margin: 5px 0px 0px 0px;
			padding: 5px 5px 5px 5px;
			font-family: Verdana, Geneva, Arial, sans-serif;
			font-size: 10px;
			line-height: 12px;
			color: #000;
			background-color: #FFF;
			}
	
.witinleiding	{
			margin: 5px 0px 0px 0px;
			padding: 8px 8px 8px 8px;
			font-family: Verdana, Geneva, Arial, sans-serif;
			font-size: 12px;
			line-height: 18px;
			color: #FFF;
			background-color: #0067A2;
			}	
			
.witquote	{
			margin: 5px 0px 0px 0px;
			padding: 5px 10px 0px 0px;
			font-family: Verdana, Geneva, Arial, sans-serif;
			font-size: 11px;
			line-height: 13px;
			color: #8A8A8A;
			vertical-align: top;
			text-align: right
			}	
						
.kadertekst {
			margin: 10px;
			padding: 5px 5px 5px 5px;
			font-family: Geneva, Arial, sans-serif;
			font-size: 12px;
			line-height: 18px;
			color: #000;
			vertical-align: top;
			}
	
.smalltabel {
			font-size: 11px;
			font-family: Verdana, Geneva, Arial, sans-serif;
			line-height: 14px;
}
		
.grijs		{
			font-family: Verdana, Geneva, Arial, sans-serif;
			font-size: 9px;
			font-weight: bold;
			color: #444;
			}


.foto 	{
			display: block;
		    border: 1px solid #333333;
			margin: 5px 5px 5px 0px;
			}

img.ico		{
			border: 0;
			margin-left: 1px;
			margin-right: 1px;
			background-color: #444;
			}
		
h1			{
			font-family: Times, Times New Roman, times-roman, georgia, serif;
			color: #0067A2;
			margin: 0;
			padding: 0px 0px 4px 0px;
			font-size: 35px;
			line-height: 28px;
			letter-spacing: 0;
			font-weight: normal;
			}

h2			{
			font-family: Times, Times New Roman, times-roman, georgia, serif;
			color: #0067A2;
			margin: 0;
			padding: 0px 0px 4px 0px;
			font-size: 25px;
			line-height: 18px;
			letter-spacing: 0;
			font-weight: normal;
			}

h3			{
			font-family: Gill Sans, Verdana;
			color: #8A8A8A;
			margin: 0;
			padding: 0px 0px 0px 0px;
		    font-size: 12px;
			line-height: 10px;
			letter-spacing: 1px;
		  }
		  
h4			{
			font-family: times, Times New Roman, times-roman, georgia, serif;
			color: #0067A2;
		    font-size: 17px;
			line-height: 16px;
			padding: 0px 0px 4px 0px;
			margin: 0;
			}

.h4licht {
			color: #605B57;
			font-size: 12px;
			font-family: Verdana, Geneva, Arial, sans-serif;
			font-weight: normal;
}

h5			{
			font-family: Times, Times New Roman, times-roman, georgia, serif;
			color: #0067A2;
			margin: 0;
			padding: 0px 0px 4px 0px;
			font-size: 22px;
			line-height: 20px;
			letter-spacing: 0;
			font-weight: normal;
			}
			
h6			{
			font-family: Verdana, Geneva, Arial, sans-serif;
			color: #FFF;
			text-align: right;
			margin: 0;
			padding: 10px 10px 4px 0px;
			font-size: 12px;
			letter-spacing: 0;
			font-weight: normal;
}
		
/*** NAVIGATIE BOVENAAN **/

#header {
			float:left;
			width:100%;
			background:#fff;
			padding:0;
			font-size: 10px;
			line-height:normal;
		}

#header ul {
			margin:0;
			padding:11px 0 0 0px;
			list-style:none;
		}
#header li {
			display:inline;
			margin:0;
			padding:0;
		}
	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
#header a {
			float:left;
			background:#E7F1F8 url("../images/sliding-doors5.gif") no-repeat left top;
			padding:0 0 0 9px;
			text-decoration: none;
			color:#000;
			font-size: 10px;
		}
		
		
#header a span {
			float:left;
			display:block;
			background:#E7F1F8 url("../images/sliding-doors5.gif") no-repeat right top;
			padding:4px 15px 3px 6px;
		}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#header a span {float:none;}
/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
		#header #current a span {
			padding-bottom:4px;
		}
		#header a:hover, #header a:hover span {
			background-color:#0683CB;
			color:#000;
		}
		#header #current a span, #header #current a {
			background-color:#0067A2;
			color: #fff;
		}

	/*
	*	Below is the code for the two other colors. Here we simply set the background
	*	colors to the appropriate values (based on the colors you choose) and position
	*	the background image to the appropriate mountaintop colored tab. 
	*/

		/*
		*		blue
		*/
			#header.blue {
				background-color:#fff;
				color: #fff;

			}
			#header.blue a {
				background:#80B5D4 url("../images/sliding-doors5.gif") no-repeat 0 -115px;
			}
			#header.blue a span {
				background:#80B5D4 url("../images/sliding-doors5.gif") no-repeat 100% -115px;
			}
			#header.blue a:hover, #header.blue a:hover span {
				background-color:#0B7EC0;
			}
	
	
		
		/*** /