/*+----------------------+*/
/*| DHTML valikon tyylit |*/
/*+----------------------+*/
#nav {
	clear:both;
	position:relative;
	margin:0;
	padding:0em;
	line-height:1em;
	z-index:1000;
	}
#nav ul { list-style-type:none; }
	
	#nav ul li { 
		float:left;
		position:relative;
		margin:0;
		padding: 0em;
		padding-left:1em;
		display:inline;
		z-index:100;
		
	}
	#nav a {display:block;overflow:hidden;text-align:left;}
	.naviDefault #nav a {width:155px;}
	.naviWide #nav a {width:250px;}
		.naviWide #nav ul ul a {width:155px;}
	#nav a img { float:left;clear:both;z-index:1000;}
	#nav ul li.menu_first { border:none;z-index:1001;}
	#nav ul li.menu_first:hover { border:none;}
	#nav ul li a  { color:#ffffff; text-decoration:none;font-weight:bold; }
	#nav ul li a:hover { text-decoration:underline;}
	#nav ul li a.current { text-decoration:underline;}
	
	#nav a:hover { background-color:#7F1F39; }/*IE*/
	#nav img:hover { background-color:#7F1F39; }/*FF*/
		#nav ul li a:hover { background-color:#7F1F39; text-decoration: none;}

#nav ul ul ul {
	position:absolute;
	top:2px;	
	left:160px;
	padding: 0px 0px 12px 0px;
	margin: auto;
	width: 170px;
	background:rgb(127, 31, 57);
	border:4px solid rgb(111, 14, 43);
  	z-index:1000;
  }
#nav ul li ul li { 
	position:relative;
	width:100%;
	padding:0;
	margin:0.2em 0em;
	text-align:left;
	z-index: 10001;
	}
#nav li ul { margin-left: 1em;}	
#nav li li a { font-size: 11px;font-weight: bold; padding-bottom: 0.2em;}	

#nav li ul li ul li { border-bottom: none;}
#nav li li li {  border-top:1px solid rgb(109, 31, 50);border-left:1px solid rgb(109, 31, 50); }
#nav ul li ul li ul { left: 160px; top: 0px;}
#nav ul li li li ul li { display:block;margin:0em;padding:0.2em 0em;z-index:10000;}
#nav li li a { padding: 0.3em 0em 0.3em 0.2em; }
#nav ul li li li a {
    display:block;
	margin: 0em 0em;
	padding: 0.5em 0em 0.5em 1em;
	color: #ffffff;
 	font-size: 11px;
  	background: none;
	border:none;
	text-decoration:none;
}
	#nav li li a:hover { color:#ffffff; background:#7F1F39;}	
	#nav li li li a:hover { background: #a30030;  text-decoration: none; }

	/* if element has childs, arrow is shown */
	#nav li.hasChild {  background: url(/pics/arrow-navi.gif) 145px 5px no-repeat;}
	#nav li.hasChild li.hasChild {  background: url(/pics/arrow-navi.gif) 150px 8px no-repeat;_background: url(/pics/arrow-navi.gif) 160px 8px no-repeat;}
	
	#nav li.hasChild a:hover {  background:#7F1F39  url(/pics/arrow-navi.gif) 145px 5px no-repeat;}
	#nav li.hasChild li a:hover { background: #a30030;}
	#nav li li.hasChild li.hasChild a:hover {  background:#a30030  url(/pics/arrow-navi.gif) 150px 8px no-repeat;} 
	#nav li li.hasChild li.hasChild li a:hover { background:#a30030;}
#menu ul ul { visibility:hidden; }