﻿#mainmenu {
	position:relative;
	padding:5px 0 0 20px;
	background-color:#353896;
	height:25px;
  voice-family:"\"}\""; 
  voice-family:inherit;
	height:20px;
}
#mainmenu li {
	float:left;
	padding-right:4px;
	height:20px;
	text-indent:-1000em;
}
#mainmenu a {
	display:block;
	height:100%;
	color:#FFFFFF;
	font-weight:bold;
	background-image: url(/img/nl-NL.1/navigation1.gif);
	background-repeat: no-repeat;
}

/* Home (oude Autovakanties.) */
#mainmenu .car-holidays a {
	width:87px;
	background-position: -35px 0;
}
#mainmenu.unhovering .car-holidays a.selected,
#mainmenu .car-holidays-hover a,
#mainmenu .car-holidays a:hover {
  background-position: -35px -20px;
}

#mainmenu .travel-information a {
	width:119px;
	background-position: -122px 0;
}
#mainmenu.unhovering .travel-information a.selected,
#mainmenu .travel-information-hover a,
#mainmenu .travel-information a:hover {
  background-position: -122px -20px;
}

#mainmenu .about a {
	width:154px;
	background-position: -241px 0;
}
#mainmenu.unhovering .about a.selected,
#mainmenu .about-hover a,
#mainmenu .about a:hover {
  background-position: -241px -20px;
}

#mainmenu .about-charmeandquality a {
  width: 101px;
  background-position: -395px 0;
}
#mainmenu.unhovering .about-charmeandquality a.selected,
#mainmenu .about-charmeandquality-hover a,
#mainmenu .about-charmeandquality a:hover {
  background-position: -395px -20px;
}

#mainmenu .about-selectcamp a {
  width: 92px;
  background-position: -496px 0;
}
#mainmenu.unhovering .about-selectcamp a.selected,
#mainmenu .about-selectcamp-hover a,
#mainmenu .about-selectcamp a:hover {
  background-position: -496px -20px;
}

#mainmenu .contact a {
  width: 70px;
  background-position: -588px 0;
}
#mainmenu.unhovering .contact a.selected,
#mainmenu .contact-hover a,
#mainmenu .contact a:hover {
  background-position: -588px -20px;
}



.submenu-box,
ul.hovering .submenu-box {	
	overflow:hidden;
	position:absolute;
	top:20px;	left:976px;
	margin-top:5px;
	padding-top:5px;
	width:0;
	background-color:#FFFFFF;
}
.submenu,
ul.hovering .submenu {
	width:976px;
}
.selected .submenu-box,
ul.hovering .hover .submenu-box {
	left:0;
	width:976px; height:auto;
	z-index:99;
}
#mainmenu li .submenu li {
	float:left;
	color:#000000;
	text-indent:0;
}
#mainmenu li .submenu li a,
#mainmenu.hovering li .submenu li a.selected,
#mainmenu.unhovering li .submenu li a.selected {
	display:inline;
	margin:0 18px 0 5px;
	padding-left:15px;
	color:#353896; 
	font-weight:normal;
	background-image:url("/img/orange-bullet.gif");
	background-repeat:no-repeat;
	background-position:left 2px;
	white-space:nowrap;
	width:15px;
  voice-family:"\"}\"";
  voice-family:inherit;
	width:auto;
	background-position:left center;
}
#mainmenu.hovering li .submenu li a.selected,
#mainmenu.unhovering li .submenu li a.selected {
	font-weight:bold;
}
.submenu a:hover {
  background-position: left center !important;
}