/* reset-min */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* fonts-min */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* base */
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:0.3em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

/* overrule yahoo code */
/*
http://www.devarticles.com/c/a/Web-Style-Sheets/DIV-Based-Layout-with-CSS/5/
*/
#hd{
    width: 976px;
    margin-top: 0px;
    background: #fff; 
    /*text-align: center;*/
}
#bd{
    margin-top: 0px;
    width: 976px;
    background: #fff; 

}

#ft{
    clear: both;
    width: 804px;
    margin-left: 210px;
    font-size: 8pt;
}
#demo{
        margin-left: 200px;
        margin-top: -4px;
        width: 505px;
}

p.grijsactie{
    margin-left: 325px;
    color:#3D8AD2;
}


#feedback{
    padding:.2em;
    margin-left: 310px;
    background: #fff;     
}
H4{
    padding-top: 0.8em;
    padding-bottom: 0.4em;
}
ul{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

/* pagelay-out */
.wrapper {
    margin: 0 auto;
    background: #fff;        
    width: 976px; /* Replace the xxxx with the the width of your site (eg 800px)*/
    text-align:left;  
}
P
{
    padding:.2em;
    margin: .2em;
    margin-top: -3px;
    margin-bottom: -3px;
}
body {
    background-color:white; /*white*/ /*#cccccc ;*//*#9A9B94 ;*/        
    font-size: 10pt;
    font-family: Verdana,Arial,non-serif;
    padding: 0px;
    margin: 0px;        
}
#leftcol {
    background: #fff;
    float: left;
    width: 202px;
    margin-top: 60px;
}
#content {
    background: #fff;
    float: left;
    margin-bottom: 20px;
    width: 774px; /*774*/
    /*color:#3F3F3F*/
}
html, body {
  height: 100%;
  margin: 0 0 1px;
  padding: 0;
}
#blockleft{
    float: left;
    width: 319px;
}
#blockleftsmall{
    float: left;
    width: 300px;
}

div.blocksearch{
    float: right;
    margin-top: 34px;
}
input.blocksearch{
    color: #666666;
    background: #eeeeee;
    border: 1px solid #bbbbbb
}
div.topsubmenu{
    float: right;
    margin-right: 50px;
    color: #666666;
    margin-top: 40px;
    color:gray;
    text-decoration: none;
    font-size: 7pt;
    font-family: Verdana,Arial,non-serif;
}

#blockright{
    float: left;
    width: 420px;
    margin-left: 10px;
}
Table.tabelletje TD
{
    padding:.2em;
    margin: .2em;
}
#about{
    width: 300px;
    /*margin-left: 310px;*/
    margin-bottom: 50px;
}
.productproperty {
    padding:.2em;
}
th,td {
    /*borders and padding to make the table readable*/
    border:0px solid #000;
    padding:.0em;
}

H3{
    font-size: 13pt;
    font-weight: normal;
}
a:link{
    color:#006699;
    text-decoration: none;
}
a.tooltip{
    color:gray;
    text-decoration: none;
}
a:visited{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
/* einde overrule yahoo code */

#afm {

    background-color:#FFFFFF;
    background-image:url(../images/elementen/afm.gif);
    background-position:104% 50%;
    background-repeat:no-repeat;
    border-bottom-color:#bbb;
    /*border-bottom-color:#999999;*/
    border-bottom-style:solid;
    border-bottom-width:1px;
    height:20px;
}

a.actie{
    padding:15px;
    font-size: 10pt;
    /*color:#3399bb;*/
    /*text-decoration: underline;*/
}

#highlight-box {
background: #FFFFE7;
border: 1px solid #FCE166;
display: block;
line-height: 21px;
margin: 0px 0px 2px;
padding: 10px;
}
.highlight-box-left {
display: block;
float: left;
height: 80px;
padding: 5px 10px 0px 0px;
}
.highlight-box-right {
display: block;
font-size: 12px;
font-weight: bold;
margin-bottom: 8px;
}
/*
a.actie:hoover{
    color: #3399CC;
    text-decoration: none;
}
a.actie:visited{ text-decoration: none; }
*/
.listing{
    padding:.0em;
}
.headcategory{
    padding:.9em;
    border-spacing:.5em;
    border:0px solid #000;
}
.breadcrumb{
    font-size: 7pt;
}
#bread{
    margin-bottom: 3px;
    margin-top: -6px;
}
a.cta-blue
{
    background: url(../../images/algemeen/apply.gif) no-repeat 0px 0%;/* anders: ../images/etc */
    line-height:18px;
    zoom:1;
    /*display:block;*/
    font:bold 14px Verdana,Arial,non-serif;
    padding-left: 34px !important;
    padding-bottom:0.5em !important;
    text-decoration: none;
    color: #006699;
    bottom: 5px;
    margin-left: 20px;
    /* verschuiving: tel op bij background no-repeat 30+x px en bij hover backgroudposition -1142 + x px */
}
a.cta-blue:hover { background-position: -1172px 0% ; color: #3399CC; }
a.cta-blue:visited{text-decoration: none; }
a.cta-info { font:bold 11px arial;}
a.tooltip{color:gray;text-decoration: none;}


/* grijs */
p.grijs
{
    font-size: 10px;
    color: gray /*#217ACB*/;    
    margin:0;
    padding:0;
}
table.grijs{
    font-size: 10px;
    color: gray;
    margin:.2em;
    padding:.2em;
}
a.grijs{
    color:gray;
    text-decoration: none;
    font-size: 7pt;
    font-family: Verdana,Arial,non-serif;
}
a.grijs:hover{
    text-decoration: underline;
}

.autofill-box{
    z-index: 100;
    padding: 1px;
    background: #e5e5e5;
    border: 1px dotted #000;
    text-align: left;
    font: 11px Verdana, Arial, sans-serif;
}
.autofill-box li {
    padding: 2px 7px;
    list-style-type:none;
}
.autofill-box .selection {
    background: #AAF;
    color: #FFF;
}
.nolisttype{
    list-style-type:none;
    margin:0em;
    padding:0em;
    border-collapse:collapse;
    border-spacing:0em;
}
/* compare table */
#comparetable {
    border-right: solid 1px #000;
    padding:0.3em;
}



.navcontainerv{
    width: 179px;
    font-size: 11px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.navcontainerv ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.navlistv a{
    /*display: block;*/
    color: #8592BB;
    padding: 1px 0 1px 8px;
}

/*boxmodel hack. http://css-discuss.incutio.com/?page=BoxModelHack SBMH*/
.navlistv a {width: 177px;}

.navlistv a{
    \width: 179px;
    w\idth: 167px;
}
.subnavlistv a{
    display: block;
    color: #9C9C9C;
    padding: 1px 0 1px 8px;
    margin-left: 8px;
}

.navlistv a, .navlistv a:visited,.subnavlistv a, .subnavlistv a:visited{
    border-left: 8px solid #FFFFFF;
    color: #9C9C9C;
    text-decoration: none;
}

.navlistv a:hover, .navlistv{
    border-left: 8px solid #CCCCCC;
}

.subnavlistv a:hover, .subnavlist a.subcurrent:hover{
    border-left: 8px solid #CCCCCC;
    text-decoration: underline;
}

.navcontainer2{
    width: 100%;
    float: left;
    background-color: #426208;
}

.navcontainer2 ul{ padding: 0; }
.navcontainer2 ul li{ display: inline; }
.navcontainer2 ul{
    margin: 0;
    padding: 0 0 0 7%;
    color: #FFFFFF;
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: .75em;
    letter-spacing: 2px;
    font-weight: bold;
}
.navcontainer2 ul li a{
    background-color: #426208;
    color: #FFFFFF;
    width:100%;
    text-decoration: none;
    float: left;
    border-right: 1px solid #94B473;
}
.navcontainer2 ul li a:hover{
    background-color: #3464FF;
    color: #FFFFFF;
}
.navlist2 li a:hover, .navlist li a:active{
    color: #FFFFFF;
    text-decoration: none;
    background: #3464FF;
    text-align: left;
    margin:.0em;
}
#navcontainer3
{
    width: 100%;
    float: left;
    background-color: #426208;
}

#navcontainer3 ul { padding: 0; }
#navcontainer3 ul li { display: inline; }

#navcontainer3 ul
{
    margin: 0;
    padding: 0 0 0 7%;
    color: #FFFFFF;
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    font-size: .75em;
    letter-spacing: 2px;
    font-weight: bold;
}

#navcontainer3 ul li a
{

    background-color: #426208;
    color: #FFFFFF;
    width:100%;
    text-decoration: none;
    float: left;
    border-right: 1px solid #94B473;
}

#navcontainer3 ul li a:hover
{
    background-color: #3464FF;
    color: #FFFFFF;
}

#navlist2 li a:hover, #navlist li a:active
{
    color: #FFFFFF;
    text-decoration: none;
    background: #3464FF;
    text-align: left;


}

#dhtmlgoodies_tooltip{
    background-color:#EEE;
    border:1px solid #000;
    position:absolute;
    display:none;
    z-index:20000;
    padding:2px;
    font-size:0.9em;
    -moz-border-radius:6px;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
}
#dhtmlgoodies_tooltipShadow{
    position:absolute;
    background-color:#555;
    display:none;
    z-index:10000;
    opacity:0.7;
    filter:alpha(opacity=70);
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    -moz-border-radius:6px;
}

#navcontainer
{
    width: 100%;
    float: left;
    background-color: #426208;
}

#navcontainer ul { padding: 0; }
#navcontainer ul li { display: inline; }

#navcontainer ul
{
    margin: 0;
    padding: 0 0 0 7%;
    color: #FFFFFF;
    font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
    font-size: .65em;
    letter-spacing: 2px;
    font-weight: bold;
}

#navcontainer ul li a
{
    padding: 0.2em 12px;
    background-color: #426208;
    color: #FFFFFF;
    text-decoration: none;
    float: left;
    border-right: 1px solid #94B473;
}

#navcontainer ul li a:hover
{
    background-color: #7B9D25;
    color: #FFFFFF;
}

#navlist li a:hover, #navlist li a:active
{
    color: #FFFFFF;
    text-decoration: none;
    background: #CC3333;
    text-align: left;
    text-transform: uppercase;
    font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}




#navbar{
    width:auto;
    height:36px;
    background:url(../images/elementen/navbar-bg.png) left top repeat-x; }
#navbar .inbar{
    display:block;
    height:36px;
    background:url(../images/elementen/right-round.png) right top no-repeat; }
#navbar ul, #navbar ul li{
    border:0px;
    margin:0px;
    padding:0px;
    list-style:none;
    height:26px;
    line-height:36px; } #navbar ul{
    background:url(../images/elementen/left-round.png) left top no-repeat; }
#navbar ul li{
    float:left;
    display:block;
    line-height:36px; }
#navbar ul li a{
    color:#403e32;
    text-decoration:none;
    /*font-weight:bold;*/
    display:block;
    cursor:pointer;}
#navbar ul li a span{
    padding:0 20px 0 0;
    height:36px;
    line-height:36px;
    display:block;
    cursor:pointer;
    margin-left:20px; }
#navbar .navhome a, #navbar .navhome a:hover{
    background:url(../images/elementen/ahover-bg.png) left top no-repeat;
    height:36px;
    cursor:pointer;
    line-height:36px; }
#navbar .navhome a span, #navbar .navhome a:hover span{
    /*color:#FFFFFF;*/
    background:url(../images/elementen/spanhover-bg.png) right top no-repeat;
    height:36px;
    cursor:pointer;
    line-height:36px; }
#navbar ul li a:hover{
    background:url(../images/elementen/ahover-bg.png) left top no-repeat;
    height:36px;
    cursor:pointer;
    line-height:36px; }
#navbar ul li a:hover span{
    background:url(../images/elementen/spanhover-bg.png) right top no-repeat;
    height:36px;
    cursor:pointer;
    line-height:36px; }


div#sBar { list-style-type: none; text-align: center; margin: 0px; padding: 0px; height: 29px; margin-bottom: 10px; width: 728px; background-color: #fff; border: 1px solid #dfdfdf; position: static; left : 0; }
div#sBar li { list-style-type: none; margin: 0px; padding: 0; float: left; width: auto; background: none; }
#sBar div.sBarInside { list-style-type: none; margin: 0px; padding: 0; float: left; }
#sBar div.sBarInside img { float: left; border: 0px;}
#sBar div.sBarInside strong span.checkItOut { color:#0000ff; font-size: 15px; font-family: arial, helvetica; text-decoration: underline; font-weight: bold; }
#sBar div.sBarInside strong { float: left; margin: 6px 0px 0px 5px; font-size: 15px; font-family: arial, helvetica; cursor: hand; }
#sBar div.trial { padding: 0px; margin: 0px; float: none;}
#sBar div.trial img { float: right;}