@charset "utf-8";
/* CSS Document */
/* CSS Document */
*{margin:0;padding:0;border:none;}

/* Begin CSS Popout Menu */

#menu{
	position:absolute;
	z-index:102;
	margin-top:82px;
	width:763px;
	height:35px;
}

#menu a, #menu span{
	display:block;
	margin:0;
}

#menu a.level0 {
	display:block;
	height:35px;
	padding:0;
	voice-family: "\"}\""; 
  	voice-family: inherit;
	background-repeat:no-repeat;
	background-position: 0 -1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:30px;
	color:#777;
	font-weight:normal	
}

#menu a.level0:hover, #menu a.active  {
	color:#18A6F8
}

#menu .level0 span{
	/*visibility:hidden*/
}

#menu .submenu_1:hover{
	background-position: 0 -28px;
}

#menu a#menu_item_3 {
	width:190px;
	/*background-image:url(../images/menu_touring.jpg);*/
}

#menu a#menu_item_5 {
	width:150px;
	/*background-image:url(../images/menu_bus_vlieg_reizen.jpg);*/
}

#menu a#menu_item_8 {
	width:115px;
	/*background-image:url(../images/menu_verre_reizen.jpg);*/
}

#menu a#menu_item_9 {
	width:89px;
	/*background-image:url(../images/menu_cruises.jpg);*/
}

#menu a#menu_item_10 {
	width:99px;
	/*background-image:url(../images/menu_reisbureau.jpg);*/
}

#menu li a {
	text-decoration:none;
	font-size:0.9em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

#menu img {
	vertical-align:middle;
	margin-right:4px;
}

#menu .level1, #menu .level2{
	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
	width:148px;
	color:#CCC;
	padding-left:22px;
	line-height:25px;
	height:25px;
	background-image:url(../images/menu_arrows.gif);
	background-repeat:no-repeat;
	background-position:5px 0;
}

#menu .level1:hover, #menu .level2:hover{
	color:#DDD;
	background-position:5px -25px;
}


#menu .hasItems{
	
	background-image:url(../images/menu_arrows_has_items.gif);
	background-repeat:no-repeat;
	background-position:5px 0;
}

#menu .hasItems:hover{
	background-position:5px -25px;
}

#menu .section{
	width:170px;
	padding:0;
}

#menu .sectionSpacer{
	height:3px;
	font-size:1px;
	width:150px;
	display:block;
	background-image:url(../images/spacer3.gif);
	padding-left:20px;
}

#menu .spacer{
	height:3px;
	font-size:1px;
	width:150px;
	display:block;
	background-image:url(../images/spacer2.gif);
	padding-left:20px;
}

#menu .first {
	/*border-top:1px solid #111;*/
}

#menu .last{
	/*border-bottom:1px solid #111;*/
}


#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#menu li{
	position:relative;
	float:left;
}

#menu ul ul{
	width:170px;
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	background-image:url(../images/bg_black_trans.png);
}

#menu ul ul ul{
	width:170px;
	position:absolute;
	left:170px;
	top:0;
}



/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu li:hover {
	cursor:pointer;
	z-index:100;
}

div#menu li:hover .mainItem{
	background-position: 0 -28px;
}

div#menu .mainItem li:hover .subItem{
	background-position: 5px -17px;
}

/*
div#menu li li:hover .subItem{
	background-position:5px -17px;
}

div#menu li li:hover li .subItem{
	background-position:5px 0;
}
*/



div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}


#siteMap ul{
	list-style:disc;
	text-indent:10px;
	margin:15px;
}

#siteMap li{
	
}