/* ------------------------------------------------------------- */
/* NVPI pagina stylesheet										 */
/* ------------------------------------------------------------- */
html {
	width: 100%;
/*	height: 100%;*/
}

body {
	margin:0; padding:0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #F8FFFD;
	background-image:url(../images/bg_container.gif);
	background-repeat:repeat-y;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
}

form {
	margin:0; padding:0;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
}

.inv {
	display: none;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

#container {
	margin: 0 auto;
	text-align: left;
	width: 775px;
	height: 100%;
	background-color: #FFFFFF;
	background-image:url(../images/bg_container.gif);
	background-repeat:repeat-y;
}

#inner_container {
	margin: 0 10px;
	height: 100%;
	background-image:url(../images/bg_inner_container.jpg);
	background-repeat:no-repeat;
}

/* ------------------------------------------------------------- */
/* Header												 		 */
/* ------------------------------------------------------------- */
#header {
	position: relative;
	height: 120px;
}

#header h1 {
	margin:0; padding:0;
	width: 148px;
	height: 56px;
	background-image:url(../images/nvpi_logo.gif);
	background-repeat:no-repeat;
	float: left;
}

#header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

#header h2 {
	margin:2px 0 0 0; padding:0;
	width: 165px;
	height: 30px;
	background-image:url(../images/sub_logo.gif);
	background-repeat:no-repeat;
	float: left;
}

/* Sectie navigatie			-------------- */
div#section_nav {	
	position: absolute;
	left: 0;
	bottom: 11px;
	height: 21px;
}

div#section_nav ul,
div#section_nav ul li {
	margin:0; padding:0;
	list-style-type: none;
}

div#section_nav ul {	
	margin-left: 325px;
}

div#section_nav ul li {
	float: left;
	height: 21px;
	margin: 0 0 0 16px;
	width: 77px;
	background-repeat:no-repeat;
	background-position: 0 -21px;
}

div#section_nav ul a:link,
div#section_nav ul a:visited,
div#section_nav ul a:active {	
	display: block;
	height: 21px;
	background-repeat:no-repeat;
	background-position: 0 0;
}

li#section_text {
	margin:0 !important;
	width: 144px !important;
	background-image:url(../images/section_text.gif) !important;
	background-position: 0 0 !important;
}

li#publiek,
li#publiek a{	
	background-image:url(../images/btns/publiek.gif);	
}

li#leden,
li#leden a {	
	background-image:url(../images/btns/leden.gif);
}

li#pers,
li#pers a {	
	background-image:url(../images/btns/pers.gif);
}

div#section_nav ul a:hover,
div#section_nav ul a.hi {	
	background-image: none !important;
}


/* Metanavigatie			-------------- */
ul#metanav,
ul#metanav li {
	margin:0; padding:0;
	list-style-type: none;	
}

ul#metanav {
	position: absolute;
	right:0; top: 11px;
	width: 220px;
}

ul#metanav li{
	float: left;	
	margin: 0 2px;
	height: 11px;
}

ul#metanav li#english {
	background-image:url(../images/btns/english.gif);
	width: 48px;
}

ul#metanav li#contact {
	background-image:url(../images/btns/contact.gif);
	width: 51px;
}

ul#metanav li#zoeken {
	background-image:url(../images/btns/zoeken.gif);
	width: 47px;
}

ul#metanav li#sitemap {
	background-image:url(../images/btns/sitemap.gif);
	width: 52px;	
}

ul#metanav li a {
	display: block;
	height: 11px;
}

/* ------------------------------------------------------------- */
/* Linker kolom												 */
/* ------------------------------------------------------------- */

/* Menu			-------------- */
ul#menu, ul#menu li {
	margin:0; padding:0;
	list-style-type: none;
}

ul#menu {
	margin: 28px 0 0px 24px;
}

ul#menu li {
	line-height: 11px;
	margin: 15px 0;
}

ul#menu li.hi {
	list-style-image:url(../images/menu_bullet.gif);
}

ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:active{
	font-size: 11px;
	line-height: 11px;
	color:#C98B00;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
}

ul#menu li a:hover {
	text-decoration: underline;
}

ul#menu li ul.submenu,
ul#menu li ul.submenu li {
	margin:0; padding:0;
	list-style-type: none;
	list-style-image: none;
}

ul#menu li ul.submenu{
	margin: 8px 0 24px 5px;
}

ul#menu li ul.submenu li {
	margin: 8px 0;
}

ul#menu li ul.submenu li.hi a {
	font-weight: bold !important;
	text-decoration:underline !important;
}

ul#menu li ul.submenu li a:link,
ul#menu li ul.submenu li a:visited,
ul#menu li ul.submenu li a:active{
	font-size: 10px;
	font-weight: bold;
	color: #006D56;
}

ul#menu li ul.submenu li a:hover {
	text-decoration: underline;
}


/* Adresblok	-------------- */
#naw {
	margin:33px 0 0 24px; padding:7px 0;
	border-top: 1px solid #009B7C;
	width: 130px;
	font-size: 11px;
}

#naw h3 {
	margin:0; padding:0;
	font-size: 12px;
	color: #009B7C;
	letter-spacing: 1px;
}

#naw div {
	letter-spacing: 1px;
	line-height: 15px;
}

#naw div span{
	color: #009B7C;
	font-weight: bold;
}

#naw div a:link,
#naw div a:visited,
#naw div a:active {
	text-decoration: none;
	color: #000000;
}

#naw div a:hover {
	color: #009B7C;
	text-decoration: underline;
}


#editbuttonbox {
	position: absolute;
	top: 30px;
	left: 325px;
}