/*--(( positionering ))--*/
		
		/***( breedte )***/
			
			#container{
				width          : 760px;			
			}
			
		/***( /breedte )***/
		
		
		/***( centreren )***/
			
			body{
				text-align     : center; /* IE */			
			}
			#container{
				margin         : 0px auto; /* mozilla */
				text-align     : left;
			
			}
			
		/***( /centreren )***/
		
		
		/***( kolommen )***/
			
			/* zie: http://www.redmelon.net/tstme/3cols2 */
			
			.linkerkolom{
				width              : 152px;
			}
			html>body .linkerkolom{
				width              : 134px;
			}
			
			#broodtekst{
				padding:20px 18px 0px 21px;								
			}
			
			.einde-romp{
				clear              : both;
			}
			
		/***( /kolommen )***/
		
	/*--(( positionering ))--*/



	/*--(( htmlelementen))--*/
		
		body{
			background         : #f0f0e8 url(../beeld/website_achtergrond.gif) repeat-x;
			margin             : 0px;
			
			font-family        : Arial, Helvetica, sans-serif;
			font-size          : 13px;
			color              : black;
		}
		
		form{
			margin             : 0px;
		}
		
		h1 {
			font-size          : 20px;
			font-weight        : bold;
			/*color              : #0077DB;*/
			color		   : #db7b03;
			margin             : 0px;
		}
		h2{
			font-size          : 13px;
			font-weight        : bold;
			margin             : 0px;
			color              : #0181a8;
		}
		h3{
			font-size          : 12px;
			margin-top         : 2em;
			color:#666;
		}
		h4{
			font-size          : 12px;
			margin:0px;
		}
		
		p{
			margin-top         : 0px;
			font-size          : 12px;
		}
		
		a {
			color             : #0181a8;
			text-decoration:none;
		}
		a:hover{
			text-decoration:underline;
		}
		
		h1 a{
			color             : #db7b03;
		}
		
		a img{
			border             : 0px;
		}
		
		ol{
			padding:0px;
			margin:0px;
			margin-bottom:13px;
			margin-left:23px;
			font-size:12px;
		}
		ul{
			list-style-type    : none;
			padding:0px;
			margin:0px;
			margin-bottom:2px;
			font-size:12px;
		}
		ul li{
			padding:2px 0px 3px 10px;
			background   : url('../beeld/chevron2.gif') no-repeat;
		}
		li span{
			display:block; 
			margin-right:70px;
		}
		
		th{
			font-size          : 12px;
			text-align         : left;
			vertical-align     : top;
		}
		td{
			font-size          : 12px;
			vertical-align     : top;
		}
		
		
		dt{
			font-weight        : bold;
			color              : #dd7a01;
			font-size          : 12px;
		}
		dd{
			margin-bottom      : 1.2em;
			margin-left        : 0px;
			font-size          : 12px;
		}
		
		hr{
			border-width        : 1px 0px 0px 0px;
			border-style        : solid;
			border-color        : #ccc;
			height              : 1px;
		}
		
		#afsluiter-gratis-test h2{
			padding-bottom:2px;
		}
		
	/*--(( /htmlelementen))--*/
	
	
	
	/*--(( losse klassen ))--*/
		
		
		.veld{
			background-color   : white;
			color              : black;
		/*	border             : 1px solid black;*/
		/*	padding            : 1px 2px;*/
		}
		.knop{
			color                 : white;
			background            : #10b1de url('../beeld/bg_knop.gif') repeat-x;
			border                : 2px solid #10b1de;
			cursor                : pointer;
		}
		.knop-jung{
			color                 : white;
			background            : #10b1de url('../beeld/bg_knop.gif') repeat-x;
			border                : 2px solid #10b1de;
			cursor                : pointer;
			width:250px;
		}
				
		.disabled{
			background            : #10b1de url('../beeld/bg_knop_disabled.gif') repeat-x;
			border                : 2px solid #777777;
		}

		
		.een-ster{
			padding-right         : 17px;
			background            : url('../beeld/sterren/ph_1sterren.gif') right 2px no-repeat;
		}
		.twee-sterren{
			padding-right         : 29px;
			background            : url('../beeld/sterren/ph_2sterren.gif') right 2px no-repeat;
		}
		.drie-sterren{
			padding-right         : 41px;
			background            : url('../beeld/sterren/ph_3sterren.gif') right 2px no-repeat;
		}
		.vier-sterren{
			padding-right         : 53px;
			background            : url('../beeld/sterren/ph_4sterren.gif') right 2px no-repeat;
		}
		.vijf-sterren{
			padding-right         : 65px;
			background            : url('../beeld/sterren/ph_5sterren.gif') right 2px no-repeat;
		}
		
		.tabel td,
		.tabel th{
			padding           : 0.1em 0.4em;
		}
		
		.waarschuwing{
			color:#ce0404;
			font-weight:bold;
		}
	/*--(( /losse klassen ))--*/



	/*--(( structuurdelen ))--*/
		
	  /* kale pagina */
		body#kaal{
			background         : white;
			margin             : 2em 1em;
			text-align         : left;
		}
		
		
		
		/*--(( kop ))--*/
			
			#kop{
				position           : relative;
				height             : 164px;
				overflow           : hidden;
				text-align:top;
				color              : white;
				background-color   : #dedfd1;
				/*border-bottom      : 10px solid white;*/
			}
			
			#kop #logo{
				position           : absolute;
				top                : 75px;
				margin-left        : 12px;
				z-index            : 1;
			}
			/*html>body #kop #logo{
				top                : -1px;
			}*/
			
			
			/*--(( metabalk ))--*/
				
				#kop #metabalk{
					position           : relative;
					background-color   : #ddded0;
					text-align         : left;
					margin-bottom      : 1px;
					height:51px;
				}
				
				#kop #metabalk .menu{
					padding            : 18px 0px;
					float:left;
				}
				#kop #metabalk .menu a{
					text-decoration    : none;
					text-align:center;
					font-size:12px;
					display:inline-block;
					height:28px;
					padding:3px 6px 11px 7px;
					color:#000;
				}
				#kop #metabalk .menu a:hover{
					color: #ff7a01;
				}
				#kop #metabalk .menu a.actief{
					color: #ff7a01;
					padding-right:1px;
					background:url('../beeld/menu_achtergrond.gif') no-repeat;
				}
				#kop #metabalk .menu .afsluiting{
					height:28px;
					width:6px;
					vertical-align:top;
					display:inline-block;
					background: url('../beeld/menu_achtergrond_rechts.gif') no-repeat;
				}
				/*#kop #metabalk .menu a.actiefmidden{
					color: #ff7a01;
					background: url('../beeld/menu_achtergrondmidden.gif') no-repeat;
				}
				#kop #metabalk .menu a.actiefbreed{
					color: #ff7a01;
					background: url('../beeld/menu_achtergrondbreed.gif') no-repeat;
				}*/
				
				#kop #metabalk .zoeken{
					float:right;
					padding            : 18px 7px 8px 6px;
					background: url('../beeld/opmaak/bg_zoek.gif') no-repeat 3px 15px;
				}
				
				#kop #metabalk .zoeken .veld{
					width              : 137px;
					background-color:transparent;
					vertical-align:top;
					margin-top:0px;
					border:0px solid;
					height:21px;
					font-size: 12px;
					margin-right:10px;
					color: #827e7d;
				}
				
				/* de tekst "Zoek een test..." staat in firefox te veel tegen bodem aan*/
				@-moz-document url-prefix() { 
				    #kop #metabalk .zoeken .veld { 
				        margin-top: -4px; 
				    } 
				} 
				
				/* als er geen test en/of artikelen gevonden zijn */
				#no-test .veld {
					width              : 137px;
					background-color:transparent;
					vertical-align:top;
					margin-top:0px;
					border:0px solid #000;
					height:21px;
					font-size: 12px;
					margin-right:10px;
					color: #827e7d;
					
					padding-left:5px;
					padding-top:3px;
				}
				
				#no-test .zoeken {
					background: url('../beeld/opmaak/bg_zoek_.gif') no-repeat 0px 0px;					
					margin-bottom:15px;
				}
				/* de tekst "Zoek een test..." staat in firefox te veel tegen bodem aan*/
				@-moz-document url-prefix() { 
				    #no-test .veld { 
				        margin-top: -4px; 
				    } 
				} 
				
				
			/*--(( /metabalk ))--*/
			
			
			/*--(( panorama ))--*/
				
				#kop #panorama{
					position           : relative;
					height             : 113px;
					margin-top:-1px;
					background-image   : url('../beeld/opmaak/bg_payoff2.jpg');
					background-repeat  : no-repeat;
				}
				
				#kop #panorama .menu{
					position           : absolute;
					top                : 84px;
					width              : 575px;
					height             : 27px;
					background-image   : url('../beeld/opmaak/bg_payoff_under.jpg');
					background-repeat  : no-repeat;
				}
				
				#kop #panorama .legenda{
					position           : absolute;
					left               : 574px;
					top                : 0px;
					background         :url('../beeld/opmaak/bg_waardeuitslag.gif') no-repeat #0083a9;
					padding            : 8px 10px 0px 10px;
				}
				/* !!! */
				.legenda table {
					width: 170px;
					margin-bottom:10px;
				}
				#kop #panorama .legenda a{
					color              : white;
					text-decoration    : none;
				}
				#kop #panorama .legenda caption{
					text-align         : left;
					font-weight        : bold;
					font-size:13px;
					color              : white;
					padding-bottom     : 9px;
				}
				#kop #panorama .legenda td{
					color              : white;
					font-size:10px;
					height:14px;
					padding            : 0px 0px 0px 0px;
				}
				#kop #panorama .legenda td img{
					display:block;
					padding-top:1px;
					padding-bottom:2px;
					padding-left:1px;
					padding-right:1px;
				}
				
			/*--(( /panorama ))--*/
			
			/*--(( banner ))--*/
			
				#banner{
					position           : absolute;
					margin-left	   : 770px;
					top		   : 163px;
				}
				
			/*--(( /banner ))--*/
			
			
		/*--(( /kop ))--*/
		
		
		/*--(( romp ))--*/
			
			#romp{
				border-left:1px solid #eaebe6;
				background   : white url('../beeld/opmaak/bg_inhoud.jpg') 160px 0px no-repeat;
				/*width              : 760px;*/
				width              : 100%;
				padding            : 0px;
				margin             : 0px;
				/*border             : 0px;*/
			}
			
			
			/*--(( linkerkolom ))--*/
				
				.linkerkolom{
					font-size          : 13px;
					padding            : 0px;
					padding-top:20px;
					/*padding-bottom     : 30px;*/
					/*background         : url(../beeld/opmaak/l_thuiswinkel.gif) left bottom no-repeat;*/
					background: #fff url('../beeld/opmaak/bg_menu.gif') no-repeat;
				}
				
				
				.linkerkolom h2{
					font-size          : 12px;
					
				}
				.linkerkolom h3{
					font-size          : 10px;
					margin             : 0px;
				}
				.linkerkolom div{
					margin-bottom      : 20px;
				}
				.linkerkolom p{
					margin             : 0px;
				}
				
				
				.linkerkolom .veld{
					width              : 100px;
				}
				
				.linkerkolom a{
					color              : black;
				}
				
				.linkerkolom .menu{
					width:140px;
					margin-left:9px;
					margin-right:9px;
					padding-top:4px;
					margin-bottom:6px;
					background: #fff url('../beeld/opmaak/bg_menu_l.gif') no-repeat;
					
				}
				.linkerkolom .menu a{
					display:block;
					xheight:21px;
					font-weight        : bold;
					color              : #fff;
					text-decoration    : none;
					padding-left       : 3px;
					background-color:#0182a9;
				}
				.linkerkolom .menu .hoofdmenu a{
					xheight:21px;
					height:auto;
					padding-top:1px;
					padding-bottom:1px;
					line-height:19px;
					background: #0182a9 url('../beeld/opmaak/bg_menu_l_hr.gif') no-repeat;
				}
				.linkerkolom .menu .hoofdmenu a img,
				.linkerkolom .menu .boven a img{
					float:right; 
					margin-right:5px;
					margin-top:4px;
					margin-left:5px;
				}
				
				.linkerkolom .menu .boven a{
					padding-bottom:2px;
				}
				.linkerkolom .menu .boven a img{
					margin-top:2px;
				}
				
				.linkerkolom .menu .grijs a{
					background-color:#646464;
					line-height:19px;
					padding-top:3px;
					height:19px;
					background: #646464 url('../beeld/opmaak/bg_menu_l_hr_grijs.gif') no-repeat;
				}
				.linkerkolom .menu .grijsboven a{
					background-color:#646464;
					height:18px;
					padding-top:1px;
				}
				
				.linkerkolom .menu .submenu a {
					height:20px;
					font-size	   : 12px;
					text-transform     : none;
					font-weight	   : normal;
					line-height	   : 16px;
				}
				
				.linkerkolom .menu .hoofdmenu a:hover,
				.linkerkolom .menu .hoofdmenu a.actief{
					xborder:1px solid red;
					background: #02aadb url('../beeld/opmaak/bg_menu_l_actief.gif') no-repeat;
				}
				
				.linkerkolom .menu .grijs a:hover,
				.linkerkolom .menu .grijs a.actief{
					background: #646464 url('../beeld/opmaak/bg_menu_l_knop_grijs_actief.gif') no-repeat;
				}
				
				.linkerkolom .menu .grijsboven a:hover,
				.linkerkolom .menu .grijsboven a.actief{
					background: #646464 url('../beeld/opmaak/bg_menu_l_knop_grijs_e_act.gif') no-repeat;
				}
				
				.linkerkolom .menu a:hover,
				.linkerkolom .menu a.actief{
					font-weight:bold;
					background: #02aadb url('../beeld/opmaak/bg_menu_l_laatste_actief.gif') no-repeat;
				}
				
				
				q {
					quotes:none;
				}
				.linkerkolom .menu-bottom {
					/*nederlandse_versie
					width:140px;
					background: #fff url('../beeld/opmaak/bg_menu_lb_grijs.gif') no-repeat;
					height:4px;
					*/
					width:140px;
					background: #fff url('../beeld/opmaak/bg_menu_lb.gif') no-repeat;
					height:4px;
				}
				/*--(( produktmenu ))--*/
					
					/*--(( uitgebreid ))--*/
					/*	.linkerkolom .alles-over .uitgebreid div{
							border-width       : 7px 0px 0px 0px;
							border-style       : solid;
							margin             : 4px 0px;
							padding            : 4px 0px 16px 0px;
						}
						.linkerkolom .alles-over .uitgebreid div.assessment{   	border-color       : #FF6633;}
						.linkerkolom .alles-over .uitgebreid div.beroepskeuze{ 	border-color       : #4573A8;}
						.linkerkolom .alles-over .uitgebreid div.iq{           	border-color       : #009933;}
						.linkerkolom .alles-over .uitgebreid div.vaardigheden{ 	border-color       : #682369;}
						.linkerkolom .alles-over .uitgebreid div.eindtoets{ 	border-color       : #008080;}
						.linkerkolom .alles-over .uitgebreid div.relaties{      border-color       : #C80000;}
						.linkerkolom .alles-over .uitgebreid div.partnerkeuze{  border-color       : #BD9700;}
						
					/*--(( /uitgebreid ))--*/
					
					
					/*--(( compact ))--*/
						
						.linkerkolom .alles-over{
							width:140px;
							margin:0px;
							margin-left:9px;
							margin-right:9px;
							
						}
						.linkerkolom .alles-over .compact{
							padding-top:4px;
							/* uitgezet omdat het jquery uitklap menu bovenaan staat */
							background: #fff url('../beeld/opmaak/bg_menu_l_grijs.gif') no-repeat;
						
						}
						.linkerkolom .alles-over .compact div{
						/*	border             : 1px solid black;*/
							margin:0px;
						}
						.linkerkolom .alles-over .compact div a{
							color              : white;
							display            : block;
							font-weight        : bold;
							padding-left:3px;
							font-size:12px;
							text-decoration    : none;
							height:21px;
							line-height:21px;
							/*background: #0182a9 url('../beeld/opmaak/bg_menu_l_hr.gif') 0px 19px no-repeat;*/
						}
						
						.linkerkolom .alles-over .compact div a span{
							position:absolute;
							padding-left:2px;
							vertical-align:top;
						}
						.alles-over .compact div.onder a{
							background: #0182a9;
						}
						
						.linkerkolom .alles-over .compact div a:hover{
							background: #02aadb url('../beeld/opmaak/bg_menu_l_actief.gif') no-repeat;
						}
						.alles-over .compact div.onder a:hover{
							background: #02aadb url('../beeld/opmaak/bg_menu_l_laatste_actief.gif') no-repeat;
						}
						
						.alles-over .compact div.grijs a:hover,
						.alles-over .compact div.grijs a.actief{
							background: #646464 url('../beeld/opmaak/bg_menu_l_knop_grijs_actief.gif') no-repeat;						
						}
				
						.alles-over .compact div.grijsboven a:hover,
						.alles-over .compact div.grijsboven a.actief{
							background: #646464 url('../beeld/opmaak/bg_menu_l_knop_grijs_e_act.gif') no-repeat;							
						}
				
						.alles-over .compact div.grijs a{
							background-color:#646464;							
							line-height:19px;
							padding-top:3px;
							height:19px;
							background: #646464 url('../beeld/opmaak/bg_menu_l_hr_grijs.gif') no-repeat;						
						}
						.alles-over .compact div.grijsboven a{							
							background-color:#646464;
							height:18px;
							padding-top:1px;
						}
					
					
						.alles-over h2 {
							color:#000;
							font-size: 12px;
						}
						
						.alles-over .alles-over-bottom {
							width:140px;
							background: #fff url('../beeld/opmaak/bg_menu_lb_grijs.gif') no-repeat;
							height:4px;
						}
					/*--(( /compact ))--*/
					
				/*--(( /produktmenu ))--*/
				
				
				#linkerkolom-onder{
					vertical-align  : bottom;
				}
				
				#linkerkolom-onder #einde-prof-test {
					position          : relative;
					bottom            : 140px;
				}
								
				#linkerkolom-onder #einde-prof-test p {
					font-size         : 14px;
					line-height       : 18px;
					font-style        : italic;
					text-align        : center;
				}
				
			/*--(( /linkerkolom ))--*/
			
			/*--(( testlokaal uitproberen ))--*/
			
				
				.testlokaal .gegeven{
					vertical-align     : middle;
				}
			/*--(( /testlokaal uitproberen ))--*/
			
			
			/*--(( copyright ))--*/
				#copyright {
					text-align         : center; 
					line-height        : 18px;
					font-size:11px;
					padding           : 10px 15px 0px 15px;
				}
			/*--(( /copyright ))--*/
			
			/*--(( kortingsactie ))--*/
			
				#kortingsactie{
					position:absolute;
					width:102px;
					height:102px;
					top:170px;
					margin-left:442px;
				}
				
			/*--(( /kortingsactie ))--*/
			
			/*--(( broodtekst ))--*/
				#broodtekst{
					font-size         : 12px;
					
				}
				
				
				#broodtekst .overzicht .cel .links{
					padding-right:15px;
				}
				
				#broodtekst .overzicht .cel table li{
					padding:0px;
					padding:2px 0px 3px 3px;
					background-image :none;
				}
				#broodtekst .overzicht .cel table li p{
					margin-right:35px;
					margin-left:0px;
				}
				
				#broodtekst h1,
				#broodtekst h2{
					margin-top        : 1em;
				}
				
				
				#broodtekst td{
					font-size         : 12px;
				}
				/* nieuw */				
				#broodtekst .lopende-tekst{
					font-size             : 12px;
					margin:2px 5px;
					text-align:left;	
					
				}
				#broodtekst .lopende-tekst p{
					font-size             : 13px;
					color:#464646;
					
				}
				#broodtekst .lopende-tekst p select{
					font-size             : 13px;
					color:#464646;
				}
				#broodtekst .lopende-tekst li{
					font-size             : 13px;
					color:#464646;
				}
				#broodtekst .lopende-tekst h1{
					margin            : 0px;
					margin-bottom         : 10px;
				}
				#broodtekst .lopende-tekst h2{
					padding-top            : 0px;
					color                 : #dd7a01;
					font-size             : 13px;
					font-weight           : bold;
					letter-spacing        : 0px;
				}
				#broodtekst .lopende-tekst h3{
					margin         : 0px;
					font-weight:bold;
					font-size:13px;
				}
				
				#broodtekst ul.zwart li,
				#broodtekst .lopende-tekst ul.zwart li{
					background-image   : url('../beeld/chevron_black.gif');
				}
				
				#broodtekst .inleiding{
					font-weight           : bold;
				}
				
				
				.lopende-tekst caption{
					white-space        : nowrap;
					text-align         : left;
					font-size          : 11px;
					font-weight        : bold;
				}
				
				
				#broodtekst .rij-even{
				}
				#broodtekst .rij-oneven .t{
					background-color      : #eaebe0;
				}
				#broodtekst .onbeantwoord{
					background-color      : #ccc;
				}
				
				
				
			/*--(( /broodtekst ))--*/
			
			
		/*--(( /romp ))--*/
		
	/*--(( /structuurdelen ))--*/
	
	
	
	/*--(( specifieke pagina's ))--*/
	
	
		/*--(( voorpagina ))--*/
			/* !!! */
			
			#broodtekst .cel ul{
				margin-left:4px;
				padding-left: 0px;
				margin-right: 4px;
			}
			#broodtekst .cel #de-nieuwste-tests li,
			#broodtekst .cel #alle-tests-over li,
			#broodtekst .cel #de-populairste-tests li {
				line-height: 13px;
				padding:2px 0px 3px 3px;
			}
			#broodtekst .cel #de-nieuwste-tests li a,
			#broodtekst .cel #alle-tests-over li a,
			#broodtekst .cel #de-populairste-tests li a {
				padding-left: 6px;
				background   : url('../beeld/chevron2.gif') no-repeat;
			}
			#broodtekst .cel #alle-tests-over p{
				margin-left:6px;
			}
			
			
			/* START test met dotted links */
			/*#broodtekst .cel #alle-tests-over h2,#broodtekst .cel #alle-tests-over p,#broodtekst .cel #alle-tests-over li,#broodtekst .cel #alle-tests-over a{/*text-decoration   : underline;}*/
			#broodtekst .cel #alle-tests-over a ,
			#broodtekst .cel #de-nieuwste-tests a ,
			#broodtekst .cel #de-populairste-tests a {
				text-decoration	: none;
				color: #0282a7;
				
			}
			/* EIND test met dotted links */
			
			
			#broodtekst .cel #alle-tests-over a:hover ,
			#broodtekst .cel #de-nieuwste-tests a:hover ,
			#broodtekst .cel #de-populairste-tests a:hover {
				text-decoration   : underline;
			}
			
			
		/*--(( introductiepagina's professionele tests ))--*/
		
			#broodtekst .proftest-titel h1{
				margin-bottom     : 0;
			}
			#broodtekst .proftest-inleiding{
				padding           : 0px;
			}
			#broodtekst .proftest-inleiding h2{
				font-size         : 16px;
				margin-top:8px;
				color             : #646464;
				margin-bottom     : 16px;
			}
			#broodtekst .proftest-inleiding td{
				vertical-align    : middle;
				vertical-align:bottom;
				padding-right:3px;
			}
			#broodtekst .proftest-inleiding td.links{
				padding-right:30px;
				width:337px;
			}
			#broodtekst .proftest-inleiding td form{
				vertical-align:bottom;
			}
			#broodtekst .proftest-inleiding ul{	
				margin-bottom     : 11px;
				margin-left: 0px;
				padding-left: 0;
			}
			#broodtekst .proftest-inleiding ul li{
				background: url(../beeld/stip2.gif) 0px 3px no-repeat;
				margin-left: 1px;
				line-height:16px;
			}				
			#broodtekst .proftest-inleiding form{
				margin            : 0;
			}
			#broodtekst .proftest-inleiding p{
				margin            : 0;
			}
			#broodtekst .proftest-inleiding a{
				text-decoration   : underline;
				font-weight:bold;
			}
			
			#proftest-subnavigatie-begin{
				margin-left:5px;
			}
			#proftest-subnavigatie-begin,
			#proftest-subnavigatie-eind{
				margin-top:22px;
				width: 4px;
				float:left;
				background:url('../beeld/opmaak/prof_sub_einde.gif') 0px 0px no-repeat;
				
				height: 25px;
			}
			#proftest-subnavigatie-eind{
				float:left;
				background-position: -3px 0px;
			}
			
			
			#proftest-subnavigatie{
				float:left;
				margin-top:22px;
				padding:0px 30px;
				height:25px;
				background:url('../beeld/opmaak/prof_sub_bg.gif') repeat-x;
			}
			
			#proftest-subnavigatie ul li{
				list-style        : none;
				margin            : 0;	
				padding            : 0;	
				background-image:none;
			}			
			#proftest-subnavigatie ul{
				text-align        : center;
				padding           : 0px;
				margin 		: 0px;
			}			
			#proftest-subnavigatie ul li{
				display           : inline;		
			}			
			#proftest-subnavigatie ul li a{	
				padding:0px 15px;
				line-height:25px;
				text-decoration   : none;
				color             : #0083a9;
			}
			#proftest-subnavigatie ul li a:hover{
				text-decoration   : underline;
			}
			#proftest-subnavigatie ul li a.actief{
				color             : #dd7a01;
			}
			
			
			
			
			
			#broodtekst .proftest {
				display           : block;
				clear:both;
			}
			
			#broodtekst .proftest p {
				margin-bottom:16px;
				
			}
			
			#broodtekst .proftest {
				padding           : 13px 0px;
			}			
			#broodtekst .proftest h2{
				margin-bottom: 16px;
				margin-top:21px;
				font-size:15px;
				color:#dd7a01;
			}
			#broodtekst .proftest form{
				margin            : 0;
			}
			#broodtekst .proftest cite{
				font-style        : normal;
				font-weight:bold;
				font-size:12px;
				color             : #646464;
			}			
			#broodtekst .proftest .onderschrift{
				font-size         : 10px;
				color             : #8A8B8D;
				margin            : 45px 0 0 0;
			}
			
			
			
			
		/*--(( /introductiepagina's professionele tests ))--*/
		
		
		
		/*--(( statische content))--*/
		#statische-content{
			margin:0px 10px;
		}
		#statische-content h1{
			color:#898989;
			font-size:12px;
		}
		#statische-content p{
			color:#898989;
			font-size:11px;
		}
		#statische-content a{
			color: #898989;
			text-decoration:underline;
		}
		#statische-content a:hover{
			color: #666;
		}
		/*--(( /statische content))--*/
		
		/*--(( overzichten ))--*/
			
			.t {background: url(../beeld/opmaak/dot.gif) 0 0 repeat-x;}
			.t-blauw {background: #f7fbff url(../beeld/opmaak/dot.gif) 0 0 repeat-x;}
			.b {background: url(../beeld/opmaak/dot.gif) 0 100% repeat-x;}
			* html .b{
				border-bottom:1px solid #e0e1d3;
			}
			.l {background: url(../beeld/opmaak/dot.gif) 0 0 repeat-y}
			.r {background: url(../beeld/opmaak/dot.gif) 100% 0 repeat-y} 
			
			.bl {background: url(../beeld/opmaak/bl.gif) 0 100% no-repeat;}
			.br {background: url(../beeld/opmaak/br.gif) 100% 100% no-repeat;}
			.tl {background: url(../beeld/opmaak/tl.gif) 0 0 no-repeat}
			.tr-nopadding, .tr {background: url(../beeld/opmaak/tr.gif) 100% 0 no-repeat; padding:3px} 
			.tr-special {background: url(../beeld/opmaak/round_corner_top_right.gif) 100% 0 no-repeat; padding:5px} 
			
			#broodtekst .overzicht {
				display:block;
			/*	border:1px solid red;*/
			}
			
			#broodtekst .overzicht td{
				width             : 50%;
			/*	border:1px solid blue;
			*/	
			}
		
			#broodtekst .overzicht h1,
			#broodtekst .overzicht h2{
				margin            : 0px;
				padding:0px;
			}
			#broodtekst .overzicht h2{
				font-size:12px;
				padding-bottom:2px;
			}
			.overzicht h4{
				margin-top        : 0.6em;
			}
			#broodtekst .overzicht .cel{
				margin:0px;
				
			}
			
			#broodtekst .test{
				height            : 48px;
				padding           : 0px;
				clear             : both;
				margin            : 0px;
				padding-top: 13px;
				padding-left:6px;
				line-height:12px;
				padding-right:6px;
			}
			
			#broodtekst .test h2{
				margin            : 0px;
				font-size:12px;
				margin-bottom:0px;
			}
			#broodtekst .test p{
				margin            : 0px;
				font-size:12px;
				line-height:14px;
			}
			#broodtekst .test img{
				float             : left;
				margin-right:9px;
			}
			
			/* START test met dotted links */
			#broodtekst .test h4 a {
				color:#0182a9;
				text-decoration:underline;
			}
			/* EIND test met dotted links */
			
			
			/* !!! */
			/*#broodtekst {
				padding: 0;
			}
			div.cel table {
				border: 1px solid #ccc;
			}*/
			div.cel {
				margin: 0;
				padding: 0px;
				display:block;
				border-bottom:1px solid white;
			}
			#broodtekst .cel{
				padding:0px;
				margin:0px;
				margin-bottom     : 15px;
			}
			#broodtekst .cel #de-nieuwste-tests{
				padding-top:13px;
				padding-bottom:16px;
			}
			
			#broodtekst div.cel{
				padding           : 0px;
				
			}
			#broodtekst div.reclame,
			#broodtekst table.cel td.reclame{
				padding           : 0px;
				border-width      : 0px;
			}
			#broodtekst .cel h1{
				margin:0px;
				padding:0px;
				padding-top:2px;
				padding-left:5px;
				padding-bottom:0px;
				
			}
			
			#broodtekst .cel #de-nieuwste-tests h1,
			#broodtekst .cel #de-populairste-tests h1 {
				margin-bottom:1px;
			}
			
			#broodtekst .cel #de-nieuwste-tests h1,
			#broodtekst .cel #de-populairste-tests h1 {
				padding-bottom:2px;
			}
				
			#broodtekst .cel p{
				/*margin            : 4px 0px 8px 0px;*/
				margin            : 0px;
				margin-left:5px;
			}
			#broodtekst .nomargin h1,
			#broodtekst .nomargin p{
				/*margin            : 4px 0px 8px 0px;*/
				margin-left:0px;
				padding-left:0px;
			}
			
			
			#broodtekst table.cel{
				width             : 562px;
				border            : 0px solid white;
			}
			
			
			#broodtekst table.cel td{
				padding           : 0px;
				vertical-align    : top;
				width             : 50%;
				padding-left:9px;
			}
			#broodtekst table.cel #alle-tests-over,
			#broodtekst table.cel #testlokaal{
				padding-top:20px;
			}
			
			#broodtekst table.cel #alle-tests-over h2{
				margin-top: 13px;
			}
			#broodtekst table.cel td a.leeg{
				display:block;
				margin-left:5px;
				text-decoration:none;
			}
			#broodtekst table.cel td h2{
				margin        : 5px;
				margin-top:0px;
				text-decoration:none;
			}
			
			#broodtekst .cel #overzicht-td{
				width: 263px;
			}
			/*
			#broodtekst .cel td p{
				font-style: italic; 
				text-decoration:underline;
			}*/
			/*
			#broodtekst .cel #alle-tests-over .meer{
				margin            : 0px 0px 12px 20px;
			}
			*/
			#broodtekst .cel #alle-tests-over .meer a,
			#broodtekst .cel #de-nieuwste-tests .meer a ,
			#broodtekst .cel #de-populairste-tests .meer a ,
			a.meer {
				font-style: italic; 
				text-decoration:underline;
				color:#40abcd;
			}
			
		/*--(( /overzichten ))--*/
		
		
		/*--(( rapporten ))--*/
			
			#rapport{
			}
			.rapportgegevens{
				position         : relative;
				margin-left:5px;
				overflow         : hidden;
			}
			.rapportgegevens .logo{
				position         : absolute;
				right            : 0px;
				z-index          : 1;
			}
			* html .rapportgegevens .logo{
				right            : 20px;
			}	
			.rapportgegevens table{
				position         : relative;
				z-index          : 2;
			}
			.rapportgegevens table td{
				padding-bottom:2px;
				padding-top:2px;
				padding-right:4px;
			}
			.rapportgegevens caption{
				font-size        : 12px;
				font-weight      : bold;
				letter-spacing   : 1px; 
				margin           : 0px;
				color            : #dd7a01;
				text-align       : left;
			}
			#rapport .lopende-tekst{
				margin:2px 10px !important;
			}
			.rapport .lopende-tekst{
				margin:2px 15px !important;
				
			}
			
			#rapport .diagram{
				padding          : 1em;
				padding-top:0px;
			}
			#rapport .diagram h3{
				color            : #db7b03;
				padding        : 1em 0px;
				margin           : 0px;
			}
			#rapport .diagram table{
				margin-bottom:10px;
			}
			#rapport .diagram p{
				padding-top:5px;
				margin           : 0px;
			}
			#rapport .binnentabel .tr ,
			#rapport .tr-nopadding ,
			#rapport .binnentabel .tr-special {
				padding:0px;
			} 
			
			#rapport .overzicht td{
				padding          : 0.3em 0.8em 0.3em 0.3em;
				margin          : 0em;
				width:auto;
				border-bottom:  1px solid #eaebe0;
			}
			#rapport .overzicht .links{
				border-right           : 1px solid #eaebe0;
				text-align:right;
			}
			#rapport .overzicht .laatste{
				border-bottom           : 0px;
			}
			
			
		/*
			#rapport .naar-nieuwe-pagina{
				page-break-after : always;
			}
		*/
			
		/*--(( rapporten ))--*/
		
		
		
		/*--(( citaten ))--*/
			
			.citaat{
				margin:20px 0px;
			}
			.citaat p,
			#broodtekst .lopende-tekst .citaat p{
				margin            : 0px;
				margin-bottom     : 0.6em;
			}
			.citaat blockquote{
				font-style        : italic;
				margin:0px;
				padding:0px;
			}
			.citaat h1,
			#broodtekst .lopende-tekst .citaat h1{
				text-transform    : none;
				margin-bottom     : 0.6em;
			}
			
		/*--(( /citaten ))--*/
		
		
		
		/*--(( advertenties ))--*/
			
			.advertentie{
				border                : 1px solid #ccc;
			}
			.advertentie:hover{
				cursor:pointer;
				border                : 1px solid #444;
			}
			#broodtekst .advertentie{
				margin-bottom         : 1.2em;
				padding               : .6em 2.4em;
			}
			#broodtekst .advertentie h2{
				margin                : 0px;
				text-align            : center;
				font-weight           : normal;
				font-style            : italic;
				color:#db7b03;
			}
			
			.tower-banner{
				width             : 120px;
				height            : 600px;
				line-height       : 0px;
			}
			
		/*--(( /advertenties ))--*/
		
	/*--(( /specifieke onderdelen ))--*/
	
	

	/*--(( vraagsoorten ))--*/
		
		.start-de-test{
			float             : right;
			border-width      : 0px 0px 12px 12px;
			border-style      : solid;
			border-color      : white;
			margin-left       : 5px;
			background-color  : #F9F0E5;
		}
		.start-de-test form{
			margin            : 0px !important /* die important is niet fijn, hoe dat zo? */;
			padding           : 0px;
		}
		.start-de-test a img{
			border            : 1px solid #BF928A;
		}
		
		.eigen{
			font-weight       : bold;
		}
		
		.antwoord_goed{
			color             : green;
		}
		.antwoord_fout{
			color             : red;
		}
		
		
		
		/*--(( verzamelingen ))--*/
			
			#verzameling{
				margin-bottom    : 1em;
				/*border           : 1px solid #EFF3F7;*/
				width            : 100%;
			}
			#verzameling .vraag{
				border           : 1px solid white;
			}
			#verzameling label{
				display          : block;
				padding          : .4em .2em;
			}
			
		/* dynamische effecten
			#verzameling label.aangevinkt{
				background-color : #ffd69d;
			}
			#verzameling label.muisover{
				background-color : #eff3f7;
			}
			html>body #verzameling label.aangevinkt.muisover{
				background-color : #faa332;
			}
		*/
			
		/*--(( /verzamelingen ))--*/
		
		
		/*--(( stellingen ))--*/
			
			#broodtekst table.stellingen{
				width                 : 100%;
				margin-bottom         : 1em;
				/*border                : 1px solid #eff3f7;*/
				color:#464646;
			}
			#broodtekst table.stellingen td{
				/*width                 : 50%;*/
				padding               : 4px;
			}
			#broodtekst table.stellingen td.punt{
				width                 : 20px;
				text-align            : center;
				line-height           : 4px;
				padding               : 4px 0px;
			}
			#broodtekst table.stellingen th{
				text-align            : center;
				font-weight           : bold;
				color                 : #0077DB;
			}
			#broodtekst table.stellingen th.eerste-stelling,
			#broodtekst table.stellingen td.eerste-stelling{
				text-align            : right;
			}
			#broodtekst table.stellingen td.tweede-stelling{}
			
			.stellingen label{
				display          : block;
				padding          : .4em .2em;
			}
			
		/* dynamische effecten
			#broodtekst table.stellingen .muisover{
				background-color : #F7FBFF;
			}
			#broodtekst table.stellingen .muisover2{
				background-color : #E8ECF0;
			}
			#broodtekst table.stellingen .aangevinkt{
				background-color : #ffd69d;
			}
			#broodtekst table.stellingen .aangevinkt2{
				background-color : #E4BB82;
			}
		*/
			
		/*--(( /stellingen ))--*/
		
		
		
		/*--(( trivia ))--*/
			
			/*--(( iq ))--*/
				
				table.iq-test{
					width             : 425px;
					position          : relative;
					top               : -20px;
				
				}
				table.iq-test td{
					text-align        : center;
				}
				
				.iq-test .klokje{
					float             : right;
					]'         : 1.8em;
					color             : #e87a00;
				}
				.iq-test .vragengroep{
					text-align:left;
					margin-top        : 100% !important;
				}
				
				.iq-test .vraag{
					text-align:left;
					margin-bottom     : 200% !important;	
				}
				
			/*--(( iq ))--*/
			.vragengroep .lopende-tekst h2,
			.vragengroep .lopende-tekst p{
				margin-left:10px;/*** centreren ****************************************/

html, body {
	height: 100%;         /* required */
}
body {
	text-align: center;   /* horizontal centering hack for IE */
	background-color: #333;
	margin: 0px 7px;
}
div#distance { 
	margin-bottom: -239px;/* half of content height: 216px + 13px */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#mark-van-huystee-drawing-design {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 31px;         /* required - desired height */
	width: 864px;         /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 432px;        /* required - desired height */
	width: 864px;         /* required - desired width */
	background: blue;     /* cosmetic */
	margin: 0 auto;       /* required */
	clear: left;          /* required */

	background-color   : #fff;
}
div#copyright-mark-van-huystee {
	position: relative;   /* positions content on top of distance */
	text-align: right;    /* horizontal centering hack for IE */
	height: 15px;         /* required - desired height */
	width: 864px;         /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

/*** fonts ********************************************/
body {
	font-family        : Arial;
	font-size          : 11px;
	line-height        : 16px;
}
h1 {
	font-size          : 14px;
	line-height        : 16px;
	font-weight        : bold;
}
h2 {
	font-size          : 11px;
	line-height        : 16px;
	font-weight        : bold;
}
p {
	margin-bottom      : 16px;
}

/*** kolommen *****************************************/
#content #kol-1 {
	position           : absolute;
	top                : 20px;
	left               : 32px;
	width              : 525px;
	height             : 410px;
}
#content #kol-1 #afbeelding {
	position           : absolute;
	top                : 202px;
	left               : 0px;
	height             : 202px;
}

#content #kol-1 #afbeelding h2 {
	position           : absolute;
	bottom             : 4px;
	left               : 0px;
	font-weight        : normal;
	font-style         : italic;
}

#content #kol-2 {
	position           : absolute;
	top                : 20px;
	right              : 31px;
	width              : 276px;
	height             : 410px;
	text-align         : right;
}

#content #kol-2 #naar-huystee-com {
	position           : absolute;
	top                : 3px;
	right              : 0px;
}

#content #kol-2 ul {
	position           : absolute;
	bottom             : 28px;
	right              : 0px;
}

#content #kol-2 ul li a {
	text-decoration    : none;
	color              : #999;
	font-size          : 9px;
	line-height        : 10px;
}
#content #kol-2 ul li a:hover {
	color              : #000;
}
				
			}
			.vraag{
				/*border            : 1px solid #EFF3F7;*/
				margin:0px;
				padding-bottom:7px;
				
			}
			#broodtekst .vraag h2{
				]':16px;
			}
			.vraag .subvraag{
				margin            : 0.4em 0.4em 0.4em 35px;
			}
			.vraag input{
				padding-left:10px;
			}
			.vraag .horizontaal{
				/*margin            : 0.2em 0.4em 0.4em 0.8em;*/
			}
			.vraag .horizontaal input{
				/*margin            : 0.2em 0.4em 0.4em 0.8em;*/
				padding-left:5px;
			}
			
			.nummering{
				color             : #e87a00;
			}
			
			.vraag h2{
				margin:0px 5px !important;
			}
			.vraag h3{
				margin:0px 5px !important;
				]'         : 11px;
			}
			.vraag h2 .nummering,
			.vraag h3 .nummering{
				]'         : 1.6em;
				margin-right      : 3px;
			}
		/* dynamische effecten
			#vragen-trivia .muisover{
				background-color : #F7FBFF;
			}
			#vragen-trivia .muisover2{
				background-color : #E8ECF0;
			}
			#vragen-trivia .aangevinkt{
				background-color : #ffd69d;
			}
			#vragen-trivia .aangevinkt2{
				background-color : #E4BB82;
			}
		*/
			
		/*--(( trivia ))--*/
		
		
		
		/*--(( lickert ))--*/
			
			.vragen{
				width             : 100%;
				color:#464646;
			}
			.vragen td{
				font-size         : 12px;
				padding           : 3px;
				padding-left:5px;
			}
			.vragen th{
				text-align        : center;
				font-weight       : bold;
				color             : #0077DB;
			}
			.vragen .lickertantwoord{
				text-align        : center;
			}
			
		/* dynamische effecten
			#broodtekst .vragen tr.muisover{
				background-color : #F7FBFF;
			}
			#broodtekst .vragen tr.muisover2{
				background-color : #E8ECF0;
			}
			#broodtekst .vragen .aangevinkt{
				background-color : #ffd69d;
			}
			#broodtekst .vragen .aangevinkt2{
				background-color : #E4BB82;
			}
		*/
			
		/*--(( /lickert ))--*/
		
		
		
		/*--(( duimpjes ))--*/
			
		/* dynamische effecten
			#woordgroepen tr td.muisover{
				background-color : #F7FBFF;
			}
			#woordgroepen tr td.aangevinkt{
				background-color : #ffd69d;
			}
		*/
			
			/*--(( opmaak van woordgroepen ))--*/
			  
				#woordgroepen{
					width             : 100%;
					color:#464646;
				}
				#woordgroepen td{
				}
				#woordgroepen td.geen-rand{
					border-width      : 0px;
				}
				
			  /***
				een onvolledig ingevulde groep, dus een groep
				waarbij geen meeste en minste gekozen zijn
			  ***/
				#woordgroepen td.onvolledig{
					background-color  : #cccccc;
				}
				
				#woordgroepen .groep{
					height:100%;
				}
				
				#woordgroepen .groep td{
					padding           : .2em .2em;
					border-width      : 0px;
					height:29px;
					/*white-space       : nowrap;*/
				}
				#woordgroepen .groep td.duimen{
					white-space       : nowrap;
					width:40px;
				}
				
			/*--(( opmaak van woordgroepen ))--*/
			
			
			/*--(( woorden/duimpjes ))--*/
				
				#woordgroepen .meest{
					font-weight       : bold;
					text-decoration   : none;					
					
				}
				#woordgroepen .minst{
					font-weight       : normal;
					text-decoration   : line-through;
				}
				#woordgroepen .niets{
					background-color  : inherit;
					font-weight       : normal;
					text-decoration   : none;
				}
				
			/*--(( /woorden/duimpjes ))--*/
			
		/*--(( /duimpjes ))--*/
		
	/*--(( /vraagsoorten ))--*/

	#einde-test{
		padding:0px 3px;
	}



	/*--(( printversie ))--*/
		
		@media print{
			
		  /***
			kop en linkerkolom verbergen
		  ***/
			#kop,
			.linkerkolom{
				display      : none;
			}
			
		  /***
			breedtes aanpassen zodat de tekst niet van het
			papier af loopt
		  ***/
			#broodtekst,
			#rapport,
			#container{
				width        : auto;
			}
			
		  /***
			voeg een nieuwe pagina in _na_ dit element
		  ***/
			.naar-nieuwe-pagina{
				page-break-after  : always;
			}
			
		  /***
			voeg een nieuwe pagina in _voor_ dit element
		  ***/
			.op-nieuwe-pagina{
				page-break-before : always;
			}
			
		}
		
	/*--(( /printversie ))--*/

#footerlinks, #footerlinks a {
	color : #CCC;
}

.pagina-bottom{
	height:8px;
	background:url(../beeld/pagina_bottom.gif) no-repeat;
}





/*** aanmelden nieuwsbrief formulier ******************************/
#nieuwsbrief label.error {
	color          : red;
	font-style     : italic;
	width          : auto;
	border         : 0;
	display        : block;
	float          : none;
	margin-left    : 120px;
	padding-bottom : 5px;
	padding-top    : 0px;
	
}

#nieuwsbrief input.checkbox { border: none }
/*#dataform input:focus { border: 1px dotted black; }*/
#nieuwsbrief input.error { border: 1px dotted red; background : #f9ac40;}


#tabel-pagina th, #tabel-pagina td {
	border: 1px solid #0182a9;
	border-collapse: collapse;
	text-align: left;
	color:#464646;
}
#tabel-pagina th {
	background-color: #0182a9;
	color:#fff;
}