html, body
{
height: 100%;
}

/*** algemeen ***/
body {
  margin: 0;
  padding: 0;
  font-family: Tahoma;
  font-size: 100%;
  position: relative;
}

body {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.toplist strong, .toplist em, .toplist b, .toplist i 
{
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.toplist strong, .toplist b
{
font-weight: normal;
}

.toplist em, .toplist i
{
font-style: normal;
}

h1, h2, h3, h4, h5, h6, address, input 
{
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

body
{
background: url(gfx/bg_orange.gif) #e9540e;
}

body#kleur_xcms_list_2
{
background: url(gfx/bg_groen.gif) #9bc101;
}

body#kleur_xcms_list_3
{
background: url(gfx/bg_paars.gif) #4a2781;
}


#container
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 129px;
background: url(gfx/container_bg.gif) repeat-x; 
}

#wrapper
{
position: relative;
width: 920px;
margin: 0 auto;
height: 100%;
}

#content
{
float: left;
height: auto !important; /* real browsers */
height: 100%; /* IE6: treaded as min-height*/
min-height: 100%; /* real browsers */
}

#page_left
{
float: left;
width: 649px;
}

#header
{
float: left;
width: 648px;
height: 160px;
position: relative;
}

#headerbg
{
float: left;
width: 648px;
height: 160px;
display: block;
position: relative;
}

#headerbg .header_mask
{
position: absolute;
top: 94px;
left: 0;
}

.translogo
{
position: absolute;
top: 0;
left: 0;
width: 648px;
height: 160px;
z-index: 99;
}

#page_right
{
position: relative;
float: right;
width: 271px;
}

* html #page_right
{
position: absolute;
top: 0;
right: 0;
}

.search_btn
{
float: left;
display: block;
margin: 0;
position: absolute;
top: 37px;
width: 240px;
height: 34px;
background: url(gfx/btn_search.gif) no-repeat;
font-size: 9pt;
padding-right: 20px;
padding-left: 20px;
}

* html .search_btn
{
width: 200px;
}

.search_btn a
{
text-decoration: none;
color: #f5b292;
display: block;
width: 194px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
}

#kleur_xcms_list_2 .search_btn
{
background: url(gfx/btn_search_groen.gif) no-repeat;
}

#kleur_xcms_list_2 .search_btn a
{
text-decoration: none;
color: #d2e38c;
}

#kleur_xcms_list_3 .search_btn
{
background: url(gfx/btn_search_paars.gif) no-repeat;
}

#kleur_xcms_list_3 .search_btn a
{
text-decoration: none;
color: #ad9ec6;
}

#searchinput .button
{
display: block;
width: 16px;
height: 17px;
background: url(gfx/btn_search_bg.gif) no-repeat;
border: 0;
cursor: pointer;
margin-top: 7px;
margin-left: 7px;
}

#kleur_xcms_list_2 #searchinput .button
{
background: url(gfx/btn_search_bg_groen.gif) no-repeat;
}

#kleur_xcms_list_3 #searchinput .button
{
background: url(gfx/btn_search_bg_paars.gif) no-repeat;
}

input#Text1
{
display: block;
width: 160px;
height: 14px;
border: 0;
background: url(gfx/bg_orange.gif) #e9540e;
color: #ffb28c;
font-size: 8pt;
margin-top: 9px;
margin-left: 4px;
letter-spacing: 0.05em;
}

#kleur_xcms_list_2 input#Text1
{
background: url(gfx/bg_orange_groen.gif) #9bc101;
color: #d2e38c;
}

#kleur_xcms_list_3 input#Text1
{
background: url(gfx/bg_orange_paars.gif) #4a2781;
color: #ad9ec6;
}

.logo
{
position: absolute;
top: 96px;
left: 26px;
background: url(gfx/bg_orange.gif) #e9540e;
}

#kleur_xcms_list_2 .logo
{
background: url(gfx/bg_groen.gif) #9bc101;
}

#kleur_xcms_list_3 .logo
{
background: url(gfx/bg_paars.gif) #4a2781;
}


#logo img
{
width: 185px;
height: 63px;
}

#menu
{
margin: 0;
padding-top: 170px;
width: 241px;
}

#menu ul
{
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li
{
float: left;
width: 241px;
}

#menu ul li a
{
display: block;
float: left;
width: 241px;
text-transform: uppercase;
text-decoration: none;
font-size: 9pt;
color: #FFF;
padding-top: 16px;
padding-left: 30px;
}

#menu ul li a span
{
visibility: hidden;
}


#menu ul ul li a span
{
visibility: visible;
}


a#topmenu1:link, a#topmenu1:visited 
{
height: 31px;
background: url(gfx/topmenu1_bg.gif) no-repeat;

}

a#topmenu1:hover
{
background-position: 0 -47px;
}

a#topmenu1:active
{
background-position: 0 -94px;
}

#kleur_xcms_list_2 a#topmenu1:link, #kleur_xcms_list_2 a#topmenu1:visited 
{
height: 31px;
background: url(gfx/topmenu1_bg_groen.gif) no-repeat;
}

#kleur_xcms_list_2 a#topmenu1:hover
{
background-position: 0 -47px;
}

#kleur_xcms_list_2 a#topmenu1:active
{
background-position: 0 -94px;
}

#kleur_xcms_list_3 a#topmenu1:link, #kleur_xcms_list_3 a#topmenu1:visited 
{
height: 31px;
background: url(gfx/topmenu1_bg_paars.gif) no-repeat;
}

#kleur_xcms_list_3 a#topmenu1:hover
{
background-position: 0 -47px;
}

#kleur_xcms_list_3 a#topmenu1:active
{
background-position: 0 -94px;
}

a#topmenu2:link, a#topmenu2:visited 
{
height: 31px;
background: url(gfx/topmenu2_bg.gif) no-repeat;
padding-top: 14px;
}

a#topmenu2:hover
{
background-position: 0 -45px;
}

a#topmenu2:active
{
background-position: 0 -90px;
}

#kleur_xcms_list_2 a#topmenu2:link, #kleur_xcms_list_2 a#topmenu2:visited 
{
height: 31px;
background: url(gfx/topmenu2_bg_groen.gif) no-repeat;
}

#kleur_xcms_list_2 a#topmenu2:hover
{
background-position: 0 -45px;
}

#kleur_xcms_list_2 a#topmenu2:active
{
background-position: 0 -90px;
}

#kleur_xcms_list_3 a#topmenu2:link, #kleur_xcms_list_3 a#topmenu2:visited 
{
height: 31px;
background: url(gfx/topmenu2_bg_paars.gif) no-repeat;
}

#kleur_xcms_list_3 a#topmenu2:hover
{
background-position: 0 -45px;
}

#kleur_xcms_list_3 a#topmenu2:active
{
background-position: 0 -90px;
}

a#topmenu3:link, a#topmenu3:visited 
{
height: 31px;
background: url(gfx/topmenu3_bg.gif) no-repeat;
padding-top: 14px;
}

a#topmenu3:hover
{
background-position: 0 -45px;
}

a#topmenu3:active
{
background-position: 0 -90px;
}

#kleur_xcms_list_2 a#topmenu3:link, #kleur_xcms_list_2 a#topmenu3:visited 
{
height: 31px;
background: url(gfx/topmenu3_bg_groen.gif) no-repeat;
}

#kleur_xcms_list_2 a#topmenu3:hover
{
background-position: 0 -45px;
}

#kleur_xcms_list_2 a#topmenu3:active
{
background-position: 0 -90px;
}

#kleur_xcms_list_3 a#topmenu3:link, #kleur_xcms_list_3 a#topmenu3:visited 
{
height: 31px;
background: url(gfx/topmenu3_bg_paars.gif) no-repeat;
}

#kleur_xcms_list_3 a#topmenu3:hover
{
background-position: 0 -45px;
}

#kleur_xcms_list_3 a#topmenu3:active
{
background-position: 0 -90px;
}

a#topmenu4:link, a#topmenu4:visited 
{
height: 52px;
background: url(gfx/topmenu4_bg.gif) no-repeat;
color: #e9540e;
padding-top: 15px;
}

a#topmenu4:hover
{
background-position: 0 -67px;
}

a#topmenu4:active
{
background-position: 0 -134px;
}

#kleur_xcms_list_2 a#topmenu4:link, #kleur_xcms_list_2 a#topmenu4:visited 
{
height: 52px;
background: url(gfx/topmenu4_bg_groen.gif) no-repeat;
color: #e9540e;
}

#kleur_xcms_list_2 a#topmenu4:hover
{
background-position: 0 -67px;
}

#kleur_xcms_list_2 a#topmenu4:active
{
background-position: 0 -134px;
}

#kleur_xcms_list_3 a#topmenu4:link, #kleur_xcms_list_3 a#topmenu4:visited 
{
height: 52px;
background: url(gfx/topmenu4_bg_paars.gif) no-repeat;
color: #e9540e;
}

#kleur_xcms_list_3 a#topmenu4:hover
{
background-position: 0 -67px;
}

#kleur_xcms_list_3 a#topmenu4:active
{
background-position: 0 -134px;
}

#menu ul #topmenu2 ul
{
display: block;
}

.submenu
{
position: absolute;
top: 404px;
left: -1px;
width: 241px;
background: url(gfx/submenu_bg.gif) no-repeat;
font-family: Arial;
letter-spacing: 0.1em;
}

#kleur_xcms_list_2 .submenu
{
background: url(gfx/submenu_bg_groen.gif) no-repeat;
}

#kleur_xcms_list_3 .submenu
{
background: url(gfx/submenu_bg_paars.gif) no-repeat;
}


#menu ul ul
{
padding-top: 33px;
padding-left: 30px;
}

#menu ul ul li a
{
display: block;
float: left;
width: 160px;
text-transform: none;
text-decoration: none;
font-size: 9pt;
color: #FFF;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
}

#projecttitle
{
text-transform: uppercase;
color: #FFF;
font-size: 8pt;
float: left;
margin-left: 24px;
background: url(gfx/bg_orange.gif) #e9540e;
font-family: Arial;
letter-spacing: 0.1em;
}

* html #projecttitle
{
margin-left: 12px;
}

#kleur_xcms_list_2 #projecttitle
{
background: url(gfx/bg_groen.gif) #9bc101;
}

#kleur_xcms_list_3 #projecttitle
{
background: url(gfx/bg_paars.gif) #4a2781;
}

#newsblock
{
float: left;
width: 300px;
font-family: Arial;
letter-spacing: 0.1em;
}

* html #newsblock
{
width: 200px;
}

#submenublock
{
float: left;
width: 300px;
font-family: Arial;
letter-spacing: 0.1em;
}

* html #submenublock
{
width: 200px;

}

#sitewide ul
{
width: 241px;
list-style: none;
margin: 0;
padding: 0;
padding-top: 33px;
padding-left: 30px;
background: url(gfx/submenu_bg.gif) no-repeat;
float: left;
min-height: 120px;
}

#kleur_xcms_list_2 #sitewide ul
{
background: url(gfx/submenu_bg_groen.gif) no-repeat;
}

#kleur_xcms_list_3 #sitewide ul
{
background: url(gfx/submenu_bg_paars.gif) no-repeat;
}

* html #sitewide ul
{
height: 200px;
display: block;
}

.newsblocktitle
{
text-transform: uppercase;
color: #FFF;
font-size: 8pt;
float: left;
margin-left: 24px;
}

* html .newsblocktitle
{
margin-left: 12px;
}

#newsblock ul li
{
float: left;
width: 241px;
}

#newsblock ul li a
{
display: block;
float: left;
width: 160px;
text-transform: none;
text-decoration: none;
font-size: 9pt;
color: #FFF;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
}


.submenublocktitle
{
text-transform: uppercase;
color: #FFF;
font-size: 8pt;
float: left;
margin-left: 24px;
}

* html .submenublocktitle
{
margin-left: 12px;
}

#submenublock ul li
{
float: left;
width: 241px;
}

#submenublock ul li a
{
display: block;
float: left;
width: 160px;
text-transform: none;
text-decoration: none;
font-size: 9pt;
color: #FFF;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
}


#tekst_container
{
position: relative;
background: url(gfx/tekst_bg_oranje.gif) repeat-y;
float: left;
margin: 0;
padding: 0;
padding-top: 8px;
padding-left: 35px;
padding-right: 59px;
width: 555px;
font-size: 80%;
}


#kleur_xcms_list_2 #tekst_container
{
background: url(gfx/tekst_bg_groen.gif) repeat-y;
}

#kleur_xcms_list_3 #tekst_container
{
background: url(gfx/tekst_bg_paars.gif) repeat-y;
}

#top_tekst
{
float: left;
width: 450px;
margin: 0;
padding: 0;
margin-left: 110px;
}

* html #top_tekst
{
margin-left: 55px;
}

ul.toplist
{
width: 450px;
list-style: none;
margin: 0;
padding: 0;
}

ul.toplist li
{
float: left;
}

.uppercase b
{
text-transform: uppercase;
}

#bottom_tekst
{
float: left;
width: 450px;
margin-left: 110px;
margin-bottom: 20px;
}

* html #bottom_tekst
{
margin-left: 55px;
}

ul.bottomlist
{
width: 450px;
list-style: none;
margin: 0;
padding: 0;
}

ul.bottomlist li
{
float: left;
}

#tekst_list
{
float: left;
width: 450px;
margin-left: 110px;
}

* html #page_left #tekst_list
{
margin-left: 55px;
}


/*** div tekst ***/
#tekst 
{
margin-left: 110px;
width: 450px;
float: left;
padding-bottom: 20px;
}

* html #tekst
{
margin-left: 55px;
}


h1, h2, h3
{
font-family: Arial;
}

#tekst_container h1
{
margin: 0;
padding: 0;
font-size: 170%;
color: #e9540e;
font-family: Arial;
}

#tekst_container h2
{
margin: 0;
padding: 0;
font-size: 150%;
color: #e9540e;
font-family: Arial;
margin-bottom: -8px;
}

#tekst_container h3
{
font-size: 110%;
color: #e9540e;
}

#kleur_xcms_list_2 #tekst_container h1, #kleur_xcms_list_2 #tekst_container h2, #kleur_xcms_list_2 #tekst_container h3 
{
color: #9bc101;
}

#kleur_xcms_list_3 #tekst_container h1, #kleur_xcms_list_3 #tekst_container h2, #kleur_xcms_list_3 #tekst_container h3
{
color: #4a2781;
}



#tekst table {
}

.tablec {
}
.hcell, .lcell, .dcell {
}
.hcellc, .lcellc {
  background: #ccc;
}
.hcellc, .dcellc {
}
.dcellc {
  background: #eee;
}

.lijst
{
position: relative;
width: 640px;
margin-left: -145px;
margin-bottom: 40px;
padding-bottom: 14px;
background: url(gfx/lijst_bg.gif) 0 100% repeat-x;
}

html>/**/body .lijst
{

display: block;
float: left;
}

.lijst_container
{
margin-left: 145px;
width: 450px;

}

.lijst img
{
float: left;
margin-right: 1em;
}

.lijst a
{
white-space: nowrap;
}

.lijst ul
{
float: left;
width: 450px;
}

.lijst #kleur_xcms_list_2 h1
{
color: #9bc101;
}

.lijst #kleur_xcms_list_3 h1
{
color: #4a2781;
}

ul.toplist
{
font-size: 85%;
margin-top: 8px;
margin-bottom: 8px;
color: #bebebe;
}

.toplist b
{
color: #e9540e;
}

#kleur_xcms_list_2 .toplist b
{
color: #9bc101;
}

#kleur_xcms_list_3 .toplist b
{
color: #4a2781;
}

#datumblok
{
position: absolute;
top: 8px;
left: 33px;
width: 57px;
height: 60px;
background: url(gfx/datumblok_bg.gif) no-repeat;
color: #e9540e;
font-family: Arial;
}

.lijst #datumblok
{
top: 0;
}

#kleur_xcms_list_2 #datumblok
{
color: #9bc101;
}

#kleur_xcms_list_3 #datumblok 
{
color: #4a2781;
}

a
{
color: #e9540e;
}

#kleur_xcms_list_2 a
{
color: #9bc101;
}

#kleur_xcms_list_3 a
{
color: #4a2781;
}

#tekst_footer
{
float: left;
width: 639px;
height: 39px;
background: url(gfx/tekst_footer_bg_oranje.gif) no-repeat;
font-size: 8pt;
color: #FFF;
text-align: center;
padding-top: 13px;
padding-right: 10px;
}

#tekst_footer a
{
color: #FFF;
text-decoration: none;

}

#tekst_footer a:link, #tekst_footer a:visted, #tekst_footer a:hover, #tekst_footer a:active  
{
color: #FFF;
text-decoration: none;
}


#kleur_xcms_list_2 #tekst_footer
{
background: url(gfx/tekst_footer_bg_groen.gif) no-repeat;
color: #FFF;
}

#kleur_xcms_list_3 #tekst_footer
{
background: url(gfx/tekst_footer_bg_paars.gif) no-repeat;
color: #FFF;
}


#datumblok #dag
{
width: 52px;
float: left;
text-align: center;
font-size: 19pt;
font-weight: bold;
padding-top: 10px;
}

#datumblok #maand
{
width: 52px;
float: left;
text-align: center;
font-size: 7pt;
}

ul.bottomlist
{
font-size: 85%;
margin-top: 8px;
margin-bottom: 8px;
color: #bebebe;
}

#page_left p
{
line-height: 1.4em;
padding-top: 0;
margin-top: 0;
}

#tekst_container p
{
margin-top: 8px;
}

/*** search pages ***/
#sq {
  text-align: center;
}

.searchquery {
  width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.google {
  width: 260px;
}
.searchquery label, .searchquery input, .searchquery select {
  width: auto;
  display: block;
  vertical-align: middle;
}
.searchquery label {
  padding: 6px 0 0;
  margin:0;
}

.searchmode {
  display: none;
}

.searchheader {
}

.searchrow {
  padding-bottom: 1em;
}

.searchinfo {
  font-size: 80%;
}
.searchinfo a {
  font-size: 125%;
}

#searchin
{
display: none;
}

/*** forms ***/
form {
  padding-bottom: 10px;
}

label, .input {
  width: 12em;
  margin: 6px 0;
  vertical-align: top;
}

label, input, .input, textarea, select {
  display: block;
  float: left;
  margin-bottom: 6px;
}
input, textarea, select {
  margin-top: 4px;
  width: 250px;
}
select, .input {
  width: auto;
}

input.radio
{
margin-top: 8px;
}

*:first-child+html input.radio
{
margin-top: 6px;
} 

#registerform #formathtml, #registerform #formattext
{
margin-top: 8px;
}

*:first-child+html #registerform #formathtml, *:first-child+html #registerform #formattext 
{
margin-top: 6px;
}

.button
{
cursor: pointer;
}

/*** newsletters/news ***/
#datum {
  font-weight: bold;
  display: block;
  text-align: right;
}

.more {
}
.more:hover {
}
.more img {
  vertical-align: middle;
  margin: 0!important;
  border: 0!important;
}

/*** print ***/
.printonly {
  display: none;
}

.button {
  width: auto;
}


#tekst_container #kleur_xcms_list_2 h1
{
color: #9bc101;
}

#tekst_container #kleur_xcms_list_3 h1
{
color: #4a2781;
}

*:first-child+html #tekst_container
{
padding-top: 16px; 
}

*:first-child+html #tekst_container .lijst
{
margin-top: -16px; 
}

*:first-child+html #tekst_container #datumblok
{
top: 16px;
}

*:first-child+html #tekst_container .lijst #datumblok
{
top: 0px;
}

*:first-child+html #tekst_container .toplist
{
margin-bottom: -8px;
padding-bottom: 0;
}

*:first-child+html #tekst_container .lijst .toplist
{
margin-bottom: 8px;
padding-bottom: 0;
}

* html #tekst_footer  #tekst p
{

} 

/*******************************************************************
 *** suggest div...
 *******************************************************************/
#search_btn {
  
  z-index: 100;
}
#searchinput #suggestdiv {
  visibility: hidden; 
  width: 223px; 
  position: absolute;
  background: url(gfx/suggest-top.png) 0 0 no-repeat;
  border: 0;
  padding: 35px 0 0;
  font-size: 11px;
  text-align: left;
  color: black;
  margin: 5px 0 0 -42px;
 z-index: 101;
}
#searchinput #suggestdiv div {
  padding: 4px 28px 26px;
  background: url(gfx/suggest-bottom.png) 0 100% no-repeat;
}
* html #searchinput #suggestdiv div {
}
#searchinput #suggestdiv ul, #searchinput #suggestdiv li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#searchinput #suggestdiv li {
  padding: 0 2px;
  position: relative;
}
#searchinput #suggestdiv span.keywordtext {
}
#searchinput #suggestdiv span.numresults {
  position: absolute;
  right: 0;
  top: 0px;		
  padding: 0 2px;
}
#searchinput #suggestdiv li.hilight {
  color: white;
  background: #003064;
  cursor: pointer;
}