@import "style-shop.css"; /* normal scrolling*/
@charset "UTF-8";
/* CSS Document */

/* TOUCAN CSS RESET | v0.1.7 */

/* General
---------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}

p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
    margin-bottom: 1.5em;
}

/* Structure
---------------------------------------- */
html {
    font-size: 100%;
    height:100%;
}

body {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    text-align:center;
    background:url(/images/bg-boven.png) repeat-x;
    height:100%;
    margin:0;
    padding:0;
}
#container {
    width:980px;
    text-align:left;
    margin: 0 auto;
    height:auto !important;
    min-height:100%;
    padding:0;
    top:0;
}
/*header
------------ */
#header-box {
    width:980px;
    float:left;
    height:210px;
    background:url(/images/bg-header.png) no-repeat;
}
.header-afb-box {
    width:950px;
    height:200px;
    float:left;
    top:0;
    left:0;
    margin: 10px 0 0 15px;
    position:relative;
}
.header-afbeelding {
    width:950px;
    height:200px;
    float:left;
    background:green;
    top:0;
    left:0;
    position:relative;
    z-index:0;
}
.logo-box {
    width:200px;
    height:200px;
    float:left;
    top:-200px;
    background:url(/images/bg-logo.png);
    left:0;
    position:relative;
    z-index:4;
}
.logo {
    width:155px;
    height:155px;
    background:url(/images/logo-bolster.png) no-repeat;
    display:block;
    margin: 20px;
}
/* menu
-------------------*/
#menu-box {
    height:30px;
    width:950px;
    margin: 0 15px;
    float:left;
    background:none;
}
#menu-ul {
    list-style: none;
    float:left;
    height:30px;
    border-left:1px solid #f5f5f5;
    background:none;
    margin:0;
    padding:0;
}
#menu-ul a{
    text-decoration: none;
    font-size: 14px;
    line-height:2;
    color: #333333;
    float:left;
    font-weight: normal;
    height:30px;
    padding:0 10px;
    background:none;
}
#menu-ul a:hover{
    background:url(/images/menu-bg-hover.png) no-repeat center;
}
#menu-ul li {
    display: inline;
    float:left;
    margin:0;
    padding:0;
    height:30px;
    border-right:1px solid #f5f5f5;
    background:none;
}
.zoeken-box {
    /*width:380px;*/
    height:30px;
    float:left;
    background: none;
}
.zoeken-box input {
    border:1px solid #c7c6c7;
    color: #333333;
    font-size:11px;
    background:url(/images/zoeken-bg.png) repeat-x;
    float:right;
    height:17px;
    margin-left:4px;
    width:108px;
    margin-top: 4px;
}
.zoeken-box a {
    background: url(/images/zoeken-button-bg.png) repeat-x;
    color:#FFFFFF;
    display:block;
    float:right;
    height:21px;
    display:inline-block;
    margin:4px 0 0 4px ;
    text-decoration:none;
    padding: 0 10px;
    text-align:center;
    font-size:11px;
    line-height:1.9;
}

/* content
---------------- */
#content-box {
    width:948px;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
    background: url(/images/bg-content.png) repeat-x;
    float:left;
    margin-left:15px;
}
#content-inhoud {
    width:535px;
    float:left;
    margin:10px 0 10px 10px;
}
.left-box {
    width:200px;
    float:left;
    border-right:1px dashed #CCCCCC;
}
.rechter-box {
    width:200px;
    padding-top:10px;
    float: right;
    border-left:1px dashed #CCCCCC;
}

.landen-nl {
    width:16px;
    height:11px;
    display:inline-block;
    /*background:url(/images/nl.png) no-repeat;*/
    background:url(/images/nl-actief.png) no-repeat;
}
.landen-nl:hover {    background:url(/images/nl-actief.png) no-repeat; }
.landen-de {
    width:16px;
    height:11px;
    display:inline-block;
    background:url(/images/de.png) no-repeat;
}
.landen-de:hover {    background:url(/images/de-actief.png) no-repeat; }
.landen-fr {
    width:16px;
    height:11px;
    display:inline-block;
    background:url(/images/fr.png) no-repeat;
}
.landen-fr:hover {    background:url(/images/fr-actief.png) no-repeat; }
.landen-uk {
    width:16px;
    height:11px;
    display:inline-block;
    background:url(/images/uk.png) no-repeat;
}
.landen-uk:hover {    background:url(/images/uk-actief.png) no-repeat; }
.lettergrote_aanpassen {
    width:28px;
    height:28px;
    margin-top:3px;
    display:inline-block;
    float: right;
    outline:none;
}


/* Categorie overzicht
------------------------ */
.crumbtrail {
    width:525px;
    height:25px;
    border-bottom:1px solid #CCCCCC;
    float:left;
    margin-bottom:10px;
}
.categorie-box {
    margin-bottom:5px;
    width:258px;
    height:180px;
    float:left;
    border:1px solid #CCCCCC;
}
.categorie-box-links {
    margin-bottom:5px;
    margin-left:5px;
    width:258px;
    height:180px;
    float:left;
    border:1px solid #CCCCCC;
}
.categorie-titel {
    width:258px;
    height:25px;
    float:left;
    color:#FFFFFF;
    background:url(/images/bg-categorie-titel.jpg) repeat-x;
}
.categorie-afbeelding {
    width:83px;
    height:155px;
    float:left;
    background:black;
}
.categorie-bestelopties-box {
    width:175px;
    height:155px;
    float:left;
}
.categorie-bestelrij {
    width:175px;
    height:25px;
    border-bottom:1px solid #CCCCCC;
    float:left;
    line-height:2.2;
}
.bestelopties-benaming {
    width:55px;
    height:25px;
    float:left;
    margin-left:15px;
}
.bestelopties-prijs {
    width:45px;
    height:25px;
    float:left;
    font-weight:bold;
}
.bestelopties-aantal {
    width:60px;
    height:25px;
    float:left;
}
.bestelopties-aantal-producten {
    width:18px;
    height:18px;
    margin-top:2px;
    text-align:center;
    font-size:12px;
    border:1px solid #CCCCCC;
    float:left;
}
.winkelmande-icoon-voeg-toe-klein {
    width:21px;
    height:19px;
    float:left;
    margin:2px 0px 0px 5px;
    background: url(/images/winkelmandje-klein.jpg) no-repeat;
    cursor:pointer;
}
.bestelopties-meerinfo {
    font-size:9px;
    height:25px;
    line-height:3;
    margin-left:10px;
    width:165px;
}
.meerinfo-button {
    background: url(/images/zoeken-button-bg.png) repeat-x bottom #e51a2c;
    color:#FFFFFF;
    display:block;
    float: right;
    height:25px;
    display:inline-block;
/*    margin:4px 0 0 9px ;*/
    text-decoration:none;
    padding: 0 7px;
    text-align:center;
    font-size:11px;
    font-weight:normal;
    line-height:2.2;
    border:none;
}

/* Details pagina
------------------- */
.details-box {
    width:525px;
    float:left;
}
.details-titel {
    width:525px;
    height:25px;
    float:left;
    color:#FFFFFF;
    background:url(/images/bg-categorie-titel.jpg) repeat-x;
}
.details-titel1 {
    width:425px;
    float: left;
}
.details-titel2 {
    line-height:2.1;
    text-align:right;
    margin-right:10px;
}
.details-afbeelding {
    width:250px;
    height:195px;
    /*background:black;*/
    border-left:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
    float:left;
}
.details-bestelopties-box {
    width:273px;
    height:195px;
    float:left;
    border-bottom:1px solid #CCCCCC;
    border-right:1px dashed #CCCCCC;
}
.details-bestelrij {
    margin-left:10px;
    width:255px;
    height:25px;
    border-bottom:1px solid #CCCCCC;
    float:left;
    line-height:2.2;
}
.details-aantalmeters {
    width:78px;
    height:25px;
    float: left;
}
.details-omschrijving {
    width:523px;
    float:left;
    border-left:1px dashed #CCCCCC;
    border-right:1px dashed #CCCCCC;
}
.details-zaaiopties-box {
    width:523px;
    float:left;
    border-left:1px dashed #CCCCCC;
    border-right:1px dashed #CCCCCC;
}
.zaaioverzicht-box {
    width:513px;
    margin-top:5px;
    margin-left:5px;
    border-top:1px solid #CCCCCC;
}
.zaai-linker {
    width:255px;
    float:left;
    border-right: 1px solid #CCCCCC;
}
.zaai-rechts {
    width:255px;
    float:left;
}
.zaaitab {
    margin-top:10px;
    border:none;
}
.zaaitab-1 {
    width:145px;
    padding-left:10px;
}
.maanden-box {
    height:32px;
    width:523px;
    background: url(/images/bg-maanden.jpg) repeat-x;
    float:left;
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
}
.zaaien-buiten {
    width:260px;
    height:32px;
    border-right:1px dashed #CCCCCC;
    float:left;
    background:url(/images/bg-buiten.jpg) no-repeat;
}
.zaaien-onderglas {
    width:262px;
    height:32px;
    float:left;
    background: url(/images/bg-onder-glas.jpg) no-repeat;
}

.recent-bekeken {
    width:525px;
    float:left;
    margin-top:40px;
}




/* Categorieen (Menu)
------------------- */

.margin-left {
    margin-left:15px;
}
.margin {
    margin:5px;
}
.margin_footer {
    margin:15px;
}
#menu-left-box {
    float:left;
    width:200px;
}
.bestel-actiecode-lijst {
    width:200px;
    height:25px;
    line-height:1.9;
    margin:10px 0;
    background:#FFFFFF;
    font-size:14px;
    border-bottom:1px solid #CCCCCC;
}
#menu-left { /* deze bestond in de stijl wel, ik heb het aangepast */
    list-style:none;
    font-size:14px;
    background:url(/images/schaduw-onder.png) no-repeat bottom;
    padding:0 0 7px 0;
    margin:0 0 10px 0;
}
#menu-left ul { /* deze ook */
    list-style:none;
    border-bottom:1px solid #e0dfde;
    display:none;
    padding-left:0;
    margin-left:0;
    /*background-color:red;*/
}
#menu-left li {
    margin:0;
}
#menu-left ul li { /* deze ook */
    background: #f5f5f5;
    margin:none;
    padding-left:0;
}
.menu-lijst-link1 {
    display:block;
    text-decoration:none;
    background:url(/images/cat-bg.png) no-repeat;
    height:25px;
    line-height:1.5;
    padding-left:20px;
    color: #FFFFFF;
    cursor:pointer;
}
.menu-lijst-link1-active {
    background:url(/images/cat-bg-hover.png) no-repeat;
}
.menu-lijst-link1:hover {
    background:url(/images/cat-bg-hover.png) no-repeat;
}
.menu-title {
    display:block;
    text-decoration:none;
    background: url(/images/categorie-bg.jpg) no-repeat;
    height:40px;
    line-height:40px;
    padding-left:20px;
    color:#ff0099;
}
.menu-lijst-link2 {
    display:block;
    font-size:11px;
    text-decoration:none;
    height:20px;
    line-height:1.2;
    padding-left:20px;
    color:#333333;
    cursor:pointer;
}
.menu-lijst-link2-active {
    background: #CCCCCC;
}
.menu-lijst-link2:hover {
    background: #CCCCCC;
}

.side-box {
    width:200px;
    float:left;
    background:url(/images/schaduw-onder.png) no-repeat bottom;
    margin-bottom:10px;
    padding-bottom:7px;
}
.e-mail-box {
    width:190px;
    float:left;
    margin-top:10px;
    font-size:11px;
}
.right_div_body {
    width:180px;
    height:20px;
    padding:2px;
    margin-bottom:10px;
    border:1px solid #CCCCCC;
}

/* home boxes
----------------- */
.home-cat-box {
    width:166px;
    height:190px;
    border:1px dashed #CCCCCC;
    float:left;
    margin: 0 10px 10px 0;
    cursor:pointer;
}
.home-cat-box img {
    margin-left:0px;
}
.home-cat-box:hover {
    border:1px dashed #596eb3;
}

/* Winkelmandje opmaak home pagina
----------------------------------- */
.home-winkelmandje-box {
    width:178px;
    float:left;
    border:1px solid #fac6cb;
    margin-left:3px;
    font-size:11px;
    text-align:right;
    margin-bottom:6px;

}
.winkelmandje-icoon {
    width:32px;
    height:28px;
    float:left;
    margin:3px 3px 0;
    background:url(/images/winkelmandje-icoon.png) no-repeat;
}
.home-inhoud-winkelmandje {
    float:left;
    width:140px;
    text-align:left;
    font-size:10px;
    color:#999999;
    margin-left:10px;
}
.aantal-artikelen-in-winkelmandje {
    float:left;
    width:25px;
    text-align:left;
    font-size:10px;
    color:#999999;
}
.home-winkelwategen-totaal {
    width:178px;
    float:left;
    text-align: left;
    line-height:2;
    font-weight:bold;
    background:url(/images/schaduw-onder.png) no-repeat top;
}
.algemene-button {
    background: url(/images/zoeken-button-bg.png) repeat-x;
    color:#FFFFFF;
    display:block;
    float: left;
    height:21px;
    display:inline-block;
/*    margin:4px 0 0 9px ;*/
    text-decoration:none;
    padding: 0 7px;
    text-align:center;
    font-size:11px;
    font-weight:normal;
    line-height:1.9;
    border:none;
}
.afrekenen-button {
    background: url(/images/zoeken-button-bg.png) repeat-x;
    color:#FFFFFF;
    display:block;
    float: right;
    height:21px;
    display:inline-block;
/*    margin:4px 0 0 9px ;*/
    text-decoration:none;
    padding: 0 7px;
    text-align:center;
    font-size:11px;
    font-weight:normal;
    line-height:1.9;
    border:none;
}
.pdf-downloaden {
    width:89px;
    height:121px;
    border:1px solid #000000;
    float:right;
    background: url(/images/catalogus_voorkant.png) repeat-x;
}
.acrobad-downloaden {
    background:url(/images/pdf-logo.png) no-repeat left;
    padding-left:31px;
    margin-top:5px;
    height:25px;
    display:block;
    line-height:3;
    font-size:10px;
}
.product-box-home {
    width:170px;
    border:1px dashed #999999;
    float:left;
    margin-left:3px;
    margin-bottom:6px;
}
.product-box-home-titel {
    background: url(/images/titel-background-home.png) repeat-x;
    height:24px;
    color:#FFFFFF;
    margin-top:-1px;
    margin-left:-1px;
    margin-right:-1px;
    font-size:14px;
}
.bijschift-product-box {
    width:170px;
    border-top:1px solid #999999;
    text-align:center;
}
.bijschift-product {
    width:100px;
    height:60px;
    border-right:1px solid #999999;
    float:left;
    text-align:left;
    margin-left:5px;
}
.aantal-bestelknop-prijs {
    width:60px;
    float:left;
}
.aantal-producten {
    width:22px;
    height:28px;
    text-align:center;
    font-size:14px;
    border-left:none;
    border-top:none;
    border-bottom:1px solid #999999;
    border-right:1px solid #999999;
}
.winkelmandje-icoon-voeg-toe {
    width:32px;
    height:28px;
    float:left;
    margin:0px 3px 5px 0;
    background:url(/images/winkelmandje-icoon.png) no-repeat;
    cursor:pointer;
}

/* footer
---------------- */

#footer-container {
    background: url(/images/footer-bg.png) repeat-x;
    border-top:2px solid #a9a9a9;
    clear:both;
    color:#666666;
    font-size:14px;
    height:140px;
    /*margin-top:-140px;*/
    position:relative;
    width:100%;
}
.footer-container {
    width:980px;
    text-align:left;
    margin:0 auto;
}
.footer-contact-box {
    border-right:1px dashed #CCCCCC;
    background:url(/images/bg-logo.png);
    float:left;
    width:200px;
    margin-left:15px;
    font-size:11px;
    line-height:2;
}
.footer-sitemap {
    width:547px;
    float:left;
    border-right:1px dashed #CCCCCC;
    font-size:11px;
    line-height:2;
}
.footer-sitemap-box1 {
    width:160px;
    float:left;
    margin-right:12px;
}
.footer-sitemap-box1 a {
    text-decoration:none;
    color:#666666;
}
.footer-logotjes {
    width:198px;
    float:left;
}
/* Text
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 3em;
    line-height: 1.1;
    margin-bottom: .238em;
}

h2, .TextHeader,.artikel_box_titel {
    font-size:14px;
    color:#FF0000;
    line-height: 1.15;
    text-transform:uppercase;
    color:#ed1b2e;
    margin-bottom: .357em;
    text-align:left;
}

h3 {
    font-size:14px;
    line-height: 1.2;
    margin-bottom: 2px;
}

h4 h5, h6 {
    margin-bottom: .571em;
}

h4 {
    font-size: 11px;
    line-height:24px;
    margin-left:10px;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 1em;
}

em, i {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

blockquote, q, cite {
    /*font-style: italic;*/
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}

code, kbd, pre, samp, tt {
    font-family: "andale mono", consolas, monaco, "lucida console", "courier new", courier, monospace;
    line-height: 1.3;
}

pre {
    /* word-wrap: break-word; */
    white-space: pre-wrap;
}

abbr, acronym, dfn {
    border-bottom: 1px dotted;
    cursor: help;
    font-variant: normal;
    font-style: normal;
}

var {
    font-style: normal;
}

center {
    text-align: center;
}

/* Hypertext
---------------------------------------- */

a {
    color:#FF0000;
    cursor:pointer;
}
/*
a:link {
}

a:visited {
}

a:hover {
}

a:active {
}
*/

a:focus {
    outline: 1px dotted;
}
.wachtwoordvergeten {
    font-size:9px;
}

/* Image
---------------------------------------- */
img {
    border: 0;
}

/* List
---------------------------------------- */

ul {
    list-style: disc outside none;
}

ol {
    list-style: decimal outside none;
}

li {
    margin-left: 2em;
}

li ul, li ol {
    margin-bottom: 0;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1em;
}

/* Presentation
---------------------------------------- */
hr {
    border: 0;
    border-bottom: 1px solid;
}

big {
    font-size: 1.25em;
}

small, sub, sup {
    font-size: .85em;
}

sub, sup {
    line-height:2;
}

sub {
    vertical-align: bottom;
}

sup {
    vertical-align: top;
}

del, s, strike {
    text-decoration: line-through;
}

ins {
    text-decoration: none;
    border-bottom: 1px dotted;
}

bdo {
    border-bottom: 1px dotted;
}

u {
    text-decoration: underline;
}

/* Form
---------------------------------------- */
fieldset {
    padding: 1em;
}

legend {
    font-weight: bold;
    padding: 0 .25em;
}

input, textarea, select, button {
    font-family: inherit;
    font-size: 1em;
}

input[type=button], input[type=file], input[type=image], input[type=reset], input[type=submit],
button[type=button], button[type=reset], button[type=submit] {
    cursor: pointer;
    line-height: 1;
}

input[type=text], input[type=password], textarea {
    padding: 1px;
}

textarea {
    text-align: left;
    line-height: 1.25;
}
.inloggen-submit {
    background: url(/images/zoeken-button-bg.png) repeat-x;
    color:#FFFFFF;
    display:block;
    float:left;
    height:21px;
    display:inline-block;
/*    margin:4px 0 0 9px ;*/
    text-decoration:none;
    padding: 0 4px;
    text-align:center;
    font-size:11px;
    line-height:1.9;
    border:none;
}
.grijze-button {
    background: url(/images/grijs-button-bg.png) repeat-x;
    color:#FFFFFF;
    display:block;
    float:left;
    height:21px;
    display:inline-block;
    margin:0px 0 0 1px ;
    text-decoration:none;
    padding: 0 4px;
    text-align:center;
    font-size:11px;
    font-weight:bold;
    line-height:1.9;
}


/* Table
---------------------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    line-height: 1.3;
}

caption, th, td {
    text-align: left;
    vertical-align: top;
}

th, td {
/*    padding: .5em 1em;
    border: 1px solid;*/
    line-height:1.5;
}

caption {
    padding-bottom: 1em;
}

th {
    font-weight: bold;
}


/* product lijst
-------------------- */
.productlijst-box {
    width:523px;

    border:1px dashed #CCCCCC;
    float:left;
    margin-bottom:10px;
}
.prductlijst-titel {
    width:523px;
    height:25px;
    border-bottom:1px solid #CCCCCC;
    float:left;
    line-height:2.2;
}
.productlijst-titel-rechts {
    width:105px;
    float:right;
}
.productlijst-titel-links {
    width:410px;
    float:left;
    margin-left:5px;
    font-weight:bold;
}
.productlijst-inhoud-cont {
    width:523px;
    float:left;
}
.productlijst-afbeelding {
    width:167px;
    height:139px;
    float:left;
}
.productlijst-onder-box {
    width:356px;
    height:25px;
    margin-top:9px;
    float:right;
    border-top:1px dashed #CCCCCC;
}

.zaaitab2 {
    font-size:11px;
    color:#666666;
    border-left:1px dotted #FFFFFF;
    margin-bottom:0;
}
.zaaitab-2 {
    width:100px;
    padding-left:7px;
}
.productlijst-tabel {
    margin-top:5px;
    float:left;
    border-left:1px dashed #CCCCCC;
    margin-right:5px;
    height:98px;
}
.PopupDiv{
 width:400px;
 margin-left:10px;
}


table.bestelsnel{
    border-collapse:separate !important;
    border-spacing:3px 2px !important;
}

.charttabletdhead{
    font-weight:bold;
}
#slider {
    width:950px;
    height:200px;
    float:left;
    margin-bottom:10px;
    position:relative;
    background:url(/images/loading-bar.gif) no-repeat 50% 50% white;

}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
    border:0;
}
#product_div a.filter_verwijder:hover{
    text-decoration:line-through;
    color:red;
    cursor:pointer;

}
#product_div a.filter_verwijder{

    margin-right:5px;
    margin-bottom:5px;
    padding-right:18px;
    padding-bottom:3px;
    background-color: transparent;
    background-image: url("/images/del-filter.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right center;
}

.chart-knoppen-box{
    width:100%;
    float:left;
}
.chart-stap-verder, .chart-submit{
float:right;
margin-right:5px;
}
.chart-stap-terug{
float:left;
}

.afrekentd input[name=Afrekenen], .chart-stap-verder, #submitbetaling {
    background:url(/images/zoeken-button-bg.png) repeat-x 0 2px;
    border:0;
    color:white;
    padding:0 7px;
    height:23px;
    line-height:1.9;
}

.documenten-box {
    float:left;
    margin-right:10px;
    margin-bottom:15px;
}
.document-afbeelding-box {
    float:left;
    margin-left:10px;
}
.document-tekst-box {
    float:left;
    width:335px;
}
.titel-docs {
    font-weight:bold;
}