@charset "UTF-8";
body { 
background: #fff; 
margin: 0; 
padding: 0;
text-align: center; 
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; 
font-weight: normal; 
font-style: normal; 
line-height: 16px;
height: 100%; 
}
* { 
margin: 0;
padding: 0;
}

a { 
outline: none;
}

.oneColFixCtr #container { background-color: transparent; background-image: url(bg_body.gif); background-repeat: no-repeat; background-position: 0 0; width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left; /* this overrides the text-align: center on the body element. */
	height: 650px; position: relative; margin: 0 auto; }
.oneColFixCtr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
/* HOOFDMENU */
#hoofdmenu    { background-color: transparent; padding: 0; width: 168px; margin: 0; position: absolute; left: 6px; top: 27px; }
#hoofdmenu ul,
#hoofdmenu ul li,
#hoofdmenu ul ul {
  margin: 0;
  border: 0;
  padding: 0;
  width: 168px; /*For KHTML*/
  list-style: none;
}
#hoofdmenu ul li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

#hoofdmenu ul a { padding: 5px 3px 8px 20px; display: block; background: #470052; color: white; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; letter-spacing: 1px; height: auto !important; height: 1%; margin-bottom: 6px; /*For IE*/
}
#hoofdmenu ul a.actief { padding: 5px 3px 8px 20px; display: block; background: #bb001b; color: white; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; letter-spacing: 1px; height: auto !important; height: 1%; margin-bottom: 6px; /*For IE*/
}
/* Hoofdmenu Hover */
#hoofdmenu ul a:hover,
#hoofdmenu ul li:hover a,
#hoofdmenu ul li.iehover a {
  background: #bb001b;
  color: #fff;
}

/*SUBMENU*/
#bgsubmenu { background-color: transparent; background-image: url(bg_sub.gif); background-repeat: no-repeat; height: 259px; width: 304px; margin: 0; position: absolute; left: 174px; top: 0; overflow: hidden; padding: 0; }
#bgsubmenu .video { top: 10px; padding-top: 12px; padding-left: 12px; }
a.skipintro:link { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; float: right; padding-right: 30px; }
a.skipintro:visited { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; float: right; padding-right: 30px; }
a.skipintro:hover { color: #450e52; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; float: right; padding-right: 30px; }
a.skipintro:active { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; float: right; padding-right: 30px; }

#submenu { background-color: transparent; width: 268px; z-index: 10000; margin-top: 13px; margin-left: 18px; }
#submenu ul, #submenu ul li { margin: 0; border: 0; padding: 0; list-style-type: none; }
#submenu ul li { display: block !important; /*For GOOD browsers*/
  position: relative; cursor: pointer; }

#submenu ul a { color: white; font: 13px/19px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; /*For IE*/
}
#submenu ul a.actief { color: #450e52; font: bold 13px/19px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; /*For IE*/
}
/* Submenu Hover */
#submenu ul a:hover,
#submenu ul li:hover a,
#submenu ul li.iehover a { color: #450e52; font-weight: bold; }

#submenu a.loginaanmelden:link { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; float: right; padding-right: 16px; }
#submenu a.loginaanmelden:visited { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; float: right; padding-right: 16px; }
#submenu a.loginaanmelden:hover { color: #450e52; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; float: right; padding-right: 16px; }
#submenu a.loginaanmelden:active { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration: underline; float: right; padding-right: 16px; }
/* LOGIN */
#submenu h1 { color: white; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; letter-spacing: 1px; margin-bottom: 12px; }
#submenu .loginlabel { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; float: right; padding-right: 16px; }
#submenu .logininput { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 257px; height: 23px; margin-bottom: 8px; padding-top: 5px; padding-left: 4px; border: solid 1px white; }
#submenu .loginsubmit{ color: #450e52; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; background-color: white; text-decoration: none; letter-spacing: 1px; background-image: url(login-key-over.gif); background-repeat: no-repeat; background-position: 4px center; text-align: left; width: 124px; height: 26px; margin-top: 8px; padding-left: 28px; border-style: none; cursor: pointer; }
#submenu .loginsubmit:hover{ color: #bb001b; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; background-color: white; text-decoration: none; letter-spacing: 1px; background-image: url(login-key.gif); background-repeat: no-repeat; background-position: 4px center; text-align: left; width: 124px; height: 26px; margin-top: 8px; padding-left: 28px; border-style: none; cursor: pointer; }

/*CONTENT*/
#tekstblok { height: 510px; width: 458px; margin: 0; padding: 0 40px 0 0; position: absolute; left: 495px; top: 40px; overflow: auto; }
#tekstblok p { color: white; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; text-decoration: none; margin: 0px; }
#tekstblok h1 { color: white; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; letter-spacing: 1px; margin-bottom: 12px; }
#tekstblok input[type=text] { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 377px; height: 23px; margin-bottom: 8px; padding-top: 5px; padding-left: 4px; border: solid 1px white; }
#tekstblok textarea { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 377px; height: 110px; overflow: auto; margin-bottom: 8px; padding-top: 5px; padding-left: 4px; border: solid 1px white; }
#tekstblok input[type=submit]{ color: #b80026; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; background-color: white; text-decoration: none; letter-spacing: 1px; background-image: url(mail.gif); background-repeat: no-repeat; background-position: 4px center; text-align: left; width: 124px; height: 26px; margin-top: 8px; padding-left: 28px; border-style: none; cursor: pointer; }
#tekstblok input[type=submit]:hover{ color: #450e52; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; background-color: white; text-decoration: none; letter-spacing: 1px; background-image: url(mail-over.gif); background-repeat: no-repeat; background-position: 4px center; text-align: left; width: 124px; height: 26px; margin-top: 8px; padding-left: 28px; border-style: none; cursor: pointer; }
#tekstblok .maillabel { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; float: right; padding-right: 44px; }
#tekstblok .mailinput { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 377px; height: 23px; margin-bottom: 8px; padding-top: 5px; padding-left: 4px; border: solid 1px white; }
#tekstblok .mailbericht { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 377px; height: 110px; overflow: auto; margin-bottom: 8px; padding-top: 5px; padding-left: 4px; border: solid 1px white; }
#tekstblok .mailsubmit{ color: #b80026; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; background-color: white; text-decoration: none; letter-spacing: 1px; background-image: url(mail.gif); background-repeat: no-repeat; background-position: 4px center; text-align: left; width: 124px; height: 26px; margin-top: 8px; padding-left: 28px; border-style: none; cursor: pointer; }
#tekstblok .mailsubmit:hover{ color: #450e52; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; background-color: white; text-decoration: none; letter-spacing: 1px; background-image: url(mail-over.gif); background-repeat: no-repeat; background-position: 4px center; text-align: left; width: 124px; height: 26px; margin-top: 8px; padding-left: 28px; border-style: none; cursor: pointer; }

#tekstblok a:link { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; line-height: 16px; text-decoration: underline; }
#tekstblok a:visited { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; line-height: 16px; text-decoration: underline; }
#tekstblok a:hover { color: #bb001b; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; line-height: 16px; background-color: transparent; text-decoration: none; }
#tekstblok a:active { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; line-height: 16px; text-decoration: underline; }
#tekstblok li {	margin-left: 30px;}
#tekstblok ul { margin-top: 1px; margin-bottom: 1px; }
#tekstblok ol { margin-top: 1px; margin-bottom: 1px; }

#tekstblok .klein9px { font-size: 8px; }
#tekstblok .groter15px { font-size: 15px; }
#tekstblok .grootst20px { font-size: 20px; }

/* MENU onderaan pagina */
#socialmediadiv { position: absolute; top: 560px; left: 497px; }

#ondermenutje { position: absolute; top: 560px; left: 650px; }
#ondermenutje a { padding: 5px 20px 8px 0; color: white; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; letter-spacing: 1px; }
/*
#ondermenutje a.actief { padding: 5px 3px 8px 20px; background: #bb001b; color: white; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; letter-spacing: 1px; height: auto !important; height: 1%; margin-bottom: 6px;}
*/
#ondermenutje a:hover {
  color: #bb001b;
}

/*OPEN DAG button*/
#opendagButton { padding: 0; height: 207px; width: 135px; margin: 0; position: absolute; left: 10px; top: 235px; overflow: hidden; }


/*RSSfeed*/
#rssfeed { color: #450e52; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0; height: 100px; width: 370px; margin: 0; position: absolute; left: 42px; top: 420px; overflow: auto; }
#rssfeed a:link { color: #450e52; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; text-decoration: none; }
#rssfeed a:visited { color: #450e52; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; text-decoration: none; }
#rssfeed a:hover { color: #bb001b; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; text-decoration: underline;}
#rssfeed a:active { color: #450e52; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; text-decoration: none; }
#rssfeed p { color: #450e52; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: normal; letter-spacing: 1px; margin: 0; padding: 0; }
#rssfeed h2 { color: #450e52; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: normal; letter-spacing: 1px; margin: 0 0 3px; padding: 0; }
#rssfeed h2 .klein{ color: #450e52; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; line-height: normal; padding: 0; }


/*FOOTER*/
#footer { padding: 0; height: 40px; width: 960px; margin: 0; position: absolute; left: 20px; top: 598px; overflow: hidden; }
#footer p { color: #440e51; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 12px; letter-spacing: 1px; margin: 0; padding: 0; }


 /* h1 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 14px; font-weight: bold; color: #6d6c88; font-style: italic; background-image: url(../beheer/afbeeldingen/favicon.gif); background-repeat: no-repeat; background-position: 0 6px; width: 80%; margin-bottom: 18px; padding-bottom: 8px; padding-top: 4px; padding-left: 22px; border-bottom: 1px solid #6d6c88; }
*/

/* TOEVOEGING VOOR HET SUBSUBMENU */

#bgsubsubmenu { background-color: transparent; background-image: url(bg_sub_sub.gif); background-repeat: no-repeat; height: 400px; width: 304px; margin: 0; position: absolute; left: 174px; top: 0; overflow: hidden; padding: 0; }
#subsubmenu { background-color: transparent; position: absolute; top: 266px; left: 24px; width: 255px; height: 120px; z-index: 10000; overflow: auto; }
#subsubmenu ul, #submenu ul li { margin: 0; border: 0; padding: 0; list-style-type: none; }
#subsubmenu ul li { display: block !important; /*For GOOD browsers*/
  position: relative; cursor: pointer; }

#subsubmenu ul a { color: white; font: 12px/18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; /*For IE*/
}
#subsubmenu ul a.subsubactief { color: #450e52; font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; /*For IE*/
}
/* Subsubmenu Hover */
#subsubmenu ul a:hover,
#subsubmenu ul li:hover a,
#subsubmenu ul li.iehover a { color: #450e52; font-weight: bold; } 

/* ** NEWSTICKER ** */
#newsticker{ width:880px; height:40px; margin:3px auto 0 0; }
#newsticker ul li { display: block; width: 390px; padding: 2px; font: 10px Verdana; height: 40px; float: left; margin-right: 20px;;
	}
		
#newsticker ul li a:link,
#newsticker ul li a:visited {
			color: #450e52;
			text-decoration:underline;
		}
#newsticker ul li a:hover { color: #bb001b; text-decoration:none; }