@charset "utf-8";
/* CSS Document */

/********************
HTML Tags
********************/

/* reset defaults */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, p, img {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-style:normal;}
img {border:none;}
html {overflow-y:scroll;}
body {
	text-align:center;
	margin-bottom:2em;
	font:.65em Verdana, Arial, Helvetica, sans-serif;
}

/** headings **/
h1 {font-size:1.45em; font-weight:normal;}

/** links **/
a:link, a:visited, a:hover {color:#3C3536;text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {}


/**********************
LAYOUT DIVS & STYLES
**********************/

/** body bg color **/
#dg {background:#D6D6CE url(../img/bg-body-dg.png) repeat-y 50% 0;}
#lg {background:#D6D6CE url(../img/bg-body-lg.png) repeat-y 50% 0;}
#ig {background:#D6D6CE url(../img/bg-body-ig.png) repeat-y 50% 0;}

/** pagewrap **/
#pagewrap {
	width:794px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
	color:#fff;
}

/** header **/
#header {
    width:794px;
    height:277px;
}
#imagewrap {
	background-repeat:no-repeat;
	float:left;
}

/** topnav **/
#topnavwrap {width:794px;}
#topnavleft, #topnavright {
	padding-top:3px;
	min-height:16px;
	height:auto !important;
	height:16px;
	float:left;
}
#topnavleft {width:521px;}
#topnavright { /* ref: iefix.css */
	width:245px;
	padding-left:28px;
}
#topnavleft ul {margin:0 0 0 14px; padding:0}
#topnavleft li {
	display: inline;
	list-style-type: none;
	margin-left:16px;
}
#topnavleft li a {color:#fff; text-decoration:none;}
#topnavleft li a:hover {color:#5D5B61;}
#topnavleft a.active {font-weight:bold;}

#actions {float:right; text-align:left; padding-right:19px;}
/* icon positions ie6 ref: lte-ie6.css */

/** content **/

/* home */

/* toprow */
/* set min height on all divs, incl wrapper for bg in ff/moz */
#hmt-wrap {
	width:738px;
	margin:24px 0 0 28px;
	min-height:285px;
	height:auto !important;
	height:285px;
	background:url(../img/dot-donkergrijs-vert.gif) repeat-y 493px;
}
#hmt-left {
	width:470px;
	margin-right:23px;
	min-height:285px;
	height:auto !important;
	height:285px;	
	float:left;
	background:url(../img/dot-donkergrijs-hor.gif) repeat-x bottom;
	line-height:15px;
}
#hmt-left-ct-wrap {
	width:470px;
	min-height:265px;
	height:auto !important;
	height:265px;
}
#hmt-left-ct-wrap-left {
	width:338px;
	margin-right:14px;
	float:left;
}
#hmt-left-inner {
	min-height:249px;
	height:auto !important;
	height:249px;		
}
p.hmt-leesverder {
	width:338px;
	text-align:right;
	font-weight:bold;
	margin-bottom:10px;	
}
#hmt-left-ct-wrap-right {
	width:118px;
	margin-top:2px;
	float:left;
	min-height:260px;
	height:auto !important;
	height:260px;
}
#hmt-right {
	width:216px;
	margin-left:28px;
	float:left;
	min-height:285px;
	height:auto !important;
	height:285px;
	background:url(../img/dot-donkergrijs-hor.gif) repeat-x bottom;
}
/* bottomrow */
#hmb-wrap {
	width:738px;
	margin:0 2px 0 28px;
	min-height:430px;
	height:auto !important;	
	height:430px;
	line-height:15px;
}
#hmb-left {
	width:237px;
	margin:20px 0 0 0;
	float:left;
	min-height:410px;
	height:auto !important;
	height:410px;
	background:url(../img/dot-donkergrijs-vert.gif) repeat-y right;
}
#hmb-center {
	width:202px;
	margin:20px 23px 0 31px;
	float:left;
	min-height:410px;
	height:auto !important;
	height:410px;
}
#hmb-right {
	width:208px;
	padding:20px 0 0 28px;
	float:left;
	min-height:410px;
	height:auto !important;
	height:410px;
	background:url(../img/dot-donkergrijs-vert.gif) repeat-y ;
}
.hmb-inner {
	width:202px;
}
p.pointer {
	width:210px;
	text-align:right;
	font-weight:bold;
}

/* newslist-home */
#newslist-home {
	width:205px;
	padding-right:10px;
	height:176px;
	line-height:15px;
}
#newslist-home a, #newslist-home a:visited {color:#fff; text-decoration:none;}
#newslist-home a:hover {color:#fff; text-decoration:underline;}
#newslist-home ul, li { margin:0; padding:0; list-style:none;}
#newslist-home li {padding:0 0 14px 0; font-weight:bold;}


/* default for all subpages */
#ctwrap {}
#ctleft-a, #ctleft-i, #ctleft-l, #ctleft-n {
	position:relative;
	width:440px;
	margin-top:24px;
	padding:0 18px 0 64px;
	float:left;
	min-height:216px;
	height:auto !important;
	height:216px;
	background:url(../img/dot-wit-vert.gif) repeat-y right;
	line-height:19px;
}
#ctright-a {
	width:216px;
	margin:24px 28px 0 28px;
	display:inline; /* ie */
	float:left;
}

/* initiatiefgroep i */
#ctleft-i {background:none;}

/* locaties l */
#ctleft-l {padding-right:17px; background:none;}
#ctright-l {
	float:left;
	background:url(../img/dot-wit-vert.gif) repeat-y left;
}
#fases {
	width:241px;
	height:243px;
	padding:15px 0 0 32px;
	background-color:#A8A99C;
}
#ctright-l-nav{
	width:216px;
	margin:0 28px 0 0;
	display:inline;
	background:url(../img/dot-wit-vert.gif) repeat-y left;
	float:left;
}
/* #ctright-n-nav {background:url(../img/dot-donkergrijs-vert.gif) repeat-y left;} */
#ctright-l-nav-inner {margin-left:28px;}
#swffix-equal-column {height:620px;}
#swfwrap {
	position:absolute;
	left:12px;
	width:502px;
	margin-top:6px;
}

/* beleef vilavie bv */
#bv-wrap {}
#bv-left {
	width:440px; /* dynamic inline style */
	float:left;
}
#bv-right {
	width:130px;
	padding:2px 0 0 16px;
	float:left;
}
#bv-right img {
	margin-bottom:20px;
}

/* nieuws */
#ctleft-n {
	width:469px;
	margin-top:12px;
	padding:0 22px 0 30px;
	background:none;
}
#ctright-n {
	float:left;
	background:url(../img/dot-donkergrijs-vert.gif) repeat-y left;
}
#ctright-n-nav {
	width:216px;
	margin:-2px 28px 0 0;
	display:inline;
	float:left;
}
#ctright-n-nav-inner {margin-left:28px;}
#nieuws-focusblok {
	background-color:#0081CF;
	width:273px; /* ff */
}
#nftekst {
	padding:16px 30px 16px 26px;
	line-height:15px;
}

/* nieuws-lijst */
.n-list {
	width:469px;
	margin-top:12px;
	padding-bottom:12px;
	min-height:71px;
	height:auto !important;
	height:71px;
	background:url(../img/dot-donkergrijs-hor.gif) repeat-x bottom;
}
.n-left {
	width:377px;
	padding:0 20px 0 0;
	float:left;
	line-height:15px;
}
.n-right {
	width:72px;
	padding-top:3px;
	float:left;
}
.n-left-detailview {
	width:460px;
	padding:0;
	line-height:15px;
}
.n-left-detailview img {margin-bottom:3px;}
.nieuwskop {color:#3C3536; font-size:1.1em; font-weight:bold;}
.intro {margin-top:6px;}

/* nieuws-recordnavigatie */
#n-recordnav {
font-weight:bold;
}
#n-recordnav-left {
	width:234px;
	float:left;
}
#n-recordnav-right {
	width:234px;
	float:left;
	text-align:right;
}

/** navigatie rechterkolom **/
#pagenav {margin:-8px 0 0 0; padding:0;}
#pagenav ul {margin:0; padding:0;}
#pagenav li {
	list-style:none;
	margin:0;
	padding:7px 0;
	width:216px;
	background:url(../img/dot-wit-hor.gif) repeat-x bottom left; 
}
#pagenav li a:link, #pagenav li a:visited {color:#fff; text-decoration:none;}
#pagenav li a:hover {text-decoration:underline;}

/* submenu */
#pagenav ul li {
	list-style:none;
	margin:2px 0 2px 8px;
	font-weight:normal;
	padding:0;
	width:auto;
	background:none;
}
#pagenav .current {font-weight:bold}

/* globalnav */
#globalnav-mtop {margin-top:35px;}
#globalnav {margin:-9px 0 0 0; padding:0;}
#globalnav li {
	list-style:none;
	margin:0;
	padding:7px 0;
	width:216px;
	font-weight:bold;
	background:url(../img/dot-lichtgrijs-hor.gif) repeat-x bottom left; 
}
#globalnav li a {color:#A8A99C; text-decoration:none;}
#globalnav li a:hover {text-decoration:underline;}
#globalnav .active, #globalnav .active a:link, #globalnav .active a:visited {color:#fff;}

/* #globalnav donkergrijs/wit */
#gn-donkergrijs li {background:url(../img/dot-wit-hor.gif) repeat-x bottom left;}
#gn-donkergrijs li a {color:#5D5B61; text-decoration:none;}

/* #globalnav home */
#gn-hm-donkergrijs {margin-top:14px;}
#gn-hm-donkergrijs li {background:url(../img/dot-wit-hor.gif) repeat-x top left;}
#gn-hm-donkergrijs li a {color:#5D5B61; text-decoration:none;}


/******************** 
PAGE COLOR STYLES
********************/
/* note: ie6 needs two levels up for a child selector */

/* generic */
#topnavwrap .bgdonkergrijs {background-color:#5D5B61;}
#topnavwrap .bglichtgrijs {background-color:#A8A99C;}

/* home - groen */
#topnavwrap .bggroen {background-color:#78BD27;}

/* nieuws - roze */
#topnavwrap .bgroze {background-color:#E983B5;}

/* vilavie - blauw */
#topnavwrap .bgblauw {background-color:#0081CF;}

/* initiatiefgroep - oranje */
#topnavwrap .bgoranje {background-color:#EA9200;}

/* locaties - magenta */
#topnavwrap .bgmagenta {background-color:#DF0082;}

/* beleef vilavie - lila */
#topnavwrap .bglila {background-color:#59A8E0;}

/* contact | in de media | downloads | links - warmgrijs */
#topnavwrap .bgwarmgrijs {background-color:#979685;}


/********************
FORM STYLES
********************/

input, select, textarea {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#3C3536;
	margin-bottom:2px;
}
.txtinput {
	border:1px solid #3C3536;
}
.vbutton {
	padding-bottom:1px;
	font-size:1em;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	border:1px solid #979685;
	background-color:#979685;
	cursor:pointer;
}
.vbutton:hover {border:1px solid #fff;}


/********************
CLASSES
********************/

.floatright {float:right;}
.floatleft {float:left;}
.clear {clear:both;}
.sml {font-size:.9em;}
.hdr-logo {float:right;}
.pr-icon {margin-left:18px;}
.lichtgrijs {color:#A8A99C;}
.wit{color:#fff;}
 a.wit, a.wit:visited {color:#fff; text-decoration:none;}
 a.wit:hover {color:#fff; text-decoration:underline;}
.zwart{color:#3C3536;}
 a.zwart, a.zwart:visited {color:#3C3536; text-decoration:none;}
 a.zwart:hover {color:#3C3536; text-decoration:underline;}
.blauw  {color:#0081CF;}
 a.blauw, a.blauw:visited {color:#0081CF; text-decoration:none;}
 a.blauw:hover {color:#0081CF; text-decoration:underline;}
.nieuwskop  {color:#3C3536;}
 a.nieuwskop, a.nieuwskop:visited {color:#3C3536; text-decoration:none;}
 a.nieuwskop:hover {color:#3C3536; text-decoration:underline;}  
.logolist img {margin-bottom:22px;}

