@charset "utf-8";

/******************************C5menu.v2**end************************************/
	
body{ behavior: url("/nl/themes/DutchTaxSolutions2014-NL/csshover3.htc"); } /* this allows for cross browser happy fun */

@media screen and (min-width: 1000px)
{ 
#nav { position: relative; z-index: 6; }

#nav ul {
position: relative; list-style-type: none;
width: auto; height: auto; float: left;
z-index: 6; margin: 0; padding: 0 10px; }

#nav li { width: auto; height: auto; float: left; }
#nav li:hover {  }

#nav a {
display: block; margin: 0 5px 0 0; padding: 7px 10px 7px 10px;
color: #232020; text-decoration: none; font-size: 14px;
color: #666; letter-spacing: 0.5px; -moz-border-radius: 4px; border-radius: 4px; }

#nav a:hover { background: #eaeaea; }
#nav a.nav-selected, #nav a.nav-path-selected { background: #d2d2d2; }

#nav a#pull { display: none; }
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 999px) {

#nav { }
#nav ul {
display: none; position: absolute; z-index: 3;
height: auto; padding: 0; width: 100%; margin: 1px 0 0 0; top:51px; left:0; background-color: rgba(0,0,0,0.85);
border: 1px solid #222; border-top: 0;
}
#nav li {
display: block; float: left; width: 50%;  }
#nav li a {
border: 1px solid #222; border-top: 0; display: block; color: #fff;
margin: 0 0 -1px -1px; text-align: center; font-style: 800; text-transform: uppercase;
padding: 12px 0 10px 0; font-size: 12px; text-decoration: none;
}
#nav li a:hover { color: #eaeaea; background-color: rgba(172,68,0,0.35); }
#nav li a.nav-selected, #nav li a.nav-path-selected {
 color: #eaeaea; background-color: rgba(172,68,0,0.85);
}

#nav a#pull {
display: block; border: 0; font-family:'Myriad W08 Semibold';
margin: 0 0 -1px 0; text-align: left; font-style: normal; text-transform: uppercase;
color: #d56d1f; font-size: 16px; text-decoration: none;
background-color: transparent; font-size: 12px;
width: 100%; padding: 19px 0 17px 12px; margin: 0; 
position: relative;
}
#nav a#pull:after {
content:"";
background: url(/nl/themes/DutchTaxSolutions2014-NL/images/nav-icon.png) no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 12px;
top: 16px;
}
}

/******************************MakeDropDowns************************************/
	
#nav ul li > ul {  top: 30px; left: auto; } 

	#nav ul ul {
	position: absolute;
	z-index: 500;
	width: 180px; height: auto;
	margin: 0 0 0 1px; padding: 0;
	left: 0;
	top: 0px; border-top: #fff 5px solid;
	z-index: 15;
	background: #defcfe;
	background: -webkit-linear-gradient(#fff, #defcfe); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #defcfe); /* For Opera 11.6 to 12.0 */
    background: -moz-linear-gradient(#fff, #defcfe); /* For Fx 3.6 to 15 */
    background: linear-gradient(#fff, #defcfe); /* Standard syntax (must be last) */
	}
	#nav ul li ul li { position: relative; border: 0; width: 180px; height: auto; display: block; padding: 0; margin: 0;border-bottom: #d2d2d2 1px solid; }
	#nav ul li ul li a {
	color: #262626;
	margin: 0; padding: 8px 15px;
	width: 150px; height: auto;	
	text-decoration: none;
	display: block;
	border: 0;
	text-transform: none;
	text-align: left;
	float: left;font-size: 13px; letter-spacing: 0px; 
	-moz-border-radius: 0; border-radius: 0;
	
	}
	#nav ul li ul li a:hover { color: #fff; background: rgba(0,0,0,0.35) }
	#nav ul li ul li a.nav-selected { color: #fff; background: rgba(0,0,0,0.25) }
	
		

/* hide/reveal */
	#nav ul ul,
	#nav ul li:hover ul ul,
	#nav ul ul li:hover ul ul { display: none; }
	
	#nav ul li:hover ul,
	#nav ul ul li:hover ul,
	#nav ul ul ul li:hover ul { display: block; }


/******************************************************************/