/*=====================================================================
 * Filename: style.css
 * Website: www.optimed.de
 * Author: www.visualacting.de
 * Media: Screen, Projection
 * Version: 1.0, 20/01/2010
 *=====================================================================*/

/* jQZoom Evolution */
@import url("jqzoom.css");
/* @font-face {font-family:handel;src: url('http://www.opti-med.de/fileadmin/project/opti-med.de/templates/fonts/HandelGothicCom-Medium.ttf') format("truetype");} */
@font-face {
    font-family: 'handel';
    src: url('../fonts/new/handelgothiccom-medium-webfont.eot');
    src: url('../fonts/new/handelgothiccom-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/new/handelgothiccom-medium-webfont.woff') format('woff'),
         url('../fonts/new/handelgothiccom-medium-webfont.ttf') format('truetype'),
         url('../fonts/new/handelgothiccom-medium-webfont.svg#handel_gothic_commedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen, projection {
  /* -------------RESET--------------- */
  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0}
  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{vertical-align:baseline}
  html[xmlns^="http"]{overflow-y:scroll}
  body{background-color:rgb(217,231,234)}
  :focus{outline:0}
  ul,ol{list-style:none;list-style-type:none}
  table{border-collapse:separate;border-spacing:0}
  caption,th,td{text-align:left;font-weight:400}
  blockquote:before,blockquote:after,q:before,q:after{content:""}
  blockquote,q{quotes:"" ""}
  a,a:link,a:visited,a:hover{text-decoration:underline;color:#000}
  .anker a,.anker a:link,.anker a:visited,.anker a:hover{text-decoration:none;color:#00627B}
  a:active,a:focus,input{outline:none}
  sup{position:relative;bottom:0.3em;vertical-align:baseline}
  sub{position:relative;bottom:-0.2em;vertical-align:baseline}
  acronym,dfn,abbr{cursor:help;border-bottom:1px dashed}
  del{text-decoration:line-through}
  a abbr,a acronym{border:none}
  cite,em,dfn,i{font-style:italic}
  ins,dfn{border-bottom:1px solid #ccc}
  code,kbd,samp,pre,tt,var{font-size:100%;font-family:monaco, "Lucida Console", courier, mono-space}
  a img,img,img,iframe{border:none;text-decoration:none}

  /* -------------BASIC--------------- */
  html, body { height:100%; }
  html {font-size:100%}
  body {font:75%/1.5 Arial,'Helvetica Neue',Helvetica,sans-serif;color:#58595A}/*3369a9*/
  li li, li p, td p, blockquote p {font-size:1em}
  input, select, th, td {font-size:1em}
  strong, b {font-weight:bold}
  em, i {font-style:italic}
  a, a:link, a:visited, a:active {background-color:transparent;text-decoration:underline;color:#00627B}
  a:hover {text-decoration:none}
  th {font-weight:bold}
  .hr hr {display:none}
  .hr {background:#999;padding:0;height:1px;overflow:hidden;margin:10px 0}
  ::-moz-selection {background:#00627B;color:#fff}
  p {font-weight:300;padding:0 0 .833em}
  table {margin-bottom:.833em}
  th {font-weight:bold}
  tr,th,td {margin:0;padding:.167em .333em .167em .333em;vertical-align:top}
  tfoot {font-style: italic; }
  caption {text-align:center; font-family:Georgia,serif}  
  
  /* GLOBAL CSS */
  .clear{clear:both;overflow:hidden;line-height:0}.fl{float:left!important}.fr{float:right!important}.fn{float:none!important;font-weight:300}.di{display:inline}.dn{display:none}.db{display:block}.pa{position:absolute}.pr{position:relative}.nm{margin:0!important}.nmr{margin-right:0!important}.nml{margin-left:0!important}.nmt{margin-top:0!important}.nmb{margin-bottom:0!important}.np{padding:0!important}.npr{padding-right:0!important}.npl{padding-left:0!important}.npt{padding-top:0!important}.npb{padding-bottom:0!important}.txtl{text-align:left}.txtr{text-align:right}.txtc{text-align:center}.txtj{text-align:justify}.wauto{width:auto !important}.w100p{width:100%}.w75p{width:75%}.w67p{width:67%}.w66p{width:66%}.w50p{width:50%}.w34p{width:34%}.w33p{width:33%}.w25p{width:25%}.fb{font-weight:700}.fi{font-style:italic}.fu{border-bottom:1px solid}.img-left{float:left;margin:4px 15px 4px 0}.img-right{float:right;margin:4px 0 4px 15px}
  .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix {display: inline-block}
  .cf:before,.cf:after {content: " ";display: table;}
  .cf:after {clear: both;}
  /* Hides from IE-mac \*/
  * html .clearfix {height:1%}
  .clearfix {display:block}
  /* End hide from IE-mac */
  .grey {color:#707173} 
  .blue {color:#00627B} 
  .black {color:#000} 
  
  p.fs10 {font-size:.833em}
  p.fs11 {font-size:.917em}

  /* -------------PRINT---------------- */
  .logo-print,.inpdf {display:none}

  /* -------------PAGE-WRAP------------ */
  .page-wrap {margin:0 auto 0;width:1020px;min-height:100%;padding:10px 30px 0;background:white;box-sizing:border-box;}
  .page-wrap:before,
  .page-wrap:after {content: " ";display: table;}
  .page-wrap:after {clear:both}
  
  /* -------------HEADER--------------- */
  .header {position:relative;height:119px}
  
    /* -------------LOGO----------------- */
    .header h1 {position:absolute;left:0;top:0}
    
    /* -------------SEARCH----------------- */
    .search {position:absolute;right:0;top:0;width:125px}       
    .search input {float:left;display:inline;width:98px;background:none;border:1px solid #e4e5e6;color:#000;padding-left:2px} 
    .search button {float:left;display:inline;width:11px;height:12px;background:url('../images/bg-search-btn.png') no-repeat;border:none;padding:0;margin:3px 7px 0 0}
    
    .countries {position:absolute;right:140px;top:0;width:80px}
    .countries a,.countries a:visited {color:#707173;text-decoration:none}
    .countries a:hover {color:#00627B}
    
    .search-product {float:left;width:246px;border:2px solid #EDEDEE;padding:10px}    
    .search-product h2 {margin-bottom:15px}
    .search-product input {float:left;display:inline;width:98px;background:none;border:1px solid #e4e5e6;color:#e4e5e6;padding-left:2px} 
    .search-product button {float:left;display:inline;width:11px;height:12px;background:url('../images/bg-search-btn.png') no-repeat;border:none;padding:0;margin:3px 7px 0 0}
        
    /* -------------NAVI----------------- */
    
      /* HOME */  
      ul.home {position:absolute;left:0;bottom:3px}
      ul.home li {float:left;display:inline}
      ul.home li a,ul.home li a:visited {font-weight:700;text-decoration:none;text-transform:uppercase}     
      
      /* MAINNAVI */  
      .menu {position:absolute;right:160px;bottom:3px}
      .menu li{display:block;float:left;position:relative;z-index:5}
      .menu li:hover{z-index:10000;white-space:normal}
      .menu li li{float:none}
      .menu ul{visibility:hidden;position:absolute;z-index:10;left:0;bottom:0}
      .menu li:hover>ul{visibility:visible;bottom:100%}           
      .menu:after,.menu ul:after{content:".";height:0;display:block;visibility:hidden;overflow:hidden;clear:both}
      .menu,.menu ul{min-height:0}
      .menu ul{background-image:url('../images/empty.gif');width:11em;margin:0 0 -10px -30px;padding:30px 30px 10px 29px}
      .menu ul ul{margin:0 0 -30px -10px;padding:30px 30px 30px 10px}
      .menu,.menu ul li{color:#eee}
      .menu a{text-decoration:none;color:#eee;display:block;position:relative;padding:0 1em}
      .menu li li{border:1px solid #fff}
      .menu ul>li + li{border-top:0}
      .menu li li:hover>ul{bottom:5px;left:90%}           
      .menu li a,ul.menu li a:visited {display:block;color:#78797b;font-weight:700;text-decoration:none}      
      .menu li a:hover ,.menu li a.active{text-decoration:none;color:#00627B!important}
      .menu li li a,ul.menu li li a:visited {overflow:hidden;paddding:0}
      .menu li li a:hover {color:#00627B;text-decoration:none}
      
    /* -------------SUBHEADER--------------- */
    .subheader {position:relative;float:left;width:960px;z-index:5;}
    /*.subheader {height:400px;background:url('../images/dummy/home.jpg') no-repeat}*/
    .subheader {height:400px;background:no-repeat}
    .subheader.with-slider{height:auto;background:none}
    .subheadersmall {height:174px}
    
      /* -------------ICONS--------------- */
      .products {position:absolute;right:15px;top:15px;z-index:7}     
      .products ul li {position:relative;float:left;display:inline;margin-left:10px}
      
      /* -------------BLUE-BOX--------------- */
      .box-blue{position:absolute;right:0;bottom:-25px;width:440px;height:80px;z-index:8;padding:40px 0 40px 40px}
      .box-blue{background:url('../images/bg-blue-box-top.png') no-repeat}
      .box-blue h2,.box-blue p {color:#fff}
      .box-blue h2 {font-size:2em}
      .box-blue p {font-size:1.5em;line-height:1.1}

      .box-blue-small{position:relatve;overflow:hidden;height:70px;padding:30px 0 10px 30px;width:240px}
      .box-blue-small h1{font-size:1.5em;margin-bottom:10px;color:#fff}
      .box-blue-small h2{font-size:1.3em;margin-bottom:10px;color:#fff}
      .box-blue-small p{font-size:1em;line-height:1.3}

      /* -------------Common Box--------------- */
      .box-header{bottom:-50px;height:148px;overflow:hidden;position:relative;right:-667px;width:293px;z-index:8}
      .box-header-common{background:url('../images/background/header/Box_Allgemein.png') no-repeat}
      .box-header-gastro{background:url('../images/background/header/Box_Gastro.png') no-repeat}
      .box-header-minimalinvasiv{background:url('../images/background/header/Box_Minimalinvasiv.png') no-repeat}
      .box-header-spine{background:url('../images/background/header/Box_Spine.png') no-repeat}
      .box-header-urology{background:url('../images/background/header/Box_Urologie.png') no-repeat}
      .box-header-vascular{background:url('../images/background/header/box_Vascular.png') no-repeat}

      .box-header-content{padding:20px 10px 0 25px;color:#fff}
      .box-header-content h1{font-size:1.6em;margin-bottom:0px;color:#fff;line-height:1.5em;font-weight:500}
      .box-header-content h2{font-size:1.4em;margin-bottom:10px;color:#fff;line-height:1.3em;font-weight:500}
      .box-header-content h3{font-size:1.2em;margin-bottom:10px;color:#fff;line-height:1.1em;font-weight:500}
      .box-header-content h4{font-size:1.0em;margin-bottom:10px;color:#fff;line-height:0.9em;font-weight:500}
      .box-header-content blockquote,
      .box-header-content p{font-size:1em;line-height:1.3;margin:5px 0 0 0;padding:0}
  
  /* -------------CONTENT-------------- */  
  .content-wrapper {position:relative;width:100%;float:left;padding:10px 0 20px;z-index:4;background-color:white;}

    /* BREADCRUMB */
    .breadcrumb{float:left;display:inline;margin:0 0 15px 0}
    .breadcrumb ul{list-style-type:none;margin:0;padding:0;line-height:normal} /* reset */
    /*.breadcrumb ul {margin-bottom:10px}*/
    .breadcrumb li {float:left;display:inline;margin:0 3px 0 0;padding:0;background:none}
    .breadcrumb li a,.breadcrumb li a:visited {color:#6d6d6d;text-decoration:none}
    .breadcrumb li a:hover {text-decoration:underline}
    .breadcrumb li a.active{color:#00627B}
  
    .content {position:relative;float:left;width:432px;padding:0 40px}
    .fullwidth {width:650px;padding:0 40px 0 0}   
    
    /* SUBCONTENT */
    .subcontent {position:relative;float:left;padding-bottom:40px}/*margin-top:20px*/
    .subcontent .product-menu {float:left}
    .subcontent .content {width:392px;padding-left:80px}
    
    /* BOXES */
    .box {position:relative;float:left;margin-bottom:20px}
    
  
    /* HEADINGS */
    h1,h2,h3,h4,h5,h6 {font-weight:700;font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;color:#00627B}
    h1{font-size:1.5em;margin-bottom:.278em;line-height:1.1} /* font-size:18px;margin-bottom:5px */
    h2{font-size:1.333em;margin-bottom:.25em;line-height:1.1} /* font-size:16px;margin-bottom:4px */
    h3{font-size:1.25em;margin-bottom:.2em;line-height:1.1} /* font-size:15px;margin-bottom:3px */
    h4{font-size:1.167em;margin-bottom:.214em;line-height:1.1} /* font-size:14px;margin-bottom:3px */
    h5,h6{font-size:1em;margin-bottom:.25em;line-height:1.1} /* font-size:12px;margin-bottom:3px */
  
    /* LIST ELEMENTS */
    .content ul,.content ol {margin:0 0 .833em .833em;line-height:1.7;padding:0}
    .content ul li ul,.content ol li ol {font-size:1em}
    .content ul li ul li ul,.content ol li ol li ol {font-size:1em}
    .content ul li ul li ul li ul,.content ol li ol li ol li ol {font-size:1em}
    .content ul ul,.content ol ol {margin-bottom:0;padding-bottom:0}
    .content ul li {position:relative;background:url('../images/icons/list-disc.png') 0 8px no-repeat;padding-left:1.25em}
    .content ol{list-style-type:decimal}
    .content ol li {list-style-position:inside}
    .content ul:last-child,.content ol:last-child {margin-bottom:0}
  
  /* -------------TYPO3 EXTENSIONS---------- */
    
    /* INDEXED_SEARCH */
    .csc-sword {padding:2px;color:#fff;background:#00627B}
    
  
  /* -------------SUB-CONTENT---------- */
  
  /* -------------SIDEBAR-------------- */
  .sidebar-left {float:left;width:178px} 
  .sidebar-right {position:relative;float:left;width:250px}
  
    /* PRODUCT FULL WIDTH */
    .product,.fullcontent {padding:0 0 40px 40px;width:722px}
    
    .product ul {list-style-type:none;margin:0;padding:0;line-height:1.5} /* reset */
    .product ul li {margin:0;padding:0;background:none;list-style-position:outside} /* reset */
    
    .product .product-info ul li,.description ul li{background:url(../images/icons/list-disc.png) no-repeat 2px 5px;padding-left:1.25em;color:#000}
    .description,.product-info{clear:both;color:#000}
    .description ul,.product-info ul{padding:2px 0 15px 0}
    .description p,.product-info p{padding:0}
    #image-description .description,
    #image-description .description p,
    #image-description #current-description p,
    #image-description #current-description ul li
    {padding:0;color:#6D6D6D !important;font-style: italic;margin-bottom:3px}
    
    #current-description ul li{background:url("../images/icons/list-disc-product-image-description.png") no-repeat scroll 2px 5px;color:#000;padding-left:1.25em;padding:0 0 0 1.25em !important}
  
    /* PRODUCT SUB */
    .product-sub {position:relative;margin-bottom:10px}
    .product-sub h2 {position:relative;font-size:1em;color:#707173;background:url(../images/icons/arrow-right-products.gif) no-repeat 0 3px;padding-left:12px}
    .product-sub .submenu {border:1px solid #EDEDEE;padding:10px 0 0 10px;margin-bottom:10px}
    .product-sub .submenu {border-left:12px solid #6C8857}
    .product-sub .submenu ul {list-style-type:none;margin:0;padding:0} /* reset */
    .product-sub .submenu ul li {margin:0 0 3px 0;padding:0;background:none} /* reset */    
    .product-sub .submenu ul li a {zoom:1;position:relative;color:#707173;line-height:1.6;background:url(../images/icons/arrow-right-products.gif) no-repeat left center;padding-left:13px;text-decoration:none}
    .product-sub .submenu ul li a:hover {color:#00627B;background:url(../images/icons/arrow-right.gif) no-repeat left center}
    .product-sub .submenu ul ul {margin-left:30px}
    .np {padding:0}
    .np a.zoom {overflow:hidden}
    .thumb img {position:relative;overflow:hidden;display:block;width:419px}

    /* Common */
    .vask p,
    .gast p,
    .uro p,
    .art p,
    .veno p {
      color:#000;
    }

    /* BREADCRUMB PRODUCT */
    .breadcrumb-product {float:left;width:737px;padding:3px 0 3px 5px;margin-bottom:10px;color:#fff}
    .breadcrumb-product a,.breadcrumb-product a:visited{color:#fff;text-decoration:none}
    .breadcrumb-product a:hover{color:#fff;text-decoration:underline}

    .bc-inner-left{float:left;width:367px}
    .bc-inner-right{float:left;width:368px}
    .bc-inner-right ul{float:right}
    .bc-inner-right ul li{float:left;display:inline;margin-right:8px}

    /* PRODUCT DETAILS */
    .product-desc {float:left;width:742px;margin-bottom:10px}
    .product-desc h2.product-name {float:left;color:#00627B;font-family:handel;font-size:21px;font-weight:bold;width:742px}
    .product-desc ul {width:408px;margin-top:5px}
    .product-desc ul li{display:inline;margin:0 8px 0 0;float:left}
    .product-desc ul li a.pr-info-table{width:40px;height:40px;background:url('../images/icons/pr-info-table.png') no-repeat 50% 0}
    .product-desc ul li a.pr-print{width:40px;height:40px;background:url('../images/icons/pr-print.png') no-repeat 50% 0}
    .product-desc ul li a.pr-movie {width:65px;height:30px;background:url('../images/icons/pr-movie.png') no-repeat 50% 0;padding-top:32px}
    .product-desc ul li a.pr-case-report {width:65px;height:30px;background:url('../images/icons/pr-case-report.png') no-repeat 50% 0;padding-top:32px}
    .product-desc ul li a.pr-brochure {width:65px;height:30px;background:url('../images/icons/pr-brochure.png') no-repeat 50% 0;padding-top:32px}
    .product-desc ul li a.pr-instructions {width:107px;height:30px;background:url('../images/icons/pr-instructions.png') no-repeat 50% 0;padding-top:32px}
    .product-desc ul li a, .product-desc ul li a:visited{display:block;text-align:center;font-size:.833em;color:#000;text-decoration:none}
    .product-desc ul li a.last {margin-right:0}
    
    /* Product info icons */
    .product-desc {float:left;width:742px;margin-bottom:10px}
    .product-desc h2.product-name {float:left;color:#00627B;font-family:handel;font-size:21px;font-weight:bold;width:100%}
    .product-desc ul {width:408px;margin-top:5px}
    .product-desc ul li{display:inline;margin:0 8px 0 0;float:left}
    .product-desc ul li a{padding-top:30px;line-height:12px}
    .product-desc ul li a.pr-info-table{width:80px;height:40px;background:url('../images/icons/pr-info-table.png') no-repeat 50% 0}
    .product-desc ul li a.pr-print{width:80px;height:40px;background:url('../images/icons/pr-print.png') no-repeat 50% 0}
    .product-desc ul li a.pr-movie {width:40px;height:40px;background:url('../images/icons/pr-movie.png') no-repeat 50% 0}
    .product-desc ul li a.pr-case-report{width:80px;height:40px;background:url('../images/icons/pr-case-report.png') no-repeat 50% 0}
    .product-desc ul li a.pr-brochure {width:65px;height:30px;background:url('../images/icons/pr-brochure.png') no-repeat 50% 0}
    .product-desc ul li a.pr-instructions{width:107px;height:30px;background:url('../images/icons/pr-instructions.png') no-repeat 50% 0}
    .product-desc ul li a, .product-desc ul li a:visited{display:block;text-align:center;font-size:.833em;color:#000;text-decoration:none}
    .product-desc ul li a.last {margin-right:0}

    .product-container{float:left;display:inline;width:100%;padding:10px 0 0 0;margin-bottom:15px;min-height:265px}
    .img-large{float:left;display:inline;width:370px;height:auto;padding-right:11px}
    .img-thumbs{float:left;display:inline;width:329px;padding-left:11px}
    .img-thumbs ul li{float:left;display:inline;margin:0 11px 11px 0}
    .img-thumbs ul li.last{margin-right:0}
    .img-thumbs ul li img{display:block;height:78px;width:98px}

    .product-info{clear:both;color:#000;margin-bottom:15px;line-height:1.4}

    .product-info-icons{width:420px;float:left}
    .product-info-icons ul{margin-top:0}
    .product-supplements{float:right;width:320px;margin-bottom:10px}
  
    .table-description-n-ean-switch{width:742px}

    .table-description{float:left;width:560px;color:#00627B;font-family:handel;font-weight:800;font-size:1.1em}
  
    .table-info {float:right}
    .table-info h4{float:left;width:560px;margin:0 0 2px 0;color:#000;font-size:1em} 
    .table-info a,.table-info a:visited{color:#000;text-decoration:none}
    .table-info ul{float:right;width:180px}
    .table-info ul li{float:left;display:inline;margin-right:3px}
    .table-info a.arrow-right,.table-info a.arrow-left{display:block;background:url('../images/icons/arrow-right.png') no-repeat right center;padding-right:12px}
    .table-info a.arrow-right:hover{background:url('../images/icons/arrow-right-active.png') no-repeat right center}
    .table-info a.arrow-left{background:url('../images/icons/arrow-left.png') no-repeat left center;padding-left:12px}
    .table-info a.arrow-left:hover{background:url('../images/icons/arrow-left-active.png') no-repeat left center;padding-left:12px}
    .table-info a.active-left{background:url('../images/icons/arrow-left-active.png') no-repeat left center}
    .table-info a.active-right{background:url('../images/icons/arrow-right-active.png') no-repeat right center}

    #table-section{width:100%}
  
    .vask .breadcrumb-product{background:#C3D0E8}
    .vask .product-container {border-top:2px solid #C3D0E8;border-bottom:2px solid #C3D0E8}
    .vask .img-thumbs ul li img {border:2px solid #C3D0E8}
    .gast .breadcrumb-product{background:#CBD5C2}
    .gast .product-container {border-top:2px solid #CBD5C2;border-bottom:2px solid #CBD5C2}
    .gast .img-thumbs ul li img {border:2px solid #CBD5C2}
    .uro .breadcrumb-product{background:#F5E6AC}
    .uro .product-container {border-top:2px solid #F5E6AC;border-bottom:2px solid #F5E6AC}
    .uro .img-thumbs ul li img {border:2px solid #F5E6AC}
    .zub .breadcrumb-product{background:#C6C7C9}
    .zub .product-container {border-top:2px solid #C6C7C9;border-bottom:2px solid #C6C7C9}
    .zub .img-thumbs ul li img {border:2px solid #C6C7C9}
    .vert .breadcrumb-product{background:#CEB59F}
    .vert .product-container {border-top:2px solid #CEB59F;border-bottom:2px solid #CEB59F}
    .vert .img-thumbs ul li img {border:2px solid #CEB59F}
    .art .breadcrumb-product{background: #E96F6F;}
    .art .product-container {border-top:2px solid #E96F6F;border-bottom:2px solid #E96F6F}
    .art .img-thumbs ul li img {border:2px solid #E96F6F}
    .veno .breadcrumb-product{background: #C0AFF2;}
    .veno .product-container {border-top:2px solid #C0AFF2;border-bottom:2px solid #C0AFF2}
    .veno .img-thumbs ul li img {border:2px solid #C0AFF2}
    .emda .breadcrumb-product{background: #F3E2A9;}
    .emda .product-container {border-top:2px solid #F3E2A9;border-bottom:2px solid #F3E2A9}
    .emda .img-thumbs ul li img {border:2px solid #F3E2A9}

    table.product-pack {float:right;border-spacing:2px}
    table.product-pack td.colored {width:20px;text-align:center}
    table.product-pack td {color:#000}

    div.vask table.product-pack td.colored {background:#C3D0E8}
    div.gast table.product-pack td.colored {background:#CBD5C2}
    div.uro table.product-pack td.colored {background:#F5E6AC}
    div.vert table.product-pack td.colored {background:#CEB59F}
    div.zub table.product-pack td.colored {background:#C6C7C9}
    div.art table.product-pack td.colored {background:#E96F6F}
    div.veno table.product-pack td.colored {background:#C0AFF2}
    div.emda table.product-pack td.colored {background:#F3E2A9}

    table.product-related td {padding-right:10px}
    table.product-related span.perfect {display:block;font-weight:700;color:#00627B;padding:9px 0;background:url('../images/icons/perfect.png') no-repeat left center;padding-left:45px;text-decoration:none} 
    table.product-related span.download {display:block;font-weight:700;color:#00627B;padding:9px 0;background:url('../images/icons/download.png') no-repeat left center;padding-left:45px;text-decoration:none}

    table.product-related ul.related {margin-top:5px}
    table.product-related ul.related li {margin-bottom:3px}       
    table.product-related ul.related li a,table.product-related ul.related li a:visited {background:url('../images/icons/arrow-list.png') no-repeat left center;padding-left:17px;text-decoration:none}
    table.product-related ul.related li a:hover {text-decoration:underline}
    
    table.product-related ul.down {margin-top:5px}
    table.product-related ul.down li {list-style-type:square;margin-left:13px}
    table.product-related ul.down li a,table.product-related ul.down li a:visited {text-decoration:none}
    table.product-related ul.down li a:hover {text-decoration:underline}
        
          
        
    
    /* PRODUCT SUB DETAILS */
    table.product-details {margin:0;border-spacing:2px;width:100%;margin-top:10px}
    table.product-details td,table.product-details th {background:#EDEDEE;text-align:center;color:#000}

    table.product-details tr.tdgast td{background:#CBD5C2}
    table.product-details td.tdgast{background:#CBD5C2}

    table.product-details tr.tdvask td{background:#C3D0E8}
    table.product-details td.tdvask{background:#C3D0E8}

    table.product-details tr.tduro td{background:#F5E6AC}
    table.product-details td.tduro{background:#F5E6AC}

    table.product-details tr.tdzub td{background:#C6C7C9}
    table.product-details td.tdzub{background:#C6C7C9}

    table.product-details tr.tdvert td{background:#CEB59F}
    table.product-details td.tdvert{background:#CEB59F}

    table.product-details tr.grey td, table.product-details td.grey{background:#D0D3D3}

  
    /* BOX SIDEBAR */   
    .img {width:260px}
    .img .inner-img {position:relative;border-left:10px solid #4060a5;overflow:hidden}
    .img span.caption {display:block;margin-top:3px;color:#707173}
  
  
  /* -------------FOOTER--------------- */
  .footer {clear:both}
          
    /* FOOTER-INNER */
    .footer-inner {float:left;width:100%;margin-bottom:10px}

    /* MENUS */
    ul.service {float:right;display:inline}
    ul.sitemap {float:left;display:inline;margin-left:213px}  
    
      /* SITEMAP */
      ul.sitemap li {float:left;display:inline;border-left:1px solid #C6C7C9;line-height:1}
      ul.sitemap li a,ul.sitemap li a:visited {display:block;padding:0 6px;color:#C6C7C9;text-decoration:none}
      ul.sitemap li a:hover {text-decoration:underline}
      ul.sitemap li.first {border-left:none}
      
      /* SERVICE */
      ul.service li {float:left;display:inline}
      ul.service li a, ul.service li a:visited {display:block;color:#00627B;text-decoration:none;margin-left:7px}
      ul.service li a:hover {text-decoration:underline}
      ul.service li.print a {position:relative;background:url(../images/icons/print.png) no-repeat 0 4px;padding-left:16px}
      ul.service li.suggest a {position:relative;background:url(../images/icons/suggest.png) no-repeat 0 6px;padding-left:23px}
  
  
  /* -------------FORM----------------- */
  form {display:inline}
  form label {cursor:pointer}
  fieldset {border:none}
  input,select,textarea,button {font-size:100%;font-family:inherit;color:#4f4a4a}
  textarea {line-height:1.25}
  button {cursor:pointer;width:auto;overflow:visible} 

  /* ERROR FORM */
  .errormessage {border:1px solid #cccccc; background:#f1f1f1;padding:10px;margin-bottom:15px}
  .error {background:#ccc!important;color:#000}

  /* FORM FORMAT */
  .form ol,.form ul {list-style-type:none;margin:0;padding:0} /* reset */
  .form ol li,.form ul li {margin:0 0 .3em 0;padding:0;background:none} /* reset */

  .form label{float:left;width:110px} 
  .form select{}
  .form input{width:320px;padding:2px;background:#fff;border:1px solid #ccc}
  .form textarea{width:320px;height:120px;background:#fff;border:1px solid #ccc;padding:2px}

  /* CSS2.x */
  .form input.checkbox {width:auto;margin:0;padding:0;border:none}
  .form input.radio {width:auto;margin:0;padding:0;border:none}
  .form input.submit {width:auto;margin:0 0 0 110px;padding:2px 8px;overflow:visible/*ie6*/}  

  /* CSS3 */
  input[type=checkbox] {width:auto;margin:0;padding:0}
  input[type=radio] {width:auto;margin:0;padding:0}
  input[type=submit] {width:auto;margin:0 0 0 110px;padding:2px 8px}  

  .form button {background:#fff;border:1px solid #ccc;padding:2px 8px;margin:0 0 10px 110px;line-height:normal/*ie6*/}  

  /* CSS3 BORDER-RADIUS */
  .form select,.form button,.form input,.form textarea {/*-moz-border-radius:3px;-webkit-border-radius:3px;border-radius: 3px*/}

  input[type=text]:focus,input[type=password]:focus,textarea:focus {background:#fff}
  
  
  .sidebar-right .form input{width:255px}
  .sidebar-right .form textarea{width:255px}
  
  
  /*GOOGLEMAPS*/
  #googlemap{width:392px;height:392px;margin-top:10px}
  
  #current-description{color:#707173;display:block;margin-bottom:10px}
  #current-description p{padding:0 0 0 0}
  
  /* File Links */
  .csc-uploads-1 .csc-uploads-fileName p{padding:0}
  
  /* Product labels */
  span.label-new{color:red;font-weight:700;text-transform:uppercase}
  
  .news-list-item{margin-bottom:10px;padding:5px;clear:left;display:block;height:130px}
  .news-list-item a img{display:block;float:left;margin-right:10px}
  .news-list-browse .disabledLinkWrap,.news-list-browse a{margin:0 3px}
  
  .txtmenu_container,.textpic_container,.text_container{margin-bottom:20px}
  
  .overlay-box{
    display:none;
    z-index:10000;
    background-color:#fff;
    border:1px solid #104594;
    width:675px;  
    min-height:180px;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    padding:15px
  }
  .overlay-box .close{
    background-image:url(../images/slider/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
  }
  .haendler-top{
    position:absolute;
    right:210px;
    top:0;
    width:80px;
  }
  .haendler-top a{
    color: #707173;
    text-decoration: none;
  }
}

/* new products menu */
.products-menu { position: relative; box-sizing: border-box; width: 100%; max-width: 178px; }
.products-menu * { box-sizing: inherit; }
.products-menu .products-menu ul { margin: 0; padding: 0; list-style: none; }
.products-menu .products-menu__title { margin-bottom: 0.625em; color: #707173; font-size: 1em; }
.products-menu .products-menu__list { position: relative; }
.products-menu .products-menu__item { margin: 0 0 3px; padding: 0; }

.products-menu .products-menu__item.vask { border-left: 12px solid #c3d0e8; }
.products-menu .products-menu__item.vask:hover,
.products-menu .products-menu__item.vask.active { border-color: #6795ca; }
.products-menu .products-menu__item.gast { border-left: 12px solid #cbd5c2; }
.products-menu .products-menu__item.gast:hover,
.products-menu .products-menu__item.gast.active { border-color: #6c8857; }
.products-menu .products-menu__item.uro { border-left: 12px solid #f5e6ac; }
.products-menu .products-menu__item.uro:hover,
.products-menu .products-menu__item.uro.active { border-color: #e9cd47; }
.products-menu .products-menu__item.vert { border-left: 12px solid #ceb59f; }
.products-menu .products-menu__item.vert:hover,
.products-menu .products-menu__item.vert.active { border-color: #8a603b; }
.products-menu .products-menu__item.zub { border-left: 12px solid #c6c7c9; }
.products-menu .products-menu__item.zub:hover,
.products-menu .products-menu__item.zub.active { border-color: #818488; }
.products-menu .products-menu__item.art { border-left: 12px solid #E96F6F; }
.products-menu .products-menu__item.art:hover,
.products-menu .products-menu__item.art.active { border-color: #900909; }
.products-menu .products-menu__item.veno { border-left: 12px solid #C0AFF2; }
.products-menu .products-menu__item.veno:hover,
.products-menu .products-menu__item.veno.active { border-color: #532F86; }
.products-menu .products-menu__item.emda { border-left: 12px solid #F3E2A9; }
.products-menu .products-menu__item.emda:hover,
.products-menu .products-menu__item.emda.active { border-color: #FAAC58; }

.products-menu .products-menu__item-link { position: relative; display: block; padding-left: 5px; width: 100%; line-height: 22px; border: 1px solid #ededee; border-left: none; color: #707173; text-decoration: none; }
.products-menu .products-menu__floating { z-index: 1; position: absolute; top: 0; left: 100%; display: none; margin: 0; padding: 0 10px 10px 20px !important; width: 782px; min-height: 100%; border: 1px solid #a09d9a; background-color: #d9e7ea; }
.products-menu .products-menu__item:hover .products-menu__floating { display: block; } 
.products-menu .products-menu__item.is_page:hover .products-menu__floating { display: none; }
.products-menu .products-menu__floating-item { position: relative; float: left; display: inline-block; padding-right: 10px; width: 33%; }
.products-menu .products-menu__floating-item-title { margin: 10px 0 0; padding: 0; color: #00627b; }

.product-list {} 
.product-list .product-list__item { position: relative; padding-left: 8px; } 
.product-list .product-list__item:before { content: "▪"; position: absolute; top: 0; left: 0; } 
.product-list .product-list__product { position: relative; display: block; text-decoration: none; color: #000; }
.product-list .product-list__product:hover { font-weight: bold; }
.product-list .product-list__product:hover .product-preview { display: block; }

.product-preview { z-index: 1; position: absolute; top: 0; left: 100%; display: none; }

/* optimed slider */
.optimed-slider img { display: block; width: 100%; height: auto; }
.optimed-slider .owl-buttons { display: none; }
.optimed-slider .owl-controls { position: absolute; bottom: 10px; left: 10px; }
.optimed-slider .owl-pagination .owl-page { float: left; display: block; margin-right: 5px; width: 10px; height: 10px; border-radius: 100%; background-color: #fafafa; }
.optimed-slider .owl-pagination .owl-page.active { background-color: #00627b; }
.optimed-slider__item { position: relative; }
.optimed-slider__text { position: absolute; top: 170px; right: 30px; margin: 0; padding: 0; width: 300px; color: #fff; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; text-align: center; }

table.event-table tr:nth-child(even) td{background: rgb(243, 241, 241) none repeat scroll 0% 0%;}

.product-popup-wrap{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.7); /*dim the background*/
  display:none;
}
.product-popup{
  background:url(../images/background/MedizinischeFachkreise.png) no-repeat;
    /* some styles to position the modal at the center of the page */
    position: fixed;
    top: 50%;
    left: 50%;
    width: 223px;
/*     line-height: 200px; */
    height: 340px;
    margin-left: -150px;
    margin-top: -100px;
    padding:0 5px;
/*     background-color: #f1c40f; */
/*     text-align: center; */
  
    /* needed styles for the overlay */
    z-index: 10; /* keep on top of other elements on the page */
/*     outline: 9999px solid rgba(0,0,0,0.5); */
}
.product-popup p{
    margin-top:135px;
    color:#fff;
    text-align:center;
    font-size: 1.1em;
}
.product-popup p strong{
    font-size: 1.2em;
    font-weight:500;
}
.product-popup a{
  position: absolute;
  bottom: 19px;
  text-decoration: none;
  font-size: 1.7em;
  left: 44px;
  width: 65px;
  text-align: center;
}
.product-popup a.no{
  left: 125px;
}
.page-6 .csc-textpic-text{
  display: inline-block;
  padding: 10px 0px 10px 210px; 
}
.csc-textpic-text{
  padding: 0px;
}
.page-6 .csc-textpic img{
  position: absolute;
}
.subheader img{
  display: none;
  }