/* nollställ allt */
* {
  padding: 0;
  margin: 0;
}
/* grund */
html {background: #000;}
body {
  font: normal 12px/1.75em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background: #000 url(../bilder/miljokok_bakgrund.png) no-repeat 50% 0%;
  padding: 16px 0;
}
h1, h2, h3, h4 {line-height: 1.25em;}
h1 {
  height: 60px;
  font-size: 2.5em;
  font-weight: lighter;
  line-height: 1em;
  color: #ccc;
  text-indent: 240px;
  background: url(../bilder/h1_bakgrund.png) no-repeat 0% 50%;
  padding-top: 68px;
  margin: 0 32px;
}
h2 {
  font-size: 2em;
  color: #e52600;
}
h3 {
  font-size: 1.25em;
  color: #666;
}
h4 {font-size: 1.25em;}
a {
  font-weight: bold;
  text-decoration: none;
  color: #ee1C23;
}
  a:hover {color: #000;}
p {
  text-align: justify;
  margin: 1em 0 2em 0;
}
  p a {font-weight: bold;}
ul {
  list-style: square inside;
  margin: 1em 0 2em 0;
}
img {border: none;}
/* för felmeddelanden */
label span {color: #ee1C23;}
  label span::after {content: "\20\21b4";}
input, textarea {
  font: normal 12px/1.75em "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-width: 1px;
}
/* layout */
#miljokok {
  width: 640px;
  margin: 0 auto;
}
#sidhuvud {
  clear: both;
  overflow: hidden;
}
#navigation {
  height: 56px;
  margin: 0;
}
  #navigation li {
    display: block;
    float: left;
    border-left: solid 1px #ccc;
    margin: 0;
  }
  #navigation li a {
    display: block;
    height: 56px;
    text-align: center;
    text-transform: uppercase;
    line-height: 56px;
    color: #000;
    background: transparent url(../bilder/navknapp.png) repeat-x top;
    border-bottom: solid 1px #ccc;
  }
  #navigation li#n1 {
    width: 112px;
    border: none;
  }
  #navigation li#n2 {width: 111px;}
  #navigation li#n3 {width: 95px;}
  #navigation li#n4 {width: 95px;}
  #navigation li#n5 {width: 111px;}
  #navigation li#n6 {width: 111px;}
  #navigation li a:hover {
    color: #999;
    background: transparent url(../bilder/navknapp.png) repeat-x bottom;
  }
  #navigation li a.aktiv {
    color: #e52600;
    background: transparent url(../bilder/navknapp.png) repeat-x bottom !important;
    border-bottom-color: #fff;
  }
#innehall {
  min-height: 512px;
  background: #fff;
  padding: 16px;
  overflow: hidden;
}
#sidfot {
  clear: both;
  background: #fff url(../bilder/sidfot_bakgrund.png) no-repeat 0% 100%;
  border-top: solid 1px #ccc;
  padding: 16px;
}
  #sidfot p {
    text-align: center;
    margin: 0;
  }
  #sidfot p a {
    font-weight: normal;
    color: #000;
  }
ul.galleri {
  width: 624px;
  margin: 0 -16px 0 0;
  overflow: hidden;
}
ul.galleri li {
  display: inline;
}
ul.galleri li img {
  border: solid 1px #ccc;
  padding: 8px;
  margin: 0 16px 1em 0;
  vertical-align: top;
}
ol.galleri {
  height: 32px;
  margin: 1em 0;
}
ol.galleri li {
  display: block;
  float: left;
  margin-right: 8px;
}
ol.galleri li a {
  display: block;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border: solid 1px #ccc;
}
ol.galleri li a.aktiv {color: #ccc;}
img.galleri {
  display: block;
  clear: both;
  border: solid 1px #ccc;
  padding: 8px;
  margin: 1em 0;
}
#kontaktformular fieldset {border: none;}
#kontaktformular legend {display: none;}
#kontaktformular #e-post, #kontaktformular #arende {
  width: 60%;
  border-style: dotted;
  border-width: 0 0 2px 0;
  border-color: #ccc;
}
#kontaktformular textarea {
  width: 80%;
  height: 16em;
  border: dotted 2px #ccc;
}
#kontaktformular *:focus {border-color: #999 !important;}
#skicka {
  display: block;
  width: 96px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: transparent url(../bilder/formknapp.png) no-repeat left top;
}
#skicka:hover {color: #000;}
#introduktion {
  height: 615px;
  background: url("../bilder/bild_startsida.jpg") no-repeat 50% 0%;
}
div.spalt_1 {
  float: left;
  width: 384px;
  border-right: solid 1px #ccc;
  padding-right: 16px;
}
div.spalt_2 {
  float: right;
  clear: right;
  width: 192px;
}
.spalt_1 address {
  float: left;
  width: 50%;
  font-style: normal;
  margin: 1em 0 2em 0;
}
.spalt_1 address:first-line {font-weight: bold;}
p.bildbeskrivning {
  position: absolute;
  width: 192px;
  line-height: 32px;
  text-align: right;
  margin: 0 0 0 408px;
}
dl.kontakt {
  padding-left: 6em;
  margin: 1em 0;
}
dl.kontakt dt {
  position: absolute;
  font-weight: bold;
  margin-left: -6em;
}
.clear {
  display: block;
  clear: both;
  width: 100%;
}