html, body { margin: 0px; padding: 0px; width: 100%; height: 100%;}

/* top */
#top_museum, #top_2wo, #top_kind {width: 100%; height: 38px; float: left;}
#top_nav2 {float: right; width: 165px;}
#logo {float: left; width: 185px;}
.logo_top {padding-left: 0px; padding-top: 0px;}
#top_nav_box { float: left; position: relative; left: 0px; top: 1px;}
#top_sub_museum img.title, #top_sub_2wo img.title, #top_sub_kind img.title {margin-left: 185px; margin-top: 17px;}
#nav_box1 {margin-left: 185px;}
#top_sub_museum, #top_sub_2wo, #top_sub_kind {width: 100%; height: 103px; float: left;z-index: 50;}

/* top nav: museum, 2wo, kinderen */
ul#top_nav {float: left; padding: 0px; margin: 0px; list-style-type: none;}
ul#top_nav li {display: inline;color: #fff; margin-right: 15px;margin-top: 18px;}

/* main nav */
#nav_box1 {height: 21px;position: relative; top: 10px; z-index: 50;}
ul {list-style-type: none; padding: 0; margin: 0;}
#nav {width: 100%;height: 21px;position: relative; /*top: 10px;*/ z-index: 50;}
#nav a { color: #000; text-decoration: none; }
#nav li li a { display: block; font-weight: normal; }
#nav li li a:hover {}
li { float: left; position: relative; padding: 0; margin: 0; }
ul li ul li{ background-color: white; }

#nav ul#level1 {z-index: 100;}
#nav ul#level1 ul.sub1 {z-index: 200;}

/* content: 3cols */
#left { float: left; width: 185px;z-index: -100; padding: 0px; margin: 0px;}
#middle{z-index: -100;}
#right { float: right; width: 165px; z-index: -100; padding: 0px; margin: 0px;}

#middle_start_kind {width: 525px;}


/* content: etc */
.passive {display: none;}
.active {display: block;}

.sub1 {z-index: 100;}