/* kommentti */
a {
  color: black;
  text-decoration: none; /* no underline */
}

html {
  position:relative;
  min-height: 100%;
}

html, body{
    margin:0;
    padding:0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing;
    padding-left: 35px;
    padding-right: 35px;
}

@media only screen and (max-width : 640px) {
/* Styles */
  body {
    padding-left: 10px;
    padding-right: 10px;
  }

  div#sidebar2 img {
    max-height: 75px;
  }

  div#sidebar img {
    max-height: 75px;
  }
}

div#sidebar{
  position:fixed;
  min-height:100%;
  left: 0;
  top:50%;
  margin-top:-55px;
}

div#sidebar2{
  position:fixed;
  height:100%;
  right: 0;
  margin-top:-55px;
  top:50%;
}

  div.content100p
  {
   text-align: center;
   width: 100%;
  }

    div.contentwrapper810px {
      margin: auto;
      max-width: 810px;
    }

    div.minheight275px {
      min-height: 275px;
    }

      div#ylapalkkilogo {
        margin-top: 10px;
      }

      div#ylapalkkinavi {
        vertical-align: top;
        width: 100%;
        text-align: left;
        margin: auto;
        text-align:center;
        line-height: 30px;
      }

        a.ylapalkkinavilink{
          display: inline-block;
          margin-left: 24px;
          margin-right: 24px;
        }

        a.ylapalkkinavilink:hover {
          display: inline-block;
          font-family: TypolarAntiques-SemiBold, sans-serif !important;
          font-style: normal;
          font-weight: normal;
          text-rendering: optimizeLegibility;
        }

      div.contenttext {
        width: 100%;
        float: left;
        width: -moz-calc(100% - 16px);
        width: -webkit-calc(100% - 16px);
        width: -o-calc(100% - 16px);
        width: calc(100% - 16px);
        margin: 8px;
        margin-top: 58px;
        text-align: left;
        font-size: 18px;
        line-height: 1.35;
        vertical-align: top;
        margin-bottom: 0px;
      }

        input.tilauslomake {
          margin-right: 6px;
        }

        input[type="radio"].tilauslomake-mac {
          padding:0 10px 0 0;
          position:relative;
          top:-2px;
        }

        input[type="radio"].tilauslomake-others {
          padding:0 10px 0 0;
          position:relative;
          top: 1px;
        }

        input[type="text"].tilauslomake {
          width: 100%;
          outline: none;
          background-color: #ebebeb;
          border: none;
          border-color: transparent;
          padding-left: 4px;
          font-size: 22px;
          line-height: 26px;
          transition:width 0.1s; /* for automatic size resize */
        }

        div#laheta {
          height: 60px;
          background-color:	gray;
          width: 100%;
        }

        #lahetanappi {
          border: 1px;
          padding-top: 5px;
          font-size: 14px !important;
          height: 26px;
          background-color:	#99ff99;
          width: 100%;
          margin-top: 50px;
          margin-bottom: 10px;
        }

    div.separator1068px {
      margin: auto;
      max-width: 1068px;
      min-height: 10px;
    }

    span#changesize {
      outline: none;
      border: none;
      border-color: transparent;
    }

    input[type="text"]#changesizeinput {
        padding: 0;
        margin-right: -20px;
        outline: none;
        border: none;
        border-color: transparent;
        font-size: 13px;
        font-family: Arial;
        font-weight: bold;

    }

    div.contentwrapper1060px {
      margin: auto;
      max-width: 1034px;
      min-height: 200px;
    }

    input[type="text"].testeri {
      outline: none;
      border: none;
      border-color: transparent;
      font-size: 60px;
      line-height: 98px;
      transition:width 0.1s; /* for automatic size resize */
    }

    div.testeri {
      width: 100%;
      outline: none;
      border: none;
      border-color: transparent;
      font-size: 350px;
      /* automaattisesti skaalautuva fonttimääritys selaimille, jotka tukevat sitä */
      /* font-size: 25vw; */
      /* line-height: 98px; */
      line-height: 1.18;
      transition:width 0.1s; /* for automatic size resize */
    }

  span.mobikonit {
    display: none;
  }

  div.jqueryuitooltip
  {
    background-image: none;
    background-color: black;
    opacity: 0.7;
    font-family: gt-walsheim;
    font-size: 20px;
    line-height: 23px;
    color: white;
  }