#vvnavi { 
	    margin: 0px 10px 20px 15px;
    width: 235px;
    font-family: 'Roboto', Verdana, sans-serif;
    font-size: 1.1em;
    text-transform: uppercase;
	/*background-image:url(navi1tausta.gif);
	background-repeat:repeat-y;*/

}

#vvnavi a:link{ 
text-decoration: none; 
border-bottom: solid 2px #00000000;
transition: color 0.3s ease-in-out;


}

#vvnavi a:active { text-decoration: none; }
#vvnavi a:visited { text-decoration: none; }
#vvnavi a:hover {  text-decoration: none; color: #616161; 

  }

#navi1header {
	    /* background-image: url(navi1header.gif); */
    background-repeat: no-repeat;
    height: 5px;
    border-top: 0px solid #000;
    overflow: hidden;
}
#navi1footer {
	/*background-image:url(navi1footer.gif);*/
 background-repeat: no-repeat;
    height: 5px;
    border-top: 1px solid #000;
    overflow: hidden;
}
.naviastia1modotsikko {  }
.naviastia1val { 
    margin: 0px 0px 6px 5px;
    padding: 8px 11px 7px 5px;
	background-color: #000;
	/*background-image:url(navinuoli1val.gif);
	background-repeat:no-repeat; */
}
.naviastia1url { 
	margin:0px 0px 0px 5px; 
	padding:0px 20px 6px 5px;
}
.naviastia1valiotsikko { padding:3px 0px 3px 0px; border-bottom: 1px dotted #cccccc; }
.navi1tyhjavali {
/*background-image: url(tausta-tyhja-vali.gif); */
    background-repeat: no-repeat;
    height: 10px;
    margin-bottom: 13px;
    overflow: hidden;
    border-bottom: 1px solid #000;
}


.navival1 { 
color: #dedede;
font-weight: 400;
font-family: Druk Text Wide Web;
font-size: 12px;
letter-spacing: 0.5px;

}



.naviurl1 { 
	color: #000; 
	font-weight: 700;
}

.navivaliotsikko1 { 
	color: #987851; 	
	font-weight: 700;
}

span.ale {
    background-color: #a20bd4;
    font-family: 'Druk Text Wide Web', 'sans-serif';
    color: #fff;
    font-size: 1.5em;
    letter-spacing: 1.5px;
    padding: 5px;
}