
#topnavbar div, #subnavbar div       { text-align: center; white-space: nowrap; display: block }
#topnavbar .menu-top, #topnavbar .menu-bottom   { font-size: 0; line-height: 0; background-color: #effe0c; display: none; width: 0; height: 0; border: solid 0 #f0f }
#topnavbar ul ul .menu-top, #topnavbar ul ul .menu-bottom  { background-color: #f0f; height: 0; border: solid 0 #effe0c }
/* topnavbar START */
/* level 1 */
#topnavbar                                                                              { font-weight: 400; text-align: left; display: block; margin: 0 auto; padding: 0; position: relative; z-index: 200; top: 0; left: 0; width: 560px; border: solid 0 #000 }
#topnavbar .innertube                             { background-image: url("../data/interface/black-25.png"); display: block; margin-right: auto; margin-left: auto; position: relative; top: 0; left: 0; width: auto; float: left; overflow: hidden }
#topnavbar .home a        { color: #000; background-image: url("../data/interface/icon_home.png"); background-repeat: no-repeat; background-position: center; min-width: 60px }
#topnavbar .home a div  { visibility: hidden }
#topnavbar ul.contact     { }
#topnavbar li div          { line-height: 28px; text-align: center; padding-right: 14px; padding-left: 14px; height: 30px }
#topnavbar ul                               { margin: 0 0 0 0; padding: 0; position: relative; z-index: 20; top: 0; left: 0; float: left; border: solid 0 transparent }
#topnavbar li                                    { list-style-type: none; display: block; margin: 0 0 0 0; padding: 0; position: relative; top: 0; left: 0; min-width: 110px; float: left; border: solid 0 #333 }
#topnavbar li a                                           { color: #fff; line-height: 28px; text-decoration: none; background-color: #000; background-image: url("../data/interface/button-dark.gif"); letter-spacing: 1px; cursor: pointer; display: block; margin-right: -1px; position: relative; top: 0; left: 0; min-width: 110px; border: solid 1px #0a0a0a }
#topnavbar ul.contact li a { margin-right: 0 }
#topnavbar li:hover a                      { color: #fff; background-image: url("../data/interface/button-dark.gif"); background-position: 0 bottom; border-color: #000 }
#topnavbar li a:hover div                            { }
#topnavbar a.actief, #topnavbar a.actief:hover           { color: #fff; background-color: #64778d; background-image: url("../data/interface/button-active.gif"); border-style: solid; border-color: #0a0a0a }
#topnavbar li a:focus, #topnavbar li a:active          { color: #ffeb9b; background-color: #000 }
/* level 2 */
#topnavbar ul ul          { background-color: #fff; letter-spacing: 0; display: none; padding: 7px 0; position: absolute; top: 100%; left: -1px; border: solid 1px #a6a6a6 }
#topnavbar ul ul * { background-image: none }
#topnavbar ul ul li                     { margin: 0; float: none; border-width: 0; border-color: #e7e7e7 }
#topnavbar ul ul div  { background-image: none }
#topnavbar ul ul li a                    { color: #000; background-image: none; min-width: 200px; border-width: 0; border-color: #e7e7e7 }
#topnavbar ul li:hover li a  { }
#topnavbar ul ul li a:hover          { color: #fff; background-color: #666; background-image: none }
#topnavbar ul ul li a:focus, #topnavbar ul ul li a:active        { color: #fff; background-color: #64778d; background-image: none }
#topnavbar li li:hover.sub2, #topnavbar li li.actief:hover          { color: #fff; background-color: #666; background-image: none; border-width: 0; border-color: #e7e7e7 }
/* level 3*/
#topnavbar ul ul ul            { position: absolute; top: -8px; left: 100%; border-top: 1px solid #a6a6a6 }
/* verbergen
*/
#topnavbar li:hover ul ul, #topnavbar li:hover ul ul ul  { display: none }
/* tonen*/
#topnavbar li:hover ul, #topnavbar li li:hover ul, #topnavbar li li li:hover ul     { display: block }
/* topnavbar END */
/* subnavbar START */
/* level 1 */
#subnavbar                                     { letter-spacing: 1px; position: absolute; z-index: 20; top: 0; left: 85px }
#subnavbar .innertube  { position: relative; height: 32px }
#subnavbar .home a        { color: #000; background-image: url("../data/interface/icon_home.png"); background-repeat: no-repeat; background-position: center; min-width: 60px }
#subnavbar .home a div  { visibility: hidden }
#subnavbar ul.contact   { }
#subnavbar li div  { padding-right: 10px; padding-left: 10px }
#subnavbar ul                  { list-style-type: none; list-style-position: outside; margin: 0; border: solid 0 #d0d0d0 }
#subnavbar li                   { margin-right: 15px; position: relative; z-index: 110; float: left; border: solid 0 #000 }
#subnavbar li a                          { color: #fff; line-height: 30px; text-decoration: none; background-color: #000; background-image: url("../data/interface/button-dark.gif"); display: block; height: 30px; border: solid 1px #000 }
#subnavbar li a:hover        { background-image: url("../data/interface/button-grey.gif") }
#subnavbar li a:active            { background-image: url("../data/interface/button-active.gif"); border-style: solid; border-color: #1f272e }
#subnavbar li.actief a { background-image: url("../data/interface/button-active.gif"); border-style: solid; border-color: #1f272e }
#subnavbar li:hover, #subnavbar li.actief:hover       { background-image: url("../data/interface/button-active.gif"); border-style: solid; border-width: 0; border-color: #f00 #f00 #d0d0d0 }
/* level 2 */
#subnavbar ul ul                               { background-color: white; display: none; padding: 8px; position: absolute; top: 4px; left: 100%; border: solid 1px #000 }
#subnavbar ul ul li              { background-image: none; position: relative; z-index: 210; float: none; border-width: 0; border-color: #e7e7e7 }
#subnavbar ul ul li a           { color: #0c0c0c; background-image: none; min-width: 150px; border-width: 0; border-color: #e7e7e7 }
#subnavbar ul ul li a:hover  { color: #000; background-image: none }
#subnavbar li li:hover,  #subnavbar li li.actief:hover    { background-color: #e7e7e7; background-image: none; border-width: 0; border-color: #e7e7e7 }
/* level 3*/
#subnavbar ul ul ul      { border-style: solid; border-width: 1px; border-color: #e7e7e7 #d0d0d0 #d0d0d0 #f00 }
/* verbergen
*/
#subnavbar li:hover ul ul, #subnavbar li:hover ul ul ul { display: none }
/* tonen*/
#subnavbar li:hover ul, #subnavbar li li:hover ul, #subnavbar li li li:hover ul    { display: block }
/* subnavbar END */
/*page zoom start
*/
#pagezoom    { position: absolute; z-index: 20000; top: 20px; right: 35px; border: solid 0 #335f69 }
#pagezoom ul  { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; border: solid 0 #f9d448 }
#pagezoom ul li     { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; z-index: 20; border: solid 0 #df001b }
#pagezoom a   { background-image: url("../data/interface/zoom_icon.png"); background-repeat: no-repeat; background-position: center; display: block; padding: 2px; width: 16px; height: 16px }
#pagezoom a:hover, #pagezoom li:hover  { background-color: #e7e7e7 }
#pagezoom ul ul     { background-color: #fffbbd; background-image: url("../data/interface/white-70.png"); display: none; position: absolute; top: 100%; right: 0; float: left; border: solid 1px #e7e7e7 }
#pagezoom ul ul li, #pagezoom ul ul li:hover   { font-size: 14pt; font-family: Verdana; line-height: 20pt; background-color: #fffbbd; letter-spacing: 1px; padding: 15px 20px }
#pagezoom li:hover ul   { display: block }
#pagezoom ul li div  { background-color: #e7e7e7; text-align: center; padding-right: 4px; padding-left: 4px; border: solid 1px #d0d0d0 }

