/*** PÄÄVALIKON ALASVETOVALIKKO ***/
/*
Jos käytetään alasvetovalikkoa päävalikossa, päävalikon listan ul-elementin ympärille <div id="dropdownmenu_layout">...</div>
*/

body {
	behavior: url("/www/css/csshover.htc");
}
/*Määrittää valikon alemmat tasot menemään kyseisen parentin sijainnin mukaan*/
div#dropdownmenu_layout ul li {
	position: relative;
	display:block;
	/*float:left;*/
}
/* Alemmat valikkotasot */
div#dropdownmenu_layout li ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;	
	margin-top:0px;
	padding-top:0px;
	border-top:1px #4E4D52 solid;
}
div#dropdownmenu_layout li ul  ul{
	padding-top:0;
}
/* Alemmat valikkotasot */
#dropdownmenu_layout ul ul li {
	width: 170px;
	border-bottom:1px #4C4B50 solid;
	height:100%;
	/*float:left;*/
	/*display:block;*/
}
#dropdownmenu_layout ul ul ul li {
	border-left:none;
}
#dropdownmenu_layout ul ul ul li {
	width: 170px;
	/*border-left:1px black solid;*/
	/*border-right:1px black solid;*/
	border-bottom:1px #4C4B50 solid;
	height:auto;
	padding-top:0px;
}
#dropdownmenu_layout ul ul ul ul a {
	border:none;
}
/* pudotusvalikon linkit */
div#dropdownmenu_layout li ul li a{
	line-height:20px;
	background-image:none;
	padding:0px 10px;
	background-color:#fff;
	border-right:1px #4C4B50 solid;
	border-left:1px #4C4B50 solid;
	display:block;
	font-size:100%;
	height:100%;
}
/* kolmannen tason linkin border */
div#dropdownmenu_layout li ul ul li a{
}
/* Toinen valikkotaso */
div#dropdownmenu_layout li ul {
	position: absolute;
	left: -999em;
	width: 170px;
}
html>body div#dropdownmenu_layout li ul {
	position:absolute;
}
/* Kolmas ja alemmat valikkotasot */
div#dropdownmenu_layout ul li ul ul { 
	margin-left: 170px;
	margin-top:-21px;
}
div#dropdownmenu_layout ul li ul ul ul{ 
	margin-left: 170px;
	margin-top:-20px;
}
div#dropdownmenu_layout ul li ul li a:hover{
	background-color:#0A74B2;
}
div#dropdownmenu_layout ul li ul li a{
	background-color:#fff;
	color:#767676;
	
}
/* Piilotetaan alemmat tasot */
div#dropdownmenu_layout ul li:hover ul ul,
div#dropdownmenu_layout ul li:hover ul ul ul,
div#dropdownmenu_layout ul li:hover ul ul ul ul,
div#dropdownmenu_layout ul li:hover  a {
	left: -999em;
}

/* Tuodaan alemmat tasot esiin */
div#dropdownmenu_layout ul li:hover ul,
div#dropdownmenu_layout ul li li:hover ul{
	left: 0px;
}