@charset "UTF-8";
/* ==== stil för UCF-site ==== */
/* gemensamma definitioner */
/* ==== stil-inställningar för UCF-site ==== */
/* ==== grafiska egenskaper ==== */
/* ==== komponenter ==== */
/* ---- formulär ---- */
/* -- widgets -- */
/* ==== huvudlayout ==== */
body {
  background: #b3d1ff;
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment: fixed; }

/* -- inloggning och meny -- */
#login {
  top: 0;
  left: 0;
  padding: 0 0.5em;
  font-size: 80%;
  background: #e5f0ff; }
  .min-width-480px #login {
    padding: 0 1em; }

#topbar {
  display: table;
  width: 100%;
  padding: 0;
  background: #e5f0ff;
  z-index: 100; }

#topbar > .left {
  display: table-cell;
  width: 100%;
  padding-left: 0.5em;
  text-align: left;
  white-space: nowrap; }
  .min-width-768px #topbar > .left {
    width: 0; }

#topbar > .middle {
  display: none; }
  .min-width-768px #topbar > .middle {
    padding-left: 0.5em;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    display: table-cell; }

#topbar > .right {
  display: table-cell;
  text-align: right;
  padding-right: 0.5em;
  white-space: nowrap; }
  #topbar > .right .intro {
    display: none; }
    .min-width-480px #topbar > .right .intro {
      display: inline; }
  #topbar > .right .realname {
    display: none; }
    .min-width-320px #topbar > .right .realname {
      display: inline; }
  .min-width-480px #topbar > .right {
    padding-right: 1em; }

/* -- huvud för mobil -- */
#navbar {
  padding-top: 0.4em;
  overflow: hidden; }
  #navbar img.logo {
    width: 2.2em;
    margin: 0.1em;
    float: left;
    padding: 0 0.4em; }
    .min-width-320px #navbar img.logo {
      padding: 0 0.4em;
      width: 2.8em; }
    .min-width-480px #navbar img.logo {
      width: 3.6em;
      padding: 0 0.5em 0 1em; }
  #navbar .head {
    position: relative;
    font-size: 100%;
    font-family: "URW gothic L", "TeX Gyre Adventor", sans, sans-serif;
    color: #06F; }
    .min-width-320px #navbar .head {
      left: -2px;
      font-size: 140%; }
    .min-width-480px #navbar .head {
      left: -3px;
      font-size: 200%; }
  .min-width-768px #navbar {
    display: none; }

/* -- sidoutrymme -- */
#side_background {
  display: none; }
  .min-width-768px #side_background {
    display: block;
    z-index: -6;
    background: url(/static/images/groningen5.png) rgba(0, 102, 255, 0.5);
    background-repeat: no-repeat;
    background-position: top left;
    width: 140px;
    top: 0;
    position: absolute;
    min-height: 100%; }

#side_outer {
  display: none; }
  .min-width-768px #side_outer {
    display: block;
    position: relative; }

#side {
  display: none; }
  .min-width-768px #side {
    display: block;
    position: absolute;
    padding: 1em 0 0 0;
    width: 140px;
    margin: 0; }

#logo {
  padding: 0 0.5em 0 0.5em; }

#panel {
  background: white;
  margin: 0.8em 0 0 0;
  padding: 0.5em 0; }
  #panel a {
    display: block;
    font-weight: normal;
    font-family: "URW gothic L", "TeX Gyre Adventor", sans, sans-serif;
    padding: 0 0.5em; }
    .touch #panel a {
      padding: 0.3em 0.5em; }
    #panel a:hover {
      background: #e6e6e6; }
  #panel a.small {
    font-weight: normal;
    font-size: 80%;
    line-height: 80%; }

/* -- moduler -- */
.module {
  display: none; }

.min-width-768px .module {
  margin: 0 0 0 0;
  display: block; }
  .min-width-768px .module .head {
    border-radius: 0;
    background: #e5f0ff;
    color: black;
    padding: 0 0 0 0.5em;
    border: 0px;
    font-family: "URW gothic L", "TeX Gyre Adventor", sans, sans-serif;
    font-size: 80%; }
  .min-width-768px .module .body {
    background: #FFF;
    border-radius: 0;
    padding: 0 0 0 0.5em;
    border-collapse: collapse;
    border: 0px;
    color: #000; }
    .min-width-768px .module .body a {
      color: #003d99; }
      .min-width-768px .module .body a:hover {
        color: #001433; }
    .min-width-768px .module .body > * {
      font-size: 80%; }
    .min-width-768px .module .body table {
      padding: 0;
      margin-bottom: -0.2em;
      border-collapse: collapse; }
    .min-width-768px .module .body td {
      padding: 0 0 0 3px; }
      .min-width-768px .module .body td:first-child {
        padding: 0; }
      .min-width-768px .module .body td .long {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .min-width-768px .module .body td.long {
      max-width: 120px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

/* -- dokument -- */
#page {
  margin: 0;
  padding: 0.4em 0 0 0; }
  .min-width-480px #page {
    padding: 0.4em 1em 1em 1em; }
  .min-width-768px #page {
    margin-left: 140px;
    padding: 1em 1em 0 1em;
    min-width: 30em; }
    .min-width-768px #page.fixed {
      max-width: 40em; }

#hir {
  display: none; }
  .min-width-768px #hir {
    display: block; }

.document {
  margin: 0;
  padding: 0.5em;
  font-size: 100%; }
  .min-width-480px .document {
    border-radius: 1em;
    padding: 1em; }
  .min-width-768px .document {
    margin: 0 0 1em 0;
    min-height: 100%; }
  .document:first-child, .tabs + .document {
    margin-top: 0; }

/* -- bakgrundslager -- */
#padding {
  height: 10em; }

#corner-dl {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: -4;
  background: url(/static/images/trike.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-attachment: static; }

#corner-ur {
  display: none; }
  .min-width-1024px #corner-ur {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 40em;
    z-index: -10;
    opacity: 0.05; }

/* ===== layout-komponenter ==== */
.hir {
  font-family: "Cantarell", sans, sans-serif;
  color: #000; }
  .hir a {
    color: #003d99; }
    .hir a:hover {
      color: #001433;
      background: #FFF; }
    .touch .hir a {
      font-size: 120%; }
  .touch .hir .item {
    font-size: 120%; }
  .hir .sep {
    margin: 0 0.2em; }

.document .hir {
  margin-bottom: 0.8em; }

/* ---- flikar ---- */
.tabs {
  margin-top: 0em; }
  .min-width-768px .tabs {
    padding: 0 0 0 1em; }
  .tabs:first-child {
    margin-top: 0; }

/* ==== komponenter ===== */
.redundant {
  display: none; }
  .min-width-768px .redundant {
    display: block; }

/* ---- rubriker och stycken ---- */
h1 {
  font-weight: bold; }

h2 {
  font-weight: bold; }

/* ---- kartor ---- */
.document .vehicles_map_p {
  margin-left: -0.5em;
  margin-right: -0.5em; }
  .min-width-480px .document .vehicles_map_p {
    margin-left: -1em;
    margin-right: -1em; }

/* ==== typsnitt ==== */
@font-face {
  font-family: 'TeX Gyre Adventor';
  font-style: normal;
  font-weight: 400;
  src: local("TeX Gyre Adventor Regular"), local("TeX Gyre Adventor-Regular"), url(/static/fonts/texgyreadventor.woff) format("woff"); }
@font-face {
  font-family: 'TeX Gyre Adventor';
  font-style: normal;
  font-weight: 700;
  src: local("TeX Gyre Adventor Bold"), local("TeX Gyre Adventor-Bold"), url(/static/fonts/texgyreadventor-bold.woff) format("woff"); }
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 400;
  src: local("Cantarell Regular"), local("Cantarell-Regular"), url(/static/fonts/cantarell.woff) format("woff"); }
@font-face {
  font-family: 'Cantarell';
  font-style: normal;
  font-weight: 700;
  src: local("Cantarell Bold"), local("Cantarell-Bold"), url(/static/fonts/cantarell-bold.woff) format("woff"); }
@font-face {
  font-family: 'Cantarell';
  font-style: italic;
  font-weight: 400;
  src: local("Cantarell Oblique"), local("Cantarell-Oblique"), url(/static/fonts/cantarell-oblique.woff) format("woff"); }
@font-face {
  font-family: 'Cantarell';
  font-style: italic;
  font-weight: 700;
  src: local("Cantarell Bold Oblique"), local("Cantarell-BoldOblique"), url(/static/fonts/cantarell-oblique-bold.woff) format("woff"); }

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