/* arkisto.css — EI muuta alkuperäistä ulkoasua. Sisältää vain: arkistopalkin, arkistohuomautuksen,
   YUI-valikon korjauksen ilman alkuperäistä JavaScriptiä (vuosien 2011–2012 sivupohja) ja mobiilisovituksen. */

.arkistopalkki{background:#284e8c;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:11px;padding:4px 10px;text-align:left}
.arkistopalkki a{color:#fff}
.arkistohuom{margin:20px 25px 25px;padding:8px 10px;background:#f0f9db;border-left:3px solid #7db703;font-size:11px;color:#333}
.valikkonappi{display:none}
.alilista{margin:10px 0 0;padding:0;list-style:none}
.alilista li{margin:0 0 9px;padding-left:14px;background:url(../images/nelio_news.gif) no-repeat 0 4px}
.alilista p{margin:2px 0 0}
.hakukentta{width:100%;max-width:360px;font:inherit;padding:3px;border:1px solid #999}

/* YUI-valikko (whtopmenu.css + menu.css) toimimaan ilman YUI:n skriptiä: vaakarivi, alavalikko hiiren alla */
.yuimenubar>.bd>ul>li{float:left;display:inline;list-style:none;margin:0;padding:0 5px;border-left:1px solid #9b9ca1;position:relative;text-transform:uppercase}
.yuimenubar>.bd>ul>li:first-child{border-left:0}
.yuimenubar>.bd>ul>li>a{font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;text-decoration:none}
.yuimenubar>.bd>ul>li>a:hover{color:#7db703}
.yuimenubar>.bd>ul>li:hover>.yuimenu,.yuimenubar>.bd>ul>li:focus-within>.yuimenu{visibility:visible;left:0;top:100%;z-index:20;text-transform:none;text-align:left}
.yui-skin-sam .yuimenu li{padding:2px 10px;white-space:nowrap}
.yui-skin-sam .yuimenu a{color:#000;text-decoration:none;font-size:11px}
.yui-skin-sam .yuimenu li:hover{background:#7db703}

/* taulukot (tiedostolistat, kalenteri) pysyvät sisältölaatikon sisällä */
#content table{max-width:100%}
#filefolder,#content .textbody table{width:100%}
#filefolder td,#filefolder th{overflow-wrap:anywhere;word-break:break-word}

@media (max-width:1000px){
  #doc{width:auto!important;min-width:0!important;margin:0 6px}
  #content{width:calc(100% - 350px)}
}
@media (max-width:760px){
  body{margin:0;font-size:15px;line-height:1.5;min-width:0}
  td{font-size:14px}
  h1{font-size:21px}
  #doc{margin:0!important}
  #hd{position:relative;padding-bottom:6px}
  #secmenu{margin:0!important;padding:0 6px!important;overflow:hidden}
  #langlink a,#headerlink a{font-size:13px;line-height:44px;padding:0 8px}
  #logo{margin-left:10px!important}
  .valikkonappi{display:block;position:absolute;right:8px;top:52px;min-height:44px;padding:0 14px;font:14px Arial,Helvetica,sans-serif;text-transform:uppercase;background:#dcefaf;border:1px solid #7db703;color:#000}
  /* valikot piiloon kunnes painetaan */
  #hd>div[style*="padding-left"],#hd>div[style*="position: static"],#hd #topmenu{display:none}
  #hd.valikko-auki>div[style*="padding-left"],#hd.valikko-auki>div[style*="position: static"],#hd.valikko-auki #topmenu{display:block;float:none!important;padding:0!important;clear:both}
  #hd [style*="padding-left:36%"]{padding-left:0!important;float:none!important}
  #hd table,#hd tbody,#hd tr,#hd td{display:block;float:none!important;padding:0!important}
  #topmenu_bck,#topmenu,.topdropmenu,ul.dropdown,#tabs,.yuimenubar,.yuimenubar .bd{float:none!important;padding:0!important;margin:0!important}
  #topmenu_bck,.topdropmenu,ul.dropdown,#tabs,.yuimenubar,.yuimenubar .bd{display:block!important}
  #hd #topmenu{display:none!important}
  #hd.valikko-auki #topmenu{display:block!important}
  #topmenu a,ul.dropdown a:link,ul.dropdown a:visited,.yuimenubar a{display:flex!important;align-items:center;min-height:44px;padding:0 12px!important;border-top:1px solid #d9d9d9;font-size:14px!important}
  ul.dropdown li,.yuimenubar>.bd>ul>li{float:none!important;display:block;border-left:0!important;margin:0!important;padding:0!important}
  ul.dropdown ul,.yuimenubar .yuimenu{visibility:visible!important;position:static!important;width:auto!important}
  ul.dropdown ul li,.yui-skin-sam .yuimenu li{background:#f0f9db!important;border:0!important;padding:0!important}
  ul.dropdown ul li a:link,ul.dropdown ul li a:visited,.yuimenubar .yuimenu a{padding-left:28px!important;text-transform:none}
  ul.dropdown ul ul li a:link,ul.dropdown ul ul li a:visited{padding-left:44px!important}
  #bd{display:flex;flex-direction:column;background-size:100% auto!important}
  #content{order:1;float:none!important;width:auto!important;min-height:0!important;margin:110px 8px 0!important}
  .highlights{order:2;float:none!important;margin:16px 10px!important}
  #leftcolumcontrolbox{width:auto!important;font-size:14px}
  #leftcolumcontrolbox b a{font-size:15px}
  .content_fb,.main-content{margin:14px 12px 18px!important}
  .textbody{overflow-wrap:anywhere}
  .textbody img{max-width:100%;height:auto}
  .textbody img[align=right],.textbody img[align=left]{float:none;display:block;margin:6px 0}
  .textbody table,#content table{display:block;overflow-x:auto;max-width:100%}
  #content table.calendar_year,#content table.calendar_year tbody,#content table.calendar_year tr{display:block}
  #content table.calendar_year td{display:inline-block;vertical-align:top}
  .arkistopalkki,.arkistohuom{font-size:13px}
  .arkistopalkki a{display:inline-block;padding:11px 0;line-height:1.3}
  #leftcolumcontrolbox a,.footer a,#breadcrumb a,.alilista a{display:inline-block;line-height:44px}
  #address{font-size:13px}
  #logo a{display:inline-block;min-height:50px}
  .submenu a,#MainForm>div[style*="text-align:center"] a,body>div[style*="text-align:center"] a{display:inline-block;line-height:44px;padding:0 6px}
}