@charset "utf-8";

body {
  background-color: #2e2f3b;
  color : #6d6b6b;
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  text-align: left;
  font-weight: bold;
 }
  
.leipis {
  margin-top: 2px;
  margin-left: 15px;
  margin-right: 10px;
  margin-bottom: 2px;
  color : #3a4458;
  font-size: 11px;
  text-align: left;
  letter-spacing: 0px;
  }
 
 .leipisk {
  margin-top: 5px;
  margin-left: 15px;
  margin-right: 10px;
  margin-bottom: 0px;
  color : #3a4458;
  font-size: 10px;
  text-align: left;
  letter-spacing: 0px;
  }
  

  .leipis_ots {
  margin-top: 2px;
  margin-left: 15px;
  margin-right: 10px;
  margin-bottom: 2px;
  color : #a15f00;
  font-size: 11px;
  text-align: left;
  letter-spacing: 0px;
  }
  
  .leipis_sivut {
  margin-top: 2px;
  margin-left: 25px;
  margin-right: 20px;
  margin-bottom: 2px;
  color : #3a4458;
  font-size: 11px;
  text-align: left;
  letter-spacing: 0px;
  }
 
  .leipis_bib {
  margin-top: 2px;
  margin-left: 25px;
  margin-right: 20px;
  margin-bottom: 2px;
  color : #3a4458;
  font-size: 12px;
  text-align: left;
  letter-spacing: 0px;
  font-weight: normal;
  }
  
  .ots_sivut {
  margin-top: 2px;
  margin-left: 25px;
  margin-right: 15px;
  margin-bottom: 2px;
  color : #a15f00;
  font-size: 12px;
  text-align: left;
  letter-spacing: 0px;
  }
  
    .leipis_ots_sivut {
  margin-top: 2px;
  margin-left: 25px;
  margin-right: 15px;
  margin-bottom: 2px;
  color : #a15f00;
  font-size: 11px;
  text-align: left;
  letter-spacing: 0px;
  }
  
 .leipis2 {
  margin-top: 12px;
  margin-left: 16px;
  margin-right: 15px;
  margin-bottom: 2px;
  color : #4b576e;
  font-size: 10px;
  letter-spacing: 1px;
  }
  
  .pieni {
  margin-top: 2px;
  margin-left: 5px;
  margin-right: 0px;
  margin-bottom: 2px;
  color : #6d6b6b;
  font-size: 9px;
  letter-spacing: 1px;
  }
  
  .leipis2 {
  margin-top: 2px;
  margin-left: 39px;
  margin-right: 10px;
  margin-bottom: 2px;
  color : #4b576e;
  font-face: normal; 
  font-size: 10px;
  letter-spacing: 1px;
  }
  
  .leipis_iso {
  margin-top: 2px;
  margin-left: 16px;
  margin-right: 18px;
  margin-bottom: 2px;
  color : #4b576e;
  font-size:11px;
  letter-spacing: 1px;
  }
  
  .leipis_pieni {
  margin-top: 2px;
  margin-left: 16px;
  margin-right: 18px;
  margin-bottom: 2px;
  color : #4b576e;
  font-size:9px;
  letter-spacing: 1px;
  }
  
h1 {
  margin-top: 2px;
  margin-bottom: 0px;
  color : #454e5f;
  font-size: 11px;
  letter-spacing: 1px;
  }
  
   
h11 {
  margin-top: 2px;
  margin-bottom: 0px;
  color : #454e5f;
  font-size: 10px;
  letter-spacing: 1px;
  }  
  
h1.avainsanat {
  color: #2a3442;
  font-size: 1px;
  }
h2 {
  margin-top: 7px;
  margin-bottom: 0px;
  color : #026882;
  font-size: 11px;
  letter-spacing: 1px;
  }
  
h5 {
  margin-top: 10px;
  margin-left: 14px;
  margin-bottom: 0px;
  color : #026882;
  font-size: 11px;
  letter-spacing: 1px;
  }
  
  h15 {
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: 0px;
  color : #026882;
  font-size: 11px;
  letter-spacing: 1px;
  }

  h7 {
  margin-top: 10px;
  margin-left: 19px;
  margin-bottom: 0px;
  color : #f05f43;
  font-size: 11px;
  letter-spacing: 1px;
  }
  
  h8 {
  margin-top: 10px;
  margin-left: 19px;
  margin-bottom: 0px;
  color : #f05f43;
  font-size: 10px;
  letter-spacing: 1px;
  }
  

  
 .viite2 {
  margin-top: 2px;
  margin-left: 10px;
  margin-right: 5px;
  margin-bottom: 2px;
  color : #4b576e;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  } 
  
.etusivu {
  margin-top: 60px;
  color: #97C1D3;
  }

  
.tesaurus { 
  position:absolute;
  padding: 5px; 
  border: 2px ridge;
  left: 420px; 
  top: 188px; 
  width:270px; 
  height: 330px; 
  overflow: auto; 
  background-color: #fefefe; 
  }
  
 .hakuohje { 
  position:absolute;
  padding: 5px; 
  border: 2px ridge;
  left: 375px; 
  top: 188px; 
  width:315px; 
  height: 330px; 
  overflow: auto; 
  background-color: #fefefe; 
  }

 .tesohje { 
  position:absolute;
  padding: 5px; 
  border: 2px ridge;
  left: 737px; 
  top: 140px; 
  width:240px; 
  height: 407px; 
  overflow: auto; 
  background-color: #fefefe; 
  }
   
.hakuohjeotsikko {
  position: absolute; 
  top: 185px; 
  left: 710px; 
  width: 250px;
  height: 20px; 
  }

td {vertical-align: top}
td {horizontal-align: left}
.alas {vertical-align: bottom}
.oikealle {text-align: right}
.keskelle {text-align: center}
.keskelle_p {vertical-align: middle}
.vasemmalle {text-align: left}

ul {list-style-type: square;}

.ohje {
  margin-top: 2px;
  margin-bottom: 2px;
  color : #3f495c;
  font-size: 9px;
  letter-spacing: 1px;
  }

.pieni {
  font-size: 0.9em;
  }

.pisteviiva {
  text-align: center;
  margin: 0px;
  }

  
a:link {
  color: #a15f00;
  text-decoration: none;
  }
a:visited {
  color: #a15f00;
  text-decoration: none;
  }
a:active {color: #a15f00}
a:hover {
  color : #a15f00;
  text-decoration: underline;
  }

.navi {
	color : #026882;
	margin-top : 15px;
	padding-bottom : 0px;
	margin-bottom : 15px;
	margin-left : 0px;
	margin-right : 0px;
	font-size : 11px;
	letter-spacing	: 1px;
	text-align: left;
   	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.navi a {
	color : #9dbac1;
	text-decoration: none;
}
.navi a:hover {
	color : #ffffff;
	text-decoration: none;
}

.navi a:active {
	color : #ffffff;
	text-decoration: underline;
}



.navi2 {
	color : #a15f00;
	margin-top : 2px;
	padding-bottom : 0px;
	margin-bottom : 5px;
	margin-left : 0px;
	margin-right : 0px;
	font-size : 10px;
	letter-spacing	: 0px;
   	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.navi2 a {
	color : #a15f00;
	text-decoration: none;
}
.navi2 a:hover {
	color : #a15f00;
	text-decoration: underline;
}


.navi3 {
	color : #f7f6f5;
	margin-top : 10px;
	padding-bottom : 0px;
	margin-bottom : 10px;
	margin-left : 0px;
	margin-right : 0px;
	font-size : 11px;
	letter-spacing	: 0px;
	text-align: left;
   	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}

.navi3 a {
	color : #f7f6f5;
	text-decoration: none;
}
.navi3 a:hover {
	color : #ffffff;
	text-decoration: underline;
}


.formfield {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold; 
color: #026882; 
background-color: #ffffff; 
border: #000000;
margin-bottom: 8px; 
width: auto;
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px
}


/* CSS Document */


