@charset "utf-8";

#grid-holder {
  width: 100%;
  padding: 0 0 0 2px;
  overflow: hidden;
}

#grid-holder a {
  display: block;
  float: left;
  width: 48%;
  margin: 15px 15px 6px 0;
  overflow: hidden;
  color: #000;
  border: 0 solid #fff;
}

#grid-holder a:focus,
#grid-holder a:hover {
  text-decoration: underline;
  outline: 2px solid #fc6;
}

#grid-holder .box:focus,
#grid-holder .box:hover {
  text-decoration: underline;
  outline: 2px solid #fc6;
}

#grid-holder .box {
  float: left;
  width: 100%;
  padding: 10px !important;
  background: #f0f0f0;
  border: 1px solid #ccc;
}

#saavutettavuus .center-wrapper {
  overflow: overlay;
}

#saavutettavuus article.node {
  width: 100%;
}

#grid-holder .box:focus,
#grid-holder .box:hover {
  text-decoration: underline;
  outline: 2px solid #fc6;
}

#pid-saavutettavuus .grid12-9 {
  width: 960px;
}

.node-type-saavutettavuus-uusi .sisaltoteksti a li h3,
.node-type-saavutettavuus-uusi .sisaltoteksti a li p,
.node-type-saavutettavuus-uusi .sisaltoteksti a,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti a li h3,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti a li p,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti a,
.node-type-saavutettavuuskriteeri-uusi .sisaltoteksti a li h3,
.node-type-saavutettavuuskriteeri-uusi .sisaltoteksti a li p,
.node-type-saavutettavuuskriteeri-uusi .sisaltoteksti a,
.page-saavutettavuus-haku .search-results .title a,
.sisaltoteksti .view-wcag-listaus a {
  color: #0d5a87;
  text-decoration: none;
  border-bottom: 1px solid #0d5a87;
}

.node-type-saavutettavuus-uusi .sisaltoteksti a:focus,
.node-type-saavutettavuus-uusi .sisaltoteksti a:hover,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti a:focus,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti a:focus,
.node-type-saavutettavuuskriteeri-uusi .sisaltoteksti a:hover,
.node-type-saavutettavuuskriteeri-uusi .sisaltoteksti a:hover,
.page-saavutettavuus-haku .search-results .title a:focus,
.page-saavutettavuus-haku .search-results .title a:hover {
  color: #000;
  border-bottom: 1px solid #000;
}

.node-type-saavutettavuus-uusi .sisaltoteksti .links a,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .links a,
.page-saavutettavuus .sisaltoteksti .links a {
  text-decoration: none;
  border-bottom: none;
}

.node-type-saavutettavuuskriteeri-uusi .sisaltoteksti a:focus span,
.node-type-saavutettavuuskriteeri-uusi .sisaltoteksti a:hover span {
  color: #000;
  text-decoration: underline;
}

.node-saavutettavuusblogikirjoitus blockquote,
.node-type-saavutettavuus-uusi blockquote,
.page-saavutettavuus blockquote {
  margin-left: 2em;
  font-size: inherit;
}

.node-saavutettavuusblogikirjoitus blockquote p:first-child,
.node-type-saavutettavuus-uusi blockquote p:first-child,
.page-saavutettavuus blockquote p:first-child {
  margin-top: 0 !important;
}

.page-saavutettavuus #lang {
  display: none;
}

.page-saavutettavuus #header #nav-element {
  margin-bottom: 0;
  border-bottom: 0 solid #fff;
}

.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a li h3 span,
.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a li h3,
.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a li p,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a li h3 span,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a li h3,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a li p {
  color: #000;
}

.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a li h3 span:hover,
.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a li h3:hover,
.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a li p:hover,
.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a:focus li h3 span,
.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a:focus li h3,
.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a:focus li p,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a li h3 span:hover,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a li h3:hover,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a li p:hover,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a:focus li h3 span,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a:focus li h3,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a:focus li p {
  color: #000;
  text-decoration: underline;
}

.node-type-saavutettavuus-uusi .authorname,
.node-type-saavutettavuusblogikirjoitus .authorname,
.page-saavutettavuus .authorname {
  font-style: oblique;
  letter-spacing: .5px;
}

.node-type-saavutettavuus-uusi .pub-date,
.node-type-saavutettavuusblogikirjoitus .pub-date,
.page-saavutettavuus .pub-date {
  font-weight: 700;
  color: #555;
}

.accessibility-article {
  display: block;
  float: left;
  width: 100%;
  padding-right: 10px;
  margin-bottom: 10px;
  background: #f3f3f3;
  border: 1px solid #dadada;
}

.accessibility-article:focus,
.accessibility-article:hover,
.accessibility-article:nth-child(odd):focus,
.accessibility-article:nth-child(odd):hover {
  background: #e7e7e7;
  border: 1px solid #fc6;
}

.accessibility-article a:focus,
.accessibility-article a:hover {
  text-decoration: underline;
}

.accessibility-article:nth-child(odd) {
  margin-bottom: 10px;
  background: #e6e6e6;
  border: 1px solid #b1b1b1;
}

.accessibility-article a {
  display: block;
  overflow: hidden;
}

.accessibility-article img {
  float: left;
  padding: 15px;
  margin-right: 16px;
  border: none;
}

.accessibility-article h3 {
  padding-top: 15px;
  padding-left: 10px;
}

.accessibility-article .created {
  font-size: 11px;
}

ul.accessibility-node-listing li {
  padding-bottom: 5px;
}

#papunet-saavutettavuuslistaus-contact-form--2 fieldset {
  padding: 0;
  border: 0 solid #fff;
}

#papunet-saavutettavuuslistaus-contact-form--2 fieldset legend {
  font-weight: 700;
}

ul.accessibility-navigation {
  min-height: 52px;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  text-align: center;
  list-style: outside none none;
  background: #f0f0f0;
}

ul.accessibility-navigation li {
  display: inline;
  float: left;
  padding-right: 3px;
  padding-left: 10px;
  margin-top: 16px;
  font-size: 13px;
}

ul.accessibility-navigation li a {
  border: 0 solid #f0f0f0;
}

ul.accessibility-navigation li a:hover {
  border-bottom: 1px solid #f8962a;
}

ul.accessibility-navigation li + li:before {
  padding-right: 8px;
  content: ' | ';
}

input#edit-papunet--2 {
  display: none;
}

#block-block-20 {
  float: left;
  width: 100%;
}

#block-block-22 .vinkki {
  margin: 8px 0 -31px;
}

p.vinkki.oranssi {
  background: #fff;
  border: 2px solid #faa74b;
  -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
     -moz-border-radius: 5px;
      -ms-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 1px 1px 4px 0 #ccc;
     -moz-box-shadow: 1px 1px 4px 0 #ccc;
      -ms-box-shadow: 1px 1px 4px 0 #ccc;
       -o-box-shadow: 1px 1px 4px 0 #ccc;
          box-shadow: 1px 1px 4px 0 #ccc;
}

.tags a {
  display: inline-block;
  padding: 10px;
  margin: 3px;
  border: 3px solid #e8e8e8;
}

.tags a:active,
.tags a:focus,
.tags a:hover {
  background: #353738;
  border-color: #faa74b;
}

h4.saavutettavuus-tagit,
h4.selkokieli-tagit {
  padding-top: 20px;
}

#views-exposed-form-wcag-2-0-page .views-exposed-form .views-exposed-widget .form-submit {
  width: 180px;
  margin: 0;
  margin-bottom: 25px;
}

#views-exposed-form-selkokieli-page .views-exposed-widget.views-submit-button {
  float: left;
  width: 100%;
}

#views-exposed-form-selkokieli-page .views-exposed-form .views-exposed-widget .form-submit {
  float: left;
  width: 180px;
  margin: 0;
  margin-bottom: 25px;
}

.view-id-selkokieli .views-row span {
  display: block;
}

.node-type-saavutettavuuskriteeri .external:after {
  content: '';
}

.node-type-saavutettavuuskriteeri .external {
  border-bottom: 1px dashed #f8962a;
}

.w3_link.external:after {
  content: ' ' url('http://papunet.net/grafi/external.png');
}

a.w3_link.external {
  color: #0d5a87;
  text-decoration: none;
  border-bottom: 1px solid #0d5a87;
}

a.w3_link.external:focus,
a.w3_link.external:hover {
  color: #000;
  border-bottom: 1px solid #000;
}

#pid-saavutettavuus-tiedostot .grid12-6-inner {
  width: 600px;
}

.accessibility-article h3 {
  padding: 0;
  margin: 10px 0 3px;
}

#edit-papunet {
  display: none;
}

#saavutettavuus_uusi .img_holder {
  margin-bottom: 10px;
  overflow: hidden;
}

#saavutettavuus_uusi .img_holder > img {
  min-width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

.node-type-saavutettavuus-uusi .kuvateksti,
.node-type-saavutettavuusblogikirjoitus .kuvateksti {
  font-size: .96em;
  line-height: 1.42857 !important;
}

.panels-flexible-region-saavutettavuus_layout-center {
  width: 100% !important;
}

.saavutettavuusflex .box {
  float: left;
  width: 100%;
  min-height: 170px;
  padding: 12px !important;
  margin-bottom: 1em;
  background: #f0f0f0;
  border: 1px solid #ccc;
}

.saavutettavuusflex a.box:focus,
.saavutettavuusflex a.box:hover {
  color: #000;
  outline: 2px solid #fc6;
}

.saavutettavuusosio-leftblock {
  display: inline-block;
  float: left;
  width: 50%;
  padding-right: 6px;
}

.saavutettavuusosio-rightblock {
  display: inline-block;
  float: right;
  width: 50%;
  padding-left: 6px;
}

#views-exposed-form-selkokieli-page .views-exposed-widgets,
#views-exposed-form-wcag-2-0-page .views-exposed-widgets {
  padding-top: 29px;
  padding-left: 78px;
  margin-bottom: .5em;
}

#views-exposed-form-selkokieli-page .views-exposed-form .views-exposed-widget,
#views-exposed-form-wcag-2-0-page .views-exposed-form .views-exposed-widget {
  background: #fbfbfb;
}

#views-exposed-form-selkokieli-page .views-exposed-widget.views-submit-button,
#views-exposed-form-wcag-2-0-page .views-exposed-widget.views-submit-button {
  background: #fff;
}

#views-exposed-form-selkokieli-page .views-widget,
#views-exposed-form-wcag-2-0-page .views-widget {
  padding: 12px;
}

#views-exposed-form-selkokieli-page .views-exposed-form label.option,
#views-exposed-form-wcag-2-0-page .views-exposed-form label.option {
  padding-left: 0;
}

#views-exposed-form-selkokieli-page .views-exposed-form label,
#views-exposed-form-wcag-2-0-page .views-exposed-form label {
  padding-left: 10px;
}

/* uusi */

.menu-name-menu-saavutettavuus-uusi .navbar-nav > li > a:focus {
  color: #fff;
  text-decoration: underline;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi ul.nav.navbar-nav {
  width: 100%;
  background: #f7f8fc;
  border: 1px solid #000;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-brand,
.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav > li > a {
  margin-top: -3px;
  color: #fff;
  border: none;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav > li > a {
  font-weight: 700;
  color: #000;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav > li > a.active-trail {
  color: #fff;
  background: #4e5d72;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav > li > a.active-trail:focus {
  color: #fff;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav > li > a:focus {
  color: #000;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav > li > a:active,
.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav > li > a:hover {
  color: #fff;
}

#saavutettavuus_uusi .panels-flexible-region-saavutettavuus_layout-center-inside h1 {
  display: inline-block;
  padding: 10px;
  padding-bottom: 0 !important;
  margin-top: 17px;
  margin-bottom: 0 !important;
  margin-left: 25px;
  font-size: 7rem !important;
  color: #fff;
  text-shadow: 0 0 12px #000;
  text-transform: uppercase;
  background: rgba(0, 0, 0, 0.31);
}

#content_top {
  padding-bottom: 1em;
  overflow: hidden;
}

#saavutettavuus_menu {
  padding-top: 8px;
  padding-right: 15px;
  padding-bottom: 14px;
  padding-left: 15px;
  overflow: hidden;
}

#saavutettavuus_uusi .row-eq-height [class*='col-'] {
  margin-bottom: 15px;
}

#saavutettavuus_uusi .panel-panel.panel-col-first {
  overflow: hidden;
}

#saavutettavuus_uusi .pane-content a {
  display: block;
  overflow: hidden;
  color: #232121;
  background: #ececec;
  border: 2px solid #ececec;
  opacity: 1;
}

#saavutettavuus_uusi .pane-content a:focus,
#saavutettavuus_uusi .pane-content a:hover {
  cursor: pointer;
  background: #ffefe1;
  border: 2px solid #ff8f00;
  outline: none;
  opacity: .85;
}

#saavutettavuus_uusi .pane-content .read-more {
  color: #0d5a87;
  border-bottom: 1px solid #0d5a87;
}

#saavutettavuus_uusi .pane-content a:focus .read-more,
#saavutettavuus_uusi .pane-content a:hover .read-more {
  color: #000;
  border-bottom: 1px solid #000;
}

#saavutettavuus_uusi .pane-content a img {
  -webkit-transition: all 0.750s ease 0.100s;
     -moz-transition: all 0.750s ease 0.100s;
      -ms-transition: all 0.750s ease 0.100s;
       -o-transition: all 0.750s ease 0.100s;
          transition: all 0.750s ease 0.100s;
}

#saavutettavuus_uusi .pane-content a:focus img,
#saavutettavuus_uusi .pane-content a:hover img {
  -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
       -o-transform: scale(1.1);
          transform: scale(1.1);
}

#saavutettavuus_uusi .pane-content img {
  padding-bottom: 13px;
  border: 0 solid #fff;
}

#saavutettavuus_uusi .pane-content h2 {
  min-height: 84px;
  padding-top: .7em;
  padding-right: 1em;
  padding-bottom: .3em;
  padding-left: .6em;
  margin-top: 0;
  font-size: 1.9em;
  text-transform: uppercase;
}

#saavutettavuus_uusi .pane-content .blog-text h2 {
  min-height: inherit;
}

#saavutettavuus_uusi .pane-content a p {
  padding: 1em;
  margin-top: 0;
  margin-bottom: 0;
}

.node-type-saavutettavuus-uusi #breadcrumbs,
.node-type-saavutettavuusblogikirjoitus #breadcrumbs,
.page-saavutettavuus #breadcrumbs {
  display: none;
}

#saavutettavuus_uusi .panel-col-bottom {
  width: 100%;
  padding: 39px;
  overflow: hidden;
  color: #fff;
  background: #333;
}

#saavutettavuus_uusi .panel-col-bottom .intro-text {
  float: left;
  width: 70%;
  padding-right: 6em;
}

#saavutettavuus_uusi .panel-col-bottom .intro-text p {
  font-size: 1.8em;
}

#saavutettavuus_uusi .panel-col-bottom img {
  float: right;
  width: 30%;
  max-height: 579px;
  min-height: 350px;
  background: rgba(255, 255, 255, 0.96);
}

.page-saavutettavuus #header a,
.node-type-saavutettavuus-uusi #header .site-tyyli a,
.node-type-saavutettavuusblogikirjoitus #header .site-tyyli a,
.page-saavutettavuus #header .site-tyyli a {
  border: 1px dotted transparent;
}

.page-saavutettavuus #header a:hover,
.node-type-saavutettavuus-uusi #header .site-tyyli a:focus,
.node-type-saavutettavuusblogikirjoitus #header .site-tyyli a:focus,
.page-saavutettavuus #header .site-tyyli a:focus {
  /*border: 1px dotted #666 !important;
  outline: none;*/
  outline: 1px dotted #666 !important;
}

.node-type-saavutettavuus-uusi #header .site-tyyli h1,
.node-type-saavutettavuusblogikirjoitus #header .site-tyyli h1,
.page-saavutettavuus #header .site-tyyli h1 {
  font-size: 36px !important;
}

.node-type-saavutettavuus-uusi #header .site-description a,
.node-type-saavutettavuusblogikirjoitus #header .site-description a,
.node-type-saavutettavuuskriteeri-uusi #header .site-description,
.page-saavutettavuus #header .site-description a,
.page-saavutettavuus #header .site-description a {
  display: inline-block;
}

.node-type-saavutettavuus-uusi #header .site-description,
.node-type-saavutettavuusblogikirjoitus #header .site-description,
.node-type-saavutettavuuskriteeri-uusi #header .site-description,
.page-saavutettavuus #header .site-description,
.page-saavutettavuus #header .site-description {
  display: inline-block;
  width: auto;
  height: auto;
  padding-left: 0;
  margin-top: 10px;
}

.node-type-saavutettavuus-uusi #header .navbar-brand,
.node-type-saavutettavuusblogikirjoitus #header .navbar-brand,
.page-saavutettavuus #header .navbar-brand,
.node-type-saavutettavuuskriteeri-uusi #header .navbar-brand {
  height: auto;
  padding: 0;
  margin: 15px 15px 0 0;
  color: #4e5d72 !important;
}

.node-type-saavutettavuus-uusi #header .navbar-brand span,
.node-type-saavutettavuusblogikirjoitus #header .navbar-brand span,
.page-saavutettavuus #header .navbar-brand span,
.node-type-saavutettavuuskriteeri-uusi #header .navbar-brand span {
  padding: 4px 8px;
  border: 1px solid #ff933e;
}

.page-saavutettavuus #header .site-description span,
.node-type-saavutettavuus-uusi #header .site-description span,
.node-type-saavutettavuusblogikirjoitus #header .site-description span,
.node-type-saavutettavuuskriteeri-uusi #header .site-description span,
.page-saavutettavuus #header .site-description span {
  padding-left: 0;
}

.node-type-saavutettavuus-uusi #content,
.node-type-saavutettavuusblogikirjoitus #content,
.node-type-saavutettavuuskriteeri-uusi #content,
.page-saavutettavuus #content {
  padding: 0 0 32px;
}

.node-type-saavutettavuus-uusi .breadcrumb,
.node-type-saavutettavuusblogikirjoitus .breadcrumb,
.node-type-saavutettavuuskriteeri-uusi .breadcrumb,
.page-saavutettavuus .breadcrumb {
  padding: 4px;
  margin-bottom: 15px;
  background: #fff;
}

.node-type-saavutettavuus-uusi h1,
.node-type-saavutettavuusblogikirjoitus h1,
.node-type-saavutettavuuskriteeri-uusi h1,
.page-saavutettavuus h1 {
  max-width: calc(100% - 70px);
  margin: 0 0 15px !important;
  font-size: 30px !important;
}

.node-type-saavutettavuus-uusi h2,
.node-type-saavutettavuusblogikirjoitus h2,
.node-type-saavutettavuuskriteeri-uusi h2,
.page-saavutettavuus h2 {
  font-size: 24px !important;
}

.node-type-saavutettavuus-uusi h3,
.node-type-saavutettavuusblogikirjoitus h3,
.node-type-saavutettavuuskriteeri-uusi h3,
.page-saavutettavuus h3 {
  margin-top: 32px;
  font-size: 18px !important;
}

.node-type-saavutettavuus-uusi h3:first-child,
.node-type-saavutettavuusblogikirjoitus h3:first-child,
.node-type-saavutettavuuskriteeri-uusi h3:first-child,
.page-saavutettavuus h3:first-child {
  margin-top: 18px;
}

.node-type-saavutettavuus-uusi h4,
.node-type-saavutettavuusblogikirjoitus h4,
.node-type-saavutettavuuskriteeri-uusi h4,
.page-saavutettavuus h4 {
  font-size: 14px !important;
}

#saavutettavuus-footer h1 {
  margin-top: 15px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 14px !important;
}

#saavutettavuus-footer .row .col-sm-4:last-child a {
  padding: 3px 4px;
  margin-left: -4px;
  background: #f7f8fc !important;
  border: 1px solid #000;
}

#saavutettavuus-footer .row .col-sm-4:last-child h1:last-child {
  padding-top: 7px;
}

#saavutettavuus-footer .row .col-sm-4:last-child a > span {
  display: inline-block;
  min-width: 7.5em;
}

#saavutettavuus-footer .row .col-sm-4:last-child a:focus,
#saavutettavuus-footer .row .col-sm-4:last-child a:hover {
  color: #fff;
  background: #4e5d72 !important;
  outline: none;
}

#saavutettavuus-footer .row .col-sm-4:last-child a:focus > span,
#saavutettavuus-footer .row .col-sm-4 a:hover > span {
  text-decoration: underline;
}

#saavutettavuus-footer #papunet-footteri-etusivu-link {
  color: #4e5d72 !important;
}

#saavutettavuus-footer #papunet-footteri-etusivu-link > span {
  padding: 4px 8px;
  border: 1px solid #ff933e;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li.active {
  background: #4e5d72;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li.active a:focus,
.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li.active a:hover {
  color: #fff;
  text-decoration: underline;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li.active:focus,
.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li.active:hover,
.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li:focus-within {
  background: #4e5d72;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li:hover {
  background: #4e5d72;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li a:focus-within,
.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li a:hover {
  color: #fff;
  text-decoration: underline;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi .navbar-nav li.last {
  max-height: 40px;
}

.page-saavutettavuus .region.region-above-content-top {
  padding-right: 0;
  padding-left: 0;
  overflow: hidden;
}

.node-type-saavutettavuus-uusi .content #header ul.nav.navbar-nav,
.node-type-saavutettavuusblogikirjoitus .content #header ul.nav.navbar-nav,
.page-saavutettavuus #header ul.nav.navbar-nav {
  display: none;
}

#saavutettavuus_uusi .pane-content a {
  display: block;
  overflow: hidden;
  color: #232121;
  background: #ececec;
  border: 2px solid #ececec !important;
  border-bottom: 2px solid #ececec !important;
}

#saavutettavuus_uusi .pane-content a:focus,
#saavutettavuus_uusi .pane-content a:hover {
  border: 2px solid #ff8f00 !important;
}

.box_holder {
  margin-top: 45px;
}

.box_holder ul {
  padding-left: 0;
  list-style: none;
}

.box_holder ul li {
  width: 100%;
  padding: 2px 0 9px;
  margin: 0;
  overflow: hidden;
  font-size: 20px;
  list-style: none;
  background: #fff;
  border-top: 3px solid #ff933e;
}

.box_holder li:focus,
.box_holder li:hover {
  background: #f7f8fc;
  border-top: 3px solid #ec6a04;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder a:focus li,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder a:focus li {
  background: #f7f8fc;
}

.node-type-saavutettavuus-uusi .sisaltoteksti ol li,
.node-type-saavutettavuus-uusi .sisaltoteksti ul li,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti ol li,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti ul li {
  margin-bottom: .5em;
}

.node-type-saavutettavuus-uusi .sisaltoteksti .box_holder ul li,
.node-type-saavutettavuusblogikirjoitus .sisaltoteksti .box_holder ul li {
  margin-bottom: 0;
}

.box_holder a:last-child li {
  border-bottom: 3px solid #ff933e;
}

.box_holder ul li h3 {
  float: left;
  width: 75%;
  padding: 0;
  padding-top: 18px;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.box_holder ul li p {
  float: left;
  width: 75%;
  font-size: 12px;
  text-align: left;
}

.box_holder ul li img {
  float: left;
  width: 20%;
  padding: 0;
  margin: 2px 20px 0 0;
  border: 0;
}

.box_holder ul li img:focus,
.box_holder ul li img:hover {
  opacity: .8;
}

.box_holder ul li p:focus,
.box_holder ul li p:hover {
  text-decoration: underline;
}

.box_holder h3 a,
.box_holder p a {
  border-bottom: 0 solid #fff;
}

.box_holder h3 a:hover {
  text-decoration: none;
  border-bottom: 1px solid #000;
}

.node-type-saavutettavuus-uusi #header .site-tyyli h2,
.node-type-saavutettavuusblogikirjoitus #header .site-tyyli h2,
.node-type-saavutettavuuskriteeri-uusi #header .site-tyyli h2,
.page-saavutettavuus #header .site-tyyli h2 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 30px !important;
  font-weight: 700;
  color: #4e5d72;
}

#hamburger_menu {
  display: none;
  float: left;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 38px;
  overflow: hidden;
}

#hamburger_menu .highlight {
  font-weight: 400;
}

#hamburger_menu ul {
  width: 100%;
  list-style-type: none;
  list-style-image: none;
}

#hamburger_menu li {
  list-style-type: none;
  list-style-image: none;
  border-bottom: 1px solid #ccc;
}

#hamburger_menu li,
#hamburger_menu ul {
  width: 100%;
  padding: 0;
  margin: 0;
}

#hamburger_menu ul li ul li {
  padding-left: 20px;
}

#hamburger_menu ul li {
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  background: #d3d3d3;
}

#hamburger_menu ul li ul li {
  display: none;
  text-transform: initial;
  background: #efefef;
}

#hamburger_menu ul li ul li ul li {
  width: calc(100% - 20px);
  padding-left: 1px;
  margin-left: 20px;
  background: #fff;
}

#hamburger_menu ul li ul li ul li ul li {
  background: #eaeaea;
}

#hamburger_menu ul li ul li ul li ul li ul li {
  background: #fff;
}

#hamburger_menu ul li {
  width: 100%;
  overflow: hidden;
}

#hamburger_menu ul li.expanded ul {
  display: none;
}

#hamburger_menu .toggler {
  float: right;
  width: 40px;
  height: 40px;
  margin-top: 6px;
  margin-right: 2px;
  overflow: hidden;
  color: red;
  background: url('http://papunet.net/sites/default/files/saavutettavuus/tiedostot/plus.png');
  background-repeat: no-repeat;
  background-size: contain;
}

#hamburger_menu ul li a {
  float: left;
  width: 85%;
}

#hamburger_menu .toggler-expanded {
  background: url('http://papunet.net/sites/default/files/saavutettavuus/tiedostot/minus.png');
  background-repeat: no-repeat;
  background-size: contain;
}

.no-sidebars .region.region-above-content-top {
  padding-bottom: .4em;
}

body.no-sidebars.page-saavutettavuus .breadcrumb {
  display: none;
}

.wcag-kriteeri {
  display: block;
  width: 100%;
  padding-bottom: 10px;
}

.wcag-kriteeri h2 a {
  font-size: 25px;
  text-decoration: none;
}

.wcag-kriteeri h3 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  background: #f5f5f5;
}

.wcag-kriteeri h3 a {
  font-size: 19px;
  font-weight: 100;
  text-decoration: none;
}

.wcag-kriteeri h4 {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  background: #f9f9f9;
}

.wcag-kriteeri h4 a {
  font-size: 14px !important;
  font-weight: 100;
  text-decoration: none;
}

a .edellinen,
a .seuraava {
  display: block;
  float: left;
  width: 216px;
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px solid #000;
}

a .edellinen:focus,
a .edellinen:hover,
a .seuraava:focus,
a .seuraava:hover {
  background: #f7f8fc;
}

.edellinen span,
.seuraava span {
  float: left;
  width: 100%;
  padding: 3px 8px;
  overflow: hidden;
  font-size: 15px;
  text-align: center;
}

.edellinen span.kriteeriotsikko,
.seuraava span.kriteeriotsikko {
  float: left;
  width: 100%;
  min-height: 45px;
  font-size: 12px;
  text-align: left;
}

a .seuraava {
  margin-right: 0;
}

.edellinen.tyhja,
.seuraava.tyhja {
  visibility: hidden;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi ul li.leaf {
  padding: 0;
  margin: 0;
}

.region-above-content-top .menu-name-menu-saavutettavuus-uusi ul li.leaf a {
  padding: 10px 20px;
  margin: 0;
}

.panels-flexible-row-saavutettavuus_layout-main-row-inside .blog-img,
.panels-flexible-row-saavutettavuus_layout-main-row-inside .blog-text {
  padding: 0;
}

.panels-flexible-row-saavutettavuus_layout-main-row-inside .blog-img h3 {
  padding: 0 .6em .3em;
  margin-top: 0;
  font-size: 2.5rem;
  font-weight: 100;
  text-transform: uppercase;
}

#saavutettavuus .box {
  display: inline-table;
  min-height: 140px;
}

.node-type-saavutettavuuskriteeri-uusi .navbar-nav > li > a {
  font-weight: 400;
}

.page-saavutettavuus .panels-flexible-saavutettavuus_layout .panels-flexible-row {
  margin: 0 !important;
}

.page-saavutettavuus .panels-flexible-saavutettavuus_layout .panels-flexible-region-inside,
.page-saavutettavuus .panels-flexible-saavutettavuus_layout .panels-flexible-region-inside-last {
  padding: 5px !important;
}

.page-saavutettavuus div#footer-line,
.node-type-saavutettavuus-uusi div#footer-line {
  margin-right: 0;
  margin-left: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.page-saavutettavuus hr,
.node-type-saavutettavuus-uusi hr {
  border-top: 1px solid #000;
}

/* haku säätöjä */

.page-saavutettavuus-haku .search-results .title {
  margin-bottom: 4px;
  text-transform: initial;
}

.page-saavutettavuus-haku .search-result {
  padding: 0;
}

.navbar-default #hamburger_menu .hae-2 {
  float: right;
}

textarea.form-textarea {
  width: calc(100% - 47px) !important;
}

.view-haku-saavutettavuus .views-exposed-form {
  padding: 16px 12px;
  margin-bottom: 15px;
  background: #fcfcfd;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.view-haku-saavutettavuus .views-exposed-form .form-submit {
  margin-top: 26px;
}

#hamburger_menu .navbar-nav .searchleaf {
  background: #fff;
}

@media (max-width: 395px) {
  #saavutettavuus_uusi .panels-flexible-region-saavutettavuus_layout-center-inside h1 {
    font-size: 2.3rem !important;
  }
}

@media (max-width: 475px) {
  #hamburger_menu .toggler {
    width: 25px;
    height: 25px;
  }

  #hamburger_menu ul li a {
    font-size: 12px;
  }
}

@media (max-width: 520px) {
  .box_holder ul li img {
    display: none;
  }

  .box_holder ul li h3 {
    width: 100%;
  }

  .box_holder ul li p {
    width: 100%;
  }
}

@media (max-width: 580px) {
  #saavutettavuus_uusi .panels-flexible-region-saavutettavuus_layout-center-inside h1 {
    font-size: 5rem !important;
  }

  #saavutettavuus_uusi .pane-content h2 {
    min-height: 50px;
    font-size: 1.52em;
  }

  #saavutettavuus_uusi .panel-col-bottom .intro-text p {
    font-size: 1.2em;
  }

  #saavutettavuus_uusi .panel-col-bottom .intro-text {
    float: left;
    width: 100%;
    padding-right: 6em;
  }

  #saavutettavuus_uusi .panels-flexible-region-saavutettavuus_layout-center-inside h1 {
    font-size: 3rem !important;
  }
}

@media screen and (max-width: 604px) {
  .accessibility-article .content {
    padding-bottom: 14px;
    padding-left: 14px;
  }
}

@media (max-width: 767px) {
  #saavutettavuus_uusi .panels-flexible-region-saavutettavuus_layout-center-inside h1 {
    font-size: 5rem !important;
  }

  #saavutettavuus_uusi .pane-content h2 {
    min-height: 59px;
    font-size: 1.3em;
  }

  #saavutettavuus_uusi .panel-col-bottom .intro-text p {
    font-size: 1.2em;
  }
}

@media (min-width: 768px) {
  .region-search #block-block-34 {
    float: right;
    width: auto;
  }

  .region-search #block-block-34 .hae-1 #edit-search-block-form--2 {
    min-width: 200px !important;
  }

  .page-saavutettavuus .navbar-default .searchdesktop,
  .node-type-saavutettavuus-uusi .navbar-default .searchdesktop,
  .node-type-saavutettavuuskriteeri-uusi .navbar-default .searchdesktop,
  .node-type-saavutettavuusblogikirjoitus .navbar-default .searchdesktop {
    top: 0;
  }

  .page-saavutettavuus .navbar-default .searchdesktop .form-group,
  .node-type-saavutettavuus-uusi .navbar-default .searchdesktop .form-group,
  .node-type-saavutettavuusblogikirjoitus .navbar-default .searchdesktop .form-group {
    padding-top: 0;
  }

  .saavutettavuusosio-mobileblock {
    display: none;
  }

  .saavutettavuusosio-leftblock {
    display: inline;
  }

  .saavutettavuusosio-rightblock {
    display: inline;
  }

  #saavutettavuus_uusi .blog-img .img_holder {
    margin-top: 24px !important;
  }

  .page-saavutettavuus .panels-flexible-saavutettavuus_layout .panels-flexible-row {
    margin: 0 -5px !important;
  }
}

@media (max-width: 768px) {
  .saavutettavuusosio-mobileblock {
    display: inline;
  }

  .saavutettavuusosio-leftblock,
  .saavutettavuusosio-rightblock,
  #saavutettavuus_uusi .panel-col-bottom img {
    display: none;
  }

  #saavutettavuus_uusi .pane-content h2 {
    font-size: 1.5em;
  }

  #saavutettavuus_uusi .pane-content a p {
    font-size: 1.1em;
  }

  #saavutettavuus_uusi .panel-col-bottom .intro-text {
    float: left;
    width: 100%;
    padding-right: 1em;
    padding-left: 1em;
  }
}

@media (max-width: 844px) {
  .page-saavutettavuus .region.region-above-content-top,
  .node-type-saavutettavuus-uusi .region.region-above-content-top,
  .node-type-saavutettavuusblogikirjoitus .region.region-above-content-top {
    display: none;
  }
}

@media (max-width: 928px) {
  .page-saavutettavuus .region.region-above-content-top,
  .node-type-saavutettavuus-uusi .region.region-above-content-top,
  .node-type-saavutettavuusblogikirjoitus .region.region-above-content-top {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  #saavutettavuus_uusi .pane-content a img {
    padding-right: 0;
    padding-left: 0;
  }

  #saavutettavuus-footer .row .col-sm-4 {
    margin-top: 0;
  }

  #saavutettavuus_uusi .blog-img .img_holder {
    /*max-width: 235px;*/
  }

  #hamburger_menu {
    display: none !important;
  }

  #saavutettavuus-footer .row .col-sm-4:last-child h1:last-child {
    padding-top: 0;
  }

  .node-type-saavutettavuus-uusi #header .navbar-brand,
  .node-type-saavutettavuusblogikirjoitus #header .navbar-brand,
  .page-saavutettavuus #header .navbar-brand {
    margin-left: -1px;
  }
}

@media (max-width: 992px) {
  #saavutettavuus_uusi .pane-content h2 {
    min-height: 50px;
    padding: .7em 1em 0 .6em;
    margin-top: 0;
    font-size: 1.17em;
  }

  #saavutettavuus_uusi .panels-flexible-region-saavutettavuus_layout-center-inside h1 {
    font-size: 5.3rem !important;
  }

  #saavutettavuus_uusi .panel-col-bottom .intro-text p {
    font-size: 1.2em;
  }

  .page-saavutettavuus #header ul.nav.navbar-nav,
  .node-type-saavutettavuus-uusi #header ul.nav.navbar-nav,
  .node-type-saavutettavuusblogikirjoitus #header ul.nav.navbar-nav,
  .page-saavutettavuus #header ul.nav.navbar-nav {
    display: block;
  }

  .page-saavutettavuus .region.region-above-content-top,
  .node-type-saavutettavuus-uusi .region.region-above-content-top,
  .node-type-saavutettavuusblogikirjoitus .region.region-above-content-top {
    display: block;
  }

  .node-type-saavutettavuus-uusi .menu-name-menu-saavutettavuus-uusi,
  .node-type-saavutettavuusblogikirjoitus .menu-name-menu-saavutettavuus-uusi,
  .page-saavutettavuus .menu-name-menu-saavutettavuus-uusi {
    display: none;
  }

  .node-type-saavutettavuus-uusi #sidebar-first,
  .node-type-saavutettavuusblogikirjoitus #sidebar-first,
  .page-saavutettavuus #sidebar-first {
    display: none;
  }

  .edellinen {
    margin-bottom: 16px;
  }

  a .edellinen,
  a .seuraava {
    width: 100%;
    max-width: 350px;
  }

  .edellinen span,
  .seuraava span {
    font-size: 17px;
  }

  .edellinen span.kriteeriotsikko,
  .seuraava span.kriteeriotsikko {
    font-size: 15px;
  }
}

@media (max-width: 1091px) {
  .menu-name-menu-saavutettavuus-uusi .navbar-nav > li > a {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12px;
  }
}

@media (max-width: 1199px) {
  #saavutettavuus_uusi .panel-col-bottom .intro-text p {
    font-size: 1.8em;
  }

  #saavutettavuus_uusi .pane-content h2 {
    font-size: 1.77em;
  }
}