/*sivuston runkoon liittyvät*/

/*värit

siniset vaaleimmasta tummimpaan:

#76b1db
#58a1d4
#1d7ec2

*/

.harmaa{
color:#999999;
}

body {font: 75%/150% "Trebuchet MS", Tahoma, Arial;background-color: #FFFFFF;}

.wrap {  width:800px; margin: 0 auto; border: #1d7ec2 2px solid ;background-image:url(elementit/toni_alagrafiikkaa.jpg); background-repeat: no-repeat; background-position:bottom;   }

.left { float: left; width: 570px; margin: 0px 0px 0px 0px; display: block; padding:0px 0px 10px 10px; min-height: 450px; }

.right {float: left; width: 180px; height: 550px;  margin: 0; padding-top: 20px;}

.kuultava {
opacity: .6;
filter: alpha(opacity=40);
}

.testi {
width: 500px;
background-color:#F5F5F5;
position:absolute;
}

.kommentointi {
padding:0px 0px 0px 30px;
width: 400px;
opacity: 1;
filter: alpha(opacity=90);

}

.putsi {
  clear: both;
  display: block;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
  margin: 0;
  }
 .footer {
 float:left;
 font-size:10px;
 color: #999999;
 text-align:center;
 padding:5px;
 }
 
  .small, .small a:link, .small a, .small a, .small a:visited{
 font-size:11px;
 color: #999999;
 text-align:left;
 padding-top:0px;
 }
 
 .tumma {
 padding:4px;
 background-color:#EEEEEE;
 }
 .tummempi {
 padding:4px;
  background-color:#F5F5DC;
 }
   .otsikko {
	background: url(elementit/jakaja.gif) no-repeat center left;
	padding:0px 0px 4px 2px;
 }

 a, a:link, a:visited {
 font-size:12px;
 color: #1d7ec2;
 }
 
 .imgl {
 float: left;
 padding: 10px;
 background:#F1F1F1;
 border: #808080 1px solid;
 margin:10px;
 }
 
 .imgr {
 float: right;
 padding: 10px;
 background:#F1F1F1;
 border: #808080 1px solid;
 margin:10px;
 }
  
 .img {
 padding: 10px;
 background:#F1F1F1;
 border: #808080 1px solid;
 margin:10px;
 }
 
.kalenteri { font-size:12px; border: #1d7ec2 2px solid ; width: 140px; padding:5px 5px 10px 10px; }

a:active {color: #CB833F;}

div.etusivu {padding: 0px 0px 0px 0px;clear: both; margin: 0px; }

p {padding: 0px 0px 2px; margin: 0px;}



hr { color: #1d7ec2; border-style:dashed; padding:0px; }
h1 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background:#ffffff url(elementit/toni_otsikko_palkki.gif) no-repeat right;
	text-align: left;
	padding:2px 2px 2px 15px;
	
}

h2 {
	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6378A7;
	text-align: left;
	padding-bottom: -5px;
}
h3 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6378A7;
	padding:0px;
	margin:2px;
}

h4 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #6378A7;
}

h5 {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #6378A7;
}

.fi{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#00639C;
	background:#FFFFFF url(elementit/fibg.gif) no-repeat top left;
	border:#48DCBC 1px solid;
}
.sb{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FFFFFF;
	background-color:#758FC6;
	border:#6378A7 2px solid;
}
.sb:hover{
	color:#FACEA2;
	border:#FACEA2 2px solid;
}

.sb:active{
	color:#CB833F;
	border:#CB833F 2px solid;
}
	
.tbl{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	border:2px solid #6378A7;
	border-top-width:8px;
	border-bottom-width:8px;
	background:#76b1db;

}

.tbl1{
	height: 25px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color:#758FC6;
}

.tbl2{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#758FC6;
}

.mini{
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#004D91;
	text-align:center;
	}
	
.valikko {
text-align:left;
}
li {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	list-style-type: square;
	color: #6378A7;
	
}
li a {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#1d7ec2;
	text-decoration:none;
	}
	
	li a:hover {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#58a1d4;
	text-decoration:none;
	}





a {
		font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
	color:#6378A7;
	text-decoration:none;
	}
	a:hover {
	color: #F09B4B;
}
	
/* valikon määritykset */

.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;}.qmmc a {float:left;display:block;white-space:nowrap;}.qmmc div a {float:none;}.qmsh div a{float:left;}.qmmc div {visibility:hidden;position:absolute;}


	#qm0	
	{	
		background-color:#FFFFFF;
		background-image:url(elementit/toni_navigaatio_tausta2.gif);
		border-width:0px 0px 0px 0px;
		border-style:solid;
		border-color:#1d7ec2;
	}

	#qm0 a	
	{	
	
		padding:5px 20px 5px 8px;
		background-color:transparent;
		color:#FFFFFF;
		font-family:Arial;
		font-size: 110%;
		font-weight: bold;
		text-decoration:none;
	}


	#qm0 a:hover	
	{	
		background-image:url(elementit/toni_navigaatio_tausta_hover3.gif);
		color:#ffffff;
		text-decoration:none;
	}

	#qm0 .qmparent	
	{	
	}

	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-image:url(elementit/toni_navigaatio_tausta_hover3.gif);
		color:#ffffff;
		text-decoration:none;
	}


	#qm0 div	
	{	
		padding:5px;
		margin:0px;
		/*background-color:#eeeeee;*/
		border-width:0px;
		border-style:solid;
		border-color:#000000;
	}


	#qm0 div a	
	{	
		padding:3px 2px 3px 10px;
		color:#1d7ec2;
		font-size: 90%;		
		border-color:#D6DCE2;
	}


	#qm0 div a:hover	
	{	
		background-image:url(elementit/nuoli_oikeaan.gif);
		background-repeat:no-repeat;
		background-position: center left;
		background-color:transparent;
		color:#000000;
		text-decoration:none;	
	}


	#qm0 div .qmparent	
	{	
	}


	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#EFF4FA;
		color:#000000;
		text-decoration:underline;
		border-color:#000000;
	}