@charset "utf-8";
/* CSS Document */

/* CustomModule: DeviceList - Start
--------------------------------------------------------------------- */

.main_table 
{
    border: 0px solid black;
    width: 600px;
}
.txt_search
{
    background: gainsboro;
}
.btn_search 
{
}
.css_sort_by_label 
{
}
.drp_sort 
{
    width: 180px;
    background: gainsboro;
}
.lblheader_text 
{
    font-family: arial, helvetica, verdana, "Lucida Grande", sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-top: 5px;
    height: 50px;
}
.item_box_container 
{
    height: 150px;
}
.item_box 
{
    height: 115px;
    horizontal-align: top;
}
.tbl_item_style
{
    font-family: arial, helvetica, verdana, "Lucida Grande", sans-serif;
    font-size: 12px;
    border: 0px solid silver;
    width: 940px;
    height: 115px;
}
.td_lblCount 
{
    padding-bottom: 70px;
}
.css_td_image {
    width: 75px;
    height: 90px;
    vertical-align: top;
    border: 1px solid gray;
}
.css_td_texts {
    width: 125px;
    vertical-align: top;
}
.css_td {
}
.css_images 
{
    width: 70px;
    border: 1px solid black;
}
.css_product_nameLabel
{   font-size: 12px;
    font-weight: bold;
    color: black;
    line-height: 15px;
    width: 150px;
}
.css_platformLabel
{   font-size: 12px;
    font-weight: normal;
    color: black;
    line-height: 15px;
}
.css_extratextLabel
{   font-size: 12px;
    font-weight: normal;
    color: black;
    line-height: 15px;
}
.css_yearLabel
{   font-size: 12px;
    font-weight: normal;
    color: black;
    line-height: 15px;
}
.css_devTypeLabel
{   font-size: 12px;
    font-weight: normal;
    color: red;
    line-height: 15px;
}

/* CustomModule: DeviceList - Stop
--------------------------------------------------------------------- */



/* ------------------------------------------------------------
**  RESET START
** ------------------------------------------------------------ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 13px;
  font-family: inherit;
  vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
/*table { border-collapse: separate; border-spacing: 0; }*/
/*caption, th, td { text-align: left; font-weight:400; }*/
td {
  padding: 0;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

.TextTeaserForside {font-size: 18px;}

.TextTeaserForsideNy {
font-size: 18px;
color: #000000;
}

a img { border: none; }

.clear:after, .container:after, .comp:after, #page_inner:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* ------------------------------------------------------------
**  RESET END
**  TYPOGRAPHY START
** ------------------------------------------------------------ */

body {
  background: #fff;
  color: #333;
  font-family: arial, helvetica, verdana, "Lucida Grande", sans-serif;
  font-size: 15px;
  text-align: center;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {
  font-size: 24px;
  margin-bottom: 9px;
}

#scroller h1 {
  font-size: 48px;
  margin-bottom: 9px;
  f_ont-weight: bold;
}


h2 {
  font-size: 17px;
  font-weight: bold;
  line-height: 26px;
}

h3 { font-size: 19px; }

h4 {
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  padding: 27px 0 20px 0;
}

p {
  line-height: 21px;
  margin-bottom: 11px;
}

a.read_more {
  background: url("/Files/Billeder/img/ic_read_more.png") no-repeat bottom right;  
  padding-right: 16px;
}

a { color: #00a3d3 ; font-weight: bold; }
a:hover { text-decoration: none; font-weight: bold;}

ul { list-style-type: none; }
ol { list-style-position: outside; }





/* list-style-type:none;
list-style-position:inside;
padding:0 0 0 0;
margin:0 0 0 0;
list-style-image:url(/images/bullet.gif) */

/* ------------------------------------------------------------
**  TYPOGRAPHY END
**  GRID START
** ------------------------------------------------------------ */

#NewsImg img {
float: right;
}

.container {
  width: 940px;
}

 .column {
  margin-right: 10px;
  float: left;
}

.last { margin-right: 0; }

.span-1   { width: 130px; }
.span-2   { width: 305px; }
.span-3   { width: 460px; }
.span-4   { width: 620px; }

 .span-4 ul, .span-4 ol {
  margin: 0 0 9px 15px;
}

.span-4 li {
  margin-left: 15px;
  line-height: 21px;
}

.span-4 ul {
  list-style-type: disc;
}

.span-4 {
  line-height: 21px;
  margin-bottom: 0px;
}


.span-5   { width: 780px; }
.span-6   { width: 940px;  line-height: 21px;
  margin-bottom: 0px; }

.span-6 li {
  margin-left: 15px;
  line-height: 21px;
}

.span-6 ul {
  list-style-type: disc;
}

 .span-6 ul, .span-6 ol {
  margin: 0 0 9px 15px;
}

/* ------------------------------------------------------------
**  GRID END
**  FORMS START
** ------------------------------------------------------------ */

fieldset {
  padding-bottom: 10px;
}

  fieldset div {
    margin-bottom: 12px;
    width: 268px;
  }
  
  fieldset div.last {
    margin-bottom: 0;
  }

label {
  color: #808080;
}

  fieldset label {
    float: left;
    line-height: 25px;
  }

input.text {
  font-family: arial, helvetica, verdana, "Lucida Grande", sans-serif;
  color: #808080;
  font-size: 15px;
  border: 1px solid #a9a9a9;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  background: url("/Files/Billeder/img/bg_input_text.png") repeat-x;
  padding: 2px 0 2px 0;
  text-indent: 5px;
}

textarea {
  font-family: arial, helvetica, verdana, "Lucida Grande", sans-serif;
  color: #808080;
  font-size: 15px;
  border: 1px solid #a9a9a9;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 2px 0 2px 0;
  text-indent: 5px;
}


  fieldset input.text {
    float: right;
    width: 180px;
  }

select {
  font-family: arial, helvetica, verdana, "Lucida Grande", sans-serif;
  font-size: 15px;
  color: #808080;
  background: #eee;
}

  fieldset select {
    float: right;
    width: 130px;
  }


button {
  float: right;
  width: 130px;
  height: 34px;
  overflow: hidden;
  background: transparent url("/Files/Billeder/img/button_half_normal.png") no-repeat;
  font-size: 14px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

button:active, button:focus {
  outline: none;
}

  button span {
    display: block;
    height: 34px;
    padding-right: 14px;
    line-height: 29px;
  }
  
button.over {
  background: transparent url("/Files/Billeder/img/button_half_hover.png") no-repeat;
}

button.down {
  background: transparent url("/Files/Billeder/img/button_half_push.png") no-repeat;
}

/* ------------------------------------------------------------
**  FORMS END
**  NON-STANDARD CSS START
** ------------------------------------------------------------ */

html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  position: relative;
}

body #bg {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  padding: 0;
  display: none;
  visibility: hidden;
}

#page {
  height: 100%;
  position: relative;
  z-index: 2;
  overflow: auto;
  background: transparent url("/Files/Billeder/img/bg/bg_gradient.png") repeat-x;
}

#frontpage #page {
  background: transparent url("/Files/Billeder/img/bg/bg_gradient_front.png") repeat-x;
}



#page_inner {
  width: 940px;
  margin: auto;
  text-align: left;
  padding-bottom: 40px;
}

#header {
  position: relative;
  min-height: 190px;
}

  #frontpage #header {
    min-height: 280px;
  }

#header .logo img {
  display: block;
}

/* Navigation start */
#navigation li {
  float: left;
}

#navigation a {
  display: block;
  width: 156px;
  height: 49px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

  #navigation span {
    display: block;
    padding-top: 7px;
  }

  #navigation .last a {
    width: 155px;
    background: url("/Files/Billeder/img/nav/bn_last_out.png") no-repeat;
  }

a.L4_Active { font-size: 10px; font-weight:normal; }

a.L2_Active { background: url("/Files/Billeder/img/nav/bn_over_blue.png") no-repeat; }
a.L2 { background: url("/Files/Billeder/img/nav/bn_out.png") no-repeat; }
  
#navigation a:hover {
  background: url("/Files/Billeder/img/nav/bn_over_blue.png") no-repeat;
}

  #navigation .last a:hover, #navigation .last a.sel {
    background: url("/Files/Billeder/img/nav/bn_last_over.png") no-repeat;
  }
/* Navigation end */

/* Header content start  */
#catch_line {
  margin-top: 45px;
  margin-bottom: 10px;
  float: left;
  p_osition: absolute;
  l_eft: 0;
  b_ottom: 10px;
}

  #catch_line div {
    font-size: 19px;
    line-height: 30px;
    font-weight: bold;
    padding: 0 0 2px 0;
    line-height: 35px;

  }
  
  #catch_line div img {
    vertical-align: bottom;
    margin-top: -6px;
  }
  
    #frontpage #catch_line h1 {
      font-size: 50px;
      line-height: 40px;
      font-weight: normal;
      padding: 0;
      margin: 0;
    }
    
    #frontpage #catch_line h1 span {
      display: block;
      color: #6b8e23;
      font-size: 28px;
      font-weight: bold;
      padding-bottom: 54px;
    }

#logo_dme {
  margin-top: 48px;
  float: right;
  p_osition: absolute;
  r_ight: 0;
  b_ottom: 10px;
}
/* Header content end */

/* Contact + sign in links in top right start */
.contact_sign_in {
  text-align: right;
  font-size: 14px;
  color: #808080;
  padding-top: 16px;
}

  .contact_sign_in span {
    padding: 0 8px 0 8px;
  }

  .contact_sign_in a {
    color: #c0c0c0;
  }
/* Contact + sign in links in top right start */

/* Sub navigation start */
#sub_navigation {
  height: 56px;
  background: url("/Files/Billeder/img/bg_seperator.png") no-repeat bottom left;
}

#sub_navigation li {
  float: left;
  background: url("/Files/Billeder/img/bg_subnav_seperator.png") no-repeat top right;
  height: 51px;
  padding-right: 10px;
  margin-right: 10px;
}

  #sub_navigation li.last {
    background: none;
    margin-right: 0;
  }

#sub_navigation a {
  display: block;
  font-weight: bold;
}

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

  #sub_navigation span {
    display: block;
    margin-top: 19px;
  }

.L3_Active { text-decoration: none; color: #00a3d3 ; font-size: 10px; font-weight:normal; }
.L3 { text-decoration: underline; color: #fff; font-size: 10px; font-weight:normal;}



  /* Sub navigation end */

/* Breadcrumb start */
#breadcrumb {
  font-size: 14px;
  padding: 17px 0 17px 0;
}

#breadcrumb a {
  color: #333;
}

#breadcrumb ul, #breadcrumb li {
  display: inline;
}

  #breadcrumb li.sel a {
    text-decoration: none;
  }
/* Breadcrumb end */

/* Footer start */
#footer {
  background: #333;
  overflow: hidden; /* Prevents space underneath #footer before body ends */
}

  #footerInner {
    width: 940px;
    min-height: 286px;
    margin: auto;
    text-align: left;
    background: url("/Files/Billeder/img/bg_footer.jpg") no-repeat;
  }

#footer {
  font-size: 13px;
  color: #808080;
}
/* Footer end */

/* Footer sitemap start */
#footer .sitemap {
  background: url("/Files/Billeder/img/bg_footer_seperator.png") no-repeat bottom left;
  padding-bottom: 22px;
}

#footer .sitemap li {
  padding-bottom: 7px;
}

#footer .sitemap li a {
  display: block;
  color: #ccc;
  text-decoration: none;
  background: url("/Files/Billeder/img/ic_li_blue.png") no-repeat 0 3px;
  padding: 0 5px 0 14px;
}

  #footer .sitemap li a:hover {
    text-decoration: underline;
  }
/* Footer sitemap end */

/* Footer contact and copyright start */
.contact, .copyright {
  padding: 13px 0 10px 0;
}

.contact li {
  float: left;
  padding-right: 5px;
}

.copyright {
  text-align: right;
}
/* Footer contact and copyright end */

/* Comp: fact box for article start */
.comp_fact_box {
  width: 300px;
  float: right;
  margin: 0 0 10px 10px;
  background: url("/Files/Billeder/img/bg_fact_box_t_blue.png") no-repeat;
}

.comp_fact_box_inner {
    margin-top: 10px;
    padding: 7px 16px 7px 16px;
    background: url("/Files/Billeder/img/bg_fact_box_b.png") no-repeat bottom left;
  }
.comp_fact_box_inner_left {
    margin-top: 10px;
    padding: 7px 16px 7px 16px;
    background: url("/Files/Billeder/img/bg_fact_box_b_paragraph.png") no-repeat bottom left;
  }
.comp_fact_box_left {
  width: 500px;
  margin: 0 0 0px 0px;
  background: url("/Files/Billeder/img/bg_fact_box_t_paragraph_blue.png") no-repeat;
}

.comp_fact_box h3 {
  font-size: 15px;
  line-height: 21px;
  font-weight: bold;
}

.comp_fact_box ol, .comp_fact_box ul {
  margin: 0 0 9px 5px;
}

.comp_fact_box ul {
  list-style-type: disc;
}

.comp_fact_box li {
  margin-left: 15px;
  line-height: 21px;
}
/* Comp: fact box for article end */

/* Comp: image for article start */
.comp_article_image {
  float: left;
  margin: 0 20px 10px 0;
}

.comp_article_image img {
  margin-top: 6px;
  display: block;
}
/* Comp: image for article end */

/* Comp: article teaser start */
.article_teasers {
  background: url("/Files/Billeder/img/bg_content_seperator.png") no-repeat;
  padding: 13px 0 20px 0;
}

.comp_article_teaser {
  width: 620px;
  margin-bottom: 19px;
}

.comp_article_teaser .image {
  float: left;
  width: 160px;
}

  .comp_article_teaser .image img {
    display: block;
    margin-top: 6px;
  }
  
.comp_article_teaser .text {
  float: left;
  width: 460px;
}

.comp_article_teaser h2 a {
  text-decoration: none;
  color: #333;
}

.comp_article_teaser p {
  margin: 0;
}
/* Comp: article teaser end */

/* Comp: page teaser on frontpage start */
.comp_page_teaser {
  width: 300px;
}

.comp_page_teaser h2 a {
  display: block;
  width: 300px;
  height: 170px;
  background: url("/Files/Billeder/img/bg_page_teaser.png") no-repeat;
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  font-weight: normal;
}

.comp_page_teaser h2 a:hover {
  background: url("/Files/Billeder/img/bg_page_teaser_over.png") no-repeat;
}

.comp_page_teaser h2 a span.text {
  display: block;
  padding: 12px 0 15px 11px;
  line-height: 36px;
}

.comp_page_teaser h2 a span.text img {
  vertical-align: bottom;
  margin-top: -6px;
}

.comp_page_teaser .links p {
  font-size: 13px;
  line-height: 18px;
}

.page_teasers {
  padding: 50px 0 12px 5px;
}

.page_teasers_ny {
  padding: 0px 0 12px 5px;
}


.page_teasers .products {
  background: url("/Files/System/front_01.jpg") no-repeat;
}
  
.page_teasers .using_dme {
  background: url("/Files/System/front_02.jpg") no-repeat;
}
  
.page_teasers .benefits {
  background: url("/Files/System/front_03.jpg") no-repeat;
}

.frontbox1 {
  background: url(/files/system/frontpage_box.gif) no-repeat;
  width: 300px;
  height: 139px;
}

.frontbox1Active {
  background: url(/files/system/frontpage_boxActive.gif) no-repeat;
  width: 300px;
  height: 139px;
}



.frontbox2 {
  width: 300px;
}

.scrollerbox {
  width: 700px; /* was 935px */
}
.scrollerhead {
  width: 700px; /* was 935px */
  height: 330px; /* was 270px */
}

#scroller {
  float: left;
}

#teasers {
  float: left; 
  width: 220px; 
  margin-left: 15px;
}

.teaserbox {
  background-image: url(/files/system/frontpage_box2.gif);
  background-repeat: no-repeat;
  width: 220px;
  height: 60px;
  cursor: pointer;
}

.teaserboxactive {
  background-image: url(/files/system/frontpage_boxActive2.gif);
  background-repeat: no-repeat;
  width: 220px;
  height: 60px;
  cursor: pointer;
}


.teaserboxinner {
  margin: 10px;
  color: #ffffff;
  font-weight: bold;
}


/* Comp: page teaser on frontpage end */

/* General component start */
.boks_front {
  height:160px;
}

.comp {
  float: left;
  width: 300px;
  background: url("/Files/Billeder/img/bg_comp_t.png") no-repeat;
}

  #additional .comp {
    margin-bottom: 25px;
  }

  .comp_inner {
    width: 268px;
    margin-top: 10px;
    padding: 7px 16px 10px 16px;
    background: url("/Files/Billeder/img/bg_comp_b.png") no-repeat bottom left;
  }
  
.comp h3 {
  margin-top: -4px;
  line-height: 36px;
  padding: 0 0 5px 0;
}

.comp h3 img {
  vertical-align: bottom;
  margin-top: -6px;
}

.comp .inner {
  margin-top: 4px;
  padding: 12px 0 0 0;
  background: url("/Files/Billeder/img/bg_seperator_comp.png") no-repeat top center;
}

.quote blockquote {
  background: url("/Files/Billeder/img/bg_quote_start.png") no-repeat 0 1px;
  text-indent: 20px;
  margin-top: 14px;
}

  .quote blockquote span {
    margin-left: 5px;
    padding-right: 20px;
    background: url("/Files/Billeder/img/bg_quote_end.png") no-repeat 0 5px;
  }
  
.quote p {
  font-size: 13px;
  line-height: 18px;
  color: #696969;
  background: url("/Files/Billeder/img/bg_seperator_page_teaser.png") no-repeat bottom left;
  padding: 9px 0 13px 0;
}
/* General component end */

/* Comp: Get software start */
#frontpage .comp_get_software .comp_inner {
  height: 140px;
  padding-bottom: 0;
}

.comp_get_software fieldset {
  background: url("/Files/Billeder/img/bg_seperator_comp.png") no-repeat bottom center;
}

.comp_get_software .text {
  padding-top: 10px;
}

.comp_get_software label {
  color: #000;
  font-size: 14px;
}

.comp_get_software p {
  float: left;
  width: 135px;
  font-size: 14px;
  padding-top: 5px;
  margin: 0;
}
/* Comp: Get software end */

/* Comp: Newsletter start */
#frontpage .comp_newsletter .comp_inner {
  height: 140px;
  padding-bottom: 0;
}

.comp_newsletter p {
  float: left;
  width: 135px;
  padding-top: 4px;
  color: #808080;
  margin: 0;
}
/* Comp: Newsletter end */

/* Comp: News/events start */
.comp_news_events .comp_inner {
  padding-bottom: 0;
}

  #frontpage .comp_news_events .comp_inner {
    height: 140px;
  }

.comp_news_events ul {
  font-size: 9px;
}

.comp_news_events li {
  padding-bottom: 9px;
}

.comp_news_events li span {
  display: block;
  color: #808080;
}

.comp_news_events a {
  color: #333;
  text-decoration: none;
}

.comp_news_events a:hover {
  text-decoration: underline;
}
/* Comp: News/events end */

/* Comp: Contact me start */
.comp_contact_me {}
/* Comp: Contact me end */

/* Comp: Magazine subscription start */
.comp_magazine .comp_inner {
  position: relative;
}

.comp_magazine .badge {
  position: absolute;
  top: -36px;
  right: -20px;
}

.comp_magazine p {
  float: left;
  width: 135px;
  padding-top: 4px;
  color: #808080;
  margin: 0;
}

.comp_magazine p.intro {
  float: none;
  width: auto;
  color: #666;
  padding-bottom: 9px;
}
/* Comp: Magazine subscription end */

/* Comp: Recommend device start */
.comp_recommend_device {}
/* Comp: Recommend device end */

/* Comp: Brochure start */
.comp_brochure {
}

.comp_brochure .brochure_pic {
  float: left;
  width: 60px;
  padding-top: 27px;
}

.comp_brochure .form {
  float: right;
}

  .comp_brochure fieldset div {
    margin-bottom: 4px;
    width: auto;
  }

.comp_brochure label {
  float: none;
  display: block;
}

.comp_brochure input.text {
  float: none;
}

.comp_brochure p {
  float: left;
  width: 135px;
  padding-top: 4px;
  color: #808080;
  margin: 0;
}
/* Comp: Brochure end */

/* Comp: Small article teaser start */
.comp_small_article_teaser, .comp_small_article_teaser .comp_inner {
  background: none;
  padding: 0;
  margin-top: 0;
}

.comp_small_article_teaser h3 {
  padding: 0;
}

.comp_small_article_teaser p.read_more {
  float: right;
}
/* Comp: Small article teaser end */

/* Comp: Quote start */
.comp_quote, .comp_quote .comp_inner {
  background: none;
  padding: 0;
  margin-top: 0;
}

.comp_quote h3 {
  padding: 0;
}

.comp_quote .quote blockquote {
  margin-top: 0;
}

.comp_quote .quote p {
  background: none;
  padding-bottom: 0;
}

.comp_quote p.read_more {
  float: right;
}
/* Comp: Quote end */

/* Comp: Video start */
.comp_video, .comp_video .comp_inner, .comp_video .inner {
  background: none;
  padding: 0;
  margin-top: 0;
}

.comp_video p {
  margin-top: 12px;
}
/* Comp: Video end */