/* Stylesheet 'All' */
@charset "utf-8";
/* CSS Document */

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

/** reset defaults **/
body, html, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, p, img {margin:0;padding:0;}
img {border:none;}

body, html {height:100%;}
body {text-align:center;}
.bd-paars {background:#2B1762 url(images/cms/page-bg-paars.png) center repeat-y;}
.bd-blauw {background:#161C68 url(images/cms/page-bg-blauw.png) center repeat-y;}
.bd-groen {background:#045104 url(images/cms/page-bg-groen.png) center repeat-y;}
.bd-rood  {background:#5D0015 url(images/cms/page-bg-rood.png)  center repeat-y;}

/** headings **/
h1 {font-size:1em; margin:12px 0 4px 0;}
h2 {font-size:1em;}

/** links **/
a:link, a:visited, a:hover {color:#4B5762;text-decoration:underline;}
a:hover {color:#4B5762;text-decoration:none;}


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

#pagewrap {
	width:876px;
	padding-top:4px;
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
	font:.7em Verdana, Arial, Helvetica, sans-serif;
	color:#4B5762;
	/* stickey footer*/
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px;
}
#header {
	width:871px;
	height:202px;
	margin-left:3px;
}
#footer, #push {
	height: 20px;
}
#footer {
	font:.6em Verdana, Arial, Helvetica, sans-serif;
	color:#4B5762;
}
.hdr-paars {background:url(images/cms/header-paars.jpg) no-repeat;}
.hdr-blauw {background:url(images/cms/header-blauw.jpg) no-repeat;}
.hdr-groen {background:url(images/cms/header-groen.jpg) no-repeat;}
.hdr-rood  {background:url(images/cms/header-rood.jpg)  no-repeat;}


#content {
	margin-top:12px;
}
#sidebar {
	width:245px;
	margin-left:3px;	
	display:inline;
	float:left;	
}
#main {
	width:548px;
	margin-left:25px;
	padding:0 19px;
	display:inline;
	float:left;
	min-height:420px;
	height:auto !important;
	height:420px;
	background:url(images/cms/bg-main.png) no-repeat;
	line-height:21px;
}
#main ul {
	margin-top:2px;
}

table {
	line-height:18px;
}

/** menu **/
#globalnav {
	padding:7px 0 0 15px;
	min-height:21px;
	height:auto !important;
	height:21px;
	border-top:1px solid #CACACA;
	border-bottom:1px solid #CACACA;
	font-weight:bold;
}
#globalnav a {text-decoration:none;}
#leftnav {
	min-height:420px;
	height:auto !important;
	height:420px;
	background:url(images/cms/bg-menu.png) no-repeat;
}

/** search **/
#search {
	padding:7px 0 12px 15px;
	border-bottom:1px solid #CACACA;
}

/** home **/
.hm-holder {
	width:504px;
	padding-right:20px;
	min-height:138px;
	height:auto !important;
	height:138px;
	border:1px solid #4B5762;
	line-height: 17px;
}
.hm-focus-img {
	margin: 2px 22px 2px 2px;
	float:left;
}
.p-header {
	margin: 12px 0 4px 0;
}

/********************
MENU
*********************/
#menu_vert {
   padding-left: 0;
   margin-left: 0;
}

#menu_vert ul, #menu_vert li {
   margin: 0;
   padding: 0;
}

/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #CACACA;
   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 30px; /* some air for it */
   color: #572600; /* this will be link color for all levels */
   background: url(images/cms/arrow-right.gif) no-repeat 16px center; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding */
div#menu_vert ul ul a {
   padding: 0.8em 0.5em 0.8em 4em;
   background-position: 32px center;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding: 0.6em 0.5em 0.6em 4.7em;
   background: url(images/cms/dash.gif) no-repeat 40px center; 
}

/* hover state for all links */
div#menu_vert a:hover {
   background-color: #DBDBDB;
}

div#menu_vert a.activeparent:hover {
   background-color: #DBDBDB;
   color: #572600;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background: url(images/cms/arrow-down.gif) no-repeat 16px center; 
   background-color: #DBDBDB;
   color: #572600;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 30px center; 
   background-color: transparent;
   color: #572600;
}

/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
   font-size: 100%;
   background: url(images/cms/arrow-right-active.gif) no-repeat 12px center;
   background-color: #DBDBDB;
   display: block; 
   padding: 0.8em 0.5em 0.8em 30px;  /* some air for it */
   color: #572600;/* this will be link color for all levels */
   margin: 0;/* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 100%;
   padding: 0.3em 0.5em 0.3em 4em;
   background-position: 28px center;
   background-color: transparent;
   border-bottom: none;
   color: #572600;
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.7em;
   background: url(images/cms/arrow-right-active.gif) no-repeat 37px center;
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

/* separator */
div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; /* this is for accessibility */
}

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

input, select {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#4B5870;
}
.vbutton {
	width:95px;
	margin:24px 0 0 351px;
	letter-spacing:1px;
	font-weight:bold;
	display:inline;
	cursor:pointer;
}

/********************
GENERIC CLASSES
********************/
.floatright {float:right;}
.floatleft {float:left;}
.clear {clear:both;}
.small {font-size:.9em;}
.hide {display:none;}

/********************/

/* Start sIFR styles */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1#pageheader {
	visibility: hidden;
	font-size: 21px;
	line-height:normal;
	margin-left:-1px;
}
/* End sIFR styles */

/* End of 'All' */