/** base font definitions **/
.page
{
	font-size: 90.59%; /* = 12px in IE6 en IE7 is voor de berekening van volgende verhouding dus 100%  */
	color: #4f4d4e;
}

html>/* FF only*/body .page
{
	font-size: 92.31%; /* = 12px in FF is voor de berekening van volgende verhouding dus 100%  */
}

.page h1{
	font-size: 208.33%; /* = 25pixels */
	font-weight: bold;
	
}
.page h2{
	font-size: 166.67%; /* = 20pixels */
}
.page h3{
	font-size: 150.00%; /* = 18pixels */
}
.page h4{
	font-size: 116.67%; /* = 14pixels */
}

.page a
{
	color: #6da409;
}

.page a:hover
{
	color: #ba5175;
}

.page strong
{
	font-weight: bold;
}

/** page layout definitions **/
html
{
	background: url("../images/body_bg.jpg") repeat-x 0 0;
}

body
{
	line-height: 1.59; /* 19 px */
}

.page
{ 
	width: 977px;
	background: url("../images/shadow_right.jpg") no-repeat right top;
	background-color: #fff;
}

.page .header
{
	position: relative;
	height: 235px;
	background: url("../images/header_bg.jpg") no-repeat 0 0;
}

.page .header .logo
{
	position: absolute;
	top: 35px;
	left: 46px;	
	background-color: white;
}

.page .header .mainMenu
{
	position: absolute;
	background: url("../images/mainMenu_left_bg.gif") no-repeat 0 0;
	top: 209px;
	width: 963px;
	background-color: white;
	
}

.page .header .mainMenu ul
{
	margin-left: 14px;
	padding-left: 42px;
	background: url("../images/mainMenu_bg.gif") repeat-x;
	height: 26px;
}

.page .header .mainMenu ul li a
{
	display: block;
	float: left;
	background-color: white;
	border-left: 1px solid #bce160;
	height: 26px;
}

.page .header .mainMenu ul li a span
{
	display: none;
}

.page .header .mainMenu ul li.thea a
{
	width: 71px;
	background: url("../images/mmBtn_thee.jpg") no-repeat 0 0;
}
.page .header .mainMenu ul li.bestsellers a
{
	width: 110px;
	background: url("../images/mmBtn_bestsellers.jpg") no-repeat 0 0;
}

.page .header .mainMenu ul li.webshop a
{
	width: 100px;
	background: url("../images/mmBtn_webshop.jpg") no-repeat 0 0;
}

.page .header .mainMenu ul li.recepies a
{
	width: 99px;
	background: url("../images/mmBtn_recepten.jpg") no-repeat 0 0;
}
.page .header .mainMenu ul li.media a
{
	width: 80px;
	background: url("../images/mmBtn_media.jpg") no-repeat 0 0;
}

.page .header .mainMenu ul li.jobs a
{
	width: 68px;
	background: url("../images/mmBtn_jobs.jpg") no-repeat 0 0;
}

.page .header .mainMenu ul li.openinghours a
{
	width: 138px;
	background: url("../images/mmBtn_openingstijden.jpg") no-repeat 0 0;
}

.page .header .mainMenu ul li.contact a
{
	width: 90px;
	background: url("../images/mmBtn_contact.jpg") no-repeat 0 0;
}

.page .header .mainMenu ul li.faq a
{
	width: 66px;
	background: url("../images/mmBtn_faq.jpg") no-repeat 0 0;
	border-right: 1px solid #bce160;
}

.page .header .mainMenu ul li a.active
{
	background-position: 0px -52px;
}

.page .header .mainMenu ul li a:hover
{
	background-position: 0px -26px;	
}

.page .pageContent
{

	background: url("../images/shadow_left.jpg") no-repeat 0 0;	
	padding: 15px 0px 0px 57px; 
	height: 337px; /* IE6 only */
}

html>body .page .pageContent
{
	height: auto;
	min-height: 337px; /* IE7 and FF */
}

.page .pageContent .mainContent
{ 
	width: 636px;
	padding: 12px 16px 0px 0px;	
}

.page .pageContent .mainContent .productLinks
{
	margin: 19px 0px 5px 0px;
}

.page .pageContent .mainContent .productLinks a.btnWebshop
{
	display: block;
	width: 190px;
	height: 28px;
	background: url("../images/btn_webshop.jpg") no-repeat 0 0;	
}


.page .pageContent .mainContent .productLinks a.btnWievandedrieVote
{
	display: block;
	width: 149px;
	height: 28px;
	background: url("../images/btn_WievandedrieVote.jpg") no-repeat 0 0;	
}

.wievandedrie1
{ 
  background: url(../images/wievandedrie1.jpg) no-repeat 0 0;
	background-position: center; 	
	width: 180px;
	height: 200px;		
}

.wievandedrie2
{ 
  background: url(../images/wievandedrie2.jpg) no-repeat 0 0;	
	background-position: center; 
	width: 180px;
	height: 200px;		
}

.wievandedrie3
{ 
  background: url(../images/wievandedrie3.jpg) no-repeat 0 0;	
	background-position: center; 
	width: 180px;
	height: 200px;		
}

.wievandedrie_btn
{
  float: right;
  padding-right: 20px;
	width: 292px;
	height: 30px;
	background: url("../images/btn_bestel_wvd3_proefpakket.jpg") no-repeat 0 0;	
}


.page .pageContent .mainContent .productLinks a:hover
{
	background-position: 0 -28px;
}

.page .pageContent .mainContent .productLinks span
{
	display:none;
}

.page .pageContent .mainContent ul
{
	padding: 0px 0px 0px 21px; /* IE6 and IE7 */
	
}

.page .pageContent .mainContent strong.green
{
	color: #6DA409;
}

html>/* FF only */body .page .pageContent .mainContent ul
{
	padding: 0px 0px 0px 14px; /* FF */
}

.page .pageContent .mainContent ul li
{
	
	list-style-position: outside;
	list-style-image: url("../images/listDot_green.gif");
}

.page .pageContent .rightBar
{ 
	width: 149px;	
}

.page .pageContent .rightBar .newsView
{
	font-size: 91.66%;
	width: 196px;
	margin: 0px 0px 0px 38px;
	background: url("../images/newsView_bg.gif") repeat-y 0 0;
}

.page .pageContent .rightBar .newsView
{
	font-size: 91.66%;
	width: 196px;
	margin: 0px 0px 0px 38px;
	background: url("../images/newsView_bg.gif") repeat-y 0 0;
}

.page .pageContent .rightBar .newsView h2
{
	background: url("../images/newsViewTitle.gif") no-repeat 0 0;
	height: 34px;
	padding-bottom: 7px;
}

.page .pageContent .rightBar .newsView h2 span
{
	display: none;
}

.page .pageContent .rightBar .newsView ul
{
	padding: 0px 0px 0px 36px;
}

.page .pageContent .rightBar .newsView ul li
{
	list-style-position: outside;
	list-style-image: url("../images/listDot.gif");
	padding: 4px 0px;
}

.page .pageContent .rightBar .newsView ul li a
{
	color: #4F4D4E;
	text-decoration: none;
}

.page .pageContent .rightBar .newsView ul li a:hover
{
	color: #BA5175;	
}

.page .pageContent .rightBar .newsViewFooter
{
	background: url("../images/newsViewFooter_bg.gif") no-repeat 0 0;
	height: 42px;
}

.page .pageContent .rightBar .newsViewFooter a
{
	padding: 0px 7px 0px 36px;
	background: url("../images/newsView_link_arrow.gif") no-repeat 100% 6px;
}

.page .pageContent .rightBar .newsView .newsiFrame
{
	font-size: 91.66%;
	width: 190px;
	margin: 0px 0px 0px 10px;
}

/****************************************************************************************
/** .newsiFrame_content definieeert de stijlen voor de iframe waarin het nieuws staat **/
.news_box
{
	font-size: 110.59%; /* = 12px in IE6 en IE7 is voor de berekening van volgende verhouding dus 100%  */
	color: #4f4d4e;
	width: 160px;
}

html>/* FF only*/body .news_box
{
	font-size: 120%; /* = 12px in FF is voor de berekening van volgende verhouding dus 100%  */
	width: 180px;	
}

.news_box ul
{
/*	padding: 0px 10px 10px 25px; */
}

.news_box ul li
{
	list-style-position: outside;
	list-style-image: url("../images/listDot.gif");
	padding: 0px 0px;
}

.news_box ul li a
{
	color: #4F4D4E;
	text-decoration: none;
}

.news_box ul li a:hover
{
	color: #BA5175;	
}

.news_box a
{
	color: #6da409;
}

.news_box a:hover
{
	color: #ba5175;
}

.news_box strong
{
	font-weight: bold;
}


.page .pageContent .rightBar .productLinks
{
	padding: 2px 0px 0px 41px;
}

.page .pageContent .rightBar .productLinks a
{
	display: block;
	height: 28px;
	width: 191px;
	margin: 3px 0px;
}

.page .pageContent .rightBar .productLinks a.btnDirectOrder
{
	background: url("../images/btn_direct_bestellen.jpg") no-repeat 0 0;
}


.page .pageContent .rightBar .productLinks a.btnViewProducts
{
	background: url("../images/btn_bekijk_producten.jpg") no-repeat 0 0;
}

.page .pageContent .rightBar .productLinks a:hover
{
	background-position: 0 -28px;
}

.page .pageContent .rightBar .productLinks a span
{
	display: none;
}

.page .shopTeaser
{
	clear: both;
}

.page .shopTeaser .tempThumbnails
{
	margin-right: 24px;
	text-align: right;
}

.page .footer
{
	text-align: center;
	color: #b0ba8f;
	font-size: 83.33%; /* 10px */
	background: url("../images/footer_bg.gif") no-repeat 0 0;
	padding: 16px 0px 0px 0px;	
}

.page .footer ul
{
	background-color: #fff;
	padding: 5px 0px 9px;
}