@charset "utf-8";
/* CSS Document */

* {
	padding: 0;
	margin: 0;
}

body {
	background: #e5e5e5;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#4f4f4f;
}

#container {
	margin: 8px auto 0 auto;
	text-align:left;
	width:987px;
	position:relative;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HTML ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ------------------------------------------------------------------------------------ */


.subtitle {
	font-size:11px;
    font-weight:bold;
}



h2 {
	font-size:11px;
	color:#4f4f4f;
	text-align:center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom:1px dotted #28779b;
}
.h2 {
	font-size:11px;
	color:#4f4f4f;
	text-align:center;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.rechtsgroot h2 {
	font-size:11px;
	color:#4f4f4f;
	text-align:center;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

h3 {
	font-size: 18px;
	color:#368eb6;
	color: #666666;
	font-weight:500;
	margin: 0;
	margin-bottom: 5px;
}


h4 {
                font-size: 22.5px;
	color:#368eb6;
	font-weight:500;
	margin: 0;
	margin-bottom: 33px;
	text-transform:uppercase;
}




	h3 span {
		color:#368eb6;
	}

p {
	font-size: 10px;
	line-height:14px;
	text-align:justify;
}

	.vraag {
		font-size:12px;
		font-weight:500;
		margin-top: 14px;
		margin-bottom:5px;
	}
	
	.antwoorden {
		margin-left:15px;
	}

.ziektestabel {
	font-size: 12px;	
	font-family:Arial, Helvetica, sans-serif;
	color:#0074aa;
	font-weight:bold;
}

	.ziektestabel td {
		line-height:19px;
		vertical-align:middle;
		padding-bottom:3px;
		position:relative;
	}
	

.grafieklijn {
	background:#0074aa;
	color:#FFFFFF;
	height: 19px;
	width:100%;
	overflow-x:hidden;
	line-height: 19px;
	vertical-align:middle;
	float:left;
	margin-right: 3px;
	font-size:10px;
	font-weight:bold;
	padding-left:3px;
	position:relative;
	_position:absolute;
	z-index:1010;
}

.grafieklijnonder {
	position: absolute;
	color:#4f4f4f;
	height:19px;
	line-height: 19px;
	vertical-align:middle;
	margin-right: 3px;
	font-size:10px;
	font-weight:bold;
	padding-left:3px;
	z-index:0;
}

img {
	border:0;
}

input [type="text"] {
	font-size: 12px;
	color:4f4f4f;
	border: 1px solid #CCCCCC;
	padding:3px;	
}


.dropinput {
	font-size: 10px;
	color:4f4f4f;
	border: 1px solid #CCCCCC;
	padding:3px;
	width:187px;
	_width:164px;	
}


.diagnosetextarea {
	font-size: 11px;
	color:4f4f4f;
	border: 1px solid #CCCCCC;
	padding:3px;
	width:187px;
	_width:164px;	
}


select {
	font-size: 12px;
	color:4f4f4f;
	width:250px;
	border: 1px solid #CCCCCC;
	padding:3px;
}

label input [type="radio"] {
	margin-top: -5px;
}

table {
	font-size:12px;
	color:4f4f4f;
}

.checkboxtable td {
	padding-right:5px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* -------------------------------------------------------------------------------------- */

#header {
	height: 184px;
	background:url(/UserFiles/images/layout/header.jpg) no-repeat;
	margin-bottom:10px;
	position:relative;
}

	#header .logo {
		position:absolute;
		width:263px;
		height: 67px;
		left: 33px;
		top: 18px;		
	}
	
		#header .logo a {
			width: 263px;
			height:67px;
			display:block;
		}
		
	#header .home {
		position: absolute;
		width: 411px;
		height: 111px;
		right: 19px;
		top: 44px;
	}
	
		#header .home a {
			width: 411px;
			height: 111px;
			display: block;		
		}
		
	#header .tools {
		position: absolute;
		right: 26px;
		top: 17px;
		height:10px;
		text-transform:uppercase;
	}
	
		#header .tools .links {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#d80034;
			margin-left:14px;
			float:left;
		}
		
			#header .tools .bullet {
				margin-right:14px;
				float:left;
				margin-top:4px;
			}

			#header .tools .links a {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#d80034;
				text-decoration:none;
			}
			
		#header .tools .taalkeuze {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#0074aa;
				margin-left:20px;
				float:left;
                                                                margin-top:2px;
		}
		
			#header .tools .taalkeuze a {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:9px;
				color:#0074aa;
				text-decoration:none;
			}
			
		#header #progress {
			position: absolute;
			left:2px;
			bottom:0px;
			width:979px;
			height:29px;
			background:url(/UserFiles/images/layout/progress.jpg) no-repeat;
		}
		
			#header #progress .start {
				margin-left:9px;
				width:48px;
				margin-top: 8px;
				font-size: 12px;
				font-weight:bold;
				color:#FFFFFF;
				float:left;
				font-family:Arial, Helvetica, sans-serif;
			}
			
				#header #progress .start a {
					font-size: 12px;
					font-weight:bold;
					color:#FFFFFF;
					text-decoration:none;
				}
			
			#header #progress .stappen {
				margin-left:9px;
				width: 83px;
				float:left;
				font-size:10px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#FFFFFF;	
				margin-top:5px;		
				position: relative;
			}

			#header #progress .stappen a {
				width: 83px;
				float:left;
				font-size:10px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#0074aa;	
				margin-top:5px;		
				position: relative;
				text-decoration: none;
			}
			#header #progress .stappen a:visited {
				width: 83px;
				float:left;
				font-size:10px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;
				color:#FFFFFF;	
				margin-top:0px;		
				position: relative;
				text-decoration: none;
			}
			
				#header #progress .active {
					color:#0074aa;
				}			
			
				#header #progress .stappen .compleet {
					position: absolute;
					top: 2px;
					left:0px;
					width: 60px;
					text-align:right;
					font-size:10px;
					font-family:Arial, Helvetica, sans-serif;
					font-weight:bold;					
				}
				
			#header #progress .diagnose {
				margin-left:15px;
				width:48px;
				margin-top: 8px;
				font-size: 12px;
				font-weight:bold;
				color:#FFFFFF;
				float:left;
				font-family:Arial, Helvetica, sans-serif;
			}
			
				#header #progress .diagnose a {
					font-size: 12px;
					font-weight:bold;
					color:#FFFFFF;
					text-decoration:none;
				}				

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ------------------------------------------------------------------------------------ */


#body {
	height: 493px;
}

	#body #bodyleft {
		width: 693px;
		margin-right: 6px;
		float: left;
	}

    	/* HOOFDKADER ------------------ */

		#body #bodyleft .left_groot {
			margin-bottom: 10px;
			background:url(/UserFiles/images/layout/groot_kader.jpg) no-repeat;
			height: 367px;
			height: 490px;
			position:relative;
		}
			
			#body #bodyleft .left_groot .contentkader {
				position:absolute;
				width: 656px;
				height: 335px;
				height: 458px;
				left: 17px;
				top: 17px;
				overflow:auto;
			}
			
				#body #bodyleft .left_groot .contentkader h1 {
					font-size: 24px;
					color:#368eb6;
					font-weight:500;
					margin: 0;
					margin-bottom: 33px;
					text-transform:uppercase;
				}				
				

				.startdetest {
					margin-left: 35px;
					margin-top: 25px;
				}
		
    	/* LOGOKADER ------------------ */		
		
		#body #bodyleft .left_logokader {
			background:url(/UserFiles/images/layout/logo_kader.jpg) no-repeat;
			height: 116px;
			position:relative;
		}
		
			#body #bodyleft .left_logokader .contentlogo {
				position:absolute;
				left: 16px;
				top: 10px;
				width: 656px;
				height:95px;
				overflow:hidden;
			}
			
				#body #bodyleft .left_logokader .contentlogo h2 {
					padding-bottom: 3px;
				}
				
				#body #bodyleft .left_logokader .contentlogo .logocontainer {
					height: 55px;
					width: 656px;
					/*overflow:hidden;*/
				}
				
					#body #bodyleft .left_logokader .contentlogo .logocontainer #logo {
						height: 55px;
						width: 10000px;
						overflow:hidden;
					}
					
						#body #bodyleft .left_logokader .contentlogo .logocontainer #logo .logos {
							float:left;
						}
				
					#body #bodyleft .left_logokader .contentlogo .logocontainer .logobloktekst {
						height:50px;
						margin-right: 10px;
						font-size: 10px;
						color: #4f4f4f;
						float:left;
						max-width:150px;
						_width: 150px;
						border:1px dotted #999999;
						padding:2px;
					}
					
					#body #bodyleft .left_logokader .contentlogo .logocontainer .logoblokfoto {
						height:52px;
						margin-right: 10px;
						float:left;
						max-width:150px;
						_width: 10px;
						padding:2px;
					}					
	
						#body #bodyleft .left_logokader .contentlogo .logocontainer .logobloktekst p {
							font-size: 10px;
							color: #4f4f4f;
							margin: 0;
							text-align:left;
						}

	#body #bodyright {
		float:left;
		width: 288px;
	}
	
    	/* KADER RECHTS BOVEN ------------------ */	
	
		#body #bodyright .rechtsboven {
			margin-bottom: 14px;
			background:url(/UserFiles/images/layout/rechtsboven_kader.jpg) no-repeat;
			height: 177px;
			position:relative;
		}
		
			#body #bodyright .rechtsboven .rechtsboven_content {
				position: absolute;
				left: 21px;
				top:22px;
				width: 244px;
				height: 143px;
				overflow:hidden;
			}
			
				#body #bodyright .rechtsboven .rechtsboven_content p {
					height: 95px;
					overflow-y: auto;
					padding-right:4px;
				}
				
			#body #bodyright .rechtsboven .rechtsboven_content #topquotescontainer {
				height: 95px;
				overflow:hidden;
				position:absolute;
				z-index:1010;
			}
			
				#body #bodyright .rechtsboven .rechtsboven_content #topquotescontainer p {
					height: 95px;
					overflow-y: auto;
					padding-right:4px;
				}


    	/* KADER RECHTS ONDER ------------------ */

		#body #bodyright .rechtsonder {
			 height: 302px;
			 background:url(/UserFiles/images/layout/rechtsonder_kader.jpg) no-repeat;
			 position:relative;
		}
		
			#body #bodyright .rechtsonder .rechtsonder_content {
				position: absolute;
				left: 21px;
				top:22px;
				width: 244px;
				height: 260px;
				overflow-y:auto;
			}
			

    	/* KADER RECHTS (1kader) ------------------ */		
		
		#body #bodyright .rechtsgroot {
			 height: 493px;
			 background:url(/UserFiles/images/layout/kader_rechts_lang.jpg) no-repeat;
			 position:relative;
		}
		
			#body #bodyright .rechtsgroot .rechtsgroot_content {
				position: absolute;
				left: 21px;
				top:22px;
				width: 244px;
				height: 251px;
			}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* -------------------------------------------------------------------------------------- */


#footer {
	margin-top: 10px;
	height: 48px;
	background:url(/UserFiles/images/layout/footer.jpg) no-repeat;	
	position: relative;
}

	#footer .left {
		position:absolute;
		left: 19px;
		top: 12px;
		width: 452px;
		height:24px;
	}
	
	#footer .right {
		position: absolute;
		right: 18px;
		top: 12px;
		width:452px;
		height: 24px;
		font-family:Arial, Helvetica, sans-serif;
		line-height:24px;
		vertical-align:middle;
		font-size:10px;
		color: #474747;
		text-align:right;
	}
	
		#footer .right a {
			color: #474747;
			text-decoration:none;
		}



/*   DIAGNOSE PAGINA    */

		#body #bodyleft .left_grootdiagnose {
			margin-bottom: 10px;
			background:url(/UserFiles/images/layout/groot_kader.jpg) no-repeat;
			height: 367px;
			height:490px;
			position:relative;
		}

			#body #bodyleft .left_grootdiagnose .contentkaderdiagnose {
				position:absolute;
				width: 656px;
				height: 335px;
				height: 458px;
				left: 14px;
				top: 10px;
			}
			
				#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .diagnosevrouw {
					float:left;
					width: 167px;
					height:345px;
				}
				
				#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .diagnoseveld {
					float:left;
					width: 487px;
					height:345px;
					height:397px;
					background:#FFFFFF;
				}
				
					#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .diagnoseveld .content {
						float:left;
						width: 480px;
						height:300px;
						height: 262px;
						height: 385px;
						margin-left:0px;
						margin-top:6px;
						background:#FFFFFF;
						overflow:auto;
					}
					
						#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .diagnoseveld .content h1 {
							font-size: 18px;
							color:#368eb6;
							color: #666666;
							font-weight:500;
							margin: 0;
							margin-bottom: 5px;
						}
						
							#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .diagnoseveld .content .diagnoseblok {
								margin-top:10px;
								float:left;
							}
						
							.diagnose_temp {
								width: 52px;
								height: 80px;
								float:left;
								margin-right: 10px;
							}
							
							.diagnose_tekst {
								width: 280px;
								float:left;
							}
							
								.diagnose_tekst .titel {
									font-size:12px;
									color: 55bbea;
								}							
							
							.diagnose_remedie {
								width: 90px;
								_width: 100px;
								margin-left:10px;
								float:left;
								padding-left:5px;
								padding-right:5px;
								border:1px solid #CCCCCC;
								font-size:10px;
								margin-top:18px;
								_margin-top:22px;
							}
							
								.diagnose_remedie a {
									color:#006699;
									text-decoration:none;
									display:block;
								}
								
									.diagnose_remedie a:hover {
										text-decoration:underline;
									}								
							
								.diagnose_remedie h4 {
									font-size:11px;
									margin-bottom:4px;
									font-weight:bold;
									text-align:center;
								}
								
				#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .diagnoseveld .emailblok {

					width:479px;
					height:40px;
					float:left;
					margin-top:14px;
					text-align:center;
					margin-left:-10px;
				}
				
					#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .diagnoseveld .emailblok .mailkader {
						width: 260px;
						_width: 330px;
						/*margin:2px auto 0 auto;*/
						margin:3px  5px  0 11px;
						/*border:1px solid #cccccc;*/
						text-align:left;
						padding:4px 10px 4px 60px;
						background:url(/UserFiles/images/layout/mail.jpg) 4px 3px no-repeat;
						font-size:10px;
						color:#4f4f4f;
						float:left;
					}
				
					#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .diagnoseveld .emailblok .mailkader input {
						font-size:10px;
						color:#4f4f4f;
						padding:2px;
						_margin-left:-10px;
					}

					/*.diagnosemail {
						width:187px;
						_width:164px;						
						border:1px solid #999999;
						height:19px;
						margin-top:4px;
						_margin-right:10px;
					}
					
					.diagnosemailknop {
						border: 0;
						background:#cde3ed;
						border:1px solid #87b9cf;
						height:19px;
		padding:0 5px 0 5px;						
					}*/
					
				#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .stuurveld {
					float:left;
					width: 487px;
					height:345px;
					height:65px;
					background:#FFFFFF;
					margin-top:6px;
					overflow:hidden;
					margin-left:167px;
					_margin-left:0;
				}					
					
				#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .stuurveld .emailblok {
					width:479px;
					height:40px;
					_float:left;
					text-align:center;
					margin-left:-10px;
					margin-top: 7px;
				}
				
					#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .stuurveld .emailblok .mailkader {
						width: 260px;
						_width: 300px;
						height: 50px;
						/*margin:2px auto 0 auto;*/
						margin:0px  5px  0 11px;
						/*border:1px solid #cccccc;*/
						text-align:left;
						padding:20px 10px 4px 60px;
						background:url(/UserFiles/images/layout/mail.jpg) 4px 3px no-repeat;
						font-size:10px;
						color:#4f4f4f;
						float:left;
						cursor: pointer;
					}
				
					#body #bodyleft .left_grootdiagnose .contentkaderdiagnose .stuurveld .emailblok .mailkader input {
						font-size:10px;
						color:#4f4f4f;
						padding:2px;
						_margin-left:-10px;
					}

					.diagnosemail {
						width:187px;
						_width:164px;						
						border:1px solid #999999;
						height:19px;
						margin-top:4px;
						_margin-right:-10px;
						_margin-left:15px;
						_position:relative;
						left:10px;
					}
					
					.diagnosemailknop {
						border: 0;
						background:#cde3ed;
						border:1px solid #87b9cf;
						height:19px;
		padding:0 5px 0 5px;		
					}
					
					.checkboxmail {
						_position:relative;
						left:7px;
						_margin-right:5px;
					}
					
					
					
		.mailabsolute {
						position: absolute;
						z-index:2020;
						width: 482px;
						height: 386px;
						background: #FFFFFF;
						top:210px;
						left:182px;
						display:none;
		}
		
		.sluit {
			z-index:3030;
			position: absolute;
			right:15px;
			top: 7px;
			cursor:pointer;
		}
				
				.mailabsolute .mailkader2 {
						width: 400px;
						_width: 400px;
						height: 50px;
						/*margin:2px auto 0 auto;*/
						margin:0px  5px  0 11px;
						/*border:1px solid #cccccc;*/
						text-align:left;
						padding:20px 10px 4px 60px;
						font-size:10px;
						color:#4f4f4f;
						float:left;
					}
				
					.mailabsolute .mailkader2 input {
						font-size:10px;
						color:#4f4f4f;
						padding:2px;
						_margin-left:-10px;
					}			
					
					
					
		
		.opdehoogte {
			_margin-left:7px;
		}
					
		.opnieuwtest {
			float:left;
			margin-left:15px;
			margin-top:5px;
		}			
					
	.curearea {
		width:244px;
		font-size:12px;
		height:70px;
		color:#4f4f4f;
		border:1px solid #999999;
	}
	
	.curetext {
		width:244px;
		font-size:12px;
		color:#4f4f4f;	
		border:1px solid #999999;
	}
	
	.cureknop {
		border: 0;
		background:#cde3ed;
		border:1px solid #87b9cf;
		height:19px;
		margin-top:5px;
		color:#4f4f4f;
		font-size:10px;
		padding:0 5px 0 5px;
	}



	.bookmark {
		float:left;
                                margin-left:5px;
                                margin-top:-5px;
	}


	.topmenu {
		float:left;
        /*margin-top:2px;*/
		margin-top:-4px;
		_margin-top:-3px;
	}


                .toplink {
	                font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#d80034;
		text-decoration:none;
	}

                .risicoOmschr {
	                font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#6b6b6b;
		text-decoration:none;
                                font-weight:normal;
                                line-height:18px;
								margin-top:5px;

	}
	
	
               .mailtbl{
	font-family:Arial, Helvetica, sans-serif;
	color:#4f4f4f;
	font-size: 10px;
	line-height:14px;
	text-align:justify;
               }

	
/* ---------------- Progress bar ---------------- */

.pg_start {
	position: absolute;
	left:0px;
	top:-25px;
	width: 126px;
	height:66px;
	background:url(/UserFiles/images/layout/start_pg.jpg) no-repeat;
}

.pg_balk {
	position: absolute;
	top:6px;
	left:132px;
	width: 717px;
	height:20px;
	background:url(/UserFiles/images/layout/pg_bar_back.jpg) no-repeat;
	overflow:hidden;
}

	.pg_balk .progressitem {
		margin-top:4px;
		margin-left:2px;
		width: 80px;
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		float:left;
		/*border-right: 1px solid #ffffff;*/
		text-align:left;
	}

	.pg_balk .progressitemsmall {
		margin-top:4px;
		margin-left:2px;
		width: 50px;
		font-size: 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		float:left;
		/*border-right: 1px solid #ffffff;*/
		text-align:left;
	}



	.pg_balk .balk_compleet {
		position:absolute;
		width: 0px;
		height: 18px;
		top:1px;
		left:1px;
		background:url(/UserFiles/images/layout/pg_bar_com_back.jpg);
		overflow:hidden;
	}
	
		.pg_balk .balk_compleet .progressitem2 {
			margin-top:3px;
			margin-left:2px;
			width: 80px;
			font-size: 10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			float:left;
			/*border-right: 1px solid #000000;*/
			text-align:left;
		}

		.pg_balk .balk_compleet .progressitemSmall2 {
			margin-top:3px;
			margin-left:2px;
			width: 50px;
			font-size: 10px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#000000;
			float:left;
			/*border-right: 1px solid #000000;*/
			text-align:left;
		}
.pg_diagnose {
	position: absolute;
	right: -1px;
	top:-6px;
	width: 124px;
	height:47px;
	background:url(/UserFiles/images/layout/diagnose_pg.jpg) no-repeat;	
}



/* -------- tab -------- */

#navcontainer {
	display:block;
	width:244px;
	margin-left:3px;
}

ul#navlist {
        margin: 0;
        padding: 0;
        list-style-type: none;
        white-space: nowrap;
		width:244px;
		display:block;
}

ul#navlist li {
        float: left;
        font-family: verdana, arial, sans-serif;
        font-size: 9px;
        font-weight: bold;
        margin: 0;
        padding: 5px 0 4px 0;
        background-color: #eef4f1;
		background:#c5d1d6;
        border-top: 1px solid #e0ede9;
        border-bottom: 1px solid #e0ede9;
				border-bottom: 1px solid #1e3c62;
}

#navlist a, #navlist a:link {
        margin: 0;
        padding: 5px 6px 4px 6px;
        padding: 5px 5px 4px 5px;		
        color: #4f4f4f;
        border-right: 1px dashed #d1e3db;
        text-decoration: none;
}

ul#navlist li#active {
        color: #95bbae;
		color:#4f4f4f;
        background-color: #deebe5;
		background:#a1acbb;
}
ul#navlist li#active_fr {
        color: #95bbae;
		color:#4f4f4f;
        background-color: #deebe5;
		background:#a1acbb;
}
ul#navlist li#active_bos {
        color: #95bbae;
		color:#4f4f4f;
        background-color: #deebe5;
		background:#a1acbb;
}
ul#navlist li#active_col {
        color: #95bbae;
		color:#4f4f4f;
        background-color: #deebe5;
		background:#a1acbb;
}
ul#navlist li#active_ins {
        color: #95bbae;
		color:#4f4f4f;
        background-color: #deebe5;
		background:#a1acbb;
}
ul#navlist li#active_out{
        color: #95bbae;
		color:#4f4f4f;
        background-color: #deebe5;
		background:#a1acbb;
}

#navlist a:hover {
        color: #74a893;
        background-color: #d1e3db;
		background:#acb6bb;
		color:#FFFFFF;
}




/* ---------- Login scherm ---------- */

#layertrans_kaderLog {
	position:absolute;
	width:450px;
	height:175px;
	background:#FFFFFF;
	margin-left: 50%;
	margin-top:50%;
	top:-280px;
	left:-230px;
	display:block;	
	border:1px solid #0173a9;
	z-index:3030;
	display: none;	
	overflow-y:auto;
}

	#layertrans_kaderLog .titel {
		margin-left: 25px;
		margin-top:15px;
		font-size: 14px;
		color:#666666;
		font-weight:bold;
		padding-bottom:7px;
		border-bottom:1px dotted #666666;
		margin-right:15px;
	}
	
	#layertrans_kaderLog .logo {
		position:absolute;
		right: 10px;
		top: 50px;
		width:110px;
		height: 41px;
		/*background:url(/UserFiles/images/lodestar.jpg);*/
	/*background-color: #000000;*/
	opacity: 0.20;
	filter: alpha(opacity=20);
	-moz-opacity: 0.20;		
	}
	
.logintable {
	position:relative;
	z-index: 2020;
	border:0;
}	

	.logintable td {
		border:0;
		padding-top:1px;
	}	
	
	
	
#i_login {
	position: relative;
	top:15px;
	width:250px;
	_left:-130px;
}

#i_paswoord {
	position: relative;
	top:25px;
	left:-7px;
	_left:-140px;
	width:200px;
}

#layertrans_kaderLog input[type="button"] {
	position: relative;
	top:25px;
	left:5px;
	width:35px;
}

.inlog_login {
	font-size:12px;
	color:#4f4f4f;
	position:relative;
	top:10px;
	left:-108px;
}

.inlog_pwd {
	font-size:12px;
	color:#4f4f4f;
	position:relative;
	top:25px;
	left:-97px;	
}

/* POPUP LOGO'S */

.popupkaderlogo {
	background:#FFFFFF;
	border: 1px solid #000066;
	/*filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
	color:#000000;
	font-size:10px;
	padding:15px;
	width:250px;
	text-align:left;
}