/*** algemeen ***/
body {
  margin: 0;
  padding: 0;
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
background: #FFF;
}

#wrapper
{
position: relative;
width: 914px;
margin: 0 auto;

}

#container
{
float: left;
background: url(gfx/wrapper_bg.gif) repeat-y;
}


#header
{
width: 914px;
height: 131px;
display: block;
float: left;
background: url(gfx/header_bg2.gif) 226px 0 no-repeat;
position: relative;
}

#header p {
  position: absolute;
  margin: 0;
  padding: 0;
  font: bold 16px "Trebuchet MS", Arial, sans-serif;
  color: #0B9CC3;
}
#header #p1 {
  left: 250px;
  top: 125px;
}
#header #p2 {
  left: 395px;
  top: 147px;
}
#header #p3 {
  color: #44B4D4;
  left: 452px;
  top: 188px;
}
#header #p4 {
  color: #44B4D4;
  left: 485px;
  top: 210px;
}

#logo
{
margin-left: 6px;
}

#headerimg
{
position: absolute;
top: 56px;
right: 7px;
}

#headerimg img
{
height: 73px;
}

#breadcrumbs 
{
position: absolute;
top: 113px;
left: 238px;
font-size: 7pt;
color: #666;
}

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

#breadcrumbs ul li
{
float: left;
}

#breadcrumbs a
{
color: #666;
}

#left_bar
{
float: left;
width: 222px;
}

#menu
{
float: left;
position: relative;
width: 222px;
line-height: 0.8em;
margin-bottom: 8px;
}

*:first-child+html #menu
{
margin-bottom: -50px;
}


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

#menu a
{
display: block;
height: 45px;
text-decoration: none;
color: white;
font-weight: bold;
line-height: 45px;
text-align: center;
}

#menu a:hover, #menu a:active, .#menu a.current 
{
/*background-position: 100% -45px;*/
}

.topmenu
{



}

.topmenu li.li-first a
{

}

#topmenu1
{
position: relative;
}
#topmenu1 span {
  display: none;
}
.submenu1
{
position: relative;
}

#topmenu2
{
position: absolute;
top: 2px;
left: 237px; 
background: url(gfx/btn_progresz.gif) 100% 0 no-repeat;
width:220px; 
height:45px;
}
 
.submenu2
{
position: absolute;
top: 47px;
left: 237px; 
}

#topmenu3
{
position: absolute;
top: 2px;
left: 457px; 
background: url(gfx/btn_progresz.gif) 100% 0 no-repeat; 
width: 220px; 
height: 45px;
}

.submenu3
{
position: absolute;
top: 47px;
left: 457px;  
}

#topmenu4
{
position: absolute;
top: 2px;
left: 677px; 
/*background: url(gfx/btn_progresz.gif) 0 0 no-repeat; */
width: 220px; 
height: 45px;
}

.submenu4
{
position: absolute;
top: 47px;
left: 677px;  
}


html>/**/body #topmenu2, html>/**/body #topmenu3, html>/**/body #topmenu4
{
top: 0;
}

html>/**/body .submenu2, html>/**/body .submenu3, html>/**/body .submenu4
{
top: 45px;
}

#menu li a span
{
/*display: none;*/
}

#menu li ul {
  display: none;
}

#menu li.li-first ul 
{
  display: block;
 
}

#menu li:hover ul {
  display: block;
  position: absolute;
}

#menu li.li-first:hover ul
{
position: relative;
}

#menu ul ul li a span
{
display: inline;
}

.submenu
{
border-top: 0;
padding-right: 1px;
padding-bottom: 1px;
width: 231px;
border-top: solid 3px #FFF;
}

.li-first .submenu
{
width: 220px;
}

.submenu li
{
float: none;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
width: 100%;
background: #FFF;
padding-right: 1px;
}

.submenu li.li-first
{
border-top: solid 1px #ccc;
}

.submenu li.li-last
{
border-bottom: solid 1px #ccc;
}

#menu ul ul a
{
font-size: 8pt;
font-weight: bold;
height: 16px;
display: block;
width: 220px;
white-space: nowrap;
padding-top: 3px;
padding-left: 11px; 
border-right: solid 1px #999;
border-bottom: solid 1px #999;
margin-right: 1px;

line-height: 1.5em;
text-align: left;
color: #666;
}

* html #menu ul ul a
{
margin-right: 0;
}

.submenu li a
{
color: #666;
background: #FFF;
}

#menu .submenu li a:hover, .submenu li a:active, .submenu li a.current  
{
color: #FFF;
background: #00a8cf;
}

.subsubmenu li
{
 display: none;
}

.submenu li.li-current li
{
display: block;
}

#menu ul li.li-first ul
{
margin-top: -50px;
margin-left: 4px;
}

#menu ul li.li-first li
{
border: 0;
line-height: 1em;
}

*:first-child+html #menu ul li.li-first li.hassub
{
margin-bottom: -3px;
}

* html #menu ul li.li-first li.hassub
{
margin-bottom: -3px;
}

#menu ul li.li-first li a
{
display: block;
width: 185px;
background: url(gfx/submenu-item_left_bg.gif) no-repeat;
font-size: 10pt;
color: #00a7d1;
font-weight: bold;
border: 0;
padding-left: 35px;
padding-top: 9px;
padding-bottom: 8px;
margin: 0;
}

#menu ul li.li-first li a:hover, #menu ul li.li-first li a:active, #menu ul li.li-first li a.current
{
color: #ee3f22;
}

* html #menu ul li.li-first li a:hover
{
background-position: 0 0;
}

#menu ul li.li-first ul ul
{
margin-top: 0px;
}

#menu ul li.li-first .subsubmenu
{
width: 185px;
position: relative;
margin-left: 0;
}

#menu ul li.li-first .subsubmenu li
{
position: relative;
}

#menu ul li.li-first .subsubmenu a
{
display: block;
width: 185px;
background: url(gfx/subsubmenu-item_left_bg.gif) no-repeat;
font-size: 10pt;
color: #00a7d1;
font-weight: bold;
border: 0;
padding-left: 55px;
padding-top: 9px;
padding-bottom: 8px;
margin: 0;
}

* html #menu ul li.li-first .subsubmenu a
{
width: 165px;
}

#contact
{
width: 189px;
float: left;
background: url(gfx/contact_top_bg.gif) no-repeat;
margin-left: 6px;
padding-top: 37px;
padding-left: 31px;
font-size: 9pt;
color: #666;
}

* html #contact
{
padding-left: 27px;
margin-top: -45px;
}

#contact b
{
color: #ee3f22;
}

#contact a
{
color: #ee3f22;
}

#contact a:hover, #contact a:active
{
color: #666;
}



#nextlevel {
}


#content
{
width: 679px;
margin-top: 0px;
margin-right: 7px;
float: right;
background: url(gfx/content_top_bg.gif) no-repeat;
padding-top: 75px;
}

#content_left
{

}

#content_right
{
float: right;
margin-top: -8px;
}

#content_right ul
{
list-style: none;
margin: 0;
padding: 0;
width: 209px;
margin-right: 6px;
}

#content_right ul li
{
background: url(gfx/rightbar_seperator.gif) 0 100% no-repeat;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 9px;
width: 190px;
font-size: 80%;
color: #666;
}

#content_right h1
{
font-size: 11pt;
color: #00a7d1;
margin: 0;
padding-top: 10px;
padding-bottom: 4px;
}

#content_right a:link, #content_right a:visited
{
color: #ee3f22;
}

#content_right a:hover, #content_right a:active
{
color: #666;
}

#content_right a.button
{
display: block;
width: 135px;
height: 27px;
}

#content_right a.button:hover, #content_right a.button:active
{
background-position: 0 -27px;
} 

#bold
{
font-weight: bold;
}

#redbold
{
color: #e34528;
font-weight: bold;
}

/*** div tekst ***/
#tekst .faq .question {
  margin: .5em 0;
}
#tekst .faq .question,
#tekst .faq .question a,
#tekst .faq .question strong {
  font-weight: normal;
  color: #666;
}
#tekst .faq p.show,
#tekst .faq p.show a,
#tekst .faq p.show strong {
  color: #e34528;
}
#tekst .faq .answer {
  display: none;
}
#tekst .faq .answer h1 {
  display: none;
}
#tekst .faq .show {
  display: block;
}


#tekst {
padding-left: 34px;
padding-right: 20px;
font-size: 80%;
color: #666;
float: left;
}

#tekst h1
{
color: #ee3f22;
font-size: 140%;
}

#tekst h2
{
/*color: #ee3f22;*/
color: #666;
font-size: 120%;
font-weight: normal;
margin-bottom: 0;
padding-bottom: 0;
}

#tekst h3
{
color: #ee3f22;
font-size: 100%;
/*
font-weight: normal;
font-style: italic;
*/
}

#tekst ul.bgp1 {
  margin-top: -1em;
}

#tekst p
{
margin-top: 0;
padding-top: 0;
}

#tekst a
{
color: #ee3f22;
}

#tekst a:hover
{
color: #666;
}

#tekst table {
}

table
{
font-size: 90%;
}
.tablec {

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

.hcello
{
font-weight: normal;
}

.lcello_odd
{
font-weight: normal;
background: #eeeeee;
}


.lcello_even, .hcello
{
color: #666;
background: #dddddd;
font-weight: normal;
}

table.bgp1
{
border: solid 1px #e34528;
}

p.bgp1
{
display: block;
width: 398px;
padding: 5px;
border: solid 1px #333333;
background: #e0e0e0;
color: #333333;
}

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

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


#footer
{
position: relative;
width: 914px;
height: 70px;
float: left;
background: url(gfx/footer_bg.gif) no-repeat;
}

#footer #sitewide
{
position: absolute;
bottom: 0;
right: 26px;
font-size: 9pt;
color: #666;
}

#footer #sitewide ul
{
list-style: none;
margin: 0;
padding: 0;
}
#footer img {
  vertical-align: middle;
}
#footer #sitewide ul li
{
float: left;
padding: 0 6px;
border-right: 1px solid #666;
line-height: 1.2em;
margin-top: 1px;
}
#footer #sitewide ul li.last {
  border: 0;
margin-top: 0px;
}

#footer #sitewide ul li a
{
color: #666;
}

#footer #sitewide ul li.li-first a:link, #footer #sitewide ul li.li-first a:visited 
{
color: #ee3f22;
}

#footer #sitewide ul li.li-first a:hover, #footer #sitewide ul li.li-first a:active
{
color: #666;
}