/* CONSTANTS */

/* STRUCTURE */

* {
  margin: 0;
  padding: 0; }

#container {
  min-height: 100%;
  position: relative;
  min-width: 960px; }

/* #top-menu-wrapper, #header-wrapper, #content, #footer-wrapper, #admin
 * :max-width = !max_width
 * :min-width = !min_width
 * :width = !min_width
 * :margin auto */

.content {
  max-width: 60em;
  min-width: 940px;
  width: 940px;
  margin: 0 auto; }

#admin {
  padding: 0em;
  background-color: white;
  border: solid 0.2em #DFDFDF;
  margin: 2em auto 2em auto;
  padding: 1.5em; }
  #admin h1 {
    margin: 1em 0 0 0; }
  #admin a {
    color: #3b7298; }
  #admin a:hover {
    background-color: #cadae4; }
  #admin a:visited {
    color: #3b7298; }
  #admin .markItUp a:hover {
    background-color: transparent; }
  #admin ul {
    padding: 0;
    margin: 0; }
    #admin ul li {
      display: inline;
      list-style-type: none;
      padding-right: 0.9em; }

#top-line {
  height: 0.3em;
  background-color: #33566c;
  border-bottom: solid 2px #dddddd; }

#top-menu {
  margin-top: 0.2em;
  background-color: #f5f5f5;
  border-bottom: solid 2px #dddddd; }
  #top-menu #top-menu-wrapper img {
    float: left;
    padding-top: 0.8em;
    border: none; }
  #top-menu #top-menu-wrapper ul {
    margin: 2em 0 0 0;
    float: right; }
  #top-menu #top-menu-wrapper li {
    list-style-type: none;
    padding-right: 0.1em;
    height: 60px;
    float: left;
    display: inline; }
    #top-menu #top-menu-wrapper li a {
      height: 60px;
      display: block;
      background-image: url(../images/tabs-new.png);
      margin-right: 2px;
      position: relative;
      bottom: -2px; }
    #top-menu #top-menu-wrapper li a#om-task-consult {
      width: 142px;
      background-position: 0 0; }
    #top-menu #top-menu-wrapper li a#om-task-consult:hover {
      background-position: 0 -70px; }
    #top-menu #top-menu-wrapper li a#om-task-consult.active {
      background-position: 0 -140px; }
    #top-menu #top-menu-wrapper li a#arbejdsmiljoe {
      width: 108px;
      background-position: -150px 0; }
    #top-menu #top-menu-wrapper li a#arbejdsmiljoe:hover {
      background-position: -150px -70px; }
    #top-menu #top-menu-wrapper li a#arbejdsmiljoe.active {
      background-position: -150px -140px; }
    #top-menu #top-menu-wrapper li a#ydelser {
      width: 78px;
      background-position: -270px 0; }
    #top-menu #top-menu-wrapper li a#ydelser:hover {
      background-position: -270px -70px; }
    #top-menu #top-menu-wrapper li a#ydelser.active {
      background-position: -270px -140px; }
    #top-menu #top-menu-wrapper li a#kontakt {
      width: 78px;
      background-position: -360px 0; }
    #top-menu #top-menu-wrapper li a#kontakt:hover {
      background-position: -360px -70px; }
    #top-menu #top-menu-wrapper li a#kontakt.active {
      background-position: -360px -140px; }

#header {
  background-color: #81b0ce;
  border-top: solid #73a4c7 0.5em; }
  #header #header-wrapper {
    padding: 2em 0em 2em 0em; }
  #header h1 {
    color: #fafafa;
    font-family: "Georgia";
    font-weight: normal;
    max-width: 810px;
    margin-bottom: 0.5em;
    font-size: 1.8em; }
    #header h1 a {
      color: #f2f2f2; }
    #header h1 a:hover {
      background-color: #73A4C7; }
    #header h1 .markItUp a:hover {
      background-color: transparent; }
  #header h2 {
    color: #486477;
    font-weight: normal;
    font-size: 1.2em;
    line-height: 1.6em; }
    #header h2 a {
      color: #33566C; }
    #header h2 a:hover {
      background-color: #a6c8dd; }
    #header h2 em {
      font-style: normal;
      background-color: #9BBBCF; }

#content {
  padding-bottom: 10em; }
  #content a {
    color: #00871b; }
    #content a:hover {
      background-color: #b3d8ba; }
    #content a:visited {
      color: #00871b; }
  #content .markItUp a:hover {
    background-color: transparent; }
  #content h1, #content h2, #content h3 {
    font-family: "Georgia";
    font-weight: normal; }
  #content #main-wrapper {
    width: 59%;
    background: url(/images/box/nt.gif) repeat;
    float: left;
    border-top: 0.5em solid #c5d7e3;
    border-bottom: 2px solid #D6D6D6; }
    #content #main-wrapper #main-content {
      border-right: 2px solid #D6D6D6;
      padding-right: 3em; }
      #content #main-wrapper #main-content #breadcrumb {
        border-top: solid 0.5em #99b6c9;
        float: left;
        top: -0.5em;
        position: relative; }
        #content #main-wrapper #main-content #breadcrumb .rbroundbox {
          background: url(/images/breadcrumb/nt.gif) repeat; }
        #content #main-wrapper #main-content #breadcrumb .rbbot div {
          background: url(/images/breadcrumb/bl.gif) no-repeat bottom left; }
        #content #main-wrapper #main-content #breadcrumb .rbbot {
          background: url(/images/breadcrumb/br.gif) no-repeat bottom right; }
        #content #main-wrapper #main-content #breadcrumb .rbbot div, #content #main-wrapper #main-content #breadcrumb .rbbot {
          width: 100%;
          height: 7px;
          font-size: 1px; }
        #content #main-wrapper #main-content #breadcrumb .rbcontent {
          padding: 1em 1em 0.5em 1.5em; }
        #content #main-wrapper #main-content #breadcrumb .rbroundbox {
          margin: 0em auto; }
        #content #main-wrapper #main-content #breadcrumb ul.breadcrumb {
          margin: 0;
          padding: 0;
          font-size: 0.8em;
          color: #375265;
          border: 0;
          background-color: transparent; }
          #content #main-wrapper #main-content #breadcrumb ul.breadcrumb li {
            display: inline;
            list-style-type: none;
            padding-right: 0.5em;
            margin: 0; }
            #content #main-wrapper #main-content #breadcrumb ul.breadcrumb li a {
              color: #375265; }
            #content #main-wrapper #main-content #breadcrumb ul.breadcrumb li a:hover {
              background-color: #9eb2bf; }
          #content #main-wrapper #main-content #breadcrumb ul.breadcrumb li.active {
            font-style: italic; }
      #content #main-wrapper #main-content #main {
        padding-bottom: 2em; }
        #content #main-wrapper #main-content #main p {
          margin: 1em 0 1em 1em; }
        #content #main-wrapper #main-content #main h2 {
          font-size: 1.8em;
          color: #1F1F1F;
          line-height: 1.2em;
          margin: 1.5em 0 0.5em 0; }
          #content #main-wrapper #main-content #main h2 a {
            color: #3b7298;
            text-decoration: none; }
            #content #main-wrapper #main-content #main h2 a:hover {
              background-color: #cadae4;
              text-decoration: underline; }
        #content #main-wrapper #main-content #main p, #content #main-wrapper #main-content #main ul, #content #main-wrapper #main-content #main dl {
          line-height: 1.6em; }
        #content #main-wrapper #main-content #main ul {
          padding: 1em 0 1em 1.2em;
          list-style-image: url(/images/rightarrow_inv-small.png); }
          #content #main-wrapper #main-content #main ul li {
            margin-left: 1em; }
        #content #main-wrapper #main-content #main div.markItUpHeader ul {
          background: transparent;
          border: 0;
          padding: 0; }
          #content #main-wrapper #main-content #main div.markItUpHeader ul li {
            padding: 0;
            margin: 0; }
        #content #main-wrapper #main-content #main dl {
          padding: 0 1em 1em 1em; }
          #content #main-wrapper #main-content #main dl dt {
            font-weight: bold;
            margin-top: 1em; }
          #content #main-wrapper #main-content #main dl dd {
            font-size: 0.9em;
            margin: 0;
            padding: 1em; }
  #content #side-page-wrapper {
    width: 41%;
    float: right;
    border-top: 0.5em solid #b9c9d4; }
    #content #side-page-wrapper #side-page-content {
      float: left;
      width: 24em; }
      #content #side-page-wrapper #side-page-content #side-page {
        width: 270px;
        float: right;
        color: #484848; }
        #content #side-page-wrapper #side-page-content #side-page .rbroundbox {
          background: url(/images/box/nt.gif) repeat; }
        #content #side-page-wrapper #side-page-content #side-page .rbtop div {
          background: url(/images/box/tl.gif) no-repeat top left; }
        #content #side-page-wrapper #side-page-content #side-page .rbtop {
          background: url(/images/box/tr.gif) no-repeat top right; }
        #content #side-page-wrapper #side-page-content #side-page .rbbot div {
          background: url(/images/box/bl.gif) no-repeat bottom left; }
        #content #side-page-wrapper #side-page-content #side-page .rbbot {
          background: url(/images/box/br.gif) no-repeat bottom right; }
        #content #side-page-wrapper #side-page-content #side-page .rbtop div, #content #side-page-wrapper #side-page-content #side-page .rbtop, #content #side-page-wrapper #side-page-content #side-page .rbbot div, #content #side-page-wrapper #side-page-content #side-page .rbbot {
          width: 100%;
          height: 7px;
          font-size: 1px; }
        #content #side-page-wrapper #side-page-content #side-page .rbcontent {
          margin: 0 7px;
          padding: 1.8em 2em 1.2em 2em; }
        #content #side-page-wrapper #side-page-content #side-page .rbroundbox {
          margin: 5em auto; }
        #content #side-page-wrapper #side-page-content #side-page h1 {
          font-size: 1.7em;
          color: #3a3a3a;
          line-height: 1.2em;
          letter-spacing: -0.02em;
          margin: 0 0 1em 0; }
        #content #side-page-wrapper #side-page-content #side-page h2 {
          font-size: 1.4em;
          margin: 0.5em 0 0.5em 0; }
        #content #side-page-wrapper #side-page-content #side-page p, #content #side-page-wrapper #side-page-content #side-page address {
          font-size: 0.9em;
          line-height: 1.5em;
          margin: 0.3em 0 0.5em 0; }
        #content #side-page-wrapper #side-page-content #side-page p.button {
          text-align: center;
          margin-top: 2em; }
          #content #side-page-wrapper #side-page-content #side-page p.button a img {
            border: none; }
          #content #side-page-wrapper #side-page-content #side-page p.button a:hover {
            background-color: transparent; }

#footer {
  border-top: solid 0.3em #eeeeee;
  background-color: #33566c;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 6em; }
  #footer #footer-line {
    border-top: solid 0.5em #8EBBD7; }
  #footer #footer-wrapper {
    padding: 0; }
    #footer #footer-wrapper ul {
      padding: 1em 0 0 0;
      margin: 0; }
      #footer #footer-wrapper ul li {
        display: inline;
        list-style-type: none;
        padding-right: 0.9em; }
        #footer #footer-wrapper ul li a {
          color: #8ebbd7;
          font-size: 0.8em; }
        #footer #footer-wrapper ul li a:hover {
          color: #33566c;
          background-color: white; }
    #footer #footer-wrapper div.left {
      float: left; }
      #footer #footer-wrapper div.left p.copyright {
        color: #cccccc;
        font-size: 0.75em;
        margin-top: 1em; }
    #footer #footer-wrapper div.right {
      float: right; }
      #footer #footer-wrapper div.right img {
        margin-top: 1.7em; }

/* GLOBAL TAGS */

html {
  height: 100%; }

body {
  margin: 0;
  font-family: 'lucida grande', 'lucida sans unicode';
  background-color: #e5e5e5;
  color: #1f1f1f;
  font-size: 0.9em;
  height: 100%;
  padding: 0; }

div {
  border: 0px solid; }

div.clear {
  clear: both; }

em {
  font-style: normal;
  background-color: #fcfcfc;
  font-weight: bold; }

form {
  margin: 1em 0 0 0; }
  form fieldset {
    margin-bottom: 0;
    border-color: #e8e8e8;
    border-style: solid none none;
    border-width: 1px medium medium; }
    form fieldset ol {
      margin: 0;
      padding: 0; }
    form fieldset li {
      list-style: none;
      padding: 0.5em;
      margin: 0;
      border-bottom: solid 0.2px #e8e8e8; }
      form fieldset li em {
        background-color: transparent; }
    form fieldset li.action {
      text-align: right;
      border: none; }
  form legend {
    padding: 0 0.2em;
    font-weight: bold; }
  form label {
    display: inline-block;
    line-height: 1.8em;
    vertical-align: top;
    font-weight: bold; }
  form em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
    background-color: transparent; }
  form label {
    width: 8em; }
  form textarea {
    border: solid 2px #e8e8e8;
    padding: 0.5em;
    background-color: white;
    color: #3A3A3A;
    font-size: 1em;
    font-family: 'lucida grande', 'lucida sans unicode'; }
  form span.hint {
    font-size: 0.8em;
    padding-left: 1em; }
  form div.description {
    padding: 0.5em 0.5em 0.5em 8.5em;
    font-size: 1em; }

.left {
  float: left; }

.right {
  float: right; }

address {
  font-style: normal;
  margin: 1em 0 1em 0; }

table.standard {
  border-collapse: collapse;
  width: 100%; }
  table.standard th, table.standard td {
    text-align: left;
    padding: 0.2em 1em 0.2em 1em;
    border-bottom: solid 0.1em #dfdfdf; }
  table.standard tr:hover {
    background-color: #BFE7FF; }

table.clear th, table.clear td {
  text-align: left;
  padding: 0em;
  border-bottom: none; }
table.clear tr:hover {
  background-color: transparent; }

blockquote {
  text-indent: -0.8em;
  background-color: #fcfcfc; }

/* CUSTOM TAGS */

div.embedded-flash {
  background-color: #4792BF;
  border: solid 0.2em #29556F;
  padding: 1em;
  margin: 1em 0 1em 0;
  color: white; }

input.contact {
  border: solid 2px #e8e8e8;
  padding: 0.5em;
  background-color: white;
  color: #3A3A3A;
  font-size: 1em;
  font-family: 'lucida grande', 'lucida sans unicode'; }

div.notice {
  background-color: #088F27;
  border: 2px solid #076F1E;
  color: white;
  font-size: 1em;
  padding: 0.8em; }

/* SWFUpload */

#swf-upload #fs-upload-progress {
  margin-top: 2em; }
#swf-upload .submit {
  position: relative;
  margin: 1.5em 0 0 0; }
  #swf-upload .submit object {
    position: absolute;
    margin: 1em 0 0 0;
    top: -17px; }
  #swf-upload .submit span {
    margin-left: 70px; }
#swf-upload div#div-status {
  padding: 1em;
  background-color: #D1E4EF;
  margin: 1em 0 1em 0;
  border: solid 2px #73A4C7; }
#swf-upload .upload-status {
  background-color: white;
  margin: 1em 0 1em 0;
  padding: 1em; }
  #swf-upload .upload-status h1 {
    font-size: 1.2em;
    margin: 0; }