html
{
	-webkit-text-size-adjust: none !important;   /* none for no scaling */
	transform:translateZ(0);
}
    
body, body *
{
	line-height: initial;
}

/** Common settings
 * tumma #63615C
 * keski #eeebe4
 * vaalea #FCF9F3
 */

div.informbox {
	width: 320px;
	padding: 5px;
	position: absolute;
	left: 200px;
	top: 100px;
	margin-right: 7px;
	opacity:0;
	-moz-opacity:0;
	display:none;
}

div.failbox {
	width: 320px;
	padding: 5px;
	position: absolute;
	left: 200px;
	top: 100px;
	margin-right: 7px;
	opacity:0;
	-moz-opacity:0;
	display:none;
}

@media print {
  /* style sheet for print goes here */
  .eitulostu {
  	display:none;
  }
	.pageBreakAfter_always {
		page-break-after:always;
	}
}

#helppi { color:red; }

.selectedRowTR {
 background-color:#eeebe4;
}

.muokkaaButton {
	background-color:#FCF9F3;
	border-color:#5657a4;
	border-style:groove;
	color:black;
	font-weight:bold;
}

.shadowTable1000 {
  background: url(../images/varjostus/shadowAlpha_1000.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow_1000.gif) no-repeat bottom right;
}

.shadowTable {
  background: url(../images/varjostus/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow.gif) no-repeat bottom right;
}
.TABLE_RIGHT_SHADOW_TD {
	font-size:1pt;
	width:5px;
}
.TABLE_BOTTOM_SHADOW_TD {
	font-size:1pt;
	height:5px;
}

	.p-shadow {
  width: 90%;
  float:left;
  background: url(../images/varjostus/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow > p {
  background: none !important;
  background: url(../images/varjostus/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow table  {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
 	
 	
 	
 	.shadowDIV {
  float:left;
  background: url(../images/varjostus/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadowDIV > table {
  display: block;
  position: relative;
/*  background-color: #fff;
  border: 1px solid #a9a9a9;
*/
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.shadow-img {
  float:left;
  background: url(../images/varjostus/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/varjostus/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.shadow-img img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

body
{
background: #fff;
color: #000;
margin: 0;
margin: 0px 0px 0px 0px;
padding: 0;
border: 0;
font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

a:link, a:visited
{
font-weight : bold;
text-decoration : underline;
color: #2e3192;
background: transparent;
}

a:hover
{
font-weight : bold;
text-decoration : underline;
color: #ff8416;
background: transparent;
}

a:active
{
font-weight : bold;
text-decoration : none;
color: #f5d7b4;
background: transparent;
}

h1, h2, h3, h4, h5, h6
{
color: #2e3192;
font-weight: normal;
}

h1
{
margin: 0.3em 0 0 0;
font-size: 16px;
}

h2
{
font-size: 24px;
margin: 1em 0 0 0;
}

h3
{
font-size: 16px;
margin: 5px 0 0 0;
}

h4
{
font-size: 13px;
margin: 5px 0 0 0;
padding: 0;
}

.alpha-shadow 
{
float: left;
background: url("../images/shadow1.gif") no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
	  
.alpha-shadow div 
{
background: url("../images/shadow2.png") no-repeat left top !important;
background: url("../images/shadow2.png") no-repeat left top;
padding: 0px 5px 5px 0px;
}
		    
.alpha-shadow img
{
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}

/* IE does not support these selectors */

input[type="checkbox"], input[type="radio"]
{
border: 0;
}

.normal
{
width: auto;
}

.noborder
{
border: 0;
background: transparent;
}

.nobordernormal
{
border: 0;
background: transparent;
width: auto;
}

.help
{
font-size: 9px;
margin: 0;
font-weight: bold;
background: #FFFF99;
border: 1px solid #c0c0c0;
padding: 0;
text-align:center;
}

div.co
{
padding: 0;
border: 1px solid #eeebe4;
margin: 0.1em;
}


div.cohead
{
margin: 0;
padding: 0.1em;
font-weight: bold;
background-color: #eeebe4;
}

div.yco
{
padding: 0;
border: 0;
margin: 0.1em 0 0.5em 0;
}

h1.yco
{
font-weight: bold;
font-size: 12px;
margin: 0;
letter-spacing: 0px;
clear:both;
}

h2.yco
{
font-weight: bold;
font-size: 11px;
margin: 0;
letter-spacing: 0px;
clear:both;
}

tr.odd td
{
background:#fff;
}

tr.even td
{
border-top:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
background:#FCF9F3;
}

tr.jgsodd td
{
background:lightblue;
}

tr.jgseven td
{
border-top:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
background:lightblue;
}

tr.hinodd td
{
border-top:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
border-right:1px solid #eeebe4;
background:#FCF9F3;
text-align:right;
}

tr.hineven td
{
border-right:1px solid #eeebe4;
background:#fff;
text-align:right;
}

tr.hinyht td
{
border-top: 3px double #63615C;
border-right:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
background:#FCF9F3;
font-weight: bold;
}

td.ots
{
background: #eeebe4;
color: #63615C;
font-weight: bold;
}

tr.hinodd td.sis
{
border-left:1px solid #eeebe4;
color: #63615C;
font-weight: bold;
padding: 0 0 0 20px;
text-align: left;
}

tr.hineven td.sis
{
border-left:1px solid #eeebe4;
color: #63615C;
font-weight: bold;
padding: 0 0 0 20px;
text-align: left;
}

tr.hinyht td.sis
{
border-left:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
color: #63615C;
font-weight: bold;
padding: 0 0 0 20px;
text-align: left;
}

table
{
font-size: 16px;
}

td
{
vertical-align: top;
}

p.version
{
color: #ccc;
font-weight: bold;
font-size: 10px;
}

p.author
{
color: #ccc;
font-weight: bold;
font-size: 10px;
}
/*
th
{
vertical-align: top;
background: #eeebe4;
color: #63615C;
}
*/

div#main
{
border: 0;
color: #000;
clear: both;
padding: 0.5em 1em 0em 1em;
}

div#picture
{
color: #000;
clear: both;
padding: 0.5em 1em 0em 1em;
}

div.vpc
{
margin: 1em 0;
}

div.buttonbar
{
height: 2em;
clear:both;
}

div.buttonbar ul
{
margin: 1em 0 0 0;
padding: 0;
list-style:none;
}

div.buttonbar ul li
{
list-style:none;
float:left;
margin: 0;
padding: 0 2px 0 0;
}

div.buttonbar ul li input
{
display:block;
}

div.buttonbar ul li input.current
{
background: #dddbe4;
color: #23213C;
}

div.buttonbar ul li a
{
display:block;
}

ul#buttonbar
{
margin: 1em 0 0 0;
padding: 0;
list-style:none;
}

#buttonbar li
{
list-style:none;
float:left;
margin: 0;
padding: 1px;
}

ul#tabbar
{
margin: 1em 0 0 2em;
padding: 0;
list-style:none;
}

#tabbar li
{
list-style:none;
float:left;
margin: 0;
padding: 0 1px;
}

#tabbar li input
{
border-bottom: 0;
}

#tabbar li input#current
{
border-bottom: 0;
background: #dddbe4;
color: #23213C;
}

table#input
{
margin: 1em 0 0 0;
padding: 0;
border-collapse:separate;
border-spacing:0px;
}

#input tbody tr.odd td
{
border-top:1px solid #eeebe4;
border-bottom:1px solid #eeebe4;
background:#FCF9F3;
}

#input tbody tr.even td
{
background:#fff;
}

#input tbody tr.selected td
{
background:#eeebe4;
}

#input input[type="text"], #input select
{
width: 100%;
}

#input tbody th
{
}

#input tbody td#ots
{
background: #eeebe4;
color: #63615C;
font-weight: bold;
}

/* 
 * See http://www.alistapart.com/articles/slidingdoors/ 
 */

#topmenu
{
float:left;
width:100%;
background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;
line-height:normal;
}

#topmenu ul
{
margin:0;
padding:10px 10px 0;
list-style:none;
}

#topmenu li
{
float:left;
background:url("../images/left_both.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
border-bottom:1px solid #63615C;
white-space:nowrap;
}

#topmenu a 
{
float:left;
display:block;
width:.1em;
background:url("../images/right_both.gif") no-repeat right top;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:#fff;
}

#topmenu > ul a {width:auto;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topmenu a {float:none;}
/* End IE5-Mac hack */

#topmenu a:hover
{
color:#ff8416;
}

#top1 #nav-top1,
#top2 #nav-top2,
#top3 #nav-top3,
#top4 #nav-top4,
#top5 #nav-top5,
#top6 #nav-top6,
#top7 #nav-top7,
#top8 #nav-top8,
#top9 #nav-top9,
#top10 #nav-top10,
#top11 #nav-top11,
#top12 #nav-top12
{
background-position:0 -150px;
border-width:0;
}

#top1 #nav-top1 a,
#top2 #nav-top2 a,
#top3 #nav-top3 a,
#top4 #nav-top4 a,
#top5 #nav-top5 a,
#top6 #nav-top6 a,
#top7 #nav-top7 a
#top8 #nav-top8 a,
#top9 #nav-top9 a,
#top10 #nav-top10 a,
#top11 #nav-top11 a,
#top12 #nav-top12 a
{
background-position:100% -150px;
padding-bottom:5px;
color:#000;
}

#topmenu #current
{
background-position:0 -150px;
border-width:0;
}

#topmenu #current a 
{
background-position:100% -150px;
padding-bottom:5px;
color:gray;
}

#topmenu li:hover, #topmenu li:hover a
{
background-position:0% -150px;
color:#000;
}

#topmenu li:hover a
{
background-position:100% -150px;
}

#submenu
{
background: #eeebe4;
margin:0;
float:left;
width:100%;
}

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

#submenu li
{
background: #eeebe4;
float: left;
margin: 0;
padding: 0;
}

#submenu a
{
margin: 0 0 1px 0;
float:left;
display:block;
width:.1em;
font: 10px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
padding: 5px 10px 4px 10px;
text-decoration:none;
font-weight:bold;
color: #63615C;
}

#submenu > ul a {width:auto;}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#submenu a {float:none;}
/* End IE5-Mac hack */

#submenu a:hover 
{
color: #63615C;
background: #fff;
}

#submenu #current a
{
color: #23213C;
background: #fff;
}


body {
	background-color:#FFFFFF;
	color: #000;
	margin: 0;
	padding: 0;
	border: 0;
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

table td {
	border-color:red;
}

li {
	font-size:16px;
}

.loginformtable {
	height:50px;
	width:290px;
	text-align:right;
}

/*input[type="submit"], .loginpage_button
{
	font-size:12px;
	color: white;
	background-color:#164ab3;
	height:21px;
	font-weight:bold;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

background-image: linear-gradient(bottom, rgb(89,137,166) 32%, rgb(45,105,142) 66%, rgb(0,73,118) 83%);
background-image: -o-linear-gradient(bottom, rgb(89,137,166) 32%, rgb(45,105,142) 66%, rgb(0,73,118) 83%);
background-image: -moz-linear-gradient(bottom, rgb(89,137,166) 32%, rgb(45,105,142) 66%, rgb(0,73,118) 83%);
background-image: -webkit-linear-gradient(bottom, rgb(89,137,166) 32%, rgb(45,105,142) 66%, rgb(0,73,118) 83%);
background-image: -ms-linear-gradient(bottom, rgb(89,137,166) 32%, rgb(45,105,142) 66%, rgb(0,73,118) 83%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.32, rgb(89,137,166)),
	color-stop(0.66, rgb(45,105,142)),
	color-stop(0.83, rgb(0,73,118))
);*/

	border: 0px;
	padding-left:11px;	
	padding-right:11px;
	cursor:pointer;
}

.login_paalinkit_td a {
}

#etusivun_slogan {
	font-size:49.13px;
	color:white;
	
 	-webkit-text-shadow: 3px 3px 3px #0d395f;
	-moz-text-shadow: 3px 3px 3px #0d395f;
	text-shadow: 3px 3px 3px #0d395f;
}

.etusivu_ydinkohta_text {
	font-size:26px;
	color:white;
	
	letter-spacing:1px;
	
 	-webkit-text-shadow: 1px 1px 5px #003e64;
	-moz-text-shadow: 1px 1px 5px #003e64;
	text-shadow: 1px 1px 5px #003e64;
	
	vertical-align:middle;
}

.etusivu_kokeile_ilmaiseksi_text {
	font-size:26px;
	color:black;
	display:inline;
	font-weight: bold;
}

#koekaytto_box
{
	border-collapse: separate;
	table-layout: auto;
	border-spacing: 0px;
	font-size: 0px;
	margin-top: 0;
	background-color: #006FB3;
	/* border-radius: 8px; */
	text-align: left;
	display: inline-table;
	/* max-width: 300px; */
	/* min-width: 300px; */
	width: 100%;
	white-space: normal;
	/* margin-left: 10px; */
	/* margin-right: 10px; */
	word-break: break-word;

	abackground-color: #e8e8e8;
	background-color: rgba(255,255,255,0.3);
	background-color: rgba(232, 228, 227,0.3);
	background-color: rgba(255, 255, 255, 0.51);
	/*background-image: url(images/header-background.png);*/
	background-repeat: repeat;
	border-bottom-left-radius: 0px;
	overflow: visible;
	border-bottom-right-radius: 0px;
	aborder: 1px solid #afafaf;
	border-top-style: hidden;

}

#koekaytto_box td
{
	abox-shadow: inset 0 0 0 1px red;
	padding:6px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	box-sizing: border-box;
}

.koekayttovirhe
{
	color:white;
	font-size:16px;
}

a.etusivu_vaakalinkkitd,
a.etusivu_vaakalinkkitd:visited
{
	color: white !important;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
	padding-left:9px;
	padding-right:9px;
	vertical-align: middle;
	margin-top: 5px;
	margin-bottom: 7px;
}

a.etusivu_vaakalinkkitd:hover,
a.etusivu_vaakalinkkitd_selected,
a.etusivu_vaakalinkkitd_selected:hover,
a.etusivu_vaakalinkkitd:focus,
a.etusivu_vaakalinkkitd_selected:focus
{
	color: white !important;
	cursor:pointer;
	text-decoration:underline !important;
	font-weight:bold;
	padding-left:9px;
	padding-right:9px;
	vertical-align: middle;
}

.login_paaotsikko {
	font-size:30px;
	color:#323232;
	margin: 0px;
	margin-top: 10px;
}

.login_alaotsikko {
	font-weight:bold;
	font-size:24px;
	line-height:27.08px;
	color:black;
	margin-top: 10px;
}
    
.koekaytto_input_virhe {
	background-color:red;
	color:white;
}

/*
.koekaytto_input {
	font-size:20px !important;
	acolor:#9c9c9c;
	background-color:white;

	border-radius: 8px !important;
	width: 100%;
  max-width: 380px;
	height:47px !important;
	padding-left:11px !important;
	padding-right:11px !important;
	padding-top: 2px !important;
	padding-bottom: 4px !important;
	box-sizing: border-box !important;
}
*/
/*
.etusivu_aloita_button
{
	font-size:20px !important;
	cursor:pointer;
	
	awidth:initial;
	height:47px !important;
	padding-left:10px !important;
	padding-right:10px !important;
	
	box-sizing: border-box !important;
	background-color: #1D98E4 !important;

	border-radius: 8px !important;
	max-width:100%;
	width: 89px;
	justify-content: center;
	text-align: center;
}
*/
/*
input[type=button].etusivu_aloita_button:focus,
input[type=button].etusivu_aloita_button:hover
{
	background-color: #37C314 !important;
}
*/

.etusivu_paaset_heti_td
{
	padding-bottom: 14px !important;
}
    
.etusivu_paaset_heti
{
	font-size: 16px;
	acolor: #FFF;
	margin-top: 10px;
	text-align: center;
	margin: 0px;
	display: inline-block;
}

.etusivu_paaset_heti_text
{
	padding: 5px;
}

a.etusivu_alalinkkitd, a.etusivu_alalinkkitd:visited {
	font-size:16px;
	color:#004976;
	cursor:pointer;
	line-height:25px;
	height:25px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:normal;
	padding-left:18px;
}

a.etusivu_alalinkkitd:hover, a.etusivu_alalinkkitd_selected, a.etusivu_alalinkkitd_selected:hover {
	font-size:16px;
	color:#323232;
	cursor:pointer;
	line-height:25px;
	height:25px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:normal;
}

.etusivu_yhteystiedot, .etusivu_yhteystiedot a {
	font-size:16px;
	color:#787878;
	line-height:24px;
}

.etusivu_yhteystiedot
{
	margin-top:30px;
	margin-bottom: 30px;
}

.kokeile_ilmaiseksi_button {
	font-size:30px;
	color:#323232;
	
	height:49px;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	background-image: linear-gradient(bottom, #FFFFFF 32%, #FFFFFF 66%, #D8D8D8 83%);
	background-image: -o-linear-gradient(bottom, #FFFFFF 32%, #FFFFFF 66%, #D8D8D8 83%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 32%, #FFFFFF 66%, #D8D8D8 83%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 32%, #FFFFFF 66%, #D8D8D8 83%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 32%, #FFFFFF 66%, #D8D8D8 83%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.32, #FFFFFF),
		color-stop(0.66, #FFFFFF),
		color-stop(0.83, #D8D8D8)
	);
}

.etusivu_nosto_leipateksti {
	font-size:14px;
	font-weight:bold;
	color:#787878;
	line-height:24px;
}

.etusivu_leipateksti {
	font-size:14px;
	color:#787878;
	line-height:24px;
}

.palautelomake_input {
	font-size:14px;
	padding-left:11px;
	border:1.0px solid #AEAEAE;
	height:33px;
	color:#9c9c9c;
	background-color:#e9e9e9;
}

.palautelomake_input:focus {
	font-size:14px;
	padding-left:11px;
	border:1.0px solid #AEAEAE;
	height:33px;
	color:#9c9c9c;
	background-color:#e9e9e9;
}

.jokutable {
	border-collapse:collapse;
}

.jokutable td {
	border:1.0px solid white;
	text-align:center;
	padding:3px;
}

.rekisteroidybtn {
	padding: 8px;
	padding-left: 18px;
	padding-right: 18px;
	max-width: 100%;
	vertical-align: middle;
	line-height: 40px;
	border-radius: 10px;
	color: #FFF;
	font-size: 26px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	white-space: normal;
  word-wrap: break-word;

	background: #3cb0fd; */
	background-image: -webkit-linear-gradient(top, #34A9F1, #006FB3);
	background-image: -moz-linear-gradient(top, #34A9F1, #006FB3);
	background-image: -ms-linear-gradient(top, #34A9F1, #006FB3);
	background-image: -o-linear-gradient(top, #34A9F1, #006FB3);
	background-image: linear-gradient(to bottom, #34A9F1, #006FB3);

}

.rekisteroidybtn:hover
{
	background: #18A03E;
	background-image: -moz-linear-gradient(top, #35DA3A, #18A03E);
	background-image: -ms-linear-gradient(top, #35DA3A, #18A03E);
	background-image: -o-linear-gradient(top, n#35DA3A, #18A03E);
	background-image: linear-gradient(to bottom, #35DA3A, #18A03E);

	/* text-decoration: none; */
}



#etusivu_uloin_table
{
	width: 100%;
	height: 100%;
	max-width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	abox-shadow:inset 0 0 0 5px rgba(255,0,0,0.5);

}

#etusivu_uloin_table>tbody>tr>td
{
	abox-shadow:0 0 0 1px rgba(255,0,0,0.5);
	padding:0px;

	box-sizing:border-box;
	word-break: break-word;
}

#etusivu_ylatable
{
	width:100%;
	height:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	border-spacing: 0px;
	background-color: #006fb3;
	min-height: 70px;
	box-sizing:border-box;
}

#etusivu_ylatable>tbody>tr>td
{
	aborder:1px solid orange;
	padding:0px;
	text-align: center;
  vertical-align: middle;
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;

}

#etusivu_table1
{
	width:100%;
	height:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	margin-top:30px;
	opacity:0.3;
}

#etusivu_table1>tbody>tr>td
{
	border:10px solid violet;
	padding:0px;
}

#etusivu_table2
{
	width:100%;
	height:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
	margin-top:30px;
	opacity:0.3;
}

#etusivu_table2>tbody>tr>td
{
	border:1px solid violet;
	padding:0px;
}

#etusivu_nostot_table
{
	width:100%;
	height:100%;
	border-spacing: 0px;
	border-collapse: collapse;
	table-layout: auto;
}

#etusivu_nostot_table>tbody>tr>td
{
	border:4px solid red;
	padding:0px;
}

#etusivu_logo_td
{
	vertical-align: middle;
	text-align: center;
	width:50%;
}

#etusivu_login_td
{
	vertical-align: middle;
	text-align: center;
	width:50%;
	font-size:0;
}

#etusivu_login_td input[type=text],
#etusivu_login_td input[type=password]
{
	height: 35px;
	vertical-align: middle;
	line-height: 35px;
	font-size: 16px;
	padding: 9px;
	width:150px;  	
}
#etusivu_login_td input[type=button]
{
	height: 35px;
	vertical-align: middle;
	line-height: 35px;
	font-size: 16px;
	padding: 0px;
	width: initial;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 8px;
}

#etusivu_login_td input[type=password]
{
	margin-left:8px;
}

#etusivu_kirjautuminen_kentat
{
	display: inline-block;
	abox-shadow:0 0 0 2px wheat;
	min-height:35px;
	white-space: normal;
	font-size:0px;
}

#etusivu_kirjautuminen_oikea_kentat
{
	display: flex;
	flex-wrap: wrap;

	abox-shadow:0 0 0 2px yellow;
	vertical-align:top;
	amax-width:100%;
	white-space: normal;
	
	text-align: left;
	awidth: 200px;
	amargin: auto;

	width: 100%;
	margin: auto;
	max-width: 250px;
		
}

.inputin_ympyroija
{
	display:inline-block;
	abox-shadow:0 0 0 1px red;
	padding:4px;
	padding-top:6px;
	padding-bottom:6px;
	vertical-align: top;
	font-size:0px;
}

#etusivu_kirjautuminen_oikea_kentat input,
#koekaytto_inputit_td input[type=text],
.etusivu_aloita_button
{
	margin:0px;
	min-height: 35px!important;
	/* max-width: 90%; */
	/* max-width: 90vw; */
	/* width: 180px; */
	aline-height: normal;
	border: none;
	width: 100%;
	amax-width: 180px;
	overflow:hidden;
}


#etusivu_kirjautuminen_oikea_kentat input[type=text],
#etusivu_kirjautuminen_oikea_kentat input[type=password],
#koekaytto_inputit_td input[type=text]
{
	border: 1px solid #afafaf;
}

#etusivu_kirjautuminen_vasen_kentat
{
	display: inline-block;
	color: white;
	abox-shadow:0 0 0 1px white;
	margin-left:6px;
	margin-right:6px;
	margin-top:6px;
	margin-bottom:6px;
	width: 100%;
}

#etusivu_kirjautuminen_muista
{
	display: block;
	aheight:50%;
	font-weight:normal;
	font-size:16px;
}

#etusivu_kirjautuminen_muista input[type=checkbox]
{
	min-height: initial;
}

.etusivu_kirjautuminen_forgotten
{
	display: block;
	height:50%;
	amargin-top: -1px;
	text-align: center;
}

.etusivu_kirjautuminen_forgotten a
{
font-size: 15px;
	acolor: white;
	font-weight: normal;
	height: 30px;
	text-align: center;
	line-height: initial;
}

.etusivu_kirjautuminen_forgotten a:focus,
.etusivu_kirjautuminen_forgotten a:active,
.etusivu_kirjautuminen_forgotten a:hover
{
	text-decoration: underline;
}

.etusivu_logo_a,
.etusivu_logo_a:visited
{
	text-decoration:none !important;
	color: white;
	font-weight:normal;
	amargin-top:10px;
	amargin-bottom: 10px;

	width: 100%;
  display: inline-block;
  max-width: 187px;
}

.etusivu_logo_a:hover,
.etusivu_logo_a:active
{
	text-decoration:none !important;
	color: white;
	font-weight:normal;
	amargin-top:10px;
	amargin-bottom: 10px;
}

.etusivu_logo_a:focus
{
	outline-color: #6DA1C1;
	outline-offset: 4px;
	outline-width: 1px;
	outline-style: solid;
}
    
.etusivu_logo_i
{
	font-size: 34px;
	color: white;
}

.ylatable_div
{
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;        
  
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.noselect
{
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.etusivu_vaakalinkkitd_td
{
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	abackground-color: #F5DEB3;
	padding-bottom: 0px;
	line-height: 40px;
	/* padding: 0px; */
	background-color: #006FB3;
	color: white !important;
}
.etusivu_vaakalinkkitd_div
{
	z-index: 2; 
	position: relative; 
	padding-bottom: 8px;
	background-color: #006FB3;
}

table#etusivu_versiot
{
	display:inline-table;
	vertical-align: top;
	abox-shadow:0 0 0 1px black;
	max-width: 100%;
}

table#etusivu_versiot td
{
	abox-shadow:0 0 0 1px yellow;

}

.etusivu_versiot_kuva
{
	padding-left: 5px;
  padding-right: 5px;
}
    
.etusivu_versiot_kuva>a>img
{
	max-width: 100%;
  width: 115px;
}

.etusivu_versiot_hinta
{
	vertical-align: middle;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}

#etusivu_versiot_ylarivi
{
	font-size:30px;
	text-align:center;
	font-weight: bold;
	padding:10px;
	abox-shadow: 0 0 0 1px green inset;
	vertical-align: middle;
	text-align:center;
}

#etusivu_versiot_alarivi
{
	font-size:12px;
	color:#555555;
	vertical-align: middle;
	text-align:center;
	padding: 8px;
	abox-shadow: 0 0 0 1px green inset;
}

#etusivu_yhteistyossa_kuva
{
	display: inline-block;
	width: 100%;
	padding: 0px;
	opacity: 0.7;
	margin-top: 20px;
	margin-bottom: 20px;
}

#etusivu_yhteistyossa_ylarivi
{
	font-size:0px;
	text-align:center;
	font-weight: bold;
	padding:0px;
	abox-shadow: 0 0 0 1px green inset;
	vertical-align: middle;
	text-align:center;
}

#etusivu_nostot_div
{
	display:inline-block;
	abox-shadow: inset 0 0 0 2px orange;
	amax-width: 100%;
	awidth:1000px;
	padding:0px;
	text-align:center;
	box-sizing:border-box;
	vertical-align:top;
	font-size:0px;
	padding-left: 10px;
	padding-right: 10px;
}

.etusivu_nosto_div
{
	text-align: center;
	display: inline-block;
	abox-shadow: 0 0 0 1px red;
	aheight: 368px;
	awidth: 321px;
	amax-width: 100%;
	vertical-align: top;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 283px;
}

.etusivu_nosto_div>div
{
	abox-shadow: inset 0px 0px 5px 0px blue;
}

.etusivu_nosto_kuva
{
	abox-shadow: inset 0 0 0 1px blue;
	height:157px;
	awidth:321px;
	amax-width: 100%;
}

.etusivu_nosto_kuva_helper
{
	display:inline-block;
	height:100%;
	vertical-align: middle;
}

.etusivu_nosto_kuva img
{
	abox-shadow: inset 0 0 0 2px yellow;
	vertical-align: middle;
	max-height:157px;
	max-width: 100%;
	opacity: 1;
}

.etusivu_nosto_otsikko
{
	abox-shadow: inset 0 0 0 4px violet;
	font-size:24px;
	color:#323232;
	padding: 11px;
  font-weight: bold;
	width: 100%;
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
}

.etusivu_nosto_leipateksti
{
	abox-shadow: inset 0 0 0 4px red;
	font-size:17px;
	color:#787878;
	line-height:24px;
	awidth:277px;
	amax-width:100%;
	text-align:center;
	display: inline-block;
	font-weight:normal;
}

p.etusivu_ingressi
{
	box-shadow: inset 0 0 0 1px red;
	width: 700px !important;
	font-weight:bold;
	max-width:700px !important;
	font-size:16px;
	color:#787878;
	line-height:24px;
	width:277px;
	text-align:center;
	display: inline-block;
}

.tyytyvaisia_kayt
{
	position: absolute;
	background-color: rgba(0,0,0,0);
	opacity: 0;
	color: white;
	font-size: 28px;
	font-weight: bold;
	background-image: url(../images/nainen_kannykka2.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0px -23px;
	text-align: left;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.peitto_tyytyvaisia_kayt
{
	position: absolute;
	/* background-color: #000; */
	opacity: 1;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(75,114,156,0.3), rgba(75,114,156,0) 50%, rgba(75,114,156,0));
}

.tyytyvaisia_kayt_teksti
{
	padding: 8px;
	padding-left:12px;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.tyytyvaisia_kayt #tyyt_maara
{
	font-size: 53px;
	display: inline-block;
	margin-top: 0px;
	font-weight: bold;
}

.hinaaja
{
	position: absolute;
	background-color: rgba(0,0,0,0);
	opacity: 0;
	color: #FFF;
	font-size: 23px;
	font-weight: bold;
	background-image: url(../images/hinaaja.jpg);
	background-repeat: norepeat;
	background-size: cover;
	text-align: center;
	box-sizing: border-box;
	atext-shadow: rgba(8, 8, 8, 0.7) 1px 1px 1px;
	width: 100%;
	height: 100%;
}

.peitto_hinaaja
{
	position: absolute;
	background-color: #4A4A4A;
	opacity: 0.5;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.hinaaja_teksti
{
	padding: 8px;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
	top: 0px;
	left: 0px;
	padding-top: 23px;
}


.maijamedia
{
	position: absolute;
	background-color: rgba(0,0,0,0);
	opacity: 0;
	color: #BC9881;
	font-size: 23px;
	font-weight: bold;
	background-image: url(../images/maijamedia.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: right top;
	text-align: left;
	box-sizing: border-box;
	atext-shadow: rgba(8, 8, 8, 0.7) 1px 1px 1px;
	width: 100%;
	height: 100%;
}

.peitto_maijamedia
{
	position: absolute;
	/* background-color: #000; */
	opacity: 1;
	box-sizing: border-box;
	width: 63%;
	height: 102%;
	background-image: linear-gradient(to right, #FFF, #FFF 30%, rgba(255,255,255,0));
}

.maijamedia_teksti
{
	padding: 8px;
	position: absolute;
	box-sizing: border-box;
	/* width: 100%; */
	/* height: 100%; */
	vertical-align: middle;
	display: inline-block;
	top: 8px;
	left: 9px;
	padding-top: 7px;
	text-align: left;
}

.maijamedia_teksti2
{
	font-size: 14px;
	font-weight:normal;
	font-style: italic;
	padding-top:12px;
}






.hurri
{
	position: absolute;
	background-color: rgba(0,0,0,0);
	opacity: 0;
	color: rgb(231, 235, 236);
	font-size: 23px;
	font-weight: bold;
	background-image: url("../images/201609251_vs2_Hurri_Jukka_650_korkea kopio.jpg");
	background-repeat: norepeat;
	background-size: 100%;
	background-position: 10px 0px;
	text-align: left;
	box-sizing: border-box;
	atext-shadow: rgba(8, 8, 8, 0.7) 1px 1px 1px;
	width: 100%;
	height: 100%;
}

.peitto_hurri
{
	position: absolute;
	/* background-color: #000; */
	opacity: 1;
	box-sizing: border-box;
	width: 100%;
	height: 102%;
	background-image: linear-gradient(to right, rgb(51, 63, 66) 0%, rgba(51, 63, 66,0.75) 40%, rgba(51, 63, 66, 0.55) 53%, rgba(51, 63, 66, 0.2) 66%, rgba(51, 63, 66, 0) 71%);
}

.hurri_teksti
{
	padding: 8px;
	position: absolute;
	box-sizing: border-box;
	/* width: 100%; */
	/* height: 100%; */
	vertical-align: middle;
	display: inline-block;
	top: 8px;
	left: 55px;
	padding-top: 7px;
	text-align: left;
	color: rgb(231, 235, 236);
}

.hurri_teksti2
{
	font-size: 14px;
	font-weight:normal;
	font-style: italic;
	padding-top:12px;
	color: rgb(231, 235, 236);
}

.kaappaus_3d
{
	position: absolute;
	/* background-color: #E91E63; */
	opacity: 0;
	color: #FAF9FB;
	font-size: 46px;
	font-weight: bold;
	background-image: url(../images/3d_juttu.jpg);
	background-repeat: norepeat;
	background-size: cover;
	text-align: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

.uusikayttoliittyma_teksti
{
		padding: 8px;
    position: absolute;
    box-sizing: border-box;
    /* width: 100%; */
    /* height: 100%; */
    vertical-align: middle;
    display: inline-block;
    top: -4px;
    left: 0px;
    padding-top: 7px;
    text-align: center;

    color: #E8E8E8;
    top: -6px;
    left: 0px;
    /* opacity: 0.3; */
    /* text-shadow: 0 0 2px #918F91, 0 0 2px #939293, 0 0 2px #939293, 0 0 2px #959395; */
    /* background-color: rgba(0,0,0,0.1); */
    opacity: 1;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.2) 28%, rgba(255,255,255,0));
    width: 100%;
    height: 100%;
}
    
#vaihtuva_sisalto5
{
	position: absolute;
	/* background-color: #E91E63; */
	opacity: 0;
	color: #006FB3;
	font-size: 17px;
	font-weight: bold;
	background-image: url(../images/mattimeikalainen.png);
	background-size:80%;
	background-repeat:no-repeat;
	background-position:50% 43%;

	text-align: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}

#helppokayttoinen_teksti
{
padding: 8px;
    position: absolute;
    box-sizing: border-box;
    /* width: 100%; */
    /* height: 100%; */
    vertical-align: middle;
    display: inline-block;
    top: -4px;
    left: 0px;
    padding-top: 7px;
    text-align: center;
    color: #006FB3;
    top: 7px;
    left: 339px;
    /* opacity: 0.3; */
    /* text-shadow: 0 0 2px #918F91, 0 0 2px #939293, 0 0 2px #939293, 0 0 2px #959395; */
    /* background-color: rgba(0,0,0,0.1); */
    opacity: 1;
    /* background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.2) 28%, rgba(255,255,255,0)); */
    /* width: 100%; */
    /* height: 100%; */
}

#nopea_kayttoliittyma_teksti
{
	padding: 8px;
    position: absolute;
    box-sizing: border-box;
    /* width: 100%; */
    /* height: 100%; */
    vertical-align: middle;
    display: inline-block;
    padding-top: 7px;
    text-align: center;
    color: #006FB3;
    left: 11px;
    top: 7px;
    /* opacity: 0.3; */
    /* text-shadow: 0 0 2px #918F91, 0 0 2px #939293, 0 0 2px #939293, 0 0 2px #959395; */
    /* background-color: rgba(0,0,0,0.1); */
    opacity: 1;
    /* background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0.2) 28%, rgba(255,255,255,0)); */
    /* width: 100%; */
    /* height: 100%; */
}   

				
input.etusivu_kirjautuminen_ok_button:focus,
input.etusivu_kirjautuminen_ok_button:hover
{
	abackground-color: #37C314 !important;
}

input.etusivu_kirjautuminen_ok_button
{
	abackground-color: #1D98E4 !important;
	amax-width: 50px;
	white-space:normal;
}

input[name="login_username"],
input[name="login_password"]
{
	awidth:auto;
	amin-width:50px;
	amax-width: 100% !important;
}			
			
form[name=nettilasku_loginform]
{
	display: inline-block;
}

#koekaytto_inputit_td
{
	white-space:normal;
	padding-bottom: 16px!important;
}

#koekaytto_inputit_td input
{
	white-space: normal;
	/* Vaatii ehkä ala/yläpaddingin asettamista, että näyttää hyvältä,
	mutta ei ehkä ole tarpeen koska teksti on niin lyhyt */
}

#koekaytto_box_otsikko_td
{
	padding-top: 13px !important;
}

td.etusivu_sisalto_td
{
	text-align:center;
}

div.etusivu_sisalto_div
{
	display:inline-block;
	abox-shadow: inset 0 0 0 2px red;
	amax-width: 100%;
	padding:10px;
	text-align:left;
	box-sizing:border-box;
	overflow: hidden;
	min-height: 350px;
	awidth: calc(100% + 12px);
}

#tiedotteet_etusivu div.etusivu_sisalto_div
{
	width: 250px;
}

div.etusivu_sisalto_div.min_height_initial
{
	overflow: visible;
	min-height: initial;
}

div.etusivu_sisalto_div.overflow_visible
{
	overflow:visible;
}

div.etusivu_sisalto_div_center_middle
{
	display: inline-block;
	abox-shadow: inset 0 0 0 2px blue;
	max-width: 560px;
	awidth: 560px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	padding-top: 3px;
}

#ominaisuudet_table
{
	width:100%;
	height:100%;
	/*border-spacing: 5px;
	border-collapse: separate;*/
	border-spacing: 0px;
	border-collapse: collapse;
	
	table-layout: auto;
}

#ominaisuudet_table>tbody>tr>td
{
	vertical-align:top;
	abox-shadow:0 0 0 1px green;
}

#ominaisuudet_table>tbody>tr>td:nth-child(2)
{
	padding-left:20px;
}

.ominaisuus_kuva
{
	margin-top:13px;
	width:150px;
}

.yhteistyokump_td
{
	font-size:16px !important;
}

td.icon_td
{
	vertical-align: middle;
	text-align:center;
}

#ominaisuudet_table i.demo-icon,
.etusivu_nosto_kuva .iso_kuvake_icon
{
	font-size: 80px;
	awidth: 100%;
	display: inline-block;
	color: #FFF;
	/* text-shadow: 1px 1px 3px #FF0404; */
	vertical-align: top;
	margin-top: 20px;
	border-radius: 30px;
	background-color: #006FB3;
	height: 120px;
	width: 120px;
	line-height: 120px;
	text-align: center;
	padding: 0px;
	/* background: linear-gradient(to bottom, rgba(0, 111, 179, 0.47), #006FB3); */
}

.palautelomake_keyt
{
	font-weight:bold;
}

.palautelomake input[type=text]
{
    margin-top: 6px;
    margin-bottom: 13px;
    margin-left: 0px;
    margin-right: 0px;
    height: 35px;
    max-width: 400px;
		width:100%;
	  line-height: normal;
		acolor: #797979;
    background-color: #F7F7F7;
    border: 1px solid #BFBEBE;
    display:block;
}

.palautelomake textarea
{
    margin-top: 6px;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;

		padding: 8px;
    max-width: 400px;
		width:100%;
		amin-height: 100px;
    line-height: normal;
		
		acolor: #797979;
    background-color: #F7F7F7;
    border: 1px solid #BFBEBE;
    display:block;
}

.palautelomake input[type=button]
{
	height:35px;
	width:100px;
  display:block;
	font-size: 18px;
}

.palautelomake input[type="text"]:focus,
.palautelomake textarea:focus,
.palautelomake input[type="text"]:hover,
.palautelomake textarea:hover
{
	border-color: initial;
}

.force_text_align_center
{
	text-align: center !important;
}

#loginpage_blue_div
{
	abackground-color: #006FB3;
	/* width: 214px; */
	display: inline-block;
	/* text-align: left; */
	/* border-radius: 8px; */
	/* margin-top: 11px; */
	/* margin-bottom: 11px; */
	/* max-width: 214px; */
	padding: 5px;
	/* padding: 1.2vw; */
	/* padding-bottom: 2vw; */
	acolor: white;
}


.error>a
{
	color: #E60689 !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}

.error a:hover,
.error a:active,
.error a:focus
{
	color: black !important;
	font-weight: normal !important;
	text-decoration: underline !important;
}

.etusivu_revision
{
	color: #888888;
	font-size: 13px;
	line-height: 16px;
	height: 16px;
	display:block;
	margin:15px;
	white-space: normal;
	opacity: 0.5;
	font-weight: normal;
	cursor: pointer;
}

.virhe_loginin_sisalla
{
	color: #E60689;
	/* font-weight: bold; */
	/* width: 100%; */
	background-color: #F6F8F9;
	padding: 5px;
	padding-bottom: 17px;
	padding-top: 12px;
	margin: 14px;
	border-radius: 8px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
}

#animation_td
{
	height:500px;
	text-align: center;
	abox-shadow:inset 0 0 0 10px rgba(255,0,0,0.5);
	background-color:rgba(255,255,255,0.5);
	abackground-image:url(images/epic_layout/etusivu_tausta_pattern.png); 	
	background-repeat:repeat-x;
	overflow: hidden;
}

#vaihtuva_sisalto_wrapper_ulompi
{
	display:block;
	position: relative;
	overflow:hidden;
	width:100%;
	height:100%;
	abox-shadow:inset 0 0 0 5px blue;
	abackground-color: rgb(240, 244, 248);
}

#vaihtuva_sisalto_wrapper
{

	position: static;

	-webkit-transform:translateZ(0) scale(1);
	-webkit-transform-origin:0px 0px;

	transform:translateZ(0) scale(1);
	transform-origin:0px 0px;
	

	amax-width:100%;
	amax-height:100%;
	width: 500px;
	height: 200px;
	margin-bottom:0px;
	abackground-image: url(images/mattimeikalainen.png);
	background-size:80%;
	background-repeat:no-repeat;
	background-position:50%;
	abox-shadow: 0 0 0 1px #F00;
	abox-shadow: 0 0 0 1px #626364;
	left: 0px;
	top: 0px;
	overflow:hidden;
	opacity:0;
	box-sizing: border-box;
	adisplay:none;
}

.etusivu_nosto_leipateksti_inner
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	border: 1px solid #F00;
}

.bigger_first_letter::first-letter
{
	afont-size: 200%;
	acolor: #006fb3;
}

.erikois_kuva
{
	/* float: right; */
	/* height: 100%; */
	vertical-align: top;
	/* margin-top: 50px; */
	display: inline-block;
	margin-right: 20px !important;
}				
							
.inline_block_p
{
	display:inline-block
}

.erikois_kuva_float_left
{
	float: left;
}

.yhteistyokump_td img
{
	display: block;
	height: 50px;
	width: auto;
	max-width: 100%;
}


.tiedote
{
	max-width: 560px;
	width: auto;
	font-size: 16px;
	line-height: 1.5em;
	margin-top:16px;
	margin-bottom:16px;
	display:block;
}

.tiedote.tiedotteet_aika
{
	color: rgb(154, 154, 154);
	font-size: 14px;
	margin-bottom: 2px;
	awhite-space: nowrap;
	margin-top:0px !important;
}
 
.tiedotteet_wrapper .tiedotteet_tiedote_kategoria
{
	color: rgb(154, 154, 154);
	font-weight: normal;
}

.tiedote.tiedotteet_otsikko
{
	font-weight: bold;
	font-size: 32px;
	margin-top: 6px;
	margin-bottom: 8px;
	line-height: 36px;
	color: black !important;
}

.tiedote.tiedotteet_teksti img,
.tiedote.tiedotteet_teksti video
{
  width: 100%;
	display: inline-block;
	margin-bottom: 16px;
	margin-top: 9px;  
}
    
.tiedote.tiedotteet_teksti
{
	margin-top: 10px;
}

.tiedote.tiedotteet_teksti>p
{
	aborder: 1px solid rgb(255, 0, 0);
}

.login_otsikko_alaotsikko_wrapper>h1,
.login_otsikko_alaotsikko_wrapper>h2,
.login_otsikko_alaotsikko_wrapper2>h1,
.login_otsikko_alaotsikko_wrapper2>h2
{
	display: inline-block;	
}

.login_otsikko_alaotsikko_wrapper a,
.login_otsikko_alaotsikko_wrapper2 a,
.login_alaotsikko a,
.tiedotteet_otsikko a
{
	color: #006fb3 !important;
	font-size: inherit !important;
	line-height: 40px;
}

.login_otsikko_alaotsikko_wrapper2 a
{
	font-size: 17px !important;
}

.tiedotteet_wrapper a.login_alaotsikko
{
	color: #006fb3 !important;
}

.login_alaotsikko
{
	display:block;
}

.login_otsikko_alaotsikko_wrapper2>h2:before
{
	color: #006fb3 !important;

	content: '>';
	margin-left: 13px;
	margin-right: 11px;
}

.tiedotteet_tiedote_kategoria_linkit_wrapper>.login_alaotsikko
{
	display: inline-block;
	margin-top: 0px;
	font-size: 17px;
}

.tiedotteet_tiedote_kategoria_linkit_wrapper>.login_alaotsikko
{
	margin-right: 20px;
	atext-decoration: underline;
}

.some_jako
{
	display:inline-block;
}

.some_jako>img
{
	height:23px;
	font-size:0px;
	margin-top: 14px;
}

.tiedotteet_wrapper .login_alaotsikko,
.tiedotteet_wrapper .tiedotteet_otsikko,
.tiedotteet_wrapper .tiedotteet_aika
{
	display: inline;
	font-size: 16px;
	line-height: 1.5em !important;
	padding-bottom: 0.1em;
}
.tiedotteet_wrapper
{
	max-width: 560px;
}

.listan_item>.login_alaotsikko,
.listan_item>.tiedotteet_aika
{
	line-height: 1.9em !important;
}

.listan_item>*
{
	margin-right: 5px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	line-height: 1.5em !important;
}

.listan_item
{
	margin-top: 8px;
	margin-bottom: 16px;
}

#tiedotteet_etusivu .tiedotteet_wrapper > .listan_item:last-child
{
	margin-bottom: 0px !important;
}
    
.listan_item .tiedote.tiedotteet_otsikko:before
{
	color: rgb(0, 111, 179) !important;
	acontent: '|';
	margin-left: -1px;
	margin-right: 4px;
}

.tiedotteet_tiedote_kategoria_linkit_wrapper
{
	margin-top: 13px;
	margin-bottom: 20px;
}

.AdjusteriJokaPakottaaOsionVahintaanSamanLevyiseksiAina
{
	pointer-events:none;
	color:white;
	visibility:hidden;
	height:20px;
	max-height:20px;
	overflow:hidden;
}

.tiedotteet_wrapper .tiedotteet_otsikko
{
	padding-bottom: 5px;
}

span.tiedote.tiedotteet_aika
{
	padding-right: 13px;
}

.vaakaviiva
{
	width: 2000%;
	border-top: 1px solid #d0d0d0;
	display: block;
	margin-left: -1000%;
}

.login_otsikko_alaotsikko_wrapper2 .login_paaotsikko,
.login_otsikko_alaotsikko_wrapper2 .login_alaotsikko
{
	font-size: 16px;
}

#tiedotteet_linkki_wrapper
{
	display: inline-block;
	abackground-color: rgba(0,255,0,0.8);
	awidth: 200px;
	white-space: normal;
	/* height: 24px; */
	margin-bottom: 0px;
	margin-top: 0px;
	/* padding-top: 4px; */
	border-radius: 8px;
	cursor:pointer;
}

#tiedotteet_linkki
{
	abox-shadow:0 0 0 1px red;
}

.tiedotteet_wrapper .listan_item a:focus,
.login_alaotsikko a:focus
{
	text-decoration:underline;
}

#tiedotteet_etusivu_icon_down_up_wrapper:hover>i
{
	acolor: rgb(129, 194, 234) !important;
}

#tiedotteet_etusivu
{
	display: inline-block;
	border-right: 1px solid rgb(0, 111, 179);
	/* border-left-style: hidden; */
	border-top-style: hidden;
	width: 250px;
	text-align: left;
	/* float: left; */
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	z-index: 1;
	left: 887px;
	top: 0px;
	aheight: 200px;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	aborder-radius: 20px;
	overflow: hidden;
	max-height: 500px;
	max-width: 100%;
	height: 0px;
	abox-shadow: 3px 0px 20px 3px rgba(0, 0, 0,0.5);
	/* box-shadow: inset 0 0 0 1px rgb(255, 0, 0); */
	margin-right: 10px;
	margin-left: 10px;
	transform:translateZ(0px);
}

#tiedotteet_etusivu_scroll
{
	display:inline-block;
	width:262px;
	height:100%;
	padding-right: 30px;
	overflow:hidden;
	overflow-y:scroll;
	apadding-top: 12px;
	apadding-bottom: 12px;
	margin-top: -2px;
	border: 1px solid rgb(0, 111, 179);
	margin-bottom: 10px;
}

#tiedotteet_etusivu .tiedote.tiedotteet_otsikko
{
	line-height: 1.2em !important;
	font-weight:normal;
}

.etusivun_tiedotteet_otsikko
{
	font-size: 16px;
	font-weight: bold;
}

#tiedotteet_etusivu_icon_down_open,
#tiedotteet_etusivu_icon_up_open
{
	float: right;
	padding-right: 8px;
}

#tiedotteet_etusivu_icon_down_up_wrapper
{
	aborder: 1px solid red;
	cursor: pointer;
	abox-shadow: 0 0 0 1px rgb(255, 0, 0);
	cursor: pointer;
	display: inline-block;
	float: right;
	/* height: 27px; */
	/* margin-top: -6px; */
	/* vertical-align: middle; */
	/* padding: 10px; */
	/* margin-right: -1px; */
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 6px;
	padding-right: 3px;
}

#tiedotteet_etusivu_icon_down_up_wrapper.etusivun_tiedotteet_closed>i.icon-up-open
{
	display:none;
}
#tiedotteet_etusivu_icon_down_up_wrapper:not(.etusivun_tiedotteet_closed)>i.icon-up-open
{
	display:block;
}
#tiedotteet_etusivu_icon_down_up_wrapper.etusivun_tiedotteet_closed>i.icon-down-open
{
	display:block;
}
#tiedotteet_etusivu_icon_down_up_wrapper:not(.etusivun_tiedotteet_closed)>i.icon-down-open
{
	display:none;
}

.anim_start
{
	position: absolute;
	z-index: 2;
	left: 50%;
	right: 50%;
	top: 50%;
	bottom: 50%;
	width: 16%;
	height: 40%;
	background-color: rgb(255, 255, 255);
	border-radius: 100%;
	margin-left: -5%;
	margin-top: -10%;
	opacity: 0;
}

.anim_start>svg
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -18%;
	margin-top: -25%;
	opacity: 0.5;
}

form[name="koekayttoform"]
{
	display: flex;
	flex-wrap: wrap;
}

form[name="koekayttoform"] .inputin_ympyroija
{
	width: 100%;
}

/*
:not(.colorpicker_field):not(.colorpicker_hex)>input[type=text], input[type=password], input[type=number], input[type=search], input[type="date"]
*/

html.loginpage input[type="text"]:-webkit-autofill, 
html.loginpage input[type="password"]:-webkit-autofill, 
html.loginpage textarea:-webkit-autofill,
html.loginpage select:-webkit-autofill
{
	-webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

html.loginpage input[type=button]
{
	padding-left: 9px;
	padding-right: 9px;
	background-color: #EC614C;
	color: #FFF;
}

html.loginpage input[type=button]:hover, 
html.loginpage input[type=button]:focus
{
	background-color: #A13322;
	border: 0px solid #A13322 !important;
}

html.loginpage .errortext
{
	font-size:16px;
	padding-top:3px;
}

html.loginpage #etusivu_kirjautuminen_oikea_kentat>.inputin_ympyroija>span
{
	font-size:16px;
	padding-bottom: 5px;
	display: inline-block;
}