
#nav      { font-size: 0; line-height: 0; margin: 0; padding: 0 0 0 60px; position: absolute; z-index: 300; top: 120px; width: 100%; border: solid 0 #f00 }
#nav ul       { list-style-type: none; list-style-position: outside; margin: 0 -1px 0 0; padding: 0; position: relative; z-index: 300; float: left; border: solid 0 #3a3a3a }
#nav li        { background-color: #8b2211; background-image: url("../data/interface/balk2.gif"); background-repeat: repeat-x; background-position: 0 1px; list-style-type: none; list-style-position: outside; margin: 0 6px 0 0; padding: 0; position: relative; float: left; border: dashed 0 #e00202 }
#nav li a:link, #nav li a:visited        { color: white; font-size: 10px; font-family: "Trebuchet MS"; font-weight: normal; line-height: 12px; text-decoration: none; text-align: left; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 0; padding: 5px 0 0 4px; position: relative; width: 86px; border: solid 1px #fff }
#nav li a:hover                         { background-color: #e9b035; background-image: url("../data/interface/balk4.gif") }
#nav li a.navactief:link, #nav li a.navactief:visited                        { background-color: #000; background-image: url("../data/interface/balk1.gif") }
#nav li:hover, #nav li.sfhover         { border: solid 0 #dd7a96 }
#nav li:hover a, #nav li.sfhover a      { background-color: #e9b035; background-image: url("../data/interface/balk4.gif") }
#nav li ul           { display: none; margin: -1px 0 0; padding: 0; position: absolute; z-index: 320; top: 19px; left: 0; border-style: solid; border-width: 1px 1px 0; border-color: #fff }
#nav li li        { background-image: none; list-style-image: none; display: block; margin: 0; padding: 0; float: none; border: solid 0 #e3b100 }
#nav li li a:link, #nav li li a:visited            { color: #111; font-weight: normal; background-color: #e9f2d8; background-image: none; text-align: left; text-transform: none; display: block; margin: 0; padding: 3px 8px; position: relative; z-index: 400; width: 120px; border-style: solid; border-width: 0 0 1px; border-color: #fff }
#nav li li a:hover   { color: #fff; background-color: #4f9b4c; list-style-image: none }
#nav li li a.navactief:link, #nav li li a.navactief:visited     { color: #fff; background-image: none; list-style-image: none }
#nav li li:hover, #nav li li.sfhover    { background-image: none; list-style-image: none }
#nav li li:hover a, #nav li li.sfhover a     { background-image: none; list-style-image: none }
#nav ul ul ul  { margin: 0; position: absolute; z-index: 330; top: 2px; left: 100% }
#nav li:hover ul ul, #nav li.sfhover ul ul { display: none }
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul { display: none }
#nav li:hover ul, #nav li.sfhover ul  { display: block }
#nav li li:hover ul, #nav li li li:hover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { display: block }
/*subnav level*/
#subnav        { line-height: 18px; text-indent: 0; margin: 8px 0 0; padding: 0; z-index: 0; border: dashed 0 #ff8240 }
#subnav ul        { font-size: 13px; font-family: Arial; font-weight: bold; line-height: 20px; letter-spacing: 1px; list-style-type: none; margin: 0; padding: 0; position: relative; left: 0; border: solid 0 #f03 }
#subnav li     { letter-spacing: 1px; margin: 0; padding: 0; border: solid 0 #092a5c }
#subnav li a:link, #subnav li a:visited    { text-decoration: none; background-repeat: no-repeat; background-position: 8px center; display: block; margin: 0 0 2px; padding: 2px 8px 2px 0; float: left; border: solid 0 #fff }
#subnav li a:hover  { text-decoration: underline; background-color: #edebf6; border-color: white }
#subnav li a.navactief:link, #subnav li a.navactief:visited     { color: #fff; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: 140px center; text-indent: 0; display: block; margin: 0; padding: 2px 8px; border: solid 0 }
#subnav li a.navactief:hover   { color: #fff; background-color: #c00; background-repeat: no-repeat; background-position: 140px center }
#subnav li:hover, #subnav li.sfhover { background-color: #000 }
#subnav li:hover a, #subnav li.sfhover a  { }
#subnav li ul   { display: none; margin: 0; padding: 0; position: absolute; z-index: 20; top: 4px; left: 146px; width: auto; border: solid 0 #369 }
#subnav li li   { background-image: none; display: block; position: relative; width: auto; border: solid 0 #000 }
#subnav ul li li a:link, #subnav ul li li a:visited      { margin-bottom: -1px; padding: 2px 8px; border-color: #fff  }
#subnav ul li li a:hover  { color: #000; background-color: #f9d448; background-image: none }
#subnav li:hover ul, #subnav li.sfhover ul  { display: block }
#subnav li li:hover ul, #subnav li li li:hover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { display: block }
#subnav .categorie  { color: #fff; background-color: #59539f; margin-bottom: 1px; margin-left: 0; padding-left: 0 }
#subnav .toprow  { color: #fff; text-decoration: none; background-color: #092a5c; display: block; margin: 0; padding: 2px 8px; border-style: solid; border-width: 1px 0; border-color: #fff }
/*pagenav*/
#pagenav            { margin: 0 auto; padding: 1px 0 0; position: relative; border: solid 0 #fff }
#pagenav ul         { list-style-type: none; list-style-position: outside; margin: 0 20px; padding: 0; position: relative; top: 0; left: 0; border: solid 0 #ba0055 }
#pagenav li         { color: #fff; text-align: left; letter-spacing: 1px; list-style-type: none; list-style-position: outside; margin: 0 1px 1px 0; padding: 0; float: left; border: solid 0 #ff0 }
#pagenav li a:link, #pagenav li a:visited        { color: #fff; font-size: 10px; font-family: Arial; line-height: 18px; text-decoration: none; background-color: #3a3a3a; text-align: left; margin: 0; padding: 2px 8px; float: left; border: solid 0 }
#pagenav li a:hover   { color: #000; background-color: #e1b033 }
#pagenav li .dimmpje         { color: #5e5e62; font-size: 10px; line-height: 18px; background-color: #111; padding: 2px 8px; float: left }
#filialen  { position: absolute; z-index: 4; top: -20px; left: 80px; height: 20px; float: left; border: solid 0 #00f }
#filialen ul { background-color: #de3319; display: block; margin: 0; padding: 0; float: left; border: solid 0 #00f }
#filialen li  { color: #fff; list-style-type: none; margin: 0 -1px 0 0; padding: 0; position: relative; width: 86px; float: left; border: solid 0 }
#filialen li a:link, #filialen li a:visited  { color: #fff; font-size: 10px; font-family: Arial; text-decoration: none; background-color: #de3319; text-align: center; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 0 0 0 0; padding: 2px 4px 0; border: solid 1px #feedba }
#filialen li a:hover { text-decoration: none; background-color: #8b2211 }
#balk  { background-color: #111; position: absolute; z-index: 0; top: 0; right: 0; width: 560px; height: 15px }
