*{
    box-sizing:         content-box;
    -moz-box-sizing:    content-box;    
    
    font-family:        Arial, Verdana, Helvetica, sans-serif;
}


body{
    width:              100%;
    height:             100%;
    margin:             0px;
        
    font-family:        Arial, Verdana, Helvetica, sans-serif;
}

p{
    margin-top:         0px;
    margin-bottom:      15px;
    padding:            0px;
}

h1 {
    font-size:          12px;
    font-weight:        bold;
    margin:             0px;
}

h2 {
    font-size:          15px;
    font-weight:        bold;
    margin:             0px;
}

h3 {
    font-size:          12px;
    font-weight:        bold;
    margin:             0px;
}

img {
    border-width:       0px;
}

form {
    display:            inline;
}

hr{
    height:             1px;
    border:             none;
}

div#outer_container {
    position:           absolute;
    top:                0px;
    width:              100%;
    height:             100%;
    
    z-index:            1;
}

div#inner_container{
    position:           absolute;
    top:                0px;
    width:              100%;
    height:             100%;
    
    z-index:            2;
}

div#content{
    position:           relative;
    width:              954px;
    height:             auto;
    top:                0px;
    left:               50%;
    margin-left:        -477px;
    
    z-index:            10;
}


/* topnavigatie, drijft op een unordered list */
div#topnavigation{
    position:           relative;
    left:               334px;
    top:                60px;
    width:              480px;
    height:             19px;
}
    div#topnavigation ul {
        font-family:        Arial;
        font-size:          11px;
        padding:            0px;
        margin:             0px;
        list-style:         none;
    }   
    div#topnavigation li {
        float:              left;
        position:           relative;
        color:              #fff;
        font-size:          11px;
        line-height:        1.2em;
    }
    div#topnavigation img {
        border:             0px;
    }   
    div#topnavigation li a{
        font-size:          11px;
        color:              #FFF;
        text-decoration:    none;
    }
    div#topnavigation li a:hover{
        color:              #FFF;
        text-decoration:    underline;
    }
    
/*div#waarborg {
    postion:absolute;
    width:52px;
    height:52px;
    float:right;
}*/

div#titlebar {
    position:           relative;
    width:              931px;
    height:             26px;
    top:                80px;
    left:               12px;
}
div#titlediv {
    position:           relative;
    left:               335px;
    width:              500px;
    height:             24px;
    font-size:          16px;
    font-weight:        bold;
    line-height:        1.5em;
    color:              #fff;   
}




/* hoofdnavigatie. drijft op dynamische textlinks in div's */

div#mainnavigation{
    position:           relative;
    left:               15px;
    top:                0px;
    width:              192px;
    float:              left;
    margin-top:         100px;
    z-index:            10;
}

    div#mainnavigation div {
        width:              192px;
        height:             22px;
        
        color:              #362F2D;
        font-size:          12px;
        line-height:        1.5em;
        
        padding:            0px 0px 0px 25px;   
    }   
    div#mainnavigation div a{
        font-size:          12px;
        color:              #362F2D;
        text-decoration:    none;
    }
    div#mainnavigation div a:hover{
        text-decoration:    underline;
    }

/* body gedeelte */ 
div#body_container {
    position:               relative;
    width:                  595px;
    height:                 auto;
    min-height:             420px;
    top:                    0px;
    float:                  left;
    
    font-size:              12px;
    line-height:            1.5em;
    
    margin-top:             100px;
    margin-bottom:          30px;
    
    voice-family: "\"}\"";
            voice-family: inherit;
            left:           130px;  /* IE */
            }
        html>body #body_container {
        left:               155px;  /* Mozilla */
}   

/* for Internet Explorer */
/*\*/
* html div#body_container {
    height:                 420px;
}
/**/




/* footer and visual styles */
div#footer {
    position:           relative;
    width:              100%;
    height:             50px;
    top:                0px;
    clear:              both;
    
    margin-top:         30px;   
    
    z-index:            4;
}

div#visual {
    position:           absolute;
    
    width:              339px;
    height:             342px;
    top:                  -238px;
    left:               50%;
    
    margin-left:        -420px;

    z-index:6;
}

div#bottombar {
    position:           relative;
    width:              100%;
    height:             50px;
    top:                0px;

    -moz-opacity:       0.5; /* mozilla */
    opacity:            0.5; /* Safari */
    filter:             alpha(opacity=50);  /* Explorer */
    
    z-index:5;
}
div#bottombar div.spacer{
    width:              100%;
    height:             43px;
}
div#creditbar {
    position:           relative;
    width:              950px;
    height:             50px;
    left:               50%;
    margin-left:        -475px;
    z-index:            10;
}
    div#creditbar td.zichtcredit{
        width:          346px;
        padding-left:   40px;
        font-size:      10px;
    }
    div#creditbar td.zichtcredit a{     
        text-decoration:none;
    }
    div#creditbar td.zichtcredit a:hover{
        text-decoration:underline;
    }
    div#creditbar td.footermenu {
        width:          358px;
        font-size:      11px;
    }
    div#creditbar td.footermenu a{      
        text-decoration:none;
        
        margin-right:   15px;
    }
    div#creditbar td.footermenu a:hover{
        text-decoration: underline;
    }
    
    div#creditbar td.creditcards {
        text-align:     right;
        padding-right:  15px;
    }

div#linkBack{
    position:           absolute;
    width:              250px;
    height:             20px;
    top:                135px;
    right:              18px;
    text-align:         right;
}



/* overig (links) */
a {
    text-decoration:    underline;
}

a:hover{
    text-decoration:    none;
}

a.submitlink,
a.linkback {
    padding-left:       20px;

    background:         url(/images/designdogs/arrow_submit.gif) left no-repeat;

    text-decoration:    underline;
}
a.submitlink:hover,
a.linkback:hover {
    text-decoration:    none;
}

a.linkback {
    font-size:          12px;
    background:         url(/images/designdogs/arrow_back.gif) left no-repeat;
}


/* form elements */
input {
    height:             16px;
    padding:            1px 5px 0px 5px;
    font-size:          12px;
    line-height:        1.2em;
    border:             1px solid black;
}

input.bttn {
    height:             20px;
    background-color:   #fff;
}

table#productCatTab td{
	padding-right: 20px;
}

.uspbox,
#specOfferDesc {
    padding:            0 10px 0 10px;
}
