.displaynone{
	display: none;
}
.clear{
	display: block;
	clear: both;
}
body{
	text-align: center;
	margin: 0;
	padding: 0;
}
#wrapper{
	margin: 0;
	padding: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 995px;
}
#top{
	height: 100px;
	background-image: url( ../img/shadow_top.jpg );
	background-repeat: no-repeat;
	background-position: bottom;
}
#middle{
}
#bottom{
	margin-top: 20px;
	height: 50px;
	background-image: url( ../img/shadow_bottom.jpg );
	background-repeat: no-repeat;
}
#logo{
	width: 200px;
	height: 200px;
	z-index: 2;
	position: absolute;
	top: 5px;
}
#windows{
	width: 170px;
	z-index: 1;
	position: absolute;
	top: 20px;
	margin-left: 790px;
}
	#windows div.window{
		width: 170px;
		margin-bottom: 10px;
	}
	#windows div.window div.window_top{
		height: 30px;
		background-image: url( ../img/hqp_window_top.jpg );
	}
	#windows div.window div.window_top div.title{
		margin-left: 10px;
		font-weight: bold;
		font-style: italic;
		font-size: 15px;
		line-height: 30px;
		color: white;
		letter-spacing: 0.1px;
	}
	#windows div.window div.window_middle{
		background-image: url( ../img/window_middle.jpg );
	}
	#windows div.window div.window_middle div.content{
		margin-left: 10px;
		margin-right: 10px;
		padding-top: 5px;
	}
	#windows div.window div.window_bottom{
		font-size: 5px;
		height: 10px;
		background-image: url( ../img/window_bottom.jpg );
		background-repeat: no-repeat;
	}
		#windows div.formholder{
			display: block;	
		}
		#windows div.formholder div.row{
			margin-bottom: 5px;
		}
		#windows div.formholder div.row label{
			color: #00793B;
		}
        #windows div.formholder div.row label.error{
        	color: red;
        }
		#windows div.formholder div.row input.text{
			width: 145px;
			border: 1px solid #ccc;
		}
		#windows div.formholder div.row select{
			width: 150px;
			border: 1px solid #ccc;
			color: #666;
		}
		#windows div.formholder div.submit{
			text-align: right;
		}
		#windows div.formholder div.submit a{
			color: #00793B;
		}
		#windows div.formholder div.submit a:hover{
			color: #09F;
		}
        #windows div.title{
            color: #00793B;
        }
        #windows div.body{
        	font-size: 11px;
        }

#topwhite{
	height: 70px;
}
#topmenu{
	width: 540px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
}	
	#topmenu div.menuitem{
		text-align: center;
		float: left;
		width: 100px;
		height: 30px;
	}
	#topmenu div.menuitem a{
		font-weight: bold;
		letter-spacing: 0.1px;
		display: block;
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		font-style: italic;
		color: white;
		background-image: url( ../img/topmenuback.jpg );	
	}
	#topmenu div.rollover a{
		background-image: url( ../img/topmenuback_over.jpg );
		text-decoration: none;
	}
	#topmenu div.selected a{
		background-image: url( ../img/hqp_topmenuback_selected.jpg );
	}
	#topmenu div.separator{
		float: left;
		width: 10px;
	}
#submenu{
	width: 600px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	#submenu table{
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
	}
	#submenu td.menuitem{
		text-align: center;
	}
	#submenu td.separator{
		width: 10px;
	}
	#submenu td.menuitem a{
		color: #00793B;
	}
	#submenu td.menuitem a:hover{
		color: #09F;
	}
	#submenu td.selected a{
		color: #09f;
	}
#bottommenu{
	width: 600px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
	#bottommenu table{
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	#bottommenu td.menuitem{
		text-align: center;
		float: left;
	}
	#bottommenu td.separator{
		float: left;
		width: 15px;
		color: #999;
	}
	#bottommenu td.menuitem a{
		color: #666;
		font-weight: normal;
	}
	#bottommenu td.menuitem a:hover{
		color: #0099FF;
	}
	#bottommenu td.selected a{
		color: red;
	}
#main{
	margin-left: 230px;
	margin-right: 225px;
}
	#main div.columns_top_spacer{
		height: 10px;
	}
	#main div.columns1 div.column{
		width: 540px;
	}
	#main div.columns1 div.column div.column_top{
		font-size: 5px;
		height: 10px;
		background-image: url( ../img/column1back_top.jpg ) ;
	}
	#main div.columns1 div.column div.column_middle{
		background-image: url( ../img/column1back_middle.jpg ) ;
	}
	#main div.columns1 div.column div.column_bottom{
		font-size: 5px;
		height: 10px;
		background-image: url( ../img/column1back_bottom.jpg ) ;
	}
	#main div.pageitem{
		/* padding-bottom: 10px; */
	}
	#main div.columns2 div.column{
		float: left;
		width: 265px;
	}
	
		#main div.columns2 div.column div.column_topborder{
			position: absolute;
			z-index: 5;
		}
		#main div.columns2 div.column div.column_top{
			height: 140px;
		}
			#main div.columns2 div.column div.column_top div.title{
				padding-top: 120px;
				padding-left: 10px;
				color: white;
				font-size: 15px;
				font-weight: bold;
				font-style: italic;
				letter-spacing: 0.1px;
			}
		#main div.columns2 div.column div.column_middle{
			background-image: url( ../img/column2back_middle.jpg );
		}
			div.column div.column_middle div.column_content{
				padding-top: 5px;
				margin-left: 15px;
				margin-right: 15px;
			}
			div.column div.column_middle div.column_content div.title{
				color: #00793B;
				font-size: 15px;
				font-weight: bold;
				font-style: italic;
				letter-spacing: 0.1px;
			}
			div.column div.column_middle div.column_content div.text{
				padding-bottom: 15px;
				color: #333;
			}
			div.column div.column_middle div.column_content div.text div.imageholder{
				float: right;
				margin-left: 5px;
			}
			div.column div.column_middle div.column_content div.text div.rollover{
				cursor: pointer;
			}
			div.column div.column_middle div.column_content div.text div.imageholder div.image div.border{
				position: absolute ;
				z-index: 10;
			}
			div.column div.column_middle div.column_content div.text div.imageholder div.image div.caption{
				text-align: right;
				font-size: 11px;
				font-style: italic;
				margin-right: 5px;
			}
			div.column div.column_middle div.column_content div.leesmeer{
				text-align: right;
			}
			div.column div.column_middle div.column_content div.leesmeer a{
				color: #00793B;
			}
		#main div.columns2 div.column div.column_bottom{
			height: 10px;
			font-size: 5px;
			background-image: url( ../img/column2back_bottom.jpg );
		}
	
	#main div.columns2 div.columnspacer{
		float: left;
		width: 10px;
		height: 200px;
	}
div.vacaturewindow{
	margin-bottom: 10px;
}
div.vacaturewindow div.windowtop{
	background-image: url( ../img/vacaturewindow_top.jpg ) ;
	height: 40px;
}
div.vacaturewindow div.windowtop div.windowtopbar{
	margin-left: 10px;
	margin-right: 10px;
}
div.vacaturewindow div.windowtop div.windowtopbar div.windowtitle{
	line-height: 40px;	
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	float: left;
}
div.vacaturewindow div.windowmiddle{
	padding-top: 10px;
	background-image: url( ../img/vacaturewindow_middle.jpg ) ;
}
div.vacaturewindow div.windowmiddle div.windowcontent{
	margin-left: 15px;
	margin-right: 15px;
}
div.vacaturewindow div.windowbottom{
	height: 10px;
	font-size: 5px;
	line-height: 5px;
	background-image: url( ../img/vacaturewindow_bottom.jpg ) ;	
}
#snelzoeken select{
	height: 20px;
	}
#snelzoeken option{
	font-size: 11px;
}
#vacatureform table.vacatureform{
	width: 510px;
}
#vacatureform table.vacatureform td.filtercolumn{
	width: 255px;
}
#vacatureform table.vacatureform td.filtercolumn div.row{
	margin-bottom: 5px;
}
#vacatureform table.vacatureform td.filtercolumn div.row div.key{
	margin-bottom: 3px;
}
#vacatureform table.vacatureform td.filtercolumn div.row div.key label{
	font-weight: bold;
	color: #00793B	;
}
#vacatureform table.vacatureform td.filtercolumn div.row div.value select.select{
	width: 150px;
}
#vacatureform table.vacatureform div.extra{
	margin-left: 10px;
	margin-top: 22px;
	float: left;
}
#vacatureform table.vacatureform  div.extra a{
	font-size: 11px;
	text-decoration: underline;
	color: #00793B;
}
#vacatureform table.vacatureform td.filtercolumn div.extra{
	margin-top: 3px;
}
#vacatureform table.vacatureform td.filtercolumn div.extra a{
	font-size: 11px;
	text-decoration: underline;
	color: #00793B;
}
#vacatureform table.vacatureform div.button{
	float: right;
}
#vacatureform table.vacatureform div.button div.left{
	float: left;
	width: 5px;
	height: 25px;
	background-image: url( ../img/button_grey_left.jpg );
	background-color: yellow;	
}
#vacatureform table.vacatureform div.button div.middle{
	float: left;
	color: white;
	height: 25px;
	line-height: 23px;
	background-image: url( ../img/button_grey_middle.jpg );	
	padding-left: 3px;
	padding-right: 3px;
}
#vacatureform table.vacatureform div.button div.middle a{
	color: white;
}
#vacatureform table.vacatureform div.button div.right{
	float: left;
	width: 5px;
	height: 25px;
	background-image: url( ../img/button_grey_right.jpg );
	background-color: yellow;
}
/* vacature_result_columntitle */
#vacatureresults div.vacature_result_columntitle{
}
#vacatureresults div.vacature_result_columntitle div.column{
	line-height: 25px;
	height: 25px;
	float: left;
	font-weight: bold;
	color: #00793B	 ;
}
#vacatureresults div.vacature_result_columntitle div.functie{
	width: 250px;
	color: #0099ff;
}
#vacatureresults div.vacature_result_columntitle div.plaats{
	width: 150px;
	color: #0099ff;
}
#vacatureresults div.vacature_result_columntitle div.datum{
	float: right;
	width: 75px;
	color: #0099ff;
}

/* vacature_result */
#vacatureresults div.vacature_result{
	border-top: 1px solid #ccc;
}
#vacatureresults div.rollover{
	cursor: pointer;
	background-color: #eee;
}
#vacatureresults div.vacature_result div.column{
	line-height: 25px;
	height: 25px;
	float: left;
}
#vacatureresults div.vacature_result div.functie{
	width: 250px;
	font-weight: normal;
	color: #00793B;
}
#vacatureresults div.vacature_result div.functie a{
	color: #00793B;
}
#vacatureresults div.vacature_result div.plaats{
	width: 150px;
}
#vacatureresults div.vacature_result div.datum{
	float: right;
	width: 75px;
}

/* vacature_result_navigation */
#vacature_result_navigation{
	float: right;
	margin-top: 10px;
	height: 20px;
}

#vacature_result_navigation div.vacature_pages_size{
	width: 340px;
}

#vacature_result_navigation div.label{
	float: left;
	color: #fff;
	font-weight: bold;
	margin-top: 2px;
}
#vacature_result_navigation div.page{
	float: left;
	line-height: 20px;
	margin-left: 3px;
	margin-right: 3px;
}
#vacature_result_navigation div.page a{
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}
#vacature_result_navigation div.page a:hover{
	color: red;
}
#vacature_result_navigation div.selected{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#vacature_result_navigation div.selected a:hover{
	
}
#vacature_result_navigation div.left a{
	display: block;
	background-image: url( ../img/vacaturewindow_navleft.jpg );
	background-position: bottom;
	background-repeat: no-repeat;
	width: 15px;
	height: 19px;
}
#vacature_result_navigation div.left a:hover{
	background-image: url( ../img/vacaturewindow_navleft_over.jpg );
}
#vacature_result_navigation div.right a{
	display: block;
	background-image: url( ../img/vacaturewindow_navright.jpg );
	background-position: bottom;
	background-repeat: no-repeat;
	width: 15px;
	height: 19px;
}
#vacature_result_navigation div.right a:hover{
	background-image: url( ../img/vacaturewindow_navright_over.jpg );
}
#vacature_result_navigation div.back a{
	color:  #00793B;
	font-weight: bold;
	text-decoration: underline;
}
#vacature_result_navigation div.back a:hover{
	color: red;
}
/* vacaturecontent */
#vacaturecontent div.label{
	font-weight: bold;
	color: #00793B;
}
#vacaturecontent div.text{
	margin-bottom: 10px;
}
div.vacaturewindow div.windowtopsection{
	background-image: url( ../img/vacaturewindow_topsection.jpg ) ;
	height: 225px;
}
div.vacaturewindow div.windowtopsection div.columns{
	margin-left: 15px;
	margin-right: 15px;	
}
div.vacaturewindow div.windowtopsection div.columns div.column{
	float: left;
	width: 170px;
	margin-top: 10px;
}
div.vacaturewindow div.windowtopsection div.columns div.column div.columncontent div.label{
	font-weight: bold;
	color: #00793B;
}
div.vacaturewindow div.windowtopsection div.columns div.column div.columncontent div.text{
	margin-bottom: 7px;
}
#vacaturetools{
	background-image: url( ../img/vacaturewindow_tools.jpg );
	height: 130px;
}
#vacaturetools div.tool{
	padding-top: 5px;
}
#vacaturetools div.tool a{
	display: block;
	padding-left: 30px;
	line-height: 25px;
	margin-left: 10px;
	height: 25px;
	font-weight: bold;
	color: #666;
	font-size: 11px;
}
#vac_reageer a{
	background-image: url( ../img/vacaturetool_reageer.jpg ) ;
	background-repeat: no-repeat;
}
#vac_afdruk a{
	background-image: url( ../img/vacaturetool_afdruk.jpg ) ;
	background-repeat: no-repeat;
}
#vac_onthou a{
	background-image: url( ../img/vacaturetool_onthou.jpg ) ;
	background-repeat: no-repeat;
}
#vac_email a{
	background-image: url( ../img/vacaturetool_email.jpg ) ;
	background-repeat: no-repeat;
}
/* vacaturememoitem */
div.vacaturememoitem a{
	font-size: 11px;
    
}

div.multiselectwindow{
	background-color: #fff;
	border: 1px solid #999;
	width: 200px;
	position: absolute;
	z-index: 20;
}
div.multiselectwindow div.title{
	padding-left: 5px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	background-color: #999;
	color: #fff;
}
div.multiselectwindow div.optionholder{
	
}
div.multiselectwindow div.optionholder div.option{
	height: 25px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #999;
	line-height: 25px;
}
div.multiselectwindow div.optionholder div.option input{
	margin-right: 5px;
}
div.multiselectwindow div.optionholder div.rollover{
	background-color: #eee;
}
div.multiselectwindow div.optionholder div.selected{
	background-color: #09f;
	color: #fff;
}

/* dropdownbox */
	div.dropdownbox{
		background-color: #fff;
		width: 200px;
	}
	div.dropdownbox div.title{
		height: 25px;
		line-height: 25px;
		background-image: url( ../img/dropdownbox200back.jpg );
		overflow: hidden;
		width: 200px;
	}
	div.dropdownbox div.title div{
		width: 180px;
		line-height: 25px;
	}
	div.dropdownbox div.title div label{
		margin-left: 8px;
		margin-right: 5px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}
	div.dropdownbox div.title_over{
		cursor: pointer;
		/* background-image: url( ../img/dropdownbox200back_over.jpg ); */
	}
	div.dropdownbox div.title_active{
		cursor: pointer;
		background-image: url( ../img/dropdownbox200back_over.jpg );		
	}
	div.dropdownbox div.optionholder{
		background-color: #fff;
		z-index: 200;
		width: 185px;
		position: absolute;
		overflow: auto;
		border-bottom: 2px solid #999;
		border-left: 2px solid #999;
		border-right: 2px solid #999;
		margin-left: 5px;
		margin-right: 5px;
	}
	div.dropdownbox div.optionholder div.option{
		padding-left: 5px;
		padding-right: 5px;
		border-top: 1px solid #999;
		line-height: 25px;
		overflow: hidden;
	}
	div.dropdownbox div.optionholder div.option span{
		font-size: 11px;
		overflow: hidden;
		width: 100px;
	}
	div.dropdownbox div.optionholder div.option input{
		margin-right: 5px;
	}
	div.dropdownbox div.optionholder div.rollover{
		background-color: #eee;
		cursor: pointer;
	}
	div.dropdownbox div.optionholder div.selected{
		background-color: #09f;
		color: #fff;
	}
    
/* vacaturereactieform */ 
#vacaturereactieform div.row {
	margin-bottom: 5px;
}
#vacaturereactieform div.title{
	font-weight: bold;
    font-size: 15px;
    font-style: italic;
	color: #00793B;    
}
#vacaturereactieform div.row div.key label{
}
#vacaturereactieform div.row div.value input.text{
	width: 250px;
}
#vacaturereactieform div.row div.value span.radio{
	margin-right: 5px;
}
#vacaturereactieform div.row div.value input.radio{
	margin-right: 5px;
}
#vacaturereactieform div.row div.textarea textarea.textarea{
	width: 250px;
    height: 250px;
}
.error{
	color: red;
}

/* Vestigingen table */
div.contactpersonen{
	padding-bottom: 20px;
}
table.contactpersonentable{
	width: 510px;
}
table.contactpersonentable td.vestiging{
	color: #00793B;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.1px;
}
table.contactpersonentable td.contactpersonen{
	font-style: italic;
}
table.contactpersonentable td.col1{
	width: 410px;
}
table.contactpersonentable td.spacer{
	line-height: 5px;
	font-size: 5px;
	height: 10px;
}
table.contactpersonentable td.spacer hr{
	border: 1px solid #eee;
}
table.contactpersonentable td.col1 a{
	color: #0099ff;
	text-decoration: underline;
}
table.contactpersonentable td.naam{
	font-weight: bold;
}
table.contactpersonentable td.functie{
}
table.contactpersonentable td.foto{
	width: 100px;
	height: 100px;
}
table.contactpersonentable td.foto div.fotooverlay{
	width: 100px;
	height: 100px;
	position: absolute;
}