/* ============== Layout ============================================ */
html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background:#9EAECD url(images/vasenreuna.gif) 0 0 repeat-y;
}

/* ========= Middle bar ========== */
#middle_bar
{
	position: absolute;
	left:0px;
	top:75px;
	width: 100%;
	background:#C8C8C8;
}
#middle_bar_yhteiset_tyylit TD
{
	font-size: 80%;
	font-weight: bold;
	font-family: verdana, arial, helvetica;
	height: 20px;
}
#middle_bar_vasenreuna
{
	width: 149px;
	text-align: center;
	background:#8C8A8A;
	border: solid 1px #797979;
}
#middle_bar_keskella
{
	padding-left: 20px;
	padding-right: 20px;
	background:#C8C8C8;
	border: solid 1px #B2B1B1;
}
#middle_bar_oikeareuna
{
	text-align: center;
	width: 149px;
	background:#4D70B6;
	border: solid 1px #2D58AD;
}
/* ========= Middle barin tyylit loppuvat ========== */
#left {
	position: absolute;
	left:0px;
	top:95px;
	width:150px;
}
#right {
	position: absolute;
	right:0px;
	top:95px;
	width:149px;
	z-index: 3;
	background:#4D70B6;
}
#header 
{
	background:#9EAECD;
	background-image: url('images/banner.jpg');
 	background-repeat: no-repeat;
	/* IE 5.5 */
	height:76px;
 	voice-family: "\"}\"";
	voice-family: inherit;
	/* IE 6 */
	height: 95px;
}
html>body #banner 
{
	/* Mozilla and Safari */
	height: 75px;
}
#main 
{
	background:#fff;
	height: 100%;
	/* these two margins affect IE 5.5 */ 
	margin-left: 150px;
	margin-right:150px; 
	border: solid 1px #000;
	border-bottom: 0px;
	padding: 25px 25px;
 	voice-family: "\"}\"";
	voice-family: inherit;
	/* these two margins affect IE 6 */ 
	margin-left: 150px;
	margin-right:150px;
	
	font-weight: normal;
	font-size: 75%;
	font-style: normal;
	color: #000000;
	text-align: left;
	line-height: 130%;	
	font-family: verdana, arial, helvetica;
}

/* ============== vasemman ja oikean palkin tyylit */
.otsikko_vasemmalla
{
	background:#8C8A8A;
	height: 20px;
	width: 100%;

	font-weight: bold;
	font-size: 75%;
	font-style: normal;
	color: #000000;
	text-align: center;
	font-family: verdana, arial, helvetica;
}
.otsikko_oikealla
{
	background:#4D70B6;
	height: 20px;
	width: 100%;

	font-weight: bold;
	font-size: 75%;
	font-style: normal;
	color: #000000;
	text-align: center;
	font-family: verdana, arial, helvetica;
}
.teksti_oikealla_palkissa
{
	background:#9EAECD;
	padding: 5px 5px;
	
	font-size: 80%;
	font-style: normal;
	color: #000000;
	text-align: left;
	font-family: verdana, arial, helvetica;
}
/* ============== vasemmalla olevan palkin linkit ====================================== */
.linkit 
{
	cursor: pointer;
	padding-bottom: 30px;

	width: 100%;

	font-weight: normal;
	font-size: 75%;
	font-style: normal;
	color: #000000;
	text-align: center;
	font-family: verdana, arial, helvetica;
}
.linkki
{
	background-color: #C8C8C8;
}
.linkki_on
{
	background-color: #9EAECD;
	text-decoration: underline;
}
/* ============== sisällön tekstin määrittelyt ====================================== */
#hakukentta
{
	background-color: #E3E2E2;
	vertical-align: left;	
	
	border-width: 1px;
	border-color: #206F1E;
	border-style: solid;
}
#ylaosa
{
	padding: 10px;		
	font-weight: normal;
	font-size: 80%;
	font-style: normal;
	color: #000000;
	font-family: verdana, arial, helvetica;
}

#alaosa
{
	padding: 10px;	
	font-weight: normal;
	font-size: 80%;
	font-style: normal;
	color: #000000;
	font-family: verdana, arial, helvetica;
}
.login_form
{
	font-weight: normal;
	font-size: 80%;
	font-style: normal;
	color: #000000;
	font-family: verdana, arial, helvetica;

}
/*===================== hakutulokset ===================================== */
.solu
{
	background-color: #ffffff;
	font-weight: normal;
	font-size: 60%;
	font-style: normal;
	color: #000000;
	line-height: 100%;	
	font-family: arial, helvetica;
}
.otsikkosarake
{
	background-color: #8C8A8A;
	font-weight: normal;
	font-size: 60%;
	font-style: normal;
	color: #000000;
	line-height: 100%;
	font-family: arial, helvetica;
}
.tietokortinkentta
{
	width: 600px;
	padding-top: 15 px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	
	font-weight: normal;
	font-size: 75%;
	font-style: normal;
	color: #000000;
	text-align: left;
	line-height: 130%;	
	font-family: verdana, arial, helvetica;
}
/* ============== sivustolla olevat linkit ====================================== */
a, a:link, a:visited, a:active
{
	color: #000000;
	background-color: transparent;
}
a:hover
{
	text-decoration: none;
	color: #A13838;
	background-color: transparent;
}
/* ============== printtauksessa otetaan vain keskimmäinen kolumni ====================================== */

@media print
{ 
	#left{display:none;} 
	#right{display:none;} 
	#middle_bar_vasenreuna{display:none;}
	#middle_bar_oikeareuna{display:none;}
}