/*  by mindcontrolled / for mindconnect
    W3C validated CSS

    WARNING: NOT CLEANED UP YET
*/

* {
    font-family:        tahoma, verdana, sans-serif;
}

body {
    color:              black;
    background-color:   #F2F2F2;

    margin:             20px 20px 20px 20px;
    padding:            0px 0px 0px 0px;
}

p, td, th, ul, legend {
    font-size:          12px;
    font-style:         normal;
    font-weight:        normal;
    line-height:        17px;
}

h1 {
    color:              #FB8406;
    
    font-size:          22px;
    font-style:         normal;
    font-weight:        bold;

    letter-spacing:     -1px;
    text-decoration:    none;

    margin-top:         0px;
    margin-bottom:      2px;
}

h1 a {
    text-decoration:    none;
}

h1 a:visited, h1 a:active {
    color:              #FB8406;
}

/*div {
    -moz-box-sizing:    border-box;
    -moz-box-sizing:    content-box;
    -moz-box-sizing:    padding-box;

    box-sizing:         border-box;
    box-sizing:         content-box;
    box-sizing:         padding-box;
}*/


/*  Display images as a block item. This limits the
    chance on so-called 'ghost margins' when using
    images in tables/divs and with <br>'s.
*/
img {
    display:            block;
    border-width:       0px;
}

img.itemimage {
    border-color:       black;
    border-width:       1px;
    border-style:       solid;

    margin-right:       0px;
    margin-left:        4px;
/*    float:              left;*/
    float:              right;
}






a:visited, a:active {
    color:              #E89032;
    background-color:   transparent;
}

a, a:hover  {
    color:              #FB8406;
    background-color:   transparent;

    text-decoration:    underline;
}




p {
    text-align:         justify;
    margin:             0px auto 10px auto;
}

p.prijs {
    font-size:          14px;
}

p.asterix, p.notice {
    font-size:          9px;
    margin:             4px 0px 0px 0px;
}

p.notice {
    text-align:         center;
}

p.warning {
    color:              #FB8406;
    background-color:   transparent;
    font-weight:        bold;
}

p.navigation {
    margin:             0px 0px 0px 2px;
}

a.antisp4m {
    visibility:         hidden;
}

b.orange {
    color:              #FB8406;
    background-color:   transparent;
}

ul {
    list-style-type:    square;

    margin-top:         8px;
    margin-bottom:      10px;
}

ul.featurelist {
    background-color:   #F2F2F2;

    margin-right:       130px;
}
/*label {
    display:            block;
}*/





fieldset {
    padding:            10px;
}

input, select, textarea {
    color:              black;
    background-color:   white;

    border-style:       solid;
    border-width:       1px;
    border-color:       black;
/*    font-family:        tahoma, verdana, sans-serif;*/
    font-size:          13px;
}

/*  Fix margin around checkboxes in IE/Mozilla.
    Fix border around checkboxes in IE.
*/
input.checkbox {
    margin: -2px -1px -1px auto;
    border: 0px;
}

input.clean {
    border-width:       0px;
}

input.notvalid, select.notvalid, textarea.notvalid {
    border-color:       #FB8406;
}







/*  Center the website in a div that is 650px wide.
    Tested and approved in:
        IE 6.0.2800.1106.xpsp1.[...]
        Mozilla 1.2.1 Gecko/20030327
        Mozilla 1.3.1 Gecko/20030425
        Opera 7.11 TP5 (on Linux)
        Konqueror 3.1.2
*/
div.pagecontainer {
    color:              black;
    background-color:   transparent;

    background-image:       url(../images/2dot-vertical.gif);
    background-position:    161px;
    background-repeat:      repeat-y;

    width:              650px;
    min-height:         300px;

    margin-left:        auto;
    margin-right:       auto;
}



/*  Display a div that is 110px high and put
    the 2dot-vert.gif as a vertically repeating
    background on 161px left offset.

    Textcolor is required by the CSS standard.
*/
div.left, div.right {
    color:              black;
    background-color:   transparent;
}

div.left {
    width:              162px;
    float:              left;
}

div.right {
    width:              488px;
    float:              right;
}

div.clearing {
    visibility:         hidden;
    clear:              both;
}

div.itemblock, div.itemblocknav {
    color:              black;
    background-color:   white;

    border-width:       1px;
    border-color:       black;
    border-style:       solid;

    width:              463px;
    margin:             5px auto auto 7px;
    padding:            4px 4px 4px 4px;
}

div.itemblocknav {
    padding-top:        0px;
    padding-bottom:     2px;
}

div.hr {
    color:              black;
    background-color:   transparent;

    background-image:       url(../images/2dot-horizontal.gif);
    background-position:    0px;
    background-repeat:      repeat-x;

    width:              463px;
    min-height:         1px;
    
    margin:            10px auto 5px auto;

/*    margin-left:        auto;
    margin-right:       auto;*/
}




table.fullwidth {
    width:              462px;
}

td.header {
    font-weight:        bold;
}

td.grey {
    color:              black;
    background-color:   #F2F2F2;
}

td.short {
    color:              black;
    background-color:   white;

    width:              144px;
    vertical-align:     top;
}

td.spacer {
    background-image:       url(../images/2dot-vertical.gif);
    background-position:    1px;
    background-repeat:      repeat-y;
}

td.featurelist {
    background-color:   #F2F2F2;

    padding:            0px 30px 0px 0px;
}