/* Typography
--------------------------------------*/
@font-face {
    font-family: 'crimson_textroman';
    src: url('../fonts/crimsontext-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sansthin';
    src: url('../fonts/encodesans-thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sansbold';
    src: url('../fonts/encodesans-bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sanssemibold';
    src: url('../fonts/encodesans-semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sansregular';
    src: url('../fonts/encodesans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'encode_sansmedium';
    src: url('../fonts/encodesans-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Typography
--------------------------------------*/

/* Typography
--------------------------------------*/

/* General Content
--------------------------------------
.main{padding-top: 3%;}
.row{padding: 2% 0;}
.green{background-color: #7accc8;}
*/

/* Typography
--------------------------------------*/

body{
  background-color: #f9f7e2;
}


/* Header & Navigation
--------------------------------------*/
header.main_nav{
  display: block;
  font-size: 1.1em;
  /*letter-spacing: 0.1em;*/
}

.logga{
  text-align: left;
  margin: 4.1% 0 1.7% 0%;
  position: relative;
}

.logga img{
  min-width: 8em;
  max-width: 17%;
  margin-left: 1rem;
}


.foto img{
  max-width:100%;
}


.meny{
  background-color: #444444;
}

.meny a{
  color: #f9f7e2;
  text-decoration: none;
}

.meny a:hover{
  color: #aaa;
}

.meny ul{
  margin: 0;
}

.meny ul li{
  list-style: none;
  display: inline-block;
  margin: 0;
}

.var_meny{
  background-image: url("../images/skugga.png");
  background-size: 100%;
  background-repeat: no-repeat;
  font-family: 'encode_sansregular';
  color: #707070;
  font-size: 0.7em;
  padding: 0.1% 0.7% 2%;
  letter-spacing: 0.1em;
}

.var_meny a{
  color: #707070;
  text-decoration: none;
}

.var_meny a:hover{
  color: #000;
}

.rubrik{
  font-family: 'encode_sansbold';
  text-align: center;
  font-size: 1.6em;
  color: #bc9a4e;
  letter-spacing: 0.1em;
  padding-bottom:0.3em;
}

.rubrik_text{
  font-family: 'encode_sansregular', sans-serif;
  font-size: 1.2em;
  letter-spacing: 0.1em;
  padding-bottom: 2%;
  /*line-height: normal;*/
}

.rubrik_text p,
.rubrik_text h1,
.rubrik_text h2,
.rubrik_text h3,
.rubrik_text h4,
.rubrik_text h5,
.rubrik_text h6 {
  /*margin: 0 0 1em 0;*/
  margin: 0;
  line-height: inherit;
  letter-spacing: inherit;
}

.rubrik_text ul {
  list-style: disc outside none;
}

.rubrik_text ol {
  list-style: bullet outside none;
}

.rubrik_text ul, .rubrik_text ol {
  padding-left: 1.2em;
  margin: 0 0 1em 0;
}

.rubrik_text ul li, .rubrik_text ol li {
  margin: 0;
}

.rubrik_text li+li {
  margin-top: 0.5em;
}

.align_left {
  text-align: left;
}
.align_right {
  text-align: rigth;
}
.align_center {
  text-align: center;
}
.align_full {
  text-align: full;
}

.text_underline {
  text-decoration: underline;
}

.indent1 {
  padding-left: 1.2em;
}
.indent2 {
  padding-left: 2.4em;
}
.indent3 {
  padding-left: 3.6em;
}

.rubrik_text h1,
.rubrik_text h2,
.rubrik_text h3,
.rubrik_text h4,
.rubrik_text h5,
.rubrik_text h6 {
  font-weight: bold;
}

.rubrik_text h1 { font-size:130% }
.rubrik_text h2 { font-size:115% }
.rubrik_text h3 { font-size:100% }

.small_lists li {
  font-size: 0.9em;
}



footer{
  padding-top: 0;
  padding-bottom: 2%;
  font-family: 'encode_sansregular', sans-serif;
  color: #707070;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  text-align: center;
}

.linje img{
  width:100%;
  height:0.3em;
  padding-bottom: 1%;
}

.copyright {
  float: left;
  margin-left: 1rem;
  display: block;
}

.kontakt {
  float: right;
  margin-left: 1rem;
  margin-right: 1rem;
  display: block;
}


/* Sidor med undermeny */

.undermeny {
  clear: both;
  float: left;
  margin: 0 0 3% 0;
  background-color: #e1e2c2;
  /*border-radius: 4%;
  -moz-border-radius: 4%;
  -webkit-border-radius: 4%;
  -khtml-border-radius: 4%;*/
  display: none;
}

.undermeny ul {
  margin: 5% 6%;
}

.undermeny ul li{
  font-family: 'encode_sansregular', sans-serif;
  font-size: 0.9em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #635337;
  margin: 0;
  list-style: none;
  display: block;
  white-space: nowrap;
}

.undermeny ul li a{
  color: inherit;
  text-decoration: none;
}

.undermeny ul li a:hover{
  color: #a67d1a;  
}

.undermeny ul li .aktiv{
  font-family: 'encode_sanssemibold';
  color: #a67d1a;
}

.textmassa{
  margin: 0;
  overflow: hidden;
}

/* For devices larger than 800px (i.e. 400px for Retina) */
@media
(min-width: 800px),
/*(min-width: 400px),*/
(min-width: 400px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 400px) and (min-resolution: 192dpi)
{
  .undermeny {
    display: inline-block;
    width: 24rem;
  }
  .textmassa{
    margin-left: 25rem;
  }
}

/* For devices larger than 950px (i.e. 475px for Retina) */
@media
(min-width: 950px),
/*(min-width: 475px),*/
(min-width: 475px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 475px) and (min-resolution: 192dpi)
{
  .undermeny {
    display: inline-block;
    width: 26.5rem;
  }
  .undermeny ul li{
    font-size: 1em;
  }
  .textmassa{
    margin-left: 28.5rem;
  }
}

/* For devices larger than 1100px (i.e. 550px for Retina) */
@media
(min-width: 1100px),
/*(min-width: 550px),*/
(min-width: 550px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 550px) and (min-resolution: 192dpi)
{
  .undermeny {
    width: 29rem;
  }
  .undermeny ul li{
    font-size: 1.1em;
  }
  .textmassa{
    margin-left: 31rem;
  }
}


/* Sidor med CV */

.team{
  background-color: #e1e2c2;
  /*border-radius:8px;*/
  padding: 1.4%;
  margin-top: 2%;
  display: inline-block;
  font-size: 85%;
}

.team img{
  float:left;
  padding-right: 1.4%;
}

/* Retina override */
@media
/*(min-width: 1px),*/
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi)
{
  .team img{
    max-width:65px;
  }
}

.namn{
  font-family: 'encode_sansbold';
  font-size: 1em;
  letter-spacing: 0.1em;
}

.cv{
  font-family: 'encode_sansregular';
  font-size: 1em;
  letter-spacing: 0.1em;
}

.likviditet {
  padding: 2% 0;
  text-align: center;
}

.likviditet img{
  max-width: 90%;
}

.rubrik_text .dl {
  margin-top: 1%;
}

/* Kontaktsidan */

.container_centered {
  text-align: center;
  position: relative;
}

.container_centered:after {
  content: "";
  display: table;
  clear: both;
}

.kontakt_kolumner {
  display: inline-block;
  margin: 0 auto;
  padding-top: 2em;
  padding-bottom: 1em;
}

.kontakt_kolumn {
  display: block;
  text-align: left;
  vertical-align: top;
  margin: 0 2%;
}
.index_kolumn{
  display: block;
  text-align: left;
  max-width: 40em;
}

/* For devices larger than 700px (i.e. 350px for Retina) */
@media
/*(min-width: 1px),*/
(min-width: 700px),
(min-width: 350px) and (-webkit-min-device-pixel-ratio: 2),
(min-width: 350px) and (min-resolution: 192dpi)
{
  .kontakt_kolumner {
    display: block;
    margin: 0;
  }
  .kontakt_kolumn {
    display: inline-block;
  }
}