/*
-----------------------------------------------------------------------------------------

	Deze website is gebouwd door: Juice BV

	Noorderbaan 10
	5388 RB Nistelrode
	T: 0412-611453
	F: 0412-614963
	E: info@itsallinthemix.nl
	I: www.itsallinthemix.nl

-----------------------------------------------------------------------------------------
*/

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
body {
	background-color: #ffb300;
	font-family: Verdana;
	font-size: 12px;
	text-align: center;
	color: #262a39;
}
a {
	color:  #262a39;
}
img {
	border: 0;
}
div#Background {
	background-image: url( '../images/background/repeatX.jpg' );
	background-position: top left;
	background-repeat: repeat-x;
	left: 0;
	top: 0;
	height: 100%;
	position: absolute;
	width: 50%;
}
div#pattern {
	background-image: url( '../images/background/pattern.png' );
	background-position: top left;
	background-repeat: repeat-y;
	_background: none;
 	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=enabled, src='/images/background/pattern.png', sizingMethod='crop');
	left: 0;
	top: 0;
	height: 100%;
	position: absolute;
	width: 100%;
}
div#Body {
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 1024px;
}
div#Body #Header {
	background-image: url( '../images/background/top.gif' );
	background-position: top center;
	background-repeat: no-repeat;
	height: 200px;
	position: relative;
}
div#Body #Header a {
	float: left;
	height: 26px;
	display: block;
	margin: 0 32px 0 0;
}
div#Body #Header ul {
	margin: 0;
	padding: 0;
	display:inline;
}
div#Body #Header ul li {
	
	padding: 0;
	display: inline;
}
div#Body #Header #Home {
	margin-left: 190px;
	width: 95px;
	background-image: url(../images/topNavigation/HOME.gif);
}
div#Body #Header .selected #Home, div#Body #Header ul li #Home:hover {
	background-image: url(../images/topNavigation/hover_Home.jpg);
}
div#Body #Header #BBQ 
{
	background-image: url(../images/topNavigation/BBQ.gif);
	width: 80px;
}
div#Body #Header .selected #BBQ, div#Body #Header ul li #BBQ:hover {
	background-image: url(../images/topNavigation/hover_BBQ.jpg);
}
div#Body #Header #Gourmet {
	width: 140px;
	background-image: url(../images/topNavigation/GOURMET.gif);
}
div#Body #Header .selected #Gourmet, div#Body #Header ul li #Gourmet:hover {
	background-image: url(../images/topNavigation/hover_Gourmet.jpg);
}
div#Body #Header #Tips {
	width: 80px;
}
div#Body #Header .selected #Tips, div#Body #Header ul li #Tips:hover {
	background-image: url(../images/topNavigation/hover_Tips.jpg);
}
div#Body #Header #Fotowedstrijd {
	width: 200px;
}
div#Body #Header .selected #Fotowedstrijd, div#Body #Header ul li #Fotowedstrijd:hover {
	background-image: url(../images/topNavigation/hover_Fotowedstrijd.jpg);
}
div#Body #Header #Gastenboek {
	width: 200px;
}
div#Body #Header .selected #Gastenboek, div#Body #Header ul li #Gastenboek:hover {
	background-image: url(../images/topNavigation/hover_Gastenboek.jpg);
}
div#Body #Header #Contact {
	width: 135px;
	background-image: url(../images/topNavigation/CONTACT.gif);
}
div#Body #Header .selected #Contact, div#Body #Header ul li #Contact:hover {
	background-image: url(../images/topNavigation/hover_Contact.jpg);
}
div#Body #Header #Tapas {
	width: 130px;
	background-image: url(../images/topNavigation/TAPAS.gif);
}
div#Body #Header .selected #Tapas, div#Body #Header ul li #Tapas:hover {
	background-image: url(../images/topNavigation/hover_Tapas.jpg);
}
div#Body #Header #Winkelmandje {
	width: 60px;
	background-image: url(../images/topNavigation/WINKELMANDJE.gif);
}
div#Body #Header .selected #Winkelmandje, div#Body #Header ul li #Winkelmandje:hover {
	background-image: url(../images/topNavigation/hover_Winkelmandje.jpg);
}
div#Body #Main {
	bottom: 0px;
	position: relative;
	top: 0px;
	width: 1024px;
}
div#Body #Main:after {
	content: " ";
	display: block;
	clear: both;
}
div#Body #Main #Navigation {
	left: 0;
	float: left;
	position: absolute;
	width: 189px;
}
div#Body #Main #Navigation ul {
	list-style-type: none;
	padding: 8px 20px 0 7px;	/* FF */
	margin: 8px 20px 0 7px;	/* IE */
}
div#Body #Main #Navigation ul li {
	margin: 0;
	padding: 0;
}
/* NOTE: My height, top position and padding are linked to BBYenZo.js, top variables! */
div#Body #Main #Navigation ul a {
	left: 14px;
	display: block;
	height: 43px;
	width: 195px;
	margin-bottom: 5px;
}
div#Body #Main #Navigation ul a div {
	background: url(../images/sideNavigation/empty.png);
	height: 38px;
	padding-top: 5px;
}
div#Body #Main #Content {
	top: 0;
	bottom: 0;
	float: right;
	padding: 15px 39px 15px 29px;
	text-align: left;
	top: 0px;
	width: 770px;
	overflow: hidden;
	background-image: url( '../images/background/repeatY.jpg' );
	background-position: 3px 0;
	background-repeat: repeat-y;
	min-height: 290px;
}
div#Body #Main #Content #floatLeft {
	float: left;
	width: 377px;
	overflow: hidden;
}
div#Body #Main #Content #floatLeft .title, div#Body #Main #Content #contact .title, div#Body #Main #Content #winkelmandje .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
div#Body #Main #Content #floatLeft .row {
	overflow: hidden;
	padding: 5px 0 5px 0;
}
div#Body #Main #Content #floatLeft .row .left {
	float: left;
	width: 60px;
}
div#Body #Main #Content #floatLeft .row .leftextra {
	float: left;
	width: 140px;
}
div#Body #Main #Content #floatLeft .right {
	float: left;
}
div#Body #Main #Content #floatLeft .rightextra {
	float: left;
	margin: 0px 0px 0px 24px;
}
div#Body #Main #Content #floatLeft .rightextradatum {
	float: left;
	margin: 0px 0px 0px 7px;
}
div#Body #Main #Content #floatRight {
	float: right;
	height: auto;
	text-align: center;
	vertical-align: middle;
	width: 377px;
	overflow: hidden;
}
div#Body #Main #Content #winkelmandje {
}
div#Body #Main #Content #winkelmandje .mandje {
	overflow: hidden;
}
div#Body #Main #Content #winkelmandje .totaal {
	float: right;
	width: 200px;
	overflow: hidden;
	border-top: 2px solid #ffb300;
	margin-right: 80px;
	line-height: 20px;
	margin-top: 10px;
}
div#Body #Main #Content #winkelmandje .totaal .left {
	float: left;
	/*font-weight	: bold;*/
	width: 115px;
}
div#Body #Main #Content #winkelmandje .totaal .right {
	float: left;
}
div#Body #Main #Content .bestellingBevestigen {
	margin-left: 20px;
}
div#Body #Main #Content #winkelmandje .row {
	overflow: hidden;
	margin: 5px 0 5px 0;
	clear: both;
}
div#Body #Main #Content #winkelmandje span {
	clear: both;
}
div#Body #Main #Content #winkelmandje .row .item {
	float: left;
	line-height: 18px;
}
div#Body #Main #Content #winkelmandje .row .kop {
	font-weight: bold;
}
div#Body #Main #Content #winkelmandje .row .soort {
	width: 280px;
}
div#Body #Main #Content #winkelmandje .row .aantal {
	width: 80px;
}
div#Body #Main #Content #winkelmandje .row .aantal input {
	width: 30px;
}
div#Body #Main #Content #winkelmandje .row .stukprijs {
	width: 100px;
}
div#Body #Main #Content #winkelmandje .row .verwijderen {
	width: 150px;
	text-align: center;
}
div#Body #Main #Content #winkelmandje .row .verwijderen a {
	color: #262a39;
	text-decoration: none;
}
div#Body #Main #Content #winkelmandje .row .verwijderen a:hover {
	color: #ffb300;
}
div#Body #Main #Content #winkelmandje .row .totaal {
	width: 80px;
	border: 0;
	margin: 0;
}
div#Body #Main #Content #winkelmandje .bestellingBevestigen .row .totaal {
	width: 60px;
}
div#Body #Main #Content #extras {
	margin-top: 10px;
	display: none;
}
div#Body #Main #Content #extras .title {
	font-size: 16px;
	font-weight: bold;
}
div#Body #Main #Content #extras .row {
	overflow: hidden;
	line-height: 18px;
}
div#Body #Main #Content #extras .row .left {
	float: left;
	width: 300px;
}
div#Body #Main #Content #extras .row .right {
	float: left;
	margin-right: 10px;
}

/* BBQ-arangement */
div#Body #Main #Content #arangement {
}
div#Body #Main #Content #arangement .item {
	width: 244px;
	height: 393px;
	float: left;
	margin: 20px 6px 0 6px;
	background: url(../images/arangement/total_bg.jpg);
}
div#Body #Main #Content #arangement .item .standaardBijgeleverd {
	position: absolute;
	z-index	: 100;
	margin: 180px 0 0 210px;
	/*
	background	: white;
	border		: 3px solid orange;
	*/
	visibility: hidden;
	width: 196px;
	line-height: 18px;
	text-align: center;
	font-size: 8pt;
}
div#Body #Main #Content #arangement .item .standaardBijgeleverd .roundTop {
	height: 8px;
	background: url(../images/arangement/bg_top.gif);
}
div#Body #Main #Content #arangement .item .standaardBijgeleverd .roundBottom {
	height: 8px;
	background: url(../images/arangement/bg_bottom.gif);
}
div#Body #Main #Content #arangement .item .standaardBijgeleverd .roundCenter {
	background: url(../images/arangement/bg_center.gif);
}
div#Body #Main #Content #arangement .item .standaardBijgeleverd .title {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}
div#Body #Main #Content #arangement .item .standaardBijgeleverd .catname {
	font-size: 9pt;
	font-weight: bold;
}
div#Body #Main #Content #arangement .item .standaardBijgeleverd a {
	text-decoration: none;
}
div#Body #Main #Content #arangement .item .standaardBijgeleverd a:hover {
	text-decoration: underline;
}
div#Body #Main #Content #arangement .item .productenGegevens {
	position: absolute;
	margin: 0px 0 0 210px;
	z-index: 100;
	/*
	background	: white;
	border		: 3px solid orange;
	*/
	background: url(../images/arangement/round_bg.gif);
	visibility: hidden;
	width: 176px;
	height: 156px;
	padding: 10px;
	text-align: center;
	font-size: 8pt;
}
div#Body #Main #Content #arangement .item .header {
	height: 354px;
}
div#Body #Main #Content #arangement .item .header .title {
	height: 86px;
	background: no-repeat center 13px;
}
div#Body #Main #Content #arangement .item .header .info {
	margin: 10px 20px 0 20px;
	line-height: 18px;
	text-align: center;
}
div#Body #Main #Content #arangement .item .header .info a {
	text-decoration: none;
	color: White;
}
div#Body #Main #Content #arangement .item .header .info a:hover {
	text-decoration: underline;
}
div#Body #Main #Content #arangement .item .footer {
	height: 40px;
	text-align: center;
}

/* Tapas-arangement */
div#Body #Main #Content #tapas {
}
div#Body #Main #Content #tapas .item {
	width: 358px;
	height: 484px; /* 384px */
	float: left;
	margin: 20px 6px 0 6px;
	background: url(../images/arangement/tapas_bg.gif);
}
div#Body #Main #Content #tapas .item .standaardBijgeleverd {
	position: absolute;
	z-index	: 400;
	margin: 180px 0 0 210px;
	/*
	background	: white;
	border		: 3px solid orange;
	*/
	visibility: hidden;
	width: 196px;
	line-height: 18px;
	text-align: center;
	font-size: 8pt;
}
div#Body #Main #Content #tapas .item .standaardBijgeleverd .roundTop {
	height: 8px;
	background: url(../images/arangement/bg_top.gif);
}
div#Body #Main #Content #tapas .item .standaardBijgeleverd .roundBottom {
	height: 8px;
	background: url(../images/arangement/bg_bottom.gif);
}
div#Body #Main #Content #tapas .item .standaardBijgeleverd .roundCenter {
	background: url(../images/arangement/bg_center.gif);
}
div#Body #Main #Content #tapas .item .standaardBijgeleverd .title {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}
div#Body #Main #Content #tapas .item .standaardBijgeleverd .catname {
	font-size: 9pt;
	font-weight: bold;
}
div#Body #Main #Content #tapas .item .standaardBijgeleverd a {
	text-decoration: none;
}
div#Body #Main #Content #tapas .item .standaardBijgeleverd a:hover {
	text-decoration: underline;
}
div#Body #Main #Content #tapas .item .productenGegevens {
	position: absolute;
	margin: 0px 0 0 210px;
	z-index: 400;
	/*
	background	: white;
	border		: 3px solid orange;
	*/
	background: url(../images/arangement/round_bg.gif);
	visibility: hidden;
	width: 176px;
	height: 156px;
	padding: 10px;
	text-align: center;
	font-size: 8pt;
}
div#Body #Main #Content #tapas .item .header {
	height: 445px; /* 345 */
}
div#Body #Main #Content #tapas .item .header .title {
	height: 86px;
	background: no-repeat center 13px;
}
div#Body #Main #Content #tapas .item .header .info {
	margin: 10px 20px 0 20px;
	line-height: 18px;
	text-align: center;
}
div#Body #Main #Content #tapas .item .header .infoLeft {
	float: left;
	width: 150px;
	margin: 10px 0 0 20px;
	line-height: 18px;
	text-align: center;
	color: #FFFFFF;
}
div#Body #Main #Content #tapas .item .header .infoRight {
	float: right;
	width: 150px;
	margin: 10px 20px 0 0;
	line-height: 18px;
	text-align: center;
	color: #FFFFFF;
}
div#Body #Main #Content #tapas .item .header .infoLeft h2,
div#Body #Main #Content #tapas .item .header .infoRight h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
div#Body #Main #Content #tapas .item .header .infoLeft a,
div#Body #Main #Content #tapas .item .header .infoRight a {
	text-decoration: none;
	color: #FFFFFF;
}
div#Body #Main #Content #tapas .item .header .infoLeft a:hover,
div#Body #Main #Content #tapas .item .header .infoRight a:hover {
	text-decoration: underline;
}
div#Body #Main #Content #tapas .item .footer {
	height: 40px;
	text-align: center;
}

/* Standaard Bijgeleverd */
div#Body #Main #Content #standaardBijgeleverd {
}
div#Body #Main #Content #standaardBijgeleverd .row {
	overflow: hidden;
	margin: 25px 0 0 0;
}
div#Body #Main #Content #standaardBijgeleverd .item {
	width: 356px;
	height: 177px;
	float: left;
	background: url(../images/standaardBijgeleverd/bg.jpg);
	margin: 0 14px 0 14px;
}
div#Body #Main #Content #standaardBijgeleverd .item .title {
	height: 40px;
	background: no-repeat center 6px;
}
div#Body #Main #Content #standaardBijgeleverd .item .info {
	margin: 10px 20px 0 20px;
	line-height: 18px;
}
div#Body #Main #Content #standaardBijgeleverd .item .info a {
	text-decoration: none;
}
div#Body #Main #Content #standaardBijgeleverd .item .info a:hover {
	text-decoration: underline;
}
div#Body #Main #Content #contact {
	margin: 0 0 0 20px;
}
div#Body #Main #Content #contact .row, div#Body #Main #Content #floatLeft .row {
	overflow: hidden;
	padding: 5px 0 5px 0;
}
div#Body #Main #Content #contact .row a:hover {
	text-decoration: none;
}
div#Body #Main #Content #contact .row div, div#Body #Main #Content #floatLeft .row div {
	float: left;
}
div#Body #Main #Content #contact .row .left, div#Body #Main #Content #floatLeft .row .left {
	width: 140px;
}
.leftWidthLarger {
	width: 240px;
}
div#Body #Main #Content #contact .row .middle, div#Body #Main #Content #floatLeft .row .middle {
	width: 20px;
	text-align: center;
}
div#Body #Main #Content #contact .row .right, div#Body #Main #Content #floatLeft .row .right {
}
div#Body #footerButtons {
	text-align: left;
	clear: both;
	overflow: hidden;
	padding-top: 30px;
	z-index: -1;
}
div#Body #footerButtons a {
	margin: 0 20px 0 20px;
	width: 189px;
}
div#Body #footerButtons a img {
}
div#Body #reedsIngezonden {
	overflow: hidden;
}
div#Body #reedsIngezonden .item {
	float: left;
	width: 230px;
	margin: 10px;
}
div#Body #reedsIngezonden .afbeelding {
	height: 150px;
}
div#Body #reedsIngezonden .info {
	padding: 10px;
}
div#Body #Footer {
	height: 55px;
	padding: 18px 14px 0 190px;
	width: 820px;
	background: no-repeat url(../images/background/bottom.gif);
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
div#Body #Footer a {
	color: White;
}
div#Body #Footer .sitemapURL {
	text-align: right;
}
div#Body #Footer .sitemapURL a {
	color: White;
}
.row {
	display:block;
}
fieldset {
	padding:0px;
	margin:0px;
	border:0px solid white;
}
/*
	ADDED 26-3-2009
*/
.starsToShow {
	position: absolute;
	width: 244px;
	margin-top: -30px;
	text-align: center;
	z-index: 1;
}
starsToShow2
{	
	position: absolute;
	width: 244px;
	margin-top: -30px;
	text-align: center;
	z-index: 1;
}
div#Body #Main #Content .bestelButton {
	clear: both;
	text-align: right;
}
.xRow
{
	overflow	: hidden;
	clear		: both;
}
	.tapasLeft
	{	
		float	 :left;
		display	: block;
		margin	: 0 0 0 20px;
	}
	.tapasRight
	{	
		float	: right;
		display: block;
		margin	: 0 20px 0 0 ;
	}