/*
CSS for Dinnerworld
1. layout.css
2. design.css
3. typography.css
*/
/*--- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
/*--- LAYOUT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
/*--- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/

/*--- BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
body {
	margin: 0;
	padding: 0;
	min-width: 990px;
	z-index:3;
}
.clear { /* clear floated divs */
	clear: both;
	float: left;
}

#skiplink, #question1, #question2, #question3{
	display:none;
}
#question1, #question2, #question3{padding:20px;background:#C8DC01;color:#265a14;margin:10px;-moz-opacity:0.9;}
#history{
	width: 197px;
	height: 53px;
}
#welcome h1, #welcome h2, #welcome-new h1, #welcome-new h2, #choose h3, #rchoose h3, #history h1, #history h2, #service h1, #service h2, #franchising h1, #franchising h2,
#vacatures h1, #vacatures h2, #titcont h1, #titregl h1, #titcont h2, #titregl h2, #help h1, #help h2, #titmail h1, #titmail h2, #staff h1, #staff h2, #recipelist h1, #sponsorlist h1, #titbroc h1, #titnieuws h1{
	position:absolute;
	left:-9999px;
}
#vacatures{background: url(../i/bg-vacature.gif) top left no-repeat;width:259px;height:56px;}
#titcont{background: url(../i/bg-contact.gif) top left no-repeat;width:555px;height:78px;margin-bottom: 20px;}
#titmail{background: url(../i/bg-mail.gif) top left no-repeat;width:400px;height:53px;margin-bottom: 20px;}
#titregl{background: url(../i/bg-reglement.gif) top left no-repeat;width:325px;height:53px;margin-bottom: 20px;}
#help{background: url(../i/bg-help.jpg) top left no-repeat;width:386px;height:79px;}
#staff{width:386px;height:64px;}
#welcome {background: url(../i/bg-welcome.gif) top left no-repeat;}
#welcome-new {background: url(../i/bg-welcome-new.gif) top left no-repeat;}
#history{background: url(../i/bg-history.gif) top left no-repeat;margin-bottom: 20px;}
#franchising{background: url(../i/bg-franchising.gif) top left no-repeat;width:206px;height:54px;margin-bottom: 20px;}
#service{background: url(../i/bg-service.gif) top left no-repeat;width:490px;height:54px;margin-bottom: 20px;}
#staff{background: url(../i/bg-personeel.jpg) top left no-repeat;}
#recipelist{background: url(../i/bg-recepten.gif) top left no-repeat;width:370px;height:52px;margin-bottom: 20px;}
#sponsorlist{background: url(../i/bg-sponsor.gif) top left no-repeat;width:370px;height:52px;margin-bottom: 20px;}
#titbroc{background: url(../i/bg-brochure.gif) top left no-repeat;width:352px;height:52px;margin-bottom: 20px;}
#titnieuws{background: url(../i/bg-nieuwsbrief.gif) top left no-repeat;width:396px;height:52px;margin-bottom: 20px;}
#help{background: url(../i/bg-help.gif) top left no-repeat;width:310px;height:52px;margin-bottom: 20px;}

#welcome {
	min-height: 85px;
	height: auto !important;
	height: 85px;
	padding-bottom: 20px;
	width: 700px;
}

#welcome a img {
	border: 2px solid #c8dc01;
	margin-top: 70px;
	margin-right: 0px;
}

#welcome a img.btn {
	margin: 10px 2px 0 0;
	padding: 0px;
}
#welcome-new {
	min-height: 80px;
	height: auto !important;
	height: 80px;
	padding-bottom: 20px;
	width: 700px;
}
#welcome-new marquee { 
	padding-top: 60px;
	width: 690px;
	color: #5C8F4C;
	font-weight: bold;
	font-size: 16px;
}
#welcome-new a img {
	border: 2px solid #c8dc01;
	margin-top: 70px;
	margin-right: 0px;
}

#welcome-new a img.btn {
	margin: 10px 2px 0 0;
	padding: 0px;
}

#choose{
	clear: both;
	width: 480px;
	height: 252px;
	heigh\t: 212px;
	padding-top:40px;
	background: url(../i/choose.gif) top left no-repeat;
}
#rchoose{
	width:482px;
	height: 188px;
/*	background: url(../i/rchoose.gif) top left no-repeat; */
}
#content #choose p, #content #rchoose p{float:left;height:105px;list-style:none;padding:0;text-indent: -5000px;}
#content #choose p a, #content #rchoose p a{text-decoration:none;overflow: hidden;display:block;float:left;}

#choose1, #choose1 a{width:120px; height:105px;background: url(../i/choose.gif) 0px -40px no-repeat;}
#choose2, #choose2 a{width:120px; height:105px;background: url(../i/choose.gif) -120px -40px no-repeat;}
#choose3, #choose3 a{width:240px; height:105px;background: url(../i/choose.gif) -240px -40px no-repeat;}
#choose4, #choose4 a{width:240px; height:105px;background: url(../i/choose.gif) 0px -145px no-repeat;}
#choose5, #choose5 a{width:240px; height:105px;background: url(../i/choose.gif) -240px -145px no-repeat;}

#choose1 a:hover{width:120px; height:105px;background: url(../i/choose.gif) 0px -292px no-repeat;}
#choose2 a:hover{width:120px; height:105px;background: url(../i/choose.gif) -120px -292px no-repeat;}
#choose3 a:hover{width:240px; height:105px;background: url(../i/choose.gif) -240px -292px no-repeat;}
#choose4 a:hover{width:240px; height:105px;background: url(../i/choose.gif) 0px -397px no-repeat;}
#choose5 a:hover{width:240px; height:105px;background: url(../i/choose.gif) -240px -397px no-repeat;}

dl{margin: 10px 0;}
dt, dd{margin:0;padding:0;}
dt{font-size:16px;font-weight:bold;}
dd{margin-bottom:20px;}

/*--- RECEPTEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
/*--- PERSONEEL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/

.personeel ul li img, .recepten ul li img, .sponsor ul li img{
	float:left;
	margin:4px 10px 10px 0;
}
.personeel ul li h3{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:20px;
	color:#5d8f4c;
}
.personeel ul li{
 	float:left;
	width:260px;
	margin:0 10px 10px 0;
}
.recepten h3{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:16px;
	line-height:24px;
	color:#5d8f4c;
}
#content.recepten h2{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:20px;
	color:#5d8f4c;
}
.sponsor h3{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:16px;
	line-height:24px;
	color:#5d8f4c;
}
#content.sponsor h2{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:20px;
	color:#5d8f4c;
}
.personeel ul li h4{
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#5d8f4c;
}
.recepten h2#promo{text-align:center;font-size:14px;;margin:10px 0;padding:10px; color: #fff; background: #c90810; text-transform: uppercase; font-weight: bold;}
.recepten h2#promo a{color:#FFF;text-decoration:none;}
.recepten h2#promo a:hover{text-decoration:underline;}

.recipe{
	float:right;
	margin: 5px 0 10px 10px;
}

#content.recepten ul.rlist li{
	list-style-type:none;
	margin:0 0 10px 0;
	height:60px;
	clear:both;
	background:#f2f9c0;
	padding:4px;
	border:1px solid #e0eb71;
}
#content.recepten ul.rlist li a{
	font-size:16px;
	text-decoration:none;
	line-height:60px;
}

#content.recepten ul.rlist li img{height:60px;margin:0 10px 0 0;padding:0px;}

#content.recepten ul li{
	list-style-type:square;
	margin:0 0 4px 34px;
}
#content.recepten ol, #content.recepten ul{margin:0 0 10px 0;padding:0px;}
#content.recepten ol li{
	margin:0 0 4px 40px;
}

#content.sponsor ul.rlist li{
	list-style-type:none;
	margin:0 0 10px 0;
	height:60px;
	clear:both;
	background:#f2f9c0;
	padding:4px;
	border:1px solid #e0eb71;
}
#content.sponsor ul.rlist li a{
	font-size:16px;
	text-decoration:none;
	line-height:60px;
}

#content.sponsor ul.rlist li img{height:60px;margin:0 10px 0 0;padding:0px;}

#content.sponsor ul li{
	list-style-type:square;
	margin:0 0 4px 34px;
}
#content.sponsor ol, #content.recepten ul{margin:0 0 10px 0;padding:0px;}
#content.sponsor ol li{
	margin:0 0 4px 40px;
}
#content.franchising ul li{
	list-style-type:square;
	margin:0 0 4px 34px;
}
#content.franchising ol, #content.franchising ul{margin:0 0 10px 0;padding:0px;}
#content.franchising ol li{
	margin:0 0 4px 40px;
}

#print{background: url(../i/print.gif) 0% 50% no-repeat;}
#print {
	display: block;
	height: 40px;
	line-height: 40px;
	padding-left: 26px;
	background: #EDEDED url(../i/print.gif) 10px 50% no-repeat;
	border: 1px solid #DDD;
	border-left-color: #F7F7F7;
	border-top-color: #F7F7F7;
	margin: 20px 0;
	width: 120px;
	text-decoration:none;
	color: #333;
}
#print:hover {
	background: #EDEDED url(../i/print.gif) 10px 50% no-repeat;
	border: 1px solid  #F7F7F7;
	border-left-color: #DDD;
	border-top-color: #DDD;
	margin: 20px 0;
	color: #5a8a2a;
}
/*--- HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#header {
	margin: 0;
}
#header h1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 317px;
	height: 140px;
	text-indent: -5000px;
	margin:0;
	padding:0;
	background: url(../i/bg-inner.gif) 0 0 no-repeat;
	float:left;
	z-index: 1;
}
#header h1.new {
	background: url(../i/bg-inner2.gif) 0 0 no-repeat;
	width: 700px;
}

#header h1 a {
	position:absolute;
	top: 26px;
	left: 28px;
	width:140px;
	height: 100px;
	text-decoration:none;
	/*  IE 5 Hack \*/
	overflow: hidden;
	/* end hack */
}
#header h2 {
	position: absolute;
	left: -9999em;
	overflow: hidden;
}

/*--- LANGUAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#extra {
	z-index: 80;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0;
	padding:0;
	width: 330px;
	height: 116px;
	background: url(../i/bg-extra.gif) top right no-repeat;
}
#xtra {
	z-index: 80;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0;
	padding:0;
	width: 205px;
	height: 120px;
/*	background: url(../i/bg-xtra.jpg) top right no-repeat;*/
}

/*--- BREADCRUMBS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
p#breadcrumbs {
	z-index: 100;
	position: absolute;
	top: 45px;
	right: 220px;
	text-align: right;
	margin: 0;
	padding:0;
}

#breadcrumbs img{
	padding: 0;
	margin:0;
}
/*--- NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#nav p {
	margin: 15px 0 0 20px;
	font-size: 11px;
	text-align: left;
	}
#nav {
	position: absolute;
	top: 140px;
	left:0;
	margin:0;
	padding: 0;
	color: #fff;
}
#nav ul {
	font-weight:bold;
	margin:0;
	padding: 0;
	width: 193px;
	z-index:30;
}
ul#nav {font-weight:bold;}
#nav li {
	width: 193px;
	list-style: none;
	padding: 0px;
	margin-left: 0;
	margin-left: -16px;
	margin-lef\t: 0;
}

#nav li ul li {
	width: 193px;
}

#nav li ul {
	margin:0;
	padding:0;
}
#nav li ul li a{
	width: 183px;
	padding: 4px 10px 4px 0px;
	display: block;
	width: 193px;
	wid\th: 183px;
	overflow/**/: hidden;
}

#nav li a {
	width: 183px;
	padding: 8px 10px 8px 0px;
	display: block;
	width: 193px;
	wid\th: 183px;
	overflow/**/: hidden;
}



table.basket {
margin: 10px 0;
font-family: verdana, sans-serif;
font-size: 8pt;
clear:both;
border-right:1px solid #ddd;
width:80%;
background:#FFF;
}
table.basket a {color:#C00;}
table.basket a:hover{color:#c00;}

table.basket tr {
margin: 10px 0 10px 0;
}
table.basket tr td, table.basket tr th {
padding: 5px 8px;
vertical-align:middle;
border-left:1px solid #DDD;
}
table.basket thead tr th{
padding: 8px 8px;
border-left:1px solid #000;
}
table.basket tfoot tr td{
padding: 6px 8px;
}
table.basket thead{
background:#004A90;
color:#FFF;
}
table.basket img{margin:0; padding:0;}
table.basket tr td.image{
text-align:center;
}
table.basket tr td.image img{
width:30px;
}
table.basket tr th.del{
width:16px;
border-right:1px solid #ddd;
}
table.basket tr th.price {
text-align:center;
width:57px;
}
table.basket tr td.price {
text-align:right;
}
table.basket tr.odd {
background:#efefef;
}
table.basket tfoot a {
color:#06F;
text-decoration:none;
}
table.basket tfoot{
text-align:right;
border-left:none;
color:#FFF;
}

table.basket tr td input{margin:0px;border: 1px solid #ddd;}
table.basket tr td.empty{border-left:none;}

p.checkout-buttons
{
display:block;
height:31px;
line-height:31px;
}

p.checkout-buttons span.contshopleft, p.checkout-buttons span.checkoutleft{
	width:10px;
	margin:0px;
	padding:0px;
	height:31px;
	display:block;
	float:left;
}
p.checkout-buttons span.contshopright, p.checkout-buttons span.checkoutright{
width:auto;
height:31px;
margin:0 10px 0 0;
padding: 0 10px 0 0;
text-transform:uppercase;
display:block;
float:left;
}

p.checkout-buttons span.contshopright a, p.checkout-buttons span.checkoutright a,
p.checkout-buttons span.contshopright a:visited, p.checkout-buttons span.checkoutright a:visited
{
text-decoration:none;
color:#FFF;
font-weight:bold;
}
p.checkout-buttons a:hover{color:#000;}

/*--- CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/

#content {
	margin: 0px 210px 20px 210px;
	padding-top: 70px;
	position: relative;
	height: 1%;
	min-width:  580px;
	width:expression(document.body.clientWidth < 1024 ? "580px" : "auto" );
	z-index: 10;
}
.site #content {
	margin: 0px 20px 20px 210px;
	display:block;
}

#content h1 {
	margin:0 0 10px 0;
	padding:0;
	height:40px;
}

#content ul{
	margin:0;
	padding:0;
}
#content ul li{
	margin: 0 14px 14px 0;
	padding:0;
}

#content ul.searchtips, #content ul.bankinfo, #content ul.checkoutinfo{
margin:0 0 0 20px;
list-style:square;
padding:10px,
}
#content ul.bankinfo{
background:#efefef;
border:1px solid #ddd;
padding-left:20px;
margin:5px 0 0 0;
}

#content ul.checkoutinfo{
margin-bottom:20px;
}

#content ol.checkoutsteps li{padding:8px 0;}

#content ul.searchtips li, #content ul.bankinfo li, #content ul.checkoutinfo li{
	float:none;
	margin: 4px 0;
	padding:0;
}

p.keywords{display:none;}
p.keywords, div.morepics{
clear:both;
margin-top: 20px;
}

/* for all browsers that understand min-width */
#outer {
	background: url(../i/bg-outer.jpg) 0 0 repeat-x;
	position:relative;
}

/*--- PRODUCTDETAIL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#productdetail h2{
	clear: both;
}
#content div.product p.order, #productdetail p.order{
	padding:0;
	text-align:center;
	line-height:28px;
	float: left;
}

div.product p.price, #productdetail p.price {
	margin:0;
	padding:4px;
}
#productdetail p.price {
	position: relative;
	top: -40px;
}
#productdetail img {
	margin: 0 0 10px 0;
}
#productdetail ul img {
	float: none;
	margin: 0px;
}
#productdetail dl {
	font-size: 11px;
}
#productdetail dt {
	position: relative;
	float: left;
	font-size: 11px;
}
#productdetail dd {
	margin: 0 0 4px 150px;
	text-align: right;
}

#energy{
	padding: 10px;
	background: #EBF2A2;
	border: 1px solid #014991;
}

/*--- SIDEBAR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#sidebar {
	position: absolute;
	top: 108px;
	right: 0px;
	width: 192px;
	margin: 0px;
	padding: 0 0 20000px 0;
}
#sidebar div.box{
	margin-bottom:12px;
	padding-bottom:5px;
}

#sidebar div.box h2{
	padding:0;
	margin:0;
	cursor:default;
	text-transform:uppercase;
	font-weight:bold;
}
#sidebar div.box p{padding:0 20px;margin:5px 0;}

/*--- FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#footer {
	clear: both;
	margin: 40px 200px 20px 200px;
	padding-top:4px;
}

fieldset{border:none;margin:0;padding: 6px 2px 2px 0;display:inline;}
div#help-contact{
clear:both;
background:#c8dc01;
padding:5px;
color:#004a90;
margin: 10px 0 0 0;
}

/*--- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
/*--- DESIGN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
/*--- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/

/*--- BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
body { background: url(../i/bg-body.gif) top left repeat-y;}
body.site{ background: url(../i/bg-body.gif) top left repeat-y;}
img{border:0;}

a{color:#004a90;}
a:hover{color:#000;}

.help {
	border-bottom: dotted 1px #c00;
	cursor: help;
}

/*--- HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#header {
	background: url(../i/bg-outer.jpg) 0 0 repeat-x;
	z-index: 20;
}
/*--- LANGUAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#language {
	color:#FFF;
}
#language a{
	color:#FFF;
}
#language a:hover, #language a.active{ color:#c8dc01; }

/*--- BREADCRUMBS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#breadcrumbs {
	color:#000;
}
#breadcrumbs a, #breadcrumbs a:visited{color:#719C3E; }
#breadcrumbs a:hover, #breadcrumbs a.active{color:#004A90;}

/*--- NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#nav li a {
	color: #FFF;
}
#nav li.open a, #nav li a:hover{color:#FFF;}
#nav.site li a:hover {background: #1e64a9;}

/* LES COULEURS */
/*Standard*/
#content h1, p.order a {background:#014991;}
#nav li.open, #nav li a:hover, #content h1, #content .basket tfoot, #content p.order a, #content div.hr, #content p.pagenav,
#content .contshopleft, #content .contshopright, #content .checkoutleft, #content .checkoutright{background:#014991;}
#content p.price, #content h2 a{color:#004A90;}#nav li ul li{border-bottom:1px solid #004A90;}
#qtysubmit{
	background: #C8DB00;
 }

/*Promoties*/
#nav li#promoties.open, #nav li#promoties a:hover, #content.promoties h1, #content.promoties p.order a, #content.promoties .basket tfoot, #content.promoties p.order a, #content.promoties div.hr,
#content.promoties p.pagenav, #content.promoties .contshopleft, #content.promoties .contshopright, #content.promoties .checkoutleft, #content.promoties .checkoutright{background:#b91014;}
#content#content.snacks p.price, #content#content.snacks h2 a{color:#b91014;}
#content.disclaimer h1, div.zoektips h1, div.zoektips p.order a, div.checkout h1, div.checkout tfoot, div.basket h1, div.basket tfoot, div.basket .checkoutleft, div.basket .checkoutright, #recipes h1, #nieuwsbrief h1,
div.zoektips .checkoutleft, div.zoektips .checkoutright, div.zoektips .contshopleft, div.zoektips .contshopright, .div.basket .checkoutright, div.zoektips p.pagenav, div.zoektips div.hr {background:#5a8e4c;}

/*promoties-nl*/
#nav li#promoties-nl.open, #nav li#promoties-nl a:hover, #content.promoties-nl h1, #content.promoties-nl p.order a, #content.promoties-nl .basket tfoot, #content.promoties-nl p.order a, #content.promoties-nl div.hr,
#content.promoties-nl p.pagenav, #content.promoties-nl .contshopleft, #content.promoties-nl .contshopright, #content.promoties-nl .checkoutleft, #content.promoties-nl .checkoutright{background:#FE6401;}
#content#content.snacks p.price, #content#content.snacks h2 a{color:#FE6401;}
#content.disclaimer h1, div.zoektips h1, div.zoektips p.order a, div.checkout h1, div.checkout tfoot, div.basket h1, div.basket tfoot, div.basket .checkoutleft, div.basket .checkoutright, #recipes h1, #nieuwsbrief h1,
div.zoektips .checkoutleft, div.zoektips .checkoutright, div.zoektips .contshopleft, div.zoektips .contshopright, .div.basket .checkoutright, div.zoektips p.pagenav, div.zoektips div.hr {background:#5a8e4c;}


/* Roomijsproducten */
#content.personeel h1, #nav li#m_roomijsproducten.open, #nav li#m_roomijsproducten a:hover, #content.roomijsproducten h1, #content.roomijsproducten p.order a, #content.roomijsproducten .basket tfoot, #content.roomijsproducten div.hr, #content.roomijsproducten p.pagenav,
#content.roomijsproducten .contshopleft, #content.roomijsproducten .contshopright, #content.roomijsproducten .checkoutleft, #content.roomijsproducten .checkoutright, #nav li#m_roomijsproducten ul li a:hover, #nav li#m_roomijsproducten ul li a.active{background:#0081c1;color:#FFF;}
#content.roomijsproducten p.price, #content.roomijsproducten h2 a{color:#0081c1;}#nav li#m_roomijsproducten ul li{border-bottom:1px solid #0081c1;}
#nav li#m_roomijsproducten.open li a{background:#cce6f3;color:#0081c1;}


/*Bij Het Ijs*/
#nav li#m_bij-het-ijs.open, #nav li#m_bij-het-ijs a:hover, #content.bij-het-ijs h1, #content.bij-het-ijs .basket tfoot, #content.bij-het-ijs p.order a, #content.bij-het-ijs div.hr, #content.bij-het-ijs p.pagenav,
#content.bij-het-ijs .contshopleft, #content.bij-het-ijs .contshopright, #content.bij-het-ijs .checkoutleft, #content.bij-het-ijs .checkoutright, #nav li#m_bij-het-ijs a:hover{background:#b21c3b;}
#content.bij-het-ijs p.price, #content.bij-het-ijs h2 a{color:#b21c3b;}#m_bij-het-ijs ul li{border-bottom:1px solid #b21c3b;}

/*Bij de koffie*/
#nav li#m_bij-de-koffie.open, #nav li#m_bij-de-koffie a:hover, #content.bij-de-koffie h1, #content.bij-de-koffie .basket tfoot, #content.bij-de-koffie p.order a, #content.bij-de-koffie div.hr, #content.bij-de-koffie p.pagenav,
#content.bij-de-koffie .contshopleft, #content.bij-de-koffie .contshopright, #content.bij-de-koffie .checkoutleft, #content.bij-de-koffie .checkoutright, #content.bij-de-koffie a:hover{background:#b21c3b;}
#content.bij-de-koffie p.price, #content.bij-de-koffie h2 a{color:#b21c3b;}#nav li#m_bij-de-koffie ul li{border-bottom:1px solid #b21c3b;}

/*Af te bakken*/
#nav li#m_af-te-bakken.open, #nav li#m_af-te-bakken a:hover, #content#content.af-te-bakken h1, #content#content.af-te-bakken .basket tfoot, #content.af-te-bakken p.order a, #content.af-te-bakken div.hr, #content.af-te-bakken p.pagenav,
#content.af-te-bakken .contshopleft, #content.af-te-bakken .contshopright, #content.af-te-bakken .checkoutleft, #content.af-te-bakken .checkoutright, #nav li#m_af-te-bakken ul li a:hover{background:#b21c3b;}
#content.af-te-bakken p.price, #content.af-te-bakken h2 a{color:#00501f;}#nav li#m_af-te-bakken ul li{border-bottom:1px solid #00501f;}

/*gebak*/
#nav li#m_gebak.open, #nav li#m_gebak a:hover, #content#content.gebak h1, #content#content.gebak .basket tfoot, #content.gebak p.order a, #content.gebak div.hr, #content.gebak p.pagenav,
#content.gebak .contshopleft, #content.gebak .contshopright, #content.gebak .checkoutleft, #content.gebak .checkoutright, #nav li#m_gebak ul li a:hover{background:#b21c3b;}
#content.gebak p.price, #content.gebak h2 a{color:#00501f;}#nav li#m_gebak ul li{border-bottom:1px solid #00501f;}

/*Groenten*/
#nav li#m_groenten.open, #nav li#m_groenten a:hover, #content.groenten h1, #content.groenten .basket tfoot, #content.groenten  p.order a, #content.groenten div.hr, #content.groenten p.pagenav,
#content.groenten .contshopleft, #content.groenten .contshopright, #content.groenten .checkoutleft, #content.groenten .checkoutright, #nav li#m_groenten ul li a:hover{background:#3dba3f;}
#content.groenten p.price, #content.groenten h2 a{color:#3dba3f;}#nav li#m_groenten ul li{border-bottom:1px solid #3dba3f;}

/*van-gils-artikelen*/
#nav li#m_van-gils-artikelen.open, #nav li#m_van-gils-artikelen a:hover, #content.van-gils-artikelen h1, #content.van-gils-artikelen .basket tfoot, #content.van-gils-artikelen  p.order a, #content.van-gils-artikelen div.hr, #content.van-gils-artikelen p.pagenav,
#content.van-gils-artikelen .contshopleft, #content.van-gils-artikelen .contshopright, #content.van-gils-artikelen .checkoutleft, #content.van-gils-artikelen .checkoutright, #nav li#m_van-gils-artikelen ul li a:hover{background:#3dba3f;}
#content.van-gils-artikelen p.price, #content.van-gils-artikelen h2 a{color:#3dba3f;}#nav li#m_van-gils-artikelen ul li{border-bottom:1px solid #3dba3f;}

/*Wok*/
#nav li#m_wok.open, #nav li#m_wok a:hover, #content.wok h1, #content.wok .basket tfoot, #content.wok p.order a, #content.wok div.hr, #content.wok p.pagenav,
#content.wok .contshopleft, #content.wok .contshopright, #content.wok .checkoutleft, #content.wok .checkoutright, #nav li#m_wok ul li a:hover{background:#452793;}
#content.wok p.price, #content.wok h2 a{color:#452793;}#nav li#m_wok ul li{border-bottom:1px solid #452793;}

/*promotie-op-op*/
#nav li#m_promotie-op-op.open, #nav li#m_promotie-op-op a:hover, #content.promotie-op-op h1, #content.promotie-op-op .basket tfoot, #content.promotie-op-op p.order a, #content.promotie-op-op div.hr, #content.promotie-op-op p.pagenav,
#content.promotie-op-op .contshopleft, #content.promotie-op-op .contshopright, #content.promotie-op-op .checkoutleft, #content.promotie-op-op .checkoutright, #nav li#m_promotie-op-op ul li a:hover{background:#452793;}
#content.promotie-op-op p.price, #content.promotie-op-op h2 a{color:#452793;}#nav li#m_promotie-op-op ul li{border-bottom:1px solid #452793;}

/*Aardappelproducten*/
#nav li#m_aardappelproducten.open, #nav li#m_aardappelproducten a:hover, #content.aardappelproducten h1, #content.aardappelproducten .basket tfoot, #content.aardappelproducten  p.order a, #content.aardappelproducten div.hr, #content.aardappelproducten p.pagenav,
#content.aardappelproducten .contshopleft, #content.aardappelproducten .contshopright, #content.aardappelproducten .checkoutleft, #content.aardappelproducten .checkoutright, #nav li#m_aardappelproducten ul li a:hover{background:#c58e2e;}
#content.aardappelproducten p.price, #content.aardappelproducten h2 a{color:#c58e2e;}#nav li#m_aardappelproducten ul li{border-bottom:1px solid #c58e2e;}

/*Vis*/
#nav li#m_vis.open, #nav li#m_vis a:hover, #content.vis h1, #content.vis .basket tfoot, #content.vis p.order a, #content.vis div.hr, #content.vis p.pagenav,
#content.vis .contshopleft, #content.vis .contshopright, #content.vis .checkoutleft, #content.vis .checkoutright, .legal h1, #nav li#m_vis ul li a:hover{background:#0081c1;}
#content.vis p.price, #content.vis h2 a{color:#0081c1;}#nav li#m_vis ul li{border-bottom:1px solid #0081c1;}

/*Vlees*/
#nav li#m_vlees.open, #nav li#m_vlees a:hover, #content.vlees h1, #content.vlees p.order a, #content.vlees .basket tfoot, #content.vlees p.order a, #content.vlees div.hr, #content.vlees p.pagenav,
#content.vlees .contshopleft, #content.vlees .contshopright, #content.vlees .checkoutleft, #content.vlees .checkoutright, #nav li#m_vlees ul li a:hover{background:#ca0039;}
#content.vlees p.price, #content.vlees h2 a{color:#ca0039;}#nav li#m_vlees ul li{border-bottom:1px solid #ca0039;}

/*Gevogelte*/
#content.recepten h1, #nav li#m_gevogelte.open, #nav li#m_gevogelte a:hover, #content.gevogelte h1, #content.gevogelte .basket tfoot, #content.gevogelte p.order a, #content.gevogelte div.hr, #content.gevogelte p.pagenav,
#content.gevogelte .contshopleft, #content.gevogelte .contshopright, #content.gevogelte .checkoutleft, #content.gevogelte .checkoutright, #nav li#m_gevogelte ul li a:hover{background:#ea8825;}
#content.gevogelte p.price, #content.gevogelte h2 a{color:#ea8825;}#nav li#m_gevogelte ul li{border-bottom:1px solid #ea8825;}

/*in-de-kijker*/
#content.recepten h1, #nav li#m_in-de-kijker.open, #nav li#m_in-de-kijker a:hover, #content.in-de-kijker h1, #content.in-de-kijker .basket tfoot, #content.in-de-kijker p.order a, #content.in-de-kijker div.hr, #content.in-de-kijker p.pagenav,
#content.in-de-kijker .contshopleft, #content.in-de-kijker .contshopright, #content.in-de-kijker .checkoutleft, #content.in-de-kijker .checkoutright, #nav li#m_in-de-kijker ul li a:hover{background:#ea8825;}
#content.in-de-kijker p.price, #content.in-de-kijker h2 a{color:#ea8825;}#nav li#m_in-de-kijker ul li{border-bottom:1px solid #ea8825;}

/*Gezinspakketten*/
#nav li#m_gezinspakketten.open, #nav li#m_gezinspakketten a:hover, #content.gezinspakketten h1, #content.gezinspakketten .basket tfoot, #content.gezinspakketten p.order a, #content.gezinspakketten  div.hr, #content.gezinspakketten p.pagenav,
#content.gezinspakketten .contshopleft, #content.gezinspakketten .contshopright, #content.gezinspakketten .checkoutleft, #content.gezinspakketten .checkoutright, #nav li#m_gezinspakketten ul li a:hover{background:#f2d800;}
#content.gezinspakketten p.price, #content.gezinspakketten h2 a{color:#f2d800;}#nav li#m_gezinspakketten ul li{border-bottom:1px solid #f2d800;}

/*Snacks*/
#nav li#m_snacks.open, #nav li#m_snacks a:hover, #content.snacks h1, #content.snacks p.order a, #content.snacks .basket tfoot, #content.snacks p.order a, #content.snacks div.hr,
#content.snacks p.pagenav, #content.snacks .contshopleft, #content.snacks .contshopright, #content.snacks .checkoutleft, #content.snacks .checkoutright, #m_snacks ul li a:hover{background:#8a0066;}
div#content.snacks p.price, div#content.snacks h2 a{color:#8a0066;}#nav li#m_snacks ul li{border-bottom:1px solid #8a0066;}

/*Mini snacks*/
#nav li#m_mini-snacks.open, #nav li#m_mini-snacks a:hover, #content.mini-snacks h1, #content.mini-snacks .basket tfoot, #content.mini-snacks p.order a, #content.mini-snacks div.hr, #content.mini-snacks p.pagenav,
#content.mini-snacks .contshopleft, #content.mini-snacks .contshopright, #content.mini-snacks .checkoutleft, #content.mini-snacks .checkoutright, #nav li#m_mini-snacks ul li a:hover{background:#8a0066;}
#content.mini-snacks p.price, #content.mini-snacks h2 a{color:#8a0066;}#nav li#m_mini-snacks ul li{border-bottom:1px solid #8a0066;}

/*Soepen*/
#nav li#m_soepen.open, #nav li#m_soepen a:hover, #content.soepen h1, #content.soepen .basket tfoot, #content.soepen p.order a, #content.soepen div.hr, #content.soepen p.pagenav,
#content.soepen .contshopleft, #content.soepen .contshopright, #content.soepen .checkoutleft, #content.soepen .checkoutright, #nav li#m_soepen ul li a:hover{background:#6e323b;}
#content.soepen p.price, #content.soepen h2 a{color:#6e323b;}#nav li#m_soepen ul li{border-bottom:1px solid #6e323b;}

/*Italiaans*/
#nav li#m_italiaans.open, #nav li#m_italiaans a:hover, #content.italiaans h1, #content.italiaans .basket tfoot, #content.italiaans p.order a, #content.italiaans div.hr, #content.italiaans p.pagenav,
#content.italiaans .contshopleft, #content.italiaans .contshopright, #content.italiaans .checkoutleft, #content.italiaans .checkoutright, #nav li#m_italiaans ul li a:hover{background:#e30038;}
#content.italiaans p.price, #content.italiaans h2 a{color:#e30038;}#nav li#m_italiaans ul li{border-bottom:1px solid #e30038;}

/*snelbestellen*/
#nav li#snelbestellen a:hover,#nav li#snelbestellen.open,#nav li#snelbestellen.closed{background:#f00;}
#nav li#m_barbecue a:hover,#nav li#m_barbecue a,#nav li#m_barbecue.closed{background:#F7E63E; color: #014991;}

/*Orientaals*/
#nav li#m_orientaals.open, #nav li#m_orientaals a:hover, #content.orientaals h1, #content.orientaals .basket tfoot, #content.orientaals p.order a, #content.orientaals div.hr, #content.orientaals p.pagenav,
#content.orientaals .contshopleft, #content.orientaals .contshopright, #content.orientaals .checkoutleft, #content.orientaals .checkoutright, #nav li#m_orientaals ul li a:hover{background:#b80037;}
#content.orientaals p.price, #content.orientaals h2 a{color:#b80037;}#nav li#m_orientaals ul li{border-bottom:1px solid #b80037;}

/*Bereide Gerechten*/
#nav li#m_bereide-gerechten.open, #nav li#m_bereide-gerechten a:hover, #content.bereide-gerechten h1, #content.bereide-gerechten .basket tfoot, #content.bereide-gerechten p.order a, #content.bereide-gerechten div.hr, #content.bereide-gerechten p.pagenav,
#content.bereide-gerechten .contshopleft, #content.bereide-gerechten .contshopright, #content.bereide-gerechten .checkoutleft, #content.bereide-gerechten .checkoutright, #nav li#m_bereide-gerechten ul li a:hover{background:#00886c;}
#content.bereide-gerechten p.price, #content.bereide-gerechten h2 a{color:#00886c;}#nav li#m_bereide-gerechten ul li{border-bottom:1px solid #00886c;}

/*Eenpsersoonsmaaltijden*/
#nav li#m_eenpersoonsmaaltijden.open, #nav li#m_eenpersoonsmaaltijden a:hover, #content.eenpersoonsmaaltijden h1, #content.eenpersoonsmaaltijden p.order a, #content.eenpersoonsmaaltijden .basket tfoot, #content.eenpersoonsmaaltijden p.order a, #content.eenpersoonsmaaltijden div.hr, #content.eenpersoonsmaaltijden p.pagenav,
#content.eenpersoonsmaaltijden .contshopleft, #content.eenpersoonsmaaltijden .contshopright, #content.eenpersoonsmaaltijden .checkoutleft, #content.eenpersoonsmaaltijden .checkoutright, #nav li#m_eenpersoonsmaaltijden ul li a:hover{background:#578343;}
#content.eenpersoonsmaaltijden p.price, #content.eenpersoonsmaaltijden h2 a{color:#578343;}#nav li#m_eenpersoonsmaaltijden ul li{border-bottom:1px solid #578343;}

/*Sauzen*/
#nav li#m_sauzen.open, #nav li#m_sauzen a:hover, #content.sauzen h1, #content.sauzen .basket tfoot, #content.sauzen  p.order a, #content.sauzen div.hr, #content.sauzen p.pagenav,
#content.sauzen .contshopleft, #content.sauzen .contshopright, #content.sauzen .checkoutleft, #content.sauzen .checkoutright, #nav li#m_sauzen ul li a:hover{background:#765140;}
#content.sauzen p.price, #content.sauzen h2 a{color:#765140;}#nav li#m_sauzen ul li{border-bottom:1px solid #765140;}

/*communie*/
#nav li#m_communie.open, #nav li#m_communie a:hover, #content.communie h1, #content.communie .basket tfoot, #content.communie  p.order a, #content.communie div.hr, #content.communie p.pagenav,
#content.communie .contshopleft, #content.communie .contshopright, #content.communie .checkoutleft, #content.communie .checkoutright, #nav li#m_communie ul li a:hover{background:#765140;}
#content.communie p.price, #content.communie h2 a{color:#765140;}#nav li#m_communie ul li{border-bottom:1px solid #765140;}

/*Eindejaarsartikelen*/
#content.personeel h1, #nav li#m_eindejaarsartikelen.open, #nav li#m_eindejaarsartikelen a:hover, #content.eindejaarsartikelen h1, #content.eindejaarsartikelen .basket tfoot, #content.eindejaarsartikelen p.order a, #content.eindejaarsartikelen div.hr, #content.eindejaarsartikelen p.pagenav,
#content.eindejaarsartikelen .contshopleft, #content.eindejaarsartikelen .contshopright, #content.eindejaarsartikelen .checkoutleft, #content.eindejaarsartikelen .checkoutright, #nav li#m_eindejaarsartikelen ul li a:hover{background:#243185;}
#content.eindejaarsartikelen p.price, #content.eindejaarsartikelen h2 a{color:#243185;}#nav li#m_eindejaarsartikelen ul li{border-bottom:1px solid #243185;}

/*--- CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#content.promoties h1{background: #b91014 url(../i/shop/reclame.gif) 10px 4px no-repeat;	}
.promoties h1 span strong{display:none}
.promoties h1 span{text-transform:lowercase;font-size:14px;font-weight:normal;padding-left:110px;}

#content.promoties-nl h1{background: #FE6401 url(../i/shop/reclame-nl.gif) 10px 4px no-repeat;	}
.promoties-nl h1 span strong{display:none}
.promoties-nl h1 span{text-transform:lowercase;font-size:14px;font-weight:normal;padding-left:110px;}

#content {color:#666;}
#content h1 {color:#FFF;cursor:default;}

/*--- PRODUCTOVERZICHT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
 div.hr {
  height: 8px;
  clear: both;
  margin: 10px 0;
  width:100%;
}
div.hr hr {
  display: none;
}
div.product h2 {padding:0;margin:0;}
div.product h2 a,
div.product h2 a:visited { text-decoration:none;}
div.product h2 a:hover { color:#000;}
div.product a.image {
	z-index:1000;
	padding:0;
	display: block;
	width:200px;
	margin:0 20px 10px 0;
	text-align:center;
	background:#FFF;
	float:left;
}
div.product{min-height:150px;margin:0;}
div.product a.image img {vertical-align:top;float:none; width: 200px;}
#content p.pagenav{clear:both;color:#FFF;text-align:center;padding:12px 0;margin:10px 0 0 0;}
#content p.pagenav span{font-weight:bold;color:#C8DB00;}
#content p.pagenav a{color:#FFF;text-decoration:none;}
#content p.pagenav a:hover{text-decoration:underline;}
#content div.product div p.code{float:right; font-weight:bold; color:#00498e;font-size:14px;margin-top:-16px;}
div.product .prep{float:right;}
#content div.product div{padding:0px 0 0 220px;}
* html #content div.product div{padding:-16px 0 0 220px;}
#content div.product p.desc {margin-top:6px;}

/*--- PRODUCTDETAIL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/

div.product p.order a, #productdetail p.order a{
	color:#FFF;
}
div.product p.order a:hover, #productdetail p.order a:hover{
	color: #fff;
}
div.product span.send, #productdetail span.send, div.product span.send a, #productdetail span.send a {color:#999;}
div.product span.send a:hover, #productdetail span.send a:hover {color:#C00;}

/*--- SIDEBAR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#sidebar {background:url(../i/bg-sidebar.gif);}
#sidebar div.box h2{cursor:default;font-weight:bold;}

/*--- FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#footer { color:#666; }
#footer a { color:#666; }
#footer a:hover { color:#C00; }

/*--- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
/*--- TYPOGRAPHY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
/*--- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/

/*--- BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
body {
	font-family:Arial, Verdana, Sans Serif;
	font-size:13px;
}
.error{color:red;}


/*--- LANGUAGE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#language {
	font-size:11px;
}
#language a, #sidebar div.box p a{
	text-decoration:none;
}
/*--- BREADCRUMBS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#breadcrumbs {
	font-size:11px;
}
#breadcrumbs img{line-height:29px;}

#breadcrumbs a, #breadcrumbs a:visited{ text-decoration:none;}
#breadcrumbs a:hover{ text-decoration:underline;}

/*--- NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#nav{
	font-size: 13px;
	text-align:right;
	list-style: none;
	background: #014991;
}
#nav li ul{
	font-size: 11px;
	list-style: none;
	font-weight:normal;
}
#nav li a {
	text-decoration:none;
}

/*--- CONTENT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#content h1 {
	font-size:15px;
	line-height:40px;
	font-weight:bold;
	text-indent:10px;
	margin-bottom: 30px;
	z-index: 1;
}
#content h2 {
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
	margin:0;
	padding:0;
}

#content ul{
	list-style: none;
}
#content p{padding:0 0 15px 0;margin:0;}


/*--- PRODUCTDETAIL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
div.product h2{line-height:15px;font-weight:bold;}
div.product h2 a{font-size:13px;}
div.product p.price {font-size:20px;font-weight:bold;}
#productdetail p.price {font-size:20px;}


div.product p.price span, #productdetail p.price span {
	font-size:20px;
}
div.product p.price span.currency, #productdetail p.price span.currency {
	vertical-align:middle;
	font-size:15px;
	margin-right:6px;
}
#productdetail p.price {
	text-align: right;
	padding: 0;
}
div.product p.order a, #productdetail p.order a{
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	display: block;
	width: 100px;
	height: 28px;
	float: left;
	display: inline;
	margin-right: 12px;
}
.product .qtyform, #productdetail .qtyform {
	margin: 0 0 20px 0;
}
#content .qtyform label {
	display: inline;
	float: left;
	line-height: 30px;
	margin-right: 6px;
}
form.qtyform input{
	float: left;
}
form.qtyform input#qtysubmit{
	margin: 0 0 0 5px;
	cursor: pointer;
	font-weight:bold;
	font-size: 12px;
	height: 28px;
	border: none;
	text-transform: uppercase;
	color: #fff;
	text-weight: bold;
	line-height: 30px;
}
#content div.product form.qtyform p.order, #content div#productdetail form.qtyform p.order {
	float: left;
	margin-left: 5px;
}
div.product p.price span.send, #productdetail p.price span.send {
	font-size:50%;
	display:block;
	/*border:1px solid red;*/
}
div.product span.send a, #productdetail span.send a {
	text-decoration:none;
}
/*--- SIDEBAR ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#sidebar div.box h2 {
	font-size: 13px;
	letter-spacing:1px;
	line-height:30px;
	text-indent:20px;
}


/*--- FORMS , INPUTS, BUTTONS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#sidebar #search label{display:none;}
#sblogin label{display:block;margin:0 0 0 10px;padding:0;}
#sbnewsletter label{display:block;margin:0 0 0 10px;padding:0;}

#sidebar form{display:inline;}
input {
	margin:2px 0 0 10px;
	border: 1px solid #c3c3c3;
	border-bottom-color: #ddd;
	border-top-color: #7c7c7c;
}
textarea{
	margin:2px 0 20px 10px;
	border: 1px solid #ddd;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	font-family:Arial, Verdana, Sans Serif;
	font-size:13px;
}
#qside{
	background: #F2F2F2 url(../i/shop/search.png) no-repeat;
	background-position: 3px 0.2em;
	display:block;
	padding-left:20px;
	color: #333;
}
#sblogin #sbemail, #sblogin #sbpassword, #sbnewsletter #newsletterEmail{
	background: #F2F2F2;
	border: 1px solid #ddd;
	display:block;
	padding-right:20px;
	color: #333;
}

#searchsubmitside, #searchsubmitmain, #newcustomer fieldset input#submit1, #login_customer fieldset input#submit2, #sblogin #submit, #frmContact #submit, #sbnewsletter #submit3, #submit1, #frmNieuwsbrief #submit {
	border: 1px solid #014991;
	background:#014991;
	color:#C8DC00;
	padding:0px;
	width:100px;
}
#frmContact #submit{margin-left:220px;}
#content #delivery fieldset, #frmContact fieldset, #content #newsletter fieldset{
padding:0 0 10px 0;
margin:20px 0;
display:block;
max-width:480px;
text-align:left;
}
#delivery fieldset label, #newcustomer fieldset label, #login_customer fieldset label, #frmContact label {
width : 220px;
margin : 8px 0;
}
#content #delivery fieldset div label {
	display:inline;
	float: none;
}
#content #delivery fieldset div input {
	width:auto;
	display:inline;
	border: 0px;
	margin-right: 5px;
}
#content #delivery fieldset div p {
	margin: 20px 0 0 0;
}

#delivery fieldset input, #delivery fieldset select, #newcustomer fieldset input, #login_customer fieldset input, #frmContact input, #frmContact textarea {
display : block;
margin:0;
width: 200px;
}

#content #delivery fieldset br, #frmContact br{display:none;}
#content #delivery fieldset address br, #content #delivery div br {display:block;}
#content #delivery fieldset div {clear: both; float: left; margin-top: 10px;width:400px;}
#content #delivery fieldset address{
margin:0;
padding:2px 0;
}


#content #delivery fieldset, #frmContact fieldset{
border:0;
margin:0;
}
#content #delivery fieldset legend span{
color:#00498e;
}
#content #delivery fieldset input, #content #delivery fieldset select, #frmContact input {
background : #FFF;
border : 1px solid #ddd;
border-top : 1px solid #EEE;
color : #333;
}
#content #delivery fieldset.radio input, #newcustomer input#agree, #content #delivery fieldset label.cr input {
	border:none;
	background:transparent;
}
#newcustomer input#agree{width:20px;display:inline;}
#content #delivery fieldset.button input{
	border: 1px solid #FFF;
	background:#c8dc01;
	color:#004a90;
	margin:0 20px 0 0;
	float:left;
	text-align:center;
	padding:2px 8px;
	width:auto;
}
#content #delivery, #frmContact{width:480px;margin:0 0 40px 0;padding:0;	}
#content #delivery fieldset.button{margin:0;padding:0;}
#newcustomer fieldset.button, #login_customer fieldset.button{display:block;
}
#content #delivery fieldset, #frmContact fieldset{
border:0;
padding:0 0 10px 0;
margin:0;
}
#content #delivery fieldset legend, #login legend{font-weight:bold;}
#content #delivery fieldset legend span{
font-size: 160%;
font-weight:normal;
color:#00498e;
}
#delivery fieldset label, #newcustomer fieldset label, #login_customer fieldset label, #frmContact label {
float : left;
width : 220px;
margin : 8px 0;
}
#newcustomer, #login_customer{float:left;width:44%;}
#newcustomer{
	border-right: 1px solid #DDD;
	margin-right:10px;
}
#newcustomer fieldset label, #login_customer fieldset label{float:none;}

#content #delivery fieldset#DeliveryMethods label, #content #delivery fieldset#PaymentMethods label, #content #newsletter fieldset label {
width:auto;
float:none;
}
#newsletter input{border:none;}
#newsletter legend{color:#000;font-size:14px;}

#content #delivery fieldset#DeliveryMethods p, #content #delivery fieldset#PaymentMethods p{
font-style:normal;
font-size:11px;
color:#A1A1A1;
}

#content #delivery fieldset#DeliveryMethods strong, #content #delivery fieldset#PaymentMethods strong {color:#c00;font-weight:normal;}

#content #delivery fieldset input, #content #delivery fieldset select, #frmContact input, #frmContact textarea {
font-family : "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
font-size : 100%;
}
#content div#delivery, #frmContact{width:480px;max-width:480px;float:left;}
#content div#delivery form{width:480px;max-width:480px;float:left;}

.basket-checkout {
text-align : right;
width:580px;
margin:10px 0;
border:1px solid #ddd;
border-collapse:collapse;
}
.basket-checkout td,
.basket-checkout th {
text-align : left;
border:1px solid #ddd;
padding:4px;
}

.basket-checkout th.name {
width : 220px;
}


.basket-checkout th.money,
.basket-checkout td.money,
.basket-checkout th.remove,
.basket-checkout td.CheckoutLineQuantity,
.basket-checkout td.CheckoutLineUnitPrice,
.basket-checkout td.CheckoutLineLineTotal {
text-align : right;
}

.basket-checkout th.remove {
width : 55px;
text-align : left;
}
.basket-checkout td.CheckoutLineQuantity {
text-align : center;
}
#qty {
 margin: 0;
 padding: 0;
 width: 30px;
 height: 25px;
 font-size: 16px;
 text-align: center;
 line-height: 30px;
}

#content .promotext {
	font-size:18px;
	clear:both;
	padding: 8px 0;
	margin: 0px;
	height: 1%;
	color: #fff;
	background: #00a6ea;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	}


/*--- FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/
#footer {
	text-align: center;
	font-size:10px;
}
#content #promolist li {
	margin: 0 6px 12px 0;
	float: left;
	display: inline;
	width: 225px;
	height: 75px;
	background: #F2F6C3;
	border: 1px solid #C8DB00;
}
#promolist a {
	width: 100px;
	height: 75px;
	overflow: hidden;
}

#promolist li img {
	width: 100px;
	margin: 0 5px 0 0;
	float: left;
}

#promolist a {
	text-decoration: none;
}
#promolist {
	clear: both;
	margin: 0 0 20px 0;
}

#categorylist {
	clear: both;
	margin-bottom: 20px;
	float: left;
	align: center;
	padding: 0;
}
#promolist ul, #categorylist ul  {
	margin: 0;
	padding: 0;
	width: 700px;
}
#promolist li h3 {
	float:left;
	font-size:12px;
	line-height:12px;
	height: 22px;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
	color:#1A4E93;
}
#promolist li p {
	font-size: 20px;
	margin: 24px 0px 0px 0px;
	padding:0px;
}
#content #categorylist li {
	padding: 0;
	margin: 0 6px 0 0;
	background: #f2f6c3 url(../i/bg-arrow.gif) 0% 50% no-repeat;
	border-bottom: 1px solid #dee966;
	width: 225px;
	float: left;
	font-size: 10px;
}
#categorylist a {
	color: #004a90;
	text-decoration: none;
	display: block;
	padding-left: 24px;
	line-height: 24px;
}
#categorylist a:hover {color: #5d8f4c;}

/*--- 4 in promo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/

#promolist2 ul {
	margin: 0;
	padding: 0;
	width: 750px;
}
#content #promolist2 li {
	margin: 0 12px 10px 0;
	float: left;
	display: inline;
	width: 325px;
	height: 308px;
	padding: 10px;
	padding-bottom: 0px;
	background: #F2F6C3;
	text-align: center;
	position:relative;
}
#content #promolist2 li img{
	width: 325px;
}
#promolist2 h3 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
}
#promolist2 a {text-decoration:none;}
#promolist2 p {
	position: absolute;
	bottom: 65px;
	right: 10px;
	margin: 0;
	padding: 5px;
	font-size: 24px;
	color: #014991;
	font-weight: bold;
	background: #F2F6C3;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
}

/*--- 6 in promo ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~---*/

#promolist3 ul {
	margin: 0;
	padding: 0;
	width: 700px;
}
#content #promolist3 li {
	margin: 0 12px 10px 0;
	float: left;
	display: inline;
	width: 200px;
	height: 210px;
	padding: 10px;
	padding-bottom: 0px;
	background: #F2F6C3;
	text-align: center;
	position:relative;
}
#content #promolist3 a {
	display: block;
	background: #fff;
	height: 200px;
	width: 200px;
	line-height: 200px;
}
#content #promolist3 a img{
	vertical-align: middle;
}
#promolist3 h3 {
	font-size: 12px;
	font-weight: normal;
	margin:0;
	padding:0 0 10px 0;
}
#promolist3 a {text-decoration:none;}
#promolist3 p {
	position:absolute;
	bottom:40px;
	right:10px;
	margin:0;
	padding:5px;
	font-size: 24px;
	color:#014991;
	font-weight:bold;
	background: #F2F6C3;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.6;
}




p.how{
	color: #326EAC;
	width: 580px;
}
p.how span{
	font-weight:bold;
	font-size: 14px;
}

.extra {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #C8DC01;
	float: left;
	clear: right;
	width: 480px;
}
.extra img {
	float: left;
	margin-right: 20px;
}
#content .extra h2 {
	color: #004A90;
	margin-bottom: 20px;
	font-size: 16px;
}
#allergenetitle{
	clear: both;
}
#energytitle{
	clear: both;
}
#clientinfo label{
	display: block;
	width: 50px;
	float: left;
}
#clientinfo input{
	width: auto;
}
#btns{
	position: absolute;
	display: block;
	top: 250px;
	left: 320px;
}
#btns a img{
	margin: 0;
	padding: 0;
	border: 0px;
}
#allergene{
	float: left;
	margin-left: 10px;
	width: 250px;
	display: inline;
}

#content form.frmOrder h2{
	margin: 10px 0 10px 0;
	font-size: 14px;
}

.snelbestellen .order{
	width: 820px;
}
.snelbestellen .order input.bestel{
}
.snelbestellen table{
	width: 845px;
}
.snelbestellen table.mdata tr th.view,
.snelbestellen table.mdata tr th.edit,
.snelbestellen table.mdata tr th.del,
.snelbestellen table.mdata tr th.posts,
.snelbestellen table.mdata tr th.cats {
	width: 16px;
}
.snelbestellen table.mdata {
	width:97%;
	margin: 0 0 10px 0;
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	border: 1px solid #D9D9D9;
	border-left:none;
	clear:both;
}
.snelbestellen table.mdata a {color:#0091ff;}
.snelbestellen table.mdata a:hover{color:#c00;}

.snelbestellen table.mdata tr {
	border:0;
	margin: 10px 0 10px 0;
}
.snelbestellen table.mdata tr td, table.mdata tr th {
	border:0;
	padding: 3px 8px;
	border-left: 1px solid #D9D9D9;
}
.snelbestellen table.mdata thead tr th{
	padding: 8px 8px;
}
.snelbestellen table.mdata tfoot tr td{
	border-top: 1px solid #D9D9D9;
}
.snelbestellen table.mdata tfoot tr td{
	padding: 6px 8px;
}
.snelbestellen table.mdata thead{
	background: url(../i/admin/bg_nav.gif);
	background-position:top left;
	background-repeat:repeat-x;
	text-transform:none;
}

.snelbestellen table.mdata tr td, .snelbestellen table.mdata tr th {
	border: 0;
	padding: 3px 8px 3px 8px;
	border-left: 1px solid #d9d9d9;
}
.snelbestellen table.mdata tr th.price {
	text-align:center;
	width:57px;
}
.snelbestellen table.mdata tr td.price {
	text-align:right;
}
.snelbestellen table.mdata tr th.quantity {
	text-align:center;
}
.snelbestellen table.mdata tr td.quantity {
	text-align:center;
}
.snelbestellen table.mdata tr.odd {
	background:#edf3fe;
}
.snelbestellen table.mdata tr.oddpromo {
	color: #EA8825;
	background:#edf3fe;
}
.snelbestellen table.mdata tr.promo {
	color: #EA8825;
	background:#fff;
}
.snelbestellen form input.qty{
	font-family: "Trebuchet MS",Verdana;
	font-size: 13px;
	width: 50px;
	text-align: right;
	margin-right: 5px;
	padding-right: 5px;
	margin-left: 0pt;
	padding-left: 0pt;
}
.snelbestellen input.bestel {
	margin: 0 0 0 5px;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	height: 28px;
	background: #C8DC00;
	border: 1px solid #C8DC00;
	text-transform: uppercase;
	color: #fff;
	line-height: 30px;
	position: relative;
}
.alignleft{
	float: left;
}
.alignright{
	float: right;
}
li#snelbestellen a{
	background: #f00;
}
#sponsorlink{
	width: 120px;
	text-align: center;
	display: block;
	padding: 5px;
	margin-left: 400px;
	color: #fff;
	text-decoration: none;
	background: #014991;
}


#nav .color_1 a:hover {
	color: #fff;
	background: #B21C3B;
}
#nav .color_2 a:hover{
	color: #fff;
	background: #3DBA3F;
}
#nav .color_3 a:hover{
	color: #fff;
	background: #452793;
}
#nav .color_4 a:hover{
	color: #fff;
	background: #C58E2E;
}
#nav .color_5 a:hover{
	color: #fff;
	background: #0081C1;
}
#nav .color_6 a:hover{
	color: #fff;
	background: #EA8825;
}
#nav .color_7 a:hover{
	color: #fff;
	background: #6E323B;
}
#nav .color_8 a:hover{
	color: #fff;
	background: #00886C;
}
#nav .color_9 a:hover{
	color: #fff;
	background: #8A0066;
}

.sfeerfoto{
	width: 690px;
}