/* De positie van het block_hoverinformation wordt bepaald door JS.
   Er moet hiervoor wat met de positie van de muiscursor gespeeld worden.
   In de ideale situatie gaat het pijltje aan de linkerkant van het blok over
   een tabelrow van een vacaturelijst. */
#block_hoverinformation{
	background: 		url('/images/background_hoverinformation_top.gif') no-repeat;
	font-size: 			11px;
	font-family: 		verdana;
	padding:			20px 0px 0px 0px;
	position: 			absolute;
	left: 				0px;
	top: 				0px;
	width: 				355px;
  z-index: 10;
}

#block_hoverinformation.mirror{
	background: 		url('/images/background_hoverinformation_top_mirror.gif') no-repeat;
	font-size: 			11px;
	font-family: 		verdana;
	padding:			20px 0px 0px 0px;
	position: 			absolute;
	left: 				0px;
	top: 				0px;
	width: 				355px;
  z-index: 10;
}

#block_hoverinformation a{
	color: 				#000;
	text-decoration: 	none;
}
#block_hoverinformation a:hover{
	text-decoration: 	underline;
}
#block_hoverinformation h2{
  float: left;
  position: relative;
	font-size: 			17px;
	font-weight: 		normal;
	margin: 			0px;
}

#block_hoverinformation span{
  position: relative;
  float: right;
  font-size: 			11px;
  margin-top: 3px;
}


#block_hoverinformation p{
  clear: both;
	line-height: 		160%;
	margin: 			10px 0px 15px 0px;
}

#block_hoverinformation ul{
	list-style-type: 	none;
	margin: 			0px;
	padding: 			0px;
}

#block_hoverinformation .top{
	margin: 			0px;
	min-height: 		175px;
	padding: 			0px 0px 10px 48px;
	width: 				283px;
}

#block_hoverinformation.mirror .top{
	margin: 			0px;
	min-height: 		175px;
	padding: 			0px 48px 10px 18px;
	width: 				285px;
}

#block_hoverinformation .bottom{
	background: 		url('/images/background_hoverinformation_bottom.gif') no-repeat;
	height: 			16px;
	padding: 			0px;
}

#block_hoverinformation.mirror .bottom{
	background: 		url('/images/background_hoverinformation_bottom_mirror.gif') no-repeat;
	height: 			16px;
	padding: 			0px;
}