/* in algemeen css zit de #menuholder, en daarin zitten onderstaande div-classes */

.menuback {
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
	background: url("../gfx/menu/menuback.png") repeat-x; 
  z-index: 3;
  overflow: hidden;
}

.menu {
  position: absolute;
  width: 65px;
  height: 100%;
  left: 15px;
  top: 15px;
  z-index: 5;
/*  padding-top:10px;*/

}

.menushadow {
  position: absolute;
  left: 0;
  top: 387px;
  width: 82px;
  height: 96px;
  z-index: 6;
}

.menu ul, .menu li {
  display:inline;
  padding:0px;
  margin:0px;
  text-decoration:none;
}

.menu li a {
  display:block;
  text-decoration:none;
  color: white;
  height:65px;
  width:65px;
	overflow: hidden;
  border: 1px solid #fff;
  margin: 5px auto 5px auto ;
  background-color: #3f6;
}

.menu li a:hover {
  border: 1px solid #f00;
}

.menu .menua h2 {
	display: block;
  width: 130px;
  padding-left: 4px;
  margin: 0;
  height: 18px;
  background-color: #ec0000;
  color: white;
  font-size: 11px;
  font-weight: normal;
}

.menu .menua img {
  border: 0;
  margin: 0;
  float: left;
}

.menu li a span {
  display:none;
}

.menu li a img {

}

.submenuLi {
	width: 130px;
	height: 80px;
}

.submenuLi h2 {
	display: block;
  width: 130px;
  margin: 0;
  height: 18px;
  color: white;
  font-size: 12px;
  font-weight: normal;
}

.submenu {
  position: absolute;
  z-index: 10;
}

/*NIEUW ------------------ sideSubMenu */

.sideSubMenu, .sideSubMenu .submenu_holder ul, .sideSubMenu .submenu_holder li, .sideSubMenu .submenu_kop ul, .sideSubMenu .submenu_kop li {
  margin:0;
  padding:0;
  display:inline;
}

.sideSubMenu {
  position: absolute;
  left: 0;
  top: 0;
  width:155px;
  z-index:5000;
	overflow: hidden;
}

.sideSubMenu .submenu_kop {
	width: 153px;
	height: 20px;
  border-width:0px 0px 0px 1px;
	border-style:solid;
  border-color: #fff;
  position: absolute;
	background: #16425b url("../gfx/menu/submenubutton.gif") no-repeat;
	color: white;
	top: 0px;
	left: 0px;
	z-index: 2;
  
}

.sideSubMenu .submenu_kop span {
	display: none;
}

.sideSubMenu .submenu_holder {
	position: absolute;
	width: 153px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	left: 0px;
	top: 21px;
	z-index: 1;
	background-color: #ccc;
}

/* li background heeft ie 6 fix in ie6_fixes.css */
.sideSubMenu .submenu_holder li {
  float:left;
  width:153px;
  height:20px;
  display:block;
	border-bottom: 1px solid white;
	overflow: hidden;
}


.sideSubMenu .submenu_holder li a {
  float:left;
  width: 143px;
  height:20px;
  display:block;
	padding-left: 10px;
	color: #515050;
	text-decoration: none;
	background: #999 url("../gfx/menu/submenuback.gif") no-repeat;
}

.sideSubMenu .submenu_holder li a:hover, .sideSubMenu .submenu_holder li a.selected {
	color: #000;
	text-decoration: none;
	background: #ccc url("../gfx/menu/submenuback_hover.gif") no-repeat;
}







