/**
 *  Author          Gauke Pieter Sietzema, Sterc Concept
 *  Website         htp://www.sterc.nl
 *  Contact         info@sterc.nl
 *  Created date    
 */


html, body {
	margin: 0;
	padding: 0;
	font: normal 11px/16px verdana, tahoma, sans-serif;
}

img {
	border: 0;
}

#container {
	position: absolute;
	left: 50%;
	margin-left: -466px;
	width: 931px;
	background-color: #fff;
	border: 8px solid #fff;
	top: 68px; /** banner top **/
}

.top_banner {
	width: 100%;
	height: 90px;
	background-color: #ccc;
	margin: 0 0 8px 0;
}

.header {
	width: 931px;
	height: 116px;
/*    height: 169px;*/
/*	height: 226px;*/
}

.main_nav {
	height: 27px;
	width: 931px;
	padding: 0;
	position: relative;
}

	.main_nav img {
		float: left;
	}
	
.sub_nav {
	width: 100%;
	height: 27px;
	border-bottom: 4px solid #fff;
}

	.sub_nav ul {
		margin: 0 0 0 20px;
		padding: 0;
		list-style: none;
	}
	
	.sub_nav li {
		margin: 0;
		padding: 0;
		float: left;
	}
	
	.sub_nav li.last a {
		border: 0;
	}

	.sub_nav a, .sub_nav a:link, .sub_nav a:visited {
		text-decoration: none;
		padding: 0 6px 0 6px;
		border-right-width: 1px;
		border-right-style: solid;
		font: normal 12px/27px verdana, sans-serif;
        color: #fff;
	}
	
	.sub_nav a:hover {
		text-decoration: underline;
	}
	
.left {
	width: 254px;
	float: left;
	display: block;
    overflow: hidden;
}

    .left h2 a {
        text-decoration: none !important;
    }

.main {
	float: left;
	width: 475px;
    border-right: 2px solid #fff;
	margin-left: 6px;
	display: block;
    _width: 455px;
    overflow: hidden;
/*	background: url(/img/main-bg.png) repeat-x;*/
}

    .main, .main p, .main li { color: #666 !important; font: normal 11px/16px verdana, tahoma, sans-serif !important; }
	.wide { width: 735px; margin: 0; }
	
	.d-block {
		width: 360px;
		_width: 350px;
		/*height: 250px;*/
		margin: 0 5px 10px 0;
		float: left;
		border: 1px solid #ddd;
		background: #fff url(/img/gezonde-pixel.png) repeat-x scroll 0 28px;
	}
	.main .d-block h1 { background-color: #EDEDED; color: #D05696; margin: 0; width: 100%; padding: 4px 0 0 10px; font-size: 16px; font-weight: bold; }
	.main .d-block .side-list { margin: 0 0 0 10px !important; padding: 0 !important; width: auto; clear: both; background: none; }
	.main .d-block p { margin: 3px 3px 0 0; }
	.main .d-block img { margin: 5px 15px 5px 10px; }
	.main .d-block .d-header { height: 125px; overflow: hidden; }
	.gzt { height: 180px !important; position: relative; }
	.d-block .button { position: absolute; bottom: 0px; right: 0px; }
	.d-header a, .d-header h1 { text-decoration: none; }
	.main .d-block .d-content { /*height: 120px;*/ height: 168px; margin: 10px 0 0 0; }
	.main .d-block .side-list-meer { display: none; margin: -25px 0 5px 10px !important; padding: 0 !important; }
	.meer-dossiers-button { display: none; }
	.main .meer-dossiers-button, .main .minder-dossiers-button { color: #D05696 !important; font-weight: bold; }
	.d-block-even { clear: both; }
	
	body .left h1.d-side, body .left h1.d-side a {
		color: #D05696;
		background-color: #EDEDED;
		margin-top: 2px;
		position: relative;
		font-weight: bold;
	}
	body .left ul.d-side a { color: #666; }
	.d-side-hide { display: none; }
	.doc-count, .doc-count-less {
		position: absolute;
		right: 5px;
		color: #666;
		font-size: 11px;
		display: block;
		width: 30px;
		height: 20px;
		top: 0;
/*		padding-right: 5px;*/
		cursor: pointer;
		/*background: url(/img/doc-more.png) 100% 12px no-repeat;*/
	}
	.doc-count-less { /*background: url(/img/doc-less.png) 100% 12px no-repeat;*/ }
	h1.d-side { cursor: pointer; }

.right {
	float: left;
	width: 188px;
	margin-left: 6px;
	display: block;
	overflow-x: hidden;
}

.left h1, .right h1, .d-block h1, .home-blocks h2 {
	margin: 0;
	padding: 0 0 0 8px;
/*	width: 253px;*/
	width: 235px;
	_width: 185px;
	height: 26px;
	font: normal 14px/26px trebuchet MS,verdana,tahoma,sans-serif;
	text-transform: uppercase;
	color: #fff;
/*	letter-spacing: 1px;*/
	/**margin: 0;
	padding: 0 0 0 5%;
	width: 95%;
	height: 31px;
	font: bold 20px/31px arial, sans-serif;
	font-variant: small-caps;
	color: #fff;**/
}

.left h2, .right h2, .main h2 {
	margin: 20px 10px 0 4px;
	padding: 0;
	font: normal 18px/20px "Trebuchet MS", sans-serif;
}

.main h1, .main a h1 {
	margin: 0 0 0 18px;
	padding: 0;
	font: normal 18px/22px "Trebuchet MS", sans-serif;
    text-decoration: none;
}

.main p {
	margin: 0 0 11px 10px;
	padding: 0;
	font: normal 11px/16px verdana, tahoma, sans-serif;
}

.left p, .right p {
	margin: 0 0 10px 4px;
	padding: 0;
	font: normal 11px/16px verdana, sans-serif;
}

.left, .right {
    font: normal 11px/16px verdana, sans-serif;
	overflow: hidden;
	padding-bottom: 20px;
}

.left a, .left a:link, .left a:visited {
	text-decoration: underline;
}

.nieuws_groot {
	padding-top: 8px;
    clear: both;
    background: url(/img/block-gradient.png) repeat-x;
    border-top: 1px solid #ccc;
}

	.nieuws_groot h1 {
		color: #594686;
	}
	
	.nieuws_groot img {
/*		width: 171px;*/
		float: left;
		margin-left: 8px;
	}

	.nieuws_groot_tekst {
		margin-left: 8px;
		width: 250px;
		float: left;
	}
	
	.nieuws_groot h2, .nieuws_groot a, .nieuws_groot a:link, .nieuws_groot a:visited {
		margin: 0;
		padding: 0;
		font: normal 11px/16px verdana, tahoma, sans-serif;
		color: #594686;
	}
	
	.nieuws_groot a:hover {
		color: #a598c3;
	}
	
	.nieuws_groot p {
		margin: 10px 0 0 10px;
	}
	
.nieuws_klein {
	clear: both;
	padding-top: 8px;
    background: url(/img/block-gradient.png) repeat-x;
    border-top: 1px solid #ccc;
}
	
	.nieuws_klein img {
/*		width: 171px;*/
		float: left;
		margin-left: 8px;
	}

	.nieuws_klein_tekst {
		margin-left: 8px;
		width: 90%;
		float: left;
	}
    
    .withpic { width: 330px; }
	
	.nieuws_klein h2, .nieuws_klein a, .nieuws_klein a:link, .nieuws_klein a:visited {
		margin: 0;
		padding: 0;
		font: normal 11px/16px verdana, tahoma, sans-serif;
	}
	
	.nieuws_klein_tekst h1 {
		clear: both;
	}
	
	.nieuws_klein p {
		margin: 10px 0 0 10px;
	}
    
    .withpic {
        width: 280px !important;
    }
	

.nieuws_klein_test img, .nieuws_groot_tekst img {
    float: none;
}
    
.article_footer {
	width: 100%;
	margin: 15px 0 70px 17px;
    border-top: 5px solid #fff;
    line-height: 24px;
	padding: 0;
	list-style: none;
	clear: both;
}

	.nieuws_klein .article_footer, .nieuws_groot .article_footer { margin-bottom: 0px; }

	.article_footer li {
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
		font: normal 11px/16px verdana, tahoma, sans-serif;
		color: #ccc;
	}

a.sb, a:link.sb, a:visited.sb {
	color: #498f9a;
}

a:hover.sb {
	color: #498f9a;
}

.gvdw {
	clear: both;
	margin-top: 0px;
}

.gvdw_conts {
	float: left;
	width: 47%;
	margin: 0 1% 0 2%;
}

.gvdw_conts h1 {
	font: bold 18px/34px "Trebuchet MS", sans-serif;
	color: #587561;
	margin: 0;
	padding: 0;
}

.gvdw_conts a, .gvdw_conts a:link, .gvdw_conts a:visited {
	color: #587561;
}

.gvdw_conts a:hover {
	color: #9dc6aa;
}

.gvdw_conts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gvdw_conts li {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(../img/gvdw-arrow.png) 0 50% no-repeat;
}

.gvdw_conts li a { text-decoration:none; }

form {
	margin: 5px 0 5px 0;
	padding: 0;
}

.text { 
	border: 1px solid #999999;
	font: normal 11px/20px verdana, tahoma, sans-serif;
	width: 120px;
	padding: 4px;
	color: #666;
}

.submit {
	border: 1px solid #999;
	font: bold 12px/20px verdana, tahoma, sans-serif;
	height: 25px;
	color: #fff;
	cursor: pointer;
}

.row {
	clear: both;
	/*height: 28px;*/
}

    .row input {
	    float: left;
    }

    .row label {
	    color: #666;
	    float: left;
	    width: 100px;
	    line-height: 22px;
    }
    
    .error {
    	clear: both;
        display: block;
        background: url(/img/silk/error.png) 0% 40% no-repeat;
/*        float: left;*/
        padding: 0 25px;
        margin: 5px 0 5px 100px;
        color: #FF8234;
        font-weight: bold;
    }
    
    .row textarea {
    	width: 250px;
    	height: 100px;
    }
    
    .row .submit {
    	float: none;
    	margin: 0 0 0 100px;
    	clear: both;
    }
    
    .right .row label { width: 50px !important; }
    .right .row { height: 28px; }
    .right .row .submit { margin-left: 50px; }

h3 {
	font: normal 18px/24px "Trebuchet MS", arial, sans-serif;
	margin: 0 0 8px 0;
	padding: 0;
}

.right p {
	margin: 0;
    padding: 0;
}

.cat_display {
	float: right !important;
    display: block;
    width: auto !important;
}

.cat_display a, .cat_display a:link, .cat_display a:visited {
	text-decoration: none;
}

.cat_display a:hover {
    text-decoration: underline !important;
}

.footer {
	width: 100%;
	border-top: 25px solid #fff;
	text-align: center;
	clear: both;
}

	.footer, .footer * {
		text-decoration: none;
		color: #666 !important;
	}

	.footer a:hover {
		text-decoration: underline !important;
	}
	
	.footer img { margin: 0 0 -5px 0; }

.artikel_rechts {
    margin-bottom: 20px;
}

/*** comments ***/

.reacties-header {
	height: 60px;
	clear: both;
	margin-top:40px;
}

	.reacties-header img {
		margin-right: 25px;
	}

.comment {
	width: 450px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #ccc;
	clear: both;
	color: #666;
}

.comment-user {
	font: bold 15px arial, sans-serif;
	color: #94d2da;
}

.comment-date {
	color: #999;
	font: normal 11px arial, sans-serif;
	margin-left: 10px;
}

.comment-mod {
	float: right;
}

.jot-form {
	clear: both;
}

.comment-row {
	clear: both;
	border-top: 5px solid #fff;
}

	.comment-row label {
		float: left;
		width: 100px;
		color: #666;
	}
	
	.comment-row input {
		float: left;
		width: 200px;
		border: 1px solid #ccc;
	}
	
	.comment-row textarea {
		width: 400px;
		margin-top: 10px;
		clear: both;
		border: 1px solid #ccc;
	}
	
.comment-submit {
	border: 0;
	width: 140px;
	height: 35px;
	cursor: pointer;
	background: url(/img/plaats-reactie.png) no-repeat;
	float: right;
	margin-right: 37px;
}

fieldset {
	border: 0;
}

/* nopic: hele breedte van een blok gebruiken als er geen afbeelding is */
.nopic {
    width: 90%;
}

.more_messages {
	border-top: 1px solid #ccc;
    background: url(/img/block-gradient.png) repeat-x;
}

    .more_messages p { clear: both; display: block; float: none; }

    .more_messages p a {
        font-weight: bold;
    }

    .more_messages ul {
        margin: 5px 0 5px 10px;
        padding: 0;
    }
    
    .meest_gelezen ul, .meest_gelezen ol {
        margin: 5px 0 5px 10px;
        padding: 0;
    }
    
    .more_messages ul li, .meest_gelezen ul li, .archief li, #meer_tussenpagina li {
        list-style: none;
		background: url(/img/arrows-verzorging.png) no-repeat 0 5px;
		margin: 0;
		padding: 0 0 0 10px;
        line-height: 20px;
		/*height: 16px;*/
    }
	#meer_tussenpagina li { height: 16px; }
	#tussenpagina_kop { padding-top: 10px; }
    
    ol, ol li {
        color: #666;
        margin: 0 0 0 15px;
        padding: 0;
    }

    .more_messages_date {
        margin-right: 10px;
        color: #666;
    }
    
    .more_messages a, .more_messages a:link, .more_messages a:visited, .meest_gelezen a, .meest_gelezen a:link, .meest_gelezen a:visited {
        color: #666;
        text-decoration: none;
    }
    
    .more_messages a:hover, .meest_gelezen a:hover {
        text-decoration: underline;
    }
    
    .more_messages h2 {
        margin: 5px 0 5px 10px;
        padding: 0;
        color: #666;
        font: bold 14px/18px verdana, tahoma, sans-serif;
    }
    
#thumb {
    float: left;
    padding: 10px 0 10px 10px;
}
    
    .sub #thumb {
        padding: 10px;
    }

.sub {
    border-top: 1px solid #ccc;
    background: url(/img/block-gradient.png) repeat-x !important;
    width: 450px !important;
    padding: 5px;
}

.nieuwsbrief_inschrijven {
	background: url(/img/inschrijven.png) no-repeat;
	width: 110px;
	height: 25px;
	background-color: none !important;
	border: 0;
}

.nobullet {
    list-style: none;
    clear: both;
}

    .nobullet span {
        display: block;
        float: left;
/*        width: 60px;*/
    }
    
    .nobullet a, .nobullet a:link, .nobullet a:visited{
        display: block;
        float: left;
        width: 300px;
        color: #666 !important;
    }
    
    .nobullet a:hover { text-decoration:underline; }

.search_p {
    margin: 0 0 15px 0;
    padding: 0;
}

.ajaxSearch_result a {
    font-weight: bold;
}

/** archief structuur **/
.main .side-list { width: 100%; }
.left ul, .main .side-list {
    list-style: none;
    margin: 10px;
    padding: 0;
}

    .left ul li li, .main .side-list li {
        margin: 0;
        padding: 0;
        background: url(/img/arrows-verzorging.png) no-repeat 0 5px;
        padding-left: 10px;
        width: 220px !important;
    }

	.main .side-list li { width: 100% !important; }
    
    .left ul li a, .left ul li a:link, .left li a:visited, .main .side-list li a, .main .side-list li a:link, .main .side-list ul li a:visited {
        text-decoration: none;
        font-size: 1.1em;
    }
    
    .left ul li a:hover, .main .side-list li a:hover {
        text-decoration: underline;
    }
    
    
    .left ul li ul {
/*        margin: 5px 10px;*/
		margin: 5px 0;
    }
        
        .left ul li ul li {
            /*background: url(/img/arrows-verzorging.png) no-repeat 0% 50%;
            padding-left: 10px;*/
        }
        
        .left ul li ul li a, .left ul li ul li a:link, .left ul li ul li a:visited {
            text-decoration: none;
            font-size: 1em;
            background: none;
            padding: 0;
        }
        
        .left ul li ul li {
/*            background: none;*/
/*            padding: 0;*/
        }
        
        .left ul li ul li a:hover {
            text-decoration: underline;
        }
        
.side-list {
    background: url(/img/gezonde-pixel.png) repeat-x;
    margin: -4px 0 0 0 !important;
    padding: 10px !important;
}

    body .side-list a, body .side-list a:link, body .side-list a:visited {
        color: #666;
        font-size: 11px !important;
    }
    
    .side-list .last {
        background: none;
        margin-top: 4px;
    }
    
.right iframe {
    margin: 20px 0 0 16px;
}

.main iframe {
/*    margin: 30px 0 0 0;*/
	margin: 0;
}

.archief, .main ul { margin: 0 0 30px 0; padding: 0; }
.archief a { color: #666 !important; }
.archief a:hover { text-decoration: underline !important; }

/** tradetracker **/
#ttTop {
/*	position: absolute;
	width: 468px;
	height: 60px;
	top: 114px;
	left: 50%;
	margin-left: 1px;*/
	border:8px solid #FFFFFF;
	height:60px;
	left:50%;
	margin-left:-466px;
	overflow:hidden;
	position:absolute;
	top:0;
	width:468px;
}
#ttMidden {
	width: 475px;
	text-align: left;
	margin: 20px 0;
}

.bannertop {
	
}

.expert-promo { position: relative; }
.expert-promo .eh-pic { float: left; margin: 2px 10px 5px 0; }
.expert-promo .eh-button { position: absolute; top: 51px; left: 88px; _left: 0 !important; }

.home-blocks { clear: both; /*background: url(/img/blokken-bg.png) repeat-x; height: 350px; */ padding: 10px 0; }
.home-blocks div {
	background: transparent url(/img/blokken-bg.png) repeat-x scroll 0 0;
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 10px;
	width: 202px;
	height: 365px;
/*	background: url(/img/actieblokken-bg.png) no-repeat;*/
}
	.home-blocks div.hb-shop { margin: 0; }
.home-blocks h2 {
	font-size: 16px;
	font-weight: bold;
	color: #D05696;
	padding: 0;
}

.blokrij1, .blokrij2, .blokrij3 { border-bottom: 1px solid #ddd; }

/*.hb-gezond h2 { color: #D05696; }*/
/*.hb-dossiers h2 { color: #D05696; }*/
/*.hb-experts h2 { color: #D05696; }*/
/*.hb-shop h2 { color: #D05696; }*/

/*

.hb-gezond h2 { color: #B0A6C9; }
.hb-dossiers h2 { color: #C4D97C; }
.hb-experts h2 { color: #5BC8E3; }
.hb-shop h2 { color: #8D6A42; }


.hb-gezond h2, .hb-gezond a { color: #B0A6C9 !important; }
.hb-dossiers h2, .hb-dossiers a { color: #C4D97C !important; }
.hb-experts h2, .hb-experts a { color: #5BC8E3 !important; }
.hb-shop h2, .hb-shop a { color: #8D6A42 !important; }
*/

.home-blocks ul { margin: 0; padding: 0; }
.home-blocks li { margin: 0; list-style-type: none; clear: both; padding: 6px 0 4px 0; position: relative; height: 52px; }
.home-blocks p { display: inline-block; width: 160px; position: absolute; top: 3px; left: 57px; }
.home-blocks img { display: inline; }
.home-blocks a, .home-blocks a:link, .home-blocks a:visited { color: #555; text-decoration: none; font-weight: bold; }
.home-blocks a:hover { text-decoration: underline; }

/** forum **/

.sub_forum .main { width: 920px; }
.hf-forum { width: 550px; }
/*.sub_forum .alt1, .sub_forum .alt2 { width: 10px; }*/
.sub_forum .hf-laatstebericht { width: 350px; }
.hf-laatstebericht, .hf-forum { padding: 10px !important; }
.hf-laatstebericht a, .hf-forum a, .cwrap a { text-decoration: none; }
#vbbloglinks { font-weight: bold; background-color: #C4D97C; color: #fff; padding: 5px 10px; }

/** forum menu fixes **/
.vbmenu_popup { margin: -71px 0 0 -500px !important; }
#vbbloglinks_menu { }
#community_menu { }
#navbar_search_menu { }
#usercptools_menu { }
#inlinemodsel_menu { }

/** subpeiler navigatie **/
.wf-subpeiler li, .wf-subpeiler ul { display: none; }
.wf-subpeiler li.active, .wf-subpeiler li.active ul { display: block; }
.wf-subpeiler .here a { font-weight: bold; }
	.wf-subpeiler .here ul li a { font-weight: normal; }
	
/* Google CSE */
.gsc-twiddleRegionCell, .gs-visibleUrl { display: none; }
.gsc-control { width: 100% !important; margin-bottom: 50px; }
.gs-title, .gs-title *, .gsc-trailing-more-results, .gsc-cursor-current-page { color: #45ADC5 !important; text-decoration: none !important; font-weight: bold !important; }
input.gsc-search-button, .submit { border: 0 !important; cursor: pointer; }
input.gsc-input { padding: 5px !important; width: 375px !important; }
#cse_loading { font-size: 18px !important; color: #45ADC5 !important; }
	#cse_loading img { margin-bottom: -8px; }
	.gsc-clear-button { display: none; }
	td.gsc-branding-text, td.gsc-branding-img { margin-top: 8px; }
	.gsc-branding-img img { position: relative; bottom: -2px; }
	.gsc-trailing-more-results { display: none !important; }
	/*.gsc-cursor-page {
		display: inline-block;
		background-color: #45ADC5;
		color: #fff !important;
		text-decoration: none !Important;
		font-weight: bold;
		padding: 3px 5px;
	}
	.gsc-cursor-page:hover, .gsc-cursor-current-page { background-color: #93CFDD; }*/
	.nounderline, .nounderline * { text-decoration: none !important; }