/* 

Version: 1.2 Trelin/KAM
(13 12 2006)

/********** Body ja ylätabmenu */

.hoover tr:hover {
background-color: #ffffd6;
}

body {
	padding: 0;
	margin: 0;
	font: 70%  verdana, tahoma, sans-serif;
	background: #fff url(tausnao.png) top left repeat-x;
	background-attachment: fixed; 
	color: #707070;
	border-left: 0px solid #EED740;
	}

a {
	text-decoration: none;
	color: #0066cc;
	}

a:hover {
	text-decoration: underline;
	}

.huomautus 	{ 
 	COLOR: #FF6600; 
	FONT: 11px verdana, arial, sans-serif; 
	font-weight: normal
	}
	
.pikkuteksti { 
 	COLOR: #2e2e2e; 
	FONT: 10px  verdana, arial, sans-serif; 
	font-weight: normal 
	}
	
.subscript { 
 	COLOR: #999999; 
	FONT: 9px verdana, arial, sans-serif; 
	font-weight: normal 
	}
	
.pikkuotsikko { 
	COLOR: #0066cc; 
	FONT: 12px verdana, arial, sans-serif; 
	font-weight: bold 
	}

#toptabs {
	margin: 12px auto -8px auto;
	font: 10px  verdana, tahoma, sans-serif;
	width: 800px;
	}

#toptabs p {
	text-align: right;
	color: #808080;
	}

.toptab {
	padding: 3px 5px 3px 5px;
	margin: 10px 0 0 -3px;
	text-decoration: none;
	background: #1394B4 url(nurkka2.jpg) top right no-repeat;
	color: #FFF;
	}

.toptab:hover {
	background: #fff url() top right no-repeat;
	color: #000;
	text-decoration: none;
	}

.activetoptab {
	text-decoration: underline;
	}

.activetoptab:hover {
	text-decoration: none;
	}

#kontti {
	margin: 0 auto 0 auto;                 
	width: 760px;
	padding: 5px 20px 20px 20px; 
	background: #fff url(banneri_nao.jpg) top left repeat-x;
	}


/********** DROPPARIMENUSYSTEEMI **********/

/* Listaobjektit */
ul#tasomenu   {
  	margin: 12px 0 0 -20px;
  	border: 0;
  	padding: 0;
  	width: 760px; /*--> KHTML*/
  	list-style: none;
  	height: 24px;
  	z-index: 1;
	}

ul#tasomenu li {
  	margin: 0 0 0 0;
  	border: 0;
  	padding: 0;
  	float: left; /*Gecko*/
  	display: inline;
  	list-style: none;
  	position: relative;
	}

ul#tasomenu ul {
  	margin: 0;
  	padding: 0;
  	width: 197px;
  	list-style: none;
  	display: none;
  	position: absolute;
  	top: 24px;
  	left: 0;
	}

ul#tasomenu ul li {
  	float: none; /*For Gecko*/
  	display: block !important;
  	display: inline; /*For IE*/
  	height: 24px;
	}

/* Päämenu */
ul#tasomenu a {
	padding: 0 6px;
	text-decoration: none;
	font: 11px/24px verdana, tahoma, helvetica, sans-serif;
	color:#fff;
	background: #0E98B4 url(nurkka.gif) top right no-repeat;
	border-bottom: 0px solid #eee;
	border-left: 1px solid #ddd;
	border-top: 0px solid #eee;
	float: none !important; /*Opera*/
  	float: left; /*IE*/
  	display: block;
  	text-decoration: none;
  	font-weight: normal;
  	height: auto !important;
  	height: 1%; /*IE ->6*/
	}

#tasomenu tanakka {
	color: #003366;
	font-size: 150%;
	}

/* Päämenu Hover */
ul#tasomenu a:hover, 
ul#tasomenu li:hover a, 
ul#tasomenu li.iehover a {
  	color:#000;
	text-decoration: none;
	border-left: 1px solid #ddd;
	background: #ECD655 url() top right no-repeat;
	}

/* 2. Menu */
ul#tasomenu li:hover li a,
ul#tasomenu li.iehover li a {
  	font: 10px/24px Verdana, Tahoma, Helvetica, sans-serif;
  	line-height: 24px;
  	float: none;
  	background: #ffffff;
  	color: #000000;
  	border-bottom: 1px solid #ccc;
  	border-left: 1px solid #ccc;
  	border-right: 1px solid #ccc;
  	border-top: 1px solid #ccc;  
	}

/* 2. Menu Hover */
ul#tasomenu li:hover li a:hover,
ul#tasomenu li:hover li:hover a,
ul#tasomenu li.iehover li a:hover,
ul#tasomenu li.iehover li.iehover a {
  	background: #ffffcc;
  	color: #000000;
  	border-bottom: 1px solid #ccc;
  	border-left: 1px solid #ccc;
  	border-right: 1px solid #ccc;
  	border-top: 1px solid #ccc; 
	}

/* 3. Menu */
ul#tasomenu li:hover li:hover li a,
ul#tasomenu li.iehover li.iehover li a {
  	border-left: none;
  	border-bottom: 1px solid #ccc;
  	border-left: 1px solid #ccc;
  	border-right: 1px solid #ccc;
  	font: 10px/24px Verdana, Tahoma, sans-serif;
  	background: #ffffff;
  	color: #000000;
	}

/* 3. Menu Hover */
ul#tasomenu li:hover li:hover li a:hover,
ul#tasomenu li:hover li:hover li:hover a,
ul#tasomenu li.iehover li.iehover li a:hover,
ul#tasomenu li.iehover li.iehover li.iehover a {
  	background: #ffffcc;
  	color: #000000;
	}

/* 4. Menu */
ul#tasomenu li:hover li:hover li:hover li a,
ul#tasomenu li.iehover li.iehover li.iehover li a {
  	font: 9px/24px Verdana, Arial, Helvetica, sans-serif;
  	background: #ffffff;
  	color: #000000;
	}

/* 4. Menu Hover */
ul#tasomenu li:hover li:hover li:hover li a:hover,
ul#tasomenu li.iehover li.iehover li.iehover li a:hover {
  	background: #ccc;
  	color: #000000;
	}

ul#tasomenu ul ul,
ul#tasomenu ul ul ul {
  	display: none;
  	position: absolute;
  	top: 0;
  	left: 196px;
	}

/* Älä muuta - täytyy olla ennen "display:block"ia Gecko-selaimia varten */
ul#tasomenu li:hover ul ul, 
ul#tasomenu li:hover ul ul ul, 
ul#tasomenu li.iehover ul ul, 
ul#tasomenu li.iehover ul ul ul  {
  	display: none;
	}

ul#tasomenu li:hover ul,
ul#tasomenu ul li:hover ul,
ul#tasomenu ul ul li:hover ul,
ul#tasomenu li.iehover ul,
ul#tasomenu ul li.iehover ul,
ul#tasomenu ul ul li.iehover ul {
  	display: block;
	}

/*---------------------------------- Dropparimenun hengari*/

#menuripustin {
    position: relative;
    z-index: 2;
    text-align: left;
	padding:0px; 
	width:100%; 
	background:url('') repeat-x bottom; 
	height:24px; margin-top0px; 
	margin-left:0px; 
	margin-right:0px; 
	margin-bottom:0px
	}

#menusisalto {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url("") no-repeat bottom left;
	padding: 0px;
	}


/********** Pikkulinkit väljät **********/

#pikkulinkit {
	clear: both;
	}

.pikkulinkki {
	padding: 4px 8px 4px 8px;
	margin: 0 0 4px 0;
	text-decoration: none;
	}

/********** Sisältöalueen systeemit. 2-palstainen: pääpalsta ja oikea sivupalsta **********/

#isopalsta {
	width: 540px;  
	float: left;
	padding: 0 10px 0 3px;          
	margin: 0 0 0 0px;
	border-right: 0px solid #d0d0d0;
	background: #fff;
	margin-top: 182px;
	}

#isopalsta ul {
	style: none;
	line-height: 1.4em;
	margin-top: auto;
	margin-bottom: 1.0em;
	}

#tayspalstatop {
	width: 760px;  
	float: left;
	padding: 0 10px 0 3px;          
	margin: 0 0 0 0px;
	background: #fff;
	margin-top: 182px;
	}

#tayspalsta {
	width: 760px;  
	float: left;
	padding: 0 10px 0 3px;          
	margin: 0 0 0 0px;
	background: #fff;
	margin: 0 0 0 0;
	}

#murut{
	font-size: 0.9em;
	}

#murut a{
	background: transparent url(bc.gif) no-repeat center right;
	text-decoration: none;
	padding-right: 14px; /*välistys kuvalle*/
	color: #666;
	}

#murut a:visited, .murut a:active{
	color: #336699;
	}

#murut a:hover{
	text-decoration: underline;
	}

.blokki {
	background: #f0f0f0;
	padding: 6px;
	}

#sivupalsta {
	background:#fff;
	border: 1px solid #ddd;
	padding: 6px;
	width: 185px;
	margin-top: 160px;
	margin-bottom: 20px;
	float: right;
	}

#sivupalsta p {
	font-size: 90%;
	line-height: 1.3em;
	margin: 0 0 6px 0;
	}

#sivupalsta ul {
	style: none;
	margin: 0px 0 0 10px;
	}

#sivupalsta li {
	style: none;
	margin: 0px 0 0 10px;
	}

.sivulinkki {
	font-size: 11px;
	background:#fff url() left no-repeat;
	text-align: left;
	display: block;
	padding: 3px 6px 2px 12px;
	margin: 3px 50px 3px 0;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	}

.sivulinkki:hover {
	background: #fff url() left no-repeat;
	color: #000;
	text-decoration: underline;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	}

#alatunniste {
	clear: both;
	background: #fff;
	color: #808080;
	font-size: 0.9em;
	padding: 2px 0 4px 0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	text-align: center;
	}

#alatunniste a {
	color: #808080;
	}

h1 {
	margin: 0 0 10px 0;
	font: Trebuchet, tahoma, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #666;
	}

h2 {
	margin: 6px 0 6px 0;
	font-size: 1.6em;
	font: Trebuchet MS, tahoma, sans-serif;
	font-weight: normal;
	color: #666;
	}

h3 {
	margin: 6px 0 6px 0;
	font-size: 1.6em;
	font: Trebuchet MS, tahoma, sans-serif;
	color: #2E58A4;
	font-weight: normal;
	}

h4 {
	margin: 10px 0 10px 0;
	font-size: 1.2em;
	font: Verdana;
	color: #336699;
	font-weight: bold;
	}

p {
	margin: 0 0 10px 0;
	line-height: 1.4em;
	text-align: left;
	}

.keskitetytsolut tr {
	text-align: center;
	}

.keskitetytsolut img {
	padding: 2px;
	border: 1px solid #d0d0d0;
	}

.oikea {
	text-align: right;
	}

a kuva {
	border: 0
	}

.kuva {
	float: left;
	margin: auto;
	background-color: #f0f0f0;
	}

.kuvavasen {
	float: left;
	margin: 0px 10px 6px 0px;
	}

.kuvavasenraami {
	float: left;
	padding: 2px;
	margin: 0px 10px 6px 0px;
	border: 1px solid #d0d0d0;
	}

.kuvaraami {
	padding: 2px;
	margin: 0px 10px 6px 0px;
	border: 1px solid #d0d0d0;
	}

.kuvakeskiraami {
	float: center;
	padding: 2px;
	margin: 0px 10px 6px 0px;
	border: 1px solid #d0d0d0;
	}

.kuvaoikea {
	float: right;
	margin: 0px 0px 6px 10px;
	}

.kuvaoikearaami {
	float: right;
	padding: 2px;
	margin: 0px 0px 6px 10px;
	border: 1px solid #d0d0d0;
	}

.piilota {
	display: none;
	}

.taulukko {
 	clear: left; 
	margin: 0.6em 0 0.2em 0; 
	padding: 2px; 
	border: solid 1px #ddd; 
	empty-cells: show; 
	border-collapse: collapse; 
	color: #999;
	background-color: #fff; 
	font-size: 100%; 
	}

.taulukko tr {
 	margin: 0px; 
	padding: 0px; 
	height: 25px
	}

.taulukko td {
	padding: 2px 7px 2px 7px; 
	border: solid 1px rgb(255,255,255); 
	font-size: 100%; 
	vertical-align: top;
	}

.taulukko th {
	margin: 0px; 
	padding: 2px 7px 2px 7px; 
	border: solid 0px rgb(255,255,255); 
	empty-cells: show; 
	text-align: center; 
	font-size: 100%; 
	background-color: #666699; 
	color: rgb(255,255,255); 	
	}

p.taulukko-otsikko {
	margin: 0.5em 0px 1.0em 0px; 
	padding: 0px; 
	clear: both; 
	text-align: left; 
	font-size: 100%;
	}

.kuvakommentti { 
 	COLOR: #666;  
	}
	
.kuvahilight { 
 	COLOR: #003366; 
	font-weight: bold  
	}

.kuvaotsikko { 
	COLOR: #666; 
	font-weight: bold 
	}
	
.valkea_taulukko_graniitilla {
	border: solid 1px #FFFFFF; 
	empty-cells: show; 
	border-collapse: collapse; 
	color: #FFFFFF;
	background-image: url(/nao/images/pyhaj/graniitti.jpg);
	font-weight: bold 
	}