* {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #ffffff;
  font-family: arial, helvetica, sans-serif;
  padding-bottom: 1.5em;
}

#wrapper {
  margin: 0 auto;
  max-width: 980px;
}

.center {
  margin: 0 auto;
  max-width: 980px;
}

#indhold {
  clear: both;
  padding-top: 2em;
}

/*  TOP   */
#topbar {
  /*background: #224488 url(grafik/blaa_moenster.jpg) repeat-x;*/
  background: #005577;
  overflow: hidden;
}

#logo_tag p {
  float: left;
  font-size: 2.05em;
  font-weight: bold;
  margin: 0;
  padding: 0.2em 0 0.3em;
}

#logo_tag a {
  color: #ffffff;
}

#header #tagline a {
  display: block;
  clear: both;
  color: white;
  font-size: 40%;
  font-weight: normal;
  padding-left: 2px;
  padding-top: 0.2em;
}

#header a {
  color: #ffffff;
  text-decoration: none;
}

#top_hoejre {
  float: right;
  text-align: right;
  display: inline;
}

#top_hoejre a {
  color: #eeeeee;
  padding-left: 1.2em;
  padding-bottom: 0.3em;
  text-decoration: underline;
}

/* HOVEDMENU */

#menu {
  box-shadow: 0px 2px 4px #bbb;
  overflow: auto;
  padding: 0.8em 0 0.5em;
}

#menu ul {
  padding: 0;
}

#menu li {
  float: left;
  list-style: none;
  padding: 0px 2em;
}

#menu li#menufor {
  padding-left: 0.5em;
}

#menu a {
  border-bottom: 2px solid transparent;
  color: #555;
  display: block;
  font-size: 0.9em;
  padding: 0.2em 0.3em 0.3em;
  text-decoration: none;
  text-transform: uppercase;
}

#menu li a.active {
  border-bottom: 2px solid #cccccc;
  color: #000;
}

/* UNDERMENU */

#undermenu h3 {
  display: none;
}

#undermenu ul {
  padding: 0.2em 0 0 0;
}

#undermenu li {
  border-radius: 3px;
  list-style-type: none;
  padding: 0.2em;
}

#undermenu li.active {
  background: #f0f0f0;
}

#undermenu a {
  color: #444444;
  display: block;
  font-size: 1em;
  text-decoration: none;
}

#undermenu a:hover {
  text-decoration: underline;
}

/*  SPALTER    */
#venstrespalte {
  float: left;
  margin: 0 1em 0 0;
  width: 19%;
}

#centerspalte {
  float: left;
  margin: 0 1% 0 1%;
  padding: 0 0 4em 0;
  width: 52%;
}

#hoejrespalte {
  background-color: #ecf3f3;
  color: black;
  float: right;
  margin-bottom: 2em;
  padding: 1em 2%;
  width: 20%;
}

/*    Generelle Styles*/
p {
  font-size: 1em;
  margin: 0.2em 0 0.5em 0;
  color: #333344;
}

h1,
h2,
h3,
h4,
h5 {
  color: #333344;
}

h1 {
  font-size: 2.3em;
  margin: 0 0 0.4em 0;
}

h1.eks {
  font-size: 1.6em;
  margin: 1.6em 0 0.5em 0;
}

h2 {
  font-size: 1.4em;
  margin: 2em 0 0em;
}

h3 {
  font-size: 1.1em;
  margin: 1em 0 0em;
}

h4 {
  font-size: 0.8em;
  margin: 0.7em 0 0.3em;
}

h5 {
  /*Bruges til grafisk oversigt - kontraster */
  font-size: 0.9em;
  margin: 1em 0 0.4em;
}

a {
  color: #cc0000;
}

a:visited {
  color: #660000;
}

a:hover {
  color: #000099;
}

ol,
ul {
  padding: 0.7em 0 0.7em 0;
  font-size: 0.95em;
  color: #333344;
}

li {
  padding-bottom: 0.3em;
}

img {
  margin: 0;
}

table {
  font-size: 0.75em;
  margin: 1em;
}

td {
  padding: 0.4em 0;
}

#gbog {
  width: 400px;
  table-layout: fixed;
}

.gnavn {
  width: 80px;
  overflow: hidden;
}

.indlaeg {
  width: 280px;
  overflow: hidden;
}

pre {
  background-color: #e0e0e0;
  font-family: arial, geneva, helvetica, sans-serif;
  font-size: 0.8em;
  color: #000066;
  padding: 0.5em 0;
  margin: 1em 0;
}

dl {
  font-size: 0.9em;
  line-height: 1.3em;
  margin: 0.4em 0 0.7em;
}

/*  CLASSES   */
.small {
  font-size: 0.85em;
}

.list {
  font-size: 0.9em;
}

.nodot {
  list-style-type: none;
}

.floatright {
  border: 2px solid #cccccc;
  float: right;
  margin: 0 0 1em 2%;
}

.floatright img {
  padding: 0.5em;
}

.skrift_img {
  padding: 1.3em 0 1.8em 0em;
}

.typo_table {
  margin: 0.5em o0;
}

.typo_table th {
  padding: 0.3em;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}

.typo_table td {
  padding: 0.3em;
  text-align: center;
  border-bottom: 1px solid #cccccc;
}

.right {
  text-align: right !important;
}

/*Styles i spalter*/

/* Er pt fjernet da menuen vises hele tiden */
.toggleMenuLink {
  background: url("grafik/menu-hvid.png") no-repeat scroll 3% 6px #888888;
  color: white;
  cursor: pointer;
  font-size: 0.9em;
  margin: 0;
  padding: 0.4em 2%;
  text-indent: 28px;
}

.box {
  border: 1px solid #cccccc;
  border-radius: 3px;
  margin-bottom: 10%;
  min-width: 100px;
  padding: 5% 5% 5% 5%;
}

.box h3 {
  font-size: 1em;
  margin: 0;
  padding: 0;
}

.box p {
  font-size: 0.9em;
  line-height: 1.2em;
}

.box a {
  color: #444444;
  font-size: 1em;
}

.box a:visited {
  color: #444444;
}

.box a:hover {
  color: #cc0000;
}

.box dt {
  margin: 1em 0 0.4em 0;
  color: #333344;
  font-weight: bold;
}

#quicklinks a {
  padding: 0.2em 0;
  display: inline-block;
}

#hoejrespalte h2,
#hoejrespalte h3 {
  border-bottom: 1px solid #aaa;
  font-size: 0.9em;
  font-weight: normal;
  margin: 0 0 0.7em 0;
  padding: 0.2em 0 0.2em 0;
  text-transform: uppercase;
}

#hoejrespalte p,
#hoejrespalte h4,
#hoejrespalte h5 {
  padding: 0;
}

#hoejrespalte p {
  font-size: 0.9em;
  padding: 0em 0 1em;
}

#centerspalte ul {
  padding-left: 2em;
}

#hoejrespalte ul {
  padding-left: 1em;
}

#hoejrespalte ul {
  font-size: 0.9em;
  padding-top: 0;
}

#hoejrespalte a {
  color: #003399;
}

#hoejrespalte a:visited {
  color: #003366;
}

#hoejrespalte a:hover {
  color: #aa0000;
}

#centerspalte p {
  line-height: 1.45em;
}

/*  Specielle forside styles */

.billedtekst {
  font-size: 0.7em;
}

#forside_kont {
  float: right;
  margin: 0px 28px 0px 25px;
}

#portraet {
  float: right;
  padding: 0 2%;
}

#centerspalte h1.h1small {
  font-size: 14px;
  margin: 7px 0 6px 20px;
}

.nyhedsdato {
  color: #660000;
  font-weight: 100;
  font-size: 10px;
}

/*  Specielle underside styles */

#gestaltimg1 {
  float: right;
  padding: 7px 6px 0px 11px; /* Lavet om til padding, da IE 7 ikke kunne se venstre margin, da den var skrevet med margin?????*/
}

.billedtekst2 {
  font-size: 10px;
}

img.figur {
  padding: 2em 0 0.7em 35%;
}

img.figur2 {
  padding: 2em 0 0.7em 17.5%;
}

.figurhoejre {
  margin: 20px 0 10px 100px;
}

img.eks {
  position: relative;
  float: left;
  border: none;
  padding: 0 1em 1em 0;
  margin: 0px;
}

img.eksgif {
  border: none;
  padding-left: 35%;
}

.eksdato {
  color: #999999;
}

#hoejrespalte p.konsultativ {
  background-color: #d0d0d0;
  font-family: arial;
  font-weight: bold;
  padding: 10px;
}

#sl_kodning_img {
  float: right;
  padding: 0 35px 0 25px;
  margin-top: -17px;
}

/* FOOTER */
#footer {
  border-top: 1px solid #cccccc;
  clear: both;
  height: 1.8em;
  margin-top: 5em;
  text-align: center;
  width: 100%;
}

#footer p {
  font-size: 0.75em;
  margin: 0 2%;
  padding-top: 0.2em;
}

#footer a,
#footer a:hover,
#footer a:visited {
  color: #666666;
  font-size: 0.75em;
  padding-right: 0.5em;
}

#kontaktlink {
  float: left;
}

#login {
  float: right;
  border: none;
  margin-top: 0.2em;
  padding: 0;
}

/* Spam robot fælder.  Skjuler inputfelter i formularen  */
.importante2 {
  display: none;
}

.important {
  display: none;
}

/* Toggling elements before media-query */

#tips,
#quicklinks {
  display: block;
}

@media all and (max-width: 990px) {
  #logo_tag p {
    padding-left: 1.5%;
  }

  .box {
    margin-left: 5%;
  }

  #menu li {
    padding: 0px 1.5em;
  }
}

@media all and (max-width: 800px) {
  #menu li {
    padding: 0px 1em;
  }

  #centerspalte {
    width: 72%;
  }

  #hoejrespalte {
    clear: both;
    float: none;
    margin-left: 20%;
    width: 72%;
  }
}

@media all and (max-width: 600px) {
  h1 {
    font-size: 1.6em;
  }

  h2 {
    font-size: 1.2em;
  }

  #menu li {
    padding: 0 0.5em;
  }

  #menu li a {
    text-transform: none;
  }

  #undermenu ul {
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 0.1em 0 0.1em 0.4em;
  }

  #undermenu li {
    float: left;
    padding: 0.2em 0;
  }

  #undermenu li.active {
    background: transparent;
  }

  #undermenu li a {
    border-bottom: 1px solid transparent;
    font-size: 0.9em;
    padding: 0.2em 0.4em 0.1em;
  }

  #undermenu a:hover {
    text-decoration: none;
  }

  #undermenu li.active a {
    border-bottom: 1px solid #ccc;
  }

  img {
    max-width: 60%;
  }

  #indhold {
    padding-top: 0;
  }

  #venstrespalte {
    width: 100%;
  }

  #centerspalte {
    margin: 2em 3% 0;
    width: 94%;
  }

  #hoejrespalte {
    margin-left: 0;
    padding: 1em 3%;
    width: 96%;
  }

  #logo_tag p {
    font-size: 1.8em;
    padding: 0.1em 2% 0.3em;
  }

  .box {
    border: 0px;
    margin: 0;
    padding: 0;
  }

  #tips,
  #quicklinks,
  .mobileHide {
    display: none;
  }
}