/*- Menu Tabs J--------------------------- */

    #tabsJ {
      float:left;
      width:100%;
      /*background:#369;*/
      font-size:93%;
      line-height:normal;
      border-bottom: solid 1px #666;
      }
    #tabsJ ul {
        margin:0;
        padding: 0 10px 0 20px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/menus/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/menus/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#444;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#666;
        }
		
/* CSS Tabs */
#navcontainer {
        /*background: #369;*/
        border-top: 1px solid #9CC;
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlist {
                text-align: center
        }
}

#navlist li {
        bottom: 11px;  
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist li {
        /*background: #000;*/
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
        background: #900;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #F00;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#active {
        /*background: #369;
        bottom: 16px; /* 13px */
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

div>ul#navlist li#active {   /* this matches only the child (IE doesn't understand) ul with id=navlist (moet aan elkaar) with descendant li with id=active */
        bottom: 13px;
}

html>body #navlist li#active {
        /*background: #000;*/
        margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        /*background: #369;*/
		background-image:url(images/items/back.jpg);
        border-bottom: 1px solid #9CC; /* none */
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: default;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}

/* the child selector '>' kan niet begrepen worden door IE dus toont IE wel de lijn onderaan en andere browsers niet */
ul>li #navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        border-bottom: none;
}


/*Submenu*/
#navcontainerSub {
        /*background: #369;
        /*border-top: 1px solid #9CC;*/
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlistSub {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlistSub {
                text-align: center
        }
}

#navlistSub li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlistSub li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlistSub a, #navlistSub a:link, #navlistSub a:visited {
        background: #990;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlistSub a:hover {
        background: #CC0;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlistSub a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlistSub li#active {
        /*background: #369;*/
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlistSub li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlistSub #active a, #navlistSub #active a:link, #navlistSub #active a:visited, #navlistSub #active a:hover {
        background: #766;
        border-bottom: 1px solid #9CC;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: default;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 0;
}


/*SubSubmenu*/
#navcontainerSubSub {
        /*background: #369;
        /*border-top: 1px solid #9CC;*/
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlistSubSub {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlistSubSub {
                text-align: center
        }
}

#navlistSubSub li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlistSubSub li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
		}

#navlistSubSub a, #navlistSubSub a:link, #navlistSubSub a:visited {
        background: #099;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlistSubSub a:hover {
        background: #0CC;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlistSubSub a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlistSubSub li#active {
        /*background: #369;*/
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlistSubSub li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlistSubSub #active a, #navlistSubSub #active a:link, #navlistSubSub #active a:visited, #navlistSubSub #active a:hover {
        background: #766;
        border-bottom: 1px solid #9CC;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: default;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 0;
}
/*Sub3menu*/
#navcontainerSub3 {
        /*background: #369;
        /*border-top: 1px solid #9CC;*/
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlistSub3 {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlistSub3 {
                text-align: center
        }
}

#navlistSub3 li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlistSub3 li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlistSub3 a, #navlistSub3 a:link, #navlistSub3 a:visited {
        background: #909;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlistSub3 a:hover {
        background: #C0C;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlistSub3 a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlistSub3 li#active {
        /*background: #369;*/
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlistSub3 li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlistSub3 #active a, #navlistSub3 #active a:link, #navlistSub3 #active a:visited, #navlistSub3 #active a:hover {
        background: #766;
        border-bottom: 1px solid #9CC;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: default;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 0;
}