/************* Päivitetty 7.5.2023 ***********/

/* ************ Modaalisten ikkunoiden kenttäarvon häviämisen esto */
.apex-item-select,
.apex-item-text,
.apex-item-textarea,
.apex-item-multi {
backface-visibility: hidden;
}


/***************** Kappaleet, otsakkeet, luvut jne. *************/

.asiakirjaotsake{
    color:#262626;
    font-family:"Times New Roman", Times, serif;
    font-size:3.4em;
    line-height: 1.1;
    margin-bottom:5px;
    margin-top:15px;
    max-width:1450px;
    padding-right:0%;
}

.asiakirjaotsake_dg{
    color:white ;
    font-family:"Times New Roman", Times, serif;
    font-size:3.4em;
    line-height: 1.1;
    margin-bottom:5px;
    margin-top:15px;
    max-width:1450px;
    padding-right:0%;
}


.asiakirjaotsake_sma{
    color:#262626;
    font-style: italic;
    margin-bottom:20px;
    margin-top:10px;
    max-width:1450px;
    font-size:2.4em;
    line-height: 1.1;
    padding-right:0%;
}

.asiakirjaotsake_sma_dg{
    font-style: italic;
    color:white ;
    margin-bottom:20px;
    margin-top:10px;
    max-width:1450px;
    font-size:2.4em;
    line-height: 1.1;
    padding-right:0%;
}

.asiakirjaotsakealarivi{
    color:#262626 ;
    font-size:0.6em;
    font-style: italic;
    line-height: 1.1;
    margin-bottom:0px;
    margin-left:2%;
    margin-top:15px;
    max-width:1450px;
    padding-right:0%;
    text-align: left;
}

.asiakirjaotsakepaivitys{
    color:#262626 ;
    font-size:0.5em;
    font-style: italic;
    line-height: 1.1;
}


.asiakirjaotsakealarivi_dg{
    color:white ;
    font-size:0.6em;
    font-style: italic;
    line-height: 1.1;
    margin-bottom:0px;
     margin-left:2%;
    margin-top:15px;
    max-width:1450px;
    padding-right:0%;
    text-align: left;
}


.kappalealku {
    margin-bottom:20px;
    font-size:1.1em;
    
}

.kappale {
    margin-bottom:20px;
    font-size:1.2em;
    color:#262626;

}

.kappalelue {
    margin-top:4.6em; 
}

.kappaleotsake {
    margin-bottom:15px;
    margin-top:40px;
    padding-right:5%;
    font-size:1.5em;
    line-height: 1.1;
    color:#262626;
    
}


.kappaleotsake_dg {
    margin-bottom:15px;
    margin-top:9%;
    padding-right:5%;
    font-size:1.4em;
    line-height: 1.1;
    color:white;
}


.kappaleotsake_whi {
    margin-bottom:15px;
    margin-top:9%;
    padding-right:5%;
    font-size:1.5em;
    line-height: 1.1;
    color:white;
}

.kappaleotsake_med {
    margin-bottom:15px;
    margin-top:40px;
    padding-right:5%;
    font-size:2.1em;
    line-height: 1.1;
    color:#262626;
    
}


.kappaleotsake_dg_med {
    margin-bottom:15px;
    margin-top:9%;
    padding-right:5%;
    font-size:2.1em;
    line-height: 1.1;
    color:white;
}

.kappaleotsakealku {
     margin-left:auto;
    margin-right:auto;
    max-width:1030px;
    margin-bottom:15px;
    margin-top:40px;
    padding-right:5px;
    font-size:1.9em;
    color:#262626;
    line-height: 1.1;
}


.kappaleotsakealku_dg{
    color:white;
     margin-left:auto;
    margin-right:auto;
    max-width:1030px;
    margin-bottom:15px;
    margin-top:40px;
    padding-right:5%;
    font-size:1.6em;
    line-height: 1.1;
}
     
.kappaleteksti{
    margin-top:50px;
    margin-left:2.2%;
    margin-right:2.2%;
    color:#262626;
}

.kappale_dg {
    margin-bottom:20px;
    font-size:1.2em;
    color:white;
}


.karusellikuva {
    height:830px;
}

.kehysotsake {
    color:#262626; 
    font-weight:bold;
    font-size:1.15em;
    line-height: 1.1;
}


.kehysotsake_dg {
    font-weight:bold;
    font-size:1.15em;
    color:white;
}

.luku {
    max-width:1030px;
    padding-right:5%;
    margin-left:auto;
    margin-top:10px;
    margin-right:auto;
    font-size:1.05em;
    color:#262626;
    line-height: 1.5;
}

.lukuotsake{
    color:white;
    font-family: Arial, Helvetica, sans-serif;
    font-size:2.5em;
    margin-right:0%;
    margin-left:0%;
    margin-top:75px;
    padding:0.3%;
    width:100%;
    margin-bottom:7px;
    line-height: 1.1;
    text-align: center;
    background-color:#3c6219;/*#493e8e;/*#1e7b1e;/*#16504d;/*/
    
}


.lukuotsake2{
    color:white;
    font-family: Arial, Helvetica, sans-serif;
    font-size:2.5em;
    margin-right:0%;
    margin-left:0%;
    margin-top:75px;
    padding:0.3%;
    width:100%;
    margin-bottom:7px;
    line-height: 1.1;
    text-align: center;
    background-color:#239023;/*#2d2d9f;/#2d2d9f;/#624a37;/#5c513d;*#6c513d;/#5c513d;/4d4433; /#3d3629;/#5c513d;/#592d86;*/
}


.lukuotsake3{
    color:white;
    font-family: Arial, Helvetica, sans-serif;
    font-size:2.5em;
    margin-right:0%;
    margin-left:0%;
    margin-top:75px;
    padding:0.3%;
    width:100%;
    margin-bottom:7px;
    line-height: 1.1;
    text-align: center;
    background-color:#1e7b1e;/*#624a37;240723/#2d2d9f;/#624a37;/#5c513d;*#6c513d;/#5c513d;/4d4433; /#3d3629;/#5c513d;/#592d86;*/
    text-align:center;
    
}


.lukuotsakealarivi{
    color:white ;
    font-size:0.6em;
    line-height: 1.1;
    margin-bottom:0px;
    margin-left:0%;
    margin-top:2px;
    max-width:100%;
    padding-right:0%;
    text-align: center;
}

.luku_dg {
    max-width:1030px;
    padding-right:5%;
    margin-left:auto;
    margin-top:10px;
    margin-right:auto;
    font-size:1.1em;
    line-height: 1.5;
    color:white;
}

.sovellusotsake {
    margin-bottom:5px;
    margin-top:5px;
    padding-right:5%;
    font-size:1.4em;
    line-height: 1.1;
    color:#262626; /*tummanharmaa*/
}

.pag_top_lar    {
			color:#1b5e20; /*green darken-4*/
			font-size:1.5em;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	            }

.pag_top_med {
			color:#1b5e20; /*green darken-4*/
			font-size:1.3em;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	      	    }

.pag_top_sma  {
			color:#1b5e20; /*green darken-4*/
			font-size:1.1em;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	      	    }



.reg_top_whi_lar    {
			            color:#FFFFFF;
                     	font-size:1.30em; 
                     	font-family:Arial,sans-serif;
		            }

.reg_top_whi_med    {
			            color:#FFFFFF;
                     	font-size:1.20em; 
                     	font-family:Arial,sans-serif;
		            }
		  
.reg_top_whi_sma    {
			            color:#FFFFFF;
                     	font-size:1.10em; 
                     	font-family:Arial,sans-serif;
		            }



.reg_top_blu_lar    { 
			            color:#0052BD;
                     	font-size:1.30em; 
                     	font-family:Arial,sans-serif;
		            }
		        
.reg_top_blu_med    { 
			            color:#0052BD;
                     	font-size:1.25em; 
                     	font-family:Arial,sans-serif;
		            }
		        
.reg_top_blu_sma    { 
			            color:#0052BD;
                     	font-size:1.20em; 
                     	font-family:Arial,sans-serif;
		            }



.lista {
    font-size:1.18em;
    margin-left:10px;
    margin-top:8px;
    color:white;
    
}

.loppuviiva {
    font-size: 1.4;
    font-weight: bolder;
    text-align: center;
    color: #1e7b1e;;
    margin-top: 20px;
    
}

   
.t_alku  {
	background-color:#47423e;/*#3385d6;*/
    padding:20px;
    color:yellow;
    height:400px;
    max-width:350px;
    border-width:2px;
    border-style: solid;
    border-color: darkgreen;
     border-radius: 4px;
    }

.t_alku2  {
	background-color:#558b2f; /*light-green darken-3*/
    padding:20px;
    color:white;
    height:400px;
    max-width:350px;
    border-width:2px;
    border-style: solid;
    border-color: black;
     border-radius: 4px;
    }

.t-Body {

/*background-color:#33691e;*//*reg #558b2f;*/
background-color:white;/*#CACA97;#d2b48c; #D0D0BA*/
background-size : 100%;
background-position: 25%;
}
.vihreapainotus{
    color:#1e7b1e;/*#16504d;240323*/
}
/*********** Kuvat **********************/
.centerImage {
text-align: center;
border: 0px solid black;
}

a img {	border: none; } 
img {	margin:3px}

img {
    max-width: 100%;
    height: auto;
    border:1px solid black;/*#021a40;*/
}

.imgalaotsake {
    margin-top:5px;
    max-width:600px;
    margin-left:5px;
    font-size:0.96em;
    color:darkblue;
}

.imgleft {
    float:left;
    margin-top:10px;
    margin-left:10px;
    margin-right:2.8%;
}

.imgright {
    float:right;
    margin-top:10px;
    margin-left:2.8%;
    margin-right:10px;
}

.kuva {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:20px;
}

.kuvaright {
    float:right;
    margin-top:2%;
    margin-left:2.8%;
    margin-right:2%;
    margin-bottom:20px;
}

.kuvaleft {
    float:left;
    margin-top:10px;
    margin-left:3%;
    margin-right:2.8%;
    margin-bottom:20px;
}



.kuvateksti {
    font-size:1em;
    margin-left:10px;
    margin-top:0px;margin-bottom:5px;
    color:black;
    max-width:700px;
}

.kuvateksti_dg {
    font-size:1.05em;
    margin-left:10px;
    margin-top:0px;margin-bottom:5px;
    color:white;
    max-width:700px;
}


/***************** Ohjesivut *************/
.guide_margin { float: left; width:200px;height:600px;background:#99AAFF;
font-family:Arial,sans-serif;font-size:0.8em;margin-left:10px;}

.guide_margin_gr { float: left; width:200px;height:600px;background:#66FFBB;
font-family:Arial,sans-serif;font-size:0.8em;margin-left:10px;}


.guide_inside_text {background:#FFFFFF;border-width:thin;border-color:#335099;font-size:0.9em;font-family:Arial,sans-serif;
border-style:solid;margin-left:2%;margin-right:2%; margin-top:50px;padding-left:10px;
padding-right:10px;padding-bottom:10px; color:black}

.guide_inside_text_2 {background:#FFFFFF;border-width:thin;border-color:coral;font-size:0.83em;font-family:Arial,sans-serif;
border-style:solid;margin-left:40px;margin-right:80px; margin-top:20px;padding-left:10px;
padding-right:10px;padding-bottom:10px;}


.guide_margin_box { margin:7px;background:#4077FF;border-width:thin;border-style:outset;
	border-color:#FFFFFF; color:#FFFFFF;text-align:left; padding:5px;}

.guide_margin_text {margin:7px;background:#FFFFFF;border-width:thin;border-style:solid;}


.report_inside_text {background:#FFFFFF;border-width:thin;border-color:#335099;font-family:Arial,sans-serif;
border-style:solid;margin-left:10px;margin-right:10px; margin-top:20px;padding-top:1px;font-size:0.9em;
	color:#335099;border-color:#335099;}

.report_margin_text {margin:7px;background:#FFFFFF;border-width:thin;border-style:solid;
	border-color:#335099;}

.report_margin { float: left; width:200px;height:600px;background:#99CCFF;
font-family:Arial,sans-serif;font-size:0.8em;}

.report_guide_top { font-family:Arial,sans-serif;font-size:0.8em;
          margin-right:80px;margin-left:10px;width:380px; height:70px; }

.report_margin_box { margin:7px;background:#335099;border-width:thin;border-style:outset;
	border-color:#FFFFFF;height:50px; color:#FFFFFF;text-align:center;}

/**************** Painikkeet ***************/
.diapainike {
    background-color:darkblue;
    /*box-shadow: 2px 2px 2px #D7DBDD;*/
    border-radius: 20px;
    float: left;
    width: 95%;
    text-align: center;
    padding: 8px;
    font-size:1.2em;
    border: 1.5px solid white;
    color:yellow;   
    
}

a.button4{
color:yellow;
display: inline-block;
padding:0px 0px;
margin:0 1px 1px 0;
border:3px solid rgba(255,255,255,0);
border-radius:12px;
box-sizing: border-box;
font-family:'Arial';
font-weight:300;
font-size:0.8em;
/*text-shadow: 0 4px 4px rgba(0,0,0,0.35);*/
text-align:center;
transition: all 0.2s;
background-color:#47423e;/*background-color:#47423e;#33691e;*/
}
a.button4:hover{
border-color: rgb(248, 246, 250);
}
@media all and (max-width:40px){
a.button4{
display:block;
margin:2px auto;
 }
}


.vahvuus {
    margin:1px; 
    max-width:165px;
    display: inline-block;
}

/************ Linkit *******************/
a:link 	    {
		font-family: Arial, sans-serif; 
		font-size: 1em; 
		font-weight:normal;
		color:#006064;/*cyan darken-4*/
		text-decoration:none;	
	    }

a:visited {	font-family: Arial, sans-serif; 
	   	font-size: 1em; 
		font-weight:normal;
	   	color:#6a1b9a;/*purple darken-3*/
	   	text-decoration:underline;}

a:hover {	font-family: Arial, sans-serif; 
	 	font-size: 1em; 
		color:#64dd17;/* light-green accent-4*/
		text-decoration:none; }



.navalert {
    font-size:1em;
    color:lightblue;
}

.navalert_dg {
    font-size:1em;
    color:lightblue;
}

.navalert_dg:hover {
  color: lightgreen;
}

.nav_dg {
    font-size:1em;
    color:lightblue;
    text-decoration: underline;
}

.nav_dg:hover {
  color: lightgreen;
}

a.nav:link {color: #006064; text-decoration: underline; } /*cyan darken-4*/
a.nav:visited {color: #6a1b9a; text-decoration: underline; } /*purple darken-3*/
a.nav:hover {color: #64dd17; text-decoration: none; } /* light-green accent-4*/

.navi { text-align:center;font-family: Arial, sans-serif;text-decoration:none;	font-size:0.8em;}
.navi_blue { font-family: Arial,sans-serif; color:#335099;sans-serif;text-decoration:none;	font-size:0.8em;}
.navi_home {font-family: Arial, sans-serif;text-decoration:none;font-size:0.8em;color:#CC0000; }

.navalert{
    color: #558b2f /*light-green darken-3*/
   /* font-weight: strong;*/
}

/* ************ Taustat ***************/
#arkkitehtuuri{
   background-color: #8bbb2a;/*#8bbb2a;#c2f0c2;99AC33*/
    /*box-shadow: 5px 5px  #D7DBDD;*/
    border: 0px solid #7373e9;
}


.johto{
   color:white;
    font-size:1.1em;
    background-color:#b3b3e6;/*#7cb342; light green*/
    margin-top:60px;
    margin-bottom:10px;
    border-radius:10px;
    /*box-shadow: 5px 5px  #D7DBDD;
    border: 2px solid #7373e9;*/
}


#johto{
    color:white;
    font-size:1.1em;
    background-color:#877c12;/*#9e9015;light khaki #689537; light green #7cb342;*/
    margin-top:60px;
    margin-bottom:10px;
    border-radius:10px;
    /*box-shadow: 5px 5px  #D7DBDD;
    border: 2px solid #7373e9;*/
}


#dia{
   background-color:#7cb342;/*light-green darken-1*/
    /*box-shadow: 5px 5px  #D7DBDD;*/
     border: 0px solid #7373e9;
}

#dia2{
   background-color:#663300;/*tumman ruskea*/
    /*box-shadow: 5px 5px  #D7DBDD;*/
     border: 0px solid #7373e9;
}
.diat {
    border-radius: 5px;
    width: 100%;
    text-align: center;
    padding: 3px;
    font-size:1.2em;
    border: 1.1px solid darkBlue;   
}
/*
.imag    {  max-width: 100%;
            height: auto;
            border: 0px solid red;}
*/
.lau {
    background-color: #7373e9;
    box-shadow: 5px 5px 2px #D7DBDD;
    border-radius: 25px;
    float: left;
    width: 95%;
    padding: 15px;
    font-size:1.3em;
    border: 2px solid white;
    color:white;   
    
}

#palaute  { 
    background-color: #7cb342;/*light-green darken-1 light-green #aed581= light-green lighten-2*/
    color:white;
    font-weight: normal;
    font-size:1.1em;
    padding: 1px;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
  border-color: black;
}
.palaute  { 
    background-color:  #7cb342;/*light-green darken-1  #aed581= light-green lighten-2*/
    color:white;
    font-weight: normal;
    font-size:1.1em;
    padding: 1px;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: black;
    margin-top:3%;
}

#reg {
  color:white;
  font-style: bold;
  font-size: 1.3em;
  border-radius: 0px;
  padding:1px;
  background-color:#558b2f; /*light-green darken-3*/
}

.reg {
  color:white;
  font-style: bold;
  font-size: 1.3em;
  border-radius: 0px;
  padding:1px;
  /*background-color:#689f38;#8bbb2a; #689f38 light-green darken-2*/
  background-color:#558b2f; /*light-green darken-3*/
}


.tumma_dg {
    background-color:#33691e;
    padding:2%;
    color:white;
    font-size: 1.6em;
    width:80%;
    border:2px; 
    border-color:white;
    border-radius:8px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
    border-style: outset;   
}
    
.t_vali  {
	background-color:white;
    padding-left:1%;
    color:white;
    width:8%;
    }


#tyokalu {
   
    background-color:#8bbb2a;/*#3385d6;*/
    /*box-shadow: 3px 3px 2px #D7DBDD;*/
   color: white;
    
    /*border: 2px solid #7373e9;*/
}


.valilehti
{
/*background-color:#33691e;*//*reg #558b2f;*/
background-color:#739900;/*#D0D0BA;#d2b48c;vaalen ruskea;#739900;#558b2f;*/
background-size : 100%;
background-position: 25%;
border-radius:30px;
}

#valintaruutu{
color:#262626;
font-size:1.7em;
font-weight: bold;
line-height:1.3em;
background-color:#a5c171;/*#658c40;tummavalinta##62883e;/#728e3e;240723/#637c36;/#608000;/#739900; vihreä hyvä/#558b2f;*/
background-size : 100%;
background-position: 0%;
border-radius:8px;
margin-top:5%;
margin-bottom:2%;
padding:2%;
}

.valintaruutu{
color:#262626;
font-weight: bold;
font-size:1.7em;
line-height:1.3em;
text-align:center;
background-color:#a5c171;/*#637c36;/250723*/
background-size : 100%;
background-position: 0%;
border-radius:8px;
margin-top:5%;
margin-bottom:2%;
padding:2%;
}


#valintaoranssi{
color:white;
font-size:2.0em;
line-height:1.3em;
text-align:center;
background-color: #1e7b1e;/*#6800b3;/*#cc7a00;/*#cc7000;/#cc7a00*/
background-size : 100%;
background-position: 0%;
border-radius:8px;
margin-top:5%;
margin-bottom:2%;
padding:2%;
}

.valintaoranssi{
color:white;
font-size:2.0em;
line-height:1.3em;
text-align:center;
background-color: #1e7b1e;/*#6800b3;/*#cc7a00;/*#cc7000;/#cc7a00*/
background-position: 0%;
border-radius:8px;
margin-top:5%;
margin-bottom:2%;
padding:2%;
}


.valintaoranssi2{
color:white;
font-size:2.0em;
line-height:1.3em;
text-align:center;
background-color:#3c6219;/*#508a3d;/*#493e8e; /*#6800b3;/*#cc7a00;/*#cc7000;/#cc7a00*/
background-position: 0%;
border-radius:8px;
margin-top:5%;
margin-bottom:2%;
padding:2%;
}



.valintaoranssi3{
color:white;
font-size:2.0em;
line-height:1.3em;
text-align:center;
background-color:#808000;/*#7755f9; /*#ac66e6;/*#cc7a00;#cc7000;/#cc7a00*/
background-position: 0%;
border-radius:8px;
margin-top:5%;
margin-bottom:2%;
padding:2%;
}; /*#ac00e6;/*#cc7a00;#cc7000;/#cc7a00*/
background-position: 0%;
border-radius:8px;
margin-top:5%;
margin-bottom:2%;
padding:2%;
}


.valintaoranssi4{
color:white;
font-size:2.0em;
line-height:1.3em;
text-align:center;
background-color: #1a75ff;/*#cc7a00;#cc7000;/#cc7a00*/
background-position: 0%;
border-radius:8px;
margin-top:5%;
margin-bottom:2%;
padding:2%;
}

.valintaoranssi5{
color:white;
font-size:2.0em;
line-height:1.3em;
text-align:center;
background-color: #cc5200;/*#cc7a00;#cc7000;/#cc7a00*/
background-position: 0%;
border-radius:8px;
margin-top:5%;
margin-bottom:2%;
padding:2%;
}

.yritysesittely    {
    margin-top:3px;
    padding:2px;
    font-size:1.08em;
}


/********** Tekstialueet *********/

 
ol.ok_blue 
	{list-style-image: url(#WORKSPACE_IMAGES#ok_blue_14.png); 
	margin-left:30px; margin-right:30px; font-size:1em;
 	}

    

li 	{	margin-top:10px;
		font-size: 1em;
	}

ul.bullet_blue {
	list-style-image: url(#WORKSPACE_IMAGES#bullet_blue_10.png);
	margin-left:30px; margin-right:30px; font-size:1em; 
	}


/*Vaalean sininen pohja*/
.vuo {
    background-color: #E2FAFE;
    padding: 3px;
    border: 2px solid darkblue;  
}

/*******************LOPPU Yleiset  *^^^^^^^^^^^^^^^^^^^^^^^^^*/



/**************** ALKU Ei sivu 3, joten voisi poistaa ******************/


#pilvi{
   background-color: #8bbb2a;
    /*box-shadow: 5px 5px  #D7DBDD;*/
    border: 0px solid #7373e9;
}

.sivualueoikea {
    max-width: 700px;
    margin-left:10px;
    margin-top:35px;
    font-size:1.2em;
}


.sivualuevasen {
    max-width: 1500px;
    margin-left:10px;
    margin-top:35px;
    font-size:1.2em;
}


    
.sys1 {
    float: left;
    background-color: #E2FAFE;
    box-shadow: 5px 5px 2px #D7DBDD;
    padding: 3px;
    border: 2px solid blue;
    
    
}

    
.b {
    background-color: #FDFDFB  ;
    box-shadow: 5px 5px 2px #D7DBDD;
    float: left;
    width: 28%;
    border: 10px  blue;
    padding: 15px;
     border: 2px solid blue;  
    
}
    
.c {
    background-color: #E2FAFE;
    box-shadow: 5px 5px 2px #D7DBDD;
    float: left;
    width: 90%;
    
    padding: 15px;
    border: 2px solid red;
    
    
}
    
.cus {
    border-radius: 25px;
    background-color: #E2FAFE;
    box-shadow: 5px 5px 2px #D7DBDD;
    float: left;
    width: 95%;
    padding: 10px;
    border: 2px solid blue;   
}
    

.menu {
    width: 20%;
    float: left;
    padding: 15px;
    border: 1px solid red;
}

/* ******************* Alku focusa.css ******************- */

/* Alku Otsakeluokat */


/* Alku Tageja */

p {    font-weight: normal; color: black; font-family:Arial,sans-serif; 
       text-align:left;margin: 0px 30px 5px 10px;} 


h1 {	font-family: Arial, sans-serif; 
	color:black;
	/*color:#1b5e20; green darken-4 */
	font-size: 1.83em; }
x1 {	font-family: Arial, sans-serif; 
	color:black;
	/*color:#1b5e20; green darken-4 */
	font-size: 1.83em; }


h2 {	font-family: Arial, sans-serif; 
	color:black;
	font-size: 1.65em; }
x2 {	font-family: Arial, sans-serif; 
	color:#FF0000;
	font-size: 10em; }

h3 {	font-family: Arial, sans-serif; 
	color:black;
	font-size: 1.50em;
	margin-bottom:3px ;
	margin-top:1px;
	font-weight:bold;}
x3 {	font-family: Arial, sans-serif; 
	color:black;
	/*color:#1b5e20; green darken-4 */
	font-size: 1.50em;
	margin-bottom:3px ;
	margin-top:1px;
	font-weight:bold;}

h4 {	font-family: Arial, sans-serif;
 	color:black;
	/*color:#1b5e20;green darken-4 */
	font-size: 1.32em;
	margin-bottom:8px ;
	font-weight:bold;}
x4 {	font-family: Arial, sans-serif;
	color:black; 
	/*color:#1b5e20; green darken-4 */
	font-size: 1.32em;
	margin-bottom:8px ;
	font-weight:bold;}


h5 {	font-family: Arial, sans-serif; 
	color:black;
	/*color:#1b5e20; green darken-4 */ 
	font-size: 1.26em; 
	margin-top:10px;
	margin-bottom:3px;
	font-weight:bold;}
x5 {	font-family: Arial, sans-serif; 
	color:black;
	/*color:#1b5e20; green darken-4 */ 
	font-size: 1.26em; 
	margin-top:10px;
	margin-bottom:3px;
	font-weight:bold;}

h6 {	font-family: Arial, sans-serif;
	color:black; 
	/*color:#1b5e20; green darken-4 */
	font-size: 1.08em; 
	margin-top:3px;
    margin-bottom:2px;}
x6 {	font-family: Arial, sans-serif; 
	color:black;
	/*color:#1b5e20; green darken-4 */ 
	font-size: 1.08em; 
	margin-top:3px;
	margin-bottom:2px;
	font-weight:bold;}


/* Loppu Tageja */

div.guide {    font-weight: normal; color: black; font-family:Arial,sans-serif;
       text-align:left;vertical-align:top;margin: 0px 30px 10px 235px; font-size:0.88em; } 
div.report {    font-weight: normal; color: black; font-family:Arial,sans-serif;
       text-align:left;margin: 5px 30px 10px 5px; font-size:0.85em;width:200px; } 

.example
{	font-family: Arial, sans-serif; 
	font-size: 1em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none}




blockquote {margin:15px}

.page_upper_text { margin:1px;background:#9999FF;border-width:thin;border-style:outset;
	border-color:#FFFFFF;height:40px; color:#FFFFFF;text-align:left;}




.field_label 	    {	color:#335099;
			font-family: Arial, sans-serif;
			font-weight:bold;
			font-size: 0.95em;
			text-decoration:none;
	     	    }


.remark
{	font-family: Arial, sans-serif; 
	font-size: 1em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none;
	font-style:italic;}

.remark_little
{	font-family: Arial, sans-serif; 
	font-size: 0.88em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none;
	font-style:italic;}

.remark_text_little {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.88em; 
		margin-left:8px;
	     }


.remark_medium
{	font-family: Arial, sans-serif; 
	font-size: 0.91em;
	color:#FFFFFF; 
	background-color:#0044EE;
	text-decoration:none;
	font-style:italic;}

.remark_text_medium {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.95em; 
		margin-left:8px;
	     }



.text_little {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.82em; 
	     }

.text_medium {
		font-family: Arial, sans-serif; 
		color:black; 
		font-size:0.95em; 
	     }

.text	{
	font-family: Arial, sans-serif; 
	color:black; 
	font-size:1em; 
	}


.text_little_red {
		font-family: Arial, sans-serif; 
		color:#CC0000; 
		font-size:0.82em; 
	     }


.text_medium_red {
		font-family: Arial, sans-serif; 
		color:#CC0000; 
		font-size:0.95em; 
	     }

.text_red	{
	font-family: Arial, sans-serif; 
	color:#CC0000; 
	font-size:1em; 
	}


.text_little_blue {
		font-family: Arial, sans-serif; 
		color:#335099; 
		font-size:0.82em; 
	     }

.text_medium_blue {
		font-family: Arial, sans-serif; 
		color:#335099; 
		font-size:0.95em; 
	     }

.text_blue { color:#335099;
                     font-size:1em; 
                     font-family:Arial,sans-serif;
		     }

.text_bold_blue { color:#0A122A;
                     font-size:1.05em; 
                     font-family:Arial,sans-serif;
		     font-weight:bold;
		     }

.text_blue_bold	{
	font-family: Arial, sans-serif; 
	color:#335099; 
	font-size:1.05em;
	font-weight:bold; 
	}


.text_medium_white {
			font-family: Arial, sans-serif; 
			color:white; 
			font-size:0.95em; 
	    	    }


.text_help 	    { 	color:#335099;
                     	font-size:1em; 
                     	font-family:Arial,sans-serif;
		    }


.pag_top_lar    {
			color:#0052BD;
			font-size:250%;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	            }

.pag_top_med {
			color:#0052BD;
			font-size:180%;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	      	    }

.pag_top_sma  {
			color:

			font-size:120%;
			font-weight:bold;
			font-style: italic;
			font-family:Arial,sans-serif;
	      	    }

.region_topic_white {
			color:#FFFFFF;
                     	font-size:1.25em; 
                     	font-family:Arial,sans-serif;
		    }

.page_upper_text { margin:1px;background:#9999FF;border-width:thin;border-style:outset;
	border-color:#FFFFFF;height:40px; color:#FFFFFF;text-align:left;}


region_topic_blue  { 
			color:#0052BD;
                     	font-size:1.35em; 
                     	font-family:Arial,sans-serif;
                     	font-weight:bold;
		    }

.home_middle {	  valign="top" height="371px"}


.empty_paragraph { height:80px;}

.top_lbl {	font-family: Arial, sans-serif; 
	color:#335099; 
	font-size: 1.40em;
	margin-bottom:3px ;
	margin-top:1px;
	font-weight:bold;}

div.pic_icon {float:left;width:140px;height:130px;margin:5px;}

div.text_part {	vertical-align:middle;height:77px;margin-left:170px;color:#335099;margin-right:23px;
		margin-top:20px;font-size:1.15em; font-family:Arial, sans-serif; padding:10px;
		background:#FFFFFF;border-width:1px;border-color:#335099;border-style:solid;}

/******Loppu focusa.css --> **********/

/*************Kotisivu alku ****************/


.clearfix::after {
  content: "";
  clear: both;
  display: table;
  
}

.column {
  float: left;
  padding: 2px;
}
    
.cuslightblue {
    border-radius: 25px;
    background-color:  #0db9f2;
    box-shadow: 5px 5px 2px #D7DBDD;
    float: left;
    width: 90%;
    padding: 15px;
    border: 2px solid blue; 
    color:white;
}


.header {
    border: 1px solid red;
    padding: 15px;
}





.menu {
    width: 25%;
    float: left;
    padding: 15px;
    border: 1px solid red;
}





.menu ul {
  list-style-type: none;
  margin: 0px;
  padding: 10px;
  background: grey;
}


.menu li {
  padding: 3px;
  margin-bottom: 5px;
  background-color: grey;
  color: #ffffff;
}

.menu li:hover {
  background-color: #0099cc;
}


.


.pohjatausta {
    background-color: grey;
    box-shadow: 3px 3px 2px #D7DBDD;
   
} 

.sivualueoikea {
    max-width: 650px;
    margin-left:10px;
    margin-top:35px;
    font-size:1.15em;
}


.sivualuevasen {
    max-width: 1200px;
    margin-left:10px;
    margin-top:35px;
    font-size:1.15em;
}

/***************Kotisivu loppu ************************/