@charset "utf-8";
/* CSS Document */

/* vervolgpagina */
DIV.vervolgpagina {
	padding-top:-60px !important;
}
	DIV.vervolgpagina_scroll {
		margin-top:-30px;
		position: absolute;
		height: 360px;
		width:720px;
	}
DIV.vervolgpagina P {
	width: 90%;
}
DIV.vervolgpagina H1, DIV.vervolgpagina H2, DIV.vervolgpagina H3 {
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 10px 0px;
}
DIV.vervolgpagina P A {
	background: #F6C500;
	text-decoration:underline;
	color:#000000;
	padding: 1px 3px;
}

	DIV.field_left {
		width: 430px;
		height: 350px;
		float:left;
		margin-top:-30px;
		border-right: 1px dotted #926930;
	}

	DIV.field_right {
		width: 330px;
		float: right;
		margin-top:-30px;
		height: 350px;
	}
	FORM.reacties, FORM.reacties FIELDSET { margin: 0; padding:0px; }
	FORM.reacties LABEL, FORM.reacties LABEL:hover {
		text-decoration:none;
	}
	FORM.reacties TEXTAREA {
		width: 250px;
	}

		/* reacties */
		DIV.reactie { margin: 3px 0px 2px 0px; }
		DIV.reactie H3 {
			font-size: 12px; margin: 0px; padding: 4px 0px 2px 0px; color: #321F14;
		}
/*
		DIV.reactie P.datum { 
			font-size: 10px;color:#361504; 
			background: url(/img/henri-en-jet_reactie_bg.gif) center left no-repeat;
			padding: 0px 0px 0px 16px; }
*/
		DIV.reactie H3 SPAN {
			font-size: 10px; color: #361504; background: url(/img/henri-en-jet_reactie_bg.gif) center left no-repeat;
			margin: 0px 0px 0px 10px; padding: 4px 0px 4px 16px; font-style: italic;
		}
			
		DIV.reactie P { 
			font-size: 12px;margin: 0px; padding:4px 0px 4px 0px; font-style:italic;
			background: url(/img/henri-en-jet_reactie_begin.gif) top left no-repeat;
		}
		FORM.reacties TEXTAREA { height: 55px; }
		FORM.reacties .order {
			margin: 10px 0px 0px 0px;
			width: 145px; height:38px !important;
			background: url(/img/henri-en-jet_bestelling-afronden.jpg) top left no-repeat; 
		}
		FORM.reacties DIV.order IMG { 
			width: 145px; height:38px 
		}
		FORM.reacties DIV.box_not_full {
			filter:alpha(opacity=50);
			-moz-opacity:0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;
		}
		FORM.reacties DIV.box_full {
			filter:alpha(opacity=100);
			-moz-opacity:1.0;
			-khtml-opacity: 1.0;
			opacity: 1.0;
			display:block;
			cursor: pointer;
		}
		FORM.reacties DIV.box_full:hover { background-position: 0px -38px; }
		

FORM { margin:0x;padding:0px;}
FIELDSET { border:0px; }
LEGEND { font-weight:bold;display:none; }
LABEL:hover { text-decoration: underline;cursor: pointer; } 

FORM INPUT, FORM TEXTAREA, FORM SELECT {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size: 12px;
	background: #CFAF88;
	padding:4px;
	margin:2px 10px 4px 0px;
	filter:alpha(opacity=55);
	-moz-opacity:0.55;
	-khtml-opacity: 0.55;
	opacity: 0.55;
	border:0px;
	border-left: 1px solid #AF8C62;
	border-top: 1px solid #AF8C62;
}
FORM.order LABEL, FORM.order LABEL:hover { text-decoration:none; }
FORM INPUT.datum { margin-right: 3px; }
INPUT.email { width: 220px; }
INPUT[type=button], INPUT.datum-button {
	font-weight:normal;font-size:11px;text-decoration:underline;padding:4px 2px;
}

FORM INPUT:focus, FORM TEXTAREA:focus {
	background:#DFC661;
}
FORM.order LABEL {
	font-size: 11px !important;
}
	.order LABEL SPAN {
		font-size: 10px;
	}
	.order INPUT.radio, .order INPUT[type=radio] {
		margin: 0px 5px 8px 5px;
		border:0px !important;
	}

FORM.order INPUT.error, FORM.reacties INPUT.error, FORM.reacties TEXTAREA.error {
	color: #f00;
	background: #FFAF88;
	padding-left: 0px;
	border-left: 4px solid #f00;
}
FORM.order INPUT.datum {
		padding-right: 30px;
		cursor: pointer;
		background: #CFAF88 url(/img/datepicker/datepicker_bg.gif) center right no-repeat;
	}
	
#errormessage
{
	padding: 5px;
	border-left: 4px solid #f00;
	color: #f00;
}

FORM A { color:#5C3727; text-decoration:underline;font-size:10px;}

/* bestelproces */

DIV.bestelproces_pers-info {
	position: absolute;
	top:-20px; left: 245px;
	width: 347px;
	padding-right:10px;
	border-right: 1px dotted #926930;
}
	DIV.bestelproces_pers-info H1 { color:#CC0000;font-family: Georgia, "Times New Roman", Times, serif;font-weight:normal;font-size: 20px;padding:0x;margin:20px 0px 8px 0px;}

	DIV.bestelproces_pers-info TEXTAREA {
		width: 320px;
		height: 50px;
	}
	
DIV.bestelproces_van-mij {
	position: absolute;
	top:-24px; right: 55px;
	width: 387px;height:376px;
}

	.body_bottom H1, .bestelproces_van-mij H1 { color:#CC0000;font-family: Georgia, "Times New Roman", Times, serif;font-weight:normal;font-size: 20px;padding:0x;margin:20px 0px 8px 0px;}
	.bestelproces_van-mij DIV.order { margin: 0px 0px 0px 10px;position: relative; width: 221px; height:38px !important;background: url(/img/henri-en-jet_bestelling-plaatsen.jpg) top left no-repeat; }
	.bestelproces_van-mij DIV.stap2 { background: url(/img/henri-en-jet_bestelling-stap2.jpg) top left no-repeat !important; }
	.bestelproces_van-mij DIV.order IMG { width: 216px; height:38px }
	.bestelproces_van-mij DIV.box_not_full {
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}
	.bestelproces_van-mij DIV.box_full {
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
		display:none;
	}

#faqlist, #faqlist LI, #faqlist SPAN { padding: 0px !important;margin:0px 0px !important; }


#faqlist LI P {
		background:#CAAD83;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		padding:5px 10px 5px 10px;
		-khtml-opacity: 0.8;
		opacity: 0.8;	
}

/* body bottom */
DIV.bottom_body {
	width: 800px;
	height: 358px;
	position: relative; 
	background: url(/img/henri-en-jet_bottom_body_bg.jpg) top left no-repeat;
	padding: 0px 0px 10px 268px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
	.bottom_body P {margin:0;padding:0; }
	.bottom_body P A {
		background: #F6C500;
		text-decoration:underline;
		color:#000000;
		padding: 1px 3px;
	}

	DIV.bonbons {
		position: absolute;
		top:-40px; left: 245px;
		width: 532px;
		border-right: 1px dotted #926930;
	}
		.bestelproces_pers-info H2, .bonbons H2 { color:#321F14;font-family: Georgia, "Times New Roman", Times, serif;
			font-weight:normal;font-size: 28px;padding:0x;margin:0px 0px 8px 0px;}

	DIV.bonbons_overview {
		width: auto;height:auto;margin: 8px 0px 0px 0px; 
	}
	.bonbons_overview UL { list-style:none;padding:0px;margin:0px; }
	.bonbons_overview UL LI {
		float: left;
		position:relative;
		margin: 0px 6px 0px 0px;
		width: 162px;
		height: auto;
		padding:4px;
		min-height: 86px;
	}
		.bonbons_page UL LI { width: 130px; }
		.bonbons_overview UL LI IMG { float: left; margin-right: 10px; z-index:100;}
		.bonbons_overview UL LI h3, .bottom_body H3 {
			padding: 0px 0px 2px 0px; margin:0px;color:#CC0000;font-size: 16px;
		}
		/* .bonbons_overview UL LI { background: url(/img/bonbons/bonbon_bg.png) top left no-repeat; } */
		.bonbons_overview UL LI P { padding: 0px;margin:0px;font-size: 9px !important; line-height:11px; width: 96px; float:right;  }
		.bonbons_page P { width: 65px !important;}
		.bonbons_overview UL LI DIV.bonbon {
			text-align:center;
			width: 58px; height: 50px;
			float:left; 
			margin: 0px 6px 0px 0px;
		}
		.anton { background: url(/img/bonbons/bonbon_anton.jpg) top left no-repeat; }
		.kees{ background: url(/img/bonbons/bonbon_kees.jpg) top left no-repeat; }
		.harrie { background: url(/img/bonbons/bonbon_harrie.jpg) top left no-repeat; }
		.tom { background: url(/img/bonbons/bonbon_tom.jpg) top left no-repeat; }
		.anna { background: url(/img/bonbons/bonbon_anna.jpg) top left no-repeat; }
		.bianca { background: url(/img/bonbons/bonbon_linde.jpg) top left no-repeat; }
		.famke { background: url(/img/bonbons/bonbon_famke.jpg) top left no-repeat; }
		.pien { background: url(/img/bonbons/bonbon_pien.jpg) top left no-repeat; }
		.hazel { background: url(/img/bonbons/bonbon_hazel.jpg) top left no-repeat; }
		
		.bonbons_overview UL LI DIV.bonbon:hover {
			background-position: 0px -50px !important; }
		.bonbons_page UL LI DIV.bonbon:hover { background-position:top left !important }
		
		
		DIV.bonbon A.order { color:#333333;font-family:Georgia, "Times New Roman", Times, serif;line-height: 17px;font-size:10px;text-align:center; }

	/* doosje */
	
	FIELDSET.box_options {
		margin: 0px;padding:0px;
	}
	DIV.doosje {
		position: absolute;
		top:-24px; right: 55px;
		width: 221px;height:376px;
	}
		.doosje H2, .bottom_body H2 { color:#CC0000;font-family: Georgia, "Times New Roman", Times, serif;font-weight:normal;font-size: 20px;padding:0x;margin:0px 0px 14px 0px;}
		.doosje UL { overflow:auto;list-style:none;padding:0px;margin:0px 0px 5px 0px; }
		.doosje UL LI {
			float: left;
			width: 50px; height: 42px;
			background-color :#EFEFEF;
			background-position: -4px -4px;
			margin: 0px 5px 5px 0px;
		}
		DIV.doosje DIV.order { position: absolute; right: 0px;bottom: 50px; width: 221px; height:38px !important;background: url(/img/henri-en-jet_bestelling-plaatsen.jpg) top left no-repeat; }
		DIV.doosje DIV.order IMG { width: 216px; height:38px }
		DIV.doosje DIV.box_not_full {
			filter:alpha(opacity=50);
			-moz-opacity:0.5;
			-khtml-opacity: 0.5;
			opacity: 0.5;
		}
		DIV.doosje DIV.box_full {
			filter:alpha(opacity=100);
			-moz-opacity:1.0;
			-khtml-opacity: 1.0;
			opacity: 1.0;
			display:block;
		}
		DIV.doosje DIV.box_full:hover { background-position: 0px -38px; }
		
		DIV.payment_options { position: absolute; right: 5px;bottom: 0px;}
	
	
/* faq */
#faqlist {
	width: 90%;
	padding-left: 0px;
}
#faqlist LI {
	margin: 8px 0px 10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#321F13;
	line-height: 18px;
	font-size: 11px;
}	
#faqlist LI A {
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}
#faqlist LI A:hover {
	text-decoration: underline;
}

/* voorwaarden */
.voorwaardendiv {
	position: absolute;
	top: 50px;
	left: 0px;
}

.voorwaardendiv UL {
	width: 90%;
	margin-left: 15px;
	padding-left: 0px;
}
.voorwaardendiv UL LI {
	margin: 8px 0px 5px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#321F13;
	line-height: 15px;
	font-size: 11px;
}	


/* footer */
DIV.footer {
	width: 613px;
	height: 45px;
	background: url(/img/henri-en-jet_footer_bg.jpg) top left no-repeat;
	padding: 35px 45px 30px 410px;
	font-family: Georgia, "Times New Roman", Arial, Verdana;
	font-size: 12px;
	text-align:right;
}
	.footer UL { list-style:none;margin:0px;padding:0px; }
	.footer UL LI { float:left; }
	.footer A { color:#FFFFFF;margin-left:20px; text-decoration:none;font-size: 11px;font-weight:bold; }
	.footer A:hover { text-decoration: underline; }


/* body */
DIV.top_body {
	width: 562px;
	height: 232px;
	position: relative; 
	background: url(/img/henri-en-jet_top_body_bg.jpg) top left no-repeat;
	padding: 0px 344px 9px 162px;
}
	H1 {
		color: #CC0000;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 20px;
		font-weight:bold;
		padding: 0px;
		margin: 0px;
	}
	.top_body P, .vervolgpagina P {
		margin: 8px 0px 10px 0px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color:#321F13;
		line-height: 18px;
		font-size: 11px;
	}
	.top_body P A {
		background: #F6C500;
		text-decoration:underline;
		color:#000000;
		padding: 1px 3px;
	}
	.top_body P A:hover { text-decoration:none; }


	.reviews {
		position:absolute;
		top: 0px; right: 98px;
		background:red;
		width: 191px;
		height: 111px;
		background: url(/img/henri-en-jet_reviews.jpg) top left no-repeat;
		padding: 16px 22px;
		font-size: 12px;
		line-height: 19px;
		font-family: Georgia, "Times New Roman", Times, serif;
		color:#FFFFFF;
	}
	.reviews A { color:#FFFFFF;font-size: 11px;} .reviews A:hover { text-decoration:none; }
	.reviews P { padding:0px;margin:0px;color: #CC0000; margin-top:5px; padding-left: 16px; background: url(/img/henri-en-jet_review-name.jpg) center left no-repeat; }
	.reviews H2 { display:none; }

/* header */
.container {
	width: 1068px;
	margin: 0 auto;
	height: auto;
}
	.header {
		width: 100%;
		position:relative;
		height: 238px;
		background: url(/img/henri-en-jet_header-bg.jpg) top center no-repeat;
	}
		.henri-en-jet_menu {
			position:absolute;
			top:19px; right: 175px;
			z-index:15;
			width: 294px; height:178px;
			background: url(/img/henri-en-jet_hoofdmenu-bg.jpg) top center no-repeat;
		}
			.hoofdmenu {
				padding: 86px  20px 10px 26px;
			}
			.hoofdmenu UL {
				margin:0px;padding:0px;
				list-style:none;
			}
			.hoofdmenu #menu_left { float:left;width:47%;}
			.hoofdmenu #menu_right { float:right;width:53%;}
			.hoofdmenu DL DD UL LI A {
				font-family: Georgia,"Times New Roman", Arial, Verdana;
				font-size: 14px;
				color:#000000;
				font-weight:bold;
				letter-spacing:-1px;
				text-decoration:none;
			} 
			.hoofdmenu DL DD UL LI A:hover { text-decoration:underline;}
				.hoofdmenu DL DD UL .menu_01_active { background: url(/img/menu/01_menu_active.gif) no-repeat; }
				.hoofdmenu DL DD UL .menu_02_active { background: url(/img/menu/02_menu_active.gif) no-repeat; }
				.hoofdmenu DL DD UL .menu_03_active { background: url(/img/menu/03_menu_active.gif) no-repeat; }
				.hoofdmenu DL DD UL .menu_04_active { background: url(/img/menu/04_menu_active.gif) no-repeat; }
				.hoofdmenu DL DD UL .menu_05_active { background: url(/img/menu/05_menu_active.gif) no-repeat; }
				.hoofdmenu DL DD UL .menu_06_active { background: url(/img/menu/06_menu_active.gif) no-repeat; }

		.henri-en-jet_breadcrumbs {
			position: absolute;
			top: 199px;left:276px;
			background: url(/img/henri-en-jet_breadcrumbs_bg.jpg) bottom left no-repeat;
			width: 690px;
			padding: 0px 0px 4px 0px;
			color: #321F13;
			font-size: 12px;
			font-family: Georgia, "Times New Roman", Arial, Verdana;
		}	
			.henri-en-jet_breadcrumbs A {
				padding: 0px 4px 0px 20px;
				color:#321F13;
				text-decoration:none;
				background: url(/img/henri-en-jet_breadcrumblink_bg.jpg) center left no-repeat;
			}
			.henri-en-jet_breadcrumbs A.first {
				padding-left:0px;
				background:none;
			}
			.henri-en-jet_breadcrumbs A:hover { text-decoration:underline; }

		.henri-en-jet_foto {
		position:absolute;
		top:0;left:72px;
		width: 188px; height: 238px;
		padding: 0px 0px 4px 0px;
		z-index:10;
		float:left;
		}
		.henri-en-jet_foto H1, .henri-en-jet_logo H2 { display:none; }
		.henri-en-jet_logo {
			left: 196px; top:41px;
			position:absolute;
			width: 257px; height: 147px;
			z-index:15;
		}
		
HTML, BODY {
	margin: 0 auto;
	background: #332117 url(/img/henri-en-jet_background.jpg) top center repeat;
}
	IMG { border: 0px; }
	DL, DT, DD { margin:0px;padding:0px;} 
	DT { display:none; }


	
/* popups */

DIV.helpdiv {
	position: absolute;
	width: 250px;
	padding: 30px 20px 20px 20px;
	background-color: #332117;
	color: #fff;
	z-index: 20; 
	font-size: 11px;
	visibility: hidden;
}
DIV.helpdiv DIV {
	position: absolute;
	top: 5px;
	right: 5px;
}
DIV.helpdiv DIV a { color: #fff; }
DIV.helpdiv P { margin: 5px 0px; }