/* 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: 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: relative;
 /*  left: 0;
  top: 0;*/
  width:155px;
 /* z-index:5000;
	overflow: hidden;*/
}

.sideSubMenu .submenu_kop {
	width: 153px;
	height: 20px;
	border-left:  1px solid white;
	border-right: 1px solid white;
	border-bottom:  1px solid white;
	float:left;
	background: #ec0000 url("../gfx/menu/submenubutton.gif") no-repeat;
	color: white;
}

.sideSubMenu .submenu_kop span {
	display: none;
}

.sideSubMenu .submenu_holder {
	width: 153px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	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 */