/* lay-out */
html {
	height : 100%;
}
	body {
		height : 100%;
		padding : 0px;
		background-color : #FFFFFF;
		font-size : 8pt;
		text-align: center;
		letter-spacing: 1.1pt;
	}
		body.smallest {font-size : 42.5%;}
		body.smaller {font-size : 52.5%;}
		body.medium {font-size : 62.5%;} 
		body.larger {font-size : 72.5%;}
		body.largest {font-size : 82.5%;}
			#skip {
				position : absolute;
				top : -10em;
			}
			#canvas {
				min-height : 100%;
				width: 980px;
				margin-left: auto;
				margin-right: auto;
			}
				#header {
					height : 61px;
					width: 970px;
					margin: 2em 0em 0em 0em;
					line-height: 61px;
				}
						#header p.logo {
							float : left;
							height : 51px;
							padding: 0em 0em 0em 0em;
							margin: 0.3em 0em 0em 0em;
						}
						#textSize {
							float : right;
							width : 20.5em;
							margin : 0px;
							padding : 2em 0em 1em 0em;
							text-align : right;
							font-size : 110%;
						}
							#textSize * {
								margin : 0px;
								padding : 0px;
							}
								#textSize dt {
									display : inline;
									font-weight : normal;
									padding-right : 0.66em;
								}
								#textSize dd {
									display : inline;
								}
									#textSize dd a {}
										#textSize dd a img {
											vertical-align : middle;
											margin-left : -0.33em;
										}
						/* Alternate, unsemantic, rendering of the text resize option */
						#setTextSize {
							position : absolute;
							right : 0em;
							top : 0em;
							width : 20.5em;
							padding : 2em 0em 1em 0em;
							text-align : right;
							font-size : 110%;
						}
							#setTextSize p {
								display : inline;
								padding : 0.66em;
							}
							#setTextSize ul {
								display : inline;
								margin : 0px;
							}
								#setTextSize ul li {
									display : inline;
									list-style-type : none;
								}
									#setTextSize ul li a {}
										#setTextSize ul li a img {
											vertical-align : middle;
											margin-left : -0.33em;
										}
				#navigation {
					padding: 0em 0em 0em 0em;
					margin: 0em 0em 0em 0em;
					width: 970px;
					position: relative;
					vertical-align: bottom;
				}
					#mainNavigation {
						padding: 0em 0em 0em 0em;
						margin: 0em 0em 0em 0em;
						height: 42px;
						width: 963px;
						float: left;
						background-color: #3b548f;
					}
						#mainNavigation li {
								list-style-type : none;
								float: left;
								width: 137px;
								margin: 0px 0em 0em 0em;
							}
                            #mainNavigation li ul {
                                list-style-type : none;
                                padding: 0em 0em 0em 0em;
                                margin: 21px 0em 0em 0em;
                                position: absolute;
                                left: 0px;
                                text-align: left; 
                                width: 763px;
                                height: 21px;
                                overflow: hidden;
                            }

							#mainNavigation li li {
									list-style-type : none;
									padding: 0em 0em 0em 0em;
									margin: 0px 0em 0em 0em;
									width: auto;
									height: 21px;
									display: inline;
								}
							#mainNavigation li a {
									padding : 0em 0em 0em 0em;
									color : #ffffff;
									text-decoration : none;
									font-weight : normal;
								}
							#mainNavigation li li a {
								padding: 0em 0em 0em 0em;
								margin: 0px 0em 0em 0em;
							}
								#mainNavigation li a:link,
								#mainNavigation li a:visited {
									color : #000;
									text-decoration : none;
								}
							#mainNavigation li a:hover,
								#mainNavigation li a:active {
									color : #000;
									text-decoration : underline;
								}
				
				#body {
					width : 100%;
					text-align: left;
					padding: 0em 0em 0em 0em;
					margin: -1.1em 0em 0em 0em;
					width: 970px;
					position: relative;
				}
					
					#language {
						float: left;
						width: 98px;
						padding : 0px 0px 0px 7px;
						margin : 5px 0em 0em 0em;
						font-size: 1em;
					}
						#language a:link, 
						#language a:visited {
							text-decoration : underline;
							color : #9ca3a7;
							font-size: 1em;
							font-weight: normal;
						}
						#language a:hover, 
						#language a:active {
							text-decoration : none;
							color : #9ca3a7;
						}
					#zoek {
						float: left;
						width: 99px;
						padding : 0px 0px 0px 8px;
						margin : 5px 0.1em 0em 0.5em;
						color: #9ca3a7;								
					}
							#zoek input {
								font-family : Arial, Sans-Serif;
								font-size : 8pt;
								vertical-align : middle;
								width : 84px;
								border: solid 1px #9ca3a7;
								margin: 0em 0em 0em -1em;
								font-weight: normal;
								height: 14px;
							}
							#zoek input.button {
								width : auto;
								border: none;
								height: 18px;
								cursor : pointer;
								margin: 0em 0em 0em 0em;
							}
					#topbar {
						background-color: #e6e7f7;
						width: 545px;
						height: 80px;
						float: left;
						padding : 0px 0px 0px 0px;
						margin : 0em 0em 0em 0em;
					}
						#topbar h1 {
							padding: 7px 0px 0px 6px;
							margin : 0em 0em 0pt 0em;
							line-height : 12pt;
							font-size :	160%;
							color: #5b64c0;
							font-weight : normal;
						}
					#topbarpink {
						background-color: #e6e7f7;
						width: 545px;
						height: 80px;
						float: left;
						padding : 0px 0px 0px 0px;
						margin : -0.3em 0em 0em 0em;							
					}
						#topbarpink h1 {
							padding: 7px 0px 0px 6px;
							margin : 0em 0em 12pt 0em;
							font-size :	160%;
							line-height : 12pt;
							color: #bf72cc;
							font-weight : bold;
						}
					#beeldje {
						position: absolute;
						float: right;
						width: 108px;
						height: 79px;
						padding: 0px 0px 0px 1px;
						margin : 0.1em 0em 0em 0px;
					}
					#beeld, .beeld {
						position: absolute;
						padding: 0px 0px 0px 0px;
						margin : 5em 0em 0em 0em;
						right: 7px;
					}
					.beeld1 {
						position: absolute;
						padding: 0px 0px 0px 0px;
						margin : 5em 0em 0em 0em;
						right: 7px;
						top:260px;
					}
					.pics {
						float: left;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						position: relative;
					}
						.pics p {
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;							
						}
						.pics img {width:109px !important;}
						#layer1 {
							width: 91px;
							background-color: #ffeed3; /* "geel". (Was #fbe0e6;) */
							padding: 6px 10px 6px 8px;
							margin: -2px 0px 0px 0px;
							position: absolute;
							left: 0px;
							top: 82px;
						}
						#layer2 {
							width: 91px;
							background-color: #fadbe4; /* "rood". (Was #ffe2e3;) */
							padding: 6px 10px 6px 8px;
							margin: -2px 0px 0px 0px;
							position: absolute;	
							left: 0px;
							top: 82px;
						}
						#layer3 {
							width: 91px;
							background-color: #dee0f2;/* "blauw". (Was #f3e5f5;) */
							padding: 6px 10px 6px 8px;	
							margin: -2px 0px 0px 0px;
							position: absolute;	
							left: 0px;
							top: 82px;
						}
						#layer4 {
							width: 91px;
							background-color: #f2e2f4;/* "paars". (Was #e6e7f7;) */
							padding: 6px 10px 6px 8px;	
							margin: -2px 0px 0px 0px;
							position: absolute;	
							left: 0px;
							top: 82px;	
						}
						#layer5{
							width: 91px;
							background-color: #ffe4da;/* "oranje". (Was #ffefda;) */
							padding: 6px 10px 6px 8px;	
							margin: -2px 0px 0px 0px;
							position: absolute;
							left: 0px;
							top: 82px;
						}
							/* dynamics */
							/* link */
							div.foldOutLayer div div {visibility : hidden;}
							/* hover */
							div.foldOutLayer div.hover div,
							div.foldOutLayer div:hover div {visibility : visible;}
					#text {
						text-align: left;
						font-size : 100%;
						margin: 0em 0em 0em 0em;
						width: 970px;
						clear: both;
					}
							#text #kolom1 {
								width: 166px;
								float:left;
								margin: 5em 4em 0em 0em;
								padding: 0em 0em 0em 8px;
							}
							#text #kolom1a {
								width: 200px;
								float:left;
								margin: 7.4em 0.6em 0em 0em;
								padding: 0em 0em 0em 8px;
								color: #9ca3a7;
								letter-spacing: 0.8pt;
								}
								#text #kolom1a table {
									margin:  0em -8em 10px -4px;
									padding: 0em 0em 0em 0px;
									width:   201px;
								}
								#text #kolom1a table td {
									margin: 0em 0em 0em 0em;
									padding: 0em 0px 0em 0px;
									text-align: center;
								}									
								#text #kolom1 h1 {
									margin : 0em 0em 12pt 0em;
									font-size :	156%;
									line-height : 12pt;									
									color: #9ca3a7;
									font-weight: normal;
								}
								#text #kolom1a h2 {
									margin : 0em 0em 8pt 0em;
									line-height : 12pt;
									font-size :	102%;
									color: #9ca3a7;
									font-weight: bold;
								}
									#text #kolom1a table td a:link, 
									#text #kolom1a table td a:visited {
										text-decoration : none;
										font-weight: bold;
										font-size: 106%;
										color: #9ca3a7;
										margin: 0em 0em 0em 0em;
										padding: 0em 0em 0em 0px;
									}
									#text #kolom1a table td a:hover, 
									#text #kolom1a table td a:active {
										text-decoration : underline;
									}
									#text #kolom1a a:link, 
									#text #kolom1a a:visited {
										text-decoration : none;
										font-weight: bold;
										font-size: 106%;
										color: #9ca3a7;
										margin: 0em 0em 0em 0em;
										padding: 0em 0em 0em 0px;
									}
									#text #kolom1a a:hover, 
									#text #kolom1a a:active {
										text-decoration : underline;
									}
								#kolom1 .content {
									color: #9ca3a7;	
								}
								#kolom1a .content {
									color: #9ca3a7;	
								}
									#text #kolom1 a:link, 
									#text #kolom1 a:visited {
										text-decoration : none;
										font-weight: bold;
										font-size: 106%;
										letter-spacing: 0.8pt;
									}
									#text #kolom1 a:hover, 
									#text #kolom1 a:active {
										text-decoration : underline;
									}
										#text #kolom1 .blue {
											color: #5b64c0;	
										}
										#text #kolom1 .purple {
											color: #bf72cc;	
										}
										#text #kolom1 .pink {
											color: #e84f79;	
										}
										#text #kolom1 .salmon {
											color: #ff6163;	
										}
										#text #kolom1 .orange {
											color: #ff7849;	
										}
										#text #kolom1 .yellow {
											color: #ffab24;	
										}	
							#text #kolom2 {
								float: left;
								width: 500px;
								margin: 3.5em 0em 0em 8px;
								padding: 0em 0em 0em 0.1em;
							}
								#text #kolom2 a:link, 
								#text #kolom2 a:visited {
									text-decoration : underline;
									font-weight: bold;
									font-size: 100%;
								}
								#text #kolom2 a:hover, 
								#text #kolom2 a:active {
									text-decoration : none;
								}
							#text #kolom2a {
								float: left;
								position: relative;
								width: 500px;
								margin: 1.3em 0em 0em 8px;
								padding: 0em 0em 0em 0.1em;
								letter-spacing: 0.8pt;
							}
							#text #kolom2a div {
								height: 64px;
								position: relative;
								margin: 0em 0em 0em 0px;
								padding: 0em 0em 0em 0em;
							}
								#text #kolom2a a.list:link, 
								#text #kolom2a a.list:visited {
									text-decoration : none;
									font-weight: bold;
									font-size: 100%;
								}
								#text #kolom2a a.list:hover, 
								#text #kolom2a a.list:active {
									text-decoration : underline;
								}
								#text #kolom2a a.active:hover, 
								#text #kolom2a a.active:active {
									text-decoration : underline;
								}
								#text #kolom2a a.pdf:link, 
								#text #kolom2a a.pdf:visited {
									text-decoration : underline;
									font-weight: normal;
									font-size: 100%;
									color: #9ca3a7;
								}
								#text #kolom2a a.pdf:hover, 
								#text #kolom2a a.pdf:active {
									text-decoration : none;
								}
								#text #kolom2a div h1 {
									margin : 0em 0em 12pt 0em;
									font-size :	156%;
									color: #5b64c0;
									font-weight : normal;
									position: absolute;
									bottom: 0px;
									font-weight: normal;
									line-height: 20pt;
								}	
								#text #kolom2a h2 {
									margin : 1em 0em 0em 0em;
									line-height : 12pt;
									font-size :	102%;
									font-weight: bold;
								}
								#text #kolom2a dt a:link,
								#text #kolom2a dt a:visited,
								#text #kolom2a #people a.person:link,
								#text #kolom2a #people a.person:visited {
									text-decoration : none;
									font-weight: bold;
								}	
								#text #kolom2a dt a:hover,
								#text #kolom2a dt a:active,
								#text #kolom2a #people a.person:hover,
								#text #kolom2a #people a.person:active {
									text-decoration : underline;
									font-weight: bold;
								}	
								#text #kolom2a #people a.areaofexpertise:link,
								#text #kolom2a #people a.areaofexpertise:visited {
									text-decoration : none;
								}	
								#text #kolom2a #people a.areaofexpertise:hover,
								#text #kolom2a #people a.areaofexpertise:active {
									text-decoration : underline;
								}	
							#text #kolom3 {
								float: left;
								width: 200px;
								margin: 5em 0em 0em 1.9em;
								padding: 0em 0em 0em 8px;
								color: #9ca3a7;
							}
							#text #kolom3 h3 {
								margin: 0em 0em 0em 0em;
								padding: 0em 0em 0em 0em;
								color: #9ca3a7;
							}
							#text #kolom3a {
								float: left;
								width: 200px;
								margin: 7.3em 0em 0em 0em;
								padding: 0em 0em 0em 3em;
								color: #9ca3a7;
						
							}
								#text #kolom3 h1 {
									margin : 0em 0em 12pt 0em;
									font-size :	156%;
									color: #9ca3a7;
									line-height : 12pt;
									font-weight: normal;
								}
								#text #kolom3 h3 {
									margin : 0em 0em 0em 0em;
									font-size :	100%;
									color: #9ca3a7;
									line-height : 12pt;
									letter-spacing: 1pt;
								}
								#text #kolom3a h2 {
									margin : 0em 0em 12pt 0em;
									font-size :	100%;
									color: #9ca3a7;
									line-height : 12pt;
									font-weight: bold;
								}
								#text #kolom3 p {
									margin : 0em 0em 12pt 0em;
									font-size :	100%;
									color: #9ca3a7;
									line-height : 12pt;
								}
								#text #kolom3 a:link, 
								#text #kolom3 a:visited {
									text-decoration : underline;
									color : #9ca3a7;
									font-weight: normal;
								}
								#text #kolom3 a:hover, 
								#text #kolom3 a:active {
									text-decoration : none;
									color : #9ca3a7;
								}
								#text #kolom3a a.person:link,
								#text #kolom3a a.person:visited {
									text-decoration : underline;
									font-weight: bold;
								}	
								#text #kolom3a a.person:hover,
								#text #kolom3a a.person:active {
									text-decoration : underline;
									font-weight: bold;
								}								
								
								#text #kolom3a a:link, 
								#text #kolom3a a:visited {
									text-decoration : underline;
									color : #9ca3a7;
									font-weight: normal;
								}
								#text #kolom3a a:hover, 
								#text #kolom3a a:active {
									text-decoration : none;
									color : #9ca3a7;
									font-weight: normal;
								}
						#pathNavigation {
							margin : 0px 0px 0.7em 0px;
							font-size : 90%;
						}
							#pathNavigation li {
								display : inline;
								list-style-type : none;
							}
								#pathNavigation a {
									padding-right : 16px;
									background-image : url(../images/pathNavigation_bullet.gif);
									background-repeat : no-repeat;
									background-position : 100% 50%;
								}
								#pathNavigation span {}
						/* CONTENT STYLES */
						#text h1 {}
						#text h2 {}
						#text p.normal 
						{
							margin : 0px 0px 1em 0px;
							padding: 0px 0px 0px 0px;
						}
							#text p.intro {}
						/* alphabet */
						ul.pager {
							margin : 0px 0px 1em 0px;
						}
							ul.pager li {
								display : inline;
							}
								ul.pager a {
									padding : 0px 0.2em 0px 0em;
									font-weight : bold;
								}
									ul.pager a:link,
									ul.pager a:visited {
										color : #a00032;
									}
									ul.pager a:hover,
									ul.pager a:active {
										color : #000000;
									}
								ul.pager span {
									padding : 0px 0.2em 0px 0em;
								}
						/* news items */
						a.newsTitle {
							display : block;
							padding-bottom : 0.2em;
						}
							a.newsTitle:link,
							a.newsTitle:visited {}
							a.newsTitle:hover,
							a.newsTitle:active {}
						div.newsLink {
							color : #a00032;
						}

	/* homepage */
	body.home {}
		body.home h1 {
			margin : 0em 0em 0.6em 0em;
		}
		body.home #text {position: relative;}
			body.home #text div.margin {
				padding : 2em 0em 2em 1.3em;
			}
				body.home #text h1 {
					color : #a00032;
				}
				body.home #text h2 {
					margin : 0em 0em 1em 0em;
					font-size :	150%;
					color : #a00032;
					font-weight : normal;
				}
				body.home #text .intro {
					min-height : 10em;
					margin : 0px;
				}
				div.newsColumns {
					margin-top : -0.7em;
				}
					div.newsColumns h3 {
						line-height : 1.6em;
						border-bottom : solid 1px #ffffff;
					}
						div.newsColumns h3 {}
							div.newsColumns h3 a {
								display : block;
							}
								div.newsColumns h3 a:link,
								div.newsColumns h3 a:visited {}
								div.newsColumns h3 a:hover,
								div.newsColumns h3 a:active {}
					div.newsColumns div.column {
						float : left;
						width : 47.5%;
						overflow : hidden;
						margin-top : 0.5em;
					}
						div.newsColumns div.columnA {
							float : left;
						}
						div.newsColumns div.columnB {
							float : right;
						}
							div.newsColumns div.column div {
								width : 100%;
								overflow : hidden;
							}
								div.newsColumns div.column img {}
							div.newsColumns div.column h3 {}
							div.newsColumns div.column p {}
					div.newsColumns p.archive {
						clear : both;
						text-align : right;
					}
						div.newsColumns p.archive a.more {
							/*
							padding-right : 15px;
							background-image : url(../images/bullet_gt2.gif);
							background-repeat : no-repeat;
							background-position : 100% 2px;
							*/
						}
						

	.right {
		float: right;
		font-weight: normal;
	}
	.date {
		font-weight: bold;
	}
	.filler {
		margin: 15.1em 0em 0em 0em;
		padding: 0em 0em 0em 0em;	
	}
	.formslay {
			margin:0px 0px 0px 0px;			
	}
		.praktijk {
			width:196px;
			margin:0px 0px 12px 0px;	
		}
		.trefwoord {
			height:14px;
			width:194px;
			margin:0px 0px 4px 0px;
		}
		.zoekbox {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}

	.editblock 
	{
		float:left;
		margin:1em 1em 1em 1em;
	}
	#text #kolom2a .archief {
		height: 20px !important;
		position: relative;
		margin: 0em 0em 0em 0px;
		padding: 0em 0em 0em 0em;
	}
	.addthispanel { width:300px; float:left; *float:none; }
	.addthis_toolbox, .pdfpanel {padding-top:20px !important;}
	.pdfpanel {float:right;}
	.linkedinpanel {padding-top:20px !important; width:250px;}
	.hidden { height:auto !important;}
	.archief {padding-top:20px !important; cursor: pointer;	cursor: hand;}
	.archief.active {text-decoration:underline;}
	.rightdownload {*margin-top:-60px !important;}