body {
  background: white; /* #f0f0f0; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11pt;
  padding: 0px;
  margin: 0px; 
  
  line-height: 130%; 
}


h1 {
  color: #ca0088;
  text-transform: uppercase;
  font-size: 13pt;
  margin-bottom: 20px;
}

a, a:visited {
  color: #888888;
  text-decoration: none;
}

a:hover, a:focus, a:active {
  color: #555555;
  text-decoration: none;
}


.VihreaPisteviiva {
  background: url('Kuvat/VihreaPiste.gif');
}



body#Etusivu {

}

body#Alaetusivu {

}




#KokoSivu {
  width: 900px;
  background: white;
  padding: 0px 10px 40px 10px;
  margin: 10px;
}

#Ylapalkki {

}

#YlapalkinKuvat {
  height: 220px;
  width: 660px;
  padding-left: 240px;
  background: white url('Kuvat/NuKL-merkkiVihrealla.gif' ) no-repeat bottom left;
}

#Alasivu #YlapalkinKuvat {
  height: 136px;
  width: 660px;
  padding-left: 240px;
  background: white url('Kuvat/NuKL-merkkiVihrealla-alasivu.gif' ) no-repeat bottom left;
}

#Ylanavi {
	float: left;
	display: block;
  background: url('Kuvat/VihreaPiste.gif') bottom left repeat-x;

	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 900px;
}


	#Ylanavi ul {
		  padding: 0px 0px 0px 0px;
		  margin: 0px;
		  display: inline;
		  list-style: none;
    }

		#Ylanavi li {
		  font-weight: bold;
		  text-transform: uppercase;
		  font-size: 10.5pt;
			display: inline;
			xfloat: left;
			margin: 1px 2px;
			margin: 0px;
			padding: 0px 9px 0px 6px;
			text-align: right;
			white-space: nowrap;
			background: url('Kuvat/Menu1-erotin-harmaa.gif') right no-repeat;
		}
		#Ylanavi .Viimeinen {
			background: none;
		}

		#Ylanavi li img {
		  padding: 0px 7px;
		}
	
		#Ylanavi a, #Alanavi a {
			color: black; 
			text-decoration: none;
		}

		#Ylanavi a:hover, #Alanavi a:hover  {
			color: #555555;
			text-decoration: none;
		}

		#Ylanavi .Valittu, a .Valittu, #Ylanavi li.Valittu a {
			color: #ca0088;
		}

		#Alanavi .Valittu {
			color: #777777;
		}

      ul#Kielivalinnat {
        padding-left: 20px;
        margin-left: 0px;
        display: inline;
      }
      #Kielivalinnat li {
        text-transform: none;
        font-size: 9pt;
        font-weight: normal;
  			background: url('Kuvat/Menu1-erotin-vihrea.gif') right no-repeat;
      }


	#Alanavi ul {
		  padding: 0px 0px 0px 0px;
		  margin: 0px;
		  list-style: none;
    }

		#Alanavi li {
		  font-weight: bold;
		  text-transform: uppercase;
		  font-size: 10.5pt;
			margin: 0px 2px 6px 2px;
			xmargin: 0px;
			padding: 0px 4px 0px 6px;
      line-height: 100%; 
		}

		#Alanavi li li {
		  font-weight: bold;
		  text-transform: none;
		  font-size: 10.5pt;
			margin:  0px 2px 6px 2px;
			padding: 0px 5px 0px 12px;
		}

	#Alanavi ul ul {
		  padding: 0px 0px 4px 0px;
    }

    #Alanavi li.NavinYlaotsikko  {
      padding-bottom: 10px;
    }
        




#Paa-alue {
  padding: 0px 0px 0px 0px;
  margin: 30px 0px 0px 0px;
  /* background: #eeffff; */
}


    #VasenPalsta {
      width: 230px;
      float: left;
      padding: 0px;
      margin: 0px;
      /* background: #ffffee; ^*/
    }
    
    #Alasivu #VasenPalsta {
          background: white url('Kuvat/NuKL-merkkiVaalea.gif' ) no-repeat 50px 230px;
    }
      
        #Etusivu #Tulossa, #Alanavi {
            background: #bdd24e url('Kuvat/VasenVihreaTausta.gif' ) no-repeat top left;
            xborder:2px solid #000000;
            min-height: 320px;
            height: auto !important;
            height: 320px;
        }

        #Etusivu #Tulossa {
            width: 203px;
            padding: 15px 8px 8px 8px;

          margin: 0px;
          font-weight: bold;
          font-size: 10pt;        
          list-style-type: none;
          margin-bottom: 25px;
         }
      
        #Alanavi {
          width: 211px;
    		  padding: 20px 4px 10px 4px;
       }

        #Alasivu #Alanavi {
          background: none;
          min-height: 380px;
          height: auto !important;
          height: 380px;
          width: 211px;
    		  padding: 20px 4px 10px 4px;

        }

        
          
            #Tulossa a {
              color: black;
            }

            #Tulossa a:hover {
        			color: #555555;
      	   		text-decoration: none;
            }
      
            #Tulossa h2 {
              color: #ca0088;
              text-transform: uppercase;
              font-size: 13pt;
              margin: 0px 0px 20px 0px;
              padding: 0px;
              
            }
            
/*            #VasenPalsta #Yhteystiedot {
              margin: 0px 0px 0px 10px;
            }
  */    
      #VasenPalsta img.NuKL-merkki {
        display: none;
      }   
    
      #Etusivu #VasenPalsta img.NuKL-merkki {
        display: inline;
        padding: 40px 0px 0px 44px;
      }   
    
    
      
    #Sisaltopalsta {
      /* background: #ffeeff; */
      
      float: left;
      width: 470px;
      min-width: 470px;
      width: auto: important;
      xheight: 20px;
      min-height: 20px;
      height: auto: important;
      border-left: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
      padding: 0px 20px 0px 10px;
      margin: 0px;

    }

        #Sisaltopalsta h1.Paaotsikko {
          margin: 0px 0px 20px 0px;
        }
        
        #Sisaltopalsta h1.Paaotsikko span.Blogiotsikko {
          text-transform: none;
        }
        
        #Sisaltopalsta h1 {
          margin: 30px 0px 20px 0px;
        }
        
        #Sisaltopalsta h1:first-child {
          margin-top: 0px;
        }
        
        #Sisaltopalsta h2 {
          text-transform: uppercase;
          font-size: 11pt;
          color: black;
          margin: 25px 5px 10px 0px;
        }
        
    
        #Etusivu #Sisaltopalsta div.Ajankohtaisnosto h2, #Uutisetusivu #Sisaltopalsta div.Ajankohtaisnosto h2, #Uutisarkisto #Sisaltopalsta h2, #Alaetusivu #Sisaltopalsta div.Ajankohtaisnosto h2  {
          text-transform: none;
          color: black;
          font-size: 11pt;
          margin: 0px 5px 0px 0px;
        }
        #Uutisarkisto #Sisaltopalsta h2  {    
          font-weight: normal;
        }

        #Etusivu #Sisaltopalsta div.Ajankohtaisnosto h2 span.Pvm, #Uutisetusivu #Sisaltopalsta div.Ajankohtaisnosto h2 span.Pvm, #Alaetusivu #Sisaltopalsta div.Ajankohtaisnosto h2 span.Pvm {
          font-weight: normal;
          font-size: 11pt;
          display: inline;
        }
        
        #Etusivu #Sisaltopalsta div.Ajankohtaisnosto, #Uutisetusivu #Sisaltopalsta div.Ajankohtaisnosto, #Alaetusivu #Sisaltopalsta div.Ajankohtaisnosto {
          padding-bottom: 20px;
        }
        
        #Etusivu #Sisaltopalsta div.Ajankohtaisnosto h2 a, #Uutisetusivu #Sisaltopalsta div.Ajankohtaisnosto h2 a, #Alaetusivu #Sisaltopalsta div.Ajankohtaisnosto h2 a {
          color: black;
        }
        
        #Etusivu #Sisaltopalsta div.Ajankohtaisnosto h2 a:hover, #Uutisetusivu #Sisaltopalsta div.Ajankohtaisnosto h2 a:hover, #Alaetusivu.Blogi #Sisaltopalsta div.Ajankohtaisnosto h2 a:hover {
     			color: #555555;
        }
        
        
        
        
        #Etusivu #Sisaltopalsta div.Ajankohtaisnostokuva, #Uutisetusivu #Sisaltopalsta div.Ajankohtaisnostokuva  {
          float:left;
        }

        #Etusivu #Sisaltopalsta div.Ajankohtaisnostokuva img, #Uutisetusivu #Sisaltopalsta div.Ajankohtaisnostokuva img {
          padding: 0px 8px 0px 0px;
          margin: 0px;
        }

        #Sisaltopalsta h3 {
          font-size: 11pt;
          color: black;
          margin: 18px 5px 12px 0px;
        }
        
        #Sisaltopalsta img {
          margin: 8px 8px 8px 8px;
        }
    

        
    #OikeaPalsta {
      /* background: #ffeeee; */

      padding: 0px 8px 0px 8px;
      margin: 0px;
      float: left;
      width: 150px;
      font-size: 9pt;        
    }


        #OikeaPalsta br {
          margin: 0px 0px 10px 0px;
        }
  
        #OikeaPalsta a {
          text-decoration: none;
        }
 
#Alaetusivu #Sisaltopalsta div.Ajankohtaisnosto h2 a span {
    font-weight: normal;
}

#Alaetusivu.Blogi #Sisaltopalsta div.Ajankohtaisnosto span.Pvm {
    margin-left: 10px;
}

div#Blogikommentit {
  margin: 20px 0 0 0;
  padding: 0 25px 0 5px;
}
 
div#Blogikommentit div.Kommenttitiedot h3 {
  margin: 0 0 0 0;
}

div.Kommenttitiedot {
  margin-top: 24px;
  clear:both;
}

div.Kommenttitiedot span {
  float: right;
  color: #555555;
}

input, textarea {
  font-size: 11pt;
}


div#Kommenttilomake {
  margin-top: 12px;
  padding-left: 5px;
}

div#Kommenttilomake input, div#Kommenttilomake textarea {
  font-family: Arial, Helvetica, sans-serif;
  width: 300px;
  height: 16px;
  padding: 4px 7px;
  margin: 1px 0;
  border: 1px solid #abababa;
  float: left;
  display: block;
}

div#Kommenttilomake textarea {
  height: 120px;
  width: 302px;
}

div#Kommenttilomake label {
  display: block;
  padding: 5px 0 0;
  float: left;
  width: 125px;
}

div#Kommenttilomake input.Nappula {
  position: relative;
  top: -31px;
  left: 0;
  clear: both;
  float: none;
  margin-left: 0px;
  width: 100px;
  height: 30px;
  color: #666666;
  font-weight: bold;
  background-color: #bdd24e;
  border: #666666 1px solid;
}

div#Kommenttilomake input.Nappula:hover {
  color: #000000;
  border-color: #000000;
}

div#Sisaltopalsta div.Blogikirjoitus {
  padding: 0 25px 0 5px;
  border-bottom: 1px solid #ababab;
}

div#Sisaltopalsta div.Blogikirjoitus p {
  margin: 0 0 28px 0;
}

div.KirjoittajanTiedot {
  margin-bottom: 10px;
}

div.KirjoittajanTiedot div.Kuva {
  float: left;
  margin-right: 15px;
}

div.KirjoittajanTiedot div.Infoa {
  width: auto;
}

body.Blogi div#Alanavi ul li {
  text-transform: none;
}

body.Blogi div#Alanavi ul li.NavinYlaotsikko {
  text-transform: uppercase;
}

body.Blogi div#Sisaltopalsta h1#Blogi {
  margin-bottom: 0;
  padding: 0 25px 0 5px;
}

div#Sisaltopalsta div.Tallennetiedot {
  margin-bottom: 40px;
  padding: 0 25px 0 5px;
}

body.Blogi div#Sisaltopalsta div.Ajankohtaisnosto {
  padding-right: 25px;
  margin-bottom: 20px;
}

div.Blogikommentit {
  float: right;
  font-size: 13px;
}

div.Virhe {
  padding: 15px 25px 0 5px;
  color: #cc0000;
}

div.Kiitos {
  padding: 15px 25px 0 5px;
  color: #bdd24e;
}

div.clear {
  clear: both;
}

.right {
  float: right;
}