/* CSS Document */
body									{ margin:0; padding:0; background:#000000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.orange									{ padding:0; margin:0; color:#d97000;}

/* begin style voor transparantie png */
img, div 								{ behavior: url(images/iepngfix.htc) }
/* einde style voor transparantie png */

.clear									{ height:0px; line-height:0px; font-size:0px; clear:both;}

#container								{ padding:0; margin:0 auto 0 auto; width:826px;}
#header-olijven							{ padding:0; margin:0; width:826px; height:174px; background:url(../images/bg/header-olijven.jpg) left top no-repeat;}
#header-druiven							{ padding:0; margin:0; width:826px; height:174px; background:url(../images/bg/header-druiven.jpg) left top no-repeat;}
#menu									{ padding:0 0 21px 0; margin:0 8px 0 8px; width:810px; height:289px; background:#601410;}
#menu #sfeer							{ padding:0; margin:0 31px 0 18px; display:inline; width:385px; height:265px; border:#fcf1d7 12px solid; background:#fcf1d7; float:left;}
#menu #zondag							{ padding:35px 0 0 0; margin:0;}
#menu ul								{ padding:0; margin:0; width:327px; height:289px; float:left; list-style:none;}
#menu ul li a							{ padding:0; margin:0 0 11px 0; width:325px; height:37px; border:#fcf1d7 1px solid; background:url(../images/bg/menu.gif) repeat; display:block;}
#menu ul li .welkom						{ background:url(../images/bg/welkom.gif);}
#menu ul li .welkom:hover				{ background:url(../images/bg/welkom-over.gif);}
#menu ul li .welkomactive				{ background:url(../images/bg/welkom-over.gif);}
#menu ul li .assortiment				{ background:url(../images/bg/assortiment.gif);}
#menu ul li .assortiment:hover			{ background:url(../images/bg/assortiment-over.gif);}
#menu ul li .assortimentactive			{ background:url(../images/bg/assortiment-over.gif);}
#menu ul li .lekkerbek					{ background:url(../images/bg/lekkerbek.gif);}
#menu ul li .lekkerbek:hover			{ background:url(../images/bg/lekkerbek-over.gif);}
#menu ul li .lekkerbekactive			{ background:url(../images/bg/lekkerbek-over.gif);}
#menu ul li .actueel					{ background:url(../images/bg/actueel.gif);}
#menu ul li .actueel:hover				{ background:url(../images/bg/actueel-over.gif);}
#menu ul li .actueelactive				{ background:url(../images/bg/actueel-over.gif);}
#menu ul li .contact-openingstijden			{ background:url(../images/bg/contact.gif);}
#menu ul li .contact-openingstijden:hover	{ background:url(../images/bg/contact-over.gif);}
#menu ul li .contact-openingstijdenactive	{ background:url(../images/bg/contact-over.gif);}
#menu ul li .route						{ background:url(../images/bg/route.gif);}
#menu ul li .route:hover				{ background:url(../images/bg/route-over.gif);}
#menu ul li .routeactive				{ background:url(../images/bg/route-over.gif);}
#shadow-top								{ padding:0; margin:0; width:826px; height:25px; background:url(../images/bg/shadow-top.jpg)}
#shadow-bottom							{ padding:0; margin:0; width:826px; height:25px; background:url(../images/bg/shadow-bottom.jpg)}

#content a								{ color:#601410;}
#content a:hover						{ color:#d97000;}

#content								{ padding:10px 50px 25px 50px; margin:0; width:726px; font-size:13px; color:#5b4920; background:url(../images/bg/bg-content.jpg) left top repeat-y;}
#content form							{ padding:0; margin:0;}
#content form .pulldown					{ color:#ffffff; background:#5b0e0a;}
#content h1								{ padding:0; margin:0; color:#d87001; font-size:22px;}
#content h3								{ padding:0; margin:0; color:#601410; font-size:38px; width:480px;}
#content h5								{ padding:0; margin:0; color:#601410; font-size:38px; width:400px;}
h6										{ padding:0; margin:0; color:#601410; font-size:24px;}
#content p								{ padding:0; margin:0 0 15px 0;}
#content .detail-omschrijving			{ width:510px; float:left;}
#content .banners						{ padding:0; margin:0 0 0 50px; width:248px; float:right;}
#content .banners-detail				{ padding:0; margin:0 0 0 50px; width:166px; float:right;}
#content .banneritem					{ padding:0; margin:0 0 12px 0; width:246px; border:#bea873 1px solid; background:#fdf5e2;}
#content .banneritem p					{ padding:10px; margin:0; font-size:11px; font-weight:bold; color:#d97000; text-align:center;}
#content .banneritem p a				{ color:#601410;}
#content .banneritem p a:hover			{ color:#d97000;}

#content .assortiment-item				{ padding:0; margin:0 9px 9px 0; border:#ffffff 3px solid; width:166px; height:158px; cursor:hand; float:left;}
#content .item							{ padding:0!important; margin:0!important; color:#FCF0D6!important; text-decoration:none!important; font-weight:bold;}
#content .item:hover					{ padding:0!important; margin:0!important; color:#D97000!important; text-decoration:none!important;}
#content .assortiment-item-shadow		{ padding:130px 0 0 0; margin:0; width:166px; height:28px; background: url(../images/shadow-overlay.png); cursor:hand; text-align:center;}

#content #lekkerbek-mailing				{ padding:15px; margin:15px 0 0 0; color:#FFFFFF; font-size:11px; background:#601410 url(../images/bg/lekkerbek-mailing.gif); height:115px; text-align:right;}
#content #lekkerbek-mailing a			{ color:#d97000;}
#content #lekkerbek-mailing .input		{ padding:0; margin:2px; border:none; width:190px;}

#content .contact-column				{ padding:0; margin:20px 0 0 0; width:420px; float:left;}
#content .openingstijden-column			{ padding:0; margin:20px 0 0 0; width:300px; float:left;}

#content .actueel-item-container		{ padding:0; margin:0 0 10px 0; border-bottom:#7f4038 1px solid; background:#fcf4e0;}
.actueel-item							{ padding:0; margin:9px 50px 9px 0; border:#ffffff 3px solid; width:166px; height:158px; float:left;}
.actueel-item h2						{ padding:0!important; margin:0!important; width:166px; font-size:18px;}
.actueel-item-shadow					{ padding:130px 0 0 0; margin:0; width:166px; height:28px; background: url(../images/shadow-overlay.png); text-align:center;}
.actueel-tekst							{ padding:0; margin:10px; float:left; width:460px; font-size:11px;}
.actueel-tekst h4						{ padding:0; margin:0; font-size:24px;}


#footer									{ padding:20px 57px 40px 57px; margin:0; font-size:12px; color:#854d1b; width:712px; height:116px; background:url(../images/bg/footer.jpg) left top no-repeat;}
#footer	strong							{ color:#601410;}
#footer	a								{ color:#601410;}
#footer	a:hover							{ color:#d97000;}
#footer b								{ float:right;}
