
#topnavbar ul div, #subnavbar ul div  { white-space: nowrap; cursor: pointer; display: block }
ul .menu-bottom, ul .menu-top { display: none }
/* topnavbar START */
/* level 1 */
#topnavbar          { background-color: #110190; background-repeat: no-repeat; background-position: 0 0; display: block; top: 0; left: 180px; width: 555px; height: 20px; border: solid 0 #000 }
#topnavbar .innertube         { background-color: #110190; position: relative; top: 0; left: 0; height: 20px; border-style: solid; border-width: 0; border-color: #d8dbdd #d8dbdd #3e5059 #3e5059 }
#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         { margin-right: -1px; border-style: solid; border-width: 0 1px; border-color: #fff }
#topnavbar ul    { text-align: center; cursor: pointer; list-style-type: none; list-style-position: outside; margin: 0; padding: 0; position: relative; z-index: 20; top: 0; left: 0; float: left; border: solid 0 transparent }
#topnavbar li      { background-position: 0 0; position: relative; float: left; border: solid 0 #314f5c }
#topnavbar li a         { color: #fff; font-size: 10px; line-height: 20px; text-decoration: none; background-color: #002c8d; display: block; height: 20px; min-width: 111px; border: solid 0 }
#topnavbar li a:hover   { background-color: #000; border: solid 0 #000 }
#topnavbar li a.actief     { color: #002c8d; background-color: #efd711; border-style: solid; border-width: 0; border-color: #97c7df #000 #000 }
#topnavbar li a.actief, #topnavbar li:hover a    { background-position: 0 0 }
/* level 2 */
#topnavbar ul ul    { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; text-align: left; margin: 0; padding: 0; position: absolute; z-index: 300; top: 100%; left: 0; border: solid 0 #fff }
#topnavbar ul ul li                      { list-style-type: none; margin: 0; padding: 0; float: none; border: solid 0 #fff }
#topnavbar ul ul li div    { margin: 0; padding: 0 10px }
#topnavbar ul ul li a:link, #topnavbar ul ul li a:visited                  { line-height: 22px; letter-spacing: 1px; margin: 0; padding: 0; height: 22px; min-width: 160px; border-style: solid; border-width: 0 1px; border-color: #fff; text-shadow: none               }
#topnavbar ul ul li a:hover  { color: #002c8d; background-color: #efd711; background-image: none; border-style: solid; border-width: 0 1px; border-color: #002c8d }
#topnavbar ul ul li a div   { border: solid 0 #df001b }
/* level 3*/
#topnavbar ul ul ul.submenu3            { font-style: normal; list-style-type: none; margin: 0 0 0 -12px; padding: 0 0 0 6px; position: absolute; z-index: 400; top: -4px; left: 100%; clear: both; border: solid 0 #e7e7e7 }
#topnavbar ul ul.submenu3 a:hover div  { }
/* verbergen
*/
#topnavbar li ul, #topnavbar li:hover ul ul, #topnavbar li:hover ul ul ul { display: none }
/* tonen*/
#topnavbar li:hover ul, #topnavbar li li:hover ul { display: block }
/* top/bottom
*/
#topnavbar ul ul li.menu-top    { font-size: 0; line-height: 0; background-color: #002c8d; display: block; padding-top: 8px; border-style: solid; border-width: 1px 1px 0; border-color: #fff }
#topnavbar ul ul ul li.menu-top   { font-size: 0; line-height: 0; list-style-type: none; display: block; padding-top: 1px; border: solid 0 #8fbfce }
#topnavbar ul ul li.menu-bottom  { font-size: 0; line-height: 0; background-color: #002c8d; list-style-type: none; display: block; padding-bottom: 8px; clear: both; border-style: solid; border-width: 0 1px 1px; border-color: #fff }
#topnavbar ul ul li.menu-top div  { color: #df001b; font-size: 0; line-height: 0; display: none; padding-top: 3px }
#topnavbar ul ul li.menu-bottom div  { color: #df001b; font-size: 0; line-height: 0; display: none; padding-top: 3px }
/* topnavbar END */
/* subnavbar START */
/* level 1 */
#subnavbar       { text-align: left; display: block; margin: 0; padding: 0; position: relative; z-index: 10; top: 0; left: 0; width: 180px; border: solid 0 #e7e7e7 }
#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   { }
#subnavbar ul     { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; position: relative; top: 0; left: 0; border: solid 0 #d0d0d0 }
#subnavbar li      { margin-bottom: 10px; position: relative; z-index: 110; height: 30px; border: solid 0 #d4d4d4 }
#subnavbar li a     { text-decoration: none; text-align: right; display: block; padding-top: 2px; padding-bottom: 2px; border: solid 0 #fff }
#subnavbar li a:hover  { color: #000; background-color: #e7e7e7 }
#subnavbar li.actief a    { }
#subnavbar li:hover, #subnavbar li.actief:hover   { }
/* level 2 */
#subnavbar ul ul    { display: none; margin: 0; padding: 0; position: absolute; z-index: 210; top: 20px; right: 0; width: auto; float: right; border-style: solid; border-width: 0; border-color: #e7e7e7 #d0d0d0 #d0d0d0 #f00 }
#subnavbar ul ul li    { font-size: 90%; background-image: none; margin: 0; padding: 0; position: relative; height: 20px; float: none; border-width: 0; border-color: #e7e7e7 }
#subnavbar ul ul li a    { background-image: none; margin: 0; padding: 0; min-width: 130px; border-width: 0; border-color: #e7e7e7 }
#subnavbar ul ul li a div { color: inherit }
#subnavbar ul ul li a:hover    { color: #df001b; background-color: transparent; background-image: none }
#subnavbar li li:hover,  #subnavbar li li.actief:hover    { border-width: 0; border-color: #e7e7e7 }
/* level 3*/
#subnavbar ul ul ul   { display: none; 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.actief ul, #subnavbar li li:hover ul, #subnavbar li li li:hover ul{ display: block }
#subnavbar li .a1 div    { color: #cc1f33; margin: 0; padding: 0 12px 0 0; vertical-align: middle; border-style: solid; border-width: 0 14px 0 0; border-color: #cc1f33 }
#subnavbar li .a2 div  { color: #009e4f; margin: 0; padding: 0 12px 0 0; vertical-align: middle; border-style: solid; border-width: 0 14px 0 0; border-color: #009e4f }
#subnavbar li .a3 div  { color: #f3a030; margin: 0; padding: 0 12px 0 0; vertical-align: middle; border-style: solid; border-width: 0 14px 0 0; border-color: #f3a030 }
#subnavbar li .a4 div  { color: #cace2c; margin: 0; padding: 0 12px 0 0; vertical-align: middle; border-style: solid; border-width: 0 14px 0 0; border-color: #cace2c }
#subnavbar li .a5 div  { color: #009fbe; margin: 0; padding: 0 12px 0 0; vertical-align: middle; border-style: solid; border-width: 0 14px 0 0; border-color: #009fbe }
#subnavbar li .a6 div  { color: #939598; margin: 0; padding: 0 12px 0 0; vertical-align: middle; border-style: solid; border-width: 0 14px 0 0; border-color: #939598 }
#subnavbar li .a7 div  { color: #7a2169; margin: 0; padding: 0 12px 0 0; vertical-align: middle; border-style: solid; border-width: 0 14px 0 0; border-color: #7a2169 }
#subnavbar li .a8 div  { color: #d70b8c; margin: 0; padding: 0 12px 0 0; vertical-align: middle; border-style: solid; border-width: 0 14px 0 0; border-color: #d70b8c }
#subnav a:hover .s1, #subnav a:hover .s2, #subnav a:hover .s3, #subnav a:hover .s4, #subnav a:hover .s5, #subnav a:hover .s6, #subnav a:hover .s7, #subnav a:hover .s8  { }
/* 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 }

