/**
 * Plantion
 * 
 * nav bg:              #EDF2EB  
 * subnav border:       #C6D3C1 
 * content text color:  #086341
 * content bg:          #E3F2D5
 *
*/  

html, body {
 margin: 0;
 padding: 0;
}

body {
 background: #E3F2D5;
 font: 12px verdana;
 margin-bottom: 20px;
}

a img {
 border: 0;
}

a, a:visited {
 color: #086341;
}

p.error {
 color: red;
}

div.clear {
 clear: both;
}

div#container {
 position: relative;
 width: 997px;
 margin: 0 auto;
}

img#logo {
 position: absolute;
 right: 20px;
 top: 130px;
 z-index: 20;
}

div#head {
 position: relative;
 background-image: url(/images/site/top.jpg);
 height: 156px;
}

a#button-winkelwagen {
 display: block;
 position: absolute;
 top: 35px;
 right: 25px;
}

div#main {
 width: 997px;
 background-image: url(/images/site/body-fill.jpg);
} 

div#sidebar {
 width: 258px;
 float: left;
 color: #086341;
}

div#winkelwagen {
 background: url(/images/site/fill-winkel.jpg) repeat-y;
}

div#winkelwagen-top {
 height: 21px;
 background: url(/images/site/top-winkel.jpg) no-repeat;
}

div#winkelwagen-bottom {
 height: 22px;
 background: url(/images/site/bottom-winkel.jpg) no-repeat;
} 

/* autowidth = 211 = (258 - 27 - 20) */
div#winkelwagen-content {
 margin: 0 20px 0 27px;
 position: relative;
}

    div#winkelwagen-content h3 {
     margin: 0 0 10px 0;
     font-size: 14px;
     color: #086341;
    }

div#content {
 float: left;
 width: 700px;
 margin: 0 0 0 20px;
 padding: 0 0 15px 0;
 color: #086341;
 line-height: 140%;
}

    div#content p {
     margin: 10px 0;
    }

    div#content h2 {
     margin: 5px 0 50px 0;
     font-size: 18px;
    }
    
    div#content h3 {
     margin: 0 0 10px 0;
     font-size: 18px;
    }

    div#content p.intro {
     width: 500px;
    }
    
    div#content ul {
        padding-left: 0;
        margin-left: 20px;
    }
    
    div#content ul li {
        padding-left: 0;
        margin-left: 0;
    }

div#footer {
 position: relative;
 clear: both;
 height: 93px;
 background: url(/images/site/bottom.jpg) no-repeat;
}

div#footer p {
 position: absolute;
 top: 60px;
 left: 275px;
 width: 600px;
 margin: 0;
 font-size: 11px;
 color: #FFF;
}

/* sidebar nav */
ul#nav {
 margin: 0 0 15px 0;
 padding: 0;
 list-style-type: none;
}

/* ie 6 fix */
ul#nav li {
 display: inline;
}

    ul#nav li a, ul#nav li a:visited {
     display: block;
     margin: 0 0 0 6px;
     padding: 2px 0 2px 20px;
     border-top: 2px #FFF solid;
     background: #EDF2EB;
     font-weight: bold;
     color: #086341;
     text-decoration: none;
    }
    
    ul#nav li a:hover {
     background-color: #ACC0EA;
    }

/* header nav */
ul#headnav {
 position: absolute;
 top: 10px;
 right: 20px;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

    ul#headnav li {
     float: left;
     margin: 0 10px 0 0;
    }
    
    ul#headnav li a, ul#headnav li a:visited {
     color: #FFF;
     text-decoration: none;
    }
    
    li#klantenservice, li#mijn-gegevens, li#inloggen, li#uitloggen {
     border-right: 2px #FFF solid;
     padding-right: 10px;
    }
    
/* mijn-gegevens subnav */
div#content ul#mijn-gegevens-nav {
 margin: 0 0 20px 0;
 padding: 0;
 list-style-type: none;
}

ul#mijn-gegevens-nav li {
 display: inline;
}

    
/* shop items */
div#content ul#shop-items {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

    div#content ul#shop-items li {
     margin: 0 8px 10px 0;
     padding: 0;
     width: 168px;
     height: 320px;
     float: left;
     font-size: 11px;
    }
    
    div#content ul#shop-items li.last {
        margin-right: 0;
    }
    
        ul#shop-items li a img {
         border: 0;
        }
    
        ul#shop-items li p.buttons {
         margin: 2px 3px 0 0;
         text-align: right;
        }

    ul#shop-items div.item-imgwrap {
     width: 168px;
     height: 168px;
     background: url(/images/site/thumb.jpg);
    }
    
        ul#shop-items div.item-imgwrap img {
         margin: 3px;
         border: 1px #086341 solid;
        }

    ul#shop-items p.omschrijving, p.prijs {
     margin: 5px 0;
    }
    
    ul#shop-items p.eenheid, ul#shop-items p.min-afname {
     margin: 0;
    }
    
    ul#shop-items p.prijs {
     font-size: 14px;
    }
    
    ul#shop-items p.prijs img {
     vertical-align: text-bottom;
    }
    
p.items-pagenav {
 clear: left;
 text-align: center;
}
    
/* winkelwagen items */
ul#winkelwagen-items {
 position: relative;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

    ul#winkelwagen-items li {
     position: relative;
     display: inline; /* ie6 fix */
    }
    
    ul#winkelwagen-items li div.item-wrap {
     padding-bottom: 5px;
     border-bottom: 1px #086341 dashed;
    }
    
    ul#winkelwagen-items li p {
     margin: 5px 0;
     font-size: 11px;
    }

    ul#winkelwagen-items div.item-imgwrap {
     width: 58px;
     height: 58px;
     background: url(/images/site/thumb-winkel.jpg);
     float: left;
    }
    
        ul#winkelwagen-items div.item-imgwrap img {
         margin: 2px;
         border: 1px #086341 solid;
        }
        
    ul#winkelwagen-items table.item-info {
     float: left;
     margin: 0;
     border-collapse: collapse;
     border: 0;
     font-size: 11px;
     width: 153px;
    }
    
    table.item-info th {
     width: 70px;
     text-align: right;
     font-weight: normal;
    }
    
    table.item-info td {
     text-align: right;
    }
    
/* winkelwagen totaal */
div#totaal-top {
 margin-top: 10px;
 height: 8px;
 background: url(/images/site/totaal-top.jpg) no-repeat;
}

div#totaal-bottom {
 height: 14px;
 background: url(/images/site/totaal-bottom.jpg) no-repeat;
}

table.totaal {
 width: 100%;
 margin: 0;
 padding: 0;
 border-collapse: collapse;
 background: url(/images/site/totaal-fill.jpg) repeat-x;
}

    table.totaal tr th {
     text-align: left;
     padding-left: 5px;
    }
    
    table.totaal tr td {
     text-align: right;
     font-weight: bold;
     padding-right: 10px;
    }

p.bestellen {
 text-align: right;
}

/* product info */
div#product-imgwrap {
 width: 100%;
 margin: 0;
}

div#product-imgwrap img {
 display: block;
 margin: 0;
 border: 1px green solid;
}

table#product-gegevens {
 border-collapse: collapse;
 margin: 10px 0;
 padding: 0;
 width: 400px;
}

table#product-gegevens th, table#product-gegevens td {
 width: 50%;
}

table#product-gegevens th {
 text-align: left;
}

table#product-gegevens td {
 text-align: right;
 padding-right: 10px;
}

div#product-info-navigatie {
 clear: left;
 background: url(/images/site/fill-balk.jpg) no-repeat 82px top;
 width: 100%;
 height: 45px;
 margin: 0 auto 20px auto;
}

a#button-terug {
 display: block;
 float: left;
}

a#button-toevoegen, a#button-versturen, img#button-versturen-disabled {
 display: block;
 float: right;
}

/* winkelwagen */
table#winkelwagen-full {
 border-collapse: collapse;
 width: 100%;
 margin: 0 0 20px 0;
}

table#winkelwagen-full td {
 padding: 5px;
}

table#winkelwagen-full tr.even {
 background-color: #F4F4F4;
}

table#winkelwagen-full tbody td input.aantal {
 width: 40px;
 border: 1px green solid;
 padding: 2px;
 text-align: right;
}

col#col-bedrag {
 width: 70px;
}

col#col-subtotaal {
 width: 100px;
}

col#col-thumb {
 width: 60px;
}

col#col-action {
 width: 35px;
}

tr.totaal-margin td {
 height: 50px;
}

table tr.subtotaal td {
 border-top: 1px green solid;
 border-bottom: 2px green solid;
}

td.bedrag, th.bedrag {
 text-align: right;
}

td.action {
 text-align: right;
}

p.submit, td.submit  {
 text-align: right;
}

div.thumbwrap {
 width: 56px;
 height: 56px;
 background: url(/images/site/thumb-winkel.jpg);
 float: left;
}

    div.thumbwrap img {
     margin: 2px;
     border: 1px #086341 solid;
    }
    
    
/* default form */
input, select, option, optgroup {
 font-family: verdana;
 font-size: 100%;
}

optgroup {
 padding: 2px;	
}

form fieldset {
 border: 0;
 border-bottom: 1px green solid;
 border-top: 1px green solid;
 margin: 0 0 1em 0;
 padding: 1em;
 position: relative;
}

form fieldset legend {
 font-size: 120%;
 font-style: italic;
 color: #333;
}

form input {
 padding: 2px 3px;
}
	
form p.submit {
 text-align: right;
 margin: 1em 0;
}

form fieldset p {
 margin: 0.1em 0;
 padding: 0.1em 0;
}

form p label {
 clear: left;
 float: left;
 display: block;
}

form label {
 cursor: pointer;
}

form input.checkbox {
 border: 0;
}

/* forms */
div#content form p {
 margin: 0.1em 0;
}

form fieldset p label {
 width: 140px;
}

form#form-checkout {
 width: 400px;
 margin-bottom: 10px;
}

form fieldset p input {
 border: 1px #6FB02E solid;
}

/* form inloggen */
form#form-inloggen {
 width: 400px;
}

/* form zoeken */
form#form-zoeken {
 width: 500px;
 margin-bottom: 10px;
}

/* mijn-orders */
table#mijn-orders {
 margin-bottom: 10px;
}

table.overzicht {
 width: 100%;
 border-collapse: collapse;
}

table.overzicht th, 
table.overzicht td {
 padding: 4px;	
}

table.overzicht tr {
 border-bottom: 1px #CCC solid;
}

table.overzicht tr.even {
 background-color: #F8F8F8;
}

table td.action {
 text-align: right;
}

table th {
 text-align: left;
}

table#product-gegevens td.opmerking {
 text-align: left;
}

/* product toevoegen pop-up */
div#product-add-dialog {
 position: absolute;
 left: 0;
 top: 195px;
 border: 1px #BBB solid;
 background-color: #F0F0F0;
 padding-bottom: 5px;
 z-index: 1000;
}

div#product-add-dialog h3 {
 margin: 0 0 10px 0;
 padding: 3px 5px;
 background-color: #8CCB3F;
 color: #FFF;
 font-size: 14px;
}

div#product-add-dialog p {
 margin: 5px 10px;
}

tr.eenheden-aantal td, 
tr.totaal-eenheden td, 
tr.totaal-stuks td,
tr.eenheden-aantal th, 
tr.totaal-eenheden th, 
tr.totaal-stuks th {
 border-top: 1px #CCC solid;
}

tr.eenheden-aantal input {
 border: 1px #8CCB3F solid;
 padding: 2px;
}

div#product-add-dialog input {
 text-align: right;
}

tr.totaal-eenheden th, tr.totaal-eenheden td {
 border-top: 1px #8CCB3F solid;
}

form#form-add-dialog {
 margin: 5px 10px;
 padding: 0;
}

form#form-add-dialog table {
 width: 280px;
 border-collapse: collapse;
}

form#form-add-dialog table th {
 font-weight: normal;
}

form#form-add-dialog table td {
 padding: 3px;
}

form#form-add-dialog p.submit {
 margin: 5px 0 5px 0;
}

td.eenheden-afnemen-per {
 width: 100px;
}

p#link-uitleg-eenheden {
 text-align: right;
}