#navigation {

    width:849px;
	height: 64px;
	overflow: hidden;
    background:#e0e0e0;
    font-size:100%;
    line-height:normal;
	color: #7d0049;
    }
  #navigation ul {
    margin:0;
    padding:10px 0px 0px;
    list-style:none;
    }

  #navigation li {
    float:left;
	background:url("../images/nav/left_both.jpg") no-repeat left top;
    margin:0;
    padding:0 0 0 12px;
	margin-left: 2px;
    }
	#navigation li.li-first{
		margin-left: 0px;
	}
	#navigation #current {
	  background-position:0% -150px;
	  }
	#navigation #current a {
	  background-position:100% -150px;
	  }

#navigation a {
  float:left;
  display:block;
  width:.1em;
  background:url("../images/nav/right_both.jpg") no-repeat right top;
  padding:25px 35px 15px 25px;
  text-decoration:none;
  color:#7d0049;
  }
 #navigation > ul a {width:auto;}
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #navigation a {float:none;}
  /* End IE5-Mac hack */

 #navigation li:hover, #navigation li:hover a {
  background-position:0% -150px;
  color:#7d0049;
  }
#navigation li:hover a {
  background-position:100% -150px;
  }
#home #nav-home,
#kantoor #nav-kantoor,
#advocaten #nav-advocaten,
#werkwijze #nav-werkwijze,
#av #nav-av,
#links #nav-links,
#contact #nav-contact{
  background-position:0% -150px;
  }
#home #nav-home a,
#kantoor #nav-kantoor a,
#advocaten #nav-advocaten a,
#werkwijze #nav-werkwijze a,
#av #nav-av a,
#links #nav-links a,
#contact #nav-contact a{
  background-position:100% -150px;
  }