/*** DEMO SKIN ***/
.sf-menu {
  float:      left;
}
.sf-menu a {
  text-decoration:none;
  padding: .50em 1em;
  text-align:left;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color:      #000000;
}
.sf-menu li {
  background:   #FFFFFF;
}
.sf-menu li li {
  background:   #FFFFFF;
  border-top: 1px solid #CCCCCC;
}
.sf-menu li ul  {
  border: 1px solid #CCCCCC;
}
.sf-menu li li li {
  background:   #FFFFFF;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
  background:   #0185B6;
  outline:    0;
  color: white;
  text-decoration:none;
}
#menuitem8 > a {
	padding: 0;
  height: 45px;
  width: 88px;
  background: url("../images/welkom_of.jpg")
}
#menuitem8 > a:hover {
  background: url("../images/welkom_on.jpg")
}
.sf-menu > li > ul {
	margin-top: 13px;
}
#menuitem9 > a {
	padding: 0;
  height: 45px;
  width: 87px;
  background: url("../images/diensten_of.jpg")
}
#menuitem9  > a:hover {
  background: url("../images/diensten_on.jpg")
}
#menuitem6 > a {
	padding: 0;
  height: 45px;
  width: 86px;
  background: url("../images/portofolio_of.jpg")
}
#menuitem6 > a:hover {
  background: url("../images/portofolio_on.jpg")
}
#menuitem5 > a {
	padding: 0;
  height: 45px;
  width: 70px;
  background: url("../images/links_of.jpg")
}
#menuitem5 > a:hover {
  background: url("../images/links_on.jpg")
}
#menuitem7 > a {
	padding: 0;
  height: 45px;
  width: 198px;
  background: url("../images/contact_of.jpg")
}
#menuitem7 > a:hover {
  background: url("../images/contact_on.jpg")
}

.sf-sub-indicator {
  background:   none;
}