body { background: #0066cc; }


a:hover { 
  color: #f58220;
  transition: color 300ms ease-in-out 0s; 
}

a:focus-visible { outline: 3px solid #292929; }

h3 { 
 font-family:Arial, Helvetica, sans-serif; 
 font-size: 2.1rem; 
 color:#000000;
 font-weight:normal;
}


input,
textarea,
select {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 1.7rem; 
}

a.button {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 1.5rem; 
  color: #ffffff;
  background-color: #f58220;
}

.button:hover { 
 color: #ffffff;
 background-color: #f58220;
}

.button:active,
.button:focus  { 
 color: #ffffff;
 background-color: #f58220;
} 

.button:focus-visible {
  outline: 3px solid #f58220; 
  outline-offset: 2px; 
}

div.button.select_file,
.button.minor { 
 background-color: #ffffff;
 
 border-top:   1px solid #f58220;
 border-right: 1px solid #f58220;
 border-bottom:1px solid #f58220;
 border-left:  1px solid #f58220;


 color: #f58220;
}

div.button.select_file:hover,
.button.minor:hover { color: #f58220; }

div.button.select_file:active,
.button.minor:active { color: #f58220; }

table th, table thead { font-size: 1.5rem; }

table.muotoiltu th,
table.muotoiltu thead td { 
  background: #292929;
  color: #ffffff;
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 1.7rem;
}

table.muotoiltu th,table.muotoiltu td { border: 1px solid #292929; }


div#topHeaderCont { 
  background-color: #292929;
  color: #ffffff;
}

div#topheaderLinkCont div.topheaderLinkWrap a.topheaderLink { color: #ffffff; }

a.langlink { color: #ffffff; }

div#generalsearch-searchterm-wrap input.searchInput { 
  border-top: 1px solid #292929;
  border-bottom: 1px solid #292929;
}
  
div#generalsearch-submit-search-wrap i { 
  color: #ffffff;
  background: #f58220;
    color: #ffffff;
    background: #000000;
  transition: all 300ms ease-in-out 0s;
}

div#generalsearch-submit-search-wrap i:hover { 
  color: #ffffff;
  background: #f58220;
  transition: all 300ms ease-in-out 0s;
}

div#generalsearch-submit-search-wrap:focus-visible i,
div#generalsearch-submit-search-wrap i:focus-visible { 
  color: #ffffff;
  background: #f58220;
  outline: 3px solid #f58220; 
  outline-offset: 2px; 
 -webkit-box-shadow: 0 0 0 .125rem #ffffff;
  box-shadow: 0 0 0 .125rem #ffffff;
}

div#generalsearch-submit-search-wrap i:active { 
  color: #ffffff;
  background: #f58220;
}

div#headerCont { background: #ffffff;  }

div#headerCont .table-cell a { text-decoration: none; }

div#navWrap { background: #0066cc; }

div.flexslider { background:#; }

.flexslider-img-text-wrap h1 { 
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 4.8rem; 
  color: #f58220;
  font-weight:bold;
}

.flexslider-img-text-wrap p { 
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 1.6rem; 
  color: #ffffff;
}

@media (min-width: 768px) and (max-width: 980px) {
  .flexslider-img-text-wrap h1 { font-size: calc(4.8rem - 1rem); }
}

@media (max-width: 767px) {
  .flexslider-img-text-wrap h1 { font-size: 3.1rem; }

  .flexslider-img-text-wrap p { font-size: 1.7rem; }
}


div.filler-img-text-wrap2,
div.filler-img-text-wrap2 h1,
div.filler-img-text-wrap2 a,
div.filler-img-text-wrap2 a:visited { color: #ffffff; ; }

div.filler-img-text-wrap2 h1 {
  font-family:raleway, arial, sans-serif; 
  font-size: 5rem; 
  font-weight:normal;
}

p.filler-img-text {
  font-family:raleway, arial, sans-serif; 
  font-size: 2.8rem; 
  font-weight:normal;
}

div.filler-img-text-wrap2 a.filler-img-link {
 border: 1px solid #ffffff; ;
 font-family:raleway, arial, sans-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 { border: 1px solid #ffffff; ; }


div#navBreadcrumb {  font-size: 1.5rem;  }


div#footer { background: #f58220; }

div#footer-wrap { color: #ffffff; }

div#footer-wrap h1,
div#footer-wrap h2,
div#footer-wrap h3 { color: #ffffff; }

div#footer-wrap a,
div#footer-wrap a:visited { 
  color: #ffffff;
  opacity: 1;
  transition: opacity 300ms ease-in-out 0s;
  text-decoration: none;   
}

div#footer-wrap a:focus-visible {
	outline: 3px solid #ffffff;
  outline-offset: 2px; /* Pieni siirtymä */
}

div#footer-wrap a:hover { 
  opacity: 0.6;
  transition: opacity 300ms ease-in-out 0s; 
  text-decoration: underline; 
}

div#cookie-settings-opener { font-size: 1.5rem; }

div#cookie-settings-opener a,
div#cookie-settings-opener a:visited { color: #ffffff; }

div#cookie-settings-cont { border-top: 1px solid #f58220; }

div#netland-wrap { background: #0066cc; }

div#netland-wrap a {
  opacity: 1;
  transition: opacity 300ms ease-in-out 0s;   
}

div#netland-wrap a:hover {
  opacity: 0.7;
  transition: opacity 300ms ease-in-out 0s;   
}

div#netland-wrap a:focus-visible {
  outline: 3px solid #ffffff; /* Sininen reunus */
  outline-offset: 2px; /* Pieni siirtymä */
}


li.language-wrap-mobile,
.sm-netland li.language-wrap-mobile a { background-color: #292929; }

div#respnavi-cont { 


background-color:#0066cc;

 }

div#smartnavi-bottom-container {
 


background-color:#0066cc;


 border-top: 0px solid #ffffff;
}

div#smartnavi-bottom { color: #ffffff; }

div#smartnavi-bottom span#arrow-up { border-bottom: 10px solid ; }

.sm-netland a {
  font-family:Arial, Helvetica, sans-serif; 
  font-size: 1.5rem; 
  color: #ffffff;
}
  
.sm-netland a:visited {  color: #ffffff; }
  
.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; }
  
.sm-netland a.selected,
.sm-netland a:hover,
.sm-netland a.highlighted { 
  background: #f58220;
  font-weight:normal;  
}

.sm-netland a.selected,
.sm-netland a:hover,
.sm-netland a:focus,
.sm-netland a:active,
.sm-netland a.highlighted { color:#ffffff; }
  
.sm-netland a span.sub-arrow { border-color: #ffffff 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: #ffffff 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: #f58220;
}
  
.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: #f58220;
  color:#ffffff;
}
  
.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: #f58220;
  color:#292929;
}
  
.sm-netland ul:not(.ui-autocomplete) a span.sub-arrow { border-color: transparent transparent transparent #ffffff; }
  
.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 #292929; }

@media (max-width: 980px) {

  #main-menu.visible { border-top: 1px solid #ffffff; }
  
  .sm-netland ul:not(.ui-autocomplete) li { border-top: 1px solid #ffffff; }

  .sm-netland a { background: #0066cc; }

  .sm-netland a.selected, .sm-netland a:hover, .sm-netland a:focus, .sm-netland a:active, .sm-netland a.highlighted { background: #f58220; }

  div#generalsearch-submit-search-wrap-mobile i { color: #0066cc; }

  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:#0066cc;

 }

}


@media (max-width: 767px) {
  
  h1 { font-size: calc(3.1rem - 8px); }
}


div#sp-iconlink-wrap a { 
  color: #292929;
  font-family:Arial, Helvetica, sans-serif; 
}

div.liftbox.kuva div.box_img h1 { font-size: 2.4rem; }

a.respbox-link-button:hover { 
  background-color: #f58220;
  color: #ffffff;
}
a.respbox-link-button:active { 
  background-color: #f58220;
  color: #ffffff;
}


div.cal-event,
div.respbox-cal-event {
  background-color: #f2f2f2;
  border: 0;
}

td.cal-grid-weekday { background-color: #ffede4; }
 
td.cal-grid-week { background-color: #ffede4; }

td.cal-search-container { background-color: #ffede4; }


div.contact2-item { background-color: #f2f2f2; }

div#content-lifts-contact2 div.content-lift-item { background-color: #f2f2f2; }

button.contact2-item-button:focus-visible {
	outline: 3px solid #292929;
  outline-offset: 2px; /* Pieni siirtymä */
}


div#fb-search-wrapper.th-box-tr { background: #ffede4; }


div.bulletin-list-separator {
  border-top: 1px solid #292929;
}

.pager-current, .pager-other:hover { background: #ffede4; }