@charset "ISO-8859-1";
/* CSS Document */
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.pop_titel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

.titel {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.style1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

.vet {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.klein {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.error {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FF0000;
}

.style3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.style2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#C40202;
}

.vragen {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}

.largetitel {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
}

a.menu:link {color:#C40202; text-decoration:none;}      /* unvisited link */
a.menu:visited {color:#C40202; text-decoration:none;}  /* visited link */
a.menu:hover {color:#C40202; text-decoration:none;}  /* mouse over link */
a.menu:active {color:#C40202; text-decoration:none;}  /* selected link */

a.menu2:link {color:#FFFFFF; text-decoration:none;}      /* unvisited link */
a.menu2:visited {color:#FFFFFF; text-decoration:none;}  /* visited link */
a.menu2:hover {color:#FFFFFF; text-decoration:none;}  /* mouse over link */
a.menu2:active {color:#FFFFFF; text-decoration:none;}  /* selected link */

a.red:link {color:#2D2DFF; text-decoration:underline;}      /* unvisited link */
a.red:visited {color:#2D2DFF; text-decoration:underline;}  /* visited link */
a.red:hover {color:#2D2DFF; text-decoration:underline;}  /* mouse over link */
a.red:active {color:#2D2DFF; text-decoration:underline;}  /* selected link */

a.black:link {color:#000000; text-decoration:none; font-size:10px;}      /* unvisited link */
a.black:visited {color:#000000; text-decoration:none; font-size:10px;}  /* visited link */
a.black:hover {color:#000000; text-decoration:none; font-size:10px;}  /* mouse over link */
a.black:active {color:#000000; text-decoration:none; font-size:10px;}  /* selected link */

a.black2:link {color:#000000; text-decoration:none; font-size:12px;}      /* unvisited link */
a.black2:visited {color:#000000; text-decoration:none; font-size:12px;}  /* visited link */
a.black2:hover {color:#000000; text-decoration:none; font-size:12px;}  /* mouse over link */
a.black2:active {color:#000000; text-decoration:none; font-size:12px;}  /* selected link */

a.titellink:link {color:#000000; text-decoration:none; font-size:14px;}      /* unvisited link */
a.titellink:visited {color:#000000; text-decoration:none; font-size:14px;}  /* visited link */
a.titellink:hover {color:#000000; text-decoration:none; font-size:14px;}  /* mouse over link */
a.titellink:active {color:#000000; text-decoration:none; font-size:14px;}  /* selected link */

a.teamlink:link {color:#000000; text-decoration:underline;}      /* unvisited link */
a.teamlink:visited {color:#000000; text-decoration:underline;}  /* visited link */
a.teamlink:hover {color:#FF0000; text-decoration:underline;}  /* mouse over link */
a.teamlink:active {color:#000000; text-decoration:underline;}  /* selected link */

.tabcontent{
display:none;
}

.fieldHolder
{
	height: 27px;
	background: url(Images/tfbg2.gif) no-repeat;
	float: left;
}

a.teamanalyse:link {color:#000000; text-decoration:underline; font-size:12px;}      /* unvisited link */
a.teamanalyse:visited {color:#000000; text-decoration:underline; font-size:12px;}  /* visited link */
a.teamanalyse:hover {color:#000000; text-decoration:underline; font-size:12px;}  /* mouse over link */
a.teamanalyse:active {color:#000000; text-decoration:underline; font-size:12px;}  /* selected link */

#filter
{
	display:none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color:#000000;
	z-index:101;
	opacity:0.7;
	filter: alpha(opacity=70);
}

#popbox 
{
	display: none;
	position: fixed;
	width: 700px;
	height: 850px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color:#CCCCCC;
	z-index:102;
	overflow:auto;
}
#popbox1
{
	display: none;
	position: fixed;
	width: 700px;
	height: 850px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color:#CCCCCC;
	z-index:102;
	overflow:auto;
}
#popbox2
{
	display: none;
	position: fixed;
	width: 700px;
	height: 850px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color:#CCCCCC;
	z-index:102;
	overflow:auto;
}
#popbox3
{
	display: none;
	position: fixed;
	width: 700px;
	height: 850px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color:#CCCCCC;
	z-index:102;
	overflow:auto;
}
#popbox4
{
	display: none;
	position: fixed;
	width: 700px;
	height: 850px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color:#CCCCCC;
	z-index:102;
	overflow:auto;
}
#popbox5
{
	display: none;
	position: fixed;
	width: 700px;
	height: 850px;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color:#CCCCCC;
	z-index:102;
	overflow:auto;
}

/*layout dna cards */
.dnalogo {
	position:relative;
	width:273px;
	height:65px;
	float:right;
}
	.dnalogo img {
		width:100%;
		height:100%;
	}

.dnacard, .mydnacard {
	width:100%;
	float:left;
	position:relative;
}

	.dnarow {
		width:90%;
		position:relative;
		float:left;
	}
		.dnarowminheight { height:15px; }	
		.dnarowheight { height:20px; }
		.dnatitel { 
			font-size:18px; 
			font-weight:bold; 
			text-align:left;
			padding-left:20px;
		}
		
		.dnasubtitel {
			font-size:14px;
			font-weight:bold;
			text-align:left;
			padding-left:20px;
		}
	
	.dnabutton, .mydnabutton {
		width:150px;
		height:40px;
		line-height:40px;
		background:#0776ab;
		float:left;
		text-align:center;
		vertical-align:middle;
		margin-right:5px;
		color:#FFF;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}
		.dnabutton:hover, .dnabutton label:hover, .mydnabutton:hover, .mydnabutton label:hover {
			background:#ccecfb;
			cursor:pointer;
			color:#000;
		}
		
		.dnabutton label, .mydnabutton label {
			vertical-align:middle;
			font-weight:normal;
		}
	
	.dnacardcol1 { 
		position:relative; 
		float:left; 
		width:79%;
		border-bottom-left-radius: 4px;
	}
	
	.dnacardcol2 { 
		position:relative; 
		float:left; 
		width:20%; 
		background:#e3f4fc; 
		height:100%; 
		border-top-right-radius:4px; 
		border-bottom-right-radius:4px;
	}
	
	.dnacardcol2 img {
		width:103px;
		height:125px;
		border-radius:4px;
		margin-top:20px;
	}
	
	.dnadetail {
		width:100%;
		float:left;
		background:#0776ab;
		display:none;
		min-height:260px;
	}
	
	.dnadetailcol {
		width:50%;
		float:left;
	}
	
		.dnarow label {
			width:30%;
			margin-left:20px;
			float:left;
			cursor:auto;
			text-align:left;
			font-weight:bold;
		}
		
		.dnarow span {
			float:left;
			width:65%;
			cursor:auto;
			text-align:left;
		}
	
		.dnadetailcol label {
			width:40%;
			margin-left:20px;
			float:left;
			cursor:auto;
			text-align:left;
			font-weight:bold;
		}
		
		.dnadetailcol span {
			float:left;
			width:52%;
			cursor:auto;
			text-align:left;
		}
	
	.dnaselected { background:#ccecfb; color:#000; display:block; }
	
	#dnavoorbeeld {
		display:none;
		position:absolute;
		width:100%;
		height:25px;
		bottom:20px;
		left:0px;
		font-weight:bold;
		line-height:25px;
		text-align:center;
		vertical-align:middle;
	}
	
	.hiddencard { display:none; }

	.mydnacardcol1 {
		width:95%;
		text-align:center;
		vertical-align:middle;
		min-height:358px;
		height:358px;
		max-height:358px;
		background:#0776ab;
		border-bottom-left-radius:4px;
		float:left;
	}
	
	.mydnacardcol2 {
		border-bottom-right-radius:4px;
		width:5%;
		float:left;
	}
	
	.pdflink {
		background-color:#ccecfb;
		border-top-right-radius:4px;
		border-bottom-right-radius:4px;
		margin-top:2px;
		height:118px;
		width:100%;
		float:left;
		font-size:8px;
		text-align:center;
		vertical-align:middle;
	}
		
		.pdflink:hover {
			cursor:pointer;
			color:#FFF;
			background:#0776ab;
		}
	
	.mydnatitel {
		position:absolute;
		left:0px;
		top:85px;
		width:95%;
		height:114px;
		line-height:40px;
		vertical-align:middle;
		font-size:36px;
		text-align:center;
		font-weight:bold;
		color:#FFF;
	}
	
		.mydnatitel img {
			vertical-align:middle;
			padding-right:20px;
		}
		
		.mydnatitel #dna_logo_tekst {
			display:inline-block;
			height:114px;
			line-height:114px;
			vertical-align:middle;
		}
		
	#dna_niveau {
		border:2px solid #FFF;
		border-radius:25px;
		width:40px;
		height:40px;
		position:absolute;
		right:55px;
		top:10px;
		color:#FFF;
		line-height:40px;
		text-align:center;
		vertical-align:middle;
		font-size:15px;
		font-weight:bold;
		z-index:100;
	}
	
.update { display:none; }
.non_update { display:block; }

#comp_info {
	height:auto; 
	border:1px solid black; 
	border-radius:8px; 
	width:400px; 
	position:relative; 
	margin:auto;
	padding:4px;
}

	#comp_info #comp_update {
		position:absolute;
		right:5px;
		top:5px;
		width:25px;
		height:25px;
	}
	
		#comp_info #comp_update img:hover {
			cursor:pointer;
		}
		
		#comp_info #comp_update img {
			width:25px;
			height:25px;
		}

	#comp_info .row {
		width:360px;
		height:30px;
		line-height:30px;
		vertical-align:middle;
		font-size:14px;
		padding-left:40px;
	}
	
	#comp_info .titel {
		width:390px;
		font-size:18px;
		padding-left:10px;
		font-weight:600;
	}
	
	#comp_info .row input {
		border:1px solid black;
		border-radius:4px;
		padding-left:4px;
		height:24px;
		margin-top:2px;
		font-size:14px;
		width:340px;
	}
	
	#comp_info .row #txtCMW { width:80px; }
	#comp_info .row #txtCStraat { width:230px; }
	#comp_info .row #txtCStraatNr, #comp_info .row #txtCBus { width:40px; margin-left:10px; }
	#comp_info .row #txtCPostcode { width:80px; }
	#comp_info .row #txtCGemeente { width:240px; margin-left:10px; }


#info_blue, #info_yellow, #info_green, #info_red {
	width:250px;
	height:auto;
	position:absolute;
}
	#info_blue { top:280px; left:120px; }
	#info_yellow { top:480px; right:-20px; }
	#info_green { top:480px; left:120px; }
	#info_red { top:280px; right:-20px; }