#sddm
{	
margin: -23px 0px 0px 145px; /* top, right, bottom, left */
/*	margin-left: 0; */ 
	padding: 0;
position:absolute;

	z-index: 30



}

#sddm li
{	margin-left: 3px;	/* tabien väliin vähän rakoa */
	padding: 0; 

	list-style: none;
	float: left;
font-size:90%;
font-weight: bold;
border: 1px solid #ccc;		/* tabien ympäri harmaa reuna */
letter-spacing:1px;
/*	font: bold 11px verdana */

}

#sddm li a
{	display: block;
/*	margin: 0 1px 0 0; */
	padding: 2px 10px 2px 10px;	/* tabien tekstien yläosan/alaosan ja oikean/vasemman välit */
	width: 110px;		/* tabien leveys */
	background: #F0F0F0;	/* tabien taustaväri harmaa */
	color: #0E426C;		/* tabien teksti tumman sininen */
	text-align: center;
	text-decoration: none

}


#sddm a:visited.active	{
/*	border-bottom: 1px solid #ccc; */
	background: #0E426C;
	color: #FFFFFF;
	}


#sddm li a:hover
{	background: #0E426C;	/* tausta kun osoitin päällä */
	color: #FFFFFF;		/* fontti kun osoitin päällä */
}

#sddm a:link.active	{
/*	border-bottom: 1px solid #ffffff; */
	background: #0E426C;
	color: #FFFFFF;
	}


/* navigaation alaosan linkit */
#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #0E426C;
	border: 1px solid #ccc} /* alaosan reunojan väri */

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #F0F0F0;
		color: #0E426C;
		font: bold 11px Verdana}

	#sddm div a:hover
	{	background: #0E426C;	/* alaosan tausta kun osoitin päällä */
		color: #FFFFFF}		/* teksti väri kun osoitin päällä */