body{
  text-align: center;
font-family: tahoma, sans-serif;
color: rgb(0, 0, 80);
}

.runko{
text-align: left;
margin: 20px auto;
padding: 0;
border: 3px solid navy;
background: rgb(224, 232, 254);
width: 90%;
}

/***************************************************************
**  Yläosa
***************************************************************/
.yla{
  background: rgb(98, 172, 228);
border-bottom: 2px solid navy;
padding: 0;
margin: 0;
}

.yla h1{
  text-transform: lowercase;
font-size: 14pt;
font-family: impact, arial, sans-serif;
margin: 0;
padding: 5px 10px;
text-align: right;
letter-spacing: 1em;
}

/***************************************************************
**  Linkkipalkki
***************************************************************/

.linkit{
	PADDING-LEFT: 0em;
	MARGIN-LEFT: 0em;
  background: rgb(233, 156, 53);
	BORDER-BOTTOM: #000000 thin solid;
	/*BACKGROUND-COLOR: #deeeee;*/
	TEXT-ALIGN: center;


/*  width: 150px;
text-align: center;
margin: 0;
padding: 20px 0;
float: left;
background: rgb(233, 156, 53);*/
}

.linkit a{
/*  display: block;*/
text-decoration: none;
padding: 0 0;
margin: 0 0;
background: rgb(233, 156, 53);
color: navy;



}

.linkit a.aktiivinen{
background: rgb(172, 70, 0);
color: white;
font-weight: bold;
}

.linkit a:hover{
  background: rgb(172, 70, 0);
color: white;
font-weight: bold;
}

/***************************************************************
**  Sisältöosa
***************************************************************/

div.sisalto{
background: rgb(224, 232, 254);
margin: 5px 40px 5px 40px;
border: 2px solid navy;
padding: 0;
}

div.lomake{
  margin: 10px 0;
}

div.lomake label{
  display: block;
}

div.tulosrivi1{
	background: White;
	margin:			0;
	padding:		0;						
}

div.tulosrivi2{
	background: rgb(224, 232, 254);
	margin:			0;
	padding:		0;
}

.huom{
  color: red;
font-weight: bold;
}