@charset "UTF-8";
/* ==== CSS för TAS-menyer ==== */
/* gemensamma definitioner */
/* ==== stil-inställningar för UCF-site ==== */
/* ==== grafiska egenskaper ==== */
/* ==== komponenter ==== */
/* ---- formulär ---- */
/* -- widgets -- */
/* ---- flikar ---- */
.tabs a, .tabs .current {
  font-family: "Cantarell", sans, sans-serif;
  display: inline-block;
  border-radius: 5px 5px 0 0;
  padding: 0 5px;
  position: relative;
  top: 0px;
  margin-left: 1px; }
  .touch .tabs a, .touch .tabs .current {
    padding: 0.3em; }
  .tabs a:first-child, .tabs .current:first-child {
    margin-left: 0px; }
.tabs .current {
  color: #000;
  background: #FFF; }
.tabs a {
  color: #003d99;
  background: #e5f0ff; }
  .tabs a:hover {
    color: #001433;
    background: white; }

/* ---- meny ---- */
.menu_base {
  position: relative; }

.menu_start.bar {
  font-family: "Cantarell", sans, sans-serif;
  color: #003d99; }
  .touch .menu_start.bar {
    font-size: 140%; }
    .touch .menu_start.bar > .icon {
      height: 0.8em; }
    .touch .menu_start.bar .menu {
      font-size: 71.43%; }
  .menu_start.bar:hover {
    color: #001433;
    background: #FFF; }

.menu_start.active, .menu_longclick.active {
  outline: 0; }

.menu {
  position: absolute;
  top: 100%;
  left: -0.8em;
  background: #FFF;
  z-index: 100;
  color: #000;
  border: 1px solid #b3d1ff;
  text-align: left;
  min-width: 15em; }
  .max-width-480px .menu {
    border-width: 1px 0; }
  .menu.static {
    display: none; }
  .menu.standalone {
    width: 20em;
    position: static;
    border: none;
    z-index: inherit; }
    .menu.standalone .item {
      padding: 0; }
    .menu.standalone .menu .item {
      padding: 0 0.8em; }
    .menu.standalone .section .title {
      padding: 0; }
    .menu.standalone .menu .section .title {
      padding: 0 0.8em; }
  .menu .menu {
    top: -1px;
    left: 100%;
    min-width: 10em; }
  .menu .item {
    display: block;
    padding: 0 0.8em;
    font-family: "Cantarell", sans, sans-serif; }
    .min-width-480px .menu .item {
      white-space: nowrap; }
    .menu .item.passive {
      color: #888; }
    .touch .menu .item {
      font-size: 120%;
      padding: 0.3em; }
    .menu .item .container {
      display: table; }
      .menu .item .container > * {
        display: table-cell; }
      .menu .item .container > .main {
        width: 100%; }
      .menu .item .container > .sub_direct {
        margin-left: 0.3em; }
  .menu a.item, .menu .item.link {
    color: #003d99;
    cursor: pointer; }
    .menu a.item:hover, .menu a.item:focus, .menu .item.link:hover, .menu .item.link:focus {
      outline: 0px;
      color: #000;
      background: #e6e6e6; }
  .menu .section {
    border-top: 1px dashed #BBB; }
    .menu .section:first-child {
      border-top: 0; }
    .menu .section .title {
      display: block;
      padding: 0 0.8em;
      font-family: "Cantarell", sans, sans-serif;
      color: #888;
      font-size: 70%; }
  .menu .nav {
    background: #EEE;
    diplay: table;
    width: 100%;
    padding: 0 0.5em;
    box-sizing: border-box;
    font-family: "Cantarell", sans, sans-serif; }
    .touch .menu .nav {
      padding: 0 0.3em; }
    .menu .nav .left, .menu .nav .right {
      font-size: 80%;
      width: 100%;
      display: table-cell; }
      .touch .menu .nav .left, .touch .menu .nav .right {
        font-size: 120%; }
    .menu .nav .left {
      text-align: left; }
    .menu .nav .right {
      text-align: right; }

/* -- meny i dokument -- */
#content .menu {
  left: -5px; }

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