/*
    Dräger blue:    #5b92d3
    Dräger grey:    #7f8385

    Dark blue:      #3b70af
    Light blue:     #5b92d3

    9ebde3
    cad4e0
    edf0f4
*/


body { border: 0; margin: 0; padding: 0; background: white; color: #626262; text-align: center; font-size: 11px; font-family: Arial,Helvetica,sans-serif; }
#page { background: url(body-bg.png) repeat-x; background-position: 0px 125px; }
#body { position: relative; margin: 0 auto; text-align: left; width: 960px; }

img { border: 0; }
.noscreen { display: none; }
dl { margin-bottom: 0; }
ul { padding: 12px; margin: 3px; }
ol { padding: 12px; margin: 12px; }

table { margin: 0; padding: 0; }
table tbody { margin: 0; padding: 0; }

.intro-xpix { width: 736px; height: 80px; }

.swe .home-snippet { float: left; width: 310px; padding: 15px; border: 1px solid red; margin-right: 16px; border: 1px dotted #7F8385; margin-bottom: 16px; }
.swe .home-snippet-right { margin-right: 0; }
 .swe .home-snippet img { float: left; margin-right: 12px; }

#content h1 { font-size: 18px; }
#content h2 { font-size: 15px; }
#content h3 { font-size: 13px; }
#content h4 { font-size: 12px; }
#content h5 { font-size: 11px; }
#content h6 { font-size: 10px; }

#content a { color: #5b92d3; }
#content a:hover { color: #626262; text-decoration: none; }

.clear-content { width: 690px; clear: both; height: 1px; padding: 0; margin: 0; }
.clear-content.high { height: 10px; }

.narrow { width: 337px; text-align: justify; }

#top { position: relative; height: 125px; top: 0; z-index: 10; }
 #top .logo { position: absolute; top: 24px; left: 24px; }
 #top .forms { position: absolute; top: 12px; right: 12px; list-style-type: none; margin-right: 0; padding-right: 0; }
 #top .forms .selected { font-weight: bold; }
 #top .forms p { margin: 4px 0 0; padding: 0; }
  #top .forms a { color: #7f8385; text-decoration: none; }
   #top .forms a:hover { text-decoration: underline; }
  #top .forms li { color: #7f8385; float: left; padding: 0 12px; }
  #top .forms li.last { padding-right: 0; padding-left: 11px; }
   #top .forms li ul { list-style-type: none; padding: 0; margin: 0; }
   #top .forms li.divider { padding: 0; }
    #top .forms li ul li { padding: 4px 6px 0 6px; }
   #top .forms input[type=text] { position: relative; font-size: 11px; top: -3px; width: 176px; }
   #top .forms select { font-size: 11px; padding: 1px 0; }
 #top .menu { list-style-type: none; position: absolute; padding: 0; margin: 52px 0 0 150px; bottom: 0; }
  #top .menu li { position: relative; color: #5b92d3; float: left; padding: 0 25px; font-size: 18px; color: #3b70af; }
   #top .menu li.active { background: #626262; color: white; }
    #top .menu li.active a { color: white; }
  #top .menu li:hover { background: #626262; color: white; }
   #top .menu li a { color: #3b70af; text-decoration: none; }
    #top .menu li a:hover { color: white; }
    #top .menu li ul { position: absolute; margin: 0; padding: 0; left: 0px; top: 18px; list-style-type: none; background: #626262; display: none; width: 200px; }
     #top .menu li ul li { float: none; color: white; font-size: 11px; margin: 0; padding: 0; color: white; padding: 0 25px; }
     #top .menu li ul li a { color: white; }
     #top .menu li ul li a:hover { text-decoration: underline; color: white; }
 #top .language { list-style-type: none; position: absolute; padding: 0; bottom: 0; right: 12px; margin: 0; padding: 0; }
  #top .language li { float: left; margin-left: 12px; }

/* base flow */
#content-and-snippets-container { background: url(content-and-snippets-bg.png) repeat-x; }
 #content-container { position: relative; margin-left: 12px; width: 736px; float: left; }
  #content-container #breadcrumbs { position: relative; list-style-type: none; margin: 6px 0 0 14px; padding: 0; height: 28px; }
   #content-container #breadcrumbs li { float: left; margin: 0; padding: 0 4px 0 0; white-space: nowrap; height: 8px; }
   #content-container #breadcrumbs li.raquo { margin: 7px 4px 0 0; padding: 0 2px; width: 7px; }
   #content-container #breadcrumbs li.first { padding-left: 0; }
    #content-container #breadcrumbs li a { color: #5e5e5c; text-decoration : none; display: inline-block; height: 28px; }
     #content-container #breadcrumbs li a sub { position: relative; top: 0px; display: inline-block; }
  #content-container img {  }
  #content-container h1 { color: #5b92d3; font-size: 18px; margin-top: 0; font-weight: normal; }
  #content-container ul.recent { list-style-type: none; padding: 0; margin: 0; }
   #content-container div.intro { position: relative; height: 80px; }
    #content-container div.intro h1 { color: white; margin: 0 0 0 14px; position: relative; top: 30px; xheight: 149px; line-height: 31px; }
    #content-container div.product-intro h1 { top: 5px; }
    #content-container div.intro ul { position: absolute; list-style-type: none; }
    #content-container div.intro li { float: left; }

   /* base content */
   #content-container #content { padding: 12px 24px 0 12px; clear: both; width: 700px; }
    #content-container #content .left-snippets { width: 331px; float: left; margin-top: 12px; }
    #content-container #content .right-snippets { width: 331px; margin-left: 357px; margin-top: 12px; }
    /* content snippets */
    #content-container #content .snippet { float: left; border: 1px dotted #7f8385; }
     #content-container #content .snippet a { text-decoration: none; color: #5b92d3; }
      #content-container #content .snippet a:hover { text-decoration: underline; }
     #content-container #content .snippet hr { color: #7f8385; background: #7f8385; border: 0; height: 1px; }
    #content-container #content .snippet-full { width: 310px; }
     #content-container #content .snippet-full img { float: left; margin-right: 12px; }
     #content-container #content .snippet-full hr { width: 160px; }
    #content-container #content .snippet-half { width: 120px; }
    #content-container #content .left-snippets .first, #content-container #content #right-snippets .first { margin-right: 12px; }

/* assortment */
    #content h2.group { font-size: 16px; width: 736px; clear: both; }
    #content div.group { margin: 8px; float: left; width: 158px; min-height: 152px; border: 1px solid #edf0f4; position: relative; cursor: pointer; background: #edf0f4; padding-bottom: 8px; }
    #content div.group:hover { background: #5b92d3; }
    #content div.group:hover a { color: white; }
     #content div.first-group { margin-left: 0; }
     #content div.last-group { margin-right: 0; }
     #content div.group img { display: block; margin: 8px auto; }
     #content div.group h3 { font-size: 11px; margin: 0 8px; }
      #content div.group h3 a { text-decoration: none; color: #626262; }

   /* productdetails */
   x#content .intro { margin: 0; padding: 0; width: 688px; height: 116px; }
    .intro .next-previous-product { margin: 6px 0 0 14px; padding: 0; list-style-type: none; }
     .intro .next-previous-product li { float: left; padding: 0 12px; color: #5b92d3; margin: 0; font-size: 10px; }
      .intro .next-previous-product li.first { padding: 0; }
      .intro .next-previous-product li.divider { color: white; }
      .intro .next-previous-product li.last { border-right: none; }
     .intro .next-previous-product a { color: white; text-decoration: none; }
      .intro .next-previous-product a:hover { text-decoration: underline; }

     .intro .prev-product a, .intro .next-product a { color: white; text-decoration: none; font-size: 10px; }
     .intro .prev-product a:hover, .intro .next-product a:hover { text-decoration: underline; }
     .intro .prev-product { float: left; margin: 6px 0 0 14px; }
     .intro .next-product { float: right; margin: 6px 14px 0 0; }

     #content h1.productdetails { color: white; margin: 0; }
     #content p.productdetails { color: #626262; margin: 0 0 0 200px; text-align: justify; }

     #content .product-details { background: #edf0f4; padding: 12px; margin: 19px 0 0; }
     #content .product-details a { width: 226px; float: left; text-decoration: none; }
      #content .product-details a img { display: block; margin: 0 auto; }
      #content .product-details a .caption b { margin: 0 auto; color: #5b92d3; }
      #content .product-details a .caption { margin: 10px auto; color: #626262; text-align: left; }
      #content .product-details .labels { float: left; width: 126px; display: inline; }
       #content .product-details .labels img { float: left; margin-right: 6px; }
     #content .product-details h2 { margin-left: 250px; font-size: 13px; color: #5b92d3; }
     #content .product-details dl { margin-left: 250px; font-size: 11px; color: #626262; border-bottom: 1px solid white; }
      #content .product-details dt { font-weight: bold; cursor: pointer; border-top: 1px solid white; padding: 6px 0; }
      #content .product-details dt:hover{ color: #5b92d3; }
      #content .product-details dt.active { color: #5b92d3; }
       #content .product-details dt span { float: left; display: block; width: 40px; }
       #content .product-details dt p { display: block; width: 365px; margin: 0 0 0 50px; font-size: 11px; }
      #content .product-details dd { display: none; margin: 0 0 0 40px; padding-bottom: 6px; }
      #content .product-details dd.active { display: block; }
       #content .product-details dd.active ul.specs-bullets { padding: 0 0 0 12px; }
     #content .product-details p { margin-left: 250px; text-align: justify; }
     #content .product-details ol { list-style-type: decimal-leading-zero; margin-left: 250px; }
      #content .product-details ol li { border-top: 1px solid white; }
       #content .product-details ol li h3 { color: #626262; }
       #content .product-details ol li p { color: #626262; }
    #content .product-specs { border: 1px solid #626262; position: relative; clear: both; }
     #content .product-specs ul.tabs { list-style-type: none; padding: 0; margin: 6px 12px 0; height: 16px; position: relative; margin-top: 3px; display: block; }
      #content .product-specs ul.tabs li { float: left; padding: 0 30px; color: #626262; line-height: 24px; }
      #content .product-specs ul li.first { padding-left: 16px; }
     #content .product-specs ul.documentation { list-style-type: none; padding: 0; margin: 6px 12px 0; position: relative; margin-top: 3px; min-height: 72px;}
      #content .product-specs ul.documentation li { position: relative; padding: 0; display: block; float: left; width: 700px; position: relative; margin-bottom: 12px; }
      #content .product-specs ul.documentation li img  { float: left; }
      #content .product-specs ul.documentation li p { margin-left: 125px; }
      #content .product-specs ul li.doc { list-style-type: none; background: url(icons/doc.png) no-repeat; margin: 0; padding-left: 24px; line-height: 21px; }
      #content .product-specs ul li.xls { list-style-type: none; background: url(icons/xls.png) no-repeat; margin: 0; padding-left: 24px; line-height: 21px; }
      #content .product-specs ul li.zip { list-style-type: none; background: url(icons/zip.png) no-repeat; margin: 0; padding-left: 24px; line-height: 21px; }
      #content .product-specs ul li.txt { list-style-type: none; background: url(icons/txt.png) no-repeat; margin: 0; padding-left: 24px; line-height: 21px; }
      #content .product-specs ul li.ppt { list-style-type: none; background: url(icons/ppt.png) no-repeat; margin: 0; padding-left: 24px; line-height: 21px; }
      #content .product-specs ul li.pdf { list-style-type: none; background: url(icons/pdf.png) no-repeat; margin: 0; padding-left: 24px; line-height: 21px; }
      #content .product-specs ul li.unk { list-style-type: none; background: url(icons/file.png) no-repeat; margin: 0; padding-left: 24px; line-height: 21px; }
       #content .product-specs ul li.active a { color: #5b92d3; }
       #content .product-specs ul li a { color: #626262; text-decoration: none; }
       #content .product-specs ul li a:hover { color: #5b92d3; }
      #content .product-specs hr { margin: 0; }
     #content .product-specs table { margin: 0 12px; }
       #content .product-specs table th, #content .product-specs table td { vertical-align: top; }
       #content .product-specs table th { width: 200px; text-align: left; }
        #content .product-specs .specifications, #content .product-specs .order, #content .product-specs .documentation, #content .product-specs .projects { display: none; }
        #content .product-specs .active { display: block; }
        #content .product-specs div.loader { display: none; }
         #content .product-specs .ajax-loader { display: block; margin: 0 auto; }

       #content .product-specs table.order thead tr { color: #5B92D3; }
       #content .product-specs table.order tr.highlight { background: #edf0f4; }
       #content .product-specs table.order .description { width: 650px; }
       #content .product-specs table.order .package { text-align: center; }
       #content .product-specs table.order .artnr { text-align: right; width: 150px; }
       #content .product-specs table.order .price { text-align: right; width: 150px; }
       #content .product-specs table.order .cell_l { text-align: left; }
       #content .product-specs table.order .cell_r { text-align: right; }
       #content .product-specs table.order .cell_c { text-align: center; }

       #content .product-specs ul.projects img { float: left; }
       #content .product-specs ul.projects div { width: 534px; margin-left: 100px; }
        #content .product-specs ul.projects div h3 { margin-top: 0; }
        #content .product-specs ul.projects div table { margin: 0 0 35px; }

/* page options */
#content ul.options { list-style-type: none; float: right; }
 #content ul.options li { float: left; color: #5b92d3; margin-left: 24px; }
 #content ul.options a { color: #5b92d3; text-decoration: none; }

/* right side snippets*/
 #snippets-container { margin-left: 748px; width: 200px; }

/* forms */
 #content #contact_form .intro { margin: 0; }
  #content #contact_form table tr, #content #newsletter_form table tr { background: #edf0f4; }
 #content #contact_form th, #content #newsletter_form th { width: 175px; padding-left: 5px; padding-top: 4px; vertical-align: top; }
 #content #contact_form td, #content #newsletter_form table td { width: 550px; }
 #content #contact_form input, #content #newsletter_form input { margin-right: 12px; }
 #content #contact_form input[name=company], #content #newsletter_form input[name=company] { width: 350px; }
 #content #contact_form input[name=name], #content #newsletter_form input[name=name] { width: 350px; }
 #content #contact_form input[name=surname] { width: 350px; }
 #content #contact_form input[name=email], #content #newsletter_form input[name=email] { width: 350px; }
 #content #contact_form input[name=street] { width: 282px; }
 #content #contact_form input[name=streetnr] { width: 50px; }
 #content #contact_form input[name=zip] { width: 50px; }
 #content #contact_form input[name=city] { width: 282px; }
 #content #contact_form input[name=phone] { width: 350px; }
 #content #contact_form input[name=country] { width: 350px; }
 #content #contact_form th.message { vertical-align: top; position: relative; padding-top: 4px; }

/* sitemap */
.sitemap-left { width: 325px; xbackground: green; float: left; }
.sitemap-right { width: 325px; xbackground: red; margin-left: 12px; float: left; }

.pagination a.selected { font-weight: bold; }

#footer-container { margin: 0 auto; position: relative; text-align: left; width: 960px; }
#footer { position: relative; margin: 24px 0 0 12px; width: 736px; height: 25px; margin-right:215px; }
#footer a { text-decoration: none; }
#footer ul { list-style-type: none; margin:0 0 0 6px; padding: 0; }
#footer .left {  }
 #footer .left li { float: left; border-right: 1px solid #7f8385; color: #7f8385; padding: 0 6px; }
  #footer .left li a { color: #7f8385; }
#footer .right { position: absolute; right: 24px; }
 #footer .right li { float: left; border-right: 1px solid #7f8385; color: #7f8385; padding: 0 6px; }
  #footer .right li a { color: #7f8385; }
 #footer li.last { border-right: none; padding-right: 0; }
 #footer ul.right li.last { position: relative; top: -4px; }

#guidance { position: relative; margin: 0; width: 727px; height: 25px; margin-right:239px; text-align: right; }
 #guidance a { color: #c8c9cb; text-decoration: none; }

 /* lightbox */
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data { padding: 0 10px; color: #808080; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; color: #5b92d3; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnPrint { width: 120px; float: left; }
#lightbox-secNav-btnPrint img { margin: 0.5em 0.5em 0 0; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.5em; }