.instance {
  position: absolute;
}

.instance span, .menu ul span h2 {
  display: none;
}

.instance li a span {
  display: block;
  float: left;
}

.instance .menu {
  padding: 0;
}

.menuItems a {
  display: block;
  text-decoration: none;
  font: 9pt Verdana, Arial, Helvetica, "Trebuchet MS", Tahoma,  sans-serif;
  font-weight:normal;
  color: #fff;
  height: 18px;
}

.menuItems a:hover {
  text-decoration: underline;
}

/* -------------------------------------  instance het plan */
.instance_hetplan {
left:64px;
top:-16px;
}


.instance_hetplan .menu, .het_plan .menu {
  float: left;
   background:transparent url(../gfx/menu/bg_menuitem_hetplan.png) no-repeat scroll left top;
}

.het_plan .menu {
   margin-left:14px;
}
/* -------------------------------------  instance de omgeving */

.instance_deomgeving {
left:245px;
top:-16px;
}

.instance_deomgeving .menu, .de_omgeving .menu {
   float: left;
  background:transparent url("../gfx/menu/bg_menuitem_deomgeving.png") no-repeat scroll left top;
}

/* -------------------------------------   instance woningen */
.instance_dewoningen {
left:64px;
top:209px;
}

.instance_dewoningen .menu, .de_woningen .menu {
  float:left;
  background:transparent url(../gfx/menu/bg_menuitem_dewoningen.png) no-repeat scroll left top;
}

/* -------------------------------------  instance meer info */
.instance_meerinfo {
left:245px;
top:209px;
}

.instance_meerinfo .menu, .meer_informatie .menu {
   background: transparent url( ../gfx/menu/bg_menuitem_meerinfo.png) no-repeat scroll left top;
   float: left;
}

/* -------------------------------------  instance meer community */
.instance_community {
left:245px;
top:209px;
}

.instance_community .menu, .de_community .menu {
   background: transparent url( ../gfx/menu/bg_menuitem_decommunity.png) no-repeat scroll left top;
   float: left;
}

/* -------------------------------------  ul menu */
ul.menuItems{
 padding:17px 0 0 17px;
 height:193px;
   width:153px;
   display:block;
}

ul.menuItems:hover, .de_omgeving .menuItems, .het_plan .menuItems, .meer_informatie .menuItems, .de_community .menuItems, .de_woningen .menuItems{
   padding-top:17px;
   height:193px;
   background:transparent url(../gfx/menu/bg_menuitem_hover.png) no-repeat scroll left top;
   display:block;
}

 ul.menuItems > li{
   display:block;
   width:165px;
   overflow:hidden;
   text-indent:-9000px;
}

 ul.menuItems ul.ul_subsub > li{
   text-indent:-9000px;
}

 ul:hover > li,  ul:hover > ul.ul_subsub > li, .de_omgeving ul > li,
    .het_plan  ul > li, .het_plan  ul > ul.ul_subsub > li,
    .meer_informatie ul > li,
    .de_community ul > li, .de_community  ul > ul.ul_subsub > li,
     .de_woningen ul > li, .de_woningen  ul > ul.ul_subsub > li{
   display:block;
   /*width:165px;*/
   overflow:hidden;
    text-indent:0px;
}

.menuItems .selected{
text-decoration:underline;
   color:#FFFFFF;
}