


a { 
  text-decoration: none;
  transition: all 300ms ease-in-out 0s;
}

a:focus,
a:hover { 
  transition: all 300ms ease-in-out 0s;
  text-decoration: underline; 
}

h3 { 
 font-family:Poppins, sans-serif; 
 font-size: 2.4rem; 
 color:#111111;
 font-weight:normal;
}

label { font-size: 1.4rem; }

textarea, input[type="text"],input[type="textfield"],input[type="password"], select option {
  font-family:Poppins, sans-serif; 
  font-size: 1.6rem;
}

a.button {
  font-family:Poppins, sans-serif; 
  font-size: 1.6rem; 
  color: #004aad;
  background-color: #ffffff;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  border-left: 2px solid #000000;
}

.button:hover { 
 color: #004aad;
 background-color: #e2f2f5;
}

.button:active  { 
 color: #004aad;
 background-color: #e7f6e5;
} 

.button.minor { 
 background-color: #004aad;
 
 border-top:   2px solid #000000;
 border-right: 2px solid #000000;
 border-bottom:2px solid #000000;
 border-left:  2px solid #000000;


 color: #ffffff;
}

.button.minor:hover { color: #e2f2f5; }

.button.minor:active { color: #e7f6e5; }

table th, table thead { font-size: 1.4rem; }

table.muotoiltu th,
table.muotoiltu thead td { 
  background: #d6edf1;
  color: #111111;
}

table.muotoiltu th,table.muotoiltu td { border: 1px solid #d6edf1; }


div#topHeaderCont { background-color: #51841b; }

div#topheaderLinkCont div.topheaderLinkWrap a.topheaderLink { color: #ffffff; }

div#logoWrap a,
div#logoWrap a:hover,
div#logoWrap a:focus {
  font-family:Poppins, sans-serif; 
  font-size: 2.4rem; 
  color:#111111;
}

div#logoWrap a:focus,
div#logoWrap a:hover { color:#004aad; }

div#mobileLogoWrap a,
div#mobileLogoWrap a:hover,
div#mobileLogoWrap a:focus { color:#111111; }

div#navWrap { 


background-color:#ffffff;

 }


div#navBreadcrumb {  font-size: 1.4rem;  }

div#footer-wrap { color: #111111; }

div#footer-wrap h1,
div#footer-wrap h2,
div#footer-wrap h3 { color: #111111; }

div#cookie-settings-opener { font-size: 1.4rem; }

  
  div.filler-img-text-wrap2,
  div.filler-img-text-wrap2 h1,
  div.filler-img-text-wrap2 a,
  div.filler-img-text-wrap2 a:visited {  }
  
  div.filler-img-text-wrap2 h1 {
    font-family:Times New Roman, Times, serif; 
    font-size: 5rem; 
    font-weight:normal;
  }
  
  p.filler-img-text {
    font-family:Times New Roman, Times, serif; 
    font-size: 2.8rem; 
    font-weight:normal;
  }
  
  div.filler-img-text-wrap2 a.filler-img-link {
   
   font-family:Times New Roman, Times, serif; 
   font-size: 1.6rem; 
   font-weight:normal;
   padding: 9px 18px 11px 18px;
   text-decoration: none;
   line-height: 1.4em;
   display: inline-block;
  }
  
  div.filler-img-text-wrap2 a.filler-img-link:focus, div.filler-img-text-wrap2 a.filler-img-link:active {  }
  
  

div#respnavi-cont { 


background-color:#ffffff;

 }

div#smartnavi-bottom-container {
 


background-color:#ffffff;


 border-top: 0px solid #ffffff;
}

div#smartnavi-bottom { color: #111111; }

div#smartnavi-bottom span#arrow-up { border-bottom: 10px solid ; }

.sm-netland a {
 font-family:Poppins, sans-serif; 
 font-size: 1.6rem; 
 color: #111111;
}

.sm-netland a:visited {  color: #111111; }

.sm-netland a,
.sm-netland a:hover,
.sm-netland a:focus,
.sm-netland a:active,
.sm-netland a.has-submenu,
.sm-netland a.highlighted { 
 font-weight:normal;
 background: none;
}

.sm-netland a.selected,
.sm-netland a:hover,
.sm-netland a.highlighted { background: none; }

.sm-netland a.selected,
.sm-netland a:hover,
.sm-netland a:focus,
.sm-netland a:active,
.sm-netland a.highlighted { color:#004aad; }

.sm-netland a span.sub-arrow { border-color: #111111 transparent transparent transparent; }

.sm-netland a.selected span.sub-arrow,
.sm-netland a:hover span.sub-arrow,
.sm-netland a:focus span.sub-arrow,
.sm-netland a:active span.sub-arrow,
.sm-netland a.highlighted span.sub-arrow { border-color: #004aad transparent transparent transparent; }

.sm-netland li ul:not(.ui-autocomplete) a,
.sm-netland li ul:not(.ui-autocomplete) a:hover,
.sm-netland li ul:not(.ui-autocomplete) a:focus,
.sm-netland li ul:not(.ui-autocomplete) a:active,
.sm-netland li ul:not(.ui-autocomplete) a.has-submenu,
.sm-netland li ul:not(.ui-autocomplete) a.highlighted { font-weight: normal; }

.sm-netland ul:not(.ui-autocomplete) { 
 border: 0;
 background: #d6edf1;
}

.sm-netland ul:not(.ui-autocomplete) li { border: none; }

.sm-netland ul:not(.ui-autocomplete) a, .sm-netland ul:not(.ui-autocomplete) a:visited {
 background: #d6edf1;
 color:#111111;
}

.sm-netland ul:not(.ui-autocomplete) a.selected,
.sm-netland ul:not(.ui-autocomplete) a:hover,
.sm-netland ul:not(.ui-autocomplete) a:focus,
.sm-netland ul:not(.ui-autocomplete) a:active,
.sm-netland ul:not(.ui-autocomplete) a.highlighted {
 background: #e2f2f5;
 color:#004aad;
}

.sm-netland ul:not(.ui-autocomplete) a span.sub-arrow { border-color: transparent transparent transparent #111111; }

.sm-netland ul:not(.ui-autocomplete) a.selected span.sub-arrow,
.sm-netland ul:not(.ui-autocomplete) a:hover span.sub-arrow,
.sm-netland ul:not(.ui-autocomplete) a:focus span.sub-arrow,
.sm-netland ul:not(.ui-autocomplete) a:active span.sub-arrow,
.sm-netland ul:not(.ui-autocomplete) a.highlighted span.sub-arrow { border-color: transparent transparent transparent #004aad; }

@media (min-width: 981px) {

  .sm-netland a.selected,
  .sm-netland a.selected:focus { border-bottom: 4px solid #004aad; }

}

@media (max-width: 980px) {
  
  .sm-netland { 
    background: #d6edf1;;
	  border: none;
  }

  .sm-netland li { border: none; }

	.sm-netland a, .sm-netland a:visited { color: #111111; }

	.sm-netland a.selected, .sm-netland a:hover, .sm-netland a:focus, .sm-netland a:active, .sm-netland a.highlighted { 
    color: #004aad;
    background: #e2f2f5;
  }

  li.toplink { background-color: #ffffff; }

  li.toplink a,
	li.toplink a:visited { 
    text-transform: uppercase;
    color: #111111;
  }

  li.toplink a:hover, li.toplink a:focus, li.toplink a:active  { 
    color: #111111;
    opacity: 0.6;
  }

  ul#main-menu { 
   -webkit-box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.2);
   -moz-box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.2);
    box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.2);
  }

}

div#smartnavi-toggle-button,
div#smartnavi-toggle-button:hover, 
div#smartnavi-toggle-button:active {
  border: none;
  background-color: transparent;
  background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_menu_white_36dp.png);
}

div#smartnavi-toggler-cont 	{ 
	


background-color:#ffffff;


	border-bottom: none;
}

div.liftbox.kuva div.box_img h1 { font-size: 2.8rem; }

a.respbox-link-button:hover { 
  background-color: #e2f2f5;
  color: #004aad;
}
a.respbox-link-button:focus { 
  background-color: #e2f2f5;
  color: #004aad;
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  border-left: 2px solid #000000;
}

a.respbox-link-button:active { 
  background-color: #e7f6e5;
  color: #004aad;
}

.pager-current, .pager-other:hover { background: #e7f6e5; }
