/* ############## start algemeen ############### */
html {
    height: 100%; 
    margin: 0px;
}
body {
    height: 100%;
    margin: 0px; 
    background:url(../images/bg_borders.png) repeat-y;
}
body, td, table, input, textarea, submit, select, a, h1, h2, h3 {
    font: 12px Arial;
    color: #000000;
}
h1, h2, h3 {
    line-height:1em;
    padding: 0px;
    margin:0px;
}
.bodyBG {background:none;}
a:hover, a:active, a:visited {
    
}
IMG.absmiddle {
    vertical-align: middle;
    margin-bottom: .25em;
}
.BeNiceToMacIE5 {
    font-family: "\"}\"";
    font-family: inherit;
}
html, body, #wrapper, wrapper2 {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
html>body, html>body #wrapper, html>body #wrapper2 {
    height: auto;
}
.divTable {display:table;}
.divTableRow {display:table-row;}
.divTableCell {display:table-cell;}
/* ############## einde algemeen ############### */

/* ############## start masterpage ############### */
div#wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

#header {
    min-width:800px;
    position:relative; z-index:500;
    width: 100%;
    height: 112px;
}
#headcontent {
    height:112px; 
    position:relative; 
    padding:0px;
}

#sidebar {
    background: #eeeeee url(../images/bg_menubalk.jpg) repeat-x;
    width:180px; 
    float:left;
}

#content {
    margin-left:181px;
    /*padding:10px;*/
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

#footer {
    min-width:800px;
    clear: both;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 105px;
    overflow:hidden;
}

#footerContent {padding:0px;}

#ServiceButtonSection {background:#eeeeee;}
#divServiceButtons {margin-left:180px; border-left:solid 1px #999; border-top:solid 1px #999;}
#main {
    min-width:800px;
    margin: 0;
    padding: 0;
}
/* \*/
* html #footer {
    position: absolute;
}
* html #main {
    padding-bottom: 112px;
}
/* \*/
head:first-child+body div#footer {
    position: absolute;
    z-index:0;
}
head:first-child+body div#main {
    /*padding-bottom: 112px;*/
}

/* ############## einde masterpage ############### */


/* ############## start header ############### */
#divHeaderMaster {}
#divHeader1 {
    background-image: url('../images/bg_menubalk.jpg'); 
    background-repeat: no-repeat; 
    height: 25px;
    background-color: #084218;
}
#divHeader2 {
    background-image: url('../images/bg_menubalk.jpg'); 
    background-repeat: no-repeat; 
    height: 60px;
}
#divMenuBalk {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    background: #F1F1F1;
    height: 25px;
}
#divTaalSection {
    float: right;
    height: 25px;
    font-size: 10px;
    background: black;
    color: white;
    min-width: 259px;
}
#divTaalSection a {
    font-size: 10px;
    color: white;
}
#divSearchHeader {
    margin-top: 10px;
    float: right;
    margin-right: 1px;
    width: 259px;
}
.menu {
    text-decoration: none;
    color: black;
}
.menuBlack {
    font-size: 9pt;
    text-decoration: none;
}
.divTaalBlock {
    text-align: center;
    padding-top: 6px;
}
.divTaalBlock a {
    font-weight: bold;
    text-decoration: none;
}
/* ############## einde header ############### */

/* ############## start footer ############### */

#divFootMaster {
    border-top: solid 1px #999999;
}
#divFoot1 {
    background-image: url('../images/bg_menubalk.jpg'); 
    background-repeat: no-repeat; 
    height: 60px; 
    background-color: #084218;
    padding-top: 25px;
    padding-left: 5px;
}
#divFoot2 {
    background-color: #084218; 
    margin-top: -25px;
    height: 20px;
}
.voorwaarden {
    color: #ffffff;
    text-decoration: none;
}
.voorwaarden:hover
{
    color: #ff0000;
    text-decoration: none;
}
/* ############## einde footer ############### */

/* ############## start menu ############### */
.menuLinksTitel {
    background-color: #999999;
    font-weight: bold;
    color: #ffffff;
    padding-left: 13px;
    height: 21px;
}
.menuLinksTitel span{
    position: relative;
    top: 3px;
}
input.iMenu{
    border: solid 1px #000000;
}
input.ok {
    height: 19px;
    width: 19px;
    border: solid 1px #000000;
    background: #E1E1E1;
    cursor: pointer; 
    text-decoration: none;
    padding:0px;
}
.menuLinksContent {
    margin-left: 13px;
    margin-top: 5px;
    margin-bottom: 7px;
}
.menuLinksContent span {
    /*white-space:nowrap;*/
    
}
/* ############## einde menu ############### */

/* ############## start Toolbars ############### */
.msviLocalToolbar {
    background: #F1F1F1;
    font-size: 9pt;
    padding: 5px;
}
.msviLocalToolbar a {
    text-decoration: none;
    color: black;
}
.msviLocalToolbar a:hover {
    text-decoration: none;
    color: black;
}
.msviLocalToolbarOrder {
    border-bottom: solid 1px #999;
    background: #F1F1F1;
    font-size: 9pt;
    padding: 5px;
}
.msviLocalToolbarOrder a {
    text-decoration: none;
    color: black;
}
.msviLocalToolbarOrder a:hover {
    text-decoration: none;
    color: black;
}
.msviLocalToolbarKlant {
    border-bottom: solid 1px #999;
    background: #F1F1F1;
    font-size: 9pt;
    padding: 5px;
    border-left: solid 1px #999;
}
.msviLocalToolbarKlant a {
    text-decoration: none;
    color: black;
}
.msviLocalToolbarKlant a:hover {
    text-decoration: none;
    color: black;
}
.msviQuickLinks{
    background: #F1F1F1;
    font-size: 9pt;
    padding: 5px;
}
.lt0 {
    border: solid 1px #F1F1F1;
    background: #F1F1F1;
    padding: 0px 6px 0px 6px;
    font-size: 9pt;
    color: black;
    text-decoration: none;
}
.lt1 {
    border: solid 1px #999;
    padding: 2px 6px 2px 6px;
    background: #ccc;
    font-size: 9pt;
    color: black;
    text-decoration: none;
}
.lt0 a, .lt1 a { 
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
}
* .msviLocalToolbarKlant .lt0 a, .msviLocalToolbarKlant .lt1 a { 
    display: inline;
}
.lt1ServiceButtons {
    border: solid 1px #999;
    padding: 4px 6px 1px 6px;
    background: #ccc;
    font-size: 9pt;
    color: black;
    text-decoration: none;
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    margin: -3px 3px -3px 0px;
}

span .lt0 {
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
}
.ltsep {
    font-size: 9pt;
    color: #A9A9A9;
    padding: 0 1px;
}
/*Zoeken in header*/
.msviDualSearchBox {
    /*background: #FFFFFF url(../images/search.png) no-repeat 2px 2px;
    padding: 2px 2px 2px 22px;*/
    font-size: 10pt; 
    width: 166px; 
    border: solid 1px #000000; 
    height: 15px;
}
.msviSearchButton {
    /*font: 9pt; padding: 0em 0.2em; position: relative; top: 1px ;margin-left: 6px; width: 4.6em;*/
    border: solid 1px #000000;
    font-size: 12px;
    height: 19px;
    margin-left: 3px;
}
/* ############## einde Toolbars ############### */

/* ############## start HGS ############### */
#divNavMaster {
    clear:both;
}
#divNavBlock {

}
.TreeView {
    clear:both;
}
.TreeView table {
    width: 100%; 
    margin-bottom: 2px; 
    margin-top: 2px; 
}

.TreeView a {
    /*padding-left: 15px;*/
    padding-bottom: 3px; 
    padding-top: 3px; 
}
.TreeViewNode {
    /*Alle Nodes*/
    padding-top: 1px;
    padding-bottom: 1px;
    width: 100%;
	color: #000000; 
	text-align: left; 
	vertical-align: middle;
}
.TreeViewRootNode.TreeViewHoverNode{
    padding-top: 1px;
    padding-bottom: 1px;
}
.TreeViewParentNode.TreeViewHoverNode{
    padding-top: 1px;
    padding-bottom: 1px;
}
.TreeViewLeafNode {
    /* SubGroep */        
    padding-left: 36px;
    padding-top:1px;
    padding-bottom:1px;
}
.TreeViewLeafNode a {display:block; padding-left: 0px;}
.TreeViewParentNode {
    /*Groep*/
    padding-left: 26px;
}
.TreeViewParentNode a {display:block; padding-left: 0px;}
.TreeViewRootNode {
    /*HoofdGroep */
    padding-left: 16px;
}
.TreeViewRootNode a {display:block; padding-left: 0px;}
.TreeViewSelectedNode {
    /* Selected Node */        
    border-top: 1px solid black; 
    border-bottom: 1px solid black; 
	background-color: #eaeaea;
    padding-top: 1px;
    padding-bottom: 1px;
}
.TreeViewSelectedNode a {
   /* padding-left: 14px;*/
    margin-bottom: 1px;
    margin-top: 1px;
    padding-bottom: 1px; 
    padding-top: 1px;
    display:block;
}
.TreeViewHoverNode {
    /* Indien met de muis erover wordt bewogen */
	border-top: 1px solid #cccccc; 
	border-bottom: 1px solid #cccccc; 
	background-color: #eaeaea;
    vertical-align: middle;
    cursor:pointer;
}
.TreeViewHoverNode a {
    /*padding-left: 14px;
    margin-left: -1;*/
    margin-bottom: 1px;
    margin-top: 1px;
    padding-bottom: 1px; 
    padding-top: 1px;
    display:block;
}
/*
.A.TreeViewHoverNode:Hover{
    /* Indien met de muis erover wordt bewogen */
	/*border: 1px solid #cccccc; 
	background-color: #eaeaea;
    height: 100%;
    vertical-align: middle;
    padding-left: 14;
}*/

.nav-hoofdgroep .divNavHeader {}
.nav-hoofdgroep .divImgNav {}
.nav-hoofdgroep .divNavFooter {}

.nav-groep .divNavHeader {}
.nav-groep .divImgNav {}
.nav-groep .divNavFooter {}

.nav-subgroep .divNavHeader {}
.nav-subgroep .divImgNav {}
.nav-subgroep .divNavFooter {}

/* ############## einde HGS ############### */

/* ############## start inlogsmall ############### */ 
.spanWidthInlogSmall { 
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:120px;
} 
.inlogSmall {
    line-height:20px;
}
.forgotPw {}
.register {}

/* ############## eind inlogsmall ############### */ 

/* ############## start winkelwagenSmall ############### */ 

.winkelwagenSmall {
        /*scrollbar-3dlight-color: #ffffff;
        scrollbar-base-color: #ffffff;
        scrollbar-darkshadow-color: #ffffff;
        scrollbar-face-color: #ffffff;
        scrollbar-track-color: #ffffff;
        scrollbar-highlight-color: #285ca9;
        scrollbar-shadow-color: #285ca9;
        scorllbar-arrow-color: #285ca9;*/
        overflow:auto; 
        height:90%;
}

.cartText {
    line-height:20px;
}
/* ############## einde winkelwagenSmall ############### */ 

/* ############## start aanbiedingsmall ############### */ 
.divAanbiedingFotos {}
.divAanbiedingFoto {
    text-align:center;
    vertical-align:middle;
    border:solid 1px #E42E17;
    width:50px;
    height:50px;
}
.divAanbiedingLinks {}
.TableaanbiedingLink td {padding-left: 15px;}
.aanbiedingLinkNr {margin-left:-15px; text-decoration:none;}
.aanbiedingLink {text-decoration:none;}

/* ############## einde aanbieidingsmall ############### */ 

/* ############## start product control ############### */

.artVlak {
    min-height:100%; 
}
.artVlakPrijslijst {
    width:100%;
    /*background-image:url(../images/icon_sale.gif);
    background-repeat:no-repeat; 
    background-position:bottom;*/
}

.artVlakStaffel {
    width:100%;    
    /*background-image:url(../images/icon_sale.gif);
    background-repeat:no-repeat; 
    background-position:bottom;*/
}

.artVlakActiePrijs {
    width:100%;    
    /*background-image:url(../images/label-nieuw.png);
    background-repeat:no-repeat; 
    background-position: left bottom;*/
}
.artVlakSale, .artVlakSale {visibility:hidden; display:none;}

.artVlakPrijsAfspraak {
    width:100%;    
    /*background-image:url(../images/icon_sale.gif);
    background-repeat:no-repeat; 
    background-position:bottom;*/
}

.artVlakActiePrijs .artVlakNew {visibility:visible; display:block; position:absolute; background-image:url(../images/label-nieuw.png); width:104px; height:63px; z-index:1000; margin:-5px 0px 0px -5px;}
.artVlakActiePrijs .artVlakSale {visibility:visible; display:block; position:absolute; background-image:url(../images/label-sale.gif); width:58px; height:58px; z-index:1000; margin:-5px 0px 0px -5px;}

.artVlakEmpty {
    width:100%;    
    border: 0px;
}
.imgControlBig {
   float:left;
   width:150px;
}
.imgControlBig_content {
   float:left;
   width:200px;
}
.divImgArt {
    text-align: center;
    vertical-align: middle; 
    min-height:105px;
}
.divNaamArt {
    vertical-align: bottom;
    text-align: center;     
    padding-left: 2px; 
    padding-right: 2px;
    min-height:90px;
}
.divDescProduct {
    vertical-align: bottom;
    min-height:60px;
    text-align:center;
    padding-left: 2px; 
    padding-right: 2px;
}
.imgArt {
    border: 0px;
}
.Artnaam {}
.ArtDesc {}
.divCodeArt {}
.greyText {
    font-size: 7pt;
    color: Gray;
}
.divCodeArt {
    vertical-align: top;
    text-align: center; 
    height: 25px; 
    padding-left: 2px; 
    padding-right: 2px;
}
.prijs {
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    white-space:nowrap;
}
.vanprijs {
    font-weight: bold;
    color: #000000;
    text-decoration: line-through;
    white-space:nowrap;
}
.voorprijs {
    font-weight: bold;
    color: #E42E17;
    white-space:nowrap;
}
.divPrijzen {
    margin-top:5px;
    min-height:21px;
}
.divPrijzenArt {
    text-align: right;
    clear:both;
}
.prijsDiv {
    width:70px; 

}
.prijzenArtVan {
    width:70px;
    text-align:right;
}
.prijzenArtVoor {
    width:70px;
    text-align:right;
}
.bestelDiv {
    width:60px; 
    float:right;
}
.divVoorraadArt {}

.divDownloadFile {
    /*margin-top: -21px;
    width: 15px;*/
    margin-top:-32px;
    width:15px;
    z-index:1000;
    position:absolute;
}
.flash {
    border: solid 1px #999999;
    margin-top: 15px;
    margin-left: 15px;
    width: 180px;
    color: Black;
}
/* ############## einde product control ############### */

/* ############## start artikellijst ############### */

.divSearcDesc {margin-bottom:5px;}
.borderSpace {}
.resultVlak {    
    width: 100%;
    border-top: solid 1px #B5AEAD;
    border-bottom: solid 1px #B5AEAD;
    border-right: solid 1px #B5AEAD;
    border-left: solid 1px #B5AEAD;
    background-color: #eeeeee;
    /*background-color: #abdbef;    */
    margin: 15px 0px 5px 0px;
}
.resultVlak .defaultButton{
    margin-top:15px;
}
.resultVlak table {
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
}
.resultVlakinner table {
    margin-left: 0px;
}
.groepDesc span {
    /*line-height: 55px;*/
    font-size: 22px;
    color: #999999;
    font-weight: bold;       
}
.groepImage {
    text-align: left;
    margin-bottom: 10px;
}
.maxOrder {max-width:21px; width:21px;}
.datagridCss {
    border: solid 1px #9C9A9C; 
    border-collapse: collapse;
}
.datagridCss-inSubvlak {
    border: 0px; 
    border-collapse: collapse;
    margin-bottom:5px;
}
.datagridCss-header {
    background-color:#dddddd;
    font-weight:bold;
    text-decoration:none;
}
.datagridCss-header a, .datagridCss-header span, .datagridCss-header td, .datagridCss-header th {
    font-weight: bold;
    text-decoration: none;
    /*background-image: none;*/
    border:0px;
}
* .datagridCss-header th {
    border-bottom:solid 1px #9C9A9C;
}
.datagridCss-footer table,  .datagridCss-footer table tr {
    padding:0px; 
    border-collapse:collapse; 
    border:0px; 
    margin:0px;
}
.datagridCss-footer td {
    padding:0px; 
    border-collapse:collapse; 
    border-left:0px; 
    border-right:0px;
    margin:0px;
}
.datagridCss-footer td  {
    padding-right:2px;
}
.datagridCss-seperator span {
    FONT-SIZE: 22px;
    COLOR: #999999;
    font-weight: bold;
}
.datagridCss-Even {
    background-color: #ffffff;
}
.datagridCss-Odd {
    background-color: #eeeeee;
}
.datagridCss-Even td, .datagridCss-Odd td, .datagridCss-Even table tr, .datagridCss-Odd table tr  {
    border:0px;
}
* .datagridCss-Even td, .datagridCss-Odd td { /* ie only */
    border-bottom:solid 1px #9C9A9C;
}
* .datagridCss-Even table td, .datagridCss-Odd table td { /* ie only */
    border-bottom:0px;
}
.datagridCss-Over td {
    /*background-color: #b5c7b9;*/
    background-color: #c1c1c1;
    /*border-left:0px; 
    border-right:0px; 
    border-top:0px; 
    border-bottom:solid 1px #9C9A9C;*/
}
.dgartlist, .dgartlist-header td, .dgartlist-Even td, .dgartlist-Odd td , .dgartlist-Over td, artlist-footer td{border: solid 1px #9C9A9C; }
.dgartlist-Even TD A, .dgartlist-Odd TD A {text-decoration:none;}

.Arlist_sortUp {background-image: url('../images/sort_up.png'); background-position:center; background-repeat:no-repeat; }
.Arlist_sortDown {background-image: url('../images/sort_down.png'); background-position:center; background-repeat:no-repeat;}

.artContent {clear:both;}
.Artikellijst {clear:both;}
.productControlGrid  {
    border-spacing:2px;
    border-collapse:separate; 
}
.productControl_Even {border:solid 1px #999999; }
.productControl_Odd {border:solid 1px #999999; }
.productControl_Empty {}

.imgApprovedGrid {}
.pnlNoProducts {}
.noProducts {}
.pages_top {clear:both; }
.pages_bottom {clear:both;}
.pages_info {float:left; /*vertical-align:top;*/}
/*.pages_info span{vertical-align:top;}*/
.pages_sorting{float:left;}
.pages_buttons{float:right; height:20px;}
.pages_top .pages_info span{vertical-align:bottom;}
.pages_bottom .pages_info span{vertical-align:top;}

.pages_top .pages_buttons a {vertical-align:bottom;}
.pages_bottom .pages_buttons a {vertical-align:top;}


input[disabled], textarea[disabled], button[disabled], a[disabled] {
    color:#D4D0C8;
}
.hideTd {
    visibility:hidden; 
    display:none;
}
.quickOrder {margin-top:5px;}
.dgartlijst_Summary{text-align:right;}
.dgartlijst_SummaryInclExcl{text-align:right;}
.dgartlijst_SummaryDesc{text-align:right;}
/* ############## einde artikellijst ############### */

/* ############## start global ############### */
.hyphenate {
    word-wrap: break-word;
}
.donthyphenate {}
.noDeco {
    text-decoration: none;
}
.hiddenDiv {
    display: none; 
    visibility: hidden;
}
.divExtraDesc {
    padding-top:5px;
    padding-bottom:10px;
}
.txtGrijs {
    border: solid 1px #D4D0C8;
}
.titel {
    /*line-height: 55px;*/
    font-size: 22px;
    color: #999999;
    font-weight: bold;       
}
.subtitel {
    font-weight: bold;
    color: #cc0000;
    font-family: Arial
}
.tekst-bold{
    font-weight: bold;
}
.leftContent {
    vertical-align: top;
    width: 600px;
    float: left;
}
.rightContent {
    vertical-align: top;
    float: left;
    /*border-left:solid 1px black;*/
}
.contentSpace {
    margin:15px;
}

.subVlak-div {
    border:solid 1px #B5AEAD;
    margin-bottom:5px;
}
.subVlak-div-Overzicht {
    border: solid 1px #B5AEAD;
    background:#F1F1F1;
    margin-bottom:5px;
    padding:5px;
}
.overzicht-split {float:left; width:50%;}
.overzicht-all {width:100%;}

.overzicht-split .overzicht-left {margin-right:2.5px;}
.overzicht-split .overzicht-right {margin-left:2.5px;}
.overzicht-all .overzicht-left, .overzicht-all .overzicht-right {margin:0px 0px 5px 0px;}

.subVlak-noResult {
    border:solid 1px #B5AEAD;
    padding:5px;
    text-align:center;
    margin-bottom:5px;
}
.defaultButton {
    height: 19px;
    border: solid 1px #000000;
    background: #E1E1E1;
    cursor: pointer; 
    text-decoration: none;
    text-align: center;
    padding:0px 2px 0px 2px;
    overflow: visible;
}
* .defaultButton { /* only ie */
    padding:0px 2px 0px 2px;
    overflow: visible;
}
.defaultButtonDisabled {
    height: 19px;
    border: solid 1px #000000;
    background: #E1E1E1;
    cursor: default; 
    text-decoration: none;
    text-align: center;
    color: #808080;
}
* .defaultButtonDisabled { /* only ie */
    padding:0px 2px 0px 2px;
    overflow: visible;
}
.blackTextBold {
    color: black;
    font-weight: bold;
}
.whiteTextBold {
    color:white;
    font-weight:bold;
}
.or_balk{
    background-color: #F1F1F1;
    height: 21px;
    /*color:#E42E17;*/
    padding-top:5px;
}
.or_balk span {margin-left: 5px; }
.or_balk input { 
    border:0px;
}
label {
    position:relative; 
    bottom:2px; 
}
.or_balk label {
    position:relative; 
    bottom:3px; 
    font-weight:bold;
}
.divBtnLayout {
    text-align:right;
    /*padding-right:40;
    margin-top:2px;
    padding-top:4px;*/
}
.errorVlak {
    min-height: 25px; 
    /*border: solid 1px #B5AEAD; */
    border:solid 1px #FF2800;
    color: #ff0000;
    text-align:center;
    margin-bottom:4px;
    padding-top:9px;
}
.form_error_message { 
    font-weight:bold; 
    color:#FF2800;
}

/*input :text {
    background-color:#FFFFFF;
    border: solid 1px #000000;
}*/

/* textveld rood maken welke een error bevat */
.errorTxtVlak {
    /*width:140px;
    background-color:#f8aeb3;*/
    background-color:#eeeeee;
    border: solid 1px #000000;
}

/* textveld weer naar normale staat zetten indien error is verdwenen */
.txtVlak {
    width:140px;
    background-color:#FFFFFF;
    border: solid 1px #000000;
}

.info {margin-bottom:5px;}

.ddRightAlign {
    text-align: right;
}
.formulier div {margin-bottom:2px;}

.spanWidth { 
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
} 
/* ############## einde global ############### */

/* ############## start Modal PopUp ############### */
.progress {
    position: absolute;
    left: 50%;
    top: 30%;
    background-color: #FFFFFF;
    z-index:1001; 
    border: solid 2px black;
    padding: 5px;
    width: 240px;
    margin-left: -120px;
    z-index:1001;
}
.progressBackgroundFilter, #progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
.sessionEnd{
    position: absolute;
    left: 50%;
    top: 30%;
    background-color: #FFFFFF;
    z-index:1001; 
    border: solid 2px black;
    padding: 5px;
    width: 240px;
    margin-left: -120px;
    z-index:1001;
}
#sessionEndBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
@media screen{
    #printViewBackgroundFilter {
        position:fixed; 
        top:26px; 
        bottom:0px; 
        left:0px;
        right:0px;
        overflow:hidden; 
        padding:0; 
        margin:0; 
        background-color:#fff; 
        filter:alpha(opacity=10); 
        opacity:0.1; 
        z-index:999; 
    }
}
/* ############## einde Modal PopUp ############### */

/* ############## start completion ############### */
.CompletionList {
    z-index: 1000; 
    background-color: white; 
    border: solid 1px black; 
    margin-left: 0px;
    list-style-type : none;
    padding:0px;
}
.CompletionListItem li{list-style-type:none;}
.CompletionListHighlightedItem {
    background-color: #F1F1F1;
}
/* ############## einde completion ############### */                                                                                                            

/* ############## start reorderList ############### */ 
.dragHandle li {
    list-style-type:none;
    border:solid 1px #cecece;
}
/* ############## eind reorderList ############### */ 

/* ############## start artikeldetail ############### */  

.artdetailWidth {width:120px;}

.divImgArtDetail {
    float:left;
    vertical-align:middle;    
    text-align:center;
    width:280px;
    padding-bottom:3px;    
}
.artDetailDiv {
    float:left; 
    margin: 5px 0px 5px 5px;
    width:250px;
}
.artDetailDiv div {margin-bottom:1px;}
.imgArtDetail {
    margin-top: 5px;     
    border:0;    
}

.artDetailArtnrDesc {}
.artDetailArtnr {}

.artDetailOmschrijving{}

.artDetailMerkDesc {}
.artDetailMerk {}

.artDetailVEenheidDesc {}
.artDetailVEenheid {}

.artDetailVerpakkingDesc {}
.artDetailVerpakking {}

.artDetaildgFreeField {
    margin-left:-2px; 
    border-collapse:collapse; 
    border:none 0px; 
    width:100%; 
    border-color:transparent;
}
.artDetaildgFreeField-text {
    width:120px; 
    font-weight:bold;
}
.artDetaildgFreeField-value {
    text-align:left;
}

.artDetailPrijsVanDesc {}
.artDetailPrijsVan {}

.artDetailPrijsVanInclExclDesc{}
.artDetailPrijsVanInclExcl {}

.artDetailPrijsVoorDesc {}

.artDetaildgStaffel {}
.artDetaildgStafffel-aantalvanaf {}
.artDetaildgStafffel-korting {}
.artDetaildgStafffel-prijs {}
.artDetaildgStafffel-prijsInclExcl {}

.artDetailVoorPrijs{}

.artDetailPrijsVoorInclExclDesc {}
.artDetailPrijsVoorInclExcl {}

.artDetailKorgingDesc {}
.artDetailKorting {}

.artDetailVoorraadDesc {}
.artDetailVoorraad {}

.artDetailMinimumDesc {}
.artDetailMinimum {}

.artDetailMaximumDesc {}
.artDetailMaximum {}

.artDetailVeelvoudDesc {}
.artDetailVeelvoud {}

.artDetailMinimumAanbiedingDesc {}
.artDetailMinimumAanbieding {}

.inputArtAantal {height:15px; border:solid 1px black;}

.artDetaildlFileList {}

.artDetailpnlNotOnShop {}
.artDetailNotOnShop {}

.artDetailpnlDownloadFile {margin: 0px 5px 5px 5px;}

.divProdDesc{margin:5px;}
.prodDesc {}
.pnlUitvoering {margin-bottom:5px;}
.pnlUitvoering .subVlak-div {
    margin:0px;
}
.pnlUitvoering .datagridCss {border-top:0px;}

.divUitvoering {}
.divUitvoeringDesc{margin:5px;}
.prodUitvoering {}
.ArtnrGroepSelect {margin:0px 5px 5px 5px;}

.divBackButton {
    text-align:right; 
    margin-bottom:1px;
}
.pnlOokGekocht {
    margin-bottom:5px;
}
.pnlOokGekocht .or_balk{    
    border: solid 1px #B5AEAD; 
}
/* ############## einde artikeldetail ############### */  

/* ############## start Verwante/Verwante Producten ############### */  
.otherProduct {
    border-left: solid 1px #B5AEAD;
    border-right: solid 1px #B5AEAD;
}
.otherProd-ItemStyle { 
    border-right: solid 1px #B5AEAD;
    border-bottom: solid 1px #B5AEAD;
}
.otherProd-ItemStyleList{border-top: solid 1px #B5AEAD;}

.otherProdOutside {
    width:100%;
    text-align:center;
    vertical-align:middle;
}
.otherProdInsideRow {
    width:100%; 
    text-align:left;
}
.otherProdInsideRow-Image {
    text-align:right; 
    padding-left:10px;  
    padding-right:10px;
}
.otherProdInsideRow-Prijs {
    text-align:right; 
    padding-left:10px;  
    padding-right:10px; 
    white-space:nowrap;
}
.otherProdInsideRow-Naam {
    text-align:left; 
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    /*vertical-align: top;  For IE */
    width:370px;
    
}
.otherProdInside {
   /* border-right: solid 1px #B5AEAD;
    border-bottom: solid 1px #B5AEAD;*/
    text-align:center;
}
.otherProdInside-Left {
    /*border-left: solid 1px #B5AEAD;*/
}
.subVlak-OtherProducttable {
    /*border-left: solid 1px #B5AEAD;
    border-right: solid 1px #B5AEAD;
    border-top: solid 1px #B5AEAD;*/
}
/* ############## einde Verwante/Verwante Producten ############### */  

/* ############## start contactForm ############### */  
#contactform_left {float:left; margin:5px 5px 5px 5px;}
#contactform_left div {margin-bottom:2px;}
#contactform_right {float:left; margin:5px 5px 5px 5px;}
#contactform_right div {margin-bottom:2px;}
#contactform_aanvraag {clear:both;}
.spanWidthContactForm{
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:120px;
}
.contactform_cell span {
    width:120px;    
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */
}

/* ############## einde contactForm ############### */  

/* ############## start winkelwagen ############### */  

.linkButton {
    text-decoration:underline;
}
.cartReferentie {
    margin-right:4px; 
    margin-top:5px;
}
.cartOmschrijving {
    margin-right:4px; 
    margin-top:5px;
}
.cartButtons {
    margin-top: 5px;
}
.footerPayedAmountText span {padding-left: 5px; color:red;}
.footerAmountToPayText span {padding-left: 5px; color:red;}
.footerPayedAmount {text-align:right; color:Red;}
.footerAmountToPay {text-align:right; color:Red; font-weight:bold;}

/* ############## einde winkelwagen ############### */  

/* ############## start footerTotal - winkelwagen, overzicht, orderregels ############### */  

.footerTotalBold {
    font-weight: bold;
    border-top: solid 1px #D7D7D7;
    text-align:right;
    white-space:nowrap;
}
.footerTotalGrey {
    text-align:right;    
    font-size:9px;
    color:Gray;
    white-space:nowrap;
}

.footerTotal {
    text-align:right;
    white-space:nowrap;
}

.footerOmschrBold {
    font-weight: bold;
    white-space:nowrap;
}
.footerOmschrBold span {margin-left:5px;}

.footerOmschrGrey {
    font-size:9px;
    color:Gray;
    white-space:nowrap;
}
.footerOmschrGrey span {margin-left:5px;}

.footerOmschr{}
.footerOmschr span {margin-left:5px;}
.orderregelButtons {margin-top:5px;}
/* ############## einde footerTotal - winkelwagen, overzicht, orderregels  ############### */  

/* ############## begin stappen balk - bestelling tm betaling ############### */  

.stappen-Tabel{
    width:100%;
    border:0;    
    margin-bottom:5px;
    border:solid 1px #999;    
}
.stappen-balk{
	height: 40px;
	width: 100%;
	background-color: #F1F1F1;	
}
.stap-actief {
	text-align: center;
	color: #000000;
	white-space:nowrap;
}
.stap-nietactief {
    /*color: #A0A0A0;*/
    color:#999;
    text-align: center;
	white-space:nowrap;
}
/* ############## eind stappen balk - bestelling tm betaling ############### */ 


/* ############## start reviews ############### */ 
.gvReviews {width:100%;}
.gvReviews td {padding-right:2px;}
.reviewMaster{
    width:100%; 
    padding-bottom:5px;   
    border:solid 1px #B5AEAD;
    margin-bottom:5px;
   
}

.reviewKop {    
    background-color: #F1F1F1;
    height: 21px;
    /*color:#E42E17;*/
    padding-top:5px;
}

.reviewKop span {
    padding-left:5px; 
    position:relative;
    font-weight:bold;
}

.reviewSub { }
.reviewAuthor {
    float:left; 
    width:120px;
    background: url('../images/review_author.png') no-repeat 0 0;
    margin:5px 0 0 5px;
    padding:0 0 0 25px;
}
.reviewAuthorAdmin {width:100px;}
.reviewText {
    float:left;
    margin:5px 0px 0px 5px;
    padding:0px;
}
.reviewTitel {
    font-weight:bold;
}
dl.review dt.reviewAuthor strong {
    color:#b00;
}
dl.review dt.reviewAuthor em {
    font-style:normal;
    font-weight:normal;
}
dl.review dd.reviewText {
    float:right;
    margin:0px;
    padding:10px 30px 10px 0px;
    width:605px;
}
dl.review dd.reviewText p {
    margin:0px 0px 1em 0px;
}
dl.review dt.reviewTotal {
    background: url('../images/reviewTotal.png') no-repeat center 0px;
    clear: both;
    float: left;
    height: 43px;
    margin: 0px 0px 0px 10px;
    padding: 8px 0px 17px 0px;
    text-align: center;
    width: 108px;
}
dl.review dt.reviewTotal em {
    color: #b00;
    font-size: 133%;
    font-style: normal;
    font-weight: bold;
    padding: 0px 0px 0px 5px
}
dl.review dd.reviewScores {
    background: url('../images/reviewScores.png') no-repeat 0px 0px;
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 17px 0px;
    width: 635px;
    height: 51px;
}
dl.review dd.reviewScores ul{
    margin: 0px;
    padding: 0px 0px 0px 3px;
}
dl.review dd.reviewScores ul li {
    background: url('../images/reviewScores_dividers.png') no-repeat 100% 0px;
    float: left;
    height: 43px;
    list-style-type: none;
    padding: 8px 0 0 0;
    text-align: center;
    width: 16.6%;
}
dl.review dd.reviewScores ul li strong{
    font-weight:normal;
}
dl.review dd.reviewScores ul li em{
    color:#b00;
    font-style:normal;
    font-weight:bold;
}
dl.review dd.reviewScores ul li.last {}
dl.review dd.reviewScores ul.scoreCount1 li{width:100%;}
dl.review dd.reviewScores ul.scoreCount2 li{width:50%;}
dl.review dd.reviewScores ul.scoreCount3 li{width:33%;}
dl.review dd.reviewScores ul.scoreCount4 li{width:25%;}
dl.review dd.reviewScores ul.scoreCount5 li{width:20%;}
dl.review dd.clear{margin:1px 0px 0px 0px;}

/* ############## eind reviews ############### */ 

/* ############## start topproducts ############### */ 

.divTopProducts {text-align:center;}
.divTopProductsFoto {text-align:center;}
.divTopProductsNaam {text-align:center;}
.divTopProductsPrijs {text-align:center;}

/* ############## eind topproducts ############### */ 

/* ############## start sorteerArtikelen ############### */ 

.divsortProducts {float:left; display:none;}

/* ############## eind sorteerArtikelen ############### */ 

/* ############## start orderregels ############### */ 

.verlaag {padding-top:6px;}
.verlaag table {margin-top:-2px;}
/* ############## eind orderregels ############### */ 

/* ############## start Navigatie met images ############### */ 
.leftContentNav {
    vertical-align: top;
    width: 600px;
    float: left;
    background-position:top right;
    background-repeat:no-repeat;
}
.rightContentNav {
    /*border-left: solid 1px #999999;*/
    vertical-align: top;
    float: left;
    /*border-left:solid 1px black;*/
}
.contentSpaceNav {
    margin:15px;
}
.NavSpace {}

.navControlGrid  {
    border-spacing:2px;
    border-collapse:separate; 
}
.navControl_Even {text-align:center;}
.navControl_Odd {text-align:center;}
.navControl_Empty {text-align:center;}

.navItem {
    /*border:solid 1px #9C9A9C;*/
    width:182px;
}
.divNavHeader {
    background-image: url(../images/navheader.gif);    
    vertical-align:middle;
    width:182px;
    height:26px;
    background-color:#656998;
}
.divNavHeader-left {}
.divNavHeader-center {
    vertical-align:bottom;
    text-align:center;
    padding-top:2px;
}
.divNavHeader-center a {
    color:White;
    text-decoration:none;
    font-weight:bold;
}
.divNavHeader-right {}

.divImgNav {
    text-align:center;
    vertical-align:middle;
    border-left:solid 1px #656998;
    border-right:solid 1px #656998;
    height:100px;
    padding-top:20px;
}
.imgNav {
    border:0px;
}
.divDescNav {}
.navDesc {}

.divNavFooter {
    background-image: url(../images/navFooter.gif);
    width:182px;
    height:13px;
}
.divNavFooter-left {}
.divNavFooter-center {}
.divNavFooter-right {}

.navVlakEmpty {width:182px;}
.navVlakEmpty div {visibility:hidden; display:none;}

/* ############## eind Navigatie met images ############### */ 

/* ############## begin NavigatieBalk - broodkruimels ############### */ 
.NavVlak {    
    width:100%;
    height:25px;
    border: solid 1px #000000;
    background-color:#ccccce;
    margin: 2px 0px 2px 0px;
}
.NavVlak table{
    margin-top: 2px;
    margin-right: 2px;
}
.NavVlak-link{
    font-weight: bold;
    text-decoration: underline;
    cursor:pointer;
}
.NavVlak-BreadCrumbs {width:70%;}
.NavVlak-Merk {text-align:right; width:30%;}

.menu-Hoofdgroep {}
.menu-Groep {}
.menu-Subgroep {}

.menu-Groep .TreeViewLeafNode {margin-left:-10px;}
.TreeViewLeafNode .menu-Hoofdgroep {margin-left:-20px;}

/* ############## eind NavigatieBalk - broodkruimels ############### */ 

/* ############## start Instellingen ############### */ 
.spanWidthInstellingen { 
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:250px;
} 
.divInstellingen-Indent {
    margin-left:253px;
}
.spanWidthInstellingen-indent {
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:100px;
}
/* ############## eind Instellingen ############### */ 

/* ############## start spanWidths ############### */ 
.spanWidthAfleverAdres, .spanWidthFactuurAdres, 
.spanWidthArtikelDetail { 
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:120px;
} 
.spanWidthArtikellijst-text { 
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:140px;
} 
.spanWidthArtikellijst-tm { 
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    margin-left:20px;
    width:40px;
} 
.spanWidthAssortiment, .spanWidthBestelgegevens, .spanWidthArtikellijst-SearchResult,
.spanWidthPayment { 
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:150px;
} 
.spanWidthForgotpw, .spanWidthExtInlog, .spanWidthRegister, .spanWidthExtRegister,
.spanWidthKlantgegevens, .spanWidthKlantcp, .spanWidthKlantAdres, .spanWidthOrderregels {
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:200px;
}
.spanWidthCartSmall-text {
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:90px;
}
.spanWidthCartSmall-value {
    display: table-cell; /* For FireFox and Opera */ 
    display: inline-block; /* For Opera and IE */ 
    vertical-align: top; /* For IE */ 
    width:65px; 
    text-align:right;
}
/* ############## eind spanWidths ############### */ 

/* ############## start extPages ############### */ 
.extLogin {
    position:absolute;
    left:50%;
    top:50%;
    width:400px;
    height:150px;
    margin:-90px 0px 0px -200px;
}
/* ############## eind extPages ############### */ 

/* ############## start handleiding ############### */ 
.handleiding {
    FONT-SIZE: 12px;
    COLOR: #000000;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.handleiding a {
    FONT-SIZE: 12px;
    COLOR: #656565;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
.handleiding a:hover {
    COLOR: #ff0000;
    TEXT-DECORATION: none
}
.handleiding .subtitel {
    margin-top: 15px;
}
.handleiding .subtitel a  {
    font-weight: bold; 
    color: #cc0000;
    font-family: Arial
}
.handleidingheader {
    margin-top:15px;
    clear:both;
}
.handleidingheader a:hover {
    COLOR: #656565;
}
.handleidingBlock {
    background:#eeeeee; 
    margin: 5px 0px 5px 0px; 
    padding:5px;
    clear:both;
}
.handleidingBlock .step {
    float:left;
    width:30px; 
    margin: 2.5px 0px 2.5px 0px;
}
.handleidingBlock .action {
    float:left;
    width: 500px;
    margin: 2.5px 0px 2.5px 0px;
}
/* ############## start handleiding ############### */ 

/* ############## start custompages ############### */
#divCustomContent {
    float: left;
    width: 556px;
    min-height: 550px;
    padding: 15px;
}
#divCustomRechts {
    float: left;
    padding-left: 15px;
}
.rbalk {
    clear:both;
    border: solid 1px #999999;
    background-image: url(../images/bg_menubalk.jpg);
    PADDING: 0px;
    /*background-color: #F1F1F1;*/
    margin-top: 15px;
    margin-left:15px;
    width: 181px;
    color: Black;
}
.rbalk A {
    color: #656565;
    text-decoration: none;
}
.rbalk A:hover {
    color: #ff0000;
    text-decoration: none;
}
.rbalk_tekstblokjes {
    color: #000000;
    text-decoration: none;
    padding: 5px;
}
.rbalk_boven {
}
.rbalk_onder {
}
.custom-highlight {
    font-weight:bold;
    color:red; /*#999999;*/
}
/* ############## einde custompages ############### */

/* ############## start hypernation ############### */

.HyphenatorToggleBox {
	position: absolute;
	top: 3px;
	right: 280px;
	font: 10px Arial;
	font-weight: bold;
	margin: 0;
	color: #FFFFFF;
	padding: 0.2em;
	padding: 3px;
	cursor: pointer;
	z-index:1000;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomright: 4px;
}

/* ############## einde hypernation ############### */

/* ############## start breadcrumbs ############### */
.pnlBreadCrumb {padding-right:2px;}
.breadCrumbDiv {
    width:100%;
    min-height:25px;
    border: solid 1px #000000;
    background-color:#ccccce;
    margin: 2px 0px 2px 0px;
    clear:both;
}

.breadTrail {float:left; width:70%; margin:4px -4px 4px 4px;}
.breadMerk {float:left; text-align:right; width:30%; margin:3px 3px 0px -3px;}
.breadLink {
    font-weight: bold;
    text-decoration: underline;
}
.breadLink-level1 {}
.breadLink-level2 {}
.breadLink-level3 {}
.breadLink-level4 {}
.breadLink-selected {text-decoration: none;}

/* ############## einde breadcrumbs ############### */

.orderList-alpha{
    line-height: 1.4em;
    margin-top: 0.75em;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    margin-left: 1.5em;
    padding: 0px;
    list-style-position: outside;
    list-style-type:lower-alpha;
}
.orderdList-number {
    line-height: 1.4em;
    margin-top: 0.75em;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    margin-left: 1.5em;
    padding: 0px;
    list-style-position: outside;
    list-style-type:decimal;
}
.orderdList-number li {
    margin-bottom: 1.5em;
}
/*-- Calendar Styles-- */

.calendar .ajax__calendar_container
{
 background: white;
 color: #000;
 font-family: Arial;
 border-right: #9DA2A4 6px solid;
 border-top: #9DA2A4 6px solid;
 border-left: #9DA2A4 6px solid;
 border-bottom: #9DA2A4 6px solid;
 border-collapse: collapse;
 z-index : 1000 ; 
}
.calendar .ajax__calendar_other .ajax__calendar_day, .calendar .ajax__calendar_other .ajax__calendar_year
{
 color: red;
}
.calendar .ajax__calendar_hover .ajax__calendar_day,
.calendar .ajax__calendar_hover .ajax__calendar_month,
.calendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.calendar .ajax__calendar_active .ajax__calendar_day,
.calendar .ajax__calendar_active .ajax__calendar_month,
.calendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

.calendar.ajax__calendar_currentday {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.calendar.ajax__calendar .ajax__calendar_currentday {border:1px solid #ffffff;}
.calendar.ajax__calendar .ajax__calendar_active .ajax__calendar_currentday {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.calendar.ajax__calendar .ajax__calendar_hover .ajax__calendar_currentday {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}


/*-- Calendar Styles-- */

/*-- SEO menu -- */

    ul.nav { margin:0 ; padding:0  }
	.nav li, .nav li a { 
		list-style-type: none; 
		font-family: verdana; 
		font-size: 11px; 
		line-height: 15px; 
		color: #666666; 
		letter-spacing: 1px; 
		word-spacing: 2px; 
		cursor: pointer;
		text-decoration:none;
	}
	
	.mainHoofdgroep li span {padding-left:12px;  }
	.mainGroep li span {padding-left:27px;}
	.mainSubgroep li span {padding-left:42px; }


	li.hoofdgroep {border:solid 1px black; border-bottom:none;}
	li.first {border-bottom:none;}
	li.hoofdgroep.last {border-bottom:solid 1px black;}

	li.groep {border-top:solid 1px black;}
	li.subgroep {border-top:solid 1px black;}

	ul.collapsed {display:none; visibility:hidden;}
	ul.expanded {display:block; visibility:visible;}

	.spanIn {background-color:#eaeaea;}
	.spanSelHoofd {background-color:#dddddd;}
	.spanSelGroep {background-color:#ccccce;}
	.spanSelSub {background-color:#999999;}

	.spanHasChilds_collapsed {background-image:url(../images/collapsed.gif);  background-repeat:no-repeat;}
	.spanHasChilds_expanded {background-image:url(../images/expanded.gif); background-repeat:no-repeat;}
	.spanLastNode {background-image:url(../images/lastNode.gif); background-repeat:no-repeat;}

	.groep .spanHasChilds_collapsed, .groep .spanHasChilds_expanded, .groep .spanLastNode {background-position:15px top;}
	.subgroep .spanLastNode {background-position:30px top;}

	.spanHasChilds_collapsed, .spanHasChilds_expanded, .spanLastNode  {
		display: table-cell; /* For FireFox and Opera */ 
		display: inline-block; /* For Opera and IE */ 
		vertical-align: top; /* For IE */
	}
	.hoofdgroep .spanHasChilds_collapsed, .hoofdgroep .spanHasChilds_expanded, .hoofdgroep .spanLastNode {width:166px; min-height:19px;}
	.groep .spanHasChilds_collapsed, .groep .spanHasChilds_expanded, .groep .spanLastNode {width:151px;}
	.subgroep .spanHasChilds_collapsed, .subgroep .spanHasChilds_expanded, .subgroep .spanLastNode {width:136px;}
	
/*-- end SEO menu --*/
.infoSpot {
   background:url(../images/informatie.gif) no-repeat;
   width:20px;
   height:20px;    
}
.infoTag {
    border: solid 2px orange;
    position:absolute;
    margin-left:20px;
    width:150px;
    background:white;
    padding:3px;
    display:none;
}