

body{
  text-align: center;
	font-family: arial, sans-serif;
	color: rgb(0, 0, 80);
	background: rgb(230, 230, 240);
}



.tutkaohje div.runko {
	width: auto;
	height: auto;
	background: rgb(21, 29, 113);
	min-height: 100px;
}

.tutkaohje div.runko div.sisalto {
  background: rgb(250, 250, 254);
	margin: 0;
	border-left: 2px solid rgb(21, 29, 113);
	/*border-right: 1px solid rgb(21, 29, 113);*/
	padding: 5px 20px 20px;
}

.runko{
  text-align: left;
	margin: 20px auto;
	padding: 0;
	border: 3px solid rgb(21, 29, 113);
	background: rgb(21, 29, 113);
	background-image: url(./kuvat/taustaliuku_sivu.jpg);
	background-repeat: repeat-y;
	width: 90%;
	min-height: 650px;
}

/***************************************************************
**  Yläosa
***************************************************************/
.yla{
	background: rgb(21, 29, 113);
	border-bottom: 2px solid rgb(21, 29, 113);
	padding: 0;
	margin: 0;
}

.yla h1{
  text-transform: uppercase;
	font-size: 14pt;
	font-family: arial, sans-serif;
	color: rgb(256, 256, 256);
	margin: 0;
	margin-left: 10px;
	padding: 5px 0px;
	text-align: left;
	letter-spacing: 0.5em;
}

.yla img{
	float: right;
}

/***************************************************************
**  Linkkipalkki
***************************************************************/

.linkit{
  width: 200px;
	text-align: left;
	margin: 0;
	padding: 0px 0px;
	float: left;
}

.linkit a{
  display: block;
	text-decoration: none;
	padding: 3px 10px;
	margin: 2px 0;
	background: rgb(200, 200, 240);
	color: navy;
	font-size: 0.9em;
}

.linkit a.aktiivinen{
	background:  rgb(21, 29, 113);
	color: white;
	font-weight: bold;
}

.linkit a:hover{
  background:  rgb(21, 29, 113);
	color: white;
	font-weight: bold;
}

.kuvat p a {
  width: 150px;
	margin: 0;
	padding:0;
	display: inline;
	}

.kuvalinkit{
	display: inline;
  width: 150px;
	text-align: center;
	margin-top: 10px;
	padding: 0 25px 0 20px;
	float: right;
}

.kuvalinkit a{
  display: block;
	text-decoration: none;
	padding: 0;
	margin:  7px 0 7px 0;
	background: none; 
	color: navy;
}

.kuvalinkit a:hover{
	background: none; 
}


.ohje {
	color: rgb(200, 200, 240);
	margin: 0 20px 0 30px; 
  font-size:65%;
	text-align:left;
	}
/***************************************************************
**  Sisältöosa
***************************************************************/

div.sisalto{
  background: rgb(250, 250, 254);
	margin: 0 0 0 200px;
	border-left: 2px solid rgb(21, 29, 113);
	/*border-right: 1px solid rgb(21, 29, 113);*/
	padding: 5px 20px 20px;
}

#sisalto_tausta{
	background-image: url(./kuvat/kihulook_tausta.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div.sisalto {
	font-size: 0.8em;
}

h1,h2,h3,h4{
  margin: 1.1em 0 0 0;
}


/***************************************************************
**  Lomake ja taulukko
***************************************************************/
form {
 margin: 1em 0 0 0;
}

form .tasa {
width: 20%;
float: left;
}

fieldset {
border: 1px solid rgb(21, 29, 113);
padding: 0.5em;
margin-top: 0em;
margin-bottom: 0.5em;
margin-right: 0.5em;
margin-left: 1em;
background: rgb(200, 200, 240);
}

legend {
font-size: 1em;
font-weight: bolder;
}

label {
font-size: 1.0em;
font-weight: bolder;
display: inline;
}

fieldset p {
margin-top: 0;
margin-bottom: 0;
}

table {
border: thick solid rgb(21, 29, 113);
color: black;
background: white none;
border-spacing: 2px;
margin-left: 2%;
margin-right: 2%;
margin-bottom: 1em;
}

td {
padding: 0.4em;
border: 1px solid rgb(21, 29, 113);
}

.tauluhuom {
background: rgb(255, 119, 119);
color: black;
border: 1px solid silver;
font-weight: bold;
text-align: center;
padding: 0.4em;
}

th {
background: rgb(224, 232, 254);
color: black;
border: 1px solid rgb(21, 29, 113);
font-weight: bold;
text-align: center;
padding: 0.4em;
}


/***************************************************************
**  Loppuviitteet
***************************************************************/
.loppuviitteet {
background-color: rgb(230, 230, 240);
font-size: 0.85em;
padding: 1em;
}

.kuvalinkit p p {
	font-size: 0.5em;
	clear: left;
	text-align: center;
  }
	
.huom {
color: red;
}

#paivitetty {
 float: right;
 color: grey;
 font-size: 0.75em;
 font-style: italic;
}

.tyhja{
 display: none;
}
