/* 

Version: 1.2 Trelin/KAM
(13 12 2006)

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

img {
	border: 0;
}

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

body {
padding: 0;
margin: 0;
font: 70%  verdana, tahoma, sans-serif;
background: #fff url(back_kam.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: 890px;
}

#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(kam_banneri.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;
  z-index: 2;
}

/* Ä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-top:0px; 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: 0.0em;  /* tähän 1.0em, jos haluaa kuten aoilla */
}

#isopalsta ol {
  style: none;
  line-height: 1.4em;
  margin-top: auto;
  margin-bottom: 0.0em;  /* tähän 1.0em, jos haluaa kuten aoilla */
}

#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;
}

/*
#muru {
font-size: 0.9em;
color: #ccc;
width: 540px;
float: left;
padding: 2px;
margin-bottom: 2px;
}

#muru a{
color: #888;
text-decoration: none;
}

#muru a:hover{
color: #1496B6;
text-decoration: none;
}
*/

#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: #444;
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;
}

.oikea {
text-align: right;
}

.keski {
text-align: center;
}

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;
}

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

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

.kuvakeski {
	float: none;
	margin: 0px 10px 6px 10px;
}

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

.thumb {
/*	float: left;*/
	padding: 2px;
	margin: 0px 1px 3px 0px;
	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: #ccc;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%; }
.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 }
.hilight { COLOR: #BB0000; font-weight: bold  }