/* TOUCAN CSS RESET | v0.1.9 */

/* 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 {
}

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

body {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.5;
}
a {
    color                : #D72327;
    text-decoration        : underline;
    cursor                : pointer;
}
/* structuur
-------------- */
.TextHeader {
    font-size    :14px;
    color        :#D72327;
    font-weight    :bold;
}

.container {
    width:100%;
    margin:0 auto;
}
.header-box {
    width:100%;
    height:168px;
    float:left;
    margin-bottom:10px;
    background: url(/images/bg-streep-links.png) no-repeat left bottom;
}
.logo-box {
    width:407px;
    height:90px;
    position:absolute;
    top:0;
    left:0;
}
.logo {
    width:407px;
    height:90px;
    display:block;
}
/* header filter */
.header-filter-box {
    width:681px;
    height:98px;
    float:right;
}
.filter-box-1 {
    width:200px;
    float:left;
    margin: 45px 20px 0 0;
}
.filer-select {
    border:1px solid #000000;
    width:200px;
}
#trefwoord {
    border:1px solid #000000;
    width:133px;
}
.zoeken-box {
    width:200px;
    float:left;
}
.input-zoeken {
float:left;
}
.input-submit {
    float:right;
}

#slider-box {
    width:100%;
    height:62px;
    float:left;
    /*background: url(/images/bg-streep-rechts.png) no-repeat bottom right;*/
    position:relative;
    background:url(/images/loading.gif) no-repeat 50% 50%;
    overflow:hidden;
}

#mycarousel {
    list-style-type: none;
}
#mycarousel li {
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
}
/* menu */
.menu-box {
    float:left;
    left:0;
    padding-right:20px;
    position:absolute;
    text-align:right;
    top:192px;
    width:150px;
}
/* inhoud */
.inhoud-box {
    float:left;
    /*width:980px;*/
    left:170px;
    position:relative;
    margin-right:380px;
    top:14px;
    padding-top:8px;
}
/* rechts */
.rechter-box {
    width:210px;
    float:right;
    position:absolute;
    right:0;
    top:192px;
}
.nav {
    list-style:none;
    font-size:12px;
    line-height:3;
}
.nav li a {
    color:#000000;
    font-weight:bold;
    text-decoration:none;
}
.nav li a:hover {
    color:#d72327;
}
.nav li a.menuitem-active {
    color:#d72327;
}
.rechter-box-1 {
    padding: 15px 0 10px 20px;
    background:url(/images/bg-streep-rechts.png) no-repeat left bottom;
}
.rechter-box-2 {
    padding: 15px 0 10px 20px;
}
.rechter-box-nav {
    margin-top:20px;
}
.rechter-box-nav a {
    color:#d72327;
    padding-right:20px;
    text-decoration:none;
    font-weight:bold;
}
.rechter-box-nav a:hover {
    color:#000000;
}

.chart_short_btw {
    color:#999999;
}
/* product box
---------------------------------------- */
.product-lijst-box {
    width:200px;
    height:270px;
    float:left;
    margin:5px;
    /*background:url(/images/punt.png) no-repeat bottom left;*/
    border:1px solid #DCDCDC;
}
.product-lijst-titel {
    width:190px;
    height:45px;
    padding:5px;
    float:left;
}
.bekijk-alles {
    color:#999999;
    text-decoration:none;
}

/* Text
---------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color:#d72327;
}

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

h2 {
    font-size: 12px;
    line-height: 1.15;
    margin-bottom: .357em;
}

h3 {
    font-size: 11px;
    line-height: 1.2;
    margin-bottom: .476em;
}

h4, h5, h6 {
    font-size: 1em;
    margin-bottom: .715em;
}

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-style: normal;
    font-variant: normal;
}

var {
    font-style: normal;
}

center {
    text-align: center;
}

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

/*a {
    color:#000000;
}

a:link {
}

a:visited {
}

a:hover {
    color:#d72327;
}*/
/*
a:active {
}


a:focus {
    outline: 1px dotted;
}*/

/* 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 {
    color: #EAE8E8;
    height: 1px;
}

big {
    font-size: 1.25em;
}

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

sub, sup {
    line-height: 1;
}

sub {
    vertical-align: bottom;
}

sup {
    vertical-align: top;
}

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

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

bdo {
    border-bottom: 1px dotted;
}

u {
    text-decoration: underline;
}

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

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

input, textarea, select, button {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #666666;
    color: #000000;
    cursor: inherit;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
}

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 {
    line-height: 1.25;
    text-align: left;
}

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

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

th, td {
    padding: 4px 3px;
}

caption {
    padding-bottom: 1em;
}

th {
    font-weight: bold;
}
#container {
    float:left;
    width:100%;
}
#footer {
    float:left;
    width:100%;
    margin-top:50px;
    text-align:center;
    height:40px;
    font-size:10px;
    color:#666666;
    background-color:#FFFFFF;
}
.rood {
    color:#d72327;
}
.product_div {
    float:left;
    border: 1px solid #DCDCDC;
    font-size: 11px;
    margin-bottom: 13px;
    margin-right: 10px;
    min-height: 192px;
    text-align: left;
    width: 290px;
}
.product_div_bottom_box {
    background-color: #F5F5F5;
    float:left;
    width:100%;
}
.product_div_prijs_box {
    float:left;
    padding:5px 0 5px 5px;
}
.product_div_voorraad_box {
    float:right;
    padding:5px 5px 5px 0;
    width:130px;
}
.product_div_bottom_box form {
    margin:0;
}
.product_div_bottom_box a {
    color: #000000;
    text-decoration: none;
}
.product_div_bottom_box a:hover {
    text-decoration:underline;
    color: #579ECC;
}

.grijs {
    color: #666666;
}
#product_div_detailbox {
    border:1px solid #DCDCDC;
    font-size:11px;
    text-align:left;
    margin-bottom:20px;
    width:625px;
}
.artikel_box_titel {
    color: #D72327;
    font-size: 14px;
    font-weight: bold;
}
a.grijs {
    color:#666666;
}

.form-box {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 30px;
    width: 640px;
}
.form-box h1 {
    color: #333333;
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 10px;
}
.form-box h2 {
    color: #333333;
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 0.238em;
}
.form-links-en-rechts {
    border-bottom: 2px solid #333333;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 640px;
}
.form-links {
    border-right: 1px solid #CCCCCC;
    float: left;
    width: 310px;
}
.form-rij {
    float: left;
    padding: 3px 5px;
    width: 300px;
}
.form-rij-lable {
    float: left;
    width: 135px;
    color:#666666;
}
.form-rij input {
    border: 1px solid #999999;
    color: #666666;
    width:155px;
    padding:3px;
}
.form-rij textarea {
    border: 1px solid #999999;
    color: #666666;
    height: 120px;
    width: 300px;
}
.form-rechts {
    float: right;
    width: 320px;
}

.productinfo-box {
    float: left;
    margin-bottom: 10px;
    width: 640px;
}
.productinfo {
    float: left;
    padding-right: 15px;
    width: 300px;
}
.productfoto {
    float: left;
    padding-left: 15px;
    width: 310px;
}
.form-rij .valid {
    border-color:#999999 !important;
}
.details-trigger {
    position:absolute;
    bottom:0;
    right:0;
}

.chart-stap-verder {
    float:right;
}
#submitbetaling {
    float:right;
}

.cat_doorklik {
    cursor: pointer;
}