body
{
	background:#fff url("gfx/body-bg.jpg") no-repeat 50% 0;
	color:#4e4e4e;
	font-family:Verdana, sans-serif;
	line-height:1.4;
	margin:0;
	padding:0;
}

body#leeg 
{
    background: none;
}

.mainwrap {
    margin: 0 auto;
    width:960px;
    padding-bottom: 10px;
}

.wrapper
{
	position:relative;
	width:960px;
	margin:0 auto;
}

.wrapper2
{
    position:relative;
    width:960px;
    clear:both;
    margin: 0 auto;
    margin-top: -30px;
}


/* Logo */
.branding
{
	background:url("gfx/bh_en_c-logo.png") no-repeat;
	height:102px;
	text-indent:-9999px;
	width:230px;
	margin:0 5px;
}

.branding a
{
	display:block;
	height:90px;
	overflow:hidden;
}

/* default hr */
.hr
{
	background:#e5e5e5;
	clear:both;
	height:1px;
	overflow:hidden;
	width:652px;
	margin:13px auto;
}

/* nav */
#container 
{
    margin:0 0 25px 4px;
}

ul#nav
{
	background:url("gfx/nav-bg.png") no-repeat 0 0;
	font-family:sans-serif;
	font-size:13.5px;
	font-weight:700;
	height:74px;
	overflow:hidden;
	position:absolute;
	top:28px;
	left:245px;
	width:715px;
	z-index:1;
}

#nav li
{
	background:none;
	float:left;
	height:31px;
	line-height:31px;
	margin:0 0 0 10px;
	padding:0;
}

#nav a
{
	background:url("gfx/nav-bullet.png") no-repeat 0 0;
	color:#4e4e4e;
	float:left;
	height:31px;
	text-decoration:none;
	padding:0 0 0 18px;
}

#nav a.current,#nav a:hover
{
	background-position:0 -31px;
}

#nav ul
{
	font-family:Verdana, sans-serif;
	font-size:11px;
	font-weight:400;
	list-style:none;
	position:absolute;
	left:-9999px;
	top:31px;
	margin:0;
	padding:0;
}

#nav li a.current+ul
{
	left:28px;
}

/* making sure the menu looks ok with a full tree in the menu as well */
#nav ul li
{
	height:43px;
	line-height:43px;
	margin:0 20px 0 0;
}

/* user nav */
ul.user-nav
{
	font-family:sans-serif;
	font-size:11px;
	font-weight:700;
	position:absolute;
	top:0;
	right:20px;
}

.user-nav li
{
	float:left;
	height:28px;
	line-height:28px;
	margin:0 0 0 15px;
	padding:0;
}

.user-nav a
{
	background:url("gfx/nav-bullet.png") no-repeat 0 -1px;
	float:left;
	padding:0 0 0 18px;
}

/* search */
fieldset.search
{
	border:none;
	position:absolute;
	right:8px;
	top:31px;
	z-index:2;
	margin:0;
	padding:0;
}

.search input
{
	background:url("gfx/search-bg.png") no-repeat;
	border:none;
	color:#4e4e4e;
	float:left;
	font-family:Verdana, sans-serif;
	font-size:11px;
	height:17px;
	width:192px;
	margin:0;
	padding:5px 0 3px 10px;
}

.search button
{
	background:url("gfx/search-button.png") no-repeat;
	border:none;
	float:left;
	height:25px;
	text-indent:-9999px;
	width:25px;
	margin:0;
	padding:0;
}

/* aside */
.aside
{
	font-size:11px;
}

.aside .section
{
	background:url("gfx/aside-section-bg.png") no-repeat 0 -21px;
	min-height:101px;
	overflow:hidden;
	margin:0 0 8px;
}

.aside .section .rounded
{
	background:url("gfx/aside-section-bg.png") no-repeat;
	display:block;
	height:21px;
	overflow:hidden;
	width:240px;
}

.aside .section h2
{
	font-size:20px;
	font-weight:700;
	margin:10px 20px;
}

.aside .section ul
{
	margin:10px 20px 0;
}

.aside .section li
{
	background:url("gfx/list-bullet.png") no-repeat 0 50%;
	padding:0 0 0 15px;
}

.aside .bg-pink
{
	background:url("gfx/aside-section-pink.png") no-repeat 0 100%;
	color:#fff;
	font-weight:700;
	padding:0 0 10px;
}

.aside .bg-pink h2
{
	background:url("gfx/aside-section-pink.png") no-repeat 0 0;
	margin:0 0 10px;
	padding:10px 20px 0;
}

.aside .bg-green
{
	background:url("gfx/aside-section-green.png") no-repeat 0 100%;
	color:#fff;
	font-weight:700;
	padding:0 0 10px;
}

.aside .bg-green h2
{
	background:url("gfx/aside-section-green.png") no-repeat 0 0;
	margin:0 0 10px;
	padding:10px 20px 0;
}

.aside .bg-pink li
{
	background-image:url("gfx/list-bullet-pink-bg.png");
}

.aside .bg-green li
{
	background-image:url("gfx/list-bullet-green-bg.png");
}

.aside .kenniscafe
{
	background:url("gfx/aside-section-orange.png") no-repeat 0 100%;
	color:#fff;
	font-weight:700;
	padding:0 0 10px;
}

.aside .kenniscafe h2
{
	background:url("gfx/aside-section-orange.png") no-repeat 0 0;
	margin:0 0 10px;
	padding:10px 20px 0;
}

.aside .kenniscafe li
{
	background:none;
	clear:both;
	line-height:26px;
	padding:0;
}

.aside .kenniscafe a
{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
	color:#fff;
	float:left;
	height:26px;
	padding:0 0 0 40px;
}

.aside .kenniscafe a.aside-home 
{
    background-image: url("/gfx/rubrieken/aside-home.png");
}

.aside .kenniscafe a.aside-video 
{
    background-image: url("/gfx/rubrieken/aside-video.png");
}

.aside .kenniscafe a.aside-wet-en-regelgeving 
{
    background-image: url("/gfx/rubrieken/aside-wet-en-regelgeving.png");
}

.aside .kenniscafe a.aside-bedrijfsvoering 
{
    background-image: url("/gfx/rubrieken/aside-bedrijfsvoering.png");
}

.aside .kenniscafe a.aside-personeel
{
    background-image: url("/gfx/rubrieken/aside-personeel.png");
}

.aside .kenniscafe a.aside-financien 
{
    background-image: url("/gfx/rubrieken/aside-financien.png");
}

.aside .kenniscafe a.aside-inkoop-en-verkoop 
{
    background-image: url("/gfx/rubrieken/aside-inkoop-en-verkoop.png");
}

/* kenniscafegrey */

.aside .kenniscafe.grey
{
	background:url("gfx/aside-sectionkennis-bg.png") no-repeat 0 100%;
	color:#EE9337;
	font-weight:normal !important;
	/*font-weight:700;*/
	padding:0 0 10px;
}

.aside .kenniscafe.grey h2
{
	background:url("gfx/aside-sectionkennis-bg.png") no-repeat 0 0;
	margin:0 0 10px;
	padding:10px 20px 0;
}

.aside .kenniscafe.grey li
{
	background:none;
	clear:both;
	line-height:26px;
	padding:0;
}

.aside .kenniscafe.grey a
{
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
	color:#000;
	float:left;
	height:26px;
	padding:0 0 0 40px;
}

.aside .kenniscafe.grey a:hover
{
	color:#000;
	text-decoration: underline
}

.aside .kenniscafe.grey a.aside-home 
{
    background-image: url("/gfx/rubrieken/aside-home-grey.png");
}

.aside .kenniscafe.grey a.aside-video 
{
    background-image: url("/gfx/rubrieken/aside-video-grey.png");
}

.aside .kenniscafe.grey a.aside-wet-en-regelgeving 
{
    background-image: url("/gfx/rubrieken/aside-wet-en-regelgeving-grey.png");
}

.aside .kenniscafe.grey a.aside-bedrijfsvoering 
{
    background-image: url("/gfx/rubrieken/aside-bedrijfsvoering-grey.png");
}

.aside .kenniscafe.grey a.aside-personeel
{
    background-image: url("/gfx/rubrieken/aside-personeel-grey.png");
}

.aside .kenniscafe.grey a.aside-financien 
{
    background-image: url("/gfx/rubrieken/aside-financien-grey.png");
}

.aside .kenniscafe.grey a.aside-inkoop-en-verkoop 
{
    background-image: url("/gfx/rubrieken/aside-inkoop-en-verkoop-grey.png");
}



/* footer */
.footer
{
	background:#fff url("gfx/footer-bg.png") no-repeat;
	clear:both;
	color:#4e4e4e;
	font-size:11px;
	overflow:hidden;
}

ul,ol,.footer ul
{
	list-style:none;
	margin:0;
	padding:0;
}

/* MFI changes */
.fat
{
	background-position:0 -41px;
	min-height:100px;
	padding:10px 0 0;
}

.fatt
{
	background-position:0 -31px;
	min-height:100px;
	padding:10px 0 0;
}


/* .fat van v.04 probleem met designer van Sitefinity 
.fat { background-position: 0 -51px; height: 100px; min-height: 100px; padding: 10px 0 0 0; } */
.fat ul li
{
	background:none;
	display:inline;
	float:left;
	font-weight:700;
	width:200px;
	margin:0 20px;
	margin-top: 20px;
	padding:0;
}

.fat ul li ul
{
	margin:10px 0 0;
}

.fat ul li ul li
{
	background:url("gfx/list-bullet.png") no-repeat 0 50%;
	display:block;
	float:none;
	font-weight:400;
	width:auto;
	margin:0;
	padding:0 0 0 15px;
}

.fat a:hover
{
	color:#000;
	text-decoration:underline;
}

.fatt ul li
{
	background:none;
	display:inline;
	float:left;
	font-weight:700;
	width:200px;
	margin:0 20px;
	margin-top: 20px;
	padding:0;
}

.fatt ul li ul
{
	margin:10px 0 0;
}

.fatt ul li ul li
{
	background:url("gfx/list-bullet.png") no-repeat 0 50%;
	display:block;
	float:none;
	font-weight:400;
	width:auto;
	margin:0;
	padding:0 0 0 15px;
}

.fatt a:hover
{
	color:#000;
	text-decoration:underline;
}

.slim
{
	height:51px;
}

.slim ul
{
	margin:18px 0 0;
}

.slim li
{
	background:none;
	float:left;
	height:33px;
	line-height:33px;
	margin:0 0 0 15px;
	padding:0;
}

.slim a
{
	background:url("gfx/nav-bullet.png") no-repeat 0 1px;
	color:#4e4e4e;
	float:left;
	height:33px;
	text-decoration:none;
	padding:0 0 0 18px;
}

/* buttons */
.button
{
	background:url("gfx/buttons-a.png") no-repeat;
	bottom:6px;
	color:#000;
	font-size:11px;
	font-weight:700;
	height:20px;
	left:9px;
	line-height:20px;
	position:absolute;
	padding:0 0 0 27px;
}

.btnright
{
	height:20px;
    left:245px;
}

.green .button2:hover
{
	background-position:0 -60px;
}


.orange .button:hover
{
	background-position:0 -80px;
}

.pink .button:hover
{
	background-position:0 -40px;
}

.green .button:hover
{
	background-position:0 -60px;
}


#homepage .kenniscafe .button
{

}

/* fancy boxes */
.fancybox
{
	background:url("gfx/article-bg.png") repeat-y;
	width:720px;
	margin:0 0 8px;
}

.fancybox .header
{
	background:url("gfx/article-header-bg.png") no-repeat;
	overflow:hidden;
	margin:0 0 25px;
	position: relative;
}

.fancybox .header .rubriekIcon  {
    left:600px;
    position:absolute;
    top:30px;
}

.fancybox .footer
{
	background:url("gfx/article-footer-bg.png") no-repeat 0 100%;
	display:block;
	height:20px;
	overflow:hidden;
}

.fancybox .section
{
	background:url("gfx/article-section-bg.png") repeat-y;
	width:652px;
	margin:0 auto 17px;
}

.fancybox .section .header
{
	background:url("gfx/article-section-header-bg.png") no-repeat;
	overflow:hidden;
}

.fancybox .section .footer
{
	background:url("gfx/article-section-footer-bg.png") no-repeat 0 100%;
	display:block;
	height:20px;
	overflow:hidden;
	width:652px;
}

.fancybox .gray
{
	background:url("gfx/article-section-gray-bg.png") repeat-y;
	width:652px;
	margin:0 auto 17px;
}

.fancybox .gray .header
{
	background:url("gfx/article-section-gray-header-bg.png") no-repeat;
	overflow:hidden;
}

.fancybox .gray .footer
{
	background:url("gfx/article-section-gray-footer-bg.png") no-repeat 0 100%;
	display:block;
	height:20px;
	overflow:hidden;
	width:652px;
}

/* homepage */
#homepage .column
{
	float:left;
	width:480px;
	padding-bottom: 10px;
}

#homepage .introduction { background: url("gfx/introduction-bg.png") no-repeat; color: #fff; height: 173px; margin: 0 0 8px 0; overflow: hidden; position: relative; width: 480px; }
#homepage .introduction .article { font-weight: bold; overflow: hidden; height: 151px; padding: 10px 260px 12px 20px; }
#homepage .introduction .article h2 { left: -9999px; position: absolute; } /* hide this header */
#homepage .introduction .article p { font-size: 11px; margin: 0 0 10px; }
#homepage .introduction img { height: 171px; position: absolute; right: 5px; top: 0; width: 230px; }
/*#homepage .introduction .myRotator { height: 171px; position: absolute; right: 5px; top: 0; width: 230px; }*/

/* voor rotator
#homepage .introduction
{
	background:url("gfx/introduction-bg.png") no-repeat;
	color:#fff;
	height:173px;
	overflow:hidden;
	position:relative;
	width:480px;
	margin:0 0 8px;
}

#homepage .introduction 
{ 
    background: url("gfx/introduction-bg.png") no-repeat; 
    color: #fff; 
    height: 173px; 
    margin: 0 0 8px 0; 
    overflow: hidden; 
    position: relative; 
    width: 480px; 
}

#homepage .myRotator 
{
    height:171px;
    left:244px;
    position:absolute;
    top:102px;
    visibility:visible;
    width:230px;
    z-index:10000
}

#homepage .introduction .article
{
	font-weight:700;
	overflow:hidden;
	height:151px;
	padding:10px 260px 12px 20px;
}


#homepage .introduction .article p
{
	font-size:11px;
	margin:0 0 10px;
}
*/


#homepage .section .header
{
	background:url("gfx/home-kenniscafe-header-bg.png") no-repeat;
	height:42px;
	overflow:hidden;
	position:relative;
}

#homepage .section .header h2
{
	font-size:20px;
	font-weight:700;
	line-height:37px;
	margin:0 20px;
}

#homepage .section .header ul
{
	height:38px;
	position:absolute;
    right:43px;
	bottom:0;
}

#homepage .section .header a
{
	background:transparent no-repeat 0 0;
	float:left;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	width:42px;
}

/* background image gets set inline */
#homepage .section .header li.current a,#homepage .section .header a:hover
{
	background-position:0 -38px;
}



#homepage .kenniscafe
{
    background:url("gfx/kenniscafe-bg-high.png") no-repeat scroll 0 0 transparent;
    float:left;
    height:376px;
    overflow:hidden;
    padding:0 6px 3px;
    position:relative;
    width:468px
}

#homepage .kenniscafe .section
{
	height:300px;
	overflow:none;
	position:relative;
	margin:0 0 3px;
}

#homepage .kenniscafe span.tabheader
{
    border-bottom:1px solid #E9E9E9;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin-left:15px;
    padding:5px 10px 5px 0;
    width:430px;
}

#homepage .kenniscafe .article
{
	clear:both;
	font-size:11px;
	overflow:hidden;
	padding:0 5px 0px 6px;
}

#homepage .kenniscafe .article img
{
	border:none;
	float:left;
	margin:10px 15px 5px 9px;
}

#homepage .kenniscafe .article h4
{
	font-size:11px;
	margin:0 32px 0 15px;
}

#homepage .kenniscafe .article p
{
	font-size:11px;
	margin:0 32px 10px 15px;
}

#homepage .kenniscafe .article p.date
{
	font-size:11px;
	font-weight:700;
	margin:10px 32px 0 15px;
}

#homepage .kenniscafe .article a
{
	color:#ee9337;
	text-decoration:none;
}

#homepage .aside .section
{
	background:url("gfx/block480x173-bg.png") no-repeat;
	height:173px;
	overflow:hidden;
	position:relative;
	width:480px;
	margin:0 0 8px;
}

#homepage .aside .sectionLeft
{
    background:url("gfx/block480x106-bg.png") no-repeat scroll 0 0 transparent;
    height:106px;
    margin:8px 0 0;
    overflow:hidden;
    position:relative;
    width:480px;
}


#homepage .aside .section img
{
	position:absolute;
	right:5px;
	top:0;
}

#homepage .aside .section h2
{
	font-size:20px;
	margin:5px 260px 10px 20px;
}

#homepage .aside .section p
{
	height:78px;
	left:245px;
	overflow:hidden;
	position:absolute;
	width:210px;
	top:79px;
	margin:0 0 13px;
	padding:0;
}

#homepage .aside .section ul
{
	list-style:none;
	margin:10px 260px 10px 20px;
	padding:0;
}

#homepage .aside .section li
{
	background:url("gfx/list-bullet.png") no-repeat 0 50%;
	clear:both;
	float:left;
	margin:0;
	padding:0 0 0 15px;
}

#homepage .aside .section dt
{
	display:inline;
}

#homepage .aside .section dd
{
	background:url("gfx/block480x173-bg.png") no-repeat -240px 0;
	height:93px;
	left:-9999px;
	position:absolute;
	top:0;
	width:215px;
	z-index:1;
	margin:0;
	padding:79px 20px 0 5px;
}

#homepage .aside .section dd img
{
	position:absolute;
	right:5px;
	top:0;
	z-index:2;
}

.scroll
{
	background:url("gfx/scrollbar-icons.png") no-repeat 0 0;
	height:15px;
	overflow:hidden;
	position:absolute;
	right:15px;
	text-indent:-9999px;
	width:15px;
}

.up
{
	top:10px;
}

.down
{
	background-position:0 -15px;
	top:285px;
}

/* tools */
#tools .section
{
	background:url("gfx/block480x173-bg.png") no-repeat;
	float:left;
	font-size:11px;
	height:173px;
	overflow:hidden;
	position:relative;
	width:480px;
	margin:0 0 8px;
}

#tools .section img
{
	float:right;
	margin:0 5px 0 15px;
}

#tools .section h2
{
	font-size:20px;
	font-weight:700;
	margin:5px 20px 10px;
}

/* artikel + vervolgpagina */
#rubriek .article,#artikel .article
{
	float:left;
	font-size:13px;
	width:720px;
}

#rubriek .aside,#artikel .aside
{
	float:left;
	width:240px;
}

.rubriekArtikelCount 
{
    position: absolute;
    left: 550px;
    top: 152px;
}

/* article defaults */
.article h2
{
	clear:both;
	font-size:25px;
	font-weight:700;
	margin:0 38px 25px 36px;
}

.article h3
{
	clear:both;
	font-size:14px;
	font-weight:700;
	margin:0 38px 14px 36px;
}

.article img
{
	float:left;
	margin:0 15px 5px 36px;
}

/* MFI font-size toegevoegd */
.article li
{
	font-size:11px;
	background:url("gfx/article-list-bullet.png") no-repeat scroll 0 5px; 
	margin:0;
	padding:0 0 0 25px;
	line-height: 18px;
}

ul.ulLink li 
{
	font-size:11px;
	list-style-image: none;
	background:url("gfx/list-bullet.png") no-repeat scroll 0 5px; 
	margin:0;
	padding:0 0 0 25px;
	line-height: 18px;
}

.article ol li
{
	font-size:11px;
	background:none;
	list-style-type:decimal;
	margin:0;
	padding:0 0 0 10px;
	line-height: 18px;
}

.article a
{
	color:#4e4e4e;
	text-decoration:underline;
}

/* article header */
.article .header h2
{
	margin:20px 38px 0 36px;
}

.article .header p
{
	font-size:11px;
	margin:0 38px 0 36px;
}

.article .header .actions
{
	margin:0 38px 0 36px;
}

/* article sections */
.article .section .header
{
	margin:0;
}

.article .section h3
{
	margin:20px 20px 14px;
}

.article .section li p
{
	margin:0 0 10px;
}

/* article actions */
.article .actions
{
	list-style:none;
	overflow:hidden;
	margin:10px 38px 10px 36px;
	padding:0;
}

.actions li
{
	background:none;
	float:left;
	font-size:11px;
	line-height:22px;
	margin:0 10px 0 0;
	padding:0;
}

.actions a
{
	background:url("gfx/actions-icons.png") no-repeat;
	float:left;
	text-decoration:none;
	padding:0 0 0 25px;
}

.actions a:hover
{
	text-decoration:none;
}

.actions a.reply
{
	background-position:0 -22px;
}

.actions a.print
{
	background-position:0 -44px;
}

.actions a.email
{
	background-position:0 -66px;
}

.actions a.share
{
	background-position:0 -88px;
}

/* pager */
.article .pager
{
	overflow:hidden;
	position:relative;
	text-align:center;
	width:652px;
	margin:10px auto;
}

.article .pager li
{
	background:none;
	display:inline-block;
	line-height:15px;
	padding:0;
}

.pager li.prev
{
	position:absolute;
	left:0;
	top:0;
}

.pager li.next
{
	position:absolute;
	right:0;
	top:0;
}

.article .pager a
{
	float:left;
	height:17px;
	text-decoration:none;
	width:17px;
}

.pager li.prev a
{
	background:url("gfx/pager-prev-next.png") no-repeat 0 0;
	width:auto;
	padding:0 0 0 20px;
}

.pager li.next a
{
	background:url("gfx/pager-prev-next.png") no-repeat 100% -17px;
	width:auto;
	padding:0 20px 0 0;
}

.pager a.current
{
	background:url("gfx/pager-current-bg.png") no-repeat 50% 50%;
	color:#fff;
}

.article .link-list a
{
	background:url("gfx/nav-bullet.png") no-repeat 0 -6px;
	padding:0 0 0 25px;
}

/* comments */
#comments li
{
	background:none;
	margin:0;
	padding:0;
}

#comments p.meta
{
	font-size:11px;
	line-height:15px;
	margin:0;
}

#comment-form div.text,#comment-form label.text
{
	float:left;
	width:198px;
	overflow:hidden;
	margin:0 0 20px 12px;
}

#comment-form label.text span
{
	float:left;
	font-weight:700;
	font-size:11px;
	width:197px;
	margin:0 0 5px;
}

#comment-form label.text input
{
	background:url("gfx/input-bg.png") no-repeat;
	border:none;
	float:left;
	height:15px;
	width:181px;
	padding:5px 8px;
}

#comment-form label.textarea
{
	clear:both;
	overflow:hidden;
	margin:0 0 20px;
}

#comment-form label.textarea textarea
{
	background:url("gfx/textarea-bg.png") no-repeat;
	border:none;
	font:inherit;
	height:93px;
	width:594px;
	margin:0 0 20px;
	padding:5px 8px;
}

#comment-form label.checkbox
{
	float:left;
	overflow:hidden;
	margin:0 20px 0 0;
}

#comment-form a.submit
{
	background:url("gfx/buttons-a.png") no-repeat;
	color:#000;
	float:right;
	font-size:11px;
	font-weight:700;
	height:20px;
	line-height:20px;
	text-decoration:none;
	margin:0 10px 0 0;
	padding:0 0 0 27px;
}

/* article article */
#rubriek .article .header h2
{
	background:transparent no-repeat 0 50%;
	font-size:25px;
	font-weight:700;
	line-height:50px;
	margin:30px 38px 0 36px;
	padding:0 0 0 75px;
}

.article .article
{
	width:auto;
	margin:0 0 20px;
}

.article .article h3
{
	clear:none;
	margin:0 38px 5px 36px;
}

.article .article p.date
{
	font-weight:700;
	margin:0 38px 0 36px;
}

/* iframe */
.feiten-en-cijfers
{
	border:none;
	height:554px;
	overflow:hidden;
	width:960px;
	margin:0 0 29px;
}

/* feiten en cijfers */
#feiten-en-cijfers
{
	background:#fff;
}

#feiten-en-cijfers .block
{
	background:url("gfx/block240x203-bg.png") no-repeat;
	float:left;
	height:203px;
	position:relative;
	width:240px;
	margin:0 0 8px;
}

#feiten-en-cijfers .introduction
{
	background:url("gfx/feiten-en-cijfers-intro-bg.png") no-repeat;
	color:#fff;
}

#feiten-en-cijfers .wide
{
	background:url("gfx/block480x203-bg.png") no-repeat;
	width:480px;
}

#feiten-en-cijfers .block h2
{
	font-size:20px;
	margin:10px 20px;
}

#feiten-en-cijfers .block img
{
	float:left;
	height:203px;
	width:235px;
}

#feiten-en-cijfers .wide .button
{
	left:235px;
}

#feiten-en-cijfers .main
{
	background:url("gfx/feiten-en-cijfers-main-bg.png") no-repeat;
	clear:both;
	height:343px;
}

#feiten-en-cijfers .main .header
{
	overflow:hidden;
	position:relative;
}

#feiten-en-cijfers .main .header h2
{
	font-size:20px;
	line-height:40px;
	margin:0 20px;
}

#feiten-en-cijfers .main .header fieldset
{
	border:0;
	height:40px;
	line-height:40px;
	position:absolute;
	right:15px;
	top:0;
	margin:0;
	padding:0;
}

#feiten-en-cijfers .main .header label
{
	font-size:11px;
	margin:0 5px;
}

#feiten-en-cijfers .main .header ul
{
	height:42px;
	line-height:40px;
	width:940px;
	margin:0 10px;
	padding:0;
}

#feiten-en-cijfers .main .header li
{
	float:left;
	font-size:14px;
	height:42px;
	margin:0;
}

#feiten-en-cijfers .main .header a
{
	float:left;
	font-weight:700;
	height:42px;
	padding:0 0 0 10px;
}

#feiten-en-cijfers .main .header a span
{
	float:left;
	height:42px;
	padding:0 10px 0 0;
}

#feiten-en-cijfers .main .header a.current,#feiten-en-cijfers .main .header a:hover
{
	background:url("gfx/feiten-en-cijfers-tabs-bg.png") no-repeat 0 4px;
	color:#e5418c;
	text-decoration:none;
}

#feiten-en-cijfers .main .header a.current span,#feiten-en-cijfers .main .header a:hover span
{
	background:url("gfx/feiten-en-cijfers-tabs-bg.png") no-repeat 100% 4px;
}

#feiten-en-cijfers .main .section
{
	height:230px;
}

#feiten-en-cijfers .main .section h3
{
	font-size:14px;
	margin:0 20px;
}

#feiten-en-cijfers .main .footer
{
	background:none;
}

.searchResults dl
{
	margin:0 38px 14px 36px;
}

.searchResults dt,.searchResults dd
{
	display:block;
	margin:0 38px;
}

/* font-style: normal verwijderen als dit italic moet zijn */
.searchResults dd em
{
	display:block;
	font-style:normal;
	margin:0 0 14px;
}

.invisible
{
	display:none;
}

html,form,#homepage .aside .section dl
{
	margin:0;
	padding:0;
}

a,.fat a
{
	color:#4e4e4e;
	text-decoration:none;
}

a:hover,.slim a:hover,#homepage .kenniscafe .article a:hover
{
	text-decoration:underline;
}

img,#comment-form fieldset
{
	border:none;
}

.orange h2,.orange h2 a,.orange h4,.orange h4 a,.sf-menu li.orange a.current,.sf-menu li.orange a:hover,.orange .actions a:hover,.orange .pager a:hover,.orange .article a:hover
{
	color:#ee9337;
}

.pink h2,.pink h2 a,.pink h4,.pink h4 a,.sf-menu li.pink a.current,.sf-menu li.pink a:hover,.pink .actions a:hover,.pink .pager a:hover,.pink .article a:hover
{
	color:#e5418c;
}

.green h2,.green h2 a,.green h4,.green h4 a,.sf-menu li.green a.current,.sf-menu li.green a:hover,.green .actions a:hover,.green .pager a:hover,.green .article a:hover
{
	color:#9cb937;
}

.hr hr,.search span,#homepage .introduction .article h2,#homepage .kenniscafe .section h3,#comment-form label.textarea span
{
	left:-9999px;
	position:absolute;
}

#nav ul li a,.article .link-list li
{
	background:none;
	padding:0;
}

.user-nav a:hover,.pager a:hover,.article .article a
{
	color:#000;
	text-decoration:none;
}

.search label,#homepage .section .header li,#feiten-en-cijfers .main .footer li
{
	float:left;
}

.aside .section p,#tools .section p
{
	margin:0 20px 10px;
}

.aside .section a:hover,.article a:hover
{
	color:#000;
}

#content.orange .aside .section a:hover,div#content.article.orange a:hover
{
	color:#ee9337;
}

#content.pink  .aside .section a:hover,div#content.article.pink a:hover
{
	color:#e5418c;
}

#content.green .aside .section a:hover,div#content.article.green a:hover
{
	color:#9cb937;
}

.aside .bg-pink a,.aside .bg-green a,.aside .bg-pink a:hover,.aside .bg-green a:hover,.aside .kenniscafe a:hover,.pager a.current:hover
{
	color:#fff;
}

.button:hover,#comment-form a.submit:hover
{
	background-position:0 -20px;
	text-decoration:none;
}

.button span,#comment-form a.submit span
{
	background:url("gfx/buttons-span.png") no-repeat right 0;
	float:left;
	height:20px;
	padding:0 15px 0 0;
}

.button:hover span,#comment-form a.submit:hover span
{
	background-position:right -20px;
}

#homepage .introduction img,#homepage . img
{
	height:171px;
	position:absolute;
	right:5px;
	top:0;
	width:230px;
}

#homepage .aside .section dt:hover+dd,#homepage .aside .section dd.hover
{
	left:240px;
}

.article p,.article table.content
{
	font-size:11px;
	margin:0 38px 13px 36px;
}

.article p.intro,#feiten-en-cijfers .introduction p
{
	font-weight:700;
}

/*toegevoegd tbv kader rondom het summary van een artikel*/
p.intro
{
    font-weight:700;
    border:solid 0px #e8e8e8;
    background:#e8e8e8;    
    padding:10px;
}

.article ul,.article ol,.article .video
{
	margin:0 38px 0px 36px;
}

.article ol
{
	margin:0 38px 0px 55px;
}

.article .section p,.article .section ul,.article .section ol
{
	margin:0 20px 13px;
}

#feiten-en-cijfers .block p,#feiten-en-cijfers .main .section ul,#feiten-en-cijfers .main .section p
{
	font-size:11px;
	margin:0 20px 13px;
}

#feiten-en-cijfers .main .footer ul,#feiten-en-cijfers .main .footer p
{
	float:left;
	margin:0 20px;
}

.spacerdiv 
{
    height: 10px;
    width: 800px;
    background: #fff;
}

.spacer 
{
    margin-top: 10px;
}

.section ol.sf_commentListing 
{
   	margin:0 38px 0px 40px;
} 

.reactieLeft img
{
    margin: 10px 10px 10px 20px;
    padding: 0;
}

.captchaWrap 
{
    clear:both;
}


.reactieTextBox
{
	background:url("gfx/textarea-bg.png") no-repeat;
	border:none;
	font:inherit;
	height:93px;
	width:594px;
	margin:0 0 20px;
	margin-left: 20px;
	padding:5px 8px;
}


/* Reactie formulier: styling verplaatst uit theme */
.section.gray input 
{
    background: url("gfx/input-bg.png") no-repeat;
    width: 197px;
    height: 25px;
    border: none;
    /*padding-top:4px;*/
    padding-top: 0px; 
    padding-left:10px;
    margin-left: 20px;
}

.sectionLeft.section.gray input  {
    background:url("gfx/input-bg-nb.png") no-repeat scroll 0 0 transparent;
    border:medium none;
    height:25px;
    margin-left:20px;
    margin-top:6px;
    padding-left:10px;
    padding-top:0;
    position:absolute;
    top:38px;
    width:224px;
}

.section.green input 
{
    background: url("gfx/input-bg.png") no-repeat;
    width: 197px;
    height: 25px;
    border: none;
    /*padding-top:4px;*/
    padding-left:10px;
    padding-top: 0px; 
    margin-left: 20px;
    margin-bottom: 5px;
}


.section.bg-green input 
{
    background: url("gfx/input-bg-green.png") no-repeat;
    width: 197px;
    height: 25px;
    border: none;
    /*padding-top:4px;*/
    padding-left:10px;
    padding-top: 0px; 
    margin-left: 20px;
    margin-bottom: 5px;
}

.section.bg-green input.commentsButton  
{
    background: url("gfx/reactieButton.png") no-repeat;
	bottom:6px;
	color:#000;
	font-weight:700;
	font-size:11px;
	height:20px;
	padding-top:0px;
	padding-left:20px;
	margin-left: 20px;
	line-height:20px;
	width: 120px;
	cursor: pointer;
}


.section.gray input.commentsButton  
{
    background: url("gfx/reactieButton.png") no-repeat;
	bottom:6px;
	color:#000;
	font-weight:700;
	font-size:11px;
	height:20px;
	padding-top:0px;
	padding-left:20px;
	margin-left: 20px;
	line-height:20px;
	width: 120px;
	cursor: pointer;
}

.aanmeldenbtn 
{
    position: absolute;
    bottom: 6px;
    left: -9px;
}

.archiefbtn 
{
    position: absolute;
    bottom: 6px;
    left: 205px;
}


.section.gray label 
{
    margin-left: 20px;
    font-weight: bold;
    line-height: 25px;
}

.sf_commentsValidator
{
    margin-left: 20px;
}


.reactieLeft 
{
    float: left;
    width: 270px;
}
/*
.reactieLeft img
{
    margin: 0;
    padding: 0;
}*/

.reactieRight 
{
    float: left;
    width: 350px;
}

.nbLeft 
{
    float: left;
    width:195px;
    margin-top: 25px;
}
.nbRight 
{
    float: left;
    width: 200px;
    margin-top: 25px;
    margin-left: 30px;
}

.nbLeftside 
{
    width: 250px;
}
.nbRightside 
{
    width: 250px;
}

.nbRightside label, .nbLeftside label
{
    margin-left: 21px;
}

/*** Begin menu ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index: 1;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			195px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.25em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			195px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			195px; /* match ul width */
	top:			0;
}

.sf_emailValidation 
{
    margin-left: 30px;
}

/*** Menu skin ***/

ul.sf-menu
{
	background:url("gfx/nav-bg.png") no-repeat 0 0;
	font-family:sans-serif;
	font-size:13.5px;
	font-weight:700;
	height:34px;
    padding-left: 10px;
	position:absolute;
	top:28px;
	left:245px;
	width:715px;
	z-index:1;
}

.sf-menu a
{
	background:url("gfx/nav-bullet.png") no-repeat 0 0;
	color:#4e4e4e;
	float:left;
	height:31px;
	text-decoration:none;
	padding: 8px 15px 0 15px;
	text-decoration:none;
 }
 
.sf-menu a.current,.sf-menu a:hover
{
	background-position:0 -31px;
}

.sf-menu li li a
{
	background:url("gfx/list-bullet.png") no-repeat 15px 2px;
	color:#4e4e4e;
	float:left;
	height:16px;
	text-decoration:none;
	padding:0 0 2px 25px;
	
}

.sf-menu li li a.current,.sf-menu li li a:hover
{
	background:url("gfx/list-bullet.png") no-repeat 15px 2px;
}

.sf-menu {
	float: left;
	margin-bottom: 1em;
}

.sf-menu li li {
    font-size: 12px;
    font-weight: normal;
	background:	 url("gfx/menucenter.png") repeat-y;
    width: 195px;
    height: 18px;
    vertical-align:top;
}

.sf-menu li li.sfFirst {
	background:	 url("gfx/menutop.png") no-repeat top; 
    width: 195px;
    height: 22px;  
    line-height: 34px; 
}


.sf-menu li li.sfLast {
	background:	 url("gfx/menubottom.png") no-repeat bottom;
    width: 195px;
    height: 38px;  
}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		none; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin:20px;}
        #cboxLoadedContent{background:#fff; padding:0px; overflow:hidden !important;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url("gfx/controls.png") top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url("gfx/controls.png") top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(gfx/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:-10px; right:-10px; display:block; background:url("gfx/controls.png") top center no-repeat; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}


#colorbox {
    top:80px !important;
    /* om extra randje onderaan de play balkje weg te halen */
    padding-bottom:15px !important;
}

#cboxWrapper {
    /*height:467px !important;*/
}
       
/* video */
.videoHeader {
    background: url("gfx/videohead.png");
    height: 45px;
    width: 949px;
    margin: 0;
    padding: 0;
}

.videoHeader h2 {
    padding: 6px 0 0 50px;
    margin: 0;
    font-size: 20px;
}


.videoObject {
    float: left;
    height: 422px;
    width: 719px;
    margin: 0;
    overflow: hidden;
}

.videoArtikelen {
    float: left;
    width: 230px;
    margin: 0;
    padding: 0;  
}

.videoArticle
{
    font-size: 11px;
    font-weight: bold;
    background: url("gfx/videoSinactive.png") no-repeat;
    height: 60px;
    padding-left: 25px;
}

.videoArticle p
{
    margin: 0;
    padding: 2px 0 0 0;
}

.videoArticle img, .videoArticle a.ahidden
{
    visibility: hidden;
}

.videoArticle:hover
{
    background: url("gfx/videoSactive.png") no-repeat;
    height: 181px;
}

.videoArticle:hover img
{
    visibility: visible;
    margin-top: 4px;
}

.videoArticle:hover a.ahidden 
{
    visibility: visible;
    display: block;
    font-weight: normal;
    text-decoration: underline;
    margin-top: 5px;
    color: #EE9337;
}

.videoDate
{
   font-size: 11px;
   font-weight:normal;
   padding-top: 8px;
}

.videoDate a:hover
{
   font-size: 11px;
   font-weight:normal;
   padding-top: 8px;
}

/* nb button */

.nbbutton
{
	background:url("gfx/buttons-a.png") no-repeat;
	bottom:6px;
	color:#000;
	font-size:11px;
	font-weight:700;
	height:20px;
	margin-left:20px;
	line-height:20px;
	display: inline-block;
	padding:0 0 0 27px;
}

.orange .nbbutton:hover
{
	background-position:0 -80px;
}

.pink .nbbutton:hover
{
	background-position:0 -40px;
}

.green .nbbutton:hover
{
	background-position:0 -60px;
}

.bg-green .nbbutton:hover
{
	background-position:0 -60px;
}

.nbbutton:hover,#comment-form a.submit:hover
{
	background-position:0 -20px;
	text-decoration:none;
}

.nbbutton span,#comment-form a.submit span
{
	background:url("gfx/buttons-span.png") no-repeat right 0;
	display:inline-block;
	height:20px;
	padding:0 15px 0 0;
}

.nbbutton:hover span,#comment-form a.submit:hover span
{
	background-position:right -20px;
}

ul.greenhover li a:hover 
{
    color:#9CB937 !important;
}

ul.greenhover 
{
    margin:6px 0px 0px 22px !important;
    padding:0 !important;
}

ul.defaulthover li a:hover 
{
    color:#000000 !important;
}

ul.defaulthover 
{
    margin:6px 0px 0px 22px !important;
    padding:0 !important;
}

/* orange - HANDIGE TIPS */
.contentOrange
{
	color:#ee9337;
}

