body
	{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../../_images/body-bg.jpg) no-repeat scroll center 638px;
	font-size:12px;
	behavior:url(../_scripts/IEmen.htc);
	}
	
/*========================================>>>>>default css<<<<<===========================================*/
a,p,span, x:-moz-any-link 
	{
	opacity:0.9;
	}
	
html *
	{
	margin:0px;
	padding:0px;
	}
	
ul
	{
	margin:0px;
	padding:0px;
	}
	
a
	{
	outline:none;
	text-decoration:none;
	}
	
img
	{
	border:0px;
	}
	
.wrapper
	{
	margin:auto;
	width:766px;
	padding:40px 0px 0px 0px;
	}
	
.content-container
	{
	float:left;
	width:766px;
	padding:0px 0px 50px 0px;
	}
	
/*================================>>>>>png css script for front image<<<<<===============================*/
	
* html img,
* html .png
{
    behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "http://komodomedia.com/wp-content/uploads/2007/11/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
        
    );
}

/*========================================>>>>>header css<<<<<===========================================*/

.header
	{
	float:left;
	width:763px;
	height:143px;
	}

.logo,.logo h1,.logo h1 a,.header-right img
	{
	float:left;
	}
	
.logo h1 a
	{
	float:left;
	width:165px;
	text-indent:-2000px;
	height:143px;
	background:url(../../_images/logo.gif) no-repeat;
	}
	
.header-right
	{
	float:right;
	width:552px;
	padding:77px 0px 0px 0px;
	}
	
/*========================================>>>>>menu css<<<<<===========================================*/

.menu 
	{
	float:left;
	width:766px;
	height:55px;
	padding:12px 0px 0px 1px;
	}

.menu ul li
	{
	float:left;
	list-style:none;
	padding:0px 0px 0px 9px;
	position:relative;
	background:url(../../_images/li-bg.gif) no-repeat scroll 0px 1px;
	}

.menu ul li a
	{
	height:18px;
	float:left;
	padding:0px 0px 0px 0px;
	font-size:14px;
	text-indent:-10000px;
	cursor:pointer;
	background:no-repeat;
	}
	
.menu ul li a:hover
	{
	background-position:0px -33px;
	}
	
*html .menu ul li a:hover
	{
	background-position:0px -33px;
	}

	
.menu ul li a.selected_hover_menu
	{
	background-position:0px -33px;
	}
	
.menu ul ul.submenu1
	{
	position:absolute;
	top:18px;
	left:-47px;
	width:692px;
	display:none;
	padding:0px 0px 0px 56px;
	background:#fff;
	z-index:10;
	}
	
.menu ul ul.submenu2
	{
	position:absolute;
	top:18px;
	left:-157px;
	width:582px;
	display:none;
	background:#fff;
	padding:0px 0px 0px 165px;
	z-index:10;
	}
	
.menu ul ul.submenu3
	{
	position:absolute;
	top:18px;
	left:-286px;
	width:490px;
	display:none;
	background:#fff;
	padding:0px 0px 0px 295px;
	z-index:10;
	}

.menu ul li.first
	{
	background:none;
	float: left;
	padding:0px 0px 0px 0px;
	margin:0px;
	}
	
.menu ul li.first a
	{
	padding:0px 0px 0px 0px;
	}
	
.menu ul li:hover ul
	{
	display:block;
	} 
	
.menu ul li:hover 
	{
	z-index:11;
	position:relative;
	}
	
.menu ul li ul  li
	{
	float:left;
	padding:0px 0px 0px 2px;
	margin:0px;
	background:url(../../_images/submenu-li-bg.gif) no-repeat scroll 0px 0px;
	}
	
#home .menu ul li a.home,#even-voorstellen .menu ul li a.de-harlekijn,#de-harlekijn .menu ul li a.even-voorstellen,#lunch .menu ul li a.lunch,#feesten-and-partijen .menu ul li a.feesten-and-partijen
	{
	background-position:0px -18px;
	display:block;
	}
	
*+html #even-voorstellen .menu ul li.de-harlekijn_li ul,*+html #contact .menu ul li ul.submenu1
	{
	display:block;
	left:-45px;
	}

/*========================================>>>>>left css<<<<<===========================================*/

.left
	{
	float:left;
	width:164px;
	height:100px;
	}
	
.special-offer
	{
	float:left;
	position:relative;
	width:164px;
	height:270px;
	background:url(../../_images/left-offer-bg.jpg) no-repeat;
	margin:14px 0px 0px 0px;
	}
	
.special-offer a
	{
	float:left;
	margin:26px 0px 4px 24px;
	}
	
.special-offer-description
	{
	position:absolute;
	width:129px;
	left:0px;
	padding:0px 27px 0px 14px;
	bottom:39px;
	}
	
.special-offer-description h2
	{
	font-size:18px;
	font-weight:normal;
	padding:0px 0px 0px 2px;
	letter-spacing:1px;
	color:#fff;
	}
	
.special-offer-description p
	{
	padding:9px 0px 0px 0px;
	line-height:16px;
	color:#8e8e8f;
	}

.special-offer-description p.price
	{
	text-align:right;
	font-size:18px;
	color:#fff;
	}
	
.static-offer-description
	{
	float:left;
	font-size:16px;
	color:#fff;
	padding:30px 10px 10px 15px;
	}
	
/*==================================>>>>>content-container-right css<<<<<============================*/

.content-container-right
	{
	float:right;
	margin:0px 3px 0px 0px;
	width:582px;
	background:#b60c1c;
	}
	
.top-left 
	{
	float:left;
	width:100%;
	background:url(../../_images/content-container-tlc.gif) scroll 0px 0px no-repeat;
	}
	
.top-right 
	{
	float:left;
	width:100%;
	background:url(../../_images/content-container-trc.gif) no-repeat scroll 100% 0px;
	}
	
.bottom-right 
	{
	float:left;
	width:100%;
	background:url(../../_images/content-container-brc.gif) no-repeat scroll 100% 100%;
	}
	
.bottom-left 
	{
	float:left;
	background:url(../../_images/content-container-blc.gif) no-repeat scroll 0px 100%;
	min-height:345px;
	_height:345px;
	padding:14px 0px 16px 16px;
	padding:14px 0px 17px 16px !ieimportant;
	}
	
.content-container-right p
	{
	font-size:12px;
	line-height:19px;
	padding:3px 0px 5px 0px;
	color:#fff;
	}
	
.content-container-right h2
	{
	font-size:14px;
	color:#fff;
	}
	
.content-container-right p span
	{
	float:left;
	width:72px;
	}
	
.content-container-right p a
	{
	color:#fff;
	}

.content-container-right p.address
	{
	padding:19px 0px 0px 0px;
	}	
/*========================================>>>>>middle css<<<<<===========================================*/

.middle
	{
	float:left;
	margin:0px 0px 0px 16px;
	width:399px;
	padding:0px 0px 0px 0px;
	background:#b60c1c;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	}
	
.middle-bottom-left 
	{
	float:left;
	background:url(../../_images/content-container-blc.gif) no-repeat scroll 0px 100%;
	min-height:344px;
	_height:344px;
	padding:15px 0px 16px 10px;
	}
	
.middle h2
	{
	font-size:14px;
	color:#fff;
	}
	
.middle-bottom-left h2.title
	{
	padding:0px 0px 15px 0px;
	}
	
.product-details
	{
	float:left;
	padding:0px 0px 12px 0px;
	}
	
.product-details p
	{
	padding:0px 0px 10px 0px;
	color:#fff;
	}
	
.product-title,.product-item
	{
	float:left;
	width:315px;
	}
	
.product-title
	{
	padding:8px 0px 0px 0px;
	}
	
.product-item
	{
	padding:4px 0px 6px 0px;
	}

.product-title span.item-number,.product-item span.item-number
	{
	float:right;
	color:#fff;
	}

.product-title h2
	{
	float:left;
	color:#fff;
	font-size:12px;
	width:185px;
	}
	
.product-title span.product-type
	{
	float:left;
	color:#fff;
	font-size:12px;
	width:85px;
	} 

.product-item h2
	{
	float:left;
	padding:2px 0px 0px 0px;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	}

.product-container
	{
	float:left;
	position:relative;
	width:384px;
	margin:4px 0px 4px 0px;
	}

.product-description
	{
	float:left;
	width:230px;
	border-bottom:2px solid #da858d;
	}
	
.product-description-small
	{
	float:left;
	width:151px;
	border-bottom:2px solid #da858d;
	}
	
.product-description span,.product-description-small span
	{
	font-weight:normal;
	background:#b60c1c;
	position:relative;
	bottom:-3px;
	color:#fff;
	}
	
.product-price
	{
	float:left;
	width:147px;
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:left;
	}
	
.product-price-large
	{
	float:left;
	width:227px;
	position:absolute;
	bottom:0px;
	right:0px;
	text-align:left;
	}

.product-price input
	{
	float:left;
	background:url(../../_images/input-text-small.gif) no-repeat;
	width:18px;
	height:13px;
	border:0px;
	padding:4px 0px 4px 3px;
	position:relative;
	margin:-7px 10px 0px 0px;
	color:#fff;
	}
	
.product-price-large input
	{
	float:left;
	background:url(../../_images/input-text-small.gif) no-repeat;
	width:18px;
	height:13px;
	border:0px;
	padding:4px 0px 4px 3px;
	position:relative;
	margin:-7px 10px 0px 0px;
	color:#fff;
	}
	
.product-price input.joint,.product-price-large input.joint
	{
	float:left;
	margin:-3px 0px 0px 0px;
	width:58px;
	height:17px;
	height:18px !ieimportant;
	background:none;
	padding:0px 0px 0px 0px;
	outline:none;
	cursor:pointer;
	}
	
.product-price input.joint,.product-price-large input.joint, x:-moz-any-link, x:default
	{
	float:left;
	margin:-3px 0px 0px 0px;
	width:54px;
	height:14px;
	height:18px !ieimportant;
	background:none;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	}

	
.product-price .product-total
	{
	float:left;
	text-align:left;
	width:46px;
	padding:0px 4px 0px 0px;
	color:#fff;
	overflow:hidden;
	}
	
.product-price-large .product-total
	{
	float:left;
	text-align:left;
	width:48px;
	padding:0px 2px 0px 0px;
	color:#fff;
	overflow:hidden;
	}
	
.product-total
	{
	text-align:right;
	}
	
.product-price .product-total,.product-price-large .product-total
	{
	text-align:right;
	}
	
.select-box
	{
	width:88px;
	float:left;
	position:relative;
	height:20px;
	top:0px;
	margin:-7px 0px 0px 0px;
	}

	
.select-box select
	{
	width:86px;
	font-size:12px;
	font-weight:bold;
	}
	
.select-box select  option.inner
	{
	font-weight:normal;
	}
	
.select-box select option.hard,.select-box select option.gentle
	{
	font-weight:bold;
	font-size:14px;
	}

/*========================================>>>>>right css<<<<<===========================================*/

.right
	{
	float:right;
	height:379px;
	width:169px;
	}
	
.right-message-list
	{
	background:url(../../_images/order-top-bg.jpg) no-repeat;
	float:left;
	height:86px;
	width:169px;
	}
	
.right-message-list img
	{
	float:left;
	margin:38px 0px 0px 14px;
	}
	
.right-inner-content
	{
	background:url(../../_images/middle-bg.jpg) repeat-y;
	float:left;
	min-height:245px;
	_height:245px;
	width:150px;
	padding:0px 19px 0px 0px;
	}
	
.form_content
	{
	float:right;
	padding:0px 0px 13px 0px;
	text-align:right;
	line-height:18px;
	}
	
.form_content:not(:root:root)
	{
	float:right;
	padding:0px 0px 10px 0px;
	text-align:right;
	line-height:18px;
	}
	
.form_content span
	{
	float:left;
	margin:0px;
	}

.right-inner-content .form_content input.verwijder
	{
	float:left;
	width:55px;
	border:none;
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	background:none;
	}
	
.right-inner-content .form_content input.wijzig
	{
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	width:35px;
	background:none;
	border:none;
	cursor:pointer;
	margin:0px;
	}
	
.right-inner-content p
	{
	float:right;
	clear:both;
	text-align:right;
	line-height:18px;
	font-weight:normal;
	color:#000;
	padding:3px 0px 0px 0px;
	width:150px;
	}
	
.right-inner-content p a	
	{
	color:#000;
	}
	
.right-place-order
	{
	background:url(../../_images/order-bottom-bg.jpg) no-repeat;
	float:left;
	height:48px;
	width:169px;
	}
	
.right-place-order a
	{
	color:#000;
	position:relative;
	float:right;
	font-weight:bold;
	padding:2px 0px 0px 0px;
	right:19px;
	}
	
/*======================================>>>>>>shopping details<<<<<=======================================*/

	
.shopping-container
	{
	float:left;
	padding:0px 0px 12px 0px;
	}
	
.shopping-container h2
	{
	font-size:12px;
	color:#fff;
	}
	
.shopping-details
	{
	float:left;
	width:380px;
	padding:5px 0px 0px 0px;
	}
	
.shopping-description
	{
	width:200px;
	float:left;
	}
	
.shopping-description
	{
	width:200px;
	float:left;
	color:#fff;
	}
	
.shopping-price
	{
	float:left;
	color:#fff;
	width:60px;
	text-align:right;
	}
	
.shopping-price span
	{
	margin:0px;
	text-align:right;
	}
	
.shopping-price span.euro,.total-shopping-price span.euro,.product-total span.euro
	{
	float:left;
	}
	
.shopping-edit-links
	{
	float:left;
	width:105px;
	color:#fff;
	margin:0px;
	padding:0px 0px 0px 15px;
	}
	
.shopping-edit-links input.remove
	{
	float:left;
	width:54px;
	height:15px;
	border:none;
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	background:none;
	margin:0px 5px 0px 0px;
	color:#fff;
	}
	
.shopping-edit-links span
	{
	float:left;
	}
	
.shopping-edit-links input.add
	{
	float:left;
	width:34px;
	height:15px;
	border:none;
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	background:none;
	color:#fff;
	margin:0px 0px 0px 5px;
	}
	
.shopping-edit-links input.add, x:-moz-any-link 
	{
	float:left;
	width:36px;
	height:15px;
	border:none;
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	background:none;
	color:#fff;
	margin:0px 0px 0px 5px;
	}

	
.total-price
	{
	float:left;
	width:260px;
	padding:5px 0px 0px 0px;
	color:#fff;
	}
	
.total-price p
	{
	float:left;
	}
	
.total-shopping-price
	{
	float:right;
	width:60px;
	text-align:right;
	}
	
.form-content
	{
	width:385px;
	float:left;
	padding:20px 0px 0px 0px;
	}
	
.form-content h2
	{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	}
	
.form-content p
	{
	float:left;
	padding:4px 0px 0px 0px;
	width:385px;
	}
	
.form-content p label
	{
	width:110px;
	float:left;
	color:#fff;
	}
	
.form-content p span.order_customer_firstname,.form-content p span.order_customer_house
	{
	float:left;
	background:url(../../_images/text-input-w209.gif) no-repeat;
	width:197px;
	height:19px;
	padding:4px 6px 0px 6px;
	}
	
.form-content p span.order_customer_firstname input,.form-content p span.order_customer_house input
	{
	float:left;
	width:197px;
	color:#fff;
	font-size:12px;
	padding:0px;
	border:none;
	background:none;
	}
	
.form-content p span.order_customer_lastname,.form-content p span.order_customer_city
	{
	float:left;
	background:url(../../_images/text-input-w54.gif) no-repeat;
	width:42px;
	height:19px;
	padding:4px 6px 0px 6px;
	margin:0px 0px 0px 6px;
	}
	
.form-content p span.order_customer_lastname input,.form-content p span.order_customer_city input
	{
	float:left;
	width:42px;
	color:#fff;
	font-size:12px;
	padding:0px;
	border:none;
	background:none;
	}

	
.form-content p span.order_customer_zipcode
	{
	float:left;
	background:url(../../_images/text-input-w71.gif) no-repeat;
	width:59px;
	height:19px;
	color:#fff;
	padding:4px 6px 0px 6px;
	}
	
		
.form-content p span.order_customer_zipcode input
	{
	float:left;
	width:59px;
	color:#fff;
	font-size:12px;
	padding:0px;
	border:none;
	background:none;
	}
	
.form-content p span.order_input_street
	{
	float:left;
	background:url(../../_images/input_street.gif) no-repeat;
	width:142px;
	height:19px;
	color:#fff;
	padding:4px 6px 0px 6px;
	margin-left:6px;
	}
	
.form-content p span.order_input_street input
	{
	float:left;
	width:136px;
	color:#fff;
	font-size:12px;
	padding:0px;
	border:none;
	background:none;
	}

	
.form-content p span.order_customer_phone
	{
	float:left;
	background:url(../../_images/text-input-w118.gif) no-repeat;
	width:106px;
	height:19px;
	padding:4px 6px 0px 6px;
	}
	
.form-content p span.order_customer_phone input
	{
	float:left;
	width:106px;
	color:#fff;
	font-size:12px;
	padding:0px;
	border:none;
	background:none;
	}
	
.form-content p span.order_customer_email
	{
	float:left;
	background:url(../../_images/text-input-w271.gif) scroll top right no-repeat;
	width:259px;
	height:19px;
	padding:4px 6px 0px 6px;
	margin:0px 0px 0px 0px;
	}
	
.form-content p span.order_customer_email input
	{
	float:left;
	width:259px;
	color:#fff;
	font-size:12px;
	padding:0px;
	border:none;
	background:none;
	}
	
.form-content p span.order_customer_state
	{
	float:left;
	background:url(../../_images/text-input-w38.gif) no-repeat;
	width:32px;
	height:19px;
	padding:4px 6px 0px 0px;
	margin:0px 0px 0px 6px;
	}
	
.form-content p span.order_customer_state input
	{
	float:left;
	width:26px;
	color:#fff;
	font-size:12px;
	padding:0px;
	border:none;
	background:none;
	margin:0px 0px 0px 6px;
	font-weight:normal;
	}

/*======================================>>>>>>overlay CSS <<<<<=======================================*/
	
.overlay_container
	{
	width:100%;
	position:absolute;
	height:100%;
	top:0px;
	left:0px;
	}
	
.overlay_table
	{
	position:absolute; 
	width:100%;
	margin:0px; 
	padding:0px; 
	height:100%;
	margin:auto;
	}
	
.shadow-box
	{
	width:300px;
	height:200px;
	float:left;
	padding:0px 0px 0px 0px;
	}
		
.shadow-box-top
	{
	float:left;
	width:300px;
	height:25px;
	}
	
.shadow-box-middle
	{
	float:left;
	width:300px;
	height:150px;
	}
	
.shadow-box-bottom
	{
	float:left;
	width:300px;
	height:25px;
	}
	
.shadow-box-top-left
	{
	float:left;
	width:27px;
	height:25px;
	background:url(../../_images/zoom-shadow1lefttop.png)  no-repeat;
	}
		
.shadow-box-top-middle
	{
	float:left;
	width:246px;
	height:25px;
	background:url(../../_images/zoom-shadow2.png) repeat-x;
	}
	
.shadow-box-top-right
	{
	float:left;
	width:27px;
	height:25px;
	background:url(../../_images/zoom-shadowrightcorn3.png) no-repeat;
	}
	
.shadow-box-bottom-left
	{
	float:left;
	width:27px;
	height:25px;
	background:url(../../_images/zoom-shadowleftcorn6.png) no-repeat;
	}
	
.shadow-box-bottom-middle
	{
	float:left;
	width:246px;
	height:25px;
	background:url(../../_images/zoom-shadowbottom7.png) repeat-x;
	}

.shadow-box-bottom-right
	{
	float:left;
	width:27px;
	height:25px;
	background:url(../../_images/zoom-shadowrightcorn8.png) no-repeat;
	}
	
.shadow-box-middle-left
	{
	float:left;
	width:27px;
	height:150px;
	background:url(../../_images/zoom-shadow4.png) left repeat-y;
	}	

.shadow-box-middle-right
	{
	float:left;
	width:27px;
	height:150px;
	background:url(../../_images/zoom-shadow5.png) right repeat-y;
	}
	
.shadow-box-middle-inner-content
	{
	width:246px;
	float:left;
	height:150px;
	position:relative;
	padding:0px 0px 0px 0px;
	background:#FFF;
	}
	
.overlay_content
	{
	width:246px;
	height:145px;
	float:left;
	background:#EDEDF5;
	margin:-7px -4px -5px -4px;
	padding:5px 4px 5px 4px;
	position:relative;
	z-index:1000
	}
	
.product
	{
	width:244px;
	float:left;
	padding:0px 0px 0px 2px;
	}
	
.product h1
	{
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#4A4A4D;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.product p
	{
	width:242px;
	padding:0px 0px 10px 0px;
	float:left;
	color:#4A4A4D;
	}
			
.product input.edit_quantity
	{
	width:237px;
	height:16px;
	float:left;
	margin:3px 0px 0px 0px;
	padding:2px 0px 0px 3px;
	font-size:12px;
	color:#4A4A4D;
	border:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.product select
	{
	width:240px;
	height:18px;
	float:left;
	color:#4A4A4D;
	margin:3px 0px 0px 0px;
	border:1px solid #999999;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
.product input.update
	{
	width:60px;
	height:18px;
	float:right;
	font-size:12px;
	margin:0px 0px 0px 4px;
	padding:0px;
	color:#4A4A4D;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #999999;
	cursor:pointer;
	}
/*=====================================>>>><<<<<==========================================*/	

.bestel
	{
	float:left;
	width:385px;
	margin:10px 0px 0px 0px;
	} 
	
.bestel input
	{
	float:right;
	background:none;
	width:42px;
	margin:6px 7px 0px 0px;
	padding:0px 0px 15px 0px;
	color:#fff;
	font-size:12px;
	border:none;
	font-weight:bold;
	cursor:pointer;
	}
	
.bestel p
	{
	width:285px;
	float:left;
	font-size:12px;
	color:#ffffff;
	margin:0px 0px 0px 0px;
	}
	
.middle h3
	{
	width:379px;
	font-size:14px;
	color:#fff;
	}
	
.middle-bottom-left h3.title
	{
	width:379px;
	float:left;
	clear:both;
	text-align:center;
	padding:70px 0px 0px 0px;
	}
	
p.cat_desc_class	
	{
	color:#fff;
	font-size:12px;
	padding:0px 0px 15px 0px;
	}