/* KARTVERKET CSS - 2015 */
/* GLOBAL */
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/*mixins*/
.clearfix:before, .clearfix:after {
  display: table;
  content: "";
  clear: both; }

.container a:focus {
  outline: none !important;
  background: #CBD5DE;
  background-repeat: no-repeat;
  /*border: solid 2px $hover-blue;*/ }

/*.container {
    h1, h2, h3 {
        text-transform: uppercase;
        color: $text-main-black;
    }
}*/
h2.area-title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px; }
  @media only screen and (min-width: 640px) {
    h2.area-title.title-margin {
      margin-top: 30px; } }

.page-heading {
  margin-top: 0; }

.bg-grey {
  background: #808080; }

/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/*mixins*/
/*
 * shadows
 */
/*
 * misc
 */
html, body {
  font-family: 'Meta book', Arial, sans-serif;
  background-color: #ffffff; }

@media only screen and (max-width: 969px) {
  .ac_results {
    display: none !important;
    visibility: hidden; } }

/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
.page-footer {
  background-image: none;
  padding-top: 30px;
  /*font-family: 'Meta book', Arial, sans-serif;*/ }
  .page-footer h1, .page-footer h2, .page-footer label {
    margin-bottom: 15px !important;
    color: #6a6a6a !important; }
  .page-footer p, .page-footer a {
    font-size: 13px; }
  .page-footer label {
    display: block; }
  .page-footer .countyMapFooter {
    margin-bottom: 40px; }
  .page-footer .contact-info {
    margin: 0; }
  .page-footer div.selector {
    width: 170px; }

/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/*mixins*/
/*
 * shadows
 */
/*
 * misc
 */
.startpage #global-search {
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  position: relative;
  margin: 0 auto;
  text-align: center; }
  @media only screen and (min-width: 640px) {
    .startpage #global-search {
      margin-bottom: 10px; } }
  .startpage #global-search input[type='text'] {
    font-size: 20px;
    width: 100%;
    box-shadow: none;
    border: none;
    border: solid 1px #1A589F;
    background: none;
    border-radius: 0;
    margin: 0;
    padding: 10px; }
    .startpage #global-search input[type='text']:focus {
      box-shadow: none; }
    .startpage #global-search input[type='text']::-webkit-input-placeholder {
      color: #1A589F; }
    .startpage #global-search input[type='text']:-moz-placeholder {
      color: #1A589F; }
    .startpage #global-search input[type='text']::-moz-placeholder {
      color: #1A589F; }
    .startpage #global-search input[type='text']:-ms-input-placeholder {
      color: #1A589F; }
    @media only screen and (min-width: 640px) {
      .startpage #global-search input[type='text'] {
        width: 50%; } }
  .startpage #global-search input[type='submit'] {
    position: absolute;
    right: 5px;
    bottom: 10px;
    left: auto;
    box-shadow: none;
    background-image: url("../images/Ikon_Forside_Sokefelt_org.png");
    border: none;
    border-radius: 0;
    background-size: contain;
    height: 20px; }
    .startpage #global-search input[type='submit']:focus {
      box-shadow: none;
      border: none;
      background-color: #CBD5DE; }
    @media only screen and (min-width: 640px) {
      .startpage #global-search input[type='submit'] {
        position: relative;
        left: -3em;
        right: auto;
        bottom: 2px; } }

/* OBJECTS */
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/*mixins*/
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
.container {
  width: 100%;
  padding: 0 20px; }
  .container:before, .container:after {
    content: "";
    display: table; }
  .container:after {
    clear: both; }
  .container.center {
    text-align: center; }
  @media only screen and (min-width: 640px) {
    .container {
      width: 640px;
      margin: 0 auto; } }
  @media only screen and (min-width: 970px) {
    .container {
      width: 954px; } }

/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/*mixins*/
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
.page-wrapper {
  position: relative;
  border-bottom: solid 1px #D2D2D2; }
  .page-wrapper:before {
    content: '';
    display: table; }
  .page-wrapper:after {
    content: '';
    display: table;
    clear: both; }
  @media only screen and (min-width: 640px) {
    .page-wrapper.startpage {
      margin-top: 40px;
      padding-bottom: 30px; } }

.group {
  position: relative;
  width: 100%; }
  .group.last {
    margin-top: 20px; }
  .group:before {
    content: '';
    display: table; }
  .group:after {
    content: '';
    display: table;
    clear: both; }

.page-wrapper .group:nth-child(2n+4) {
  background-color: #F5F8FA; }

.page-wrapper.startpage .group:nth-child(2n+4) {
  background-color: transparent !important; }

.row {
  margin: 0; }

.holder {
  /*width: $container-small;*/
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 15px; }
  .holder:before, .holder:after {
    content: "";
    display: table; }
  @media only screen and (min-width: 640px) {
    .holder {
      /*padding: 0 $padding-large;*/
      margin: 0 0 15px; }
      .holder.two {
        width: 50%;
        padding: 0 20px; }
        .holder.two:nth-child(2n+1) {
          padding-left: 0;
          clear: left; }
        .holder.two:nth-child(2n+0) {
          padding-right: 0;
          clear: right; }
        .holder.two:only-of-type {
          padding: 0 !important; }
      .holder.three {
        width: 50%;
        padding: 0 10px; } }
  @media only screen and (min-width: 639px) and (max-width: 970px) {
    .holder.three:nth-child(2n+1) {
      padding-left: 0;
      clear: left; }
    .holder.three:nth-child(2n+0) {
      padding-right: 0;
      clear: right; } }
  @media only screen and (min-width: 970px) {
    .holder.three {
      width: 33.3333%; }
      .holder.three:nth-child(3n+1) {
        padding-left: 0; }
      .holder.three:nth-child(3n+3) {
        padding-right: 0; } }

/* COMPONENTS */
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/*mixins*/
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
[class*="btn-"]:before, [class*="btn-"]:after {
  content: '';
  display: table; }

[class*="btn-"] table {
  width: 100%;
  height: 100%; }
  [class*="btn-"] table td {
    position: relative; }

[class*="btn-main-"] {
  display: block;
  background-color: #EDEDED;
  border: solid 5px #ffffff;
  color: #1E1E1C; }
  [class*="btn-main-"]:hover, [class*="btn-main-"]:focus {
    border: solid 5px #7DA1C4;
    background-color: #CBD5DE;
    outline: none; }

.btn-task {
  display: block;
  padding: 5px; }
  .btn-task .icon {
    float: left;
    background-image: url("../images/ikon_oppgave_pil_org.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 21px;
    width: 30px;
    margin-top: 3px;
    background-size: contain; }
  .btn-task p {
    float: left;
    margin: 0;
    padding: 0 10px;
    font-size: 18px;
    color: #1E1E1C;
    word-break: break-word; }
  .btn-task td {
    vertical-align: top; }
    .btn-task td.td-icon {
      width: 30px; }
  .btn-task:hover, .btn-task:focus {
    background-color: #CBD5DE;
    outline: none; }

.btn-main-task {
  height: 130px;
  border: solid 5px #EDEDED; }
  @media only screen and (min-width: 970px) {
    .btn-main-task {
      height: 140px; } }
  .btn-main-task .icon {
    float: left;
    width: 30%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 80%; }
  .btn-main-task .content {
    float: left;
    width: 70%;
    height: 100%;
    text-align: left;
    padding-left: 10px; }
    .btn-main-task .content h1 {
      text-transform: none;
      margin: 5px 0 0 0;
      float: left;
      font-size: 20px; }
      @media only screen and (min-width: 970px) {
        .btn-main-task .content h1 {
          font-size: 30px; } }
    .btn-main-task .content p {
      margin: 5px 0 0 0;
      padding-right: 75px;
      float: left;
      font-size: 12px; }
      @media only screen and (min-width: 970px) {
        .btn-main-task .content p {
          font-size: 13px; } }
    .btn-main-task .content .arrow {
      background-image: url("../images/ikon_hovedoppgave_pil_org.png");
      height: 12px;
      margin: 0;
      width: 55px;
      float: right;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      bottom: 23px;
      right: 15px; }

.btn-main-theme {
  height: 120px; }
  @media only screen and (min-width: 970px) {
    .btn-main-theme {
      height: 180px; } }
  .btn-main-theme .icon {
    float: left;
    width: 40%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    border: solid 1px #EDEDED;
    position: relative; }
    .btn-main-theme .icon .overlay {
      background-color: #7DA1C4;
      display: none;
      position: absolute;
      height: 100%;
      width: 100%; }
  .btn-main-theme:hover .icon, .btn-main-theme:focus .icon {
    border-color: #CBD5DE; }
    .btn-main-theme:hover .icon .overlay, .btn-main-theme:focus .icon .overlay {
      display: block;
      opacity: 0.4; }
  .btn-main-theme .content {
    float: left;
    width: 60%;
    height: 100%;
    text-align: center;
    padding: 5px 10px; }
    .btn-main-theme .content h1 {
      text-transform: uppercase;
      margin: 0;
      font-size: 20px; }
      @media only screen and (min-width: 970px) {
        .btn-main-theme .content h1 {
          font-size: 30px; } }
    .btn-main-theme .content p {
      margin: 0;
      font-size: 12px; }
      @media only screen and (min-width: 970px) {
        .btn-main-theme .content p {
          margin: 5px 0;
          font-size: 13px; } }
    .btn-main-theme .content .arrow {
      background-image: url("../images/ikon_hovedtema_pil_org.png");
      height: 12px;
      margin: 5px auto 0 auto;
      width: 55px;
      display: block;
      background-repeat: no-repeat;
      background-size: contain; }
      @media only screen and (min-width: 970px) {
        .btn-main-theme .content .arrow {
          margin: 10px auto 0 auto; } }

.btn-theme {
  display: block;
  height: 70px;
  background: #EDEDED;
  border: solid 5px #ffffff;
  color: #1E1E1C; }
  .btn-theme:before, .btn-theme:after {
    content: '';
    display: table; }
  .btn-theme p {
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    margin: 18px 0 0 15px; }
  .btn-theme span {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%; }
    .btn-theme span.custom-icon {
      float: left;
      padding: 10px;
      margin: 0 10px; }
    .btn-theme span.link-icon {
      background-image: url("../images/ikon_hovedtemaopgave_pil_org.png");
      float: right;
      height: 100%;
      width: 18px;
      margin-right: 10px; }
  .btn-theme:hover, .btn-theme:focus {
    outline: none;
    border: solid 5px #7DA1C4;
    background-color: #CBD5DE; }

/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/*mixins*/
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
.current-news {
  text-align: center;
  padding: 20px 0;
  border-top: solid 2px #D2D2D2;
  border-bottom: solid 2px #D2D2D2; }
  .current-news h2 {
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 5px 0;
    text-transform: uppercase; }
  .current-news a {
    font-size: 20px;
    color: green; }
    .current-news a:before {
      padding: 10px;
      content: '>';
      font-family: 'Meta Book'; }
  .current-news p {
    font-size: 13px;
    color: #333333;
    margin: 0 15px; }

/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/* Global variables */
/* breakpoints */
/* container widths */
/* gutters */
/* margins */
/* paddings */
/* icons */
/*mixins*/
.link-collection ul {
  list-style-type: none;
  padding: 0; }
  @media only screen and (min-width: 640px) {
    .link-collection ul {
      margin-bottom: 30px; } }

.link-collection li a {
  padding: 10px 0;
  border-bottom: solid 1px #D2D2D2;
  width: 100%;
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: #1E1E1C; }
  .link-collection li a:after {
    color: #249446;
    content: '>';
    float: right; }
  .link-collection li a:hover, .link-collection li a:focus {
    background-color: #CBD5DE;
    outline: none; }