@charset "utf-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #545655;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4ca2c7;
	font-size: 10px;
}

img {
	border: 0px;
}

/* Stippelrand weg bij een link in Mozilla */
a {
  outline: none;
}

:focus {
  -moz-outline-style: none;
}

div#webpagina {
	/* breedte 1000px */
	width: 1000px;
	/* hoogte 600px */
	height: 600px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../images/bg_main_FINvision.jpg);
	background-repeat:no-repeat;
}

div#infocontainer {
	width: 1000px;
	height: 575px;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#infocontainer-links {
	float: left;
	/* breedte 300px */
	width: 300px;
	height: 575px;
	margin: 0;
	padding: 0;
}

div#logo {
	width: 300px;
	height: 110px;
}

div#logo a.logo {
	width: 300px;
	height: 110px;
	margin: 0;
	padding: 0;
}

div#menu-container {
	/* breedte 300px */
	width: 300px;
	/* hoogte 465px */
	height: 465px;
	padding-top: 0px;
	text-align:left;
	font-size: 1.2em
}

div#menu {
	/* breedte 300px */
	width: 210px;
	padding-left:90px;
	/* hoogte 180px */
	height: 180px;
	text-align:left;
}

/* Menupunten */
div.menupunt, div.menupuntactief {
	/* breedte 210px */
	width: 210px;
	/* hoogte 18px */
	height: 18px;
	margin: 0px;
	background-image:url(../images/bg_menupunt.jpg);
	background-repeat:no-repeat;
}

div.menupuntactief {
	background-image:url(../images/bg_menupunt_select.jpg);
	background-repeat:no-repeat;
}

div.menupunt a, div.menupuntactief a,
div.menupunt a:link, div.menupuntactief a:link,
div.menupunt a:active, div.menupuntactief a:active, 
div.menupunt a:visited, div.menupuntactief a:visited {
	display: block; //belangrijk
	margin: 0;
	padding-top: 1px;
	padding-left: 23px;
	width:187px;
	height:100%;
	overflow:hidden;
	color: black;
	font-weight:bold;
	text-decoration: none;
}

div.menupunt a:hover, div.menupuntactief a:hover{
	background-image:url(../images/bg_menupunt_select.jpg);
	background-repeat:no-repeat;
	color: #007baf;
	font-weight:bold;
	text-decoration: none;
}

/* SubMenupunten */
div.submenupunt, div.submenupuntactief {
	/* breedte 210px */
	width: 210px;
	/* hoogte 18px */
	height: 18px;
	margin: 0px;
	background-image:url(../images/bg_submenupunt.jpg);
	background-repeat:no-repeat;
}

div.submenupuntactief {
	background-image:url(../images/bg_submenupunt_select.jpg);
	background-repeat:no-repeat;
}

div.submenupunt a, div.submenupuntactief a,
div.submenupunt a:link, div.submenupuntactief a:link,
div.submenupunt a:active, div.submenupuntactief a:active, 
div.submenupunt a:visited, div.submenupuntactief a:visited {
	display: block; //belangrijk
	margin: 0;
	padding-top: 1px;
	padding-left: 45px;
	width:165px;
	height:100%;
	overflow:hidden;
	color: black;
	font-weight:bold;
	text-decoration: none;
}

div.submenupunt a:hover, div.submenupuntactief a:hover{
	background-image:url(../images/bg_submenupunt_select.jpg);
	background-repeat:no-repeat;
	color: #007baf;
	font-weight:bold;
	text-decoration: none;
}

div#menu_alg {
	/* breedte 300px */
	width: 280px;
	padding-left:20px;
	/* hoogte 255px */
	height: 30px;
	padding-top: 225px;
	text-align:left;
	line-height: 1.6em;
	color: black;
	font-weight:bold;
}

div#menu_alg a,
div#menu_alg a:link,
div#menu_alg a:active,
div#menu_alg a:visited {
	text-decoration: none;
	font-weight: normal;
	color: black;
	font-weight:bold;
}
div#menu_alg a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #007baf;
	font-weight:bold;
}

div#menu_alg form {
	width: 260px;
	margin: 0px;
	padding: 0px;
}

div#menu_alg input.zoekwoord {
	width: 145px;
	height: 12px;
	padding: 1px 0 2px 0;
	font-size: 0.8em;
	border: 1px black solid;
	background-color: white;
}

div#menu_alg input.zoeken {
	width: 25px;
	height: 18px;
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	color: black;
	font-weight:bold;
	border: none;
	background-color: transparent;

}
div#infocontainer-rechts {
	float: left;
	/* breedte 700px */
	width: 700px;
	/* hoogte 575px */
	height: 575px;
	margin: 0;
	padding: 0;
}

div#header {
	/* breedte 700px */
	width: 365px; /* was 130 */
	padding-left: 330px; /* was 565 */
	/* hoogte 25px */
	height: 25px;
	text-align: right;
}

div#header div.nieuwsbrief {
	float: left;
	width: 235px;
	padding-top: 5px;
	height: 18px;
	margin: 0px;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
}

div#header div.nieuwsbrief a,
div#header div.nieuwsbrief a:link,
div#header div.nieuwsbrief a:active,
div#header div.nieuwsbrief a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #66b0cf;
}
div#header div.nieuwsbrief a:hover {
	text-decoration: none;
	font-weight: bold;
	color: black;
}

div#header div.bezoek {
	float: left;
	width: 130px;
	height: 22px;
	margin: 0px;
	background-image: url(../images/bezoek_hrmvision_header.jpg);
	background-repeat: no-repeat;
}

div#header div.bezoek a {
	display: block; //belangrijk
	margin: 0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

div#header div.bezoek a:hover {
	background-image: url(../images/bezoek_hrmvision_header_hover.jpg);
	background-repeat: no-repeat;
}

div#paginatitel {
	/* breedte 700px */
	width: 700px;
	/* hoogte 125px */
	height: 125px;
}

div#subpaginatitel {
	/* breedte 680px */
	width: 680px;
	/* hoogte 45px */
	height: 45px;
}

div#info {
	/* breedte 700px */
	width: 700px;
	/* hoogte 425px */
	height: 425px;
	text-align: left;
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.5em;

	/* border: 1px red solid; */
}

div#info a,
div#info a:link,
div#info a:active,
div#info a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #4ca2c7;
}
div#info a:hover {
	text-decoration: none;
	font-weight: normal;
	color: black;
}

div#info h3 {
	/* breedte 500px */
	width: 550px;
	padding-left: 50px;
	padding-top: 5px;
	margin: 0;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.5em;
}

div#info ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	padding-left: 65px;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	line-height: 1.6em;
}

div#footer {
	/* breedte 1000px */
	width: 1000px;
	/* hoogte 25px */
	height: 25px;
	text-align: left;
	font-size: 0.9em;
	color: white;
}
div#footer a,
div#footer a:link,
div#footer a:active,
div#footer a:visited {
	text-decoration: none;
	font-weight: normal;
	color: white;
}
div#footer a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #007baf;
}
div#footer a.poldis,
div#footer a.poldis:link,
div#footer a.poldis:active,
div#footer a.poldis:visited {
	text-decoration: none;
	font-weight: normal;
	color: #939598;
}
div#footer a.poldis:hover {
	text-decoration: none;
	font-weight: normal;
	color: #007baf;
}
div#footer span.footer_d1, div#footer span.footer_d2, div#footer span.footer_d3,
div#footer span.footer_d4, div#footer span.footer_d5, div#footer span.footer_d6,
div#footer span.footer_d7, div#footer span.footer_d8 {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	line-height: 27px;
	text-align: right;
}
div#footer span.footer_d1 {
	width: 233px;
}
div#footer span.footer_d2 {
	width: 80px;
}
div#footer span.footer_d3 {
	width: 126px;
}
div#footer span.footer_d4 {
	width: 132px;
}
div#footer span.footer_d5 {
	width: 106px;
}
div#footer span.footer_d6 {
	width: 100px;
}
div#footer span.footer_d7 {
	width: 80px;
}
div#footer span.footer_d8 {
	width: 120px;
	color:#939598;
}

div#designed-by {
	position: absolute;
	top: 5px;
	left: 2px;
}