body {
	margin: 0;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #3a3a3a;
	background: #f4f2ef url('gfx/body_bg.gif') repeat-y center;
}

label{ cursor:pointer; }

table {
	border-collapse: collapse;
}
td {
	padding: 0;
}
form {
	margin: 0;
}
a {
	color: #288aa2;
}
h1 {
	font-size: 20px;
	margin: 10px 0;
	letter-spacing: -1px;
}
h2 {
	font-size: 18px;
	margin: 10px 0;
	letter-spacing: -1px;
	color: #288aa2;
}
input.text {
	padding-left: 4px;
	font-family:arial;
	font-size:12px;
}
input.fault {
	padding-left: 4px;
	border:solid 1px red;
	background:#EFE0E0;
}
div.formError {
	color:red;
	font-weight:bold;
}
a.more {
	background: url('gfx/bullet_more.gif') no-repeat left top;
	display: block;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}
.blueBtn {
	color:white;
	background:url('/modules/webshop/gfx/blueButton.gif') no-repeat center center;
	width:148px;
	height: 21px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	border:none;
	font-size:12px;
	text-align:center;
	line-height:19px;
	font-family: arial;
	cursor:pointer;
}

.blueBtnSmall {
	color:white;
	background:url('gfx/blueButtonSmall.gif') no-repeat center center;
	width:91px;
	padding:2px 0px 2px 0px;
	font-weight:bold;
	text-decoration:none;
	border:none;
	font-size:12px;
	text-align:center;
	line-height:17px;
	font-family: arial;
	cursor:pointer;
}
div#top {
	background: url('gfx/body_top.gif') no-repeat center top;
	height: 22px;
}
div#mainContainer {
	width: 1000px;
	margin: auto;
	padding-bottom: 40px;
}
div#header {
	height: 121px;
	position: relative;
	margin-bottom: 15px;
}
img#logo {
	float: left;
}
div#topNav {
	float: right;
	height: 97px;
	width: 885px;
	margin-top: 13px;
	background: url('gfx/topnav_bg.gif') repeat-x;
}
div#navContainer {
	float: left;
	margin-top: 2px;
	width: 820px;
}
div#mainNav {
	margin-top: 7px;
	height: 27px;
	line-height: 27px;
	margin-left: 55px;
}
div#mainNav a {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	float: left;
	display: block;
}
div#mainNav a span {
	padding-left: 12px;
	padding-right: 12px;
	float: left;
	cursor: pointer;
}
div#mainNav a.active  {
	background: url('gfx/menu_active_bg.gif') no-repeat left top;
	color: #68655e;
	height: 27px;
}
div#mainNav a.active span {
	background: url('gfx/menu_active_bg_right.gif') no-repeat right top;
}
div#subNav, div.subNav {
	margin-top: 10px;
	text-align: center;
}
div#subNav a, div.subNav a {
	font-size: 12px;
	color: #908c83;
	font-weight: bold;
	text-decoration: none;
	padding: 0 6px;
	border-right: 1px solid #fff;
}
div#search {
	width: 225px;
	padding-left: 20px;
	position: absolute;
	height: 25px;
	bottom: 0;
	right: 0;
	background-color: #fff;
}
div#search .submit {
	width: 57px;
	background-color: #908c83;
	border: 0;
	color: #fff;
	font-weight: bold;
	height: 20px;
}
div#search .text {
	width: 153px;
}
div#leftNav {
	float: left;
	width: 729px;
	padding-right: 20px;
}
div#rightNav {
	float: right;
	width: 250px;
	border-left: 1px solid #c7c3ba;
	padding-bottom: 20px;
}
div#rightNav h2 {
	margin-top: 0;
}
div#footer {
	clear: both;
	margin-top: 20px;
	height: 50px;
	line-height: 50px;
}
div#footer a {
	color: #908c83;
	margin-left: 8px;
	text-decoration: none;
	float: right;
}
div#footer img.betalings {
	float: left;
	margin-top: 13px;
}

div#login {
	background: #6acbe3 url('gfx/login_bg.gif') no-repeat right bottom;
	padding: 15px;
	color: #fff;
}
div#login h2 {
	color: #fff;
	margin: 0;
}
div#login a {
	color: #fff;
}
div#login table {
	margin-top: 10px;
}
div#login input.text {
	border: 1px solid #149abc;
	margin-top: 5px;
	width: 153px;
}
div#login input.submit {
	background-color: #149abc;
	border: 0;
	color: #fff;
	height: 20px;
	width: 60px;
	font-weight: bold;
}
/* LOGIN FORM */

.loginForm{
	background:url('gfx/login_back.gif') no-repeat center center;
	width:382px;
	height:195px;
	margin:0px auto;
	padding:20px;
}
.loginForm .header{
	color:#908c83;
}
.loginForm .header span.title{
	font-weight:bold;
	font-size:16px;
	color:#1693b2;
	letter-spacing:-1;
}
.loginForm #form td.title{
	font-weight:bold;
	font-size:12px;
	color:#908c83;
	height:26px;
}
.loginForm #form .saveInfo{
	padding-left:10px;
}
.loginForm #form input.text{
	width:198px;
	height:16px;
	border:solid 1px #dadada;
	font-size:12px;
	margin-left:10px;
}
div#sCart {
	margin-left: 15px;
	/*background: url('gfx/dotted.gif') repeat-x bottom;*/
	padding: 15px 0;
}
div#test {
	margin-left: 15px;
	background: url('gfx/dotted.gif') repeat-x bottom;
	padding: 15px 0;
}
div#test input.text {
	border: 1px solid #bdbbb6;
	width: 60px;
	margin: 0 5px;
}
div#test table {
	margin-top: 10px;
	background-color: #f4f2ef;
	width: 100%;
}
div#proefPakket {
	margin-left: 15px;
	padding: 15px 0;
}

/*  MODULE -> NEWS  */
div.message {
	border-top:1px dotted #B6B7B8;
	padding:10px 5px;
}
div#newsItems a.title, div#newsItems span.title {
	display: block;
	font-size: 16px;
	color: #5fceea;
	font-weight: bold;
	text-decoration: none;
}
div#newsItems span.date {
	font-size: 11px;
	color: #666666;
}
.button100{
	width:100px;
	border:0px;
	height:22px;
	background:url('gfx/btn100.gif');
	color:white;
	font-weight:bold;
	font-size:11px;
	cursor:pointer;
}
a.backLink {
	padding-left: 20px;
	background: url('gfx/bullet_back.gif') no-repeat left center;
	margin-top: 20px;
	float: left;
}
a.link {
	padding-left: 20px;
	background: url('gfx/bullet_more.gif') no-repeat left center;
	margin-top: 20px;
	float: left;
}

/*  MODULE -> DEMECAL TEST  */

.resultList{
	border-top:dotted 1px #999;
	width: 100%;
}
.resultList td.item{
	border-bottom:dotted 1px #999;
	height:30px;
	background: url('gfx/roundArrow.gif') no-repeat 8px center;
	padding-left: 34px;
	padding-right: 10px;
	vertical-align: middle;
}
.resultList td.item a{
	color: #1693b2;
}
.resultList td.subitem{
	border-bottom:dotted 1px #999;
	height:30px;
}
.resultList td.header{
	background:#f2f0e6;
	color:#5e5c56;
	font-weight:bold;
	height:25px;
}

/*  TESTIMONIALS  */

img.testlinks {
	padding-right: 20px;
	border-right: 1px dotted #908C83;
}
img.testrechts {
	padding-left: 20px;
	border-left: 1px dotted;
}
a.linksmore {
	background: url('gfx/bullet_more.gif') no-repeat left top;
	display: block;
	float: left;
	padding-left: 20px;
	margin-left: 15px;
	font-weight: bold;
	text-decoration: none;
}
a.rechtsmore {
	background: url('gfx/bullet_more.gif') no-repeat left top;
	display: block;
	float: right;
	padding-left: 20px;
	margin-right: 15px;
	font-weight: bold;
	text-decoration: none;
}
 a.dieet {
	background: url('gfx/bullet_more.gif') no-repeat left top;
	padding-left: 20px;
	margin-left: 21px;
	font-weight: bold;
	text-decoration: none;
}
	a.linksgroot {
	background: url('gfx/bullet_more2.gif') no-repeat left top;
	padding-left: 20px;
	font-weight: bold;
	text-decoration: none;
}
img.testgroot {
	padding-left: 20px;
	border-left: 1px dotted;
}


/*  DIEET PAGINA  */

div#dieet {
	background: url('gfx/aanmeld.jpg') no-repeat;
	width: 500px;
	height: 223px;
	padding-left: 220px;
	padding-top: 25px;
}

div#dieet li {
	line-height:25px;
}



/*  CUSTOM LIGHTBOX  */

div.tintHidden{
	display:none;
}

div.tintDisplay{
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:black;
	z-index:10;
	opacity:0.5;
	filter:alpha(opacity=50);
}

div#popup_tint{
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:black;
	z-index:10;
	opacity:0.5;
	filter:alpha(opacity=50);
}

div#popup{
	position:absolute;
	left: 50%;
	top: 50%;
	background:white;
	z-index:20;
	padding:0px;
	display:block;
	border:solid 2px #5FCEEA;
}

div#popup img.hide{
	width: 30px;
	height: 30px;
	position:absolute;
	right:-8px;
	top:-8px;
	cursor:pointer;z-index:1000;
}

div#popup img.print{
	width: 30px;
	height: 30px;
	position:absolute;
	right:-8px;
	bottom:-8px;
	cursor:pointer;z-index:1000;
}

div#popup img.save{
	width: 30px;
	height: 30px;
	position:absolute;
	right:27px;
	bottom:-8px;
	cursor:pointer;z-index:1000;
}

div#window a.close{
	display:block;
	width:110px;
	font-weight:bold;
	color:#1693b2;
	padding:5px;
	background: url('gfx/closeButton.gif') no-repeat right center;
	float:right;
}
div.windowHidden{
	display:none;
}
div.windowDisplay{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-left: -290px;
	margin-top: -250px;
	width:574px;
	height:494px;
	background:white;
	z-index:20;
	padding:0px;
	display:block;
	border:solid 2px #5FCEEA;
}
div.windowDisplay2{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -250px;
	width:800px;
	height:500px;
	background:white;
	z-index:20;
	padding:0px;
	display:block;
	border:solid 2px #5FCEEA;
	overflow:auto;
}
div.windowDisplayArticle{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-left: -290px;
	margin-top: -300px;
	width:574px;
	height:600px;
	background:white;
	z-index:20;
	padding:0px;
	display:block;
	border:solid 2px #5FCEEA;
}
div.windowDisplayRecipe{
	position:absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -300px;
	width:800px;
	height:600px;
	background:white;
	z-index:20;
	padding:10px;
	display:block;
	border:solid 2px #5FCEEA;
}
div#window div#windowContent{
	padding:10px 30px 30px 30px;
}

/*  MODULE -> WEBSHOP  */

div#webshop .subItems a.active{
	color:#5fceea;
	text-decoration:none;
	line-height:20px;
}
div#webshop .subItems a{
	color:#908c83;
	text-decoration:none;
	line-height:20px;
}
div#webshop .subItems{
	padding-left:15px;
}
div#webshop .modWebshopCat .catItem_active a{
	color:#1693b2;
	text-decoration:none;
	font-weight:bold;
}
div#webshop .modWebshopCat .catItem a{
	color:#908c83;
	text-decoration:none;
	font-weight:bold;
}
div#webshop .modWebshopCat .catItem_active{
	background:url('/modules/webshop/gfx/cat_active.gif') #b9e9f5;
	padding:4px 0px 4px 15px;
}
div#webshop .modWebshopCat .catItem{
	background:url('/modules/webshop/gfx/cat_inactive.gif') #eceae1;
	padding:4px 0px 4px 15px;
	margin-bottom:4px;
}
div#webshop .modWebshop_art{
	width:100%;
}
div#webshop .orderBtn{
	background: url('/modules/webshop/gfx/btns_webshop.png') no-repeat left -59px;
	width:135px;
	display:block;
	text-indent: -2000px;
	height: 40px;
}
div#webshop .infoBtn{
	background: url('/modules/webshop/gfx/btns_webshop.png') no-repeat left -8px;
	width:135px;
	display:block;
	text-indent: -2000px;
	height: 40px;
}
div#webshop .composeBtn{
	background: url('/modules/webshop/gfx/btns_webshop.png') no-repeat left -110px;
	width:135px;
	display:block;
	text-indent: -2000px;
	height: 40px;
}

div#webshop .composeBtnXs {
	background: url('/modules/webshop/gfx/btns_webshop_small.png') no-repeat left -74px;
	width: 113px;
	display: block;
	text-indent: -2000px;
	height: 35px;
	cursor:pointer;
	float: right;
}
div#webshop .orderBtnXs {
	background: url('/modules/webshop/gfx/btns_webshop_small.png') no-repeat left -37px;
	width: 113px;
	display: block;
	text-indent: -2000px;
	height: 35px;
	cursor:pointer;
	float: right;
}


.btn_compose {
	background: url('/modules/webshop/gfx/btns_webshop_small.png') no-repeat left -74px;
	width: 113px;
	display: block;
	text-indent: -2000px;
	height: 35px;
	cursor:pointer;
}
.btn_order {
	background: url('/modules/webshop/gfx/btns_webshop_small.png') no-repeat left -37px;
	width: 113px;
	display: block;
	text-indent: -2000px;
	height: 35px;
	cursor:pointer;
}

div#webshop .infoBtnXs {
	background: url('/modules/webshop/gfx/btns_webshop_small.png') no-repeat left top;
	width: 113px;
	display: block;
	text-indent: -2000px;
	height: 35px;
	cursor:pointer;
	float: left;
}

div#webshop .price{
	color:#333;
	font-size:24px;
	font-weight:bold;
}
div#webshop .stepWidth{
	width:170px;
}

div#webshop .step1{
	background:url('/modules/webshop/gfx/steps/step1.gif') no-repeat top left;
	height: 25px;
	color:#69665e;
	font-weight:bold;
}
div#webshop .step1_active{
	background:url('/modules/webshop/gfx/steps/step1_active.gif') no-repeat top left;
	color:#288aa2;
	height: 25px;
	font-weight:bold;
}
div#webshop .step2{
	background:url('/modules/webshop/gfx/steps/step2.gif') no-repeat top;
	color:#69665e;
	font-weight:bold;
}
div#webshop .step2_active{
	background:url('/modules/webshop/gfx/steps/step2_active.gif') no-repeat top;
	color:#288aa2;
	font-weight:bold;
}
div#webshop .step3{
	background:url('/modules/webshop/gfx/steps/step3.gif') no-repeat top right;
	color:#69665e;
	font-weight:bold;
}
div#webshop .step3_active{
	background:url('/modules/webshop/gfx/steps/step3_active.gif') no-repeat top right;
	color:#288aa2;
	font-weight:bold;
}

div#webshop .stepName1{
	height: 25px;
	color:#69665e;
	font-weight:bold;
}
div#webshop .stepName1_active{
	color:#288aa2;
	height: 25px;
	font-weight:bold;
}
div#webshop .stepName2{
	color:#69665e;
	font-weight:bold;
}
div#webshop .stepName2_active{
	color:#288aa2;
	font-weight:bold;
}
div#webshop .stepName3{
	color:#69665e;
	font-weight:bold;
}
div#webshop .stepName3_active{
	color:#288aa2;
	font-weight:bold;
}


div#webshop .cartColumn{
	font-weight:bold;
	height:20px;
	padding-left:4px;
	padding-right:4px;
	background:#f2f0e6;
	border-bottom:solid 1px #e0dfd8;
	color:#5e5c56;
	vertical-align: middle;
}
div#webshop #cartButtons a.prev{
	color:white;
	text-align:right;
	width:114px;
	line-height:26px;
	text-decoration:none;
	font-weight:bold;
	background:url('/modules/webshop/gfx/cart_button_prev.gif');
	float:left;
	padding-right:25px;
	margin-top: 20px;
}
div#webshop #cartButtons a.next{
	margin-top: 20px;
	color:white;
	text-align:left;
	width:114px;
	line-height:26px;
	text-decoration:none;
	font-weight:bold;
	background:url('/modules/webshop/gfx/cart_button_next.gif');
	float:right;
	padding-left:25px;
}
div#webshop .clientTypeSelection{
	position:relative;
	float:left;
	border:solid 1px #e0dfd8;
	width:320px;
	height:120px;
	padding: 15px 0px 0px 25px;
	float: left;
	margin-left: 10px;
}
.regForm{}
.regForm td {padding: 3px 2px;height:26px; vertical-align: middle;}
.regForm .title{width:210px;color:#5d5a54;font-weight:bold;padding-left: 8px;}
.regForm .value{color:#908c83;font-weight:bold;width:380px;}
.regForm .select{width:266px;}
.regForm input.text{width:264px;}
.regForm input.text_firstName{width:40px;}
.regForm input.text_middleName{width:89px;}
.regForm input.text_lastName{width:150px;}
.regForm input.text_street{width:220px;}
.regForm input.text_number{width:39px;}
.regForm input.text_postalCode{width:64px;}
.regForm input.text_place{width:195px;}
.regForm input.text_phonePart1{width:115px;}
.regForm input.text_phonePart2{width:114px;}
.regForm .row1{background:#f4f2ef;}
.regForm .row2{background:#ffffff;}
.regForm .required{font-size:28px;line-height:12px;color:#908c83;display:none;}
.regForm .error{border:solid 1px red;}
.regForm .submit{background-color: #0088a8; font-weight: bold; color: #fff; border: 0; line-height: 22px; height: 22px;}

div.paymentBlock{
	margin-top:16px;
}
div.paymentBlock div.check{
	margin-left:13px;
	margin-bottom:13px;
	width:162px;
	height:17px;
	background:url('/modules/webshop/gfx/paymentCheck.gif') no-repeat;
	color:#69665e;
	font-weight:bold;
}
div.paymentBlock div.check label {
	vertical-align: top;
}
div.paymentBlock div.inactive{
	float:left;
	width:190px;
	height:184px;
	background:url('/modules/webshop/gfx/payment_inactive.gif') no-repeat;
}
div.paymentBlock div.active{
	float:left;
	width:190px;
	height:184px;
	background:url('/modules/webshop/gfx/payment_active.gif') no-repeat;
}

/*  MODULE -> WEBSHOP - ROUNDED CORNERS  */
.corner{
	width:5px;
	height:5px;
	position:absolute;
	font-size: 4px;
}
.whiteLB{
	bottom:-1px;
	_bottom:-2px;
	left:-1px;
	background:url('gfx/cornerImg/white_LB.gif') no-repeat left bottom;
}
.whiteRB{
	bottom:-1px;
	_bottom:-2px;
	right:-1px;
	background:url('gfx/cornerImg/white_RB.gif') no-repeat right bottom;
}
.whiteLT{
	top:-1px;
	left:-1px;
	background:url('gfx/cornerImg/white_LT.gif') no-repeat left top;
}
.whiteRT{
	top:-1px;
	right:-1px;
	background:url('gfx/cornerImg/white_RT.gif') no-repeat right top;
}
.greyLB{
	bottom:-1px;
	_bottom:-2px;
	left:-1px;
	background:url('gfx/cornerImg/grey_LB.gif') no-repeat left bottom;
}
.greyRB{
	bottom:-1px;
	_bottom:-2px;
	right:-1px;
	background:url('gfx/cornerImg/grey_RB.gif') no-repeat right bottom;
}
.greyLT{
	top:-1px;
	left:-1px;
	background:url('gfx/cornerImg/grey_LT.gif') no-repeat left top;
}
.greyRT{
	top:-1px;
	right:-1px;
	background:url('gfx/cornerImg/grey_RT.gif') no-repeat right top;
}


/*  MODULE -> ADVICE  */
form#adviceForm {
	/*background-color: #f2efe6;
	width: 300px;
	position: relative;*/
	margin-top: 20px;
}
form#adviceForm .error {
	color: red;
	font-weight: bold;
	padding: 20px 20px 0 20px;
}
form#adviceForm table {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.cornerRightTop {
	height: 5px;
	width: 5px;
	background: url('gfx/right_corner_top.gif') no-repeat right top;
	position: absolute;
	right: 0px;
	top: 0px;
}
div.cornerRightBottom {
	height: 5px;
	width: 5px;
	background: url('gfx/right_corner_bottom.gif') no-repeat right bottom;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
div.cornerLeftTop {
	height: 5px;
	width: 5px;
	background: url('gfx/left_corner_top.gif') no-repeat left top;
	position: absolute;
	left: 0px;
	top: 0px;
}
div.cornerLeftBottom {
	height: 5px;
	width: 5px;
	background: url('gfx/left_corner_bottom.gif') no-repeat left bottom;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

/* Accordion */
div#sidebar {
	width: 720px;
}
div#sidebar h2 {
	margin-bottom: 0px;
	background-color: #f1efe5;
	padding: 1px 1px 1px 10px;
	cursor: pointer;
	border-bottom: 1px solid #e6e6e6;
}
div#sidebar p{
	margin-top: 5px;
	margin-left: 10px;
}

/*### FORMULIEREN ###*/
form.formContainer div.formDiv {
  margin: 15px 0;
  padding: 10px 0;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
form.formContainer th {
  text-align: left;
  width: 180px;
  padding-right: 6px;
}
form.formContainer th,
form.formContainer td
{
  height: 29px;
  color: #6d6d6d;
  vertical-align: middle;
}
form.formContainer td.required {
  background: url('gfx/required.gif') no-repeat 10px 10px;
  width: 65px;
}
form.formContainer .text,
form.formContainer select,
form.formContainer textarea
{
  border: 1px solid #c9c9c9;
}
form.formContainer .text {
  width: 200px;
}
form.formContainer .alignTop {
  width: 200px;
}
form.formContainer textarea {
  width: 230px;
  height: 80px;
  margin: 5px 0;
  font-family: arial, tahoma, sans-serif;
  font-size: 12px;
}
form.formContainer .button {
  border: 0px;
  background: url('gfx/blueButtonSmall.gif') no-repeat center center;
  width: 95px;
  height: 23px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}
form.formContainer label.error {
  color: #f30000;
}
form.formContainer tr.subHead th {
  background-color: #f7f7f7;
  color: #046089;
  border-bottom: 1px dotted #d4d4d4;
  border-top: 1px dotted #d4d4d4;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
}
a.addRecipe{
	background:url('gfx/add.gif') left center no-repeat;
	padding:3px 3px 3px 20px;
	line-height:16px;
	color:#1693b2;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:200px;
	float:left;
	cursor:pointer;
}
a.deleteRecipe{
	background:url('gfx/cross.gif') left center no-repeat;
	padding-left:22px;
	line-height:17px;
	color:#1693b2;
	font-weight:bold;
	text-decoration:none;
}

/*****************************************************

	MODULE > BOODSCHAPPENLIJST

*****************************************************/

div#shoppingList div#listHeading{
	margin-top: 		15px;
	height: 				112px;
	width: 					736px;
	background: 		url('/modules/recipe/gfx/shoppingListTop.gif') top;
	position: 			relative;
}
div#shoppingList div#listPlan{
	background: 		#f4f2ef;
	height: 				90px;
	width: 					693px;
	border: 				solid 1px #f4f2ef;
	position: 			relative;
	padding: 				10px 20px;
}
div#shoppingList div#listPlan div.dayColumn{
	float: 					left;
	width: 					130px;
}
div#shoppingList div#listHeading div.nextPrev{
	left:						22px;
	top:						95px;
	position:				absolute;
	width:					300px;
}
div#shoppingList div#shopList{
	min-height:			140px;
	padding-bottom:	65px;
	background:			url('/modules/recipe/gfx/shoppingListBottom.gif') bottom no-repeat;
}
div#shoppingList div#shopList div.list{
	float:					left;
	width:					340px;
	margin-right: 12px;
}
div#shoppingList .btnAdd {
	font-weight: bold;
	background: url('gfx/btn_add.gif') no-repeat left center;
	padding-left: 35px;
	float: left;
	text-align: left;
	width: 136px;
	line-height: 30px;
	margin: 10px 0;
}

/* SINGUP */
div.signupBasisPakket {
	float: left;
	width: 330px;
	height: 97px;
	margin-right: 10px;
	padding: 20px 10px;
	background: url('gfx/signup_pakket_basis.jpg') no-repeat center center;
}
div.signupBasisPakket table,
div.signupCompleetPakket table {
	width: 100%;
}
div.signupBasisPakket strong,
div.signupCompleetPakket strong {
	margin: 0;
	color:#288AA2;
	font-size:16px;
	letter-spacing:-1px;
}
div.signupCompleetPakket {
	float: right;
	width: 330px;
	height: 97px;
	background: url('gfx/signup_pakket_compleet.jpg') no-repeat center center;
	padding: 20px 10px;
}
div#signupAdd label {
	width: 100px;
}

/* REGISTREREN */

div#signUpTabs{
	background:url( 'gfx/signUpTabs.gif' ) right;
	border:solid 1px #ded9c7;
	height:28px;
}
div#signUpTabs div.tabActiveError{
	background:url( 'gfx/signUp_tabActiveError.gif' ) right;
	font-weight:bold;
	/*color:#004267;*/
	color:#fff;
	line-height:28px;
	padding:0 30px 0 10px;
	float:left;
	cursor:pointer;
}
div#signUpTabs div.tabActive{
	background:url( 'gfx/signUp_tabActive.gif' ) right;
	font-weight:bold;
	/*color:#004267;*/
	color:#fff;
	line-height:28px;
	padding:0 10px;
	float:left;
	cursor:pointer;
}
div#signUpTabs div.tabError{
	background:url( 'gfx/signUp_tabError.gif' ) right;
	font-weight:bold;
	color:#5d5a54;
	line-height:28px;
	padding:0 30px 0 10px;
	float:left;
	cursor:pointer;
}
div#signUpTabs div.tab{
	background:url( 'gfx/signUp_tab.gif' ) right;
	font-weight:bold;
	color:#5d5a54;
	line-height:28px;
	padding:0 10px;
	float:left;
	cursor:pointer;
}
div#signUpTabs div.add{
	background:url( 'gfx/signUp_tabRight.gif' ) left;
	font-weight:bold;
	color:#5d5a54;
	line-height:28px;
	padding:0 10px;
	float:right;
	cursor:pointer;
}
div#forms a.deleteTab{
	font-weight:bold;
	color:red;
}

/*** WEBSHOP ***/

div.webshopFrontBlock{
	margin-left:15px;
	position:relative;
	margin-bottom:20px;
	padding-top:132px;
	padding-left:8px;
	height:200px;
	float:left;
	width:237px;
	display: inline;
}
div.webshopFrontBlock div.price{
	font-size:24px;
	font-weight:bold;
	position:absolute;
	bottom:30px;
	right:0;
}
div.webshopFrontBlock div.buttonBar{
	position:absolute;
	bottom:0px;
	left:0;
	height: 30px;
}
div.webshopFrontBlock div.buttonBar div.button{
	padding:4px 0px;
	width:120px;
	float:left;
	text-align:center;
	font-weight:bold;
	color:white;
}

div.forum_pages{
	margin:2px 0px;
}
a.pageNum{
	width:22px;
	padding:3px 0px 3px 0px;
	text-align:center;
	float:left;
	display:block;
	text-decoration:none;
	background:url( 'gfx/page.gif' );
	margin-left:2px;
	color:white;
}
a.pageNumRight{
	width:22px;
	padding:3px 0px 3px 0px;
	text-align:center;
	float:right;
	display:block;
	text-decoration:none;
	background:url( 'gfx/page.gif' );
	margin-left:2px;
	color:white;
}
a.pageNumStopper{
	width:42px;
	padding:3px 0px 3px 0px;
	text-align:center;
	float:left;
	display:block;
	text-decoration:none;
	background:url( 'gfx/page.gif' );
	margin-left:2px;
	color:white;
}
a.pageNumStopper.active{
	background:url( 'gfx/page_active.gif' );
}
a.pageNum.active{
	padding:3px 0px 2px 0px;
	font-weight:bold;
	font-size:14px;
	background:url( 'gfx/page_active.gif' );
}
a.pageNumRight.active{
	padding:3px 0px 2px 0px;
	font-weight:bold;
	font-size:14px;
	background:url( 'gfx/page_active.gif' );
}
a.pagePrev{
	text-decoration:none;
	float:left;
	display:block;
	height:21px;
	width:21px;
	background:url( 'gfx/page_prev.gif' );
}
a.pagePrev.inactive{
	background:url( 'gfx/page_prev_inactive.gif' );
}
a.pageNext{
	text-decoration:none;
	float:left;
	display:block;
	height:21px;
	margin-left:2px;
	width:21px;
	background:url( 'gfx/page_next.gif' );
}
a.pageNext.inactive{
	background:url( 'gfx/page_next_inactive.gif' );
}

div.notice{
	position: relative;
	background: #f4f2ef;
	margin-top: 15px;
	padding: 10px;
	color: #5e5c56;
}

div#maintenance{
	background:url( 'gfx/maintSmall.png' ) no-repeat right center;
	min-height:260px;
	width:600px;
	margin:0 auto;
}

div#keurmerkenFooter {
	width: 308px;
	float: left;
}
div#keurmerkenFooter img {
	margin: 0 5px;
	vertical-align: middle;
}

div#keurmerken {
	margin-top: 35px;
	padding-left: 20px;
}
div#keurmerken img {
	vertical-align: middle;
	margin: 0 8px;
}

div#keurmerkenShop {
	margin-top: 25px;
}
div#keurmerkenShop img {
	margin: 0 3px;
	vertical-align: middle;
}












/*
	NEW WEEKMENU SYSTEM
*/
/*
div#errorTooltip{
	background:url( 'gfx/error_tooltip.png' ) no-repeat;
	position:absolute;
	top:-21px;
	left:0px;
	width:201px;
	line-height:21px;
	padding-left:5px;
	color:#6e0707;
	z-index:200;
}
*/

div#errorTooltip{
	position:absolute;
	top:-16px;
	left:	0px;
	width:201px;
	padding:1px 3px;
	color:#6e0707;
	z-index:200;
	background:#ffdfdf;
	border:solid 1px #ab2020;
}

td.recipeContainer{
	padding-left:5px;background:#f9fdfe;color:#2E6779;border-bottom:solid 1px #D2E5EB;border-right:solid 1px #D2E5EB;
}

td.recipeContainer_hover{
	padding-left:5px;background:#D2E5EB;color:#2E6779;border-bottom:solid 1px #D2E5EB;border-right:solid 1px #D2E5EB;
}

td.recipeContainer_error{
	padding-left:5px;background:#f6bed0;color:#880000;border-bottom:solid 1px #D2E5EB;border-right:solid 1px #D2E5EB;
}

div.draggableRecipe{
	position:relative;
	padding:8px;
	margin-bottom:2px;
	background:#EAF5F8;
	cursor:move;
}






div.pages{
	margin-bottom:		2px;
}

div.pages a{
	display:			block;
	padding:			2px 4px;
	text-decoration:	underline;
	border:				solid 1px #ddd;
	float:				left;
	margin-right:		2px;
	font-size:			10px;
}

div.pages a.active{
	color:				#555;
	font-weight:		bold;
	text-decoration:	none;
	padding:			2px 4px 3px 4px;
}






div#composeArticle div.header{
	background:url( 'gfx/compose_header.png' );height:118px;
}

div#composeArticle div.header div.header_left{
	background:url( 'gfx/compose_header_left.png' );height:118px;width:4px;float:left;
}

div#composeArticle div.header div.header_right{
	background:url( 'gfx/compose_header_right.png' );height:118px;width:176px;float:right;
}

div#composeArticle div.header div.header_content{
	padding:20px;float:left;color:#5c5954;font-size:14px;width:780px;
}

div#composeArticle div.header h1.heading{
	color:#1693b2;font-size:32px;font-weight:normal;padding:0;margin:0 0 5px 0;
}

div#composeArticle div.genderSelect{
	background:#1693b2;color:white;padding:15px 20px;font-size:14px;
}

div#composeArticle div.genderSelect div#needMore{
	float:right;width:166px;height:36px;line-height:36px;text-align:center;font-size:16px;color:#5a5a5a;background:url( 'gfx/compose_number.png' ) no-repeat;
}

div#composeArticle div.block{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:solid 1px #ddd;
	padding:10px;
}

div#composeArticle div#allowedArticles{
	padding:0;margin-top:3px;
}

div#composeArticle table{
	width:100%;margin-bottom:10px;
}

div#composeArticle td{
	color:#aaaaaa;
}

div#composeArticle tr.active td{
	color:#000000;
}

div#composeArticle div.error{
	background:#FFCCCC;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	color:#880000;
	font-weight:bold;
}

div#composeArticle div#needEnough2{
	
}

div#composeArticle div#totalPrice_container{
	float:right;color:white;font-weight:bold;line-height:67px;text-align:center;font-size:16px;background:url( 'gfx/compose_pricetag.png' ) no-repeat;width:67px;height:67px;
}



div#composeArticle div#neededArticles_container{
	float:right;margin-right:55px;margin-top:15px;width:245px;height:34px;background:url( 'gfx/compose_required.png' ) left top no-repeat;
}

div#composeArticle div#neededArticles_container div#neededArticles{
	float:right;font-size:14px;width:44px;height:32px;line-height:32px;margin:1px;color:white;font-weight:bold;text-align:center;
}



div#composeArticle div#chosenArticles_container{
	float:right;margin-right:55px;margin-top:15px;width:245px;height:34px;background:url( 'gfx/compose_chosen.png' ) left top no-repeat;
}

div#composeArticle div#chosenArticles_container div#chosenArticles{
	float:right;font-size:14px;width:44px;height:32px;line-height:32px;margin:1px;color:white;font-weight:bold;text-align:center;
}

div#composeArticle button.order{
	background:url( 'gfx/ordernow_big.png' ) no-repeat;
	width:136px;
	height:36px;
	cursor:pointer;
	border:none;
}











.hidden{ display:none; }



div.office_block{
	background:#f2f0e7 url( 'gfx/icon_mail.png' ) 15px center no-repeat;
	padding:10px 10px 10px 63px;
	color:#555;
}

div.office_block.open{
	background-image:url( 'gfx/icon_phone.png' );
}

div.office_block .heading{
	font-size:18px;
	font-style:italic;
}



/*
  NIEUWE ADVIESMODULE
*/

div#howToStart h1{
	font-style:italic;
	font-size:20px;
	color:#1693b2;
}

table#adviceResults td{
	vertical-align: top;
}

table#adviceResults td.line{
	border-top:solid 1px #e3e3e3;
	padding-top:30px;
}

table#adviceResults td.step{
	color:#1693b2;
	font-size:72px;
	width:80px;
	padding-bottom:25px;
	font-weight:bold;
}

table#adviceResults td.info{
	padding-bottom:25px;
}

table#adviceResults h1{
	color:#1693b2;
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px 0;
	padding:0;
}

table#adviceResults div.block{
	border-radius:3px;
	float:left;
	padding:15px 20px;
	width:282px;
	height:240px;
}

table#adviceResults div.block.form{
	background:#f7f7f7;
	border:solid 1px #e0e0e0;
}

table#adviceResults div.block.result{
	background:#edf4de url( 'gfx/block_mark.png' ) bottom right no-repeat;
	border:solid 1px #dbe5c5;
}

table#adviceResults div.block_shadow{
	background:url( 'gfx/below_shadow.png' ) top center no-repeat;
	height:13px;
	width:283px;
	padding:0 20px;
	float:left;
}

table#smallAdviceForm td{
	font-weight:bold;
	font-size:13px;
	color:#555;
	height:23px;
}

table#smallAdviceForm td button.saveValue{
	border:none;
	background:url( 'gfx/save.png' ) no-repeat;
	width:65px;
	height:20px;
}

table#smallAdviceForm td.label{
	width:120px;
	padding-right:10px;
	text-align:right;
	color:#1693B2;
}

div#howToStart{
	background:url( 'gfx/ease_team.png' ) bottom right no-repeat;
	min-height: 285px;
	padding-right:200px;
}


div.article{
	position:relative;
	border-radius:5px;
	border:solid 1px #dadada;
	float:left;
	padding:40px 15px 15px 15px;
}

div.article div.shadow{
	position:absolute;
	bottom:-11px;
	left:0px;
	height:11px;
}

div.article div.head{
	position:absolute;
	background:url( 'gfx/article_head.png' ) repeat-x;
	width:133px;
	top:-14px;
	border-radius:4px;
	font-size:11px;
	color:white;
	text-align:center;
}

div.article div.head b{
	font-size:16px;
}


div.article div.content{
	border-top:solid 1px #cdcdcd;
	padding-top:100px;
	height:190px;
	position:relative;
}

div.article div.content div.orderbutton{
	margin-top:37px;
	padding-left:17px;
}


div.article ul{
	list-style-image:url( 'gfx/article_tick.png' );
	margin:0;
	padding:8px;
	height: 70px;
}

div.article ul li{
}

div.article.small{
	width:185px;
	height:300px;
	margin-top:40px;
	background:url( 'gfx/article_back.png' );
}


div.article.small div.content{
	border-top:solid 1px #cdcdcd;
	padding-top:100px;
	margin-top:25px;
	height:190px;
	padding-left:20px;
	background:url( 'gfx/sp.png' ) 10px 20px no-repeat;
}


div.article.small div.content div.price{
	position:absolute;
	top:20px;
	right:10px;
	height:67px;
	line-height:67px;
	width:67px;
	text-align:center;
	background:url( 'gfx/article_price_small.png' ) no-repeat;
	color:white;
	font-size:17px;
	font-weight:bold;
}

div.article.small div.shadow{
	width:215px;
	background:url( 'gfx/article_shadow.png' ) top center no-repeat;
}

div.article.small div.head{
	left:41px;
	padding:10px 0;
}

div.article.big{
	width:263px;
	height:355px;
	margin-top:10px;
}


div.article.big div.content{
	border-top:solid 1px #cdcdcd;
	padding-top:140px;
	margin-top:25px;
	height:190px;
	padding-left:50px;
	background:url( 'gfx/sp_big.png' ) 43px 40px no-repeat;
}


div.article.big div.content div.price{
	position:absolute;
	top:20px;
	right:30px;
	height:83px;
	line-height:83px;
	width:83px;
	text-align:center;
	background:url( 'gfx/article_price_big.png' ) no-repeat;
	color:white;
	font-size:24px;
	font-weight:bold;
}

div.article.big div.shadow{
	width:293px;
	background:url( 'gfx/article_shadow.png' ) top center no-repeat;
}

div.article.big div.head{
	left:80px;
	padding:5px 0;
}


/* styles for the banner with test */
.bannerLarge {
  background: url('/layout/front/gfx/banner_test.jpg') no-repeat left top;
  position: relative;
  width: 748px;
  height: 266px;
  font-family: arial;
  font-size: 14px;
  color: #6c6a65;
  border-bottom: 1px solid #c7c3ba;
}
.bannerLarge form {
  width: 368px;
  position: absolute;
  right: 16px;
  top: 168px;
}
.bannerLarge input.text {
  border: 0;
  font-size: 14px;
  color: #6c6a65;
  border-left: 1px solid #c1c1c0;
  border-top: 1px solid #c1c1c0;
  height: 27px;
  line-height: 27px;
  padding-left: 5px;
  box-shadow: inset 1px 1px 1px #eaeae7;
  width: 152px;
  margin-bottom: 5px;
}
.bannerLarge input.submit {
  border: 0;
  background: url('/layout/front/gfx/submit_test.png') no-repeat left top;
  width: 35px;
  height: 63px;
  float: right;
  text-indent: -9999px;
  cursor: pointer;
}