@media print {
  body {
    font-family: Times New Roman, serif;
  }
}

@media screen {
  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
}

body {
  /* width: 95%; */
  margin-top: 0.5em;
  margin-left: 0.2em;
  margin-right: 0.3em;
  background: white;
  color: #333333;
  font-size: smaller;
  /* border-right: 1px solid #e4181c; */
}
h1 {
  font-size: 140%;
  color: #253c5b;
  background: white;
}
h2 {
  font-size: 115%;
  color: #253c5b;
}
h3 {
  font-size: 110%;
  /* clear: both; */
  color: #253c5b;
}
fieldset {
  border-style: none;
  padding: 0px;
}
#otsikko {
  height: 150px;
  /* width: 98%; */
  padding-left: 2em;
  padding-right: 0px;
  border-top: 1px solid #6189b6;
  border-left: 1px solid #6189b6;
  border-right: 1px solid #6189b6;
  text-align: left;
  margin-right: 0px;
}
#otsikko h1 {
  width: 28%;
  padding-top: 0.5em;
  float: left;
  padding-right: 0px;
  margin-right: 0px;
}
#otsikko img {
  padding-top: 1.5em;
  padding-right: 1em;
  /* clear: both; */
  /* float: right; */
  float: left;
}
#otsikko p {
  width: 28%;
  clear: left;
}
#valikkopalkki {
  clear: both;
  /* width: 98%; */
  background: #e4181c; 
  color: white;
  border-left: 1px solid #e4181c;
  border-right: 1px solid #e4181c;
  border-bottom: 1px solid #415878;
  padding-left: 2em;
  padding-right: 0px;
  padding-bottom: 1px;
  margin: 0px;
}
#valikkopalkki a {
  color: white;
}
#vasenvalikko, #uusivalikko {
  clear: left;
  width: 23%;
  float: left;
  padding-top: 0.5em;
  padding-bottom: 0em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /* border-left: 1px solid #e4181c; */
  margin-bottom: 0.5em;
}
#vasenvalikko ul, #uusivalikko ul {
  margin-left: 0px;
  padding-left: 0px;
  border-bottom: 1px dotted #e4181c;
  padding-bottom: 1em;
}
#vasenvalikko li, #uusivalikko li {
  list-style-type: none;
}
#vasenvalikko li {
  font-size: smaller;
}
#vasenvalikko img {
  padding-top: 0.5em;
}
.newslistimageleft {
  /* border: 1px dotted gray; */
  border: 0px;
  float: right;
  margin-left: 0.5em;
  margin-bottom: 1em;
}
.newslistlinkleft {
  clear: both;
}
#vasenvalikkoteksti {
  padding-left: 0px;
  border-bottom: 1px dotted #e4181c;
  padding-bottom: 1em;
}
#vasenvalikkoalateksti {
  clear: both;
  padding-left: 0px;
  border-bottom: 1px dotted #e4181c;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#uutta {
  width: 71%;
  float: left;
  margin-top: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  border-left: 1px dotted #e4181c;
  /* border-bottom: 1px dotted #e4181c;
  border-right: 1px solid #e4181c; */
}
#erotin1 {
  width: 38%;
}
#erotin2 {
  width: 95%;
}
.erotin {
  float: left;
  margin-top: 0.5em;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  border-top: 1px dotted #e4181c;
}
#ajankohtaista {
  width: 34%;
  float: left;
  margin-top: 0em;
  margin-bottom: 0.5em;
  padding-top: 0.5em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-left: 1px dotted #e4181c;
  border-right: 1px dotted #e4181c;
}
#matkailutieto {
  width: 38%;
  float: left;
  margin-top: 0em;
  padding-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 0px;
  /* border-right: 1px solid #e4181c; */
}
#content #matkailutieto {
  width: 50%;
}
#ajankohtaista img, #matkailutieto img, #articleheader img {
  float: right;
  border: 1px dotted gray;
  margin-bottom: 0;
  margin-left: 2px;
}
#ajankohtaista h2, #matkailutieto h2 {
  margin-bottom: 0;
  padding-bottom: 0;
  /* border-bottom: 1px solid #253c5b; */
}
#ajankohtaista p, #matkailutieto p {
  clear: both;
  padding-bottom: 0.5em;
  border-top: 1px dotted silver;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding-top: 0.5em;
}
#arkistolinkit {
  float: left;
}
#arkistolinkit li {
  list-style-type: none;
}
#bannerit {
  width: 38%;
  float: left;
  text-align: center;
  margin-top: 0px;
  margin-right: 0.5em;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  padding: 0px;
}
#bannerit img {
  padding: 0px;
  border: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 0px;
}
#content {
  width: 67%;
  float: left;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 2em;
  padding-bottom: 1em;
  border-left: 1px dotted #e4181c;
}
#content img {
  margin-left: 0.5em;
}
#sisalto1 {
  width: 95%;
  float: left;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding-left: 0.5em;
  padding-right: 2em;
  border-left: 1px dotted #e4181c;
}
#paivitys {
  /* clear: both; */
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
#contentimage1 {
  width: 40%;
}
#contentimage2 {
  max-width: 75%;
}
#contentimage1, #contentimage2 {
  float: right;
  clear: right;
  /* min-width: 350px; */
  padding-left: 0.5em;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  /* border: 1px solid red; */
}
#contentimage1 #kuva1, #contentimage2 #kuva2 {
  /* clear: right; */
  margin-left: 1em;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
#kuva1, #kuva2 {
  /* clear: right; */
  /* float: right; */
}
#kuva1 {
  margin-top: 1em;
}
#alatunniste {
  clear: both;
  height: 13px;
  /* width: 97%; */
  padding-left: 1em;
  padding-right: 1em;
  border-left: 1px solid #e4181c;
  margin: 0px;
  /* padding-top: 0px; */
  background: #e4181c;
  color: #cccccc;
  text-align: center;
}
#alatunniste p {
  font-size: xx-small;
  padding-bottom: 1px;
}
#alatunniste a {
  color: #cccccc;
}
.date {
  color: gray;
  font-size: smaller;
}
.kuviatietoaimageleft {
  border: 1px solid;
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
.kuviatietoaimageright {
  border: 1px solid;
  float: right;
  margin-left: 1em;
}
#articleheader {
  clear: right;
  width: 20%;
  float: right;
  border-left: 1px dotted #e4181c;
  padding-left: 0.5em;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}
#articlelist {
  clear: right;
  width: 20%;
  float: right;
  border-left: 1px dotted #e4181c;
  padding-left: 0.5em;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}
#articleimages {
  width: 40%;
  min-width: 100px;
  float: right;
  /* clear: right; */
}
.articleimage {
  clear: right;
  margin-left: 2em;
  margin-bottom: 0.5em;
  margin-top: 2em;
}
#articleimages img, #firstarticleimage img {
  border: 0px;
}
.caption {
  font-size: smaller;
  font-style: italic;
  clear: right;
  margin-left: 1.5em;
  margin-right: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  max-width: 300px;
}
.author {
  margin-top: 2em;
}
.hide {
  color: white;
  font-size: 1px;
  position: absolute;
  top: 0;
}
#sponsorit {
  text-align: center;
  border-top: 1px dotted #e4181c;
}
.sponsori {
  border: 0px;
  /* margin-top: 1em;
  margin-bottom: 1.5em; */
}
.headerlink {
  color: #253c5b;
  text-decoration: none;
}
#box1, #box2, #box3, #box4 {
  width: 200px;
  height: 200px;
  float: left;
  border: 1px dotted #e4181c;
  margin: 1em;
}
#varausmoottorit {
  float: left;
  margin-top: 1em;
  margin-left: 2em;
  /* padding: 0.5em; */
}
