/* general properties */
body {
	font-size:			13px;
	font-family:		Arial, Helvetica, sans-serif;
	color:				#582e24;
	background:			#E2EDFA url('../media/images/background_site.gif') repeat left top;
	}

	div.holderContent h1 {
		font-style:			italic;
		font-size:			41px;
		color:				#582e24;
		}
	div.holderContent h2 {
		font-style:			italic;
		font-size:			22px;
		color:				#582e24;
		}	
	div.holderContent h3 {
		font-style:			italic;
		font-size:			19px;
		color:				#0d54a5;
		}
	div.holderContent p {
		font-style:			italic;
		color:				#582e24;
		}
	div.holderContent a {
		color:				#582e24;
		}
/* /general properties */


body div.wrapper {
	background:			transparent url('../media/images/background_wrapper.gif') repeat-x left top;
	}

	/* extra background layers */
	body div.backgroundContentGeneral {
		background:			transparent url('../media/images/background_content_general.gif') repeat-y center top;
		}
	body div.backgroundContent {
		background:			transparent url('../media/images/background_content.gif') repeat-y center top;
		}
	body div.layerVruchtenhagelTwo {
		background:			transparent url('../media/images/layer_vruchtenhagel_two.png') no-repeat center top;
		}
	body div.backgroundSearchResultsRight {
		background:			transparent url('../media/images/background_searcresult_right.png') no-repeat top left;
		}
	div.wrapperContent div.backgroundAddPoemRight {
		background:			transparent url('../media/images/background_add_poem_right.png') no-repeat top left;
		}
	body div.backgroundTopTenRight {
		background:			transparent url('../media/images/background_top_ten_right.png') no-repeat top left;
		}
	body div.layerVruchtenhagelThree {
		background:			transparent url('../media/images/layer_vruchtenhagel_three.png') no-repeat center top;
		}
	body div.backgroundLanding {
		background:			transparent url('../media/images/background_landing.png') repeat center top;
		}
	body div.backgroundBelowContent {
		background:			transparent url('../media/images/background_site.gif') repeat left top;
		}
	/* /extra background layers */

/* header */
div.wrapperContent div.holderHeader {
	background:			transparent url('../media/images/layer_chocoladevlokken.png') no-repeat 148px top;
	}
/* /header */

/* menu */
ul.menuMain { 
	list-style-type:		none;
	}
	ul.menuMain li.menuItem a {
		font-family:		Arial, Helvetica, sans-serif;
		font-size:			15px;
		font-style:			italic;
		color:				#582e24;
		text-decoration:	none;
		}
	ul.menuMain li.menuItem a:hover {
		color:				#268fd3;
		}
	ul.menuMain li.menuItem div.itemUnderline {
		font-size:			1px;
		background-color:	#0d54a5;
		}
		li.menuItem div.itemUnderline div.underlineLeft {
			background:			transparent url('../media/images/menu_underline_left.gif') no-repeat left top;
			}
		li.menuItem div.itemUnderline div.underlineRight {
			background:			transparent url('../media/images/menu_underline_right.gif') no-repeat right top;
			}
		/* active menu item */
		ul.menuMain li.active a {
			color:				#268fd3;
			}
		/* /active menu item */
/* menu */

/* footer */
body div.wrapperFooter {
	background: 		transparent url('../media/images/footer_background.jpg') repeat-x left top;
	}
	/* menu footer */
	div.footer ul.menuFooter {
		list-style-type:	none;
		font-size:			11px;
		line-height:		30px;
		color:				#FFFFFF;
		}
		ul.menuFooter li span, ul.menuFooter li a {
			font-family:		Arial, Helvetica, sans-serif;
			color:				#FFFFFF;
			}
		ul.menuFooter li span, ul.menuFooter li a:hover, ul.menuFooter li a.active {
			text-decoration:	underline;
			}
	/* /menu footer */
/* /footer */

/* specific per page */
/* 1.1 landing page */
	div.contentLandingLeft h1 {
		font-size:			41px;
		color:				#0d54a5;
		}
	div.contentLandingLeft h2 {
		font-size:			22px;
		color:				#0d54a5;
		}
div.contentLandingRight {
	background: 		transparent url('../media/images/background_landing_right.png') no-repeat left bottom;
	}
	div.contentLandingRight div.backgroundLandingRight {
		background: 		transparent url('../media/images/background_landing_upright.png') no-repeat left bottom;
	}
	div.contentLandingRight div.divider {
		font-size:			1px;
		}
/* /1.1 landing page */

/* 1.2 Product page */
div.holderContent div.holderMenuSub {
	position:			relative;
	width: 				1000px;
	height:				118px;
	padding:			0px;
	display:			block;
	overflow:			hidden;
	}
	div.holderMenuSub div.menuSub {
		position:			relative;
		width: 				auto;
		height:				99px;
		overflow:			hidden;
		}
div.menuSub ul {
	list-style-type:	none;
	padding:			0px 0px 0px 20px;
	}
div.menuSub ul li {
	float:				left;
	overflow:			hidden;
	width:				90px;
	height:				99px;
	margin:				0px 10px 0px 0px;
	}
		
	div.menuSub ul li a {
		float:				left;
		padding:			19px 0px 0px 0px;
		text-align:			center;
		line-height:		12px;
		}
		div.menuSub ul li a:hover {
			padding:			0px 0px 0px 0px;
			}
		div.menuSub ul li a span {
			position:			absolute;
			overflow:			hidden;
			clear: 				left;
			display:			none;
			top:				70px;
			width:				90px;
			}
		div.menuSub ul li a:hover span {
			display:			block;
			}
		div.menuSub ul li img {
			border:				0px;
			}
	
div.holderContent div.contentProductsLeft {
	float: 				left;
	padding:			48px 0px 0px 45px;
	width:				300px;
	height:				408px;
	}
	div.contentProductsLeft div.productBlock {
		height:				125px;
		}
		div.contentProductsLeft h1 {
			margin:				3px 0px -3px 2px;
			line-height:		20px;
			}
		div.contentProductsLeft div.holderProductImgSmall {
			position:			absolute;
			top:				162px;
			left:				214px;
			}
	div.contentProductsLeft p {
		width:				290px;
		margin:				0px 0px 25px 0px;
		font-size:			13px;
		font-style:			normal;
		}

div.holderContent div.contentProductsRight {
	float:				left;
	padding:			0px 0px 0px 0px;
	width:				655px;
	height:				456px;
	}
	div.contentProductsRight div.productImage {
		float: 				left;
		width:				410px;
		height:				395px;
		padding:			61px 0px 0px 0px;
		}
	div.contentProductsRight div.productInfo {
		float: 				left;
		width:				245px;
		height:				456px;
		padding:			28px 0px 0px 0px;
		}
		div.contentProductsRight div.productInfo h2 {
			margin: 			20px 0px 7px 0px;
			}
		div.contentProductsRight div.productInfo p {
			width:				210px;
			font-style:			normal;
			}
		div.contentProductsRight div.productInfo a {
			position:			absolute;
			top: 				432px;
			right:				29px;
			}
		div.productInfo div.infoIngredients p {
			margin:				0px 0px 8px 60px;
			}
		div.productInfo div.infoIngredients a {
			position:			relative;
			top:				-16px;
			left:				47px;
			float:				left;
			}
		div.productInfo div.infoMore img {
			margin:				4px 0px 0px 7px;
			}
		div.productInfo div.infoMore a {
			position:			relative;
			top:				-18px;
			left:				39px;
			float:				left;
			}
/* /1.2 Product page */

/* 1.3 video commercial */
div.holderContent div.contentCommercialLeft {
	background:		transparent url('../media/images/background_commercial_left.jpg') no-repeat bottom right;
	}
	div.contentCommercialLeft h1 {
		font-size:		41px;
		color:			#268fd3;
		}
	div.contentCommercialLeft h2 {
		font-size:		22px;
		color:			#268fd3;
		}
div.holderContent div.contentCommercialRight {
	background:		transparent url('../media/images/background_commercial_right.jpg') no-repeat bottom left;
	}		
	div.contentCommercialRight h2 {
		font-size:		22px;
		color:			#0d54a5;
		}
		
	div.holderCommercial div.holderPlayer {
		background:		transparent url(../media/images/background_holder_player.png) no-repeat top left;
		}
	div.contentCommercialRight h3 {
		font-size:		17px;
		color:			#0d54a5z;
		}
	div.contentCommercialLeft p, div.contentCommercialRight p {
		font-style:		normal;
		}
	div.contentCommercialRight div.holderPlayerControls a {
		background-image:	url(../media/images/button_commercial.png);
		}
	div.contentCommercialRight div.holderPlayerControls a:hover {
		background-position:115px 0;
		}
/* /1.3 video commercial */

/* 1.4 FAQ */
ul.FAQAccordion a.question {
	font-weight:		bold;
	font-style:			italic;
	font-size:			15px;
	}
ul.FAQAccordion a.normal {
	background: 		transparent url('../media/images/button_faq_plus.png') no-repeat right 9px;
	}
ul.FAQAccordion a.normalHover {
	color:				#0d54a5;
	background: 		transparent url('../media/images/button_faq_plus-over.png') no-repeat right 9px;
	}
ul.FAQAccordion a.active {
	color:				#0d54a5;
	background: 		transparent url('../media/images/button_faq_min.png') no-repeat right 9px;
	}
ul.FAQAccordion a.activeHover {
	color:				#0d54a5;
	background: 		transparent url('../media/images/button_faq_min-over.png') no-repeat right 9px;
	}
ul.FAQAccordion div.answer p {
	font-size:			13px;
	}
div.contentTermsRight ul.contactDetails {
	background: 		transparent url('../media/images/logo_callfree.png') no-repeat 157px 6px;
	}
	ul.contactDetails li {
		font-size:			13px;
		}
		ul.contactDetails li.title {
			font-weight:		bold;
			}
form#formContactData div.rowShadow {
	background: 		transparent url('../media/images/shadow_row.png') no-repeat 30px top;
	}
/* /1.4 FAQ */

/* 1.1 landing page, 1.4 FAQ and 1.5 actievoorwaarden */
div.contentTermsLeft {
	background: 		transparent url('../media/images/background_terms_left.png') no-repeat bottom right;
	}
	div.contentTermsLeft h1 {
		margin:				0px 35px 6px 0px;
		font-style:			italic;
		font-size:			30px;
		line-height:		36px;
		color:				#0d54a5;
		}
	div.contentTermsLeft h3  {
		margin:				0px 35px 6px 0px;
		font-style:			italic;
		font-size:			17px;
		line-height:		22px;
		color:				#0d54a5;
		}
	div.contentTermsLeft p {
		margin:				0px 35px 25px 6px;
		font-style:			normal;
		}
	div.contentTermsLeft ol{
		list-style: decimal outside;
		padding-right: 35px;
		padding-left: 20px;
		line-height: 18px;
	}
	div.contentTermsLeft ul{
		padding-right: 35px;
		line-height: 18px;
	}
div.contentTermsRight {
	background: 		transparent url('../media/images/background_terms_right.png') no-repeat left bottom;
	}
	div.contentTermsRight div.divider, div.contentLandingRight div.divider {
		background: 		transparent url('../media/images/divider_terms_right.png') no-repeat left top;
		}
	div.contentTermsRight h2, div.contentLandingRight h2 {
		margin:				0px 35px 6px 0px;
		font-style:			italic;
		font-size:			17px;
		line-height:		22px;
		color:				#0D54A5;
		}
	div.contentTermsRight p {
		margin:				0px 35px 25px 5px;
		font-style:			normal;
		}
	div.holderContent div.shadowContentBottom {
		background: 		transparent url('../media/images/shadow_bottom_terms.png') no-repeat center top;
		}

	div.contentTermsRight div.divider {
		font-size:			1px;
		}
/* / 1.1 landing page, 1.4 FAQ and 1.5 actievoorwaarden */

/* 2.1 landing page */
div.holderContent div.contentActionRight {
	background: 		transparent url('../media/images/background_contentblock_right.gif') no-repeat left bottom;
	}

div.fletcherGroup a.fletcherText { 
	font-size:			11px;
	background:			transparent url('../media/images/arrow_fletcher.png') no-repeat left 3px;
	}
div.fletcherGroup a.fletcherText:hover { 
	text-decoration:	underline;
	}

div.contentActionLeft ul.summaryPrices {
	list-style-type:	none;
	}
div.contentActionLeft p {
	font-style:			normal;
	font-size:			18px;
	}
/* /2.1 landing page */

/* 2.2 insturen gedicht */
div.holderContent div.addPoemStepsLeft {
	background:			transparent url('../media/images/layer_vruchtenhagel_pen.png') no-repeat 173px bottom;
	}
	div.addPoemStepsLeft ul li {
		list-style-image:	url('../media/images/list_type_stripe.gif');
		}
	div.addPoemStepsLeft h3, div.addPoemStepsRight h2 {
		font-size:			19px;
		}
	div.addPoemStepsLeft p {
		font-style:			normal;
		line-height:		18px;
		}
	#submitPoem {
		background:			url('../media/images/button_submit_form.png');
		cursor:				pointer;
		}
		
	#submitPoem:hover {
		background:			url('../media/images/button_submit_form-over.png');
		}
/* /2.2 insturen gedicht */

/* 2.4 gedicht bekijken */
div.holderCheckPoem div.layerVruchtenhagelPop {
	background:			transparent url('../media/images/layer_vruchtenhagel_pop.png') no-repeat left top;
	}
div.holderCheckPoem div.contentCheckPoem {
	background:			transparent url('../media/images/background_pop_check_poem.png') no-repeat left top;
	}
div.contentBlockCheckPoem h1 {
	font-style:			italic;
	font-size:			36px;
	color:				#582e24;
	}
div.contentBlockCheckPoem h2 {
	font-style:			italic;
	font-size:			14px;
	color:				#582e24;
	}
div.contentBlockCheckPoem p {
	font-style:			italic;
	font-size:			16px;
	color:				#582e24;
	}
	
div.contentBlockControlCheckPoem div.showScore {
	background:			transparent url('../media/images/background_score_count.png') no-repeat left top;
	}
	div.contentBlockControlCheckPoem div.showScore h2 {
		font-style:			italic;
		font-size:			30px;
		color:				#582e24;
		}
	div.contentBlockControlCheckPoem div.showScore h3 {
		font-size:			12px;
		color:				#582e24;
		}
/* /2.4 gedicht bekijken */

/* 2.5 Top 10 */
div.holderContent div.contentTopTenLeft {
	
	}
	div.contentTopTenLeft p {
		font-style:			normal;
		}
	div.contentTopTenRight div.topTenRank h1 {
		font-size:			30px;
		}
	div.contentTopTenRight div.topTenRank h2 {
		font-size:			16px;
		}
	div.contentTopTenRight div.topTenRank h5 {
		font-weight:		bold;
		font-size:			12px;
		}
		div.contentTopTenRight div.topTenRank p {
			font-size:			12px;
			font-weight:		bold;
			font-style:			normal;
			background:			transparent url('../media/images/icon_total_votes.png') no-repeat top left;
			}
		div.contentTopTenRight div.topTenRank p span {
			font-weight:		normal;
			}
/* /2.5 Top 10 */

/* 2.6 search results */
div.contentSearchResultsLeft p {
	font-style:			normal;
	}
	div.contentSearchResultsLeft p span {
		font-weight:		bold;
		}
div.contentSearchResultsLeft div.contentDivider {
	background:			transparent url('../media/images/content_divider.png') no-repeat top left;
	}
	div.contentSearchResultsRight div.searchResult h2 {
		font-size:			16px;
		}
	div.contentSearchResultsRight div.searchResult h5 {
		font-weight:		bold;
		font-size:			12px;
		}
		div.contentSearchResultsRight div.searchResult p {
			font-style:			normal;
			font-weight:		bold;
			font-size:			12px;
			background:			transparent url('../media/images/icon_total_votes.png') no-repeat top left;
			}
		div.contentSearchResultsRight div.searchResult p span {
			font-weight:		normal;
			}
div.holderContent div.contentDividerBottom {
	background:			transparent url('../media/images/background_bottom_divider_repeat.png') repeat top left;
	}
	div.holderContent div.contentDividerBottomShadow {
		background:			transparent url('../media/images/background_bottom_divider_shadow.png') no-repeat top center;
		}
form#formSearch a.submitSearchForm {
	font-size: 			12px;
	text-decoration:	none;
	font-weight:		bold;
	font-style:			italic;
	}
/* /2.6 search results */


/* overrulers */
body.popup, div.wrapperContent div.noBackground {
	background-image:	none;
	background-color:	transparent;
	}
/* /overrulers */


/* content slider vertical */
div.contentCheckPoem div.backgroundSlider {
	background:			transparent url('../media/images/background_slider1.png') no-repeat left top;
	}
div.contentCheckPoem .jScrollPaneDrag {
	background:			transparent url('../media/images/slider1.png') no-repeat left top;
	}
div.addPoemStepsRight div.backgroundSlider {
	background:			transparent url('../media/images/background_slider2.png') no-repeat left top;
	}
div.addPoemStepsRight .jScrollPaneDrag {
	background:			transparent url('../media/images/slider2.png') no-repeat left top;
	}
/* /content slider vertical */

/* content slider horizontal */
.h_jScrollPaneTrack {
	background:			transparent url('../media/images/background_slider_horizontal.png') no-repeat center top;
	}
.h_jScrollPaneDrag {
	background:			transparent url('../media/images/slider_horizontal.png') no-repeat center top;
	}
/* /content slider horizontal */

/* 2.7 historie */
div.contentHistorie {
	padding:0 0 35px 40px;
}

div.contentHistorie h1 {
	color:#0D54A5;
	font-size:30px;
	font-style:italic;
	line-height:36px;
	margin:0 35px 6px 0;
}

div.contentHistorie ul {
	margin-bottom: 20px;
	width: 940px;
	float:left;
}

div.contentHistorie ul li {
	width: 940px;
	float: left;
	margin: 0 0 5px 0;
}

div.contentHistorie ul.FAQAccordion a {
	float:left;
	width: 940px;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	margin:0 0 10px 0;
	min-height:40px;
	background-position: top right;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-color: transparent;
}

div.contentHistorie ul.FAQAccordion a div.text {
	width:588px;
	float: left;
	line-height: 20px;
}

div.contentHistorie ul.FAQAccordion a div.image {
	width:100px;
	float: left;
}
	
div.contentHistorie ul.FAQAccordion a.normal {
	background-image: url('../media/images/button_faq_plus.png');
}
	
div.contentHistorie ul.FAQAccordion a.normalHover {
	background-image: url('../media/images/button_faq_plus-over.png');
	
	color: #268fd3;
}
	
div.contentHistorie ul.FAQAccordion a.active {
	background-image: url('../media/images/button_faq_min.png');
	
	color: #268fd3;
}

div.contentHistorie ul.FAQAccordion a.activeHover {
	background-image: url('../media/images/button_faq_min-over.png');
	
	color: #268fd3;
}

div.contentHistorie ul.FAQAccordion div.text {
	width: 940px;
	float:left;
}

div.contentHistorie ul.FAQAccordion div.text p {
	width: 588px;
	float: left;
	padding: 0 0 20px 0;
	
	font-size: 13px;
	font-style: normal;
}

div.contentHistorie ul.FAQAccordion div.text img {
	float: right;
	margin:0 30px 0 0;
	clear:none;
}

/* /2.7 historie */