/* MENU */

#menu
{
  position: absolute;
  z-index: 90;
  top: 80px;
  left: 37px;
  overflow:visible;
  height:auto;
  color: #FFFFFF;
}
#menu.preload { top:-100px; overflow:hidden; height:70px; }

.menu-item { position: relative; }

.tooltip
{
  display: none;
  position: absolute;
  left: 70px;
  text-indent: 0;
  padding: 1px 5px 1px 9px;
  background: none;
  color: #FFFFFF;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
  font-size: 150%;
  white-space: nowrap;
}
a:hover .tooltip { display: block;  border-left: 7px solid #FF6C00; }

/* Fix for the tooltip for IE. The hover-event cannot be used for childnodes,
 * unless something actually changes for the hover-event itself. */
a:hover { _zoom: 1; }

/* THEMA */

#thema-menu h3
{
  position: relative;
  z-index: 40;
  margin: 0 0 0 5px;
  width: 137px;
  text-indent: -1000em;
}
#thema-menu.expanded h3
{
  height: 77px;
  background-image: url("/img/thema-menu-header-kies-een-thema.gif");
}
#thema-menu.collapsed h3
{
  height: 50px;
  background-image: url("/img/thema-menu-header-thema.gif");
}

#thema-menu .toggleMenu {
  position:absolute; z-index:1000;
}

#thema-menu.collapsed .toggleMenu {
  width:130px; height:50px;
}
#thema-menu.expanded .toggleMenu {
  width:130px; height:80px;
}

#thema-menu-list .menu-item,
#thema-menu-list #thema-menu-top,
#thema-menu-list #thema-menu-bottom
{
  width: 92px; height: 93px;
  margin-left: 18px;
  padding: 3px 11px 4px 9px;
  background-image: url("/img/thema-menu-item-bg.gif");
  background-repeat: repeat-y;
  overflow:visible;
}
#thema-menu #thema-menu-top
{
  margin-top: -30px;
  padding-top: 0;
  padding-bottom: 0;
  height: 51px;
  background-image: url("/img/thema-menu-top-passive.gif");
}
#thema-menu #thema-menu-bottom
{
  position: relative;
  z-index: 30;
  padding-top: 0;
  padding-bottom: 0;
  height: 36px;
}
#thema-menu .collapsed
{
  margin-top: -13px;
  padding: 3px 0 0 0;
  height: auto;
  width: auto;
  min-width: 120px;
  max-width: 180px;
}
#thema-menu .collapsed a
{
  display: block;
  margin-left: -15%;
  _margin-left: -30px;
  _width: 190px;
  padding: 2px 8px 2px 8px;
  background-color: #004E64;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
  font-size: 180%;
  /* IE crashes on hover if zoom is not set. */
  _zoom: 1;
}
#thema-nr
{
  font-size: 120%;
  vertical-align: middle;
}
#thema-menu a:hover .tooltip
{
  bottom: 15px;
  background-color: #004E64;
}
#thema-selected.none #hoofdstuk-menus { display: none; }
#thema-menu .menu-item
{
  display: none;
  height:1px;
  padding: 0px 11px 0px 9px;
  overflow:hidden;
}
#thema-menu.collapsed div.selected
{
  display: block;
  padding: 3px 11px 4px 9px;
  height: 93px;
  overflow:visible;
}
#thema-menu.expanded #thema-menu-list.show1-4 #thema-menu-item-thema1,
#thema-menu.expanded #thema-menu-list.show1-4 #thema-menu-item-thema2,
#thema-menu.expanded #thema-menu-list.show1-4 #thema-menu-item-thema3,
#thema-menu.expanded #thema-menu-list.show1-4 #thema-menu-item-thema4,
#thema-menu.expanded #thema-menu-list.show2-5 #thema-menu-item-thema2,
#thema-menu.expanded #thema-menu-list.show2-5 #thema-menu-item-thema3,
#thema-menu.expanded #thema-menu-list.show2-5 #thema-menu-item-thema4,
#thema-menu.expanded #thema-menu-list.show2-5 #thema-menu-item-thema5,
#thema-menu.expanded #thema-menu-list.show3-6 #thema-menu-item-thema3,
#thema-menu.expanded #thema-menu-list.show3-6 #thema-menu-item-thema4,
#thema-menu.expanded #thema-menu-list.show3-6 #thema-menu-item-thema5,
#thema-menu.expanded #thema-menu-list.show3-6 #thema-menu-item-thema6,
#thema-menu.expanded #thema-menu-list.show4-7 #thema-menu-item-thema4,
#thema-menu.expanded #thema-menu-list.show4-7 #thema-menu-item-thema5,
#thema-menu.expanded #thema-menu-list.show4-7 #thema-menu-item-thema6,
#thema-menu.expanded #thema-menu-list.show4-7 #thema-menu-item-thema7,
#thema-menu.expanded #thema-menu-list.show5-8 #thema-menu-item-thema5,
#thema-menu.expanded #thema-menu-list.show5-8 #thema-menu-item-thema6,
#thema-menu.expanded #thema-menu-list.show5-8 #thema-menu-item-thema7,
#thema-menu.expanded #thema-menu-list.show5-8 #thema-menu-item-thema8,
#thema-menu.expanded #thema-menu-list.show6-9 #thema-menu-item-thema6,
#thema-menu.expanded #thema-menu-list.show6-9 #thema-menu-item-thema7,
#thema-menu.expanded #thema-menu-list.show6-9 #thema-menu-item-thema8,
#thema-menu.expanded #thema-menu-list.show6-9 #thema-menu-item-thema9,
#thema-menu.expanded #thema-menu-list.show7-10 #thema-menu-item-thema7,
#thema-menu.expanded #thema-menu-list.show7-10 #thema-menu-item-thema8,
#thema-menu.expanded #thema-menu-list.show7-10 #thema-menu-item-thema9,
#thema-menu.expanded #thema-menu-list.show7-10 #thema-menu-item-thema10
{
  display: block;
  padding: 3px 11px 4px 9px;
  height: 93px;
  overflow:visible;
}
#thema-menu.collapsed #up-scroller,
#thema-menu.expanded #thema-menu-list.show1-4 #thema-menu-top #up-scroller,
#thema-menu.collapsed #down-scroller,
#thema-menu.expanded #thema-menu-list.show7-10 #thema-menu-bottom #down-scroller,
#thema-menu.expanded .expander { display: none; }
#thema-menu #thema-menu-bottom
{
  padding: 0;
  width: 112px;
  background: none;
}
#thema-menu-top label
{
  position: absolute;
  display: block;
  margin: 0px 0px 0px -9px;
  height: 51px;
  width: 112px;
  background-image: url("/img/thema-menu-top-active.gif");
}
#thema-menu-bottom label
{
  position: absolute;
  display: block;
  margin: 0;
  height: 36px;
  width: 112px;
}
#thema-menu-bottom-bg
{
  display: block;
  margin: 0;
  height: 36px;
  background-image: url("/img/thema-menu-bottom-active.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/thema-menu-bottom-active.png", sizingMethod='crop');
}
#thema-menu-list.show7-10 #thema-menu-bottom-bg
{
  background-image: url("/img/thema-menu-bottom-passive.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/thema-menu-bottom-passive.png", sizingMethod='crop');
}

/* HOOFDSTUK */

#hoofdstuk-menus h3
{
  position: relative;
  z-index: 10;
  margin: -8px 0 0 0;
  height: 45px;
  width: 152px;
  text-indent: -1000em;
  background-image: url("/img/hoofdstuk-menu-header.png");
  /* Fix for transparant PNG's in IE */
  _background-image: none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/hoofdstuk-menu-header.png", sizingMethod='crop');
}

.hoofdstuk-menu .toggleMenu {
  margin:-35px 0 0 -25px;
  position:absolute; z-index:1000;
}

.hoofdstuk-menu-collapsed .toggleMenu {
  width:150px; height:40px;
}
.hoofdstuk-menu-expanded .toggleMenu {
  width:150px; height:40px;
}


.hoofdstuk-menu .menu-item
{
  padding: 3px 10px 4px 6px;
  height: 45px;
  width: 83px;
  margin-left: 26px;
  background-image: url("/img/hoofdstuk-menu-item-bg.gif");
  background-repeat: repeat-y;
}
.hoofdstuk-menu .hoofdstuk-menu-top
{
  margin: -11px 0 0 25px;
  padding: 0;
  height: 27px;
  width: 100px;
  overflow:hidden;
  background-image: url("/img/hoofdstuk-menu-top-passive.gif");
}
.hoofdstuk-menu .hoofdstuk-menu-bottom
{
  position:relative;
  margin: 0 0 0 25px;
  padding: 0;
  height: 32px;
  width: 100px;
}
.hoofdstuk-menu-bottom-bg
{  
  position:absolute;
  top:0;
  z-index:29;
  height: 32px;
  width: 100px;
  background-image:url(/img/hoofdstuk-menu-bottom-passive.png);
  _background-image:none;
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/hoofdstuk-menu-bottom-passive.png", sizingMethod='crop');
}
.hoofdstuk-menu .collapsed
{
  margin-top: -13px;
  padding: 5px 0 0 0;
  height: auto;
  width: auto;
}
.hoofdstuk-menu .collapsed div a
{
  display: block;
  margin-left: -20%;
  _margin-left: -30px;
  _width: 180px;
  padding: 2px 8px 2px 8px;
  background-color: #EEA800;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: normal;
  font-size: 140%;
  /* IE crashes on hover if zoom is not set. */
  _zoom: 1;
}
.hoofdstuk-menu .collapsed .image-link
{
  margin: 3px 10px 0 6px;
  height: 45px;
  width: 83px;
}

.hoofdstuk-upscroller
{
  display:block;
  height:27px;
  background-image:url(/img/hoofdstuk-menu-top-active.gif);
}
.hoofdstuk-downscroller
{
  position: relative;
  z-index: 30;
  display:block;
  height:32px;
  background-image:url(/img/hoofdstuk-menu-bottom-active.gif);
  background-repeat: no-repeat;
  background-position: 2px 0;
}
.hoofdstuk-menu a:hover .tooltip
{
  bottom: 9px;
  background-color: #EEA800;
}
.hoofdstuk-menu .menu-item
{
  display: none;
  height:1px;
  padding: 0px 10px 0px 6px;
  overflow:hidden;
}
.hoofdstuk-menu-collapsed div.selected
{
  display: block;
  padding: 3px 10px 4px 6px;
  height: 45px;
  overflow:visible;
}
#hoofdstuk-selected.none #opdracht-menus
{
  display: none;
  height:1px;
  padding-top:0px;
  padding-bottom:0px;
  overflow:hidden;
}
.hoofdstuk-menu-collapsed .hoofdstuk-upscroller,
.hoofdstuk-menu-expanded-show1-4 .hoofdstuk-upscroller,
.hoofdstuk-menu-collapsed .hoofdstuk-downscroller,
.hoofdstuk-menu-expanded .expander
{
  display: none;
  overflow:hidden;
  padding-top:0px;
  padding-bottom:0px;
  height:1px;
}
.hoofdstuk-menu-expanded .hoofdstuk-item-visible
{
  display: block;
  padding: 3px 10px 4px 6px;
  height: 45px;
  overflow:visible;
}
.hoofdstuk-menu-expanded .hoofdstuk-menu-top .visible   { height: 20px; }
.hoofdstuk-menu-expanded .hoofdstuk-menu-bottom .visible   { height: 25px; }



#hoofdstuk-selected.none .hoofdstuk-menu-collapsed .hoofdstuk-menu-top
{
  height: 3px;
}
.hoofdstuk-menu-bottom .expander
{
  position:relative;
  z-index:31;
  display: block;
  margin: 0;
  height: 32px;
  background-image: url("/img/hoofdstuk-menu-bottom-active.gif");
  background-repeat: no-repeat;
  background-position: 2px 0;
}
.hoofdstuk-menu-expanded .hoofdstuk-menu-bottom .expander
{
  display: none;
  overflow:hidden;
  height:1px;
  padding-top:0px;
  padding-bottom:0px;
}

/* OPDRACHT */

#opdracht-menus {
  margin-left:-1px;
}

#opdracht-menus h3
{
  position: relative;
  z-index: 9;
  margin: -5px 0 0 17px;
  height: 40px;
  width: 117px;
  text-indent: -1000em;
  background-repeat: no-repeat;
  background-image: url("/img/opdracht-menu-header.png");
  /* Fix for transparant PNG's in IE */
  _background-image:   none;
  _filter:             progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/opdracht-menu-header.png", sizingMethod='crop');
}

.opdracht-menu .toggleMenu {
  position:absolute; z-index:1000;
  width:120px; height:40px;
  margin:-29px 0 0 -15px;
}


.opdracht-menu .menu-item
{
  padding: 3px 10px 1px 6px;
  height: 35px;
  width: 75px;
  margin-left: 31px;
  background-image: url("/img/opdracht-menu-item-bg.gif");
  background-repeat: repeat-y;
}
#menu .opdracht-menu .menu-item a
{
  display: block;
  height: 100%;
  background-color: #FFFFFF;
  border: 1px solid #9F9F9F;
  color: #910120;
  text-align: center;
  font-family: Impact, "Arial Black", Sans-Serif;
  font-weight: bold;
  font-size: 200%;
  /* IE crashes on hover if zoom is not set. */
  _zoom: 1;
}
.opdracht-menu .opdracht-menu-top
{
  display:block;
  margin: -11px 0 0 30px;
  padding: 0;
  height: 28px!important;
  overflow:hidden;
  width: 92px;
  background-image: url("/img/opdracht-menu-top-passive.gif");
}
.opdracht-menu .opdracht-menu-bottom
{
  margin: 0 0 0 30px;
  padding: 0;
  height: 32px;
  width: 92px;
  background-image: url("/img/opdracht-menu-bottom-passive.gif");
}
.opdracht-upscroller
{
  display:block;
  height:29px;
  background-image:url(/img/opdracht-menu-top-active.gif);
}
.opdracht-downscroller
{
  position: relative;
  z-index: 30;
  display:block;
  height:32px;
  background-image:url(/img/opdracht-menu-bottom-active.gif);
}
.opdracht-menu-collapsed .visible
{
  display: none;
}
.opdracht-menu-expanded .visible,
.opdracht-menu-collapsed .selected
{
  display: block;
}
.opdracht-menu-collapsed .opdracht-menu-top
{
  height: 3px;
}
.opdracht-menu-bottom .expander
{
  display: block;
  margin: 0;
  height: 32px;
  background-image: url("/img/opdracht-menu-bottom-active.gif");
}
.opdracht-menu-expanded .opdracht-menu-bottom .expander
{
  display: none;
}