/* 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;
	/*  -moz-opacity: .4;
	filter: alpha(opacity=40); 
	opacity: .4;*/
	z-index: 3;
	overflow: hidden;
}

.menu {
	position: absolute;
	width: 65px;
	height: 100%;
	left: 8px;
	top: 7px;
	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 #d170a3;
}

.menu .menua h2 {
	display: block;
	width: 130px;
	padding-left: 4px;
	margin: 0;
	height: 18px;
	background-color: #d170a3;
	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: 19px;
	border: 1px solid white;
	position: absolute;
	background: #d071a3 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;
}
/*------------------ sideSubMenu 
.sideSubMenu, .sideSubMenu ul, .sideSubMenu li {
  margin:0;
  padding:0;
  display:inline;
}

.sideSubMenu {
  position: absolute;
  left: 0;
  top: 0;
  width:69px;
  height:442px;
  z-index: 300;
}
*/ /* li background heeft ie 6 fix in ie6_fixes.css 
.sideSubMenu li {
  float:left;
  width:71px;
  height:69px;
  display:block;
  background: url("../gfx/sidemenu/libackground.png");
}

.sideSubMenu li span{
   display:none;
}

.sideSubMenu li a {
  float:left;
  width:64px;
  height:63px;
  display:block;
}
*/ /* -----------------------  het project submenu */
	/*.submenu_project a {
  background: url("../gfx/sidemenu/project/project.gif") no-repeat;
}

.submenu_project a:hover, .submenu_project a.selected {
  background: url("../gfx/sidemenu/project/project_hover.gif") no-repeat;
}*/ /* -----------------------  end project submenu */
	/* -----------------------  woningen  submenu */
	/*.submenu_impressies a {
  background: url("../gfx/sidemenu/woningen/impressies.gif") no-repeat;
}

.submenu_impressies a:hover, .submenu_impressies a.selected {
  background: url("../gfx/sidemenu/woningen/impressies_hover.gif") no-repeat;
}

.submenu_beschrijving a {
  background: url("../gfx/sidemenu/woningen/beschrijving.gif") no-repeat;
}

.submenu_beschrijving a:hover, .submenu_beschrijving a.selected {
  background: url("../gfx/sidemenu/woningen/beschrijving_hover.gif") no-repeat;
}

.submenu_hetgebouw a {
  background: url("../gfx/sidemenu/woningen/hetgebouw.gif") no-repeat;
}

.submenu_hetgebouw a:hover, .submenu_hetgebouw a.selected {
  background: url("../gfx/sidemenu/woningen/hetgebouw_hover.gif") no-repeat;
}

.submenu_kavelkaart a {
  background: url("../gfx/sidemenu/woningen/kavelkaart.gif") no-repeat;
}

.submenu_kavelkaart a:hover, .submenu_kavelkaart a.selected {
  background: url("../gfx/sidemenu/woningen/kavelkaart_hover.gif") no-repeat;
}

.submenu_prijslijst a {
  background: url("../gfx/sidemenu/woningen/prijslijst.gif") no-repeat;
}

.submenu_prijslijst a:hover, .submenu_prijslijst a.selected {
  background: url("../gfx/sidemenu/woningen/prijslijst_hover.gif") no-repeat;
}


.submenu_plattegronden a {
  background: url("../gfx/sidemenu/woningen/plattegronden.gif") no-repeat;
}

.submenu_plattegronden a:hover, .submenu_plattegronden a.selected {
  background: url("../gfx/sidemenu/woningen/plattegronden_hover.gif") no-repeat;
}
*/ /* -----------------------  end woningen  submenu */
	/* -----------------------  ligging submenu */ /*.submenu_ligging a {
  background: url("../gfx/sidemenu/ligging.gif") no-repeat;
}

.submenu_ligging a:hover, .submenu_ligging a.selected {
  background: url("../gfx/sidemenu/ligging_hover.gif") no-repeat;
}

.submenu_locatie a {
  background: url("../gfx/sidemenu/omgeving/locatie.gif") no-repeat;
}

.submenu_locatie a:hover, .submenu_locatie a.selected {
  background: url("../gfx/sidemenu/omgeving/locatie_hover.gif") no-repeat;
}

.submenu_locatie_txt a {
  background: url("../gfx/sidemenu/omgeving/locatie_txt.gif") no-repeat;
}

.submenu_locatie_txt a:hover, .submenu_locatie_txt a.selected {
  background: url("../gfx/sidemenu/omgeving/locatie_txt_hover.gif") no-repeat;
}

.submenu_googleanim a {
  background: url("../gfx/sidemenu/googleanim.gif") no-repeat;
}

.submenu_googleanim a:hover, .submenu_googleanim a.selected {
  background: url("../gfx/sidemenu/googleanim_hover.gif") no-repeat;
}*/ /* -----------------------  end woningen  submenu */
	/* -----------------------  algemeen submenu */ /*.submenu_contact a {
  background: url("../gfx/sidemenu/algemeen/contact.gif") no-repeat;
}

.submenu_contact a:hover, .submenu_contact a.selected {
  background: url("../gfx/sidemenu/algemeen/contact_hover.gif") no-repeat;
}

.submenu_links a {
  background: url("../gfx/sidemenu/algemeen/links.gif") no-repeat;
}

.submenu_links a:hover, .submenu_links a.selected {
  background: url("../gfx/sidemenu/algemeen/links_hover.gif") no-repeat;
}*/ /* -----------------------  end algemeen  submenu */
	/* ----------------------- interesse submenu */
	/*.sideSubMenu li.submenu_interesse {
  width:71px;
  height:29px;
  background: url("../gfx/sidemenu/li_interesse_background.png");
}

.sideSubMenu li.submenu_interesse a {
  float:left;
  width:65px;
  height:23px;
  display:block;
}

.submenu_interesse a {
  background: url("../gfx/sidemenu/interesse.png") no-repeat;
}

.submenu_interesse a:hover, .submenu_interesse a.selected {
  background: url("../gfx/sidemenu/interesse.png") no-repeat;
}

*/ /* -----------------------  end interesse  submenu */