/*** algemeen ***/
body {
margin: 0;
padding: 0;
background-image: url(gfx/body_bg.gif);
background-repeat: repeat-x; 
font-family: verdana;
font-size: 80%;
}

#wrapper
{
position: absolute;
width: 920px;
left: 50%;
margin-top: 12px;
margin-left: -460px;
}

#container
{
position: relative;
width: 100%;
height: auto;
border: solid 1px #959595;
margin-bottom: 12px;
background-color: #FFF;
display: table-cell;
height: auto;
} 

#logo
{
margin: 0;
margin-left: 2px;
margin-bottom: -2px;
height: 232px;
}

#header
{

}

#content
{

}
 
#menu_home
{
top: 290;
left: 2;
width: 50px; 
height: 30px;
background-color: #20445F;
position: absolute;
margin-left: 6px;
}

.topmenu_home
{
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

.topmenu_home li
{
float: left;
height: 24px;
padding-top: 4px;
padding-bottom: 0px;
width: 50px;
display: inline;
margin-top: 3px;
margin-bottom: -1px;
margin-left: 1px;
margin-right: 1px;
}

.topmenu_home li a
{
font-size: 10pt;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
color: #FFF;
}

.topmenu_home li a:link, .topmenu li a:visited 
{

}

.topmenu_home li a:hover, .topmenu_home li a:active
{
background-color: #0099CC;
}


.topmenu_home li a.current
{
color: #FFF;
}

.topmenu_home li a#current:link, .topmenu_home li a#current:visited 
{

background-color: #0099CC;
}

.topmenu_home li a#current:hover, .topmenu_home li a#current:active  
{

background-color: #0099CC;
}


.topmenu_home > li
{
padding-bottom: 8px;
}

html>/**/body .topmenu_home > li
{
margin-top: 5px;
} 

html>/**/body #menu_home li
{
margin-top: 3px;
}

#menu 
{
width: 910px; 
height: 30px;
background-color: #20445F;
margin-left: 2px;
padding-left: 6px;
}

.topmenu
{
display: inline;
list-style: none;
margin: 0;
padding: 0;

}


.topmenu li
{
float: left;
height: 24px;
padding-top: 4px;
padding-bottom: 0px;
width: auto;
display: inline;
margin-top: 3px;
margin-bottom: -1px;
margin-left: 1px;
margin-right: 1px;
} 

.topmenu li.li-first
{
visibility: hidden;
}

.topmenu li.li-first .submenu li
{
visibility: visible;
}
 

.topmenu li.li-first .submenu li.li-first 
{
padding-top: 12px;
visibility: visible;
}

.topmenu li a
{
font-size: 10pt;
text-decoration: none;
padding-right: 10px;
padding-left: 10px;
padding-top: 4px;
padding-bottom: 4px;
color: #FFF;
}

.topmenu li a:link, .topmenu li a:visited 
{

}

.topmenu li a:hover, .topmenu li a:active
{
background-color: #0099CC;
}


.topmenu li a.current
{
color: #FFF;

}

.topmenu li a.current:link, .topmenu li a.current:visited 
{

background-color: #0099CC;
}

.topmenu li a.current:hover, .topmenu li a.current:active  
{

background-color: #0099CC;
}

.topmenu > li
{
padding-bottom: 8px;
}

.topmenu li li
{
display: none;
}

.topmenu li.li-first li
{
display: block;
}

.submenu
{
position: absolute;
top: 0;
left: 0;
display: block;
margin-top: 273px;
margin-left: 19px;
width: 132px;
background-color: #FFF;
}

html>/**/body .submenu
{
margin-left: -20px;
}
 
.submenu li
{
height: 20px;
width: 132px;
border-bottom: solid 1px #20445F;
border-right: solid 1px #20445F;
float: left;
padding-top: 4px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
display: inline;
margin: 0;
background-color: #FFF;

}

.submenu li a
{
width: 132px;
background-color: #FFF;
color: #20445F;
margin-left: -11px;
padding-right: 0px;
}

.submenu li a:link, .submenu li a:visited;
{
color: #20445F;
background-color: #FFF;
}

.submenu li a:hover, .submenu li a:active;
{
color: #0099CC;
background-color: #FFF;
font-size: 200%;
}


.submenu li a.current
{
color: #0099CC;
background-color: #FFF;
}

.topmenu li .submenu li a:link, .topmenu li .submenu li a:visited 
{

background-color: #FFF;
}

.topmenu li .submenu li a:hover, .topmenu li .submenu li a:active  
{
color: #0099CC;
background-color: #FFF;
}

.topmenu li .submenu li a.current:link, .topmenu li .submenu li a.current:visited 
{

background-color: #FFF;
}

.topmenu li .submenu li a.current:hover, .topmenu li .submenu li a.current:active  
{
background-color: #FFF;
}

.submenu li.li-current a.current .submenu li a
{
background-color: #FFF;
color: #0099CC;
} 



#ster
{
width: 94px;
height: 120px;
background-image: url(gfx/ster_bg.gif);
background-repeat: no-repeat;
position: absolute;
left: 0;
top: -15px;
margin-left: 0px;
padding: 41px;
padding-left: 43px;
padding-top: 59px;
display: none;
}

html>/**/body #ster
{
left: 1px;
}


#ster img
{
width: 90px;
height: 90px;
}

#nextlevel {
}


/*** div tekst ***/
#tekst 
{
float: left;
padding-top: 24px;
padding-bottom: 20px;
padding-left: 186px;
width: 710px;
color: #20445F;
}

#container > #tekst 
{
margin-top: -1px;
}

html>/**/body #tekst
{
padding-top: 4px;
}

#tekst b, #tekst strong
{
color: #0099CC;
}

#tekst a
{
color: #0099CC;
}

#tekst img
{
border: solid 1px #20445F;
margin: 0;
}

#tekst img.omlijnp
{
border: 0;
}

#tekst img.bgp1
{
border: 0;
}

#iframe
{
position: absolute;
right: 0;
top: 0;
margin-top: 302px;
margin-right: 30px;
}

h1
{
font-size: 100%;
color: #0099CC;
text-transform: uppercase;
}

h2
{
font-size: 100%;
color: #0099CC;
text-transform: uppercase;
}

h3
{
font-size: 100%;
color: #0099CC;
text-transform: uppercase;
}

#tekst table {
padding: 0px;
margin: 0px;
}

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


/*** 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%;
}

/*** 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;
}

br {
  clear: left;
}

/*** 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;
}