body
{ 
	background-color: #FFFFCC;
	color: #000000;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	topmargin: 5px;
/*	margin: 5 !important;*/
}

h1
{
	font-weight: bold; 
	font-size: 30px; 
	margin: 0px; 
	color: #E48901; 
}
h2
{
	font-weight: bold; 
	font-size: 24px; 
	margin: 0px; 
	color: #E48901; 
}
h3
{
	font-weight: bold; 
	font-size: 20px; 
	margin: 0px; 
	color: #E48901; 
}
h4
{
	background-color: #936705;
	font-weight: bold; 
	font-size: 20px; 
	margin: 0px; 
	color: #FFF; 
}
h10
{
	font-weight: bold; 
	font-size: 20px; 
	margin: 0px; 
	color: #FFFFFF; 
}
#menudiv
{
padding-left:5px;
padding-right:23px;
}

.wrapper
{
	width: 976px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	height: 155px;
}
.StrL
{
	float:left;
	background-color: #FFFFCC;
	width: 203px;
	height: 1920px;
/*	margin-left: 10px;*/

}

.StrR
{
	background-color: #FFFFCC;
	float:left;
	width: 773px;
	height: 1920px;
}
.R1
{
	background-color: #8CA678;
	width: 773px;
	height: 94px;
	
}
.R1A
{
	float:left;
	width: 663px;
	height: 94px;
	
}
.R1B
{
	float:left;
	width: 110px;
	height: 94px;
	margin-top: 1px;
	
}
.R2
{
	background-color: #8CA678;
	width: 773px;
	height: 283px;
}
.R3
{
	margin-top: 20px;
	text-align: center;
	height: 85px;
}
.R4
{
	background-color: #FFFFCC;
	margin-top: 20px;
	margin-left: 50px;
	color: #387423;
	height: 250px;
}
.Ra
{
	margin-left: 30px;
}
.R5
{
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-left: 50px;
	color: #387423;
	height: 650px;
	padding-right: 30px;
}
.R6
{
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-left: 50px;
	color: #387423;
	height: 420px;
	padding-right: 30px;
}

.L1
{
	background-color: #8CA678;
	width: 203px;
	height: 170px;
	padding: 30px;
}
.L2
{
	background-color: #8CA678;
	width: 203px;
	height: 380px;
	padding: 10px;
	
}
.L3
{
	background-color: #8CA678;
	color: #fff;
	width: 203px;
	height: 20px;
	text-align: center;
	font-size: 16px;
}
.L4
{
	background-color: #8CA678;
	width: 203px;
	height: 180px;
	padding: 12px;
}
.L5
{
	background-color: #8CA678;
	color: #fff;
	width: 203px;
	height: 160px;
	text-align: center;
	font-size: 16px;
	
}
.L6
{
	background-color: #FFFFCC;
	width: 203px;
	height: 30px;
	text-align: center;
	color: #8CA678;
	font-size: 12px;
	display: block;
	margin-top: 5px;
	margin-right: auto;
	
	
}
.DolHaslo
{
	background-color: #8CA678;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	line-height: 50px; 
	color: #FFFFFF;
}
.DolMuu
{
	background-color: #FFFFCC;
	height: 15px;
	
}
.LMP
{
	background-color: #FFFFCC;
	height: 15px;
}
a, A:link, a:visited, a:active
{
	background-color: #8CA678;
	color: #FFFFFF; 
	text-decoration: none; 
    font-family: Arial, Verdana; 
    font-size: 18px; 
	margin: 0px; 
    padding: 0px;
}
A:hover
{
	color: #FFFFFF;  background: #339933;
    text-decoration: none; 
    font-family: Arial, Verdana; 
    font-size: 18px;
    padding: 0px;
}

/*	Pevisa */
.PevisaStrL
{
	float:left;
	background-color: #FFFFCC;
	width: 203px;
	height: 1660px;
/*	margin-left: 10px;*/

}

.PevisaStrR
{
	background-color: #FFFFCC;
	float:left;
	width: 773px;
	height: 1910px;
	
}
.PevisaStrR h2
{
    display: block;
	font-weight: bold; 
	font-size: 20px; 
	margin: 0px; 
/*	color: #424242;*/
	color: #E48901; 
    border-bottom: solid #424242 1px;
}
.PevisaStrR h3
{
	font-weight: bold; 
	font-size: 20px; 
	margin: 0px; 
	color: #E48901; 
}
.Pevisa1
{
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-left: 50px;
	color: #387423;
	height: 1425px;
	padding-right: 30px;
}
/*	Pevisa koniec */

/*	Hinnasto */
.HinnastoStrR
{
	background-color: #FFFFCC;
	float:left;
	width: 773px;
	height: 3300px;
}

/* CSS Document     font-size: medium;
*/ 

.offscreen { 
  position: absolute; 
  top: -30em; 
  left: -300em; 
} 

div#hmenu { 
   margin: 0; 
   padding: .3em 0 .3em 0; 
   background: #ddeebb; 
   width: 100%; 
   text-align: center; 
} 

div#hmenu ul { 
   list-style: none; 
   margin: 0; 
   padding: 0; 
} 

div#hmenu ul li { 
   margin: 0; 
   padding: 0; 
   display: inline; 
} 

div#hmenu ul a:link{ 
   margin: 0; 
   padding: .3em .4em .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #004415; 
   background-color: #ddeebb; 
} 

div#hmenu ul a:visited{ 
   margin: 0; 
   padding: .3em .4em .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #227755; 
   background-color: #ddeebb; 
} 

div#hmenu ul a:active{ 
   margin: 0; 
   padding: .3em .4em .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #227755; 
} 

div#hmenu ul a:hover{ 
   margin: 0; 
   padding: .3em .4em .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #f6f0cc; 
   background-color: #227755; 
}
.nav
{ 
	width: 100%;
	padding: 10px 0;
	background-color: #4b7750;
	text-align: center;
	border-top: 1px solid #3a6640;
	border-bottom: 1px solid #3a6640;
}
.sticky
{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}
.Hinnasto1
{
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-left: 50px;
	color: #4B8756;
	height: 2620px;
	padding-right: 30px;
}
.Hinnasto2
{
	background-color: #eee;
	color: #666;
	height: 80px;
	padding: 20px;
}
.Hinnasto3
{
	margin-top: 30px;
	background-color: #FFF;
	color: #000;
	height: 2520px;
	padding: 20px;
}
.Hinnasto2
{
	background-color: #eee;
	color: #666;
	height: 80px;
	padding: 20px;
}
.Hinnasto3
{
	margin-top: 30px;
	background-color: #FFF;
	color: #000;
	height: 2590px;
	padding: 20px;
}
.Hinnasto2 h2
{
    display: block;
	font-weight: bold; 
	font-size: 18px; 
	margin: 0px; 
	color: #424242;
    border-bottom: solid #424242 1px;
}
.Hinnasto3 h2
{
    display: block;
    margin: 0 0 0.3em 0;
    padding: 1em 0 0.3em;
    font-size: 1.4em;
    font-weight: bold;
    color: #333;
    border-bottom: solid #424242 1px;
}
#content
{
/* 
	width: 976px;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
	height: 155px;
*/
	
/* 
	margin: 0 0 0 180px; 
    margin: 0 0 0 14.5em;
    padding: 1em 0 4em .5em;
*/
    font-size: .8em;
    /* float: right; */	
}

#content .R3
{
	margin-top: 20px;
	text-align: center;
	height: 65px;
}
#content div.laatikko {
    font-size: 1em;
    display: block;
    margin: 1em;
    margin-top: 0;
    padding: .5em;
    font-family: monospace;
    background-color: #f2f2f2;
    border: 1px solid #e3e3e3;
    font-size: large;
    line-height: 1.4em;
}

#content H1 {
    font-size: 2em;
    margin: 1em;
    margin-top: 0;
    padding: .3em;
    font-family: monospace;
    line-height: 1.4em;
	color: #0B610B;
}

/*	Hinnasto koniec*/

/*	Sijanti */
.Sijanti1
{
	background-color: #FFFFCC;
	margin-top: 30px;
	margin-left: 50px;
	color: #387423;
	height: 200px;
	padding-right: 30px;
}
.SijantiStrL
{
	float:left;
	background-color: #FFFFCC;
	width: 203px;
	height: 640px;
/*	margin-left: 10px;*/
}
.SijantiStrR
{
	background-color: #FFFFCC;
	float:left;
	width: 773px;
	height: 640px;
}
.Kartta
{
	background-color: #FFFFCC;
	width: 976px;
	height: 620px;
}
/*	Sijanti koniec */

#Index1 h2
{
    display: block;
	font-weight: bold; 
	font-size: 24px; 
	margin: 0px; 
	color: #E48901; 
    border-bottom: solid #C26700 1px;
}
/*	Fysiot */
.FysiotStrL
{
	float:left;
	background-color: #FFFFCC;
	width: 203px;
	height: 1460px;
/*	margin-left: 10px;*/

}
.FysiotStrR
{
	background-color: #FFFFCC;
	float:left;
	width: 773px;
	height: 1440px;
	
}
.Fysiot1
{
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-left: 50px;
	color: #387423;
	height: 950px;
	padding-right: 30px;
}
/*	Fysiot koniec */
/*	Henkilöstö */
.HenkiStrL
{
	float:left;
	background-color: #FFFFCC;
	width: 203px;
	height: 1460px;
/*	margin-left: 10px;*/

}
.HenkiStrR
{
	background-color: #FFFFCC;
	float:left;
	width: 773px;
	height: 1790px;
	
}
.HenkiStrR h2
{
    display: block;
	font-weight: bold; 
	font-size: 20px; 
	margin: 0px; 
/*	color: #424242;*/
	color: #E48901; 
    border-bottom: solid #424242 1px;
}
.HenkiStrR h3
{
	font-weight: bold; 
	font-size: 20px; 
	margin: 0px; 
	color: #E48901; 
}
.HenkiStrR h4
{
	background-color: #FFFFCC;
	font-weight: bold; 
	font-size: 16px; 
	margin: 0px; 
	color: #E48901; 
}
.Henki1
{
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-left: 50px;
	color: #387423;
	height: 1290px;
	padding-right: 30px;
}
/*	Henkilöstö koniec */

/*	Tietoja */
.TietojaStrL
{
	float:left;
	background-color: #FFFFCC;
	width: 203px;
	height: 1160px;
/*	margin-left: 10px;*/

}
.TietojaStrR
{
	background-color: #FFFFCC;
	float:left;
	width: 773px;
	height: 1220px;
	
}
.Tietoja1
{
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-left: 50px;
	color: #387423;
	height: 700px;
	padding-right: 30px;
}
/*	Tietoja koniec */

/*	Rok */
.RokStrL
{
	float:left;
	background-color: #FFFFCC;
	width: 203px;
	height: 1160px;
/*	margin-left: 10px;*/

}
.RokStrR
{
	background-color: #FFFFCC;
	float:left;
	width: 773px;
	height: 1820px;
	
}
.RokStrR h2
{
    display: block;
	font-weight: bold; 
	font-size: 20px; 
	margin: 0px; 
/*	color: #424242;*/
	color: #E48901; 
    border-bottom: solid #424242 1px;
}
.RokStrR h3
{
	font-weight: bold; 
	font-size: 20px; 
	margin: 0px; 
	color: #E48901; 
}
.RokStrR h4
{
	background-color: #FFFFCC;
	font-weight: bold; 
	font-size: 16px; 
	margin: 0px; 
	color: #E48901; 
}
.Rok1
{
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-left: 50px;
	color: #387423;
	height: 1300px;
	padding-right: 30px;
}
.roklink a:link
{
/*
	background-color: #8CA678;
	, a:visited, a:active a:hover
*/
	background-color: #ffffaa;
	color: #1A4902; 
	text-decoration: none; 
    font-family: Arial, Verdana; 
    font-size: 18px; 
	margin: 30px; 
    padding: 0px;
}
.roklink a:visited
{
	background-color: #FFFFee;
	color: #387423; 
	text-decoration: none; 
    font-family: Arial, Verdana; 
    font-size: 18px; 
	margin: 30px; 
    padding: 0px;
}
.roklink a:hover
{
	background-color: #FFFF00;
	color: #000; 
	text-decoration: none; 
    font-family: Arial, Verdana; 
    font-size: 18px; 
	margin: 30px; 
    padding: 0px;
}
	

/*	Rok koniec */

/*	reeklink */
.reeklink a:link
{
/*
	background-color: #8CA678;
	, a:visited, a:active a:hover
*/
	background-color: #ffffaa;
	color: #1A4902; 
	text-decoration: none; 
    font-family: Arial, Verdana; 
    font-size: 18px; 
	margin: 30px; 
    padding: 0px;
}
.reeklink a:visited
{
	background-color: #FFFFee;
	color: #387423; 
	text-decoration: none; 
    font-family: Arial, Verdana; 
    font-size: 18px; 
	margin: 30px; 
    padding: 0px;
}
.reeklink a:hover
{
	background-color: #FFFF00;
	color: #000; 
	text-decoration: none; 
    font-family: Arial, Verdana; 
    font-size: 18px; 
	margin: 30px; 
    padding: 0px;
}
.kuva
{
    margin-top: 50px;
}
.kuva img
{
   display: block;
    margin: auto;
}
.ReekStrR
{
	background-color: #FFFFCC;
	float:left;
	width: 773px;
	height: 26040px;
	
}
.Reek1
{
	background-color: #FFFFCC;
	margin-top: 0px;
	margin-left: 50px;
	color: #387423;
	height: 25550px;
	padding-right: 30px;
}
/*	reeklink koniec */
/*	Link */
.Link1 
{
	background-color: #ffff55;
	color: #000;
	width: 500px;
	height: 30px;
	text-align: center;
	font-size: 24px;
	
}
.Link1:hover
{
	background-color: #8CA678;
	color: #fff;

	
}
.Link2 
{
	background-color: #ffff55;
	color: #000;
	width: 600px;
	height: 30px;
	text-align: center;
	font-size: 24px;
	
}
.Link2:hover
{
	background-color: #8CA678;
	color: #fff;

	
}
.Link3 
{
	background-color: #ffff55;
	color: #000;
	width: 500px;
	height: 30px;
	text-align: center;
	font-size: 24px;
	
}
.Link3:hover
{
	background-color: #8CA678;
	color: #fff;

	
}
/*	Link koniec */
/*	Laskuri */
#trzon 
{
	margin: auto;
//    width: 50%;
    border: 3px green;
	border-style: solid solid double solid;
//    padding: 10px;
	padding: 30px;
	background-color: #ffffff;
	color: #000;
	width: 700px;
	height: 520px;
	font-size: 24px;
}


input[type='checkbox']:after {
        width: 15px;
        height: 15px;
        border-radius: 1px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    input[type='checkbox']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 1px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #ffa500;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

#ciagdalszy
{
	margin: auto;
    border: 3px double green;
	border-style:  solid solid solid solid;
	padding: 30px;
	background-color: #ffffff;
	color: #000;
	width: 700px;
	height: 70px;
	font-size: 18px;
}
/*	Laskuri koniec */
/*	nettinajanvaraus */

.navbar {
  overflow: hidden;
  background-color: #ffff55;
  position: fixed;
  right: 20px;
  bottom: 20px;
  border-radius: 50%;
}

.navbar a {
  float: left;
  display: block;
  color: #163A25;
  background-color: #ffff55;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background: #8CA678;
  color: white;
}