@charset "utf-8";

/* CSS Document */

/*

    display:                -moz-inline-stack;
    display:                inline-block;
    zoom:                   1;
    *display:               inline;

*/


/* === MAIN STYLES === */

body, html {
    width:                  100%;
    height:                 100%;
    margin:                 0px;
    padding:                0px;
    font-family:                Arial, Helvetica, sans-serif;
    font-size:              12px;
    line-height:                15px;
    color:                  #787878;
    width:                  100%;
    height:                 100%;
}

img, div, p, span, form, input {
    border:                 none;
    border-width:               0px;
    padding:                0px;
    margin:                 0px;
}

div.clear {
    clear:                  both;
    height:                 0px;
    overflow:                   hidden;
}

ins, a {
    text-decoration:            none;
    color:                  inherit;
    color:                  expression(this.parentNode.currentStyle.color);
}

/* ========== COMMON STYLES ========== */

div.bodyHolder {
    width:                  100%;
    min-width:              1010px;
    width:                  expression(this.clientWidth < 1010 ? '1010px' : '100%');
    background:             url(/images/main-gradient-bg.png) center top repeat-x;
}

table.logoHolder {
    border:                 none;
    border-collapse:            collapse;
    border-spacing:             0px;
    border-width:               0px;
    width:                  100%;
    min-width:              1010px;
    width:                  expression(this.clientWidth < 1010 ? '1010px' : '100%');
    table-layout:               fixed;
}

table.logoHolder td {
    height:                 0px;
    padding:                0px;
}

div.relativeDiv {
    position:               relative;
}

div.relativeDiv div.flashWrapper {
    width:                  510px;
    height:                 400px;
    position:               absolute;
    top:                    0px;
    left:                   auto;
    right:                  0px;
}

div.relativeDiv div.flashWrapper object {
    outline:                none;
}

div.headerWrapper {
    width:                  960px;
    height:                 120px;
    margin:                 0px auto;
}

div.iconsHolder {
    height:                 70px;
    padding:                10px 16px 9px 0px;
    text-align:             right;
}

div.iconsHolder * {
    vertical-align:             middle;
}

div.menuHolder {
    height:                 31px;
    overflow:               hidden;
}

div.menuHolder ul {
    padding:                0px 0px 0px 252px;
    margin:                 0px;
    list-style:             none;
}

div.menuHolder ul li {
    display:                block;
    width:                  119px;
    width:                  expression(this.previousSibling==null?'87px':'119px');
    height:                 31px;
    float:                  left;
    margin-left:                1px;
}

div.menuHolder ul li:first-child {
    width:                  87px;
}

div.menuHolder ul li a {
    display:                block;
    width:                  inherit;
    height:                 19px;
    padding-top:                12px;
    *height:                20px;
    *padding-top:               11px;
    background-position:            right 1px;
    background-repeat:          no-repeat;
    color:                  #fff;
    text-transform:             uppercase;
    font-size:              10px;
    line-height:                10px;
    text-align:             center;
    font-weight:                bold;
}

div.menuHolder ul li a:hover {
    background-position:        right 0px;
    padding-top:                11px;
    height:                 20px;
    *padding-top:               10px;
    *height:                21px;
}

div.menuHolder ul li.selected a,
div.menuHolder ul li.selected a:hover {
    color:                  #032a6f;
    background-image:           url(/images/top-menu-tab-white.gif) !important;
    background-position:            right 1px;
    height:                 19px;
    padding-top:                12px;   
    *padding-top:               10px;
    *height:                21px;
    cursor:                 default;
}

div.contentWrapper {
    width:                  960px;
    margin:                 0px auto;
    background:             #fff url(/images/content-top-corners-bg.gif) center top no-repeat;
    padding-top:                10px;
}

div.footerWrapper {
    width:                  960px;
    height:                 30px;
    line-height:                30px;
    font-size:              10px;
    color:                  #ababab;
    text-align:             center;
    margin:                 0px auto;
}

div.footerWrapper a:hover {
    color:                  #787878;
}

div.brandsLine {
    width:                  100%;
    height:                 20px;
    background:             #032a6f url(/images/bottom-line-brands.gif) center center no-repeat;
    margin-bottom:              20px;
}

div.bottomControls {
    width:                  940px;
    padding:                10px;
    background:             url(/images/content-bottom-corners-bg.gif) center bottom no-repeat;
    margin:                 0px auto;
}

table.brandsHolder {
    width:                  560px;
    height:                 48px;
    border:                 none;
    border-width:               0px;
    border-collapse:            collapse;
    border-spacing:             0px;
}

table.brandsHolder td {
    padding:                0px;
    height:                 45px;
    text-align:             center;
    vertical-align:             middle;
}

div.newsBilletConteiner {
    background:             #cddfec url(/images/news-billet-top-corners-bg.png) center top no-repeat;
    padding:                10px 10px 0px 0px;
    *margin-bottom:             -10px;
}

div.newsBilletConteiner div.item {
    background:             url(/images/news-billet-divider.png) left top repeat-y;
    background-image:           expression(this.previousSibling==null?'none':'/images/news-billet-divider.png');
    height:                 110px;
    position:               relative;
    padding:                0px 0px 0px 12px;
    padding-left:               expression(this.previousSibling==null?'10px':'12px');
    margin:                 0px 0px 0px 10px;
    margin-left:                expression(this.previousSibling==null?'0px':'10px');
    float:                  left;
    width:                  292px;
    _display:               inline;
}

div.newsBilletConteiner div.item:first-child {
    background-image:           none;
    padding-left:               10px;
    margin-left:                0px;
}

div.newsBilletConteiner div.item h2 {
    font-size:              12px;
    text-transform:             uppercase;
    color:                  #032a6f;
    line-height:                12px;
    margin:                 0px 0px 6px 0px;
}

div.newsBilletConteiner div.item table {
    border:                 none;
    border-width:               0px;
    border-collapse:            collapse;
    border-spacing:             0px;
}

div.newsBilletConteiner div.item table td {
    padding:                0px;
    vertical-align:             top;
    color:                  #787878;
    font-size:              10px;
    line-height:                12px;
}

div.newsBilletConteiner div.item table td.text {
    width:                  170px;
    padding-left:               10px;
    text-align:             left;
}

div.newsBilletConteiner div.item a.navLink {
    color:                  #032A6F;
    font-size:              9px;
    line-height:                9px;
    display:                block;
    position:               absolute;
    top:                    auto;
    left:                   auto;
    right:                  0px;
    bottom:                 0px;
    padding-left:               6px;
    background:             url(/images/nav-link-blue-arrow.gif) 0px 2px no-repeat;
    *background-position:           0px 3px;
    text-transform:             uppercase;
}

div.newsBilletFooter {
    background-image:           url(/images/news-billet-bottom-corners-bg.gif);
    height:                 10px;
    overflow:               hidden;
    margin-bottom:              10px;
}

div.contentRow {
    width:                  750px;
    float:                  left;
    margin-left:                10px;
    _display:               inline;
}

div.relatedInfoRow {
    width:                  160px;
    float:                  left;
    margin-left:                20px;
    padding-top:                10px;
}

div.relatedInfoRow h2 {
    font-size:              17px;
    line-height:                17px;
    color:                  #ababab;
    margin:                 0px 0px 10px 0px;
    font-weight:                normal;
}

div.relatedInfoRow ul {
    padding:                0px;
    margin:                 0px;
    list-style:             none;
    background:             url(/images/related-info-list-divider.gif) left top repeat-x;
}

div.relatedInfoRow ul li {
    display:                block;
    height:                 21px;
    line-height:                20px;
    font-size:              10px;
    color:                  #ababab;
    background:             url(/images/related-info-list-divider.gif) left bottom repeat-x;
}

div.relatedInfoRow ul li a {
    display:                block;
    white-space:                nowrap;
    padding-left:               6px;
    background:             url(/images/related-info-list-arrow.gif) left center no-repeat;
}

div.relatedInfoRow ul li a:hover {
    color:                  #666;
    background-position:            1px center;
}

div.relatedInfoRow ul li ins {
    color:                  #032a6f;
    margin-right:               3px;
    vertical-align:             baseline;
}

div.borderedBilletTop,
div.borderedBilletBottom {
    width:                  inherit;
    height:                 10px;
    background-image:           url(/images/content-bordered-billet-top.gif);
    overflow:               hidden;
}

div.borderedBilletBottom {
    background-image:           url(/images/content-bordered-billet-bottom.gif);
}

div.withTabs div.borderedBilletTop {
    height:                 9px;
    background-position:            0px -1px;
}

div.borderedBilletContentHeader,
div.borderedBilletContent {
    width:                  730px;
    padding:                0px 9px;
    border:                 solid 0px #ccdeec;
    border-width:               0px 1px;
}

div.borderedBilletContent {
    padding:                10px 19px;
    width:                  710px;
}

div.borderedBilletContentHeader div.content {
    width:                  460px;
    margin-left:                279px;
    _margin-right:              -10px;
}

div.borderedBilletContentHeader div.content div.item {
    float:                  left;
    _display:               inline;
    margin:                 0px 0px 10px 10px;
    position:               relative;
}

div.borderedBilletContentHeader div.content div.item a.header {
    display:                block;
    height:                 20px;
    *height:                21px;
    padding:                10px 0px 0px 10px;
    *padding-top:               9px;
    position:               relative;
    background:             url(/images/header-nav-billet-top.png) right 0px no-repeat;
    font-size:              10px;
    line-height:                10px;
    color:                  #032a6f;
    text-transform:             uppercase;
    overflow:               visible;
    white-space:                nowrap;
}

div.borderedBilletContentHeader div.content div.selected a.header {
    background-position:    right -30px;
    cursor:                 default;
    color:                  #fff;
}

div.borderedBilletContentHeader div.content div.item a.hover {
    background-position:            right -30px !important;
    color:                  #fff;
}

div.borderedBilletContentHeader div.content div.item a.header em {
    display:                block;
    position:               absolute;
    top:                    0px;
    left:                   0px;
    width:                  10px;
    height:                 30px;
    overflow:               hidden;
    background:             url(/images/header-nav-billet-top.png) 0px 0px no-repeat;
}

div.borderedBilletContentHeader div.content div.selected a.header em,
div.borderedBilletContentHeader div.content div a.hover em {
    background-position:            0px -30px !important;
}

div.borderedBilletContentHeader div.content div.item table {
    border:                 none;
    border-width:               0px;
    border-collapse:            collapse;
    border-spacing:             0px;    
    padding:                0px;
    margin:                 0px;
    table-layout:               fixed;
    width:                  inherit;
}

div.borderedBilletContentHeader div.content div.item table td {
    text-align:             center;
    vertical-align:             middle;
    padding:                0px;
    height:                 109px;
    border:                 solid 0px #ccdeec;
    border-width:               0px 1px 1px 1px;
    background:             #ccdeec url(/images/header-nav-billet-bg.png) center top repeat-x;
}

div.borderedBilletContentHeader div.content div.item em {
    position:               absolute;
    top:                    auto;
    bottom:                 0px;
    width:                  5px;
    height:                 5px;
    overflow:               hidden;
}

div.borderedBilletContentHeader div.content div.item em.l {
    background-image:           url(/images/header-nav-billet-corner-left.gif);
    left:                   0px;
}

div.borderedBilletContentHeader div.content div.item em.r {
    background-image:           url(/images/header-nav-billet-corner-right.gif);
    left:                   auto;
    right:                  0px;
}

div.breadCrumbs {
    height:                 10px;
    padding:                10px 0px 10px 20px;
    font-size:              10px;
    color:                  #032a6f;
    line-height:                10px;
    text-transform:             uppercase;
}

div.breadCrumbs ins {
    margin:                 0px 3px;
}

div.breadCrumbs ins .cufon {
    margin-top:             -3px;
}

div.breadCrumbs a:hover,
div.breadCrumbs span {
    color:                  #ec7404;
}

table.pageContent,
table.assortimentContent {
    border:                 none;
    border-collapse:            collapse;
    border-spacing:             0px;
    border-width:               0px;
    width:                  100%;   
    /*table-layout:             fixed;*/
}

table.pageContent td, 
table.assortimentContent td{
    vertical-align:             top;
    padding:                0px;
}

table.pageContent td.image {
    text-align:             center;
    width:                  260px;
}

table.pageContent td.content {
    width:                  430px;
    padding-left:               20px;
    text-align:             justify;
}

table.assortimentContent td.description {
    width:                  260px;
    text-align:             justify;
}

table.assortimentContent td.photos {
    width:                  639px;
    padding-left:               20px;
    text-align:             left;
}

table.assortimentContent td.photos table {
    border:                 none;
    border-width:               0px;
    border-collapse:            collapse;
    border-spacing:             0px;
}

table.assortimentContent td.photos table td {
    padding:                0px 10px 10px 0px;
    vertical-align:             bottom;
}

table.assortimentContent td.photos table td div {
    position:               relative;
}

table.pageContent h1,
table.assortimentContent h1 {
    font-size:              22px;
    line-height:                22px;
    margin:                 0px 0px 15px 0px;
    color:                  #032a6f;
}

table.pageContent h2,
table.assortimentContent h2 {
    font-size:              12px;
    line-height:                12px;
    margin:                 0px;
    color:                  #032a6f;
    text-transform:             uppercase;
}

table.pageContent p,
table.assortimentContent p {
    margin-bottom:              15px;
}

table.pageContent ul,
table.assortimentContent ul {
    margin:                 0px 0px 15px 0px;
    padding:                0px;
    list-style:             none;
}

table.pageContent ul li,
table.assortimentContent ul li {
    padding:                0px 0px 0px 10px;
    background:             url(/images/content-list-marker.gif) 0px 7px no-repeat;
}

table.pageContent a,
table.assortimentContent a {
    color:                  #032a6f;
    text-decoration:            underline;
}

table.pageContent a:hover,
table.assortimentContent a:hover {
    text-decoration:            none;
}

div.highlightBlock {
    width:                  410px;
    background:             #ccdeec url(/images/highlight-block-top.png) center top no-repeat;
    padding:                6px 10px 0px 10px;
    margin-bottom:              20px;
    position:               relative;
    font-size:              11px;
    color:                  #123777;
    line-height:                13px;
}

div.highlightBlock h3 {
    font-family:                Arial, Helvetica, sans-serif;
    font-size:              11px;
    font-weight:                bold;
    margin:                 0px;
}

div.highlightBlock div.blockEnd {
    position:               absolute;
    top:                    100%;
    left:                   0px;
    width:                  430px;
    height:                 5px;
    background-image:           url(/images/highlight-block-bottom.gif);
    overflow:               hidden;
}

div.contentWithTabs {
    width:                  940px;
    margin:                 0px auto;
}

div.contentWithTabs div.borderedBilletTop {
    background-image:           url(/images/content-bordered-billet-withtabs-top.gif);
}

div.contentWithTabs div.borderedBilletContent {
    width:                  919px;
    padding-right:              0px;
}

div.contentWithTabs div.borderedBilletBottom {
    background-image:           url(/images/content-bordered-billet-withtabs-bottom.gif);
}

div.contentWithTabs td.content {
    width:                  451px;
    padding-right:              189px;
}

div.tabsHolder {
    height:                 32px;
    position:               relative;
    overflow:               hidden;
    margin:                 0px 20px;
}

div.tabsHolder ul.tabs {
    padding:                0px 0px 0px 1px;
    margin:                 0px;
    list-style:             none;
    height:                 31px;
    border-bottom:              solid 1px #ccdeec;
}

div.tabsHolder ul.tabs li {
    display:                block;
    float:                  left;
    height:                 30px;
    margin-right:               1px;
    margin-top:             1px;
    position:               relative;
    cursor:                 pointer;
}

div.tabsHolder ul.tabs li.hover {
    margin-top:             0px;
}

div.tabsHolder ul.tabs li.hover a {
    height:                 31px;
}

div.tabsHolder ul.tabs li em {
    display:                block;
    position:               absolute;
    top:                    0px;
    left:                   0px;
    width:                  10px;
    height:                 30px;
    background-position:            0px 0px;
    background-repeat:          no-repeat;
    overflow:               hidden;
    z-index:                1;
}

div.tabsHolder ul.tabs li a {
    display:                table-cell;
    vertical-align:             middle;
    height:                 30px;
    text-align:             center;
    width:                  inherit;
    background-repeat:          no-repeat;
    background-position:            right 0px;
    color:                  #fff;
    font-size:              10px;
    text-transform:             uppercase;
    line-height:                10px;
    
    *display:               block;
    *behavior:              expression(!this.extra ? this.extra = this.innerHTML = '<span><span>' + this.innerHTML + '</span></span>' : '');
    *position:              relative;
}

div.tabsHolder ul.tabs li a * {
    cursor:                 pointer;
}

div.tabsHolder ul.tabs li a span {
    display:                block;
    position:               absolute;
    top:                    50%;
    left:                   0%;
    width:                  100%;
}

div.tabsHolder ul.tabs li a span span {
    position:               relative;
    top:                    -50%;
}

div.tabsHolder ul.tabs li a cufon {
    z-index:                2;
}

div.tabsHolder ul.tabs li.selected {
    height:                 31px;
    background-color:           #fff;
    cursor:                 default;
}

div.tabsHolder ul.tabs li.selected a {
    height:                 31px;
    background-position:            right -31px;
    color:                  #032a6f;
    cursor:                 default;
    _margin-bottom:             -1px;
}

div.tabsHolder ul.tabs li.selected a * {
    cursor:                 default;
}

div.tabsHolder ul.tabs li.selected em {
    background-position:            0px -31px;
}

div.assortimentPage ul.tabs li a,
div.assortimentPage ul.tabs li em {
    background-image:           url(/images/content-tab-assortiment.png);
}

div.assortimentPage ul.tabs li em {
    *background-image:          url(/images/content-tab-assortiment.gif);
}

div.apparatuurPage ul.tabs li a,
div.apparatuurPage ul.tabs li em {
    background-image:           url(/images/content-tab-apparatuur.png);
}

div.apparatuurPage ul.tabs li em {
    *background-image:          url(/images/content-tab-apparatuur.gif);
}

div.verhogenPage ul.tabs li a,
div.verhogenPage ul.tabs li em {
    background-image:           url(/images/content-tab-verhogen.png);
}

div.verhogenPage ul.tabs li em {
    *background-image:          url(/images/content-tab-verhogen.gif);
}

span.inputHolder {
    display:                -moz-inline-stack;
    display:                inline-block;
    zoom:                   1;
    *display:               inline;
    
    background-image:           url(/images/input-bg.png);
    width:                  188px;
    height:                 23px;
}

span.inputHolder input {
    font-size:              12px;
    color:                  #878787;
    margin:                 3px 0px 0px 4px;
    width:                  180px;
}

.inputHolder {
    font-size:              12px;
    color:                  #878787;
    margin:                 3px 0px 5px 4px;
    background-image:           url(/images/input-bg.png);
    width:                  188px;
    height:                 23px;
}

table.contactform {
    border:                 none;
    border-width:               0px;
    border-collapse:            collapse;
    border-spacing:             0px;
}

table.contactform td {
    font-size:              11px;
    line-height:                23px;
    padding:                0px 0px 10px 0px;
}

span.textareaHolder {
    display:                -moz-inline-stack;
    display:                inline-block;
    zoom:                   1;
    *display:               inline;

    background-image:           url(/images/textarea-bg.png);
    width:                  326px;
    height:                 61px;
}

span.textareaHolder textarea {
    font-size:              12px;
    color:                  #878787;
    font-family:                Arial, Helvetica, sans-serif;
    margin:                 3px 0px 0px 3px;
    width:                  320px;
    height:                 55px;
    border:                 none;
    border-width:               0px;
}

input.btnVerzenden {
    background-image:           url(/images/btn-verzenden.png);
    width:                  101px;
    height:                 22px;
    padding:                0px;
    margin:                 0px;
}

.borderedBilletContent h1 {
    color:                  #032A6F;
    font-size:              22px;
    line-height:                22px;
    margin:                 0 0 15px;
}
.borderedBilletContent h2 {
    color:                  #032A6F;
    font-size:              12px;
    line-height:                12px;
    margin:                 0;
    text-transform:             uppercase;
}
.borderedBilletContent a {
    color:                  #ec7404;
    text-decoration:            underline;
}
.borderedBilletContent a:hover {
    text-decoration:            none;
}

input.btnVerzenden {
    background-image:           url(/images/btn-verzenden.png);
    width:                  101px;
    height:                 22px;
    padding:                0px;
    margin:                 0px;
    cursor:                 pointer;
}

input.btnInlogged {
    background-image:           url(/images/btn-inloggen.png);
    width:                  100px;
    height:                 20px;
    padding:                0px;
    margin:                 0px;
    cursor:                 pointer;
}

div.sitemapPage div.borderedBilletTop {
    background-color:           #ccdeec;
}

div.sitemapPage {
    font-size:              12px;
    line-height:                18px;
}

div.sitemapPage a.home {
    color:                  #032a6f;
    text-decoration:            underline;
    font-weight:                bold;
    display:                block;
    float:                  left;
    margin-bottom:              18px;
    text-transform:             uppercase;
}

div.sitemapPage a:hover {
    text-decoration:            none;
}

div.sitemapPage ul {
    padding:                0px;
    margin:                 0px;
    float:                  left;
    list-style:             none;
    margin-right:               20px;
}

div.sitemapPage ul li {
    padding:                0px;
    margin:                 0px;
    display:                block;
    margin-bottom:              18px;
}

div.sitemapPage ul li a {
    color:                  #032a6f;
    font-weight:                bold;
    text-decoration:            underline;
}

div.sitemapPage ul li ul {
    float:                  none;
    margin:                 0px;
}

div.sitemapPage ul li ul li {
    margin:                 0px;
    padding-left:               12px;
    background:             url(/images/sitemap-list-arrow.gif) 0px 7px no-repeat;
}

div.sitemapPage ul li ul li a {
    color:                  #787878;
    font-weight:                normal;
}

div.sitemapPage ul li ul li a:hover {
    color:                  #333;
}

div.sitemapPage ul li ul li ul li {
    padding-left:               20px;
    background-image:           none;
}

label {
    margin-left:               5px;
}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}

h2 {

}

.small {
font-size:9px;
}

.faqlink {
color: #032A6F;
}