#topnavbar div, #subnavbar div     { white-space: nowrap; cursor: pointer; 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-size: 12px; font-weight: 400; background-position: 0 -1px; text-align: left; letter-spacing: 1px; margin: 0 auto; height: 30px; border: solid 0 #000 }
#topnavbar .innertube            { background-image: url("../data/achtergronden/balk2.png"); position: relative; left: 120px; height: 32px; float: left; border-style: solid; border-width: 0 1px 0 0; border-color: #000; -moz-box-shadow: 0 1px 5px #000; -webkit-box-shadow: 0 1px 5px #000    }
#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    { padding-right: 10px; padding-left: 10px }
#topnavbar ul                       { 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 -1px; position: relative; float: left; border-style: solid; border-width: 1px 0 1px 1px; border-color: #000 }
#topnavbar li a                              { color: #fff; line-height: 31px; text-decoration: none; display: block; min-width: 110px; border: solid 0 }
#topnavbar li a:hover           { color: #fff; background-image: url("../data/achtergronden/balk3.png"); background-position: 0 0 }
#topnavbar li.actief                 { background-color: #000; background-image: url("../data/achtergronden/balk3.png"); background-position: 0 0; border-style: solid; border-width: 1px 0 1px 1px; border-color: #000 #f60 #f60 #000 }
#topnavbar a.actief, #topnavbar li:hover a  { color: #fff; background-image: url("../data/achtergronden/balk3.png"); background-position: 0 -1px }
#topnavbar li:hover, #topnavbar li.actief:hover            { color: #fff; background-image: url("../data/achtergronden/balk3.png"); background-position: 0 -1px;}
#topnavbar li a:focus   { background-color: #666; background-image: url("../data/achtergronden/balk3.png") }
/* level 2 */
#topnavbar ul ul                                    { background-image: url("../data/interface/black-70.png"); letter-spacing: 0; display: none; padding: 8px; position: absolute; top: 100%; left: -1px; border: solid 1px #000 }
#topnavbar ul ul li                  { background-image: url("../data/interface/white-70.png"); margin: 0; float: none; border-width: 0; border-color: #e7e7e7 }
#topnavbar ul ul li a, #topnavbar ul li:hover li a             { color: #036; background-image: url("../data/interface/white-50.png"); min-width: 130px; border-width: 0; border-color: #e7e7e7 }
#topnavbar ul ul li a:hover     { color: #fff; background-image: url("../data/interface/white-50.png") }
#topnavbar ul ul li a:focus     { color: #fff; background-color: transparent; background-image: url("../data/interface/black-25.png") }
#topnavbar li li:hover,  #topnavbar li li.actief:hover      { color: #fff; background-image: url("../data/interface/black-10.png"); border-width: 0; border-color: #e7e7e7 }
/* level 3*/
#topnavbar ul ul ul        { position: absolute; top: -8px; left: 100% }
/* 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                         { text-align: left; display: block; margin-right: 20px; margin-left: 32px; padding: 2px 1px 1px; position: relative; z-index: 10; top: 0; left: 0; border: solid 1px #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  { padding-right: 10px; padding-left: 10px }
#subnavbar ul               { background-color: #fff; list-style-type: none; list-style-position: outside; margin: -1px 0 0; padding: 0; position: relative; top: 0; left: 0; border-style: solid; border-width: 1px 1px 0 0; border-color: #d0d0d0 }
#subnavbar li              { background-color: #f3f4f2; position: relative; z-index: 110; border-style: solid; border-width: 0 0 1px 1px; border-color: #d4d4d4 }
#subnavbar li a                     { color: #666; font-size: 13px; line-height: 34px; text-decoration: none; display: block; width: 100%; border: solid 0 #fff }
#subnavbar li a:hover      { color: #000; background-color: #e7e7e7 }
#subnavbar li.actief          { border-style: solid; border-width: 0 0 1px 1px; border-color: #f00 #f00 #d0d0d0 }
#subnavbar li:hover, #subnavbar li.actief:hover      { background-color: #e7e7e7; border-style: solid; border-width: 0 0 1px 1px; border-color: #f00 #f00 #d0d0d0 }
/* level 2 */
#subnavbar ul ul                              { background-color: white; display: none; position: absolute; top: 4px; left: 100%; border-style: solid; border-width: 1px; border-color: #e7e7e7 #d0d0d0 #d0d0d0 #f00 }
#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          { background-image: none; min-width: 130px; 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; 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 }