html {
	height:100%;
	width:100%;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
		
	background:#FFF url(../gfx/page_back.gif) repeat-y left top;
	scrollbar-face-color: #ddd; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-shadow-color: #aaa; 
	scrollbar-3dlight-color: #aaa; 
	scrollbar-arrow-color:  #666; 
	scrollbar-track-color: #FFF; 
	scrollbar-darkshadow-color: #FFF;
	}

body, td, textarea, input {
	font-family:Verdana, Arial, Helvetica, Sans-serif;		
	font-size:11px;
	color:#000;
	line-height:1.5em;
	}

h1, h2, h3, h4, h5, h6 {
	margin:0 0 10px 0;
	line-height:1.2em;
}

h1 {
	margin:0 0 5px 0;
	font-size:15px;
	}
	div.Lcol h1 {
		color:#42A40B;
	}

h2 {
	margin:0 0 5px 0;
	color:#965C29;
	font-size:15px;
	}

h3 {
	margin:0 0 5px 0;
	color:#42A40B;
	font-size:13px;
	}

h4 {
	
	margin:0 0 5px 0;
	color:#965C29;
	font-size:13px;
	}

h5 {
	margin:0 0 2px 0;
	color:#42A40B;
	font-size:11px;
	}

h6 {
	margin:0 0 2px 0;
	color:#965C29;
	font-size:11px;
	}

p {
	margin:0 0 10px 0;
	font-size:11px;
	line-height:1.5em;
	}

a {}
a.verder {font-weight:bold;}
div.Rcol a.verder:hover,
div.Lcol a.verder:hover,
td.tText a.verder:hover{text-decoration:none;}
address {
	font-style:normal;
	margin:20px 0 20px 0;
	}

/* ===================================================== */
/* =======  LAYOUT  ==================================== */
/* ===================================================== */

div.siteContainer {
	position:relative;
	padding-bottom:5px;
	width:756px;
}

div.header {
	position:relative;
	background-color:#ECF6E6;
	padding-left:17px;
}

div.header img.logo {
	margin:14px 0 14px 0;
}

div.visualPNG {
	position:absolute;
	top:0px;
	right:0px;
	width:289px;
	height:211px;
	z-index:10;
	background:transparent url(../gfx_content/headvisuals/venkelsoep.jpg) no-repeat right top;
}
div.headerKop {
	position:absolute;
	top:79px;
	right:289px;
	height:31px;
	text-align:right;
}


/* ===================================================== */
/* =======  NAVIGATIE ================================== */
/* ===================================================== */

div.navBalk {
	position:relative;
	padding:1px 0 3px 5px;
	background:transparent url(../gfx/nav_back.jpg) no-repeat left top;  /* Bij HTML navigatie */
	/*background-color: #56a72f;*/ /* Bij IMGTEXT navigatie */
	z-index:25;
	vertical-align:middle;
}

div.navBalk h1 {
	display:inline;
	margin:0 5px 0 5px;
	font-size:14px;
}
	
div.navBalk a {
	color:#FFF;
	text-decoration:none;
}

div.navBalk a:hover,
div.navBalk a:active,
div.navBalk a.active {
	color:#BADF96;
	text-decoration:underline;
	}

div.navBalk img {
	margin-top:3px;
	vertical-align: middle; /* Last modified by Sander Bogaard, 04-4-2005 14:31 */
}

div.Lcol div.navBalkHead {
	margin:0 20px 10px 00px;
	padding:0 0 20px 0;
	text-align:left;
	border-bottom:1px solid #42A40B;
	}
div.Lcol div.navBalkHead a{
	margin:0 5px 0 5px;
	font-weight:normal;
	text-decoration:none;
	
	}
div.Lcol div.navBalkHead a:hover {
	color:#42A40B;
	text-decoration:underline;
	
}
div.Lcol div.navBalkHead a.active,
div.Lcol div.navBalkHead a:active{
	color:#42A40B;
	font-weight:bold;
	text-decoration:underline;
	}

/* ===================================================== */
/* =======  FOOTER ===================================== */
/* ===================================================== */


div.footer {
	margin:20px 210px 0 15px;
	padding:2px 0 0 0;
	border-top:1px solid #42A40B;
}

div.footer a {
	margin:0 20px 0 0;
	color:#42A40B;
	text-decoration:none;
}

div.footer a:hover {
	color:#965C29;
	text-decoration:underline;
}
div.footer h1 {
	display:inline;
	font-size:11px;
	font-weight:normal;
}

/* ===================================================== */
/* =======  RECHTER KOLOM  ============================= */
/* ===================================================== */


div.Rcol {
	margin-right:8px;
	position:absolute;
	top:235px;
	right:0;
	width:180px;
	font-size:10px;
	}
div.Rcol a {
	font-size:10px;
	}
div.Rcol a:hover {
	text-decoration:underline;
	}

div.Rcol div.login {
	position:relative;
	margin:0 0 20px 25px;
	width:140px;
	color:#C38F51;
	}
div.Rcol div.login input.typeText{
	margin:4px 0 0 0;
	border:1px solid #965C29;
	background-color:#FFF;
	font-size:10px;
	color:#C38F51;
	}
	
	div.Rcol div.login input.typeButton{
		margin:5px 10px 0 0;
		float:right;
	}
div.Rcol div.subNav,
div.Rcol div.kids {
	margin:0 0 20px 16px;
}
div.Rcol div.subNav a {
	display:block;
	margin-bottom:1px;
	padding-left:8px;
	font-weight:normal;
	color:#C38F51;
	font-size:10px;
	text-decoration:none;
	background:transparent url(../gfx/ahref_line_bruin.gif) no-repeat 0px 9px;
	}
div.Rcol div.kids a {
	color:#965C29;
	text-decoration:none;
	}
div.Rcol div.subNav a:hover,
div.Rcol div.subNav a.active,
div.Rcol div.subNav a:active {
	color:#000;
	text-decoration:underline;
	}
div.Rcol div.subNav img{
	display:block;
	margin:0 0 3px 8px;
	}

div.Rcol div.kids {
	margin:0 0 20px 25px;
	color:#C38F51;
}
div.Rcol div.kids a {
	white-space:nowrap;
}

div.Rcol img {
	display:block;
	}
	
	div.Rcol div.login div.help {
		float:left;
		}
	
	div.Rcol div.login div.help a  {
		text-decoration:none;
		font-size:9px;
		color:#965C29;
		}
	div.Rcol div.login div.help a:hover {
		text-decoration:underline;
		}
div.Rcol div.weerkaart {text-align:center;}
/* ===================================================== */
/* =======  LINKER / MAIN BLOCK  ======================= */
/* ===================================================== */



div.Lcol {
	position:relative;
	margin-right:200px;
	padding:15px;
	z-index:30;
	}
	div.Lcol a,
	div.Lcol a.arrow {		
		font-weight:bold;
		color:#42A40B;
		text-decoration:none;
		}
	div.Lcol a:hover {
		color:#965C29;
		text-decoration:underline;
		}
		div.Lcol a.arrow:hover {
		text-decoration:none;
		}
	table.contentT {
		width:525px;
		}
		
table.contentT td.tText,
table.contentT td.blokImg {
	padding-top:10px;
	padding-bottom:8px;
	
	}
table.contentT tr.ecardHome td.tText,
table.contentT tr.ecardHome td.blokImg {
	padding:0 0 0 0;
	background-color:#E4D6CB;
	}
	table.contentT tr.ecardHome td.tText {
		padding-left:10px;
		border-top:10px solid #FFF;
		}
		table.contentT tr.ecardHome td.tText a {
			color:#965C29;
			font-size:10px;
		}
		table.contentT tr.ecardHome td.tText a:hover {
			text-decoration:underline;
			}
		table.contentT td.tText a.verder:hover,
		table.contentT tr.ecardHome td.tText a.verder:hover  {text-decoration:none;}
	table.contentT tr.ecardHome td.blokImg img {
		border:0px;
		border-top:2px solid #FFF;
		}
table.contentT img {border:1px solid #42A40B;}


div.Lcol td.tText a {
	white-space:nowrap;
	font-size:10px;
	}

div.Lcol td.tText a:hover {
	text-decoration:underline;
	}
	
table.contentT td.tText{
	padding-left:10px;
}
td.blokImgEcard {
	
	padding-bottom:0px;
	}
td.blokImgEcard img {
	padding:0px;
	margin:0;
	border:0px;
}
	
div.small {
	font-size:9px;
}
	

/* ===================================================== */
/* ========== CLEAR BREAKS ============================= */
/* ===================================================== */

br.cL {clear:left;}
br.cR {clear:right;}
br.cB {clear:both;}

/* ===================================================== */
/* ========== RECEPTEN ================================= */
/* ===================================================== */

div.howTo {
	padding:15px 0 15px 0;
}

img.receptFoto {
	display:block;
	margin-right:10px;
}

table.reseptT {
	width:525px;
	}
	table.reseptT td {
		vertical-align:top;
	}

table.kTips {
	}
	table.kTips td.hoeWat {
		vertical-align:top;
		padding-right:25px;
		}
	table.kTips td.snijden {
		vertical-align:top;
		width:205px;
		font-size:9px;
		}
		table.kTips td.snijden img {
		display:block;
		margin-bottom:20px;
		}

/* ===================================================== */
/* ========== NIEUWS =================================== */
/* ===================================================== */

div.newsDatum {
	float:right;
	position:relative;
	padding-right:30px;
	color:#965C29;
	width:150px;
	font-style:italic;
	text-align:right;
}

div.headlines {
	margin-top:40px;
	}
	div.headlines a {
		display:block;
		margin-left:10px;
	}

    	/* Last modified by Sander Bogaard, 03-3-2005 11:14 */
    	div.headlines a.active{
    		color:#57E148;
    	}

/* ===================================================== */
/* ========== FAQ ====================================== */
/* ===================================================== */


div.faq {}
div.faq h1 {
	margin-top:20px;
	margin-bottom:10px;
	border-bottom:1px solid #42A40B;
	}

div.faq h4 {
	margin-top:20px;
	}

div.faq div.vraagAntw a {
	display:block;
	margin-left:2px;
	padding-left:20px;
	background:#FFF url(../gfx/arrow_bruin.gif) no-repeat 0px 7px;
	font-weight:normal;
	color:#000;
	}

div.faq div.vraagAntw a:hover {
	color:#42A40B;
	text-decoration:underline;
	background:#FFF url(../gfx/arrow_green.gif) no-repeat 7px 7px;
	}

div.faq a.top {
	display:block;
	margin:0 0 20px 0;
	padding-bottom:10px;
	text-align:right;
	font-weight:bold;
	color:#42A40B;
	border-bottom:1px solid #EEE;
	background:#FFF url(none)
	}

div.faq a.top:hover {
	background:#FFF url(none)
	} 

/* ===================================================== */
/* ========== KIDS ===================================== */
/* ===================================================== */

td.blokImgKp img{
	border:1px solid #42A40B;
	margin-bottom:10px;
}

/* ===================================================== */
/* ========== ECARDS =================================== */
/* ===================================================== */
div.ecardOverzicht {}

div.ecardOverzicht div.ecarditem {
	position:relative;
	float:left;
	margin:10px;
	z-index:100;
}
div.ecardPreview {
	margin:10px 10px 25px 40px;
}
div.ecardSpecs {
	margin:10px 10px 25px 40px;
	position:relative;
	background:#FFF url(../gfx/ecards/background.jpg) no-repeat left top;
	width:420px;
	height:280px;
}
div.ecardSpecs div.stamp {
	position:absolute;
	top:15px;
	right:15px;
	width:44px;
	height:44px;
	z-index:50;
}
div.ecardSpecs table.ecardT {}

div.ecardSpecs table.ecardT td{
	vertical-align:bottom;
	color:#AD5318;
}
div.ecardSpecs table.ecardT tr.top td {padding:50px 0 0 20px;}
div.ecardSpecs table.ecardT tr.bottom td {padding:20px 0 0 20px;}
div.ecardSpecs table.ecardT .typeText,
div.ecardSpecs table.ecardT textarea {margin-top:3px;}
div.ecardSpecs table.ecardT img.stripe {margin:0 12px 0 12px;}


/* ===================================================== */
/* =======  PRIKBORD  ================================== */
/* ===================================================== */
body.prikbord {background:#FFF url(../gfx/prikbord_back.gif) repeat-y left top;}

body.prikbord h4 {color:#000;}
body.prikbord .post a {font-weight:normal;text-decoration:underline;}
body.prikbord div.visualPNG {
	background:transparent url(../gfx_content/headvisuals/venkelsoep.jpg) no-repeat right top;
}
body.prikbord div.Rcol div.subNav {
	position:relative;
	margin:0 0 20px 12px;
	color:#C38F51;
	}
body.prikbord div.Rcol div.subNav input.typeText,
body.prikbord div.Rcol div.subNav textarea.textarea {
	margin-bottom:5px;
	border-top:1px solid #000;
	border-right:1px solid #E6E5E0;
	border-bottom:1px solid #E6E5E0;
	border-left:1px solid #000;
	
}
body.prikbord div.Lcol {
margin-top:25px;
}


body.prikbord table.prikbordT td.cols {

vertical-align:top;}


body.prikbord div.post {
	position:relative;
	float:left;
	width:230px;
	margin:10px 10px 20px 0;
}
body.prikbord .links div.bottom {
	position:relative;
	right:-30px;
	padding:0 2px 20px 0;
	background:transparent url(../gfx/prikbord/back_left.gif) no-repeat right bottom;
}
body.prikbord .links div.top {
	position:relative;
	top:-12px;
	padding-top:25px;
	padding-bottom:1px;
	left:-16px;
	padding-left:20px;
	background:transparent url(../gfx/prikbord/back_left.gif) no-repeat 6px 0px;
}
body.prikbord .links div.contentBlok {
	margin-top:7px;
	padding:33px 10px 20px 10px;
	background-color:#EBF6E6;
}
body.prikbord .rechts div.bottom {
	position:relative;
	right:-30px;
	padding:0 2px 20px 0;
	background:transparent url(../gfx/prikbord/back_right.gif) no-repeat right bottom;
}
body.prikbord .rechts div.top {
	position:relative;
	padding:25px 5px 1px 35px;
	top:-10px;
	left:-26px;

	background:transparent url(../gfx/prikbord/back_right.gif) no-repeat 6px 0px;
}
body.prikbord .rechts div.contentBlok {
	position:relative;
	margin-top:7px;
	padding:25px 15px 20px 15px;
	background-color:#EBF6E6;
}
body.prikbord .rechts div.contentBlok span {}

body.prikbord .links div.icon,
body.prikbord .rechts div.icon {
	position:absolute;
	top:-15px;
	left:80px;
	width:82px;
	height:82px;
	z-index:100;

}
body.prikbord .rechts div.icon {
	top:-25px;
}

/* Het pages gedeelte is toegevoegd, vanwege de paginanummering op het prikbord. // Last modified by Sander Bogaard, 08-3-2005 12:38 */
body.prikbord div.pages a{
		display:block;
		float:left;
		padding:0	4px 0 4px;
		border-right:1px solid #000;
}

	body.prikbord div.pages a.actief{
		display:block;
		float:left;
		padding:0	4px 0 4px;
		border-right:1px solid #000;
		font-weight: bolder;
		color:#57E148;

	}
	
	    body.prikbord div.pages a.last{
		    border-right:0px;
	    }


/* ===================================================== */
/* ========== FORMULIER ================================ */
/* ===================================================== */


form {
	margin:0px;
}

.formGrid {
	width:520px;
}

.formGrid td {
	font-size:11px;
	vertical-align:top;
}

.formGrid .nameCell {
	width:185px;
	vertical-align:top;
	padding:3px 4px 5px 3px;
	margin-left:4px;
}

.formGrid .colspan {
	vertical-align:top;
	padding:3px 4px 5px 3px;
	margin-left:4px;
}
	
.formGrid .inputCell {
	vertical-align:top;
	padding:0px 0px 1px 0px;
	vertical-align:top;
}

.formGrid .inputCell span {
	margin-right:4px;
	vertical-align:top;
}

.formGrid .verplicht {
	font-weight:bold;
	color:#444;
	vertical-align:top;
}

.formGrid .buttonSubmit {}

.formGrid .buttonReset {
	text-align:right;padding-right:10px;
}

input,
select {
	vertical-align:middle;
}
	
input.typeText {
	width:150px;
	color:#555;
	background-color:#fff;
	
	border-top:1px solid #000;
	border-right:1px solid #E6E5E0;
	border-bottom:1px solid #E6E5E0;
	border-left:1px solid #000;
	
	font-size:11px;
	font-weight:normal;
}

.verplicht .typeText {
	border:1px solid #999;
}

button,
input.typeButton {
	border:none;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
	
span.radio {
	cursor:pointer;
}
span.radio input,
span.checkbox input {
	margin-right:5px;
	vertical-align:middle;
	cursor:default;
}
span.checkbox {
	cursor:pointer;
}
select.select {
	width:150px;
	color:#555;
	background-color:#fff;
	border:1px solid #ccc;
	font-size:11px;
	font-weight:normal;
}
textarea.textarea {
	width:150px;
	background-color:#fff;
	
	border-top:1px solid #000;
	border-right:1px solid #E6E5E0;
	border-bottom:1px solid #E6E5E0;
	border-left:1px solid #000;
	
	color:#000;
	font-size:11px;
}


/* ===================================================== */
/* ========== VOOR PRINTEN  ============================ */
/* ===================================================== */

.print {
	display:none;
}
.noprint {
	display:block;
}