body 
{
 margin:0; padding:0; font-family:Arial,Helvetica,Sans-serif; 	
}
IMG { border:none; }

P { font-size:.9em; line-height:1.3; margin-top:.5em; }
H1 { font-size:1.5em; font-weight:normal; margin:.8em 0 .5em 0; padding-bottom:.2em; border-bottom:1px solid #ff8403; }
H2 { margin:0; padding:0; font-size:.9em; }
H3 { font-size:.9em; margin-bottom:.5em; }


A { color:#03F; text-decoration:none; padding-bottom:0.02em; border-bottom:1px solid #03F; }
TEXTAREA {FONT-SIZE: 0.9em; WIDTH: 100%; FONT-FAMILY: Arial,Helvetica,Sans-serif;}
LI { font-size:.8em; }

A.otsikkolinkki,A.otsikkolinkki:visited { color:#048204; text-decoration:none; border-bottom:1px solid #FFFFFF;}

#header
{
	border-top:5px solid #8ad82a; font-size:.8em; background:#FFFFFF; 
	display:block;
	height:80px;
	min-width:820px;
}

#main
{
	
}

#footer
{
	 margin-top:2px; background:#FFFFFF;
}

#footer P { font-size:.8em; margin:0; padding-bottom:0.3em; }
#footer .viiva {margin-top:15px; border-top:5px solid #ffb901; float:left; width:100%; padding:0; font-size:.4em;}
#footer .vasen { float:left; width:40%;}
#footer .keski { float:left; width:30%; text-align:center; }
#footer .oikea { float:left; width:29%; text-align:right; }

#header .logoteksti
{
	position:absolute;
	top:20px;
	left:20px;
	font-weight: bold;
	font-size: 24px;
	color:#048204;
}

#header	.logo
{
	position:relative;
	width:338px;
	float:right;
	height:100%;
	background-image:url(kuvat/arvilogo_80.jpg); background-repeat: no-repeat;background-position: right;	
}

#header .kirjaudu
{
	float: right;
	position:relative; background:#e7f4d6;
	border-left:1px solid #8ad82a;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

#header .ohjelinkit
{
	float: right;
	position:relative; background:#e7f4d6;
	border-left:1px solid #8ad82a;
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;	
}

#header .virheilmoitus
{
	font-weight:bold;
	color:#FF0000;
	font-size:12px;
}

#header .haku 
{
	float:left; margin:0; padding:3px 10px 10px 3px; border-left:none; 
}

#header span { display:block; padding-bottom:2px; }

#sisalto { float:left; width:58%; margin-left:21%; }
#sisalto .marginaali { padding:0 .5em .1em .8em; margin:0 1em;}

#lisatieto { float:left; width:20.5%; }

#etusivu {  width:100%; margin:0 auto; padding:0; float:left; text-align:left;}

#etusivu #sisalto { float:left; width:66%; margin:0; }
#etusivu #sisalto P { margin:.5em 0; font-size:.8em;}
#etusivu #sisalto .vakio2 { float:left; width:48.5%; background:#FEFAEC; border:1px solid #ccc; margin:.4em 0 0 0; }
#etusivu #sisalto .vakio3 { float:right; width:49%; background:#FEFAEC; border:1px solid #ccc; margin:.4em 0 0 0; }
#etusivu #sisalto .vakio2 P { margin:.5em .8em; font-size:.8em; line-height:1.4; }
#etusivu #sisalto .vakio3 P { margin:.5em .8em; font-size:.8em; line-height:1.4; }
#etusivu #sisalto .staattisen_otsikko { padding:.5em .5em; background:#e7f4d6; }

#etusivu #lisatieto { float:left; width:33%; }
#etusivu #lisatieto .nosto3 { background:#FEFAEC; border:1px solid #ffb901; margin:0 0 .4em 0; }
#etusivu #lisatieto .noston_otsikko { padding:.5em .5em; background:#fcf3b0; }
#etusivu #lisatieto .staattisen_otsikko { padding:.5em .5em; background:#e7f4d6; }
#etusivu #lisatieto H2 { margin:0; padding:0; font-size:.9em; }
#etusivu #lisatieto P { margin:.5em .8em; font-size:.8em; line-height:1.4; }

#sisalto_arviointi { float:left; width:100%;}
#sisalto_arviointi .marginaali { padding-left:10px; padding-right:10px; padding-bottom:10px;margin:0; }
#sisalto_arviointi P { margin:.5em 0; font-size:.8em;}

.lomake {border:1px solid #8ad82a; text-align:left; }
.lomake CAPTION {text-align:left; font-size:.8em; padding:3px 10px;}
.lomake TH {padding:3px 10px;  font-size:.8em; color:#5c5d61; text-align:left;}
.lomake TD {padding:3px 10px; font-size:.8em; text-align:left;}
.lomake TD.tilaa_10 {padding-bottom:10px;padding-top:10px;}
.lomake .raja {border-right:1px solid #8ad82a;}

.virheilmoitus {font-weight:bold; color:#FF0000;}
.ilmoitus {font-weight:bold; color:#8ad82a;}
.varoitus {font-weight:bold; color:#FF0000;}

#palstat:after, #etusivu:after, .ec:after, .sivukartta:after
{ content:'[.]'; display:block; height:0; clear:both; visibility:hidden; }
#palstat, #etusivu, .ec, .sivukartta
{ display:inline-block; }
#palstat, #etusivu, .ec, .sivukartta
{ display:block; }
.cl { clear:both; font-size:0; line-height:0; height:0; }
.piilota { position:absolute; display:none; visibility:hidden; }

#ylavalikko { width:100%; background:#26730D; z-index:20; border-top: 3px solid #8CD928;min-width:825px;}
#ylavalikko P { margin:0; padding:0; font-size:.8em; font-weight:bold; white-space:nowrap; }
#ylavalikko SPAN.vali { display:block; float:left; width:1px; height:2.5em; background:#8CD928; }
#ylavalikko SPAN.kulma_vasen { display:block; float:left; width:20px; height:2.6em; background-color: #8CD928; background-position:bottom; background-image:url( kuvat/kulma_vasen.gif); background-repeat: no-repeat;}
#ylavalikko SPAN.kulma_vasen_valittu { display:block; float:left; width:20px; height:2.6em; background-color: #FFFFFF; background-position:bottom; background-image:url( kuvat/kulma_vasen.gif); background-repeat: no-repeat;}
#ylavalikko SPAN.kulma_oikea { display:block; float:left; width:20px; height:2.6em; background-color: #8CD928; background-position:bottom; background-image:url( kuvat/kulma_oikea.gif); background-repeat: no-repeat;}
#ylavalikko SPAN.kulma_oikea_valittu { display:block; float:left; width:20px; height:2.6em; background-color: #FFFFFF; background-position:bottom; background-image:url( kuvat/kulma_oikea.gif); background-repeat: no-repeat;}
#ylavalikko A { display:block; float:left; width:auto; padding:8px 20px 5px 20px; color:#FFF; text-decoration:none; }
#ylavalikko A.eivalittu { border-bottom:1px solid #26730D; margin-top:-3px; display:block; float:left; width:auto; padding:8px 20px 5px 20px; color:#FFF; text-decoration:none; border-top: 3px solid #8CD928; }
#ylavalikko A.valittu { border-bottom: 3px solid #fff; border-top: 3px solid #ffb901; margin-top:-3px; display:block; float:left; padding:8px 20px 5px 20px; background:#FFF;  color:#000; }

#ylavalikko A.vaihe:hover { color:#26730D; text-decoration:none; }

#ylavalikko A.eivalittu:hover {background:#399A18; border-bottom:3px solid #399A18; color:#FFF; text-decoration:none; } 

#ylavalikko A.vaihe { display:block; float:left; background:#8CD928;border-bottom:3px solid #8CD928; color:#FFFFFF;}
#ylavalikko A.vaihe_estetty {display:block; float:left; padding:8px 20px 5px 20px; color:#999; background:#8CD928; border-bottom:3px solid #8CD928;}
#ylavalikko A.vaihe_valittu { border-bottom:3px solid #FFFFFF; display:block; float:left; padding:8px 20px 5px 20px; background:#FFF;  color:#000;}

#ylavalikko DIV.prosessi { display:block; float:left; width: 300px; }

DIV.spacer { position:relative; }
DIV.spacer P { margin:0; padding:8px 10px; font-size:.8em; }
DIV.leveysrajoitin {width:70%;}

.omataulu {border-top:3px solid #8ad82a; width:100%;}
.omataulu CAPTION {text-align:left; font-size:.8em; font-weight:bold; padding:3px 10px;}
.omataulu TH {padding:3px 10px; background:#e7f4d6; font-size:.8em; color:#5c5d61; text-align:left; border-bottom:1px solid #8ad82a;}
.omataulu TD {padding:3px 10px; font-size:.8em; text-align:left; border-bottom:1px solid #8ad82a;}
.omataulu .raja {border-right:1px solid #8ad82a;}

#vaihepolku {float:left; width:25%;background:#e7f4d6;margin-right:20px;}
#vaihepolku H2 { margin:0 0 .5em 0; padding:6px 10px; font-size:.8em; border-top:5px solid #8bda27; border-bottom:1px solid #8bda27; background:#c9e3a7; }
#vaihepolku H3 { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 6px; MARGIN: 5px 5px 0px; COLOR: #26730b; PADDING-TOP: 6px}
#vaihepolku UL { margin:0 0 0 5px; padding:0; }
#vaihepolku LI { PADDING-RIGHT: 10px; PADDING-LEFT: 15px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none;}
/*#vaihepolku LI.valittu { color:#26730b; padding:3px 15px 3px 15px; margin:0; background:url( kuvat/bullet3.gif) 0px 7px no-repeat; list-style:none; } */
#vaihepolku LI.valittu { background-color:#ffffff; color:#26730b; padding:3px 15px 3px 15px; margin:0; list-style:none; } 
#vaihepolku LI.estetty { color:#000; padding:3px 15px 3px 15px; margin:0; list-style:none; } 
#vaihepolku LI.arvioitu { PADDING-RIGHT: 20px; PADDING-LEFT: 15px; background-position:right center; background-repeat:no-repeat; BACKGROUND-IMAGE: url(kuvat/ruksi.gif); PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none}
#vaihepolku LI.arvioitu_valittu { color:#26730b; background-color:#ffffff; PADDING-RIGHT: 20px; PADDING-LEFT: 15px; background-position:right center; background-repeat:no-repeat; BACKGROUND-IMAGE: url(kuvat/ruksi.gif); PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none}

#arviointialue {float:left; width:70%;}

.arviointilomake {BORDER-RIGHT: #8ad82a 1px solid; BORDER-TOP: #8ad82a 1px solid; PADDING-LEFT: 0.5em; BORDER-LEFT: #8ad82a 1px solid; WIDTH: 100%; BORDER-BOTTOM: #8ad82a 1px solid; TEXT-ALIGN: left}
.arviointilomake TH {PADDING-LEFT: 0.5em; FONT-WEIGHT: normal; COLOR: #000000; PADDING-TOP: 1em; TEXT-ALIGN: left}
.arviointilomake TD.arvosana {PADDING-RIGHT: 1.5em; PADDING-LEFT: 1.0em; BACKGROUND: #e7f4d6; PADDING-BOTTOM: 0.5em; MARGIN-LEFT: 2em; WIDTH: 30%; PADDING-TOP: 0.5em}
.arviointilomake .yhteensa TD.arvosana {PADDING-RIGHT: 1.5em; PADDING-LEFT: 1.0em; BACKGROUND: #fbf3af; PADDING-BOTTOM: 0.5em; MARGIN-LEFT: 2em; WIDTH: 30%; PADDING-TOP: 0.5em}
.arviointilomake TD {PADDING-LEFT: 0.5em; FONT-SIZE: 0.8em; TEXT-ALIGN: left}
.arviointilomake P.perustelut {MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0.2em}
.arviointilomake TR.yhteensa {PADDING-RIGHT: 0.5em; BACKGROUND: #fbf3af; BORDER-BOTTOM: #8ad82a 1px solid}
HR.arvosana {BORDER-BOTTOM: #8ad82a 1px solid;HEIGHT: 1px;BORDER-TOP-STYLE: none;BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none;}
.kentta90 {WIDTH: 98%;}

.yhteenvetoh2 {
	font-size: 1em; color: #26730D; 
}
.yhteenveto {
	font-size: 0.9em; 
}
.yhteenveto TH {
	color: #FFFFFF; background-color: #26730D; font-weight: normal; padding: 3px 10px 3px 10px;
}
.yhteenveto TD {
	font-weight: normal; padding-left: 10px; padding-right: 10px; text-align: center; border-bottom: solid 1px #26730D; padding: 3px 10px 3px 10px;
}
.yhteenveto TH.alueth {
	text-align: left; padding-left: 10px;
}
.yhteenveto TD.aluetd {
	background-color: #DDF4BE; text-align: left; padding-left: 10px;
}
.yhteenveto TD.arvosanatd {
	background-color: #DDF4BE; text-align: center; padding-left: 10px; padding-right: 10px; 
}
.yhteenveto TR {
	border-bottom: solid 1px #26730D;
}

.yhteenveto .yhteensarivi TD {
	color: #FFFFFF; background-color: #26730D; font-weight: bold; padding-left: 10px; padding-right: 10px;
}
.yhteenveto TD.yhteensatd {
	text-align: left; padding-left: 10px;
}
.tulostaulu { 
	font-size: .85em; empty-cells: show;
}
.tulostaulu TD {
	padding: 3px 3px 3px 3px;
	border-bottom: solid 1px #26730D;
}
.tulostaulu TR.sarots {
	font-weight: bold; font-size: .75em; color: #26730D; background-color: #FFFFFF; border-top: solid 3px #26730D; 
}
.tulostaulu TR.aluerivi {
	font-weight: bold; font-size: .95em; color: #FFFFFF; background-color: #26730D;
}
.tulostaulu TH.sarakekorostus {
	background-color: #F1F9DF; text-align: center; padding: 10px 1px 1px 2px;
}

.sarakekorostus {
	background-color: #F1F9DF; text-align: center; padding: 3px 2px 3px 2px;
}
.eisarakekorostus {
	text-align: center; padding: 3px 2px 3px 2px;
}
.aluetd {
	text-align: center; padding: 3px 2px 3px 2px;
}
.sarots TH {
	padding-top: 10px; background: url(kuvat/tuplaviiva.gif); background-position: top; background-repeat: repeat-x;
}
.normalth {
	text-align: left; padding: 3px 3px 3px 3px; 
}
.kriteeririvi {
	color: #26730D; background-color: #E3F4BF; font-weight: bold; 
}
.kriteeririvi TD {
	border-top: solid 3px #339933; border-bottom: 0; 
}
.kriteerisarake {
	color: #26730D; background-color: #E3F4BF; text-align: left; 
}

.tilaa_10
{
	 padding-bottom:10px;padding-top:10px;
}
.tilaa_7
{
	 padding-bottom:7px;padding-top:7px;
}

.tilaa_5
{
	 padding-bottom:5px;padding-top:5px;
}

.keskita
{
	margin:0 auto;
	text-align:center;
}

.taulukko {
    font-size: 0.9em;
}
.taulukko CAPTION {
    font-size: 1em; color: #26730D;
}
.taulukko TH {
    color: #FFFFFF; background-color: #26730D; font-weight: normal; 
padding: 3px 10px 3px 10px;
}
.taulukko TD {
    font-weight: normal; padding-left: 10px; padding-right: 10px; 
text-align: center; border-bottom: solid 1px #26730D; padding: 3px 10px 
3px 10px;
}
.taulukko TD.korosta {
    background-color: #DDF4BE;
}
.taulukko TR {
    border-bottom: solid 1px #26730D;
}
.taulukko TD.yhteensa {
    color: #FFFFFF; background-color: #26730D; font-weight: bold; 
padding-left: 10px; padding-right: 10px;
}
.taulukko TFOOT {
    color: #26730D;
}


@media Print
{
	input.btn 
	{
		display:none;
	}	
	#header
	{
		display:none;		
	}
	#ylavalikko
	{
		display:none;
	}
}