/*** algemeen ***/
body {
  margin: 0;
  padding: 0;
  position: relative;
  background: url(gfx/body_bg.gif) 50% 0 no-repeat;
}

body#kleur_xcms_list_2
{
background: url(gfx/kleur_xcms_list_2_body_bg.gif) 50% 0 no-repeat;
}

body#kleur_xcms_list_3
{
background: url(gfx/kleur_xcms_list_3_body_bg.gif) 50% 0 no-repeat;
}

body#kleur_xcms_list_4
{
background: url(gfx/kleur_xcms_list_2_body_bg.gif) 50% 0 no-repeat;
}

body#kleur_xcms_list_6
{
background: url(gfx/kleur_xcms_list_6_body_bg.gif) 50% 0 no-repeat;
}



body, input, table, textarea, select, pre {
  font-family: Tahoma;
  color: black;
}


#wrapper
{
width: 980px;
margin: 0 auto;
position: relative;
}

#container
{
float: left;
width: 980px;
position: relative;
}

#header
{
width: 980px;
height: 242px;
position: relative;
}

#header_png {
  width: 980px;
  height: 241px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/gfx/trans.gif) 0 0 no-repeat;
}
#header_png img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.logo
{
position: absolute;
top: 0px;
left: 0px;
}

#sitewide
{
float: right;
margin: 0;
padding: 0;
display: block;
height: 25px;
background: #FFF;
color: #000;
font-size: 7pt;
}

#sitewide ul
{
list-style: none;
margin: 0;
padding: 0;
display: block;
margin-left: 15px;
margin-right: 15px;
}

#sitewide ul li
{
float: left;
text-transform: uppercase;
margin-top: 6px;
margin-left: 5px;
margin-right: 5px;
}


#sitewide a
{
display: block;
color: #000;
text-decoration: none;
}


#headerimg
{
position: absolute;
top: 304px;
right: 5px;
width: 312px;
height: 225px;
background: url(gfx/headerimg_bg.gif) repeat-y;

}

#headerimg img
{
padding-left: 7px; 
}


#menu
{
position: relative;
margin: 0;
padding: 0;
margin-top: 151px;
display: block;
height: 39px;
width: 100%;
float: left;
}

#menu ul
{
display: block;
float: left;
margin: 0;
padding: 0;
list-style: none;
}

#menu ul li
{
float: left;
}

* html #menu ul li
{
width: 2%;
}

* html #menu ul li a
{
white-space: nowrap;
}

.topmenu li a
{
display: block;
height: 17px;
color: #FFF;
font-size: 7pt;
text-transform: uppercase;
text-decoration: none;
padding-top: 10px;
padding-right: 13px;
padding-bottom: 4px;
padding-left: 11px;
background: #000;
letter-spacing: 0.2em;
}

#topmenu1
{
border-left: solid 3px #8dc440;
}

.li-current #topmenu1
{
background: #8dc440;
}

#topmenu2
{
border-left: solid 3px #00b0d9;
}

.li-current #topmenu2
{
background: #00b0d9;
}

#topmenu3
{
border-left: solid 3px #45518b;
}

.li-current #topmenu3
{
background: #45518b;
}

#topmenu4
{
border-left: solid 3px #f18c24;
}

.li-current #topmenu4
{
background: #f18c24;
}

#topmenu5
{
border-left: solid 3px #b8312e;
}

.li-current #topmenu5
{
background: #b8312e;
}

.submenu 
{
position: absolute;
top: 353px;
right: 5px;
width: 312px;
border-bottom: 200px solid transparent;
z-index: 101;
}

.submenu li
{
display: block;
width: 308px;
height: 31px;
float: left;
background: #FFF url(gfx/kleur_xcms_list_4_submenu_li_bg.gif) 4px 0px no-repeat;
padding-right: 0px;
}

#kleur_xcms_list_2 .submenu li
{
background: #FFF url(gfx/kleur_xcms_list_2_submenu_li_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_3 .submenu li
{
background: #FFF url(gfx/kleur_xcms_list_3_submenu_li_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_4 .submenu li
{
background: #FFF url(gfx/kleur_xcms_list_2_submenu_li_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_5 .submenu li
{
background: #FFF url(gfx/kleur_xcms_list_5_submenu_li_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_6 .submenu li
{
background: #FFF url(gfx/kleur_xcms_list_6_submenu_li_bg.gif) 4px 0px no-repeat;
}

.submenu li.li-first
{
height: 32px;
background: #FFF url(gfx/kleur_xcms_list_4_submenu_li-li-first_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_2 .submenu li.li-first
{
background: #FFF url(gfx/kleur_xcms_list_2_submenu_li-li-first_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_3 .submenu li.li-first
{
background: #FFF url(gfx/kleur_xcms_list_3_submenu_li-li-first_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_4 .submenu li.li-first
{
background: #FFF url(gfx/kleur_xcms_list_2_submenu_li-li-first_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_5 .submenu li.li-first
{
background: #FFF url(gfx/kleur_xcms_list_5_submenu_li-li-first_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_6 .submenu li.li-first
{
background: #FFF url(gfx/kleur_xcms_list_6_submenu_li-li-first_bg.gif) 4px 0px no-repeat;
}

.submenu li.li-last
{
background: url(gfx/kleur_xcms_list_4_submenu_li_last_bg.gif) no-repeat;
padding-bottom: 16px;
}

.submenu li.li-last li a
{
padding-bottom: 8px;
}

#kleur_xcms_list_2 .submenu li.li-last
{
background: url(gfx/kleur_xcms_list_2_submenu_li_last_bg.gif) no-repeat;
}

#kleur_xcms_list_3 .submenu li.li-last
{
background: url(gfx/kleur_xcms_list_3_submenu_li_last_bg.gif) no-repeat;
}

#kleur_xcms_list_4 .submenu li.li-last
{
background: url(gfx/kleur_xcms_list_2_submenu_li_last_bg.gif) no-repeat;
}

#kleur_xcms_list_5 .submenu li.li-last
{
background: url(gfx/kleur_xcms_list_5_submenu_li_last_bg.gif) no-repeat;
}

#kleur_xcms_list_6 .submenu li.li-last
{
background: url(gfx/kleur_xcms_list_6_submenu_li_last_bg.gif) no-repeat;
}

.submenu li a
{
background: none;
color: #231f20;
font-size: 9pt;
padding: 0;
margin: 0;
padding-top: 9px;
padding-right: 0;
padding-left: 43px;
padding-bottom: 8px;
height: 15px;
margin-left: 0px;
letter-spacing: 0.1em;
line-height: 1em;
display: block;
z-index: 102;
}

.submenu li.li-first a
{
padding-top: 9px;
}

.submenu li.li-last a
{
border-bottom: 0;
padding-bottom: 23px;
}

.submenu li a:hover, .submenu li a:active
{
z-index: 101;
color: #FFF;
}

.submenu li a.current
{
color: #FFF;
z-index: 100;
}

.submenu li:hover, .submenu li:active, .submenu li.li-current
{
background: url(gfx/kleur_xcms_list_4_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_2 .submenu li:hover, #kleur_xcms_list_2 .submenu li:active, #kleur_xcms_list_2 .submenu li.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_3 .submenu li:hover, #kleur_xcms_list_3 .submenu li:active, #kleur_xcms_list_3 .submenu li.li-current
{
background: url(gfx/kleur_xcms_list_3_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_4 .submenu li:hover, #kleur_xcms_list_4 .submenu li:active, #kleur_xcms_list_4 .submenu li.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_5 .submenu li:hover, #kleur_xcms_list_5 .submenu li:active, #kleur_xcms_list_5 .submenu li.li-current
{
background: url(gfx/kleur_xcms_list_5_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_6 .submenu li:hover, #kleur_xcms_list_6 .submenu li:active, #kleur_xcms_list_6 .submenu li.li-current
{
background: url(gfx/kleur_xcms_list_6_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

.submenu li.li-first:hover, .submenu li.li-first:active, .submenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_4_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_2 .submenu li.li-first:hover, #kleur_xcms_list_2 .submenu li.li-first:active, #kleur_xcms_list_2 .submenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_3 .submenu li.li-first:hover, #kleur_xcms_list_3 .submenu li.li-first:active, #kleur_xcms_list_3 .submenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_3_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_4 .submenu li.li-first:hover, #kleur_xcms_list_4 .submenu li.li-first:active, #kleur_xcms_list_4 .submenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_5 .submenu li.li-first:hover, #kleur_xcms_list_5 .submenu li.li-first:active, #kleur_xcms_list_5 .submenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_5_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_6 .submenu li.li-first:hover, #kleur_xcms_list_6 .submenu li.li-first:active, #kleur_xcms_list_6 .submenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_6_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

.submenu li.li-last:hover, .submenu li.li-last:active, .submenu li.li-last.li-current
{
background: url(gfx/kleur_xcms_list_4_submenu_li_last_bg_active.gif) 0px 0px no-repeat;
}

#kleur_xcms_list_2 .submenu li.li-last:hover, #kleur_xcms_list_2 .submenu li.li-last:active, #kleur_xcms_list_2 .submenu li.li-last.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li_last_bg_active.gif) 0px 0px no-repeat;
}

#kleur_xcms_list_3 .submenu li.li-last:hover, #kleur_xcms_list_3 .submenu li.li-last:active, #kleur_xcms_list_3 .submenu li.li-last.li-current
{
background: url(gfx/kleur_xcms_list_3_submenu_li_last_bg_active.gif) 0px 0px no-repeat;
}

#kleur_xcms_list_4 .submenu li.li-last:hover, #kleur_xcms_list_4 .submenu li.li-last:active, #kleur_xcms_list_4 .submenu li.li-last.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li_last_bg_active.gif) 0px 0px no-repeat;
}

#kleur_xcms_list_5 .submenu li.li-last:hover, #kleur_xcms_list_5 .submenu li.li-last:active, #kleur_xcms_list_5 .submenu li.li-last.li-current
{
background: url(gfx/kleur_xcms_list_5_submenu_li_last_bg_active.gif) 0px 0px no-repeat;
}

#kleur_xcms_list_6 .submenu li.li-last:hover, #kleur_xcms_list_6 .submenu li.li-last:active, #kleur_xcms_list_6 .submenu li.li-last.li-current
{
background: url(gfx/kleur_xcms_list_6_submenu_li_last_bg_active.gif) 0px 0px no-repeat;
}

.submenu li.li-current ul
{
display: block;
}

#submenu1
{
background-position: 400px 0px;
height: 16px;
width: 265px;
position: absolute;
top: 0;
left: 0;
}

.submenu li a#submenu1:hover, .submenu li a#submenu1:active, .submenu li a#submenu1.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 236px;

}

#submenu2
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 32px;
left: 0;
}

.submenu li a#submenu2:hover, .submenu li a#submenu2:active, .submenu li a#submenu2.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 268px;

}

#submenu3
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 63px;
left: 0;
}

.submenu li a#submenu3:hover, .submenu li a#submenu3:active, .submenu li a#submenu3.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 299px;

}

#submenu4
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 94px;
left: 0;
}

.submenu li a#submenu4:hover, .submenu li a#submenu4:active, .submenu li a#submenu4.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 330px;

}

#submenu5
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 125px;
left: 0;
}

.submenu li a#submenu5:hover, .submenu li a#submenu5:active, .submenu li a#submenu5.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 361px;

}

#submenu6
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 156px;
left: 0;
}

.submenu li a#submenu6:hover, .submenu li a#submenu6:active, .submenu li a#submenu6.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 392px;

}

#submenu7
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 187px;
left: 0;
}

.submenu li a#submenu7:hover, .submenu li a#submenu7:active, .submenu li a#submenu7.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 423px;

}

#submenu8
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 218px;
left: 0;
}

.submenu li a#submenu8:hover, .submenu li a#submenu8:active, .submenu li a#submenu8.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 454px;

}

#submenu9
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 249px;
left: 0;
}

.submenu li a#submenu9:hover, .submenu li a#submenu9:active, .submenu li a#submenu9.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 485px;

}

#submenu10
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 280px;
left: 0;
}

.submenu li a#submenu10:hover, .submenu li a#submenu10:active, .submenu li a#submenu10.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 516px;

}

.subsubmenu 
{
position: absolute;
margin: 0;
padding: 0;
top: 0px;
left: 0;
width: 314px;
height: 215px;
background: #FFF;
z-index: 200;
border-bottom: 200px solid transparent;

}

.subsubmenu li
{
display: block;
width: 308px;
height: 31px;
float: left;
background: #FFF url(gfx/kleur_xcms_list_4_submenu_li_bg.gif) 4px 0px no-repeat;
padding-right: 0px;
}

#kleur_xcms_list_2 .subsubmenu li
{
background: #FFF url(gfx/kleur_xcms_list_2_submenu_li_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_3 .subsubmenu li
{
background: #FFF url(gfx/kleur_xcms_list_3_submenu_li_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_4 .subsubmenu li
{
background: #FFF url(gfx/kleur_xcms_list_2_submenu_li_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_5 .subsubmenu li
{
background: #FFF url(gfx/kleur_xcms_list_5_submenu_li_bg.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_6 .subsubmenu li
{
background: #FFF url(gfx/kleur_xcms_list_6_submenu_li_bg.gif) 4px 0px no-repeat;
}

.subsubmenu li.li-first
{
height: 32px;
background: #FFF url(gfx/submenu_li-li-first_bg.gif) 4px 0px no-repeat;
}

.subsubmenu li.li-last
{
background: url(gfx/submenu_li_last_bg.gif) no-repeat;
padding-bottom: 16px;
}

.subsubmenu li a
{
background: none;
color: #231f20;
font-size: 9pt;
padding: 0;
margin: 0;
padding-top: 9px;
padding-right: 0;
padding-left: 43px;
padding-bottom: 8px;
height: 15px;
margin-left: 0px;
letter-spacing: 0.1em;
line-height: 1em;
display: block;
z-index: 203;
text-decoration: none;
}

.subsubmenu li.li-first a
{
padding-top: 9px;
}

.subsubmenu li.li-last a
{
border-bottom: 0;
padding-bottom: 23px;
}

.subsubmenu li a:hover, .subsubmenu li a:active
{
z-index: 202;
color: #FFF;
}

.subsubmenu li a.current
{
z-index: 201;
color: #FFF;
}

.subsubmenu li a.current:hover
{
z-index: 202;
}

.subsubmenu li:hover, .subsubmenu li:active, .subsubmenu li.li-current
{
background: url(gfx/kleur_xcms_list_4_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_2 .subsubmenu li:hover, #kleur_xcms_list_2 .subsubmenu li:active, #kleur_xcms_list_2 .subsubmenu li.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_3 .subsubmenu li:hover, #kleur_xcms_list_3 .subsubmenu li:active, #kleur_xcms_list_3 .subsubmenu li.li-current
{
background: url(gfx/kleur_xcms_list_3_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_4 .subsubmenu li:hover, #kleur_xcms_list_4 .subsubmenu li:active, #kleur_xcms_list_4 .subsubmenu li.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_5 .subsubmenu li:hover, #kleur_xcms_list_5 .subsubmenu li:active, #kleur_xcms_list_5 .subsubmenu li.li-current
{
background: url(gfx/kleur_xcms_list_5_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_6 .subsubmenu li:hover, #kleur_xcms_list_6 .subsubmenu li:active, #kleur_xcms_list_6 .subsubmenu li.li-current
{
background: url(gfx/kleur_xcms_list_6_submenu_li_a_bg_active.gif) 4px 0px no-repeat;
}

.subsubmenu li.li-first:hover, .subsubmenu li.li-first:active, .subsubmenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_4_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_2 .subsubmenu li.li-first:hover, #kleur_xcms_list_2 .subsubmenu li.li-first:active, #kleur_xcms_list_2 .subsubmenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_3 .subsubmenu li.li-first:hover, #kleur_xcms_list_3 .subsubmenu li.li-first:active, #kleur_xcms_list_3 .subsubmenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_3_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_4 .subsubmenu li.li-first:hover, #kleur_xcms_list_4 .subsubmenu li.li-first:active, #kleur_xcms_list_4 .subsubmenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_2_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_5 .subsubmenu li.li-first:hover, #kleur_xcms_list_5 .subsubmenu li.li-first:active, #kleur_xcms_list_5 .subsubmenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_5_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

#kleur_xcms_list_6 .subsubmenu li.li-first:hover, #kleur_xcms_list_6 .subsubmenu li.li-first:active, #kleur_xcms_list_6 .subsubmenu li.li-first.li-current
{
background: url(gfx/kleur_xcms_list_6_submenu_li-li-first_a_bg_active.gif) 4px 0px no-repeat;
}

.subsubmenu li.li-last:hover, .subsubmenu li.li-last:active, .subsubmenu li.li-last.li-current
{
background: url(gfx/submenu_li_last_bg_active.gif) 0px 0px no-repeat;
}

.subsubmenu li.li-current ul
{
display: block;
}

#subsubmenu1
{
background-position: 400px 0;
height: 16px;
width: 265px;
position: absolute;
top: 0;
left: 0;
}

.subsubmenu li a#subsubmenu1:hover, .subsubmenu li a#subsubmenu1:active, .subsubmenu li a#subsubmenu1.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 236px;
}

#subsubmenu2
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 32px;
left: 0;
}

.subsubmenu li a#subsubmenu2:hover, .subsubmenu li a#subsubmenu2:active, .subsubmenu li a#subsubmenu2.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 268px;

}

#subsubmenu3
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 63px;
left: 0;
}

.subsubmenu li a#subsubmenu3:hover, .subsubmenu li a#subsubmenu3:active, .subsubmenu li a#subsubmenu3.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 299px;

}

#subsubmenu4
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 94px;
left: 0;
}

.subsubmenu li a#subsubmenu4:hover, .subsubmenu li a#subsubmenu4:active, .subsubmenu li a#subsubmenu4.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 330px;

}

#subsubmenu5
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 125px;
left: 0;
}

.subsubmenu li a#subsubmenu5:hover, .subsubmenu li a#subsubmenu5:active, .subsubmenu li a#subsubmenu5.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 361px;

}

#subsubmenu6
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 156px;
left: 0;
}

.subsubmenu li a#subsubmenu6:hover, .subsubmenu li a#subsubmenu6:active, .subsubmenu li a#subsubmenu6.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 392px;

}

#subsubmenu7
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 187px;
left: 0;
}

.subsubmenu li a#subsubmenu7:hover, .subsubmenu li a#subsubmenu7:active, .subsubmenu li a#subsubmenu7.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 423px;

}

#subsubmenu8
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 218px;
left: 0;
}

.subsubmenu li a#subsubmenu8:hover, .subsubmenu li a#subsubmenu8:active, .subsubmenu li a#subsubmenu8.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 454px;

}

#subsubmenu9
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 249px;
left: 0;
}

.subsubmenu li a#subsubmenu9:hover, .subsubmenu li a#subsubmenu9:active, .subsubmenu li a#subsubmenu9.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 485px;

}

#subsubmenu10
{
background-position: 400px 0;
height: 15px;
width: 265px;
position: absolute;
top: 280px;
left: 0;
}

.subsubmenu li a#subsubmenu10:hover, .subsubmenu li a#subsubmenu10:active, .subsubmenu li a#subsubmenu10.current
{
position: absolute;
top: -227px;
left: 0;
background-position: 7px 2px;
padding-top: 516px;
}

.rightbarshowtext
{
position: absolute;
top: 484px;
right: -13px;
width: 330px;
height: 275px;
z-index: 999;
font-size: 90%;
border-bottom: solid 200px transparent;
}

#submenu_text
{
position: absolute;
top: 304px;
right: 10px;
width: 282px;
height: 219px;
background: #FFF;
color: #232020;
padding-top: 8px;
padding-left: 9px;
padding-right: 9px;
font-size: 9pt;
z-index: 1000;
}

#submenu_text img
{
margin-top: -8px;
margin-left: -9px;
}

#scriptVars div
{
display: none;
}

#submenu_text div
{
position: absolute;
}

.subsubmenu a
{
cursor: pointer;
text-transform: uppercase;
}

#scriptVars div
{

}

.rightbarshowtext .subsubmenu
{
top: 45px;
}

.rightbarshowtext li.li-last
{
background: url(gfx/kleur_xcms_list_4_submenu_li_last_bg.gif) no-repeat;
padding-bottom: 16px;
}

.rightbarshowtext li:hover.li-last
{
background: url(gfx/kleur_xcms_list_4_submenu_li_last_bg_active.gif) no-repeat;
}

.rightbarshowtext li:hover.li-last a
{
color: #FFF;
}

#kleur_xcms_list_2 .rightbarshowtext .subsubmenu li.li-last
{
background: url(gfx/kleur_xcms_list_2_submenu_li_last_bg.gif) no-repeat;
}

#kleur_xcms_list_2 .rightbarshowtext .subsubmenu li:hover.li-last
{
background: url(gfx/kleur_xcms_list_2_submenu_li_last_bg_active.gif) no-repeat;
}

#kleur_xcms_list_3 .rightbarshowtext .subsubmenu li.li-last
{
background: url(gfx/kleur_xcms_list_3_submenu_li_last_bg.gif) no-repeat;
}

#kleur_xcms_list_3 .rightbarshowtext .subsubmenu li:hover.li-last
{
background: url(gfx/kleur_xcms_list_3_submenu_li_last_bg_active.gif) no-repeat;
}

#kleur_xcms_list_4 .rightbarshowtext .subsubmenu li.li-last
{
background: url(gfx/kleur_xcms_list_2_submenu_li_last_bg.gif) no-repeat;
}

#kleur_xcms_list_4 .rightbarshowtext .subsubmenu li:hover.li-last
{
background: url(gfx/kleur_xcms_list_2_submenu_li_last_bg_active.gif) no-repeat;
}

#kleur_xcms_list_5 .rightbarshowtext .subsubmenu li.li-last
{
background: url(gfx/kleur_xcms_list_5_submenu_li_last_bg.gif) no-repeat;
}

#kleur_xcms_list_5 .rightbarshowtext .subsubmenu li:hover.li-last
{
background: url(gfx/kleur_xcms_list_5_submenu_li_last_bg_active.gif) no-repeat;
}

#kleur_xcms_list_6 .rightbarshowtext .subsubmenu li.li-last
{
background: url(gfx/kleur_xcms_list_6_submenu_li_last_bg.gif) no-repeat;
}

#kleur_xcms_list_6 .rightbarshowtext .subsubmenu li:hover.li-last
{
background: url(gfx/kleur_xcms_list_6_submenu_li_last_bg_active.gif) no-repeat;
}

#nextlevel {
}

#breadcrumbs 
{
float: left;
font-size: 70%;
padding-left: 16px;
color: #232020;
}

#breadcrumbs a
{
color: #232020;;
}

#pagetitle
{
position: absolute;
top: 264px;
right: 5px;
width: 312px;
height: 32px;
background: url(gfx/kleur_xcms_list_4_pagetitle_bg.gif) no-repeat;
color: #FFF;
text-align: center;
padding-top: 9px;
font-size: 13pt;
font-size: 110%;
text-transform: uppercase;
letter-spacing: 0.1em;
}

#kleur_xcms_list_2 #pagetitle
{
background: url(gfx/kleur_xcms_list_2_pagetitle_bg.gif) no-repeat;
}

#kleur_xcms_list_3 #pagetitle
{
background: url(gfx/kleur_xcms_list_3_pagetitle_bg.gif) no-repeat;
}

#kleur_xcms_list_4 #pagetitle
{
background: url(gfx/kleur_xcms_list_2_pagetitle_bg.gif) no-repeat;
}

#kleur_xcms_list_5 #pagetitle
{
background: url(gfx/kleur_xcms_list_5_pagetitle_bg.gif) no-repeat;
}

#kleur_xcms_list_6 #pagetitle
{
background: url(gfx/kleur_xcms_list_6_pagetitle_bg.gif) no-repeat;
}

#kleur_xcms_list_2 #pagetitle
{
background: url(gfx/kleur_xcms_list_2_pagetitle_bg.gif) no-repeat;
}


#content img
{
position: relative;
}


/*** div tekst ***/
#tekst {
background: url(gfx/tekst_bg.gif) repeat-y;
width: 638px;
float: left;
margin-top: 22px;
color: #232020;
position: relative;
padding-bottom: 24px;
font-size: 80%;
}

#tekst a
{
color: #000;
}

#tekst img
{
position: relative;
}

#tekst img.xcms-left
{
margin-top: -21px;
margin-left: -31px;
margin-right: 21px;

}

#tekst_footer
{
float: left;
display: block;
width: 638px;
height: 24px;
margin-bottom: 15px;
}

#tekst table {
}

#tekst #datum
{
position: absolute;
top: 14px;
right: 30px;
font-size: 7pt;
color: #dedede;

}

#tekst h1
{
width: 638px;
height: 31px;
background: url(gfx/kleur_xcms_list_4_h1_bg.gif) no-repeat;
color: #FFF;
font-size: 150%;
font-weight: normal;
margin-top: 0;
padding-top: 9px;
padding-left: 32px;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 0;
}

#kleur_xcms_list_2 #tekst h1
{
background: url(gfx/kleur_xcms_list_2_h1_bg.gif) no-repeat;
}

#kleur_xcms_list_3 #tekst h1
{
background: url(gfx/kleur_xcms_list_3_h1_bg.gif) no-repeat;
}

#kleur_xcms_list_4 #tekst h1
{
background: url(gfx/kleur_xcms_list_2_h1_bg.gif) no-repeat;
}

#kleur_xcms_list_5 #tekst h1
{
background: url(gfx/kleur_xcms_list_5_h1_bg.gif) no-repeat;
}

#kleur_xcms_list_6 #tekst h1
{
background: url(gfx/kleur_xcms_list_6_h1_bg.gif) no-repeat;
}


#tekst h1#sitemap
{
margin-bottom: 21px;
}

#tekst h2
{
font-size: 100%;
font-weight: bold;
margin-bottom: 0px;
margin-top: 21px;
padding: 0;
padding-left: 32px;
}

#tekst h3
{
font-size: 100%;
font-weight: normal;
margin: 0;
margin-top: 21px;
padding: 0;
padding-left: 32px;
}


#tekst p
{
margin-top: 21px;
padding-top: 0;
padding-left: 35px;
padding-right: 35px;
}


#tekst #kaart
{
float: left;
margin-left: 4px;
margin-bottom: 0px;
position: relative;
}

#kaart table.ballon p {
  margin: 0 0 5px 0;
  padding: 0;
}


#tekst #kaart #map
{
margin-right: 21px 
}

#kaart li
{
font-size: 100%;
margin-left: 21px;
}

#kaart li input
{
margin-top: 2px;
margin-left: 31px;
margin-right: 2px;
}

html>/**/body #kaart li input
{
margin-top: 6px;
} 

#kaart li img
{
padding-top: 5px;

}

#tekst .sl
{
margin-left: 30px;
}

#home_blocks
{
position: relative;
display: block;
width: 640px;
margin-left: 2px;
margin-bottom: 16px;
float: left;
}

#home_blocks #tekst
{
position: relative;
background: url(gfx/home_blocks_tekst_bg.gif) repeat-y;
width: 308px;
height: 446px;
float: left;
margin-top: 22px;
color: #232020;
padding-bottom: 31px;
font-size: 80%;
color: #FFF;

}

#home_blocks_footer
{
position: absolute;
left: 0;
bottom: 8px;
display: block;
width: 308px;
height: 10px;
background: url(gfx/homeblock1_footer_bg.gif) 0 100% no-repeat;
}

#home_blocks #tekst h1
{
width: 308px;
height: 31px;
background: url(gfx/homeblock1_h1_bg.gif) no-repeat;
color: #FFF;
font-size: 150%;
font-weight: normal;
margin-top: 0;
padding-top: 9px;
padding-left: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 0;
text-align: center;
}

#home_block2
{
float: right;
position: relative;
margin-top: 22px;
padding-left: 21px;
width: 310px;
height: 493px;
background: url(gfx/home_block2_bg.gif) 21px 0 repeat-y;
}


#home_block2 h1
{
width: 310px;
height: 31px;
background: url(gfx/homeblock2_h1_bg.gif) no-repeat;
color: #FFF;
font-size: 120%;
font-weight: normal;
margin-top: 0;
padding-top: 9px;
padding-left: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 0;
text-align: center;
}

#home_block2 img
{
padding-left: 5px;
}

#home_block2 ul
{
float: left;
list-style: none;
margin: 0;
margin-left: 5px;
padding: 0;
display: block;
border-top: solid 1px #FFF;
}

#home_block2 ul li
{
float: left;
position: relative;
width: 300px;
height: 72px;
}

#home_block2 ul li a
{
display: block;
width: 264px;
height: 53px;
padding-top: 17px;
padding-left: 36px;
border-top: solid 1px #FFF;
border-bottom: solid 1px #FFF;
color: #000;
font-size: 90%;
letter-spacing: 0.1em;
text-decoration: none;

}

#home_block2 ul li p:hover 
{
color: #FFF;

}



#home_block2 ul li i
{
font-style: normal;
font-size: 75%;
}

#home_block2_footer
{
position: absolute;
left: 21px;
bottom: 0;
display: block;
width: 310px;
height: 19px;
background: url(gfx/homeblock2_footer_bg.gif) no-repeat;
}

#home_block2 
{
position: relative;
}

#home_block2 .lijstitem .leadimage
{
position: absolute;
top: 40px;
left: 21px;
z-index: 100;
}

.lijstitem:hover .leadimage
{
z-index: 200;
}

#blocks
{
float: left;
width: 640px;
font-size: 120%;
color: #231f20;
}

#blocks h1
{
background: url(gfx/kleur_xcms_list_1_block_h1_bg.gif) 3px 0 no-repeat;
font-size: 100%;
color: #FFF;
height: 40px;
font-weight: normal;
margin-top: 0;
padding-top: 8px;
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
}

#kleur_xcms_list_2 #blocks h1
{
background: url(gfx/kleur_xcms_list_2_block_h1_bg.gif) 3px 0 no-repeat;
}

#kleur_xcms_list_3 #blocks h1
{
background: url(gfx/kleur_xcms_list_3_block_h1_bg.gif) 3px 0 no-repeat;
}

#kleur_xcms_list_4 #blocks h1
{
background: url(gfx/kleur_xcms_list_4_block_h1_bg.gif) 3px 0 no-repeat;
}

#kleur_xcms_list_5 #blocks h1
{
background: url(gfx/kleur_xcms_list_5_block_h1_bg.gif) 3px 0 no-repeat;
}

#kleur_xcms_list_6 #blocks h1
{
background: url(gfx/kleur_xcms_list_6_block_h1_bg.gif) 3px 0 no-repeat;
}

#blocks p
{
margin-top: 0;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;

}

#block1
{
float: left;
display: block;
width: 309px;
height: 160px;
margin-right: 20px;
position: relative;
}

#blocks .blocks_bg
{
position: absolute;
top: 0;
left: 0px;
width: 307px;
height: 159px; 
}


#blocks .blocktext
{
position: absolute;
top: 0;
left: 0;
width: 307px;
height: 159px;
}

#block1 p
{
font-size: 70%;
}

#block1 ul
{
 font-size: 70%;
 margin-top: 0;
 padding-top: 0;
}

#block1 h1 
{
font-size: 100%;
text-align: center;
}

#block1 h2 
{
font-size: 100%;
text-align: center;
margin-bottom: -4px;
}

#block1 p img
{
margin-top: -10px;
margin-left: -15px;
}

#block2
{
float: left;
display: block;
width: 309px;
height: 160px;
position: relative;
}

#block2 p
{
font-size: 70%;
}

#block2 ul
{
 font-size: 70%;
 margin-top: 0;
 padding-top: 0;
}

#block2 h1 
{
font-size: 100%;
text-align: center;
}

#block2 h2 
{
font-size: 100%;
text-align: center;
margin-bottom: -4px;
}

#block2 p img
{
margin-top: -10px;
margin-left: -15px;
}

#banners
{
position: absolute;
top: -8px;
right: 0px;
width: 320px;
z-index: 200;


}

#banners ul
{
position: relative;
list-style: none;
margin: 0;
padding: 0;
width: 236px;
float: right
}


#banners ul li
{
display: block;
float: left;
margin-right: 30px;
}


#banners ul li img
{
position: relative;
}


.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;
}

/*** 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;
}




#socialmedialike
{
position: absolute;
top: 235px;
left: 16px;
width: 600px;
height: 21px;
}

html>/**/body #socialmedialike
{
left: 14px;
} 

#twitter_like
{
float: left;
}

#pagina_doorsturen
{
position: absolute;
top: 0px;
left: 206px;
}

#pagina_doorsturen a
{
}



#socialmedia_btns
{
position: absolute;
top: 213px;
left: 505px;
width: 120px;
height: 21px;
}

html>/**/body #socialmedia_btns
{
left: 523px;
} 


#socialmedia_btns ul
{
list-style: none;
margin: 0;
padding: 0;
}

#socialmedia_btns ul li
{
float: left;
margin-right: 3px;
}
