/* @override http://localhost:3000/stylesheets/application.css */

/* ***********************************************************
   *  AFM - Autoriteit Financieele Markten                   * 
   *  *****************************************************  *
   *  Omschrijving: Stylesheet AFM consumentensite           *
   *  Versie: 1.3.17                                         *
   *  Datum: 24 juli 2009                                     *
   *********************************************************** */
   
   
   
   
/* *********************************************************** 
   *                                                         *
   *  Common elements                                        *
   *                                                         *
   *********************************************************** */
   
* {margin: 0; padding: 0;}
body {background-color: #fff; font-family: Verdana, sans-serif;	font-size: 11px; height: 100%;}

ul li {list-style: none;}

a:link, a:visited {color: #000;}

.image {border-width: 0px;}

div.clearer {clear: both;}

td.left {vertical-align: top; width: 237px;}
td.right {vertical-align: top; width: 237px;}
td.left h2, td.right h2 {color: #4C4C4C; padding: 10px; }

.center {padding: 0px 1px 0px 1px; vertical-align: top;}
#content-left-big h1, .center h1 {color: #333333; font-size: 14px; padding: 10px 10px;}

a img {border: none; cursor: pointer;}
.banner_left {display: block; position: absolute; bottom: 0px; left: 2px;}
.banner_right {display: block; position: absolute; bottom: 0px; right: 2px;}

.banner {float:left; margin: 0 1px;}
#contentdivbig #content_right .banner {float:left; margin: 0 1px; margin-top: -25px;}

.bannercaroussel {float:left; margin: 0 1px;}

.block {color: #ffffff; width: 482px; height: 106px; margin-bottom: 1px; overflow:hidden;}
.block a {padding: 12px 112px 24px 62px;}
.block a span {color: #ffffff;}
.block a span.header {font-size: 16px; font-weight: bold; padding: 0;}

.large-block {color: #ffffff; height: 310px; padding: 25px 60px 20px 90px;}
.large-block p {margin-top: 10px;}
.large-block p.main {font-weight: bold;}

.zoeken {margin: -38px 0px 0px 62px; height: 18px; position: relative;}
.zoeken .text {position:absolute; font-size: 11px; bottom: 0px; margin-right: 5px; width: 220px;}
.zoeken .watermerk {position:absolute; font-size: 11px; bottom: 0px; margin-right: 5px; width: 220px; color: #a4a4a4;}
.zoeken .image {position:absolute; margin-left: 225px; bottom: 0px;}
.zoeken p {position:absolute; top:-15px; height: 20px;}
.zoeken .uitgebreid { position:absolute; top:17px; height: 12px;}
.zoeken .uitgebreid label { }
.search .uitgebreid { float:right; height:18px;margin-top:2px;text-align:right;width:200px;} 
.zoek .uitgebreid { float:left; margin-left :10px;}
.zoek .uitgebreid  label{ color:black;}

.smallfont {font-size: 8px;}
.bigfont {font-size: 10px; margin-right: 30px;}

div.teaserhome { behavior: url(/stylesheets/iepngfix.htc); }
.teaserhome {background: url(../images/menu_left_over.png) no-repeat; height: 271px; width: 141px; position: absolute; bottom: 0px; left: 0px; margin-left: 95px;}

/* *********************************************************** 
   *                                                         *
   *  Content, layout area elements                          *
   *                                                         *
   *********************************************************** */

#wrapper {margin: 0 auto; width: 960px;}
#contentdiv {position: relative; float:left; display: block; height: 100%; background: url(../images/content-background.gif) repeat-y; margin-top: -4px;}
#contentdivbig {position: relative; float:left; display: block; height: 100%; background: url(../images/content-background_2c.gif) repeat-y; margin-top: -4px;}
#content2column  #contentdiv {position: relative; float:left; display: block; height: 100%; background: url(../images/content-background3.gif) repeat-y; margin-top: -4px;}

#content_left {width: 238px; float: left; height: 100%;}
#content-left-big {float: left;	min-height: 328px; width: 720px; background-color: #ffffff; margin: 0px 1px;}
#content_center {width: 482px; float: left;	border-top: 1px solid #ffffff;}
#content_centerbig {width: 720px; float: left;	border-top: 1px solid #ffffff;}

 /* #content_center_content ul li {float: left; list-style-type: disc ;list-style: display: block; margin-left:25px;}
#content_center_content ul li ul li { list-style-type: disc ;list-style: display: block; margin-left:50px;} */
#content_center_content  ul li {margin-left: 15px; list-style-type: disc; list-style-position: outside;}
#content_center_content  ul { margin-bottom: 15px; margin-left: 15px; }
#content_center_content  ul li ul{ margin-left: 30px; }

#content_center_content ul.crumbtrail li { margin-left: 0px;}
#content_center_content ol li { list-style: outside; list-style: decimal; }


#content_right {width: 238px; float: right; min-height: 356px;}


/*
#footer {clear: both; color: #330D66; font-size: 9px; height: 14px; letter-spacing: 1px;  padding: 2px 10px; background: #ffffff url(../images/footer.gif) no-repeat; 

margin-bottom: 20px;}
#footerbig {clear: both; color: #330D66; font-size: 9px; height: 14px; letter-spacing: 1px;  padding: 2px 10px; background: #ffffff url(../images/footer_big.gif) no-repeat; 

margin-bottom: 20px;}
#footer ul, #footerbig ul {display: block; margin-top: 10px; text-align: center;}
#footer ul li, #footerbig ul li {display: inline;}
#footer ul li a, #footerbig ul li a {color: #330D66; text-decoration: none;}
#footer ul li a:hover, #footerbig ul li a:hover {text-decoration: underline;}
*/
#actueel {min-height: 284px;}

#pageheader {
	position: relative;
	float: left; 
	display: block; 
	width: 100%; 
	background: #cccccc;	
	margin-bottom: 10px;
}

/* *********************************************************** 
   *                                                         *
   *  Sitebar                                                *
   *                                                         *
   *********************************************************** */

#sitebar {background-color: #330D66; color: #ffffff; font-size: 10px; height: 14px;	padding: 2px 10px;}
#sitebar ul li {display: inline; float: left; list-style-image: none; list-style-type: none; margin-right: 10px;}
#sitebar span {float: right;}
#sitebar a, #sitebar a:link {color: #ffffff; text-decoration: none;}
#sitebar a:hover {text-decoration: underline;}
#sitebar li.selected, #sitebar a.selected {color: #9A6606;}
#sitebar a.flag_default {display:inline-block; height:12px; width:14px; vertical-align:bottom; border:1px solid #330D66}
#sitebar a.flag_selected {display:inline-block; height:12px; width:14px; vertical-align:bottom; border:1px solid #9A6606;}

.fontSize0 a {font-size: 10px;}
.fontSize1 a {font-size: 14px;}
.fontSize2 a {font-size: 18px;}

/* *********************************************************** 
   *                                                         *
   *  Header                                                 *
   *                                                         *
   *********************************************************** */

.slogan {float: left; color: #330D66; font-family: Arial; font-size: 14px; font-weight: bold; display: block; width: 450px; margin-left: 55px; height: 20px; margin-top: 10px;}

div.search {text-align: right; float: right; width: 200px; height: 18px; margin-top: 10px;}
div.search .text {font-size: 11px; margin-right: 5px; margin-top: 1px; vertical-align: top; height: 12px; color: #330066;}
div.search .watermerk {font-size: 11px; margin-right: 5px; margin-top: 1px; vertical-align: top; height: 12px; color: #330066;}

#header {padding: 10px; padding-bottom: 0;}
#header img.logo {float: left; padding-left: 10px;}
#header img.title {float: left; padding-left: 62px; padding-top: 15px;}
#header h1 {display: none; float: left; font-size: 25px; margin: 30px 0 0 40px;}

/* *********************************************************** 
   *                                                         *
   *  Top navigation tabs                                    *
   *                                                         *
   *********************************************************** */

ul.tabs {list-style: none; padding: 0; margin-left: 240px;}

ul.tabs li {float: left; margin: 0; letter-spacing: -1px;}

ul.tabs a {font-size: 14px; font-weight: bold; display: block; padding: 4px 0 3px 10px; text-decoration: none;}
ul.tabs a span {padding: 4px 10px 3px 0;}

ul.tabs a:hover {background: url(../images/tab-hover_left.gif) left top no-repeat;}
ul.tabs a:hover span {background: url(../images/tab-hover_right.gif) right top no-repeat;}

ul.tabs li.home { }
ul.tabs li.home a {color: #330D66;}

ul.tabs li.home a {color: #330D66;}
ul.tabs .home-selected a, ul.tabs .home-selected a {color: #fff; background: url(../images/tab-home_left.gif) left top no-repeat; text-decoration: none;}
ul.tabs .home-selected a span, ul.tabs .home-selected a span {color: #fff; background: url(../images/tab-home_right.gif) right top no-repeat; }

ul.tabs li.vertrouwen a {color: #CA3A96;}
ul.tabs .vertrouwen-selected a, ul.tabs .vertrouwen-selected a {color: #fff; background:url(../images/tab-vertrouwen_left.gif) left top no-repeat; text-decoration: none;}
ul.tabs .vertrouwen-selected a span, ul.tabs .vertrouwen-selected a span {color: #fff; background: url(../images/tab-vertrouwen_right.gif) right top no-repeat; }

ul.tabs li.risico a {color: #CD1832;}
ul.tabs .risico-selected a, ul.tabs .risico-selected a {color: #fff; background: url(../images/tab-risico_left.gif) left top no-repeat; text-decoration: none;}
ul.tabs .risico-selected a span, ul.tabs .risico-selected a span {color: #fff; background: url(../images/tab-risico_right.gif) right top no-repeat; }

ul.tabs li.producten a {color: #0098CC;}
ul.tabs .producten-selected a, ul.tabs .producten-selected a {color: #fff; background: url(../images/tab-producten_left.gif) left top no-repeat; text-decoration: none;}
ul.tabs .producten-selected a span, ul.tabs .producten-selected a span {color: #fff; background: url(../images/tab-producten_right.gif) right top no-repeat; }

ul.tabs li.aanpak a {color: #006699;}
ul.tabs .aanpak-selected a, ul.tabs .aanpak-selected a {color: #fff; background: url(../images/tab-aanpak_left.gif) left top no-repeat; text-decoration: none;}
ul.tabs .aanpak-selected a span, ul.tabs .aanpak-selected a span {color: #fff; background: url(../images/tab-aanpak_right.gif) right top no-repeat; }

ul.tabs li.afm a {color: #330D66;}
ul.tabs .afm-selected a, ul.tabs .afm-selected a {color: #fff; background: url(../images/tab-home_left.gif) left top no-repeat; text-decoration: none;}
ul.tabs .afm-selected a span, ul.tabs .afm-selected a span {color: #fff; background: url(../images/tab-home_right.gif) right top no-repeat; }

ul.tabs li.actueel a {color: #666666;}
ul.tabs .actueel-selected a, ul.tabs .actueel-selected a {color: #fff; background: url(../images/tab-actueel_left.gif) left top no-repeat; text-decoration: none;}
ul.tabs .actueel-selected a span, ul.tabs .actueel-selected a span {color: #fff; background: url(../images/tab-actueel_right.gif) right top no-repeat; }

/*ul.tabs li.actueel, ul.tabs li.actueel-selected {float: right; margin-right: 20px;}*/

/* *********************************************************** 
   *                                                         *
   *  Content                                                *
   *                                                         *
   *********************************************************** */

#headerbar {background: url(../images/header-home.gif) no-repeat; height: 29px; clear: left;}

#content_right h2, #content_right h2 a {color: #969696; padding: 10px; text-decoration:none;}
#content_left h2, #content_left h2 a {color: #4C4C4C; padding: 10px; text-decoration:none;}
#content_left {position: relative;}

#content h2 {font-size: 16px;}
#content2column h2 {font-size: 16px;}

table.content {border-collapse: collapse; border-spacing: 0; width: 100%;}
table.content td.left, table.content .center, table.content td.right {border-bottom: 1px solid #cccccc; padding: 1px;}
table.content tr.footer {background: url(../images/table-footer.gif) no-repeat; height: 4px;}





div.content {color: #333333; padding: 14px; }
div.content p {padding-bottom: 5px; padding-top: 10px;}
div.content p i {overflow: visible; }
div.content p a {color: #000000; text-decoration: underline;}
div.content p a:hover {color: #000000;}

div.content ol li {margin-left: 25px; }
div.content ol {margin-bottom: 15px; margin-top:25px; }
div.content ol li a {color: #000000; text-decoration: underline;}
div.content ul li { margin-left: 25px; list-style: disc;}
div.content ul { margin-bottom: 15px; margin-left: 15px;}
div.content ul li ul{ margin-left: 30px; }
div.content ul li a {color: #000000; text-decoration: underline;}

div.nieuwscontent {color: #333333; padding: 10px;}
div.nieuwscontent p {padding-bottom: 10px;}
div.nieuwscontent p a {color: #999999; text-decoration: underline;}
div.nieuwscontent p a:hover {color: #000000;}
div.nieuwscontent p img {float: right;}

/* *********************************************************** 
   *                                                         *
   *  Left menu, common layout                               *
   *                                                         *
   *********************************************************** */

ul.menu {float: left; border-top: 1px solid #CFCFCF; font-size: 12px; width: 100%; overflow: auto;}
ul.menu li {background: url(../images/menu-arrow.gif) no-repeat 10px center; border-bottom: 1px solid #CFCFCF; color: #4c4c4c; list-style-position: outside; list-style-image: 

none;  float:left; width:238px; overflow: hidden;}
ul.menu li a{ float: left; display: block; text-decoration: none; padding: 5px 200px 5px 30px; color: #4c4c4c; margin: 0 auto; text-align: inherit; width: 300px;}
ul.menu li:hover {float:left; background-image: url(../images/menu-arrow-rollover.gif); background-color: #e3e3e3;}
ul.menu li li:hover {background-color: transparent;  }
ul.menu li.selected {background-image: url(../images/menu-arrow-rollover.gif);}
ul.menu li.selected a, ul.menu li.expanded a {color: #ffffff;}
ul.menu ul.expanded li {margin: 0px; padding: 0px;}
ul.menu ul.expanded li a {color: #ffffff; font-size: 11px;}
ul.menu li.expanded {background: url(../images/menu-expanded.gif) 10px 6px no-repeat; display: block;}
ul.menu ul.expanded li {background-image: url(../images/menu-sub.gif); background-position: 15px 8px; background-repeat: no-repeat;}
ul.menu ul.expanded li { background-image: url(../images/menu-sub.gif); background-position: 30px 4px; background-repeat: no-repeat;}
ul.menu ul.expanded li li { background-image: url(../images/menu-sub.gif); background-position: 45px 4px; background-repeat: no-repeat;}
ul.menu ul.expanded li li li { background-image: url(../images/menu-sub.gif); background-position: 60px 4px; background-repeat: no-repeat;}
ul.menu ul.expanded li li li li{ background-image: url(../images/menu-sub.gif); background-position: 75px 4px; background-repeat: no-repeat;}
ul.menu ul.expanded li li li li li{ background-image: url(../images/menu-sub.gif); background-position: 90px 4px; background-repeat: no-repeat;}
ul.menu ul.expanded li.expanded, ul.menu ul.expanded li:hover, ul.menu ul.expanded li.selected {background-image: url(../images/menu-sub-selected.gif);}
/* width for the below items for IE6 fix */
ul.menu ul.expanded li a {padding-left: 45px;  width:193px;}
ul.menu ul.expanded li li a {padding-left: 60px;  width:178px;}
ul.menu ul.expanded li li li a {padding-left: 75px;  width:163px;}
ul.menu ul.expanded li li li li a {padding-left: 90px;  width:148px;}
ul.menu ul.expanded li li li li li a {padding-left: 105px;  width:133px;}
ul.menu ul.expanded li li li li li li a {padding-left: 120px;  width:118px;}

/* *********************************************************** 
   *                                                         *
   *  Right menu, homepage layout                            *
   *                                                         *
   *********************************************************** */

#content_right ul.actueel {background: transparent;}

#content_right ul.actueel li.odd {width: 222px; background-color: #eeeeee; border-top: 1px solid #cccccc;}
#content_right ul.actueel li.even {width: 222px; border-bottom: 1px solid #ffffff; background-color: transparent; border-top: 1px solid #cccccc;}

#content_right ul.actueel .all {width: 222px; border-right:1px solid #cccccc; float: left; border-top: 1px solid #cccccc;}

#content_right ul.actueel {list-style: none; margin: 0px; padding: 0px; font-weight: normal;}
#content_right ul.actueel li {float:left; border-bottom: 1px solid #ffffff; padding: 5px 15px 5px 0px; text-align: left; line-height: 12px;}

#content_right ul.actueel .odd a, #content_right ul.actueel .even a {display: block; text-decoration: none; color: #000000; padding: 0 15px; background: 

url(../images/drawer.gif) right bottom no-repeat;}

#content_right ul.actueel li.odd:hover {background:#DFDFDF;}
#content_right ul.actueel li.even:hover {background:#EFEFEF;}
#content_right ul.actueel .all:hover {background:#DFDFDF;}

#content_right ul.actueel .all a {display:block; text-decoration: none; color: #000000; padding: 0 15px; background: url(../images/drawer.gif) right 3px no-repeat; font-weight: 

bold;}
#content_right ul.actueel li a:hover {text-decoration: none;}

/* *********************************************************** 
   *                                                         *
   *  The crumbtail                                          *
   *                                                         *
   *********************************************************** */

ul.crumbtrail {
	width: 380px;
	float: left; 
	background-color: #cccccc; 
	color: #333333; 
	font-size: 10px;
	line-height: 15px; 
	padding: 10px;
}
ul.crumbtrail li {
	display: inline;
	padding-right: 3px;
}
ul.crumbtrail li a {color: #000000; text-decoration: none;}
ul.crumbtrail li a:hover {text-decoration: underline;}
ul.crumbtrail li a.current {font-weight: bold;}
ul.crumbtrail li.selected {font-weight: bold;}

.center .block h1, .content .large-block h1 {color: #ffffff; font-size: 16px; font-weight: bold; padding: 0;}

/* *********************************************************** 
   *                                                         *
   *  SECTIE: AFM (Over AFM)                                 *
   *                                                         *
   *********************************************************** */

/* standaard elementen */
body.afm #headerbar {background: url(../images/header-over.gif) no-repeat; height: 29px; clear: left;}
body.afm div.large-block {background-image: url(../images/block-over.gif);}
body.afm #content_right .sfeer { height: 334px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px solid #cccccc;}
body.afm #content_right .banner { height: 296px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px solid #cccccc;}
body.afm #content_left h2, body.afm #content_left h2 a {color: #320065; text-decoration:none;}

body.afm ul.menu li.selected, body.afm ul.menu li.expanded, body.over ul.menu ul.expanded li {background-color: #320065;}
body.afm ul.menu li.expanded, body.afm ul.menu ul.expanded li {border-top: 1px solid #5f5f5f; border-bottom: 0px;}
body.afm ul.menu ul.expanded li.selected, body.afm ul.menu li.selected {background-color: #320065;}
body.afm ul.menu li a {color: #320065; text-decoration: none;}
body.afm ul.menu .expanded a, body.afm ul.menu .selected a {color: #ffffff;}

div.afm a {height: 70px; display: block; background: url(../images/main-over-combi.gif) 1px top no-repeat; text-decoration: none;}
div.afm a:hover {background: url(../images/main-over-combi.gif) 1px -106px no-repeat;}

body.afm h1.references {clear: both; font-size: 16px; padding: 10px 15px; background-color: #320065; color: #ffffff ;}

/* *********************************************************** 
   *                                                         *
   *  SECTIE: RISICO                                         *
   *                                                         *
   *********************************************************** */

/* standaard elementen */
body.risico #headerbar {background: url(../images/header-risico.gif) no-repeat; height: 29px; clear: left;}
body.risico div.large-block {background-image: url(../images/block-risico.gif);}
body.risico #content_right .sfeer { height: 334px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px solid 

#cccccc;}
body.risico #content_right .banner { height: 296px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px solid 

#cccccc;}


body.risico #content_left h2, body.risico #content_left h2 a {color: #CC0033; text-decoration:none;}

body.risico ul.menu li.selected, body.risico ul.menu li.expanded, body.risico ul.menu ul.expanded li {background-color: #CC0033;}
body.risico ul.menu li.expanded, body.risico ul.menu ul.expanded li {border-bottom: 0px solid #990033; border-top: 1px solid #990033;}
body.risico ul.menu li.selected {background-color: #CC0033;}
body.risico ul.menu li a {color: #cc0033; text-decoration: none;}
body.risico ul.menu .expanded a, body.risico ul.menu .selected a {color: #ffffff;}

body.risico .warn-search {background-image: url(../images/block-red-search.gif); margin-top: 2px; height: 68px;}
body.risico .warn-search p {color: #ffffff; margin: 0px; padding: 10px;}
body.risico .warn-search .text {float: left; font-size: 11px; margin-left: 10px; width: 400px;}
body.risico .warn-search .image {margin-top: 0px}
body.risico .warn-search .watermerk {float: left; font-size: 11px; margin-left: 10px; width: 400px; color: #a4a4a4;}

div.risico a {height: 70px; display: block; background: url(../images/main-risico-combi.gif) 1px top no-repeat; text-decoration: none;}
div.risico a:hover {background: url(../images/main-risico-combi.gif) 1px -106px no-repeat;}

/* zoekblok */
body.aanpak .zoek {padding: 10px; background: url(../images/block-faq-search.gif) no-repeat; color: #ffffff; height: 68px;}
body.aanpak .zoek .text {width: 220px; border: 1px solid #cccccc;}
body.aanpak .zoek .image {vertical-align: bottom;}
body.aanpak .zoek .watermerk {width: 220px; border: 1px solid #cccccc; color: #a4a4a4;}

body.risico h1.references {clear: both; font-size: 16px; padding: 10px 15px; background-color: #CC0033; color: #ffffff ;}

/* *********************************************************** 
   *                                                         *
   *  SECTIE: VERTROUWEN                                     *
   *                                                         *
   *********************************************************** */

/* standaard elementen */
body.vertrouwen #headerbar {background: url(../images/header-vertrouwen.gif) no-repeat; height: 29px; clear: left;}
body.vertrouwen div.large-block {background: url(../images/block-vertrouwen.gif) no-repeat; margin-top: -1px;}
body.vertrouwen #content_right .sfeer { height: 334px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 

1px solid #cccccc;}
body.vertrouwen #content_right .banner { height: 296px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px 

solid #cccccc;}
body.vertrouwen #content_left h2, body.vertrouwen #content_left h2 a {color: #CC3399; text-decoration:none;}
body.vertrouwen #content_center h2 {color: #000000; font-size: 11px; padding: 10px 10px;}

body.vertrouwen ul.menu li.selected, body.vertrouwen ul.menu li.expanded, body.vertrouwen ul.menu ul.expanded li {background-color: #CC3399;}
body.vertrouwen ul.menu li.expanded, body.vertrouwen ul.menu ul.expanded li {border-bottom: 0px solid #D558A7;border-top: 1px solid #D558A7;}
body.vertrouwen ul.menu ul.expanded li.selected, body.vertrouwen ul.menu li.selected {background-color: #CC3399;}
body.vertrouwen ul.menu li a {color: #c33192; text-decoration: none;}
body.vertrouwen ul.menu .expanded a, body.vertrouwen ul.menu .selected a {color: #ffffff;}

/* zoekblok */
body.vertrouwen .search-company {background-image: url(../images/block-vertrouwen-search.gif); margin-top: 2px; height: 68px;}
body.vertrouwen .search-company p {color: #ffffff; margin: 0px; padding: 10px;}
body.vertrouwen .search-company .text {float: left; font-size: 11px; margin-left: 10px; width: 400px;}
body.vertrouwen .search-company .image {margin-top: 0px}
body.vertrouwen .search-company .watermerk {float: left; font-size: 11px; margin-left: 10px; width: 400px; color: #a4a4a4;}

body.vertrouwen .zoek {background-image: url(../images/block-vertrouwen-search.gif); background-repeat: no-repeat; margin-top: 2px; height: 88px;}
body.vertrouwen .zoek p {color: #ffffff; margin: 0px; padding: 10px;}
body.vertrouwen .zoek .text {float: left; font-size: 11px; margin-left: 10px; width: 400px;}
body.vertrouwen .zoek .image {margin-top: 0px}
body.vertrouwen .zoek .watermerk {float: left; font-size: 11px; margin-left: 10px; width: 400px; color: #a4a4a4;}

/* specifieke elementen */
div.vertrouwen a {color: #ffffff; height: 70px; margin-bottom: 1px; display: block; background: url(../images/main-vertrouwen-combi.gif) 1px top no-repeat; text-decoration: 

none;}
div.vertrouwen a:hover {background: url(../images/main-vertrouwen-combi.gif) 1px -106px no-repeat;}
div.vertrouwen a span.header {font-size: 16px; font-weight: bold; padding: 0;}

body.vertrouwen .faq-name { font-weight:bold;}

body.vertrouwen h1.references {clear: both; font-size: 16px; padding: 10px 15px; background-color: #CC3399; color: #ffffff ;}

/* *********************************************************** 
   *                                                         *
   *  SECTIE: ACTUEEL                                        *
   *                                                         *
   *********************************************************** */

/* standaard elementen */
body.actueel #headerbar {background: url(../images/header-actueel.gif) no-repeat; height: 29px; clear: left;}
body.actueel .large-block {background-image: url(../images/block-actueel.gif);}
body.actueel #content_right .sfeer { height: 334px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px 

solid #cccccc;}
body.actueel #content_right .banner { height: 296px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px solid 

#cccccc;}
body.actueel #content_right .bannercaroussel .image {position: relative; margin-top: 0px;height: 106px;margin-left: 1px; border-bottom: 1px solid #cccccc;}
body.actueel #content_right a img { position: relative; margin-left: 1px; border-bottom: 1px solid #cccccc;}
body.actueel #content_right .link .image {float:right; margin:2px 10px 0 0; width:11px;height: 11px;}
body.actueel #content_left h2, body.actueel #content_left h2 a {color: #969696; text-decoration:none;}

body.actueel tr.odd ol li {margin-left:20px;  list-style-type: decimal;}
body.actueel tr.even ol li {margin-left:20px;  list-style-type: decimal;}
body.actueel tr.odd li {margin-left:20px; list-style:disc;}
body.actueel tr.even li {margin-left:20px; list-style:disc;}
body.actueel ul.menu {margin-left:0px;}
body.actueel ul.menu li.selected, body.actueel ul.menu li.expanded, body.actueel ul.menu ul.expanded li {background-color: #969696;}
body.actueel ul.menu li.expanded, body.actueel ul.menu ul.expanded li {border-top: 1px solid #5f5f5f; border-bottom: 0px;}
body.actueel ul.menu ul.expanded li.selected, body.actueel ul.menu li.selected {background-color: #727272;}
body.actueel ul.menu li a {color: #000000; text-decoration: none;}
body.actueel ul.menu .expanded a, body.actueel ul.menu .selected a {color: #ffffff;}

/* zoekblok */
body.actueel .searchnews {margin: 10px 0; display: block;}
body.actueel .searchnews p {font-weight: bold;}
body.actueel .searchnews input {border: 1px solid #cccccc;}
body.actueel .searchnews .image {vertical-align: bottom;}
body.actueel .searchnews .watermerk {border: 1px solid #cccccc; color: #a4a4a4;}

body.actueel .zoek {padding: 10px; background: url(../images/block-gray-search.gif) no-repeat; color: #ffffff; height: 68px;}
body.actueel .zoek .text {width: 220px; border: 1px solid #cccccc;}
body.actueel .zoek .image {vertical-align: bottom;}
body.actueel .zoek .watermerk {width: 220px; border: 1px solid #cccccc; color: #a4a4a4;}

body.actueel p {display: block;}

body.actueel h1.references {clear: both; font-size: 16px; padding: 10px 15px; background-color: #727272; color: #ffffff ;}
/* *********************************************************** 
   *                                                         *
   *  SECTIE: PRODUCTEN                                      *
   *                                                         *
   *********************************************************** */

/* standaard elementen */
body.producten #headerbar {background: url(../images/header-producten.gif) no-repeat; height: 29px; clear: left;}
body.producten div.large-block {background-image: url(../images/block-producten.gif);}
body.producten #content_right .sfeer { height: 334px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px 

solid #cccccc;}
body.producten #content_right .banner { height: 296px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px solid 

#cccccc;}
body.producten #content_left h2, body.producten #content_left h2 a {color: #0099cc; text-decoration:none;}

body.producten ul.menu li.selected, body.producten ul.menu li.expanded, body.producten ul.menu ul.expanded li {background-color: #0099cc;}
body.producten ul.menu li.expanded, body.producten ul.menu ul.expanded li {border-top: 1px solid #5f5f5f; border-bottom: 0px;}
body.producten ul.menu ul.expanded li.selected, body.producten ul.menu li.selected {background-color: #0099cc;}
body.producten ul.menu li a {color: #000000; text-decoration: none;}
body.producten ul.menu .expanded a, body.producten ul.menu .selected a {color: #ffffff;}

body.producten .news-item {margin-bottom: 10px; padding: 10px;}
body.producten .news-item p {margin: 5px 0px;}
body.producten .news-name {font-weight: bold;}
body.producten .news-date {color: #999; width: 100px; float: right;}
body.producten .news-label {color: #999;}

body.producten tr.odd p, body.producten tr.even p {display: block; float: left; width: 460px;}
body.producten tr.odd td p, body.producten tr.even td p {margin: 5px 0px; float: left;}
body.producten tr.odd td, body.producten tr.even td {padding: 5px 10px;}
body.producten tr.odd td p, body.producten tr.even td p {margin: 5px 0px; float: left;}
body.producten tr.odd td span, body.producten tr.even td span {float: left;}

body.producten .newsitem_even {padding: 10px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
body.producten .newsitem_odd {background-color: #e2e2e2; padding: 10px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
body.producten .newsitemheader {float: left; margin: 10px 0px; width: 100%;}
body.producten a.news-title-link, body.actueel .news-title-link {font-weight: bold; float:left; width: 440px;}
body.producten .news-link {font-weight:bold; float: right; color: #000000; padding-right: 15px; background: url(../images/drawer.gif) right 3px no-repeat; text-decoration: 

none; 

display: block;}

body.producten h1.references {clear: both; font-size: 16px; padding: 10px 15px; background-color: #0099cc; color: #ffffff ;}

/* factsheet */
.factsheet { width: 98%; }
.listitem { font-family: Verdana, sans-serif; font-size: 11px; }
.caption { font-weight: bold; text-align: left; }

/* *********************************************************** 
   *                                                         *
   *  SECTIE: AANPAK                                         *
   *                                                         *
   *********************************************************** */

/* standaard elementen */
body.aanpak #headerbar {background: url(../images/header-aanpak.gif) no-repeat; height: 29px; clear: left;}
body.aanpak div.large-block {background-image: url(../images/block-aanpak.gif);}
body.aanpak #content_right .sfeer { height: 334px; position: relative; margin-top: -14px;border-bottom: 1px solid #cccccc;}
body.aanpak #content_right .banner { height: 296px; position: relative; margin-top: -25px; margin-left: 1px; border-bottom: 1px solid 

#cccccc;}
body.aanpak #content_left h2, body.aanpak #content_left h2 a {color: #005D8C; text-decoration:none;}


body.aanpak ul.menu body.aanpak ul.menu li.selected, body.aanpak ul.menu li.expanded, body.aanpak ul.menu ul.expanded li {background-color: #005D8C;}
body.aanpak ul.menu li.expanded, body.aanpak ul.menu ul.expanded li {border-top: 1px solid #296897; border-bottom: 0px;}
body.aanpak ul.menu ul.expanded li.selected, body.aanpak ul.menu li.selected {background-color: #296897;}
body.aanpak ul.menu li a {color: #006699; text-decoration: none;}
body.aanpak ul.menu .expanded a, body.aanpak ul.menu .selected a {color: #ffffff;}

div.aanpak a {height: 70px; display: block; background: url(../images/main-aanpak-combi.gif) 1px top no-repeat; text-decoration: none;}
div.aanpak a:hover {background: url(../images/main-aanpak-combi.gif) 1px -106px no-repeat;}

/* *********************************************************** 
   *                                                         *
   *  Specifieke nieuwsitem/faqitem en ander item classes    *
   *  Voor elke sectie voor readability                      *
   *                                                         *
   *********************************************************** */
body.aanpak  .faq-search {background: url(../images/block-faq-search.gif) 1px top no-repeat; height:92px; margin-top:12px; }
body.aanpak  .faq-search  p { margin-left: 15px; color: #ffffff; margin-top: 5 px; padding:10px; }
body.aanpak  .faq-search .watermerk { float: left; margin-left: 15px; width: 350px;}
body.aanpak  .faq-search .text { float: left; margin-left: 15px; width: 350px;}
body.aanpak  .faq-search .uitgebreid { float:left; margin-left: 15px; margin-top:20px; width: 150px;}

body.producten  .faq-search {background: url(../images/search-lightblue.png) 1px top no-repeat; height:92px; margin-top:12px; }
body.producten  .faq-search  p { margin-left: 15px; color: #ffffff; margin-top: 5 px; padding:10px; }
body.producten  .faq-search .watermerk { float: left; margin-left: 15px; width: 350px;}
body.producten  .faq-search .text { float: left; margin-left: 15px; width: 350px;}
body.producten  .faq-search .uitgebreid { float:left; margin-left: 15px; margin-top:20px; width: 150px;}

body.vertrouwen  .faq-search {background: url(../images/block-vertrouwen-search.gif) 1px top no-repeat; height:92px; margin-top:12px; }
body.vertrouwen  .faq-search  p { margin-left: 15px; color: #ffffff; margin-top: 5 px; padding:10px; }
body.vertrouwen  .faq-search .watermerk { float: left; margin-left: 15px; width: 350px;}
body.vertrouwen  .faq-search .text { float: left; margin-left: 15px; width: 350px;}
body.vertrouwen  .faq-search  .uitgebreid { float:left; margin-left: 15px; margin-top:20px;}
body.vertrouwen   .zoek .uitgebreid { float:left; margin-left: 15px; margin-top:20px; color: black; width: 150px;}

body.risico  .faq-search {background: url(../images/block-faq-search.gif) 1px top no-repeat; height:92px; margin-top:12px; }
body.risico  .faq-search  p { margin-left: 15px; color: #ffffff; margin-top: 5 px; padding:10px; }
body.risico  .faq-search .watermerk { float: left; margin-left: 15px; width: 350px;}
body.risico  .faq-search .text { float: left; margin-left: 15px; width: 350px;}
body.risico  .faq-search .uitgebreid { float:left; margin-left: 15px; margin-top:20px; width: 150px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ AFM ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body.afm .faqitem a {color: #000000;}
body.afm .faqitem {margin-bottom: 20px;}

body.afm .newsletter-item {float:left; margin-bottom: 10px; padding: 10px;}
body.afm .newsletter-item p {margin: 5px 0px;}
body.afm .newsletter-name {font-weight: bold; display: block; width: 100%;}
body.afm .newsletter-date {float:right; color: #999;}
body.afm .newsletter-label {float:left; color: #999;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ ACTUEEL ~~~~~~~~~~~~~~~~~~~~~~~~~ */

body.actueel .brochure-item {margin-bottom: 10px; padding: 10px;}
body.actueel .brochure-item p {margin: 5px 0px; width: 460px;}
body.actueel .brochure-name {font-weight: bold; }
body.actueel .brochure-title-link {font-weight: bold; background: url(../images/download.gif) 0 6px no-repeat; padding-left: 20px;}
body.actueel .brochure-date {color: #999;}
body.actueel .brochure-label {color: #999;}
body.actueel .brochure-download-link {display:block; font-weight:bold; width: 440px; color: #000000; padding: 0 15px 10px 0; background: url(../images/drawer.gif) right 3px 

no-repeat; text-decoration: none;}
body.actueel .brochure-link {font-weight:bold; float: right; color: #000000; padding-right: 15px; background: url(../images/drawer.gif) right 3px no-repeat; text-decoration: none; display: block;}

body.actueel .brochure-item ul li {margin-left: 20px; list-style: disc;}
body.actueel .news-item ol {margin-left: 20px;}


body.actueel .newsitem_even {padding: 10px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
body.actueel .newsitem_odd {background-color: #e2e2e2; padding: 10px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
body.actueel .newsitemheader {float: left; margin: 10px 0px; width: 100%;}
body.actueel a.news-title-link, body.actueel .news-title-link {font-weight: bold; text-decoration:none; width:450px;}
body.actueel .news-link {font-weight:bold; float: right; color: #000000; padding-right: 15px; background: url(../images/drawer.gif) right 3px no-repeat; text-decoration: none; display: block;}

body.actueel .news-item {margin-bottom: 10px; padding: 10px;}
body.actueel .news-item p {margin: 5px 0px; width: 460px;}
body.actueel .news-name {font-weight: bold;}
body.actueel .news-date {color: #999; white-space:nowrap;}
body.actueel .news-label {color: #999;}

body.actueel tr.odd p, body.actueel tr.even p {display: block;}
body.actueel tr.odd td p, body.actueel tr.even td p {margin: 15px 10px;}
body.actueel tr.odd td, body.actueel tr.even td {padding: 5px 10px;}
body.actueel tr.odd td span, body.actueel tr.even td span {float: right; padding-top: 5px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ AANPAK ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body.aanpak .news-item {float:left; margin-bottom: 10px; padding: 10px;}
body.aanpak .news-item p {margin: 5px 0px; float: left;}
body.aanpak .news-name {float:left; font-weight: bold;}
body.aanpak .news-date {float:right; color: #999;}
body.aanpak .news-label {float:left; color: #999;}

body.aanpak .tips-item {float:left; margin-bottom: 10px; padding: 10px;}
body.aanpak .tips-item p {margin: 5px 0px; float: left;}
body.aanpak .tips-name {float:left; font-weight: bold;}
body.aanpak .tips-title-link {float:left; font-weight: bold;}
body.aanpak .tips-date {float:right; color: #999;}
body.aanpak .tips-label {float:left; color: #999;}
body.aanpak .tips-link {font-weight:bold; float: right; color: #000000; padding-right: 15px; background: url(../images/drawer.gif) right 3px no-repeat; text-decoration: none; 

display: block;}

body.aanpak .faq-item {float:left; margin-bottom: 10px; padding: 5px; width: 95%;}
body.aanpak .faq-item p {margin: 5px 0px; float: left;}
body.aanpak .faq-name {font-weight: bold;}
body.aanpak .faq-title-link, body.aanpak .faq-title {float:left; font-weight: bold; padding:5px 5px 5px 0px;}
body.aanpak .faq-date {float:right; color: #999;}
body.aanpak .faq-label {float:left; color: #999;}
body.aanpak .faq-link {font-weight:bold; float: right; color: #000000; padding-right: 15px; background: url(../images/drawer.gif) right 3px no-repeat; text-decoration: none; 

body.vertrouwen .faq-title-link, body.vertrouwen .faq-title {float:left; font-weight: bold; padding:5px 5px 5px 0px;}

display: block;}
body.aanpak .faq-item ul {float:left; width:100%;}

body.aanpak .newsitem_even {padding: 10px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
body.aanpak .newsitem_odd {background-color: #e2e2e2; padding: 10px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
body.aanpak .newsitemheader {float: left; margin: 10px 0px; width: 100%;}
body.aanpak .newstitle, body.aanpak .titlelink {font-weight: bold; float:left; width: 300px;}
body.aanpak .newsdate {float: right; color: #999;}
body.aanpak .newslink, body.aanpak .tipslink {font-weight:bold; float: right; color: #000000; padding-right: 15px; background: url(../images/drawer.gif) right 3px no-repeat; 

text-decoration: none; display: block;}
body.aanpak p {display: block; padding: 0px 0px 0px 0px;}

body.aanpak tr.odd td p, body.aanpak tr.even td p {margin: 5px 0px; float: left;}
body.aanpak tr.odd td span, body.aanpak tr.even td span {float: left; width: 200px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ RISICO ~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body.risico .warn-item {float:left; margin-bottom: 10px; padding: 10px;}
body.risico .warn-item ul li {margin-left: 20px; list-style: disc;}
body.risico .warn-item p {margin: 5px 0px;}
body.risico .warn-name {font-weight: bold; display: block; width: 100%;}
body.risico .warn-date {float:right; color: #999;}
body.risico .warn-label {float:left; color: #999;}
body.risico .warning-title-link {float:left; font-weight: bold;}
body.risico td .warning-title-link {float:left; font-weight: bold; width: 400px;}
body.risico .warning-link {font-weight:bold; float: right; color: #000000; padding-right: 15px; background: url(../images/drawer.gif) right 3px no-repeat; text-decoration: 

none; 

display: block;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ PRODUCTEN~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body.producten .faq-item {float:left; margin-bottom: 10px; padding: 5px; width: 95%;}
body.producten .faq-item p {margin: 5px 0px;}
body.producten .faq-name {font-weight: bold;}


/* *********************************************************** 
   *                                                         *
   *  CONTACT                                                *
   *                                                         *
   *********************************************************** */

/* standaard elementen */
body.contact #headerbar {background: url(../images/header-home.gif) no-repeat; height: 29px; clear: left;}
body.contact div.large-block {background-image: url(../images/block-home.gif);}
/* Het sfeer plaatje in zijn geheel verwijderd omdat dezeniet goed werkt: body.contact #content_right .sfeer {background: url(../images/sfeer-search.jpg); height: 334px; 

position: relative; margin-top: -14px; border-bottom: 1px solid #cccccc;} */
body.contact #content_left h2 {color: #005D8C;}

/* specifieke elementen */
body.contact .colcontainer {width:680px; float:left; margin-bottom: 20px; padding: 10px;}
body.contact .leftcol {width: 280px; float: left;}
body.contact .rightcol {width: 400px; float: left;}
body.contact .leftcol span, body.contact .rightcol span {width: 100%; display: block; height: 30px;}
body.contact .leftcol span {font-weight: bold;}
body.contact .rightcol .txta, body.contact .leftcol .txta {display: block; height: 50px;}
body.contact .colcontainer input, body.contact .colcontainer select, body.contact .colcontainer textarea {margin-left: 10px;}
body.contact .colcontainer .width {width: 350px;}
body.contact .colcontainer .bttn {float: right;}
body.contact .validation {margin-bottom: 10px; color: #700000;}

/* *********************************************************** 
   *                                                         *
   *  Search (searchresults) styles                          *
   *                                                         *
   *********************************************************** */

body.search #headerbar {background: url(../images/header-search.gif) no-repeat; height: 29px; clear: left;}
body.search #content-wrapper {border-bottom: solid 1px #cccccc;}
body.search #content-right .sfeer {background: url(../images/sfeer-search.jpg); height: 334px; position: relative; margin-top: -14px; border-bottom: 1px solid #cccccc;}
body.search .header {width:100%; display: block; border-bottom: 1px solid #000000; padding-bottom: 10px; margin-bottom: 10px; min-height: 30px;}
body.search .item-vertrouwen {background: url(../images/icon-vertrouwen.gif) no-repeat;}
body.search .item-risico {background: url(../images/icon-risico.gif) no-repeat;}
body.search .item-afm {background: url(../images/icon-afm.gif) no-repeat;}
body.search .item-actueel {background: url(../images/icon-actueel.gif) no-repeat;}
body.search .item-aanpak {background: url(../images/icon-aanpak.gif) no-repeat;}
body.search .item-producten {background: url(../images/icon-producten.gif) no-repeat;}
body.search .item-aanpak, body.search .item-afm, body.search .item-risico, body.search .item-vertrouwen, body.search .item-actueel, body.search .item-producten {padding-left: 

25px; margin-bottom: 10px; float: left;}
body.search table div span {display: block; font-weight: bold;}
body.search table {margin: 10px;}
body.search .searchterm {margin: 10px; font-size:12px;}

body.search ul.breadcrumb {color: #333333; padding: 4px 0; font-size: 10px;}
body.search ul.breadcrumb li {display: inline; padding: 0 3px 0 0;}
body.search ul.breadcrumb li a {color: #000000; text-decoration: none;}
body.search ul.breadcrumb li a:hover {text-decoration: none;}
body.search ul.breadcrumb li.current {font-weight: normal; padding-right: 20px; background: url(../images/menu-arrow.gif) bottom right no-repeat;}

.areas ul {list-style: none; padding: 0px; margin: 0px;}
.areas li {float: left; display: block; margin: 10px 0px 0px 5px; padding: 0 10px 0 30px; line-height: 16px; letter-spacing: -1px;}
.areas li a {text-decoration: none;}
.areas li.vertrouwen, .areas li.vertrouwen-selected {background: url(../images/icon-vertrouwen.gif) 1px 1px no-repeat;}
.areas li.vertrouwen a {color: #CA3A96;}
.areas li.vertrouwen-selected {color: #CA3A96; border: 1px solid #CA3A96; padding: 0px 4px 2px 20px; background-color: #eeeeee;}
.areas li.risico, .areas li.risico-selected {background: url(../images/icon-risico.gif) 1px 1px no-repeat;}
.areas li.risico a {color: #CD1832;}
.areas li.risico-selected {color: #CD1832; border: 1px solid #CD1832; padding: 0px 4px 2px 20px; background-color: #eeeeee;}
.areas li.producten, .areas li.producten-selected {background: url(../images/icon-producten.gif) 1px 1px no-repeat;}
.areas li.producten a {color: #336699;}
.areas li.producten-selected {color: #336699; border: 1px solid #336699; padding: 0px 4px 2px 20px; background-color: #eeeeee;}
.areas li.actueel, .areas li.actueel-selected {background: url(../images/icon-actueel.gif) 1px 1px no-repeat;}
.areas li.actueel a {color: #666666;}
.areas li.actueel-selected {color: #666666; border: 1px solid #666666; padding: 0px 4px 2px 20px; background-color: #eeeeee;}
.areas li.afm, .areas li.afm-selected {background: url(../images/icon-afm.gif) 1px 1px no-repeat;}
.areas li.afm a {color: #006699;}
.areas li.afm-selected {color: #006699; border: 1px solid #006699; padding: 0px 4px 2px 20px; background-color: #eeeeee;}
.areas li.aanpak, .areas li.aanpak-selected {background: url(../images/icon-aanpak.gif) 1px 1px no-repeat;}
.areas li.aanpak a {color: #296897;}
.areas li.aanpak-selected {color: #296897; border: 1px solid #296897; padding: 0px 4px 2px 20px; background-color: #eeeeee;}

/* *********************************************************** 
   *                                                         *
   *  Sitemap styles                                         *
   *                                                         *
   *********************************************************** */

.sm-row {float: left; background: url(../images/splitter.gif) repeat-y; border-bottom: 1px solid #ccc;}
.sm-last {float: left; background: url(../images/splitter.gif) repeat-y;}
.sm-row .left, .sm-last .left {float: left; width: 359px; margin-left: -1px;}
.sm-row .right,.sm-last .right {float: right; width: 359px;}

.sm-block {padding: 10px;}
.sm-block ul p {line-height: 30px; font-size: 12px;}
.sm-block ul.home {color: #4d2079; background: url(../images/sm-home.jpg) no-repeat;}
.sm-block ul.risico {color: #990033; background: url(../images/sm-risico.jpg) no-repeat;}
.sm-block ul.vertrouwen {color: #CC3399; background: url(../images/sm-vertrouwen.jpg) no-repeat;}
.sm-block ul.producten {color: #000000; background: url(../images/sm-producten.jpg) no-repeat;}
.sm-block ul.aanpak {color: #296897; background: url(../images/sm-aanpak.jpg) no-repeat;}
.sm-block ul.producten {color: #336699; background: url(../images/sm-producten.jpg) no-repeat;}
.sm-block ul.actueel {color: #666666; background: url(../images/sm-actueel.jpg) no-repeat;}

ul.aanpak, ul.producten, ul.vertrouwen, ul.home, ul.risico, ul.actueel {line-height: 18px; font-weight: bold; padding-left: 40px;}

.sm-block ul {list-style: inline;}
.sm-block li a {color: #000; font-weight: bold; margin-left: 0px; line-height: 10px;}
.sm-block li li a {color: #000; font-weight: normal; margin-left: 15px;}
.sm-block li li li a {color: #000; font-weight: normal; margin-left: 25px;}
.sm-block li li li li a {color: #000; font-weight: normal; margin-left: 35px;}

/* *********************************************************** 
   *                                                         *
   *  Pagination elements                                    *
   *                                                         *
   *********************************************************** */

.paginate {border-bottom: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; margin-bottom: 30px; margin-top: 5px; padding: 4px 5px;}
.paginate span, .paginate input {margin-right: 10px; height: 11px; vertical-align: middle; display: inline;}
.paginate input[type=image] {margin-top: 2px; width: 13px;}
.paginate input[type=image] span {display: none;}
.paginate span {margin-top: 1px;}
.paginate input[type=text] {font-size: 11px; text-align: right; width: 30px; height: 14px;}

/* *********************************************************** 
   *                                                         *
   *  Page PDF AND PRINT Elements                            *
   *                                                         *
   *********************************************************** */

.pageheader-actions {
	position: absolute;
	padding-left: 10px;
	top: 10px;
	right: 0;
	width: 50px;
	border-left: 1px solid #333333; 	
}
  
/* 
.pageheader-actions {
	float: right; 
	width: 50px;
}

.pageheader-actions {
	border-left: 1px solid #333333; 
	margin: 8px; padding-left: 
	10px;
}
*/
.pageheader-actions .pdf {width: 20px; float: left;}
.pageheader-actions .print {width: 20px; float: right; margin-right: 2px;}

.content_right-actions {float: left; padding-top: 5px; width: 100%;}
.content_right-actions span {margin-left: 25px; width: 70px; display: block;}
.content_right-actions a img {float: left; margin: 5px 10px 0px 0px;}
.content_right-actions a {text-decoration: none; color: #333333; font-size: 9px;}
.content_right-actions .pdf {float: right; width: 90px; margin-right: 15px;}
.content_right-actions .print {float: left; width: 90px; margin-left: 15px;}

/* *********************************************************** 
   *                                                         *
   *  References elements (Zie ook)                          *
   *                                                         *
   *********************************************************** */
   
h1.references {clear: both; color: #999999; font-size: 16px; padding: 10px 15px;}
ul.references {border-top: 1px solid #cccccc;}
ul.references li {background-position: 15px center; background-repeat: no-repeat; border-bottom: 1px solid #cccccc; background-color: #fff; border-right: 1px solid #ccc;}
ul.references li a {color: #333333; text-decoration: none; padding-left: 45px; line-height: 20px; display: block; width:180px; overflow: hidden;}
ul.references li a:hover {text-decoration: underline;}
ul.references li.vertrouwen {background-image: url(../images/icon-vertrouwen.gif);}
ul.references li.risico {background-image: url(../images/icon-risico.gif);}
ul.references li.producten {background-image: url(../images/icon-producten.gif);}
ul.references li.aanpak {background-image: url(../images/icon-aanpak.gif);}
ul.references li.actueel {background-image: url(../images/icon-actueel.gif);}
ul.references li.afm {background-image: url(../images/icon-afm.gif);}
ul.references li.txt {background-image: url(../images/icon-txt.gif);}
ul.references li.pdf {background-image: url(../images/icon-pdf.gif);}
ul.references li.extern {background-image: url(../images/icon-external.gif);}

/* *********************************************************** 
   *                                                         *
   *  Table elements                                         *
   *                                                         *
   *********************************************************** */
   
table.warning tbody th {background-color: #C83296; color: #ffffff; font-weight: bold; text-align: left;}
table.warning .title {font-weight: bold;}
table.warning a.image {height: 12px; width: 12px; float:right; background: url(../images/menu-arrow-rollover.gif) no-repeat;}
table.warning a.image:hover {height: 12px; width: 12px; float:right; cursor: pointer; background: url(../images/menu-expanded.gif) no-repeat;}
table.warning a.open {height: 12px; width: 12px; cursor: pointer; float:right; background: url(../images/menu-expanded.gif) no-repeat;}
table.warning .text {margin-top: 10px;}
table.warning .pubdetails {color: #900a1f; margin: 10px 0 10px 0; display: block;}

table.results td a {text-decoration: none; font-weight: bold; padding: 5px 5px 5px 0; float: left;}
table.results, table.warning {background: none; border-collapse: collapse; width: 100%;}
table.results tbody th {background-color: #C83296; color: #ffffff; font-weight: bold; text-align: left;}
table.results a.image {height: 12px; width: 12px; float:right; background: url(../images/menu-arrow-rollover.gif) no-repeat;}
table.results th, table.results td, table.warning th, table.warning td {padding: 2px 4px; vertical-align: top;}
table.results th input[type=image], table.results td a img {vertical-align: top;}
table.results tr.even, table.results tr.even td, table.warning tr.even, table.warning tr.even td {background-color: #F0F0F0; vertical-align: top;}

/* *********************************************************** 
   *                                                         *
   *  Newsletter subscription                                *
   *                                                         *
   *********************************************************** */

/* subscription */


body.actueel .newsletter_subscription fieldset {margin: 0 10px 10px 10px; border: none;}
body.actueel .newsletter_subscription label {line-height: 18px; width: 200px; cursor: pointer;}
body.actueel .newsletter_subscription #personal_info label {display: block; width: 200px; float: left;}

body.actueel .newsletter_subscription #personal_info span {display: block; float: left; width: 80px; margin-top: 2px;}
body.actueel .newsletter_subscription #personal_info span label {float: left; margin-top: 2px; width: 20px;}
body.actueel .newsletter_subscription #personal_info span input {float: left; margin-top: 2px; width: 20px;}

body.actueel .newsletter_subscription #personal_info input {margin:-0.1em 0 2px 0; background:#f6f6f6; border:1px solid #bbb; width:232px; padding:2px;}
body.actueel .newsletter_subscription .title {display: block; font-weight: bold; margin: 10px 0 5px 0;}

body.actueel .newsletter_subscription #personal_info span.validation {display: inline; float:none; width: 5px; }
body.actueel .newsletter_subscription #personal_info span.gender { float: right; margin-right: 15px;}

body.actueel div.confirmation { margin-left: 10px; display: block; top: -30px; }

/* *********************************************************** 
   *                                                         *
   *  Newsletter elements/area                               *
   *                                                         *
   *********************************************************** */
   
body.actueel .forward {background-image: url(../images/forwardbox.gif); height: 63px; width: 235px; float: right; margin-right: 1px;}
body.actueel .forward .txt {margin: 10px; color: #fff; display: block; font-weight: bold;}
body.actueel .forward .text {margin-left: 10px; width: 190px; font-size: 11px;}
body.actueel .forward .image {margin-top: 0px}
body.actueel .forward .watermerk {float: left; font-size: 11px; margin-left: 10px; width: 400px; color: #a4a4a4;}

body.actueel div.waarschuwingen { margin-bottom: 4px; }

body.actueel .waarschuwingen span, body.actueel .vacatures span {padding-left: 20px; float: left;}
body.actueel .waarschuwingen .warn {padding-left: 40px; font-size: 1.2em; margin: 10px; color: #cc3399; line-height: 30px; background: url(/images/icon-risico-big.gif) 

no-repeat;}
body.actueel .waarschuwingen .header {background: #cc3399; color: #fff; padding: 2px 10px; width: 218px;}
body.actueel .vacatures .header {color: #330066; font-size: 1.2em; padding: 2px 10px;}

body.actueel .waarschuwingen .item {width: 238px; float: left; line-height: 18px;}
body.actueel .waarschuwingen .item .desc {padding-left: 10px; padding-top: 2px; width: 195px;}
body.actueel .waarschuwingen .item .link {padding-left: 10px; padding-top: 2px; width: 11px;}

body.actueel .waarschuwingen .alternate, body.actueel .onderwerpen .alternate {background-color: #cccccc;}

body.actueel a.newsletterbanner {float:right; margin: 10px 2px 10px 0;}

body.actueel ul.jobs {background: transparent;}

body.actueel ul.jobs li.odd {width: 227px; background-color: #f0f0f0;}
body.actueel ul.jobs li.even {width: 227px; background-color: transparent;}

body.actueel ul.jobs {list-style: none; margin: 0px; padding: 0px; font-weight: normal;}
body.actueel ul.jobs li {float: left; padding: 5px 0px 5px 10px; text-align: left; line-height: 16px;}

body.actueel ul.jobs .odd a, body.actueel ul.jobs .even a {display: block; text-decoration: none; color: #000000; padding: 0; background: url(../images/menu-arrow-rollover.gif) 

205px bottom no-repeat;}

body.actueel ul.jobs li a:hover {text-decoration: none;}

body.actueel a.newsletter-title-link {margin-top: 1px; padding: 2px 10px; background: #330066; color: #fff; display: block; text-decoration: none;}
	
body.actueel .leesverder {padding-right: 15px; background: url(/images/menu-arrow-rollover.gif) right 2px no-repeat;}
body.actueel .leesverder a {text-decoration: none;}
body.actueel .resultsnl tr.odd p, body.actueel tr.even p {display: block;}
body.actueel .resultsnl tr.odd td p, body.actueel tr.even td p {margin: 5px 0px;}
body.actueel .resultsnl tr.odd td, body.actueel tr.even td {padding: 5px 10px;}
body.actueel .resultsnl tr.odd td p, body.actueel tr.even td p {margin: 15px 10px;}


body.actueel div.artikelen div 
{
    padding-bottom: 4px;
    margin: 6px 2px;
}

body.actueel div.artikelen div.even {
    background-color: #F0F0F0;
}

body.actueel div.artikelen div span.header {
    display: block;
    background-color: #330066;
    font-weight: bold;
    height: 14px;
    padding-left: 8px;
    margin: 0px;
}

body.actueel div.artikelen div span.header a {
    color: #FFFFFF;
    text-decoration: none;
}

body.actueel div.artikelen div span.teaser {
    display: block;
    padding: 8px 10px;
}

body.actueel div.artikelen div span.leesverder {
    padding: 0px 20px 5px 10px;
}


body.actueel .onderwerpen {padding: 10px 0; display: block; overflow: hidden;}
body.actueel .onderwerpen span {color: #330066; font-size: 1.4em; font-weight:bold; padding: 2px 10px;}
body.actueel .onderwerpen .item {float: left; width: 100%; padding: 2px 0; font-weight: bold;}
body.actueel .onderwerpen .item a {text-decoration: none;}
body.actueel .onderwerpen .item .desc {float: left; margin: 0 10px;}
body.actueel .onderwerpen .item .link {float: right; width: 11px; margin: 2px 10px 0 0;}

body.actueel .artikelen div.even span.teaser ul li {list-style-type: disc;list-style-position: inside;}
body.actueel .artikelen div.odd span.teaser ul li {list-style-type: disc;list-style-position: inside;}

body.actueel .waarschuwingen .warn { font-weight:Bold; font-size: 14px; font-family:Arial,Helvetica,sans-serif; }
body.actueel .vacatures .header { font-weight: bolder; font-size: 14px;  font-family:Arial,Helvetica,sans-serif;}

/* #ctl09_ctl10_lnkBanner {margin-top: 20px; margin-bottom: 20px;}*/

body.actueel .banner  {margin-top: 20px; margin-bottom: 20px;}

/* *********************************************************** 
   *                                                         *
   *  Custom styling                                         *
   *                                                         *
   *********************************************************** */
div#phcontent_0_phcontentmain_1_ucSearch_pnlSearch {
	padding: 0 10px;
}

input#phcontent_0_phcontentmain_1_ucSearch_ibtnZoekknop {
	vertical-align: -1px;
	width: 17px;
	height: 17px;
} 

/* *********************************************************** 
   *                                                         *
   *  eFocus CSD code                                        *
   *                                                         *
   *********************************************************** */


/********************************************************************* F2 Footer ***/

div.footer {
	clear: both;
	/*display: block;*/
	padding-top: 25px;
	background: url(../siteimg/bg_footer.png) no-repeat #ffffff;
	text-align: center;
}

div.col2right div.footer {
	background: url(../siteimg/bg_footer_col2_right.png) no-repeat #ffffff;
}

div.col2left div.footer {
	background: url(../siteimg/bg_footer_col2_left.png) no-repeat #ffffff;
}

div.footer ul {
	margin: 0 0 12px;
	overflow: hidden;
}

div.footer ul li {
	display: inline;
	background: none;
}

div.footer ul li a {
	color: #306;
}

div.footer ul li.rss_feeds a {
	padding: 0 5px 0 20px;
	background: url(../siteimg/icon_rssfeeds.png) no-repeat;
}

div.footer ul li.contact {
	border-right: 0;
}

div.footer ul li.contact a {
	padding: 0 0 0 25px;
	background: url(../siteimg/icon_contact.png) no-repeat 3px 2px;
}

/********************************************************************* PAGINATOR ***/

div.paginator_holder {
	border-top: 1px solid #cdcdcd;
	padding: 1em 10px;
}

div.paginator_holder label {
	float: right;
}

div.paginator_holder select {
	float: right;
	margin-left: 8px;
	padding-left: 5px;
	border: 1px solid #7c7c7c;
}

div.paginator_holder ul.paginator {
	float: left;
	margin: 0;
}

div.paginator_holder ul.paginator li {
	float: left;
	padding: 0 2px;
	background: none;
}

div.paginator_holder ul.paginator li a {
	display: block;
	width: 12px;
	height: 11px;
	margin-top: 2px;
	text-indent: -9999px;
	overflow: hidden;
}

div.paginator_holder ul.paginator li a.first {
	background: url(../siteimg/btn_paginator_first.png) no-repeat;
}

div.paginator_holder ul.paginator li a.prev {
	background: url(../siteimg/btn_paginator_prev.png) no-repeat;
}

div.paginator_holder ul.paginator li a.next {
	background: url(../siteimg/btn_paginator_next.png) no-repeat;
}

div.paginator_holder ul.paginator li a.last {
	background: url(../siteimg/btn_paginator_last.png) no-repeat;
}