/*****************************************
 html ja body  
******************************************/

html, body {
    margin : 0;
    padding : 0;
}

body {

    text-align: center;
    color : rgb(220,220,220);
    background : gray; /*white;*/
    font : 100% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
}

/****************************************
 Tekstikoot  
******************************************/

a, p , ul, li, td, th, label, legend {
    font-size : 12px; /*0.9em*/
}

h1 {
    font-size : 16px; /*1.05em*/
    font-weight : bold;
		color: rgb(229,51,0);
}

h2 {
    font-size : 13px; /*1em*/
    font-weight : bold;
		color: white;
}

h3 {
    font-size : 14px; /*1em*/
    font-weight : bold;
}



/*****************************************
 Linkit  
******************************************/

a:link {
    color : #004A91; /*#5c1919; #909ea0;*/
    background-color : transparent;
    text-decoration : none;
}

a:hover {
    color : #a52a2a; /*#85A8CA;*/
    background-color : transparent;
    text-decoration : none;
}

a:visited {
    color : #004A91; /*#5c1919;*/
    background-color : transparent;
    text-decoration : none;
}

a:visited:hover {
    color : #a52a2a; /*#85A8CA;*/
    background-color : transparent;
    text-decoration : none;
}

a:active {
    color : #484500;
    background-color : transparent;
    text-decoration : none;
}


/*****************************************
 kehysrunko  
******************************************/

#kehysrunko {

    width : 800px;/*80%;*/
	  text-align: left;
    /*border : 1px solid black;*/
    margin : 20px auto;
    background-color : black;
    color : white;
}


/*****************************************
 ylaosa_kehys  
******************************************/

#ylaosa_kehys {

    background-color : black; /*#85A8CA;*/
    color : #333;
    padding : 0;
    margin : 0;

    /*border-bottom : 5px solid #5179b4;*/

}


/*****************************************
 ylaosa  
******************************************/

#ylaosa {

    background-image: url("./kuvat/ylapalkki.jpg");
    background-repeat: no-repeat;
    color : white;
	  height : 120px;
    padding : 0;
    margin : 0;
}


/*****************************************
 ylavalikko  
******************************************/

#ylavalikko {
    padding: 0px 0px 2px 0px;
    margin : 0;
		text-align: center;
    background-color: rgb(82,0,1); /*#5179b4;  #85A8CA; #4378AD; #ECEA9E; */
    color : white;
    border-top : 1px solid rgb(229,51,0);
    border-bottom : 1px solid rgb(229,51,0); /*#85A8CA;#5179b4;*/
}

#ylavalikko ul {
    padding : 0;
    margin : 0;
    margin-left : 176px;

}

#ylavalikko ul li{
    padding : 0;
    margin : 0;
    display:inline;
}

#ylavalikko a {
    margin : 0; 
    text-align : center; 
    color : white;
}

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


/*****************************************
 alalinkistö
******************************************/

#alalinkisto {
		margin-top:5px;
		text-align:center;
		color: white;
}

#alalinkisto a {
		color : rgb(255,255,255);
		font-size: 75%;
}

#alalinkisto a:hover {
		text-decoration: underline;
		color : rgb(255,255,255);
}

/*****************************************
lomakkeen asettelut
******************************************/

.lomakelohko {
 padding-left: 10px; 
 padding-bottom: 10px;
 }

legend {
color: rgb(229,51,0);   
}

div.row {
  clear: both;
	padding-top: 5px;
    }

div.row .label {
  float: left;
  width: 30px;
  text-align: left;
  }

div.row span.input {
  float: right;
  width: 240px;
  text-align: left;
  } 


/*****************************************
 vasenvalikko  ja oikeavalikko
******************************************/

#main table{
		color: rgb(230,230,230);	
		table-layout: fixed;
		margin-left: -2px;
		margin-right: -2px;
		margin-bottom: -2px;
		width: 804px;
}


#vasensolu {
		padding: 30px 0px 40px 40px;
		vertical-align: top;
		width: 340px;
}

#speksitaulukko table {
		width: 300px;
		table-layout:fixed;
}

#speksitaulukko table td{
		width: 100px;
}

#main a {
		color : rgb(82,0,1);
		font-size: 100%;
		color : rgb(229,51,0);
}

#main a:hover {
		text-decoration: underline;
		color : rgb(229,51,0);
}

#oikeasolu {
		padding: 72px 40px 40px 0px;
		width: auto;
		vertical-align: top;
}

.kuvituskuva {
		text-align: right;			 
}

.gallerialinkit {
		margin-left: 50px;
}

.videolinkki {
    width : 75px;
		height: 75px;
		border : 1px solid rgb(229,51,0);
		margin-right:12px;
		margin-bottom:10px;
		float:left;
}

.videolinkkiosio {
    margin-bottom: 10px;
		/*border-bottom : 1px solid rgb(229,51,0);*/
		clear: both;
}

.analyysikuva {
		border : 1px solid rgb(229,51,0);
}


#oikeavalikko a {
		color : rgb(82,0,1);
		font-size: 100%;
		color : rgb(229,51,0);
}

#oikeavalikko a:hover {
		text-decoration: underline;
		color : rgb(229,51,0);
}


/*****************************************
 Footer
******************************************/


#footer {
    text-align: center;
    font-size: 70%;
		background-color: rgb(82,0,1);
		border-top : 1px solid rgb(229,51,0);
		padding: 7px 0px 7px 0px;
   }

#footer img {
}

#footer a {
    margin : 0;
    padding : 0;
		color : rgb(82,0,1);
		font-size: 100%;
		color : rgb(229,51,0);
}

#meili {
		font-size: 100%;
		color : rgb(229,51,0);
}


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

#footer ul {
    margin : 0;
    padding : 0;
    padding-top : 2px;
}

#footer li {
    margin : 0;
    padding : 0;
    padding-left : 5px;
    display : inline;
}



/*
#vasenvalikko_linkit, #oikeavalikko_linkit {
    margin : 0;
    padding : 0;
    overflow : hidden;
    margin-bottom : 10px;
}

#vasenvalikko_linkit a, #oikeavalikko_linkit a{
    display : block;
    padding-top : 5px;
    padding-bottom : 5px;
    padding-left : 10px;
    border-bottom : 1px dotted #808080;
    margin-left : 0;
    margin-right : 0;
    overflow : hidden;
}

#vasenvalikko_linkit a:hover, #oikeavalikko_linkit a:hover{
    background-color : #F8BB14; 
    color : #a52a2a;
}

#vasenvalikko p, h1, h2, h3{
    padding-left : 10px;
}

#oikeavalikko p, h1, h2, h3{
    padding-left : 10px;
}

#vasenvalikko h2, #oikeavalikko h2{
    font-size : 16px;
    display : block;
    color : white;
    margin : 0;
    border-top : 1px solid #004A91;
    border-bottom : 1px solid #004A91;
    padding-bottom : 2px;
    padding-top : 2px;
}

#vasenvalikko .first, #oikeavalikko .first{
    border-top : none;
}

#vasenvalikko .last, #oikeavalikko .last{

  /*  border-bottom : none;*/

}*/



/*****************************************
 vasenvalikko  ja oikeavalikko logot
******************************************/

#logot {
    margin : 3px;
    padding : 0;
}


#logot a{
    height : 41px;
    display : block;
    padding : 0;
    margin : 0;
    border : none;
    margin-bottom : 3px;
}


#logot a img{
    border : none;
}


.kuva, .kuva_first, .kuva_last {
    margin : 0;
    padding : 0;
    overflow : hidden;
    width: 169px;
}


/*****************************************
 vasenvalikko  ja oikeavalikko kielivalinta
******************************************/

#kielivalinta p a{
    text-decoration : underline;
}

#kielivalinta p {
    margin : 0;
    padding : 5px 5px 5px 10px;
}



/*****************************************
 Tekstisisalto  
******************************************/

#tekstisisalto {
    margin-left : 390px;
    margin-right : 390px;
    padding : 0em;
    color : white;
    background-color : black;
		width: auto;
	  min-height : 650px;
    height : auto !important;

}

#tekstisisalto h1 {
    padding-left : 0;
    border-bottom : 2px solid #85A8CA;
}

#tekstisisalto h2{
    margin-top : 30px;
    padding-left : 0;
}

.h2_lisaotsikko{
    margin-top : 30px;
    padding-left : 0;
    border-bottom : 1px solid #85A8CA;
}

.alaviivalla {
    border-bottom : 1px solid #85A8CA;
}

.bold_alaviivalla {
    padding-top : 10px;
    border-bottom : 1px solid #85A8CA;
    font-weight : bold;
}

#tekstisisalto p img{
    margin : 0;
    padding : 0;

}

.oikea_float{
    float:right;
    margin : 0;
    padding : 0;
    padding-left : 5px;
}

.oikea_float img{
    border : 1px solid #808080;
}

.oikea_float_laatikko{
    float:right;
    clear: right;
    width: 160px;
    margin : 0;
    padding : 0;
    padding-left : 5px;
}


.oikea_float_laatikko fieldset{
    margin : 0;
    padding : 8px;
    background-color : #F9F9F9;
    color : #333;
    border : 1px solid #85A8CA;
}


.oikea_float_laatikko fieldset legend{
    font-style : italic;
}


.oikea_float_laatikko ul{
    margin : 0;
    padding : 0;
}


.oikea_float_laatikko td{
    margin : 0;
    padding : 0;
    padding-left : 5px;
    list-style: none;
}


.vasen_float{
    float:left;
    margin : 0;
    padding : 0;
    padding-left : 5px;
}


#karttakuva td{
    padding-left : 5px;
}

#karttakuva img{
    border : 1px solid #808080;
}


/*lisamaareet*/



#alatyhjennys {
    clear : both;
    margin : 0;
    padding : 0;
}

.tekstikuva{
    float : right;
}

.bold {
    font-weight : bold;
}

.italic {
    font-style : italic;
}

.bold_italic {
    font-style : italic;
    font-weight : bold;
}

.underline {
    text-decoration : underline;
}

.bold_underline {
    text-decoration : underline;
    font-weight : bold;
}

#bold_underline {
    text-decoration : underline;
    font-weight : bold;
}

.red {
    color : red;
}

.jarjestetty_lista li{
    font-weight : bold;
    margin-bottom : 10px;
}

.jarjestetty_lista ul{
    margin-left : 15px;
    padding : 0;
    font-weight : normal;
}

.jarjestetty_lista ul li{
    margin : 0;
    padding : 0;
    font-weight : normal;
}

.lista_ilman_merkkeja{
    margin : 20px 40px; 
    padding : 0;
    font-weight : normal;
    list-style-type: none;
}


.lista {
    padding : 0;
    font-weight : normal;
    margin-top : 0px;
}


.lista_p {
    margin : 0;
    padding : 0;
}


.lista li {
    margin : 0;
    margin-left : 35px;
    padding : 0;
    font-weight : normal;
}


.esittely {
    width : 100%;
}





/*****************************************
 Maaritykset IE6:lle  
******************************************/

/* Omat maaritykset IE:lle \*/

 
* html #vasenvalikko {
    width : 373px; 
    margin-right: -5px;
		min-height: 650px !important;
  }


* html #oikeavalikko {
    width : 373px; 
    margin-left: -5px;
  }


* html #ylavalikko ul {
    margin-left: 374px;
  }

* html #tekstisisalto {
    min-height : 10px;
		}

* html #tekstisisalto {
    min-height: 650px !important;
  }

/* End hide from IE5/mac */





/*****************************************

 Maaritykset IE5mac

******************************************/

/* seen by IE5mac only, by Philippe Wittenbergh www.l-c-n.com */

*>html #footer img {
    margin : 0;

}

/* end */





/*****************/

/* Ylimaaraiset  */

/*****************/



/*

img {

   border : none;

}



 Links within paragraphs (subtle) 

p a {

color: #666666;

text-decoration: none;

}



 Links within paragraphs (revealed) 

p:hover a { 

color: #0000ff;

text-decoration: underline;

}



.muokkaus_valinta {

  border: 1px solid #808080;

	width : 100%; 

  text-align : left;

	padding : 0;

	margin : 0;

}



.muokkaus_valinta td {

  border: 1px dotted #808080;

	padding : 0.8em;

	width : 90%; 

}



.column1 {

 color : yellow;

}



.vastaanotetut_tiedot {

  font-size: 0.8em;

}

*/