/* ==== gemensamt ==== */
li, img.full, img.half, p, .p, h1, h2, h3, h4, h5, h6, .header {
  margin: 0.8em 0 0 0;
}
li:first-child, img.full:first-child, img.half:first-child, p:first-child, .p:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .header:first-child {
  margin: 0;
}
h1 + li, h1 + img.full, h1 + img.half, h1 + p, h1 + .p, h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h1 + .header, h2 + li, h2 + img.full, h2 + img.half, h2 + p, h2 + .p, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h2 + .header, h3 + li, h3 + img.full, h3 + img.half, h3 + p, h3 + .p, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h3 + .header, h4 + li, h4 + img.full, h4 + img.half, h4 + p, h4 + .p, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h4 + .header, h5 + li, h5 + img.full, h5 + img.half, h5 + p, h5 + .p, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h5 + .header, h6 + li, h6 + img.full, h6 + img.half, h6 + p, h6 + .p, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6, h6 + .header, .header + li, .header + img.full, .header + img.half, .header + p, .header + .p, .header + h1, .header + h2, .header + h3, .header + h4, .header + h5, .header + h6, .header + .header {
  margin: 0 0 0 0;
}
li + h1, img.full + h1, img.half + h1, p + h1, .p + h1, h1 + h1, h2 + h1, h3 + h1, h4 + h1, h5 + h1, h6 + h1, .header + h1, li + h2, img.full + h2, img.half + h2, p + h2, .p + h2, h1 + h2, h2 + h2, h3 + h2, h4 + h2, h5 + h2, h6 + h2, .header + h2, li + h3, img.full + h3, img.half + h3, p + h3, .p + h3, h1 + h3, h2 + h3, h3 + h3, h4 + h3, h5 + h3, h6 + h3, .header + h3, li + h4, img.full + h4, img.half + h4, p + h4, .p + h4, h1 + h4, h2 + h4, h3 + h4, h4 + h4, h5 + h4, h6 + h4, .header + h4, li + h5, img.full + h5, img.half + h5, p + h5, .p + h5, h1 + h5, h2 + h5, h3 + h5, h4 + h5, h5 + h5, h6 + h5, .header + h5, li + h6, img.full + h6, img.half + h6, p + h6, .p + h6, h1 + h6, h2 + h6, h3 + h6, h4 + h6, h5 + h6, h6 + h6, .header + h6, li + .header, img.full + .header, img.half + .header, p + .header, .p + .header, h1 + .header, h2 + .header, h3 + .header, h4 + .header, h5 + .header, h6 + .header, .header + .header {
  margin: 0.8em 0 0 0;
}

li.small, dt {
  margin: 0.4em 0 0 0;
}
li.small:first-child, dt:first-child {
  margin: 0;
}
h1 + li.small, h1 + dt, h2 + li.small, h2 + dt, h3 + li.small, h3 + dt, h4 + li.small, h4 + dt, h5 + li.small, h5 + dt, h6 + li.small, h6 + dt, .header + li.small, .header + dt {
  margin: 0 0 0 0;
}
li.small + h1, dt + h1, li.small + h2, dt + h2, li.small + h3, dt + h3, li.small + h4, dt + h4, li.small + h5, dt + h5, li.small + h6, dt + h6, li.small + .header, dt + .header {
  margin: 0.4em 0 0 0;
}

/* ==== huvudlayout ==== */
html {
  color: #000;
  font-family: "open sans";
  height: 100%;
}

body {
  background: #60a960;
  background-repeat: no-repeat;
  background-position: bottom left;
  padding: 0;
  position: relative;
  margin: 0;
  height: 100%;
}

div.nav {
  box-sizing: border-box;
  max-width: 50em;
  margin: 0 auto;
  color: #000;
  font-family: "open sans";
  background: #F0F0F0;
  padding: 0 1em;
}
div.nav a {
  font-size: 100%;
  margin: 0;
  color: #24A;
  display: inline-block;
  padding: 0.5em 0.5em 0.5em 0;
}
div.menu_pos {
  box-sizing: border-box;
  position: relative;
  max-width: 50em;
  margin: 0 auto;
}

div.menu {
  position: absolute;
  box-sizing: border-box;
  max-width: 50em;
  background: #FFF;
  border: 1px solid #060;
  border-top: 0;
  min-width: 50%;
}
@media screen and (max-width: 768px) {
  div.menu {
    width: 100%;
  }
}
div.menu a {
  font-family: "open sans";
  display: block;
  padding: 0.2em 0.5em;
}
div.menu a:hover {
  background: #F0F0F0;
}

div.document {
  box-sizing: border-box;
  max-width: 50em;
  margin: 0 auto 1em auto;
  background: #FFF;
  padding: 1em;
}

/* ===== komponenter ==== */
/* ---- rubriker och stycken ---- */
h1 {
  font-weight: bold;
  font-size: 150%;
}
h1 .intro {
  font-size: 33%;
}
@media screen and (min-width: 480px) {
  h1 {
    font-size: 250%;
  }
}

h2 {
  font-weight: bold;
  font-size: 120%;
}
h2 .intro {
  font-size: 33%;
}
@media screen and (min-width: 480px) {
  h2 {
    font-size: 180%;
  }
}

h3 {
  font-weight: bold;
  font-size: 110%;
}
h3 .intro {
  font-size: 33%;
}
@media screen and (min-width: 480px) {
  h3 {
    font-size: 120%;
  }
}

h4 {
  font-weight: normal;
  font-size: 100%;
}
h4 .intro {
  font-size: 33%;
}
@media screen and (min-width: 480px) {
  h4 {
    font-size: 100%;
  }
}

h1, h2, h3, h4, h5, h6, .header {
  color: #060;
  font-family: "open sans";
}

.pr {
  background: #F0F0F0;
  padding: 0.5em;
}

.pr_box {
  border: 1px solid #D0D0D0;
  padding: 0.5em;
}

/* ---- inline-stil ---- */
em {
  font-weight: bold;
}

a, a:visited {
  text-decoration: none;
  color: #24A;
}

a.button {
  font-size: 150%;
}

.tag {
  background: #F0F0F0;
  padding: 0.1em 0.2em;
  display: inline-block;
}

a[href^="http://"]:after,
a[href^="https://"]:after {
  padding-left: 0.2em;
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);
}

/* ---- bilder ---- */
img.half {
  max-width: 50%;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  img.half {
    float: right;
  }
}

img.full {
  max-width: 100%;
  box-sizing: border-box;
}

/* ---- listor ---- */
dl {
  margin: 0;
}

dt {
  font: "open sans";
  color: #060;
  font-size: 80%;
}

dd {
  margin: 0;
}

/* ---- tabeller ---- */
table.data {
  border-collapse: collapse;
}
table.data tr:hover {
  background: #F0F0F0;
}

th {
  vertical-align: top;
  text-align: left;
  font-family: "open sans";
  color: #060;
}

/* ===== sidor ==== */
table.trains tr.main {
  cursor: pointer;
}
table.trains tr.details {
  display: none;
}

/* ==== typsnitt ==== */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(/static/fonts/opensans.woff2) format("woff2");
}
@font-face {
  font-family: "Quattrocento";
  font-style: normal;
  font-weight: 400;
  src: local("Quattrocento"), url(/fonts/quattrocento.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*# sourceMappingURL=stil.css.map */