/* CHIARADIA WEBSITE */

a:link 			{COLOR: #333; TEXT-DECORATION: none;}
a:active			{COLOR: #333; TEXT-DECORATION: none;}
a:visited 	{COLOR: #333; TEXT-DECORATION: none;}
a:hover 		{COLOR: #666; TEXT-DECORATION: none;}

p a:link, p a:active, p a:visited, p a:hover {text-decoration: underline;}
tx-expovacancy-pi3 a:link, tx-expovacancy-pi3 a:active, tx-expovacancy-pi3 a:visited, tx-expovacancy-pi3 a:hover {text-decoration: underline;}

/* Main Positioning and Style */
#chiaradia {
	margin: 0px;
	color: #bbb;
	background-color: #000;
}#center {
	display: block;
	left: 0px;
	visibility: visible;
	overflow: visible;
	width: 100%;
	color: white;
	position: absolute;
	top: 50%;
	height: 0px;
	text-align: center
}#main {
	/* background-color: #111; */
	   background: url("../images/backcolor.png") repeat left top;
	color: #999;
	left: 50%;
	visibility: visible;
	margin-left: -380px;
	width: 760px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 10px;
	position: absolute;
	top: -230px;
	height: 460px;
}
ul {_margin-top: 0px; _margin-bottom: 10px;
		*margin-top: 0px; *margin-bottom: 10px;}
li {color: #000;}
/*  */
#header {
	/* background: url("../images/backcolor.png") repeat left top; */
	position: relative;
	height: 118px;
}

		#menu1 {
			text-align: left;
			left: 114px;
			background-color: #a2abb2;
			height: 100%;
			position: relative;
			color: #fff;
			float: left;
			width: 182px;	}
				#menuspacer {
					/*apart ivm toppositie spacer, nog definieren*/
					/*position: absolute;
					height: 6px;*/
					}
		#headerlogo {
			background: url("../images/logo.png") no-repeat left top;
			left: 114px;
			height: 100%;
			position: relative;
			width: 464px;
			float: left;	}

#middle {
	position: relative;
	height: 228px;
	width: 100%;
	background-color: #ced4d9;
}

		#leftimage {
			background: url("../images/backleft_trans.png") no-repeat left top;
			height: 100%;
			width: 296px;
			background-color: #fff;
			float: left;		}
		#leftcontentdiv {
			/* border: 1px solid yellow;*/
			background: url("../images/backleft_trans.png") no-repeat left top;
			overflow: hidden;
			float: left;
			width: 296px;
			height: 228px;
			padding: 0px 0px;
			}#leftcontent {
			background-color: #fff;
			/* padding-left: 0px;
			margin-left: 0px; */
			float: left;
			}

		#maincontent {
			/* wellicht nog verder stylen, breedtes e.d. en scrolling enz. eventuele top afstand maken padding*/
			/* padding-top: 10px;*/
			width: 353px;
			height: 228px;
			float: left;
			text-align: left;		}
					#contentdiv {/*background-color:blue;*/
						height: 228px;
						overflow: hidden; }
					#innercontentdiv {/*background-color:pink;*/
						padding-left: 10px;
						padding-top: 0px; margin-top: 0px;
						padding-right: 10px;
						/*border: 1px solid black;*/}
						#innercontentdiv_scrollbutton {/*background-color:pink;*/
						padding-left: 10px;
						padding-top: 0px; margin-top: 0px;
						padding-right: 25px;
						/* border: 1px solid black; */}
					#CONTENT {/*background-color:yellow;*/
						padding-top: 0px;/* padding-bottom: 10px; */
						}
							#CONTENT h4 {/* */}
							/*#CONTENT .csc-header {background-color: #AAA; margin-bottom: 0px; padding-bottom: 0px;}
							#CONTENT .csc-header h1{background-color: #666;padding-top: 6px;margin-top: 0px;padding-bottom:0px; margin-bottom: 0px; line-height: 17px;}*/
							#CONTENT h1 {padding-top: 6px;margin-top: 0px;padding-bottom:0px; margin-bottom: 10px; line-height: 17px;}
							#CONTENT p {line-height: 13px;margin-bottom: 10px; text-indent: 0px;}
							/*#CONTENT p:first-line {color: red;}*/

		#rightimage {
			background: url("../images/backright_trans.png") no-repeat left top;
			height: 100%;
			width: 111px;
			float: right;
			background-color: #838e96;		}

				#rightcontentdiv {
					background: url("../images/backright_trans.png") no-repeat left top;
					height: 100%;
					width: 111px;
					float: right;
					background-color: #838e96;		}

				#pf-menu {
					padding-top: 15px;

				}
				#pf-iconrow {
					padding-bottom: 5px;
				}
				.pf-no {
					border: 1px solid lime;
					padding-right: 2px;}
				.pf-act {
					border: 1px solid white;
					padding-right: 2px;
					height: 13px;
					width: 13px;
					background: url("../images/backright_trans.png") no-repeat left top;
					}
				.pf-tekstniettonen {
					 display: none; 
				}
				#pf-menu A img {
					border: 0px;
					width: 13px;
					height: 13px;
					padding: 3px;
					}
				.pf-text {
					color: white;
					/* text-align: left; */
					align: left;
					display: block;
					margin-left: 10px;
					margin-right: 10px;
					margin-bottom: 10px;
					/* font-weight: bold; */
					/* text-transform: uppercase; */
					font-size: 9px;
				}
			#menu4,
			 .tx-expovacancy-pi3 {
					background: url("../images/backright_trans.png") no-repeat left top;
					width: 111px;
					float: right;
					background-color: #838e96;
				}
				#menu4 {height: 100%;}
				.tx-expovacancy-pi3 {  margin-top: 10px; }

#footergreen {
	float: left;
	position: relative;
	width: 100%;
	height: 22px;
	background-color: #00cc00;
	color: #fff;
}

		#menu2 {
			float: left;
			position: relative;
			height: 100%;
			width: 353px;
			left: 296px;		}

#bottom {
	position: relative;
	width: 100%;
	/* height: 92px;*/
}
		#menu3 {
			text-align: left;
			margin-top: 3px;
			left: 114px;
			height: 100%;
			position: relative;
			color: #fff;
			float: left;
			width: 182px;	}
		#address_text_below {
			padding-left: 10px;
			text-align: left;
			color: #e3e3e3;
			left: 114px;
			top: 30px;
			height: 100%;
			position: relative;
			width: 464px;
			float: left;
			}

/* Specific Elements */

#inconelForm {
_margin-top: -2px;
color: #000;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 11px;
}
	.formrow {
		/* regels */
		display: block;
	}
	.forminput_description {
		width: 75px;
		float: left;
	}
	.forminput_description_apply {
		width: 90px;
		float: left;
	}

	.forminput_field {
		margin-right: 20px;
		margin-left: 10px;
	}

	.forminput_field_aangepastvoorie6 { /* ivm breedte van de 'current function' text */
		margin-right: 20px;
		margin-left: 10px;
		_margin-left: 5px; /* ie6 */
	}


	.formtinput_text {
		border: 1px solid grey;
	}

	.formtextarea_field_apply {
		padding-left: 10px;
	}

	.commentrow {
		margin-top: 10px;
		padding-right: 30px;
	}

	.checkbox_field {
		float: left;
		/* padding-bottom: 0px;*/
		padding: 0px 0px;
		margin-left: 0px;

	}
	.checkbox_description {
	/* border: 1px solid red;
	*border: 1px solid blue;
	_border: 1px solid yellow; */
		display: block;
		padding-left: 20px;
		padding-right: 25px;
		padding-top: 4px;
		padding-bottom: 4px;
		width: 250px;
	}
	.formcheckbox {
		align: left;
		padding: 0px 0px;
		margin-left: 0px;
		margin-top: 4px;
		clear: both;}

	#scrollbuttons_position {
	 	position: absolute;
		left: 630px;
		top: 200px;
		z-index: 999;
	}


/* MENU 1 */
.menu1item-no {
	font-size: 12px;
	padding-left: 11px;
	padding-top: 1px;
	padding-bottom: 2px;
	position: relative;
	margin: 5px 5px;
	border: 2px solid #fff;
	display: block; }
.menu1item-act {
	font-size: 12px;
	font-weight: bold;
	padding-left: 11px;
	padding-top: 1px;
	padding-bottom: 2px;
	position: relative;
	margin: 5px 5px;
	border: 2px solid #fff;
	display: block;
	background-color: #d1d5d9;
	color: #000; }

/*  MENU  2 */
.menu2item-no {
	display: inline-block;
	padding-top: 4px;
	width: 163px;
	float: left; /*moet eigenlijk left zijn voor firefox */
}
.menu2item-act {
	display: inline-block;
	padding-top: 4px;
	/* OM ZE NAAST ELKAAR TE KRIJGEN
	left: 176px; */
	font-weight: bold;
	width: 163px;
	float: left;
	z-index: 1;
}
.driehoekje1 {
	height: 7px; width: 12px;
	display: block;
	background: url("../images/greenarrow.gif") no-repeat left top;
	position: absolute;
	/*background-color: #00cc00; */
	left: 85px;
	top: -7px;
}
.driehoekje2 {
	height: 7px; width: 12px;
	display: block;
	background: url("../images/greenarrow.gif") no-repeat left top;
	position: absolute;
	/* background-color: #00cc00;*/
	left: 260px;
	top: -7px;
}
.driehoekjeAAN {
	height: 7px; width: 12px;
	display: inline-block;
	background: url("../images/greenarrow.gif") no-repeat left top;
	position: relative;
	left: 85px;
	top: -7px;
	*top: -7px;
	_top: -7px;
	float: left;
}
.driehoekjeUIT {
	height: 7px; width: 12px;
	display: inline-block;
	/*background: url("../images/greenarrow.gif") no-repeat left top;*/
	position: relative;
	left: 85px;*/
	top: -7px;
	*top: -7px;
	_top: -7px;
	float: left;
}

/* MENU 3 */
.menu3item-no {
	font-size: 12px;
	padding-left: 11px;
	padding-top: 1px;
	padding-bottom: 2px;
	position: relative;
	margin: 6px 5px;
	border: 2px solid #00cc00;
	display: block; }
.menu3item-act {
	font-size: 12px;
	font-weight: bold;
	padding-left: 11px;
	padding-top: 0px;
	padding-bottom: 2px;
	position: relative;
	margin: 6px 5px;
	border: 2px solid #00cc00;
	display: block;
	background-color: #fff;
	color: #000; }


/* MENU 4 */
.menu4item-no {
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
	display: block; }
.menu4subitem-no {
	color: #000;
	display: block;
	margin-top: 6px;}
			.menu4spacer {
				display: block;
				height: 25px;
			}
.menu4item-act {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	display: block;	}
.menu4subitem-act {
	font-weight: bold;
	color: #fff;
	display: block;
	margin-top: 6px; }

	/* MENU 5 */


/* Copyright Link */
#copyrightfooter {
	display: none;
	font-size: 11px;
	left: 0px;
	visibility: visible;
	width: 100%;
	bottom: 0px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	position: absolute;
	height: 20px;
	text-align: center
}

.menu1item-no a,
.menu1item-no a:link,
.menu1item-no a:active,
.menu1item-no a:visited,
.menu1item-no a:hover 		{COLOR: #fff; font-weight: normal;}

	.menu1item-act a,
	.menu1item-act a:link,
	.menu1item-act a:active,
	.menu1item-act a:visited,
	.menu1item-act a:hover		{color: #000;}

.menu2item-no a,
.menu2item-no a:link,
.menu2item-no a:active,
.menu2item-no a:visited,
.menu2item-no a:hover 		{color: #fff; font-weight: normal;}

	.menu2item-act a,
	.menu2item-act a:link,
	.menu2item-act a:active,
	.menu2item-act a:visited,
	.menu2item-act a:hover 		{color: #fff; font-weight: bold;}

.menu3item-no a,
.menu3item-no a:link,
.menu3item-no a:active,
.menu3item-no a:visited,
.menu3item-no a:hover 		{color: #00cc00; font-weight: normal;}

	.menu3item-act a,
	.menu3item-act a:link,
	.menu3item-act a:active,
	.menu3item-act a:visited,
	.menu3item-act a:hover 		{color: #000;font-weight: bold;}


/*
	#pf-menu_regel1 #REF-ICON a img,
	#pf-menu_regel1 #REF-ICON a:link img,
	#pf-menu_regel1 #REF-ICON a:active img,
	#pf-menu_regel1 #REF-ICON a:visited img,
	#pf-menu_regel1 #REF-ICON a:hover img {z-index: 100; border: 0px; visibility: hidden; width: 8px; height: 8px; }

	#pf-menu_regel1 #REF-ICON a,
	#pf-menu_regel1 #REF-ICON a:active,
	#pf-menu_regel1 #REF-ICON a:link,
	#pf-menu_regel1 #REF-ICON a:visited {background-color: lime; z-index: 10; margin-left: 2px;margin-right: 3px; margin}
	#pf-menu_regel1 #REF-ICON a:hover {background-color: yellow; z-index: 10; }

	#pf-menu_regel1 #REF-ICON-ACT a img,
	#pf-menu_regel1 #REF-ICON-ACT a:link img,
	#pf-menu_regel1 #REF-ICON-ACT a:active img,
	#pf-menu_regel1 #REF-ICON-ACT a:visited img,
	#pf-menu_regel1 #REF-ICON-ACT a:hover img {z-index: 100; border: 0px; visibility: hidden; width: 8px; height: 8px; }

	#pf-menu_regel1 #REF-ICON-ACT a,
	#pf-menu_regel1 #REF-ICON-ACT a:active,
	#pf-menu_regel1 #REF-ICON-ACT a:link,
	#pf-menu_regel1 #REF-ICON-ACT a:visited {background-color: white; z-index: 10; margin-left: 2px;margin-right: 3px; margin}
	#pf-menu_regel1 #REF-ICON-ACT a:hover {background-color: yellow; z-index: 10; }
*/

#pf-menu_regel1, #pf-menu_regel2, #pf-menu_regel3, #pf-menu_regel4, #pf-menu_regel5 {padding-bottom:4px;}
#REF-ICON a img,
#REF-ICON a:link img,
#REF-ICON a:active img,
#REF-ICON a:visited img,
#REF-ICON a:hover img {z-index: 100; border: 0px; visibility: hidden; width: 7px; height: 7px; }
#REF-ICON a,
#REF-ICON a:active,
#REF-ICON a:link,
#REF-ICON a:visited {background-color: lime; z-index: 10; margin: 3px 3px; /* 3px 3px; */}
#REF-ICON a:hover {background-color: yellow; z-index: 10; }
#REF-ICON-ACT a img,
#REF-ICON-ACT a:link img,
#REF-ICON-ACT a:active img,
#REF-ICON-ACT a:visited img,
#REF-ICON-ACT a:hover img {z-index: 100; border: 0px; visibility: hidden; width: 7px; height: 7px; }
#REF-ICON-ACT a,
#REF-ICON-ACT a:active,
#REF-ICON-ACT a:link,
#REF-ICON-ACT a:visited {background-color: white; z-index: 10; margin: 3px 3px; /* 3px 3px; */}
#REF-ICON-ACT a:hover {background-color: white; z-index: 10; }