@charset "utf-8";

html, body {
	height: 101%; /* héél belangrijk (scrollbar aan rechterzijde blijft dan staan */
	font-family: Arial, Helvetica, sans-serif;
	background: white;
	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: #000000;
	font-size: 10px;
}

img { border: 0px none; }

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

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

div#webpagina {
	/* breedte 950px */
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

div#infocontainer-links {
	float: left;
	/* breedte 145px */
	width: 145px;
	padding: 0px;
	text-align: left;
}

div#logo {
	width: 145px;
	height: 65px;
	background-image:url(../images/bg_logo.jpg);
	background-repeat:no-repeat;
}

div#hoofdmenu {
	/* breedte 145px */
	width: 140px;
	padding-left:5px;
	/* hoogte 190px */
	height: 187px;
	padding-top: 3px;
	background-image:url(../images/bg_hoek.jpg);
	background-repeat:no-repeat;
	color: black;
	font-size: 2.0em;
}

div.menupunt, div.menupuntactief {
	/* breedte 140px */
	width: 140px;
	/* hoogte 32px */
	height: 32px;
	margin: 0px;
}

div.menupuntactief {
	background-image:url(../images/bg_menupunt_hover.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:0;
	width:100%;
	height:100%;
	overflow:hidden;
	color: black;
	text-decoration: none;
}

div.menupunt a:hover , div.menupuntactief a:hover{
	background-image:url(../images/bg_menupunt_hover.jpg);
	background-repeat:no-repeat;
	color: black;
	text-decoration: none;
}

div#submenu {
	/* breedte 145px */
	width: 140px;
	padding-left:5px;
	/* hoogte 190px */
	height: auto;
	min-height: 100px;
	padding-top: 3px;
	padding-bottom: 30px;
	background-image:url(../images/bg_hoek.jpg);
	background-repeat:no-repeat;
	color: black;
	font-size: 1.3em;
}

div.submenupunt, div.submenupuntactief {
	/* breedte 140px */
	width: 140px;
	/* hoogte 32px */
	height: 22px;
	margin: 0px;
}

div.submenupuntactief {
	background-image:url(../images/bg_submenupunt_hover.jpg);
	background-repeat:no-repeat;
	font-weight:bold;
}

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:0;
	width:100%;
	height:100%;
	overflow:hidden;
	color: black;
	text-decoration: none;
}

div.submenupunt a:hover , div.submenupuntactief a:hover{
	background-image:url(../images/bg_submenupunt_hover.jpg);
	background-repeat:no-repeat;
	color: black;
	text-decoration: none;
}

div#adv {
	width: 145px;
	height: auto;
	padding-top: 10px;
	background-image:url(../images/bg_hoek.jpg);
	background-repeat:no-repeat;
	font-size: 1.2em;
	text-align: center;
}

div#adv div#advlinks {
	width: inherit;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
	/* border: 1px solid red; */
}

div#adv div.advlogo {
	width: inherit;
}

div#infocontainer-rechts {
	float: left;
	/* breedte 805px */
	width: 805px;
	padding: 0px;
	text-align: left;
}

div#scroller {
	/* breedte 805px */
	width: 800px;
	padding-left: 5px;
	/* hoogte 26px */
	height: 24px;
	padding-top: 2px;
	font-size: 1.6em;
	font-weight: bold;
	color: #00604F;
	background-image:url(../images/bg_scroller.jpg);
	background-repeat:no-repeat;
}

div#adres {
	/* breedte 805px */
	width: 805px;
	/* hoogte 32px */
	height: 30px;
	padding-top: 2px;
}

div#adres span.vp-groep {
	color: black;
	font-size: 2.5em;
	font-weight: bold;
}

div#adres span.adres {
	color: black;
	font-size: 1.5em;
	font-weight: bold;
}

div#adres a,
div#adres a:link,
div#adres a:active,
div#adres a:visited {
	text-decoration: none;
	font-weight: bold;
	color: black;
}
div#adres a:hover {
	text-decoration: none;
	font-weight: bold;
	color: green;
}

div#banner {
	width: 805px;
	height: 197px;
	background-image:url(../images/bg_banner.jpg);
	background-repeat:no-repeat;
}

div#bestelmand {
	/* breedte 35px */
	width: 45px;
	padding-left: 10px;
	/* hoogte 35px */
	height: 45px;
	padding-top: 10px;
}

div#info {
	overflow: auto;
	/* breedt 805px */
	width: 775px;
	height: auto;
	padding-left:20px;
	padding-right:10px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: left;
	font-size: 1.4em;
	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: bold;
	color: black;
}
div#info a:hover {
	text-decoration: none;
	font-weight: bold;
	color: green;
}

div#vpinfo,
div#vppinfo,
div#vpsinfo,
div#vpeinfo,
div#curainfo {
	float: left;
	/* breedte 450px */
	width: 435px;
	padding-right: 15px;
	height: auto;
	text-align: left;
}
div#vpinfo div#bericht,
div#vppinfo div#bericht,
div#vpsinfo div#bericht,
div#vpeinfo div#bericht,
div#curainfo div#bericht {
	width: 330px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	font-size: 0.8em;
	line-height: 1em;
	border: 1px red dashed;
}

div#vplijst,
div#vpplijst,
div#vpslijst,
div#vpelijst,
div#curalijst {
	float: left;
	/* breedte 325px */
	width: 315px;
	padding-left:10px;
	padding-top: 10px;
	height: auto;
	min-height: 100px;
 	text-align: left;
	background-image:url(../images/bg_hoek.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
div#vplijst hr,
div#vpplijst hr,
div#vpslijst hr,
div#vpelijst hr,
div#curalijst hr {
	margin: 5px 0 5px 0;
	width: 50%;
	text-align: center;
	border: 1px #cccccc dashed;
}
div#vplijst span.formuliertitel,
div#vpplijst span.formuliertitel,
div#vpslijst span.formuliertitel,
div#vpelijst span.formuliertitel,
div#curalijst span.formuliertitel {
	font-size: 1em;
	font-weight: bold;
	color: #00604F;
	text-align: center;
}
div#vplijst span.melding,
div#vpplijst span.melding,
div#vpslijst span.melding,
div#vpelijst span.melding,
div#curalijst span.melding {
	font-size: 0.8em;
	font-weight: bold;
	color: red;
	text-align: center;
}
div#vplijst div#doclijst,
div#vpplijst div#doclijst,
div#vpslijst div#doclijst,
div#vpelijst div#doclijst,
div#curalijst div#doclijst {
	width: inherit;
	font-size: 0.8em;
	line-height: 1.5em;
	overflow: hidden;
	/* border: 1px red solid; */
}

div#vplijst div#doclijst img,
div#vpplijst div#doclijst img,
div#vpslijst div#doclijst img,
div#vpelijst div#doclijst img,
div#curalijst div#doclijst img {
	width: 16px;
	height: 16px;
	padding-top: 2px;
	margin-right:5px;
}

div#uitlogmelding {
	/* breedte 250px */
	width: 250px;
	text-align: left;
	font-size: 0.9em;
}

div#indexmelding {
	/* breedte 400px */
	width: 400px;
	text-align: left;
	font-size: 1.1em;
	font-weight:bold;
}

div#uitlogmelding,
div#indexmelding {
	padding-left: 10px;
	padding-bottom: 7px;
	margin-bottom: 10px;
	border-left: 1px #cccccc dashed;
	border-bottom: 1px #cccccc dashed;
}



div#copyright {
	width: 805px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 1.0em;
	color: #335F64;
}
div#copyright a,
div#copyright a:link,
div#copyright a:active,
div#copyright a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #335F64;
}
div#copyright a:hover {
	text-decoration: none;
	font-weight: bold;
	color: green;
}

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