A IMG { border:0; }

body { margin: 0; padding: 0; background-image:url(../images/background-site.gif); background-repeat:repeat-x; background-color:#000000;}

#site { margin:auto; padding: 0; width: 990px;}
#base { padding: 0; width: 990px; margin-left:auto; margin-right:auto; float:left; background: #0e0f0d url(../images/background-page.gif); background-repeat:no-repeat; background-position: 0px 205px;}
#main { margin-left:auto; margin-right:auto; padding: 0; width: 990px; }	

#header {width:990px; height:169px; margin:auto; background: url(../images/header.gif); float:left;}
#header_tekst  { margin:0; padding: 60px 10px 0 0; float:right; font-size:17px; color:#fff; text-align:right; font-weight:normal;}
.kop {font-size:17px; font-weight:normal; margin: 0; padding: 0;}
.voet {font-size:13px; font-weight:normal; margin: 0; padding: 0;}
#menu {width:990px; height:36px; margin: 0; ; padding:0; float:left; background: #000 url(../images/background-menu.gif) repeat-x;}
.menu { padding: 0; margin: 0; }
.menu li { display: block; float: left; margin: 0; padding:0; }
.menu li a { height: 22px; font-size: 14px; font-weight:bold; color: #fff; text-decoration: none; line-height: 150%; float: left; padding:0 12px 0 12px;}
.menu li a:hover { height: 22px; font-size: 14px; font-weight:bold; color: #7bb216; text-decoration:none; float: left; }
.menu .selected{ color: #7bb216; text-decoration:underline;}
.winkelmandje-icon { background: url(../images/winkelmandje-icon.gif); background-repeat:no-repeat; background-position:right; padding-right:30px !important; }

#submenu {width:990px; height:36px; margin: 0; ; padding:0; float:left;}
.submenu { padding: 0; margin: 0; }
.submenu li { display: block; float: left; margin: 0; padding:0; }
.submenu li a { height: 22px; font-size: 13px; font-weight:bold; color: #fff; text-decoration: none; line-height: 150%; float: left; padding:0 12px 0 12px;}
.submenu li a:hover { height: 22px; font-size: 13px; font-weight:bold; color: #7bb216; text-decoration:none; float: left; }
.submenu .selected{ color: #7bb216; text-decoration:underline;}

#sub-panel{	text-align:center;}
#sub-panel a{width:150px; float:right; }
#sub-panel a span{ padding:0px; display:block;}

#main_content {	width: 990px; margin:auto; background-color:#404140; top: 240px;} 

#content_body { width: 990px; float:left; margin-top:17px; padding: 0;}
#content_header { width: 960px; height:20px; float:left; margin:0; padding:0 0 0 0; color:#fff; font-size:14px; font-weight:bold; background-color:#7bb216; margin: 10px; padding-left: 10px; }
#content { width: 950px; float:left; margin:0px 10px; padding: 10px; background-color:#fff; border:solid #7bb216 1px; line-height: 17px; }
#content td, #content p{ color:#000;}
#content a:link, #content a:visited, #content a:hover{ color:#000; text-decoration:underline;}
#content a { color:#000; font-size:12px; font-weight:bold; text-decoration: underline; }
#content img { float:left; margin:0; padding: 0; border:0px;}
#content .veld { padding: 2px; width: 150px;}
#content select { margin: 2px;}
#content textarea { margin: 2px; width: 200px; height: 80px; font-size:12px; font-family:Tahoma; color:#666666;}
#content input { margin: 2px; font-size:12px; font-family: Tahoma; color:#666666;}
#content-wit { width: 970px; float:left; margin:0px 10px; padding: 0 0 0 0;}
#content-wit td, #content-wit p{ color:#fff;}
#content-wit a:link, #content-wit a:visited, #content-wit a:hover{ color:#fff; text-decoration:underline;}
#content-wit a { color:#000000; font-size:12px; font-weight:bold; text-decoration: underline; }
#content-wit img { float:left; margin:0; padding: 0; border:0px;}
#content-wit p { line-height:18px;}
#content .contact{ padding: 10px 0 10px 0;}
#content_catpage { width: 490px; float:left; padding: 0; padding-top:10px;}
.content { width: 890px; float:left; margin-top:2px; padding: 10px 10px 20px 0;}
.content a { color:#000000; font-size:12px; font-weight:bold; text-decoration: underline; }
.content img { float:left; margin:0px 10px 3px 0; padding: 0; border:0px;}

.product { float:left; margin: 0 0 10px 10px; padding: 20px 5px 5px 10px; width: 300px; min-height: 200px; background-color:#fff; border:solid #7bb216 1px; }
.product-image { width:130px; padding-right: 10px; float:left; min-height: 170px;}
.product-title { font-size: 13px; font-weight: bold; width: 160px; float:left; height: 32px; display:block; }
.product-text { font-size: 11px; font-weight: normal; width: 160px; float:left; height: 94px; display:block; }
.product-100gr { font-size: 11px; font-weight: bold; width: 100px; float:left; height: 20px; display:block; color:#416400; }
.product-prijs { font-size: 14px; font-weight: bold; width: 100px; float:left; height: 30px; display:block; color:#4e3416; }
.product-100gr-detail { font-size: 11px; font-weight: bold; width: 130px; float:left; height: 10px; display:block; color:#416400; padding-top:10px; padding-right:10px; text-align:right;  }
.product-prijs-detail { font-size: 18px; font-weight: bold; width: 100px; float:left; height: 18px; display:block; color:#4e3416; padding-top:3px; }
.product-info { font-size: 11px; font-weight: normal; width: 158px; float:left; height: 20px; display:block; padding-left: 2px; }
.product-info a:link, .product-info a:visited, .product-info a:hover{ font-size: 11px; font-weight: normal; color: #416400; text-decoration:none;}
.product-bestel { width: 55px; height: 25px; float:left; padding: 5px 0 0 5px;; font-size: 10px; font-weight: bold; background: url(../images/product-bestel.gif); background-repeat:no-repeat;}
.product-bestel a:link, .product-bestel a:visited, .product-bestel a:hover{ font-size: 12px; font-weight: bold; color: #fff; text-decoration:none;}

#product-detail { width: 480px; float:left; margin:0; padding:0; }
#product-detail-recept { padding:23px 0 0 0; width: 461px; background-image:url(../images/background-recepten.gif); background-repeat:no-repeat; float:left; margin:0;  }
.product-detail-image { width:130px; padding-right: 10px; float:left;}
.product-detail-title { font-size: 13px; font-weight: bold; width: 300px; float:left; height: 32px;  display:block; }
.product-detail-text { font-size: 11px; font-weight: normal; width: 300px; float:left; height: 150px; display:block;  vertical-align:top;}
.product-detail-text P { font-size: 11px; font-weight: normal; }
.product-detail-aantal-tekst { font-size: 12px; font-weight: bold; width: 360px; float:left; display:block; padding: 35px 0 10px; }
.product-detail-prijs-tekst { font-size: 12px; font-weight: bold; width: 100px; float:left; display:block; padding: 35px 0 10px; text-align:right;  }
.product-detail-aantal-veld { font-size: 11px; font-weight: normal; width: 260px; float:left; display:block; }
.product-detail-prijs-veld { font-size: 15px; font-weight: normal; width: 200px; float:left; display:block; color:#7bb216; text-align:right;}
.input-aantal { width: 38px; text-align:center; }
.recept-link { width: 441px; float:left; }
.recept-title { width: 421px; float:left; color:#3a3a39; font-size:13px; padding: 0 0 20px 34px; font-weight:bold; }
#product-detail-recept a:link, #product-detail-recept a:visited { color:#7bb216; font-size:11px; }
#product-detail-recept a:hover { color:#385208; font-size:11px; }
.recept-link-pdf { width: 20px; height:22px; float:left;  }

#button-terug { width:130px; height:25px; float:left; background: url(../images/button-producten.gif); background-repeat:no-repeat; margin: 10px 0 0 10px; padding: 4px 0 0 25px; }
#button-volgende { width:90px; height:25px; float:right; background: url(../images/button-volgende.gif); background-repeat:no-repeat; margin: 10px 10px 0 0; padding: 4px 0 0 85px; }
#button-afronden { width:155px; height:25px; float:right; background: url(../images/button-volgende.gif); background-repeat:no-repeat; margin: 10px 10px 0 0; padding: 4px 0 0 20px; }
#button-winkelmandje { width:130px; height:25px; float:right; background: url(../images/button-winkelmandje.gif); background-repeat:no-repeat; margin: 10px 10px 0 0; padding: 4px 0 0 45px; }
#button-terug a:link, #button-terug a:visited, #button-terug a:hover, #button-winkelmandje a:link, #button-winkelmandje a:visited, #button-winkelmandje a:hover, #button-volgende a:link, #button-volgende a:visited, #button-volgende a:hover, #button-afronden a:link, #button-afronden a:visited, #button-afronden a:hover{ color:#fff; font-size: 14px; text-decoration:none; font-weight: normal; }
.buttons a, .buttons button{ width:100px; height:24px; display:block; float:left; margin:0 7px 0 0; background-color:#a7cd2e; font-weight:bold; color:#fff; cursor:pointer; padding:0; border: none; }

.nieuwsbrief { width: 440px; }

.afrekenbalk { width: 910px; height: 20px; float:left; margin:0; padding:0; background-color:#a7cd2f; padding: 5px 10px; margin: 0 10px; }
.afrekenbalk li { display: block; float: left; margin: 0; padding:0 20px 0 0; font-size:15px; font-weight:bold; color:#749608; }
.afrekenbalk .selected{ color: #fff; text-decoration:none;}

.mandje_content { width: 900px; padding: 40px 10px; }
.mandje_content .veld { padding: 2px; width: 150px;}
.mandje_content select { margin: 2px;}
.mandje_content input { margin: 2px;}
.mandje-omschrijving-header { width:660px; float:left; font-size:12px; font-weight:bold; text-align:left; padding: 10px 0 0 10px;}
.mandje-omschrijving-header-stap5 { width:770px; float:left; font-size:12px; font-weight:bold; text-align:left; padding: 10px 0 0 10px;}
.mandje-aantal-header { width:80px; float:left; font-size:12px; font-weight:bold; text-align:center; padding: 10px 0 0; }
.mandje-verwijderen-header { width:130px; float:left; font-size:12px; font-weight:bold; text-align:center; padding: 10px 0 0;}
.mandje-prijs-header { width:60px; float:left; font-size:12px; font-weight:bold; text-align:right; padding: 10px 0 0;}
.mandje-omschrijving-veld { width:690px; float:left; text-align:left; padding-left: 10px;}
.mandje-omschrijving-veld-stap5 { width:768px; float:left; text-align:left; padding-left: 10px;}
.mandje-aantal-veld { width:80px; height: 22px; float:left; text-align:center;}
.mandje-aantal-veld input { width:20px; height: 12px; float:left; text-align:center; margin-left: 28px;}
.mandje-verwijderen-veld { width:48px; float:left; text-align:center; padding-left: 32px; padding-top: 4px;}
.mandje-prijs-veld { width:80px; float:left; text-align:right;}
.mandje-lijn { width: 930px; height:1px; background-color:#93cc2d; float:left; margin: 10px 0 10px 10px; }
.mandje-totaal { width: 930px; height:20px; float:left; margin: 10px 0 0 10px; color:#000; font-size:12px; font-weight:bold; text-align:right; }
.mandje-bezorg { width: 930px; height:20px; float:left; margin: 10px 0 0 10px; color:#000; font-size:12px; font-weight:normal; text-align:right; }
#kalender { float:left; width: 600px; display:block; }

.recepten-header { width: 963px; height: 24px; float:left; background-color: #7bb216; font-size: 18px; font-weight:bold; color:#fff; padding: 6px 0 6px 8px ; margin: 0 10px 10px; }

.recepten-titel { width: 920px; height: 24px; float:left; padding: 5px 0 2px 32px ; margin: 0; }
#content .recepten-titel a:link,#content  .recepten-titel a:visited,#content  .recepten-titel a:hover { font-size: 14px; font-weight:bold; color:#7bb216;  }
#content .recepten-titel img { padding-right: 10px;}
.recepten-tekst { width: 920px; float:left; font-size: 12px; font-weight:normal; padding: 0 0 6px 32px ; margin: 0; }

#read-more { width: 500px; float:left; margin-top:5px; margin-bottom: 15px; padding: 0 10px; text-align:right; }
#read-more a:link, #read-more a:visited{ font-size:10px; font-weight:bold; text-decoration:underline; color:#da0000; }

#buttons-calendar { width: 950px; float:left; }
.gallery { width: 950px; text-align:center; float:left; }

.knop { border:none; background:#c70000; color:#fff; font-weight:normal; font-size:12px; font-weight:bold; width: 85px; padding:2px; font-family:Tahoma; }
.login { border:none; background:#3b3b3b; color:#fff; font-weight:normal; font-size:11px; width: 120px; padding:2px; margin-top:3px;}
.ftext { height: 18px; font-size:12px; font-family: Tahoma; }
.ftext a:link, a:hover, a:visited  { font-size:12px; font-weight:bold; color:#333333; text-decoration:none; text-decoration:underline; }
.veld_input { font-size:12px; color:#555; width: 200px;}
.number { font-size:12px; color:#555;}

td,tr,p,div { font-size: 12px; color: #000; text-decoration: none; font-family:Tahoma; }
h1 {color: #484848; font-family:Tahoma; font-size: 13px; font-weight: bold; padding: 0 0 15px 0; text-transform:uppercase;}
h2, h2 a:hover, h2 a:visited {color: #7bb216; font-family:Tahoma; font-size: 11px; font-weight: bold; }
h3 {color: #484848; font-family:Tahoma; font-size: 13px; font-weight: bold; }
h4 {color: #484848; font-family:Tahoma; font-size: 12px; font-weight: bold; }
h5 {color: #484848; font-family:Tahoma; font-size: 11px; font-weight: bold; }
h6 {color: #484848; font-family:Tahoma; font-size: 10px; font-weight: bold; }

ul { list-style-position: outside; margin-left: 0px; padding-left: 20px; list-style: square; vertical-align: middle; }
li { margin: 0px; padding: 0px; }

a:link, a:visited { color: #000; font-family:Tahoma; text-decoration:underline; }
a:hover { color: #000; font-family:Tahoma; text-decoration:underline;}

#footer { width:990px; height:18px; margin: 10px 0; padding:inherit; background-color:#292a28; float:left; text-align:center; line-height: 120%;}
#footer a:link, #footer a:visited  { font-family:Tahoma; font-size:12px; text-decoration:underline; color:#6b6b6b; font-weight:normal;}
#footer a:hover {font-size:12px; color:#fff; font-family:Tahoma; text-decoration:underline; font-weight:normal;}

<!--  ---------------------------------------------------------------------------------------------  -->