/* Stylesheet voor het logo en menu */
.logo{
  background-image:url(../images/ps_logo.png);
  width: 288px;
  height: 55px;
  margin-right: 40px;
  margin-top: 19px;
  *margin-top: 4px;
  float: left;
}

/* menu div */
.menu{
  background-image:url(../images/ps_logo_back.png);
  background-repeat: repeat-x;
  width: 648px;
  height: 55px;
  margin-top: 19px;
  *margin-top: 4px;
  float: left;
  z-index: 100;
}

/* Een UL in een li krijgt de volgende opmaak en niet zichtbaar */
.menu li ul {
  position: absolute;
  display: none; 
  height: 15px;
  width: 600px;
  left: -20px;
  top: 0px;
}

.menu li ul li ul{
  position: absolute;
  background-color: #B9B2A8; 
  height: 15px;
  width: 300px;
  left: 0px;
  top: 0px;
}

.menu li ul li ul li a{
	color: #000000;
}

/* Als je over een li heen gaat wordt de ul erin pas zichtbaar */
li:hover ul {
   display: inline;
}

/* menu eeste ul op zijn plek zetten */
.menu ul {
  margin-top: 15px;
  padding-top: 5px;
  
}

.menu ul li{
  padding-bottom: 5px;
  }
  
.menu ul li ul li{
	padding-bottom: 5px;
  }
  
.menu ul li ul li ul{
	padding-top: 2px;
  height: 15px;
  }

/* menu eeste ul items */
.menu ul li{
  display: inline;
  position: relative;
  margin-right: 22px;
  margin-left: 10px;
}

/* menu eeste ul items als link */
.menu ul li a{
  font-family: arial; 
  font-weight: bold;
  color: #b9afa4;
  font-size: normal;  
  text-decoration: none;
}

.menu ul li a:hover{
  color: #000000;
}

.menu ul li ul li a{
  color: #b9afa4;
}

.menu ul li ul li a:hover{
  color: #ffffff;
}

.menu ul li .activeitem {
  color: #000000;
}

.menu ul li .activeitem a{
  color: #000000;
}
.activesubitem {
	color: #ffffff;
}