@import url(reset.css);

body 
{
background-image: url('pgnavbg.jpg');
background-repeat: repeat-y;
background-position: 30px;
background-color: #fff;
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 62.5%;
}

strong {font-weight: 700;}

#pgheader 
{
background-image: url('pgheaderbg.jpg');
background-repeat: no-repeat;
background-color: #0e75b2;
height: 91px;
min-width: 785px;
}

#pgfuncnav
{
background-color: transparent;
color: #fff;
font-size: 1.0em;
padding-top: 20px;
float: right;
width: 36em; 
z-index: 1;
}

#pgfuncnav ul 
{
background-color: #164772;
background-image: url('pgfuncnavbg.jpg');
background-repeat: repeat-y;
margin: 0; 
padding: 0 10px 0 50px;
line-height: 2em;
height: 2em;
}

#pgfuncnav ul li {display: block; float: left; margin: 0; padding: 0 0.7em 0 0.8em; background: url('pipe.jpg') left 0.6em no-repeat; font-size: 1.1em;}
#pgfuncnav ul li.first {background-image: none;}
#pgfuncnav ul li a:link, #pgfuncnav ul li a:visited {color: #fff; text-decoration: none;}
#pgfuncnav ul li a:active, #pgfuncnav ul li a:hover {color: #fff; text-decoration: underline;}
#pgfuncnav ul li img {margin-top: 0.4em;}

#logo
{
position: absolute;
top: 0;
left: 0;
background-color: white;
width: 220px;
text-align: center;
}

#baseline
{
position: absolute;
top: 60px;
left: 235px;
font-size: 1.1em;
color: white;
background-color: transparent;
}

#pgbreadsearch
{
background-color: #011638;
background-image: url('pgbreadsearchbg.jpg');
background-repeat: repeat-x;
color: #fff;
width: 100%;
min-width: 785px;
font-size: 1.0em;
line-height: 2em;
}

#pgbreadcrumb {float: left; padding-left: 235px;}
#pgbreadcrumb #B_crumbTitle {position: absolute; left: -9999px; font-size: 1.1em;}
#pgbreadcrumb ul {float: left;}
#pgbreadcrumb ul li {display: block; float: left; margin: 0 1em 0 0; font-size: 1.1em;}
#pgbreadcrumb ul li a:link, #pgbreadcrumb ul li a:visited {color: #fff;}

#pgsearch
{
float: right;
background-color: #c32033;
background-image: url('pgsearchbg.jpg');
background-repeat: repeat-y;
padding: 0 10px 0 50px;
height: 2em; 
}

#ajaxSearch_input {border: solid 1px #950005;}
#ajaxSearch_submit {border: none; background-color: transparent; color: #fff; font-size: 1.1em; font-weight: 700;}


#pgcontent .ajaxSearch_highlight {font-weight: 700; background-color: yellow;}

#ajaxSearch_resultListContainer .ajaxSearch_pagination .ajaxSearch_paging {display: block; padding: 5px; border: solid 1px #11456D; margin-top: 1em;}
#ajaxSearch_resultListContainer .ajaxSearch_pagination .ajaxSearch_highlight {background-color: transparent;}

#ajaxSearch_resultListContainer .ajaxSearch_result {margin-top: 1em;}
#ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_resultLink {display: block;}
#ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_resultDescription {display: none; position: absolute; margin-left: -10000px;}
#ajaxSearch_resultListContainer .ajaxSearch_result .ajaxSearch_extract {display: block;}

#pgbody {width: 790px; font-size: 1.0em; background-color: transparent;}
#hpbody {width: 1000px; font-size: 1.0em; background-color: transparent;}


#pgnav
{
width: 220px;
float: left;
padding-top: 25px;
font-size: 1.1em;
overflow: hidden;
word-wrap: break-word;
background: transparent;
color: #182C47;
}

#pgnav ul {margin-top: 5px;  margin-bottom: 25px;}
#pgnav ul ul {margin-bottom: 5px;}
#pgnav ul ul ul {margin-bottom: 5px;}

#pgnav ul li {list-style-type: disc; margin-left: 25px; font-weight: normal; margin-bottom: 8px; color: #182C47;}
#pgnav ul li.active {font-weight: 700; color: #c32033;}
#pgnav ul li.active a:link, #pgnav ul li.active a:visited {color: #c32033;}
#pgnav ul li.active ul li a:link, #pgnav ul li.active ul li a:visited {color: #182C47;}
#pgnav ul li.active ul li ul li a:link, #pgnav ul li.active ul li ul li a:visited {color: #182C47;}

#pgnav ul li ul li {list-style-type: circle; font-weight: normal; margin-bottom: 0px; color: #182C47;}
#pgnav ul li.active ul li.active {font-weight: 700; color: #c32033;}
#pgnav ul li.active ul li.active a:link, #pgnav ul li.active ul li.active a:visited {color: #c32033;}
#pgnav ul li.active ul li.active ul li a:link, #pgnav ul li.active ul li.active ul li a:visited {color: #182C47;}

#pgnav ul li ul li ul li {list-style-type: square; font-weight: normal; margin-bottom: 0px; color: #182C47;}
#pgnav ul li.active ul li.active ul li.active {font-weight: 700; color: #c32033;}
#pgnav ul li.active ul li.active ul li.active a:link, #pgnav ul li.active ul li.active ul li.active a:visited {color: #c32033;}

#pgnav a:link, #pgnav a:visited {color: #182C47; text-decoration: none;}
#pgnav a:active, #pgnav a:hover {color: #182C47; text-decoration: underline;}

#pgnav .tgcvb {background:transparent;border-top:solid 1px #fff; border-bottom:solid 1px #fff; margin-top:35px;}
#pgnav .tgcvb ul {margin-top: 5px;  margin-bottom: 5px;}
#pgnav .tgcvb ul li {margin-left:10px; list-style-type:none; background: url('vlaamsbrabant.gif') top right no-repeat; margin-right:7px;}
#pgnav .tgcvb ul li ul li {margin-left:15px; list-style-type:disc; background:none; margin-right:0; }
#pgnav .tgcvb ul li ul li ul li {margin-left:25px;list-style-type:circle; background:none; margin-right:0; }
#pgnav .tgcvb ul li ul li ul li ul li {list-style-type:square; background:none; margin-right:0; }

#pgcontent {float: left; width: 550px; margin-left: 15px; padding-top: 20px; padding-bottom: 30px; font-size: 1.1em; color: #182C47;}
#pgcontent h1 {font-weight: 700; font-size: 1.5em; color: #c32033;}
#pgcontent h2 {font-weight: 700; font-size: 1.3em; margin-top: 2em;}
#pgcontent h3 {font-weight: 700; font-size: 1.1em; margin-top: 1em;}
#pgcontent h4 {font-size: 1.1em; margin-top: 1em;}
#pgcontent p {margin-top: 1em;}
#pgcontent ul {margin-top: 1em;}
#pgcontent ul ul {margin-top: 0;}
#pgcontent ul li {list-style-type: disc; margin-left: 2em;}
#pgcontent ul li ul li {list-style-type: circle;}
#pgcontent ul li ul li ul li {list-style-type: square;}
#pgcontent table {margin-top: 1em;}
#pgcontent th {padding: 5px; font-weight: 700;}
#pgcontent td {padding: 5px; border: solid 1px #11456D;}
#pgcontent img {border: solid 1px #11456D; margin-top: 1em;}

#hpcontent
{
float: left;
width: 775px;
margin-left: 5px;
margin-top: 20px;
font-size: 1.1em;
color: #182C47;
}

.fontsize100 {font-size: 100%; font-weight: 700;}
.fontsize120 {font-size: 120%; font-weight: normal;}
.fontsize140 {font-size: 140%; font-weight: normal;}

.hpgroup {float: left; width: 570px;}
.hpblock {float: left; width: 180px; border-left: solid 10px white; border-bottom: solid 20px white; word-wrap: break-word;}
.hpblock h2 {font-weight: 700; margin: 5px 0 5px 0;}
.hpblock h2 a:link, .hpblock h2 a:visited {color: #182C47;}

#hpcontent ul li {list-style-type: disc; margin-left: 1.5em;}
#hpcontent ul li ul li {list-style-type: circle;}
#hpcontent ul li ul li ul li {list-style-type: square;}


#hpnews {float: left; width: 180px; border-left: solid 20px white; background-image: url('hpnewsbg.jpg'); background-repeat: repeat-x; background-position: bottom; background-color: #11456D; color: #fff;}

#hpnews h2 {font-weight: 700; background-image: url('hpnewstitlebg.jpg'); background-repeat: repeat-x; background-color: #001437; height: 2em; line-height: 2em; padding-left: 10px; clear: both;}

#hpnews .newsItem {margin: 10px 6px 6px 10px;}
#hpnews .newsItem h3 a:link, #hpnews .newsItem h3 a:visited {font-weight: 700; color: #fff;}
#hpnews .newsItem img {float: right; margin: 10px 0 0 10px;}

#hpnews .hpmorenews {margin: 10px 6px 6px 10px; font-weight: 700;}
#hpnews .hpmorenews a:link, #hpnews .hpmorenews a:visited {color: #fff;}

#pgcontent .newsItem {margin-bottom: 10px;}

.pgnewssummary {font-weight: 700;}


/* FORM */
#pgcontent form {margin-top: 1em;}
.formRow {clear: both; padding-top: 10px; width: 500px;}
.formRow label {display: block; float: left; width: 178px; text-align: right;}
.formRow label.mandatory {width: 190px;}
.formRow label.mandatory span {padding-left: 5px;}
.formRow label.required, .formRow label.invalid {color: #c32033;}
.formRow .formField {display: block; float: right; width: 300px; text-align: left;}
.formButtons {clear: both; text-align: left; padding-left: 200px; padding-top: 10px;}
#errormessage {color: #c32033; margin-top: 1em;}
#errormessage .errors {font-weight: 700;}


/* CLEARFIX */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */