html {overflow: -moz-scrollbars-vertical; overflow-x: auto;}
body {padding: 0; margin: 0; font-family: verdana; background-color:#FFFFFF}

.clear {clear:both; font-size:0; height:0; line-height:0;}

/* wrapper to center content on screen */
#wrapper {width: 984px; margin: 0px auto; padding:0;}

/* pagemenu */
#pagemenuHolder {position:absolute; top:37px; margin: 0px 0px 0px 8px; z-index:1;}

#header {width:984px; background-color:#FFFFFF; background-image:url(../gfx/header_bg.png); background-repeat:repeat-x;min-height:150px; height:auto !important;  height:150px; margin:0; padding:0;}
.logo_holder {width:120px; height:150px; float:left;}

#header_right {width:840px; float:right; height:80px; margin:0; padding:0; margin-right:0; padding-top:2px;}

#footer {width:954px; padding: 8px 15px 0px 15px; height:27px; background-color:#9ca3a5; margin-top:15px;}
#footerlinks {float:left; width: 450px;}
#footerlinks a {color:#ffffff; text-decoration:none;}
#footerlinks a:hover {text-decoration:underline;}
#footeraddress {float:right; width:460px; color:#333333; text-align:right; margin-right:10px;}

/* NAVIGATION */
/* ----------------------------------------------------------------------- */
#searchform {clear:both; float:right; padding:0; margin:0; width:650px; padding-right:30px;}
#search_table{ float:right; display:inline; padding:0; }

#appslinks_holder {float:right; margin:0; padding:0; margin-top:5px; margin-bottom:4px;}
#appslinks_holder a{color:#008fd0; text-decoration:none; float:left;}
#appslinks_holder a:hover{color:#008fd0; text-decoration:underline;}

#courtesy_top {clear:both; text-align:right; float:right;display:block; color:#333333; margin-right:0; width:650px; padding-right:30px;}
#courtesy_top a.navitem,#courtesy_top a.navitem_selected  {color:#333333; text-decoration:none;}
#courtesy_top a.navitem:hover,#courtesy_top a.navitem_selected:hover  {text-decoration:underline;}
#courtesy_top a.fontlink {font-weight:bold; color:#333333; text-decoration:none;}
#courtesy_top a.fontlink:hover {font-weight:bold; color:#333333; text-decoration:underline;}

#main_navigation {clear:both; float:right;display:block; margin-right:0; width:650px; padding-right:15px; z-index:2; bottom:0px;margin-top:7px;}
#main_navigation img {float:right; margin:0px; padding:0px;}

#subheader_filled {width:984px; color:#008fd0;}
#subheader_filled h1 {color:#008fd0}
#subheader_content {float:right; margin-top:5px; width:840px; margin-bottom:10px; margin-top:5px; background:#FFF; z-index:1; top:80px; padding-top:5px;}

#breadcrumbs { width:840px; float:right;}
#breadcrumbs h1 {margin:5px 0 0 0;}
#breadcrumbs a.navitem {color:#666666; text-decoration:none;}
#breadcrumbs a.navitem:hover {text-decoration:underline;}
#breadcrumbs a.navitem_selected {color:#008fd0; text-decoration:none;}
#breadcrumbs a.navitem_selected:hover {text-decoration:underline;}

#page_title_left {width:840px; margin-top:5px; float:right; margin-bottom:5px;}
#page_title_right {width:480px; margin:0; float:right; padding:0;}

.subnav_item {display:block;width:180px;margin-bottom:6px}
.subnav_subitem {width:190px; margin-left:20px; margin-bottom:5px}
.subnav_item a, .subnav_subitem a {color:#333333; text-decoration:none;}
.subnav_subitem a:hover, subnav_subitem a:hover {text-decoration:underline;}

/* ---------------------------------------------------------------------- */

/* FRAMEWORK */
/* ----------------------------------------------------------------------- */
#page_left {width:720px; float:left;}
#page_right {width:234px; float:right; padding-top:15px;}

#kch_nosidebarWrapper { 
	margin: 15px 0 10px 0;
	border-top: 1px solid #dfdfdf;
	height: 100%;
	background: url(../gfx/kchcontainer_middle.jpg) repeat-y;
}
#kch_pageleft {width:584px; float:left; margin: 20px 15px;}
#kch_pageright {width:370px; float:right; margin: 20px 0}

#contentwrapper {width:720px; margin-top:15px; border-top:1px solid #dfdfdf; background-image:url(../gfx/bg_content.gif); background-repeat:repeat-y;}
#contentwrapper_nobg {width:690px; margin-top:0; padding:0;}
#contentwrapper_wide {width:690px; padding:15px; margin-top:15px; border-top:1px solid #dfdfdf; background-image:url(../gfx/bg_content_wide.gif); background-repeat:repeat-y;}

#contentblok { clear:both; width:720px;}

#content_left {width:450px; float:left; padding:15px;}
#content_right {width:240px; float:right;}
#content_right h2, #content_left h2 {color:#008fd0; margin: 0px 0px 10px 0px;}
#content_left h2.title {color:#000000; margin: 0px 0px 10px 0px;}
#content_left h1.page_title {float:left; width:375px;}
#contentwrapper_wide h1.page_title {float:left; width:575px;}
#pagefunctions {float:right; width:80px; text-align:right}
	#kch_pageleft #pagefunctions {width: 20px;}
	#kch_pageleftBeroepDetailPF #pagefunctions {width: 60px;}

#content_right .content_container {width:210px; padding:15px; margin-bottom:15px;}
#content_right .link_container {width:210px; padding:15px;}

#direct_naar_orange {background-color:#ef8213; padding:15px; width:205px; background-image:url(../gfx/bg_corner_orange.gif); background-repeat:no-repeat; background-position:bottom right; margin-bottom: 15px;}
#direct_naar_orange h1 {color:#ffffff;}
#direct_naar_orange a {color:#000000; text-decoration:none;}
#direct_naar_orange a:hover {color:#000000; text-decoration:underline;}
#direct_naar_orange a.showall {color:#000000; text-decoration:none;}
#direct_naar_orange a.showall:hover {color:#000000; text-decoration:underline;}

#direct_naar_grey {background-color:#b1b1b1; padding:15px; width:205px; background-image:url(../gfx/bg_corner_grey.gif); background-repeat:no-repeat; background-position:bottom right; margin-bottom: 15px;}
#direct_naar_grey h1 {color:#ffffff;}
#direct_naar_grey a {color:#000000; text-decoration:none;}
#direct_naar_grey a.showall {color:#000000; text-decoration:none;}
#direct_naar_grey a.showall:hover {color:#000000; text-decoration:underline;}

/* ----------------------------------------------------------------------- */

/* HOMEPAGE */
/* ----------------------------------------------------------------------- */
#tabs_home {width:720px; margin-top:25px; height:26px;}
#actueeltab_home {width:480px; float:left; height:26px; background-image:url(../gfx/tabs/bg.gif); background-repeat:repeat-x;}
#actueel_home {float:left; width:465px;}
#tools_home {float:right; width:210px;}
#toolstab_home {width:225px; float:right; height:26px; background-image:url(../gfx/tabs/bg.gif); background-repeat:repeat-x;}

.actueel_home_left {margin-bottom:10px;width:450px;}
.actueel_home a {color:#000000; text-decoration:none;}   
.actueel_home a:hover {color:#000000; text-decoration:none; font-weight:bold}
.actueel_date {color:#b2b2b2;font-size:9px;}
#tools_home a {color:#000000; text-decoration:none;}
#tools_home a:hover {color:#000000; text-decoration:none; font-weight:bold}

#linkblok {background-color:#eeeeee; width:720px; padding-top:10px;}
#linkblok h1 {color:#008fd0; margin-bottom:15px}

#branchelinks {width: 225px; margin-left:15px; float:left;}
#branchelinks .sectorlink {font-weight:bold; text-decoration:underline;}
#branchelinks .sectorlink_over {color:#008fd0; font-weight:bold; text-decoration:underline;}
.branchelink {font-weight:normal}
#themalinks {width: 225px; margin-left:15px; float:left;}
#otherlinks {width: 225px; float:right;}

a.showall {color:#008fd0; text-decoration:underline;}
a.showall:hover {color:#333333; text-decoration:underline;}

/* ----------------------------------------------------------------------- */
/* WINKEL */
/* ----------------------------------------------------------------------- */

#winkel_populair {background-color:#ef8213; padding:15px; width:325px; background-image:url(../gfx/bg_corner_orange.gif); background-repeat:no-repeat; background-position:bottom right; margin-bottom: 15px; float:left; display:inline; margin-right:10px; margin-top:10px;}
#winkel_populair h1 {color:#ffffff;}
#winkel_populair a {color:#000000; text-decoration:none;}
#winkel_populair a:hover {color:#000000; text-decoration:underline;}
#winkel_populair a.showall {color:#000000; text-decoration:none;}
#winkel_populair a.showall:hover {color:#000000; text-decoration:underline;}

#winkel_nieuw {background-color:#36A1FF; padding:15px; width:325px; background-image:url(../gfx/bg_corner_deepblue.gif); background-repeat:no-repeat; background-position:bottom right; margin-bottom: 15px; float:left; display:inline;margin-top:10px;}
#winkel_nieuw h1 {color:#ffffff;}
#winkel_nieuw a {color:#000000; text-decoration:none;}
#winkel_nieuw a:hover {color:#000000; text-decoration:underline;}
#winkel_nieuw a.showall {color:#000000; text-decoration:none;}
#winkel_nieuw a.showall:hover {color:#000000; text-decoration:underline;}

#winkel_crumb {background-color:#b1b1b1; padding:10px 5px 10px 10px; width:220px; background-image:url(../gfx/bg_corner_grey.gif); background-repeat:no-repeat; background-position:bottom right; margin-bottom: 15px;}
#winkel_crumb h2 {color:#FFFFFF; font:bold 14px arial;}
#winkel_crumb a {color:#FFFFFF; text-decoration:none;}
#winkel_crumb a.showall {color:#FFFFFF; text-decoration:none;}
#winkel_crumb a.showall:hover {color:#FFFFFF; text-decoration:underline;}

#winkel_crumb_sel {background-color:#007bb3; padding:10px 5px 10px 10px; width:220px; background-image:url(../gfx/bg_corner_deepblue.gif); background-repeat:no-repeat; background-position:bottom right; margin-bottom: 15px;}
#winkel_crumb_sel h2 {color:#000000; font:bold 14px arial;}
#winkel_crumb_sel a {color:#000000; text-decoration:none;}
#winkel_crumb_sel a.showall {color:#000000; text-decoration:none;}
#winkel_crumb_sel a.showall:hover {color:#000000; text-decoration:underline;}

.winkel_overzicht {border-bottom:1px solid #CCC;}
.wm_input {width:30px; font:11px arial; padding:2px; text-align:right;}

#menu_header {float:left; padding:0;margin:0;}
#menu_header_wm {padding:0;margin:0;}
#wm_teaset_clck {float:left; padding:0 10px; margin:0;}

.winkel_header_teaser {background:#007bb3 url(../gfx/bg_corner_deepblue.gif) bottom right no-repeat; z-index:1; width:170px; margin:0; font:11px arial; padding:9px; top:0; position:absolute;}
.winkel_header_teaser a.navitem{font:11px verdana; padding-top:4px;}

.winkel_gegevens { border-bottom:1px solid #EEE;}
.winkel_gegevens_label { border-bottom:1px solid #CCC; background:#EEE;}

.product_box {width:720px;}

.product_box_left{width:355px; float:left; margin-right:10px;}
.product_box_right{width:355px; float:left;}

.tab_content_col{width:220px; float:left; display:inline;padding:5px;}

#product_box_blue { padding:10px 10px 0 10px; width:335px; background:#008fd0;}
#product_box_orange { padding:10px 10px 0 10px; width:335px; background:#ef8213;}

#product_box_blue a,#product_box_blue a:hover,#product_box_orange a,#product_box_orange a:hover {color:#000; font:12px arial;}
.ftr_product_box_orange {text-align:right;padding:10px; background:#ef8213 url(../gfx/bg_corner_orange.gif) bottom right no-repeat;width:335px;}
.ftr_product_box_blue {text-align:right;padding:10px; background:#008fd0 url(../gfx/bg_corner_blue.gif) bottom right no-repeat;width:335px;}
.ftr_product_box_blue a,.ftr_product_box_blue a:hover,.ftr_product_box_orange a,.ftr_product_box_orange a:hover{color:#FFF; text-decoration:none;font:bold 12px arial;}


/* ----------------------------------------------------------------------- */

/* TABS */
#tabs {width:720px; margin-top:25px; background-image:url(../gfx/tabs/bg.gif); background-repeat:repeat-x; height:26px;}
#tabs_fc {width:690px; margin-top:25px; background-image:url(../gfx/tabs/bg.gif); background-repeat:repeat-x; height:26px;}
#tabcontent {width:705px; margin: 15px 0px 15px 15px;}
#tabcontent_fc {width:690px; margin-top:0;}
#tabsfcsubonderwerp {width:720px; margin-top:25px; height:26px;}
#publicaties_tab {float:left; width:350px; background-image:url(../gfx/tabs/bg.gif); background-repeat:repeat-x; height:26px;}
#tools_tab {float:right; width:354px; background-image:url(../gfx/tabs/bg.gif); background-repeat:repeat-x; height:26px;}
#publicaties {width:350px; float:left}
#tools {width:350px; float:right}

/* ----------------------------------------------------------------------- */

#indexwrapper {background-color:#dedd1f; margin-top:15px; padding:15px; width:690px; background-image:url(../gfx/bg_corner_green.gif); background-repeat:no-repeat; background-position:bottom right; float:left;}
#indexwrapper h1 {margin-top:0px; color:#ffffff; margin-bottom:5px;}
#indexwrapper hr {color:#FFFFFF;}
#indexwrapper a {color:#000000; text-decoration:none;}
#indexwrapper a:hover {color:#FFFFFF; text-decoration:underline;}
#index_left {float:left; width:225px;}
#index_middle {float:left; width:225px; margin-left:15px;}
#index_right {float:right; width:225px;}

/* ----------------------------------------------------------------------- */
	
/* ----------------------------------------------------------------------- */
/* GLOBAL STYLES */
/* ----------------------------------------------------------------------- */

/* text style */
h1 {color:#333333; text-align:left; margin:0; padding:0; font-weight:normal;}
h2 {color:#333333; text-align:left; margin:0; padding:0; font-weight:normal;}
h3 {color:#333333; text-align:left; margin:0; padding:0; font-weight:normal;}
p {color:#333333; text-align:left;}

h5 .title {color:#333333; margin:0px 0px 5px 0px;}

/* color styles */
.cl_blue {color:#008fd0;}
.cl_deep_blue {color:#007bb3;}
.cl_kobalt_blue {color:#1f3366;}
.cl_green {color:#dedd1f;}
.cl_deep_green {color:#bfbe1b;}
.cl_orange {color:#ef8213;}
.cl_zwart {color:#000000;}
.cl_grijs {color:#eeeeee;}
.cl_deep_grijs {color:#9ca3a5;}
.cl_donker_grijs {color:#b1b1b1;}

/* background styles */
.bg_blue {background:#008fd0;}
.bg_deep_blue {background:#007bb3;}
.bg_kobalt_blue {background:#1f3366;}
.bg_green {background:#dedd1f;}
.bg_deep_green {background:#bfbe1b;}
.bg_orange {background:#ef8213;}
.bg_zwart {background:#000000;}
.bg_grijs {background:#eeeeee;}
.bg_deep_grijs {background:#9ca3a5;}
.bg_donker_grijs {background:#b1b1b1;}

/* ----------------------------------------------------------------------- */
.toggler {background-color: #FFFFFF}
.accordeon {background-color: #FFFFFF}