html, td, body, div, p, ul, li, h1, h2, h3, h4
{ font-family:Calibri, Arial, Verdana, Helvetica, Sans-Serif; font-weight:normal; font-style:normal; font-size:14px; color:#fff; }
html { height:101%; }
html, body { margin:0px; padding:0px; border:0px; background-color:#043669; }
body { min-height:101%; background:url('../img/bg_body.gif') top left repeat-x; }
img { border:none; }
p { margin:0px 0px 10px 0px; line-height:1.4em; }
p.right { text-align:right; }
p.small { font-size:85%; }
p.white { background-color:#fff; color:#000; padding:15px; }
input { font-family:Calibri, Arial, Verdana, Helvetica, Sans-Serif; font-size:1.1em; }
textarea { font-family:Calibri, Arial, Verdana, Helvetica, Sans-Serif; font-size:1em; }
/* generic layout */
#MetaLayoutHome { height:100%; width:100%; background:url('../img/bg_header.jpg') top center no-repeat; }
#MetaLayoutNext { height:100%; width:100%; background:url('../img/bg_header.jpg') top center no-repeat; }
#Layout { margin:0 auto; position:relative; width:920px; }
#Content { padding:10px 0px 10px 0px; min-height:500px; }
.ContentSection { margin-bottom:20px; }
#header_home { position:relative; height:160px; background:url('../img/header.png') top left no-repeat; background-position:0px 20px; }
#header { position:relative; height:160px; background:url('../img/header.png') top left no-repeat; background-position:0px 20px; }
#header_home_tgg { position:relative; height:160px; background:url('../img/header_tgg.png') top left no-repeat; background-position:0px 20px; }
#header_tgg { position:relative; height:160px; background:url('../img/header_tgg.png') top left no-repeat; background-position:0px 20px; }
#footer { border-top:1px solid #ff9900; padding:30px 0px 50px 0px; margin:40px 0px 0px 0px; }
#footer .column { float:left; width:220px; font-size:90%; }
#mainmenu { position:absolute; bottom:0px; left:0px; width:100%; border-top:1px solid #ff9900; padding:10px 0px 10px 0px; }
#mainmenu ul { list-style-type:none; padding:0px; margin:0px; }
#mainmenu li { float:left; border-left:2px solid #4378a1; padding:0px 8px 0px 8px; font-size:135%; font-weight:normal; color:#5792b8; }
#mainmenu a, #mainmenu a:link, #mainmenu a:visited
{ font-weight:normal; }
#mainmenu a.active { font-weight:normal; color:#ff9900; }
#submenu { border-bottom:1px solid #4378a1; padding-bottom:15px; margin-bottom:15px; margin-top:10px; }
#submenu ul { list-style-type:none; padding:0px; margin:0px; }
#submenu li { padding:0px 0px 5px 0px; margin:0px; }
#left { float:left; width:200px; }
#center { float:left; width:470px; padding:0px 30px 0px 20px; }
#center.wide { float:left; width:700px; padding:0px 0px 0px 20px; }
#right { float:left; width:200px; }
.small { font-size:85%; font-weight:normal; color:#fff; }
#popup { margin:10px; padding:10px; border:1px solid #53759a; }
.clearfloat { clear:both; }
.required { font-size:1.5em; color:#ff9900; margin:0px 0px 0px 15px; }
.section { border-bottom:1px solid #4378a1; padding-bottom:15px; margin-bottom:15px; }
/* introducing new headers, please use these for each new implementation */
h1 { font-size:160%; font-weight:normal; color:#ff9900; margin:0px 0px 10px 0px; }
h2 { font-size:140%; font-weight:normal; color:#ff9900; margin:0px 0px 10px 0px; }
h3 { font-size:120%; font-weight:normal; color:#ff9900; margin:0px 0px 10px 0px; }
h4 { font-size:100%; font-weight:normal; color:#fff; margin:0px 0px 10px 0px; }
h5 { font-size:100%; font-weight:normal; color:#ff9900; margin:0px; }
h6 { font-size:100%; font-weight:bold; margin:0px; }
/* links */
a, a:link, a:visited { text-decoration:none; font-weight:bold; color:#fff; }
a:hover { text-decoration:none; font-weight:bold; color:#ff9900; }
a.bullet { background:url('/img/bullet-a.gif') center left no-repeat; padding-left:10px; text-decoration:none; font-weight:bold; color:#fff; }
a.bullet:hover { text-decoration:none; color:#ff9900; }
a.bullet_active { background:url('/img/bullet-a.gif') center left no-repeat; padding-left:10px; text-decoration:none; font-weight:bold; color:#ff9900; }
a.bullet_inactive { background:url('/img/bullet-a.gif') center left no-repeat; padding-left:10px; text-decoration:none; font-weight:normal; color:#5792b8; }
a.Menu:link, a.Menu:visited { font-weight:bold; color:#fff; }
a.Menu:hover { font-weight:bold; color:#ff9900; }
a.ActiveMenu:link { font-weight:bold; color:#ff9900; }
a.ActiveMenu:visited { font-weight:bold; color:#ff9900; }
a.ActiveMenu:hover { font-weight:bold; color:#ff9900; text-decoration:underline; }
a.Werkgroep:link { font-weight:bold; text-decoration:none; color:#333333; }
a.Werkgroep:hover { font-weight:bold; text-decoration:underline; color:#ff9900; }
a.Werkgroep:visited { text-decoration:none; font-weight:bold; color:#333333; }
a.parheader:link, a.parheader:visited
{ font-weight:normal; color:#ff9900; }
a.parheader:hover { color:#fff; }
.PlainWhite { font-weight:normal; color:white; }
.Black { font-weight:normal; color:black; }
.PollButton2 { font-family:Arial, "Trebuchet MS","Sans serif", "Helvetica"; font-size:11px; font-weight:normal; color:white; width:120px; background-color:#ffffff; }
.PollButton { font-weight:normal; color:#fff; width:120px; background-color:#003366; }
.PollButtonSmall { font-size:85%; font-weight:normal; color:#fff; width:80px; background-color:#003366; }
TD.PollBody { font-style:italic; padding:5px 0px 5px 0px; }
TD.PollHeader { font-weight:bold; color:#ff9900; border-bottom:1px solid #ff9900; padding-bottom:2px; }
#Calculator { width:850px; height:400px; border:1px solid #ff9900; text-align:left; padding:10px; margin:10px; }
#TableFirstColumn { width:180px; text-align:left; padding:0px; margin-bottom:10px; }
#TableSection { width:80px; text-align:right; padding:0px; margin-bottom:10px; }
#TableSectionHeader { width:80px; height:70px; text-align:right; padding:0px; }
#TableSectionHeader2 { width:220px; margin-left:20px; height:75px; text-align:center; margin-bottom:10px; border-bottom:1px solid #fff; }
#TableSectionHeader2Void { width:100%; height:75px; margin-bottom:10px; border-bottom:1px solid #fff; }
#Remarks { font-size:90%; color:#ffffff; border:1px solid #53759A; text-align:left; padding:10px; width:850px; margin:10px; }
.Bullet { font-size:80%; color:#ff9900; margin-right:3px; }
#Sluit { text-align:right; margin:5px 0px 10px 0px; }
#Feedback { border:1px solid #fff; font-style:italic; text-align:center; background-color:#3b75ae; padding:15px; }
#downloaddocs { margin:0px 20px 0px 0px; }
#onlinedocuments { margin:0px 20px 0px 0px; }
#onlinedocuments .section { margin:0px 0px 20px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #53759A; }
.labelform { display:none; margin:2px 0px 5px 0px; }
/* Connect */
#connect { margin:0px 20px 0px 0px; }
#connectmenu { text-align:right; border-bottom:1px solid #53759A; margin-bottom:5px; }
#connectmenu .tab { border:1px solid #53759A; border-bottom:none; float:right; padding:3px 8px 3px 8px; margin-right:10px; }
#connectmenu .tab.active { background-color:#3b75ae; }
#expertise { display:none; }
#connectsearchresult { border-top:1px solid #53759A; border-bottom:1px solid #53759A; padding:5px 0px 5px 0px; }
#connectsearchresult .logon { margin-bottom:2px; }
#connectsearchresult .logondetails { display:none; border:1px solid #53759A; padding:5px; margin-bottom:10px; }
#connectmessage { border:1px solid #53759A; padding:5px; margin-bottom:10px; }
#connectmailbox .row { margin-bottom:2px; }
#connectmailbox .row:hover { background-color:#3b75ae; cursor:pointer; }
#connectthread { margin-bottom:20px; }
#connectthread .rowparent { padding:2px; margin-bottom:5px; background-color:#3b75ae; }
#connectthread .rowchild { padding:2px 2px 2px 10px; margin:0px 0px 2px 0px; border-bottom:1px dashed #53759A; }
#connectthread .rowbody { display:none; padding:5px; margin-bottom:10px; }
.fromto { padding-bottom:2px; margin-bottom:2px; border-bottom:1px dotted #fff; }
/* Brochures */
.brochure { float:left; position:relative; width:140px; height:260px; margin:0px 15px 20px 0px; padding:5px; border:1px solid #35698F; }
.brochure .downloadlink { font-size:90%; position:absolute; left:5px; bottom:5px; }