@charset "utf-8";

/* 
	#### BROWSER RESET
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


/* 
#### BASIS STIJLEN 
*/

body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px;  background: #ffffff; }
.clr { height: 100%; overflow: hidden; }
.pagebox { position: relative; width: 940px; margin: 0 auto; }



a { color: black; }
a:hover { text-decoration: none; }

#header { height: 101px; background: url(images/header_bg.gif) repeat-x white; border-bottom: 1px solid #7f7f7f; margin-bottom: 32px; }
#header .logo { position: absolute; top: 25px; }
#header .tagline { position: absolute; top: 58px; right: 0; }


#header .nav-lang { list-style-type: none; width:110px; z-index:100; margin-top:13px; position: absolute; top: 5px; right: 4px; height: 22px; padding: 10px; }
/*
	#header .nav-lang { list-style-type: none; width:110px; z-index:100; margin-top:30px; position: absolute; top: 5px; right: 4px; height: 66px; padding: 3px 3px 0 3px; background: black; border-left: 1px solid #888888; border-bottom: 1px solid #888888; border-right: 1px solid #888888; }
*/
#header .nav-lang li { padding-left:5px; display:inline-table; height:23px; background:black; width:114px;}
#header .nav-lang li a { padding: 0 3px; color:white; text-decoration: none;}

#header .nav-lang-select { width:110px; position: absolute; top: 5px; right: 5px; height: 22px; padding: 3px 3px 0 3px; background: black; border-left: 0px solid #888888; border-bottom: 1px solid #888888; border-right: 0px solid #888888; }
#header .nav-lang-select li { display: inline; }
#header .nav-lang-select li a { padding: 0 3px; color:white; text-decoration: none;}

#header .search { width:160px; position: absolute; top: 5px; right: 120px; height: 22px; padding: 3px 3px 0px 3px; background: black; border-left: 1px solid #888888; border-bottom: 1px solid #888888; border-right: 1px solid #888888; }
#header .search .searchfield { width: 100px; padding-top: 2px; height: 14px; border: 1px solid black; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px;   }
#header .search .btn { float: left; margin-top: 1px; }

#content { background: white; }

#footer { padding: 10px 0 20px 0; background: white; border-top: 1px solid #7f7f7f; margin-top: 10px;}
#footer .copyright { float: left; font-size: 12px; color: #7f7f7f; }
#footer .blueberry { float: left; font-size: 12px; color: #b4b4b4; text-decoration:none;}
#footer .nav-footer { float: right; }
#footer .nav-footer li { list-style: none; display: inline; }
#footer .nav-footer li a { float: left; display: block; height: 46px;  font-size: 0; line-height: 0; text-decoration: none; text-indent: -20px; }
#footer .nav-footer li a.nivd { width: 117px; background: url(images/nav-footer_nidv_bg.gif) no-repeat top; }
#footer .nav-footer li a.vnoncw { width: 115px; background: url(images/nav-footer_vnoncw_bg.gif) no-repeat top; }
#footer .nav-footer li a.veritas { width: 112px; background: url(images/nav-footer_veritas_bg.gif) no-repeat top; }
#footer .nav-footer li a.ata { width: 70px; background: url(images/ata.gif) no-repeat top; }
#footer .nav-footer li a.kiwaiso { width: 41px; background: url(images/nav-footer_kiwaiso_bg.gif) no-repeat top; }
#footer .nav-footer li a.kiwaaz { width: 41px; background: url(images/nav-footer_kiwaaz_bg.gif) no-repeat top; }

#footer .nav-footer li a:hover { background-position: bottom; }

#nav-main { height: 32px; background: white; border-bottom: 1px solid #7f7f7f; position: absolute; z-index: 20!important; top: 102px; width: 100%; }
#nav a { display: block; padding: 10px 20px 6px 0; font-size: 13px; font-weight: bold; text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav li { list-style: none;	float: left; }

#nav li ul { position: absolute; width: 14em; left: -999em; }
#nav li ul ul { margin: -2em 0 0 14em; border-top: 1px solid white; border-left: 1px solid white; width: 14em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; }
#nav li:hover, #nav li a:hover, #nav li a.selected { background: url(images/nav-main_a-toplevel_hover.gif) left bottom no-repeat; }

#nav li li a { height: 20px; font-size: 11px; padding: 9px 0 0 0; color: white; background: #000000; opacity:.88;filter: alpha(opacity=88); -moz-opacity: 0.88;  }
#nav li li a:hover { background: #999999; }
#nav li li:hover { background-image: none; }
#nav li li a.more { background: url(images/nav-main_a-secondlevel_more.gif) 195px 13px no-repeat #7f7f7f; }
#nav li li a.more:hover { background: url(images/nav-main_a-secondlevel_more.gif) 195px 13px no-repeat #999999; }
#nav li ul { margin-left: -10px; }
#nav li ul li a { padding-left: 10px; }
#nav li li { width: 14em; border-bottom: 1px solid white; }

#content.homepage { padding: 20px 0 30px 0; }
#content.homepage #banner_homepage { margin-bottom: 30px; }
#content.homepage .intro { float: left; width: 428px; padding-right: 30px;  line-height:22px;}
#content.homepage .intro h1 { font-size: 20px; margin-bottom: 3px; }
#content.homepage .cta { float: left; width: 190px; padding: 0 20px; border-left: 1px solid #7f7f7f; line-height:22px;}
#content.homepage .cta h2 { font-size: 20px; margin-bottom: 3px; }
#content.homepage p { margin-bottom: 7px; }
#content.homepage a.readmore { padding-right: 12px; background: url(images/ico_arrow.gif) no-repeat right 8px; }
#content.homepage a.ctalink { font-size: 13px; }

.subpage { padding: 20px 0 30px 0; }
#content.homepage #banner_subpage { margin-top: 20px; }
#content.subpage .col-a { float: left; margin-top: 20px; width: 695px; padding-right: 25px; border-right: 1px solid #7f7f7f;  }
#content.subpage h1.pagetitle { font-size: 24px; margin-bottom: 2px; }
#content.subpage .crumpath { font-size: 11px; text-transform: lowercase; margin-bottom: 10px; } 
#content.subpage p { line-height: 24px; margin-bottom: 15px; }
#content.subpage .col-a div { line-height: 24px; }
#content.subpage h2 { font-size: 17px; }
#content.subpage h3 { font-size: 15px; }
#content.subpage ul, #content.subpage ol { list-style: outside square; margin: 0 0 15px 30px; line-height: 20px; }

#content.subpage caption { font-weight: bold; font-size: 15px; display: none; }
#content.subpage table { border-collapse: collapse; margin-left: 2px; width: 80%; text-align: left; }
#content.subpage table th { background: black; color: white; }
#content.subpage table th, #content.subpage table td { border: 1px solid black; padding: 4px; }

#content.subpage .col-b { float: right; width: 208px; margin: 20px 10px 0 0; } 
#content.subpage .col-b .nav-meta { list-style: none; font-size: 0; line-height: 0; }
#content.subpage .col-b .nav-meta a { display: block; font-size: 13px; line-height: 23px; font-weight: bold; padding: 3px 0; border-top: 1px solid #7f7f7f; background: url(images/ico_arrow.gif) no-repeat right 10px; text-decoration: none; } 
#content.subpage .col-b .nav-meta a.first { border-top: none; }
#content.subpage .col-b .nav-meta a:hover { text-decoration: underline; }

/*
	Form styles
*/

.inputStyled.error { border: 1px solid #c02020; }
.inputStyled {
	border:1px solid #7f7f7f;
	color:#000000;
	float:left;
	padding:4px;
	font-family:inherit;
	font-size:1em;
}

.textareaStyled {
	border:1px solid #7f7f7f;
	color:#000000;
	float:left;
	padding:4px;
	font-family:inherit;
	font-size:1em;
}

.labelStyled {
	float:left;
	line-height:20px;
	width:150px;
}

.formStyled {
	display:block;
	clear:both;
	padding:5px 0px 0px 0px;
	overflow:hidden;
}

.labelRadioCheckbox {
	margin:0px 0px 0px 5px;
	line-height:20px;
}

.inputRadioCheckbox {
	display:inline;
}

#error { position:absolute;z-index:10; background-color:#FFFFFF; }
#error #error-text { color:#c02020; font-weight:bold; }