@charset "UTF-8";
/* CSS Document */
/* Globale Styles */
* {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  background: transparent url(../img/header_bg.gif) left top repeat-x;  
      outline-color: transparent !important;
      outline-width: 0;
}

#homelink {
      width: 330px;
      height: 40px;
      text-indent: -1000px;
      position: absolute;
      left: 50px;
      top: 27px;
}

p, li, dd, dt, th, td, blockquote, fieldset, label {
      font-size:75%;
      line-height: 145%;
}

#contentFrame p, #contentFrame ul { 
  margin-bottom: 1em;
}

#contentFrame p {
  margin-bottom: 1.5em;
}

/* prevent Cascading Font-Size MSIE */
li ul li, table table td, table table th, fieldset label {
      font-size: 100% !important;
}

p {
  margin: 0;
  margin-bottom: 0.5em;
}

img {
  border: none;
}

br {
  height: 10px;
}

h1, h2, h3, h4, h5, h6, legend {
    color: #013476;
}

h1 {
    font-weight: bold;
    font-size: 112.5%;
    margin-bottom: 20px;
}

div.csc-header h1 {
    padding-left: 0px;
}

div.csc-header h4 {
   margin-bottom: 1em; 
}


h2 {
    font-size: 87.5%;
    /* color: #000; */
    margin-bottom: 1.5em;
}

h2.sectionheader,
h3.sectionHeader,
.csc-header h3 {
    font-size: 62.5%;
    color: #013476;
    text-transform: uppercase;
    margin: 4em 0 0.5em 0;
    border-bottom: 1px solid #D9D9D9;
}

h3 {
    font-size: 75%;
    color: #013476% !important;
    margin-bottom: 0.5em;
}

h4 {
    color: #013476;
    font-size: 75%;
}

h5 {
    font-size: 75%;
    color: #000;
    margin-bottom: 0;
}

h6 {
  font-weight: normal;
      font-style: italic;
      color: #000;
      margin-bottom: 0.5em;
}

#contentFrame ul {
      list-style: square outside;
  margin: 0 0 0 15px;
  padding: 0;
}

#contentFrame ol {
    margin: 0 2em;
    padding: 0 2em;
}

#contentFrame #pagecontent h1 { /*margin-left: 10px;*/ }

#contentFrame #pagecontent div h1 { margin-left: 0; }

a:link,
a:visited {
  color: #013476;
      outline-color: transparent !important;
      outline-width: 0;  
}

a.h2 {
  font-weight: bold;
  text-decoration: none;
}

a:hover { color: #6AACDA; }

/* Bereich Produkte: per Sitemap generierte Listen für Aufklärungsbögen */
p.sitemapList a {
  display: block;
  padding-left: 8px;
  background: transparent url(../img/sitemap_pfeil.gif) 0px 6px no-repeat;

}

/* Bereich Produkte: manuell generierte Listen */
a.sitemapListLink {
  padding-left: 8px;
  background: transparent url(../img/sitemap_pfeil.gif) 0px 4px no-repeat;
}



/* Bild-CSS, durch Typo3 vordefiniert */
.csc-textpic,
.csc-textpic-intext-left-nowrap {
    /*border-top: 1px dotted red;
    border-bottom: 1px dotted red;*/
    overflow: hidden;
}

.csc-textpic-clear { clear: none; display: none; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  font-size: 65%;
  font-style: italic;
}

div.csc-textpic-left div.csc-textpic-imagewrap {
float:left;
}


/* Formulare */
form {
  margin: 0;
  padding: 0;
  color: #333333;
  /* font-size: 11px; */
}

fieldset {
  padding: 1em;
}

form span.required {
  color: #CC0000;
}

.tx-thmailformplus-pi1 input, .tx-thmailformplus-pi1 select {
  background: transparent url(../img/field_bg.gif) left top no-repeat;
  height: 16px;
  border: 1px solid #ccc;
  border-top-width: 0px;
  border-left-width: 0px;
  margin: 0;
  padding: 0;
  padding-top: 4px;
  padding-left: 2px;
  color: #000;
  font: normal 11px/21px Verdana, Arial, Helvetica;
}

select {
  height: 20px;
}

textarea {
  background: transparent url(../img/field_bg.gif) left top no-repeat;
  border: 1px solid #ccc;
  border-top-width: 0px;
  border-left-width: 0px;
  margin: 0;
  padding: 0;
  padding-top: 4px;
  padding-left: 2px;
}

textarea.height_200 {
  height: 200px;
}

div.twoCols input,
div.twoCols select,
div.twoCols textarea {
  width:100%;
}

div.formLine {
  clear: both;
  display: block;
  width: 98%;
  padding-bottom: 8px;
}

div.formSubmitLine {
  clear: both;
  display: block;
  width: 98%;
  padding-top: 10px;
  padding-bottom: 8px;  
  text-align: left;
}

/* Suchfeld im Header */
#search {
  display: block;
  height: 25px;
  /*width: 937px;*/
  margin-top: 14px;
  text-align: right;
  vertical-align: middle;
}

#search input {
  width: 230px;
  margin-left: 10px;
  background: transparent url(../img/field_bg.gif) no-repeat scroll left top;
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 0 1px 1px 0;
  color: #000000;
  font-family: Verdana,Arial,Helvetica;
  font-size: 11px;
        height: 16px;
  line-height: 21px;
  margin: 0;
  padding: 4px 0 0 2px;  
}

.tx-thmailformplus-pi1 .submit, #search input#searchSubmit { 
    /*border-top: 1px solid #E0E5CD;
    border-right: 1px solid #E0E5CD;
    border-bottom: 1px solid #627FA8;
    border-left: 1px solid #627FA8;
    */
    border: 0 none;
    outline: 0 none;
    background: transparent url(../img/search_button_bg.gif) repeat-x;
    height: 22px;
    line-height: 22px;
    padding: 0 10px 3px !important;
    margin: 0;
    cursor: pointer;
}

input#searchSubmit {
    width: 60px;
    margin: 0;
}

/* Submit-Button für GoogleMaps-Form */
input#el3_submit {
  padding: 0px 5px !important;
  background: transparent url(../img/newsletter_button_bg.gif) center center no-repeat;
  border: 0 none;
  outline: 0 none;
  height: 22px;
  width: 142px;
  cursor: pointer;
}

/* Submit-Button für Kontaktformular */
.formSubmitLine .submit {
      width: 80px;
      background: transparent url(../img/form_button_bg_80.gif) center center no-repeat;
}

div.submitContainer {
  height: 21px;
  vertical-align: middle;
  border: 1px dotted red;
}

/* User-Login */
/*#c105925 .csc-header { margin-bottom: 20px; }*/

#mailform label { 
    width: 100px;
    display: inline-block;
    font-size: 12px;
}

.csc-loginform div.csc-mailform-field,
.csc-loginform div.csc-mailform-label {
    margin-top: 8px;
    display: block;
    font-size: 12px;
}

.csc-loginform input#mailformsubmit { 
    position: relative;
    left: 106px;
    background: transparent url(../img/newsletter_button_bg.gif) no-repeat 50% 50%;
    border: none;
    cursor: pointer;
    height: 22px;
    outline: 0px none;
    padding: 0px 5px !important;
    width: 142px;
}

/*
<div id="c105925" class="csc-default">
<div class="csc-header csc-header-n2">
<h3>Anmeldung für registrierte Benutzer</h3>
</div>
<form action="login/demodateien/" id="mailform" name="mailform" enctype="multipart/form-data" method="post" target="_top" onsubmit="return validateForm('mailform','user,Benutzername:,pass,Kennwort:','','','')">
<div style="display:none;">
<input type="hidden" name="logintype" id="mailformlogintype" value="login"><input type="hidden" name="pid" value="6804">
</div>
<div class="csc-loginform">
    <div class="csc-mailform-field">
        <label for="mailformuser">Benutzername:</label> <input type="text" name="user" id="mailformuser" size="20" value="">
    </div>
    <div class="csc-mailform-field">
        <label for="mailformpass">Kennwort:</label> <input type="password" name="pass" id="mailformpass" size="20" value="">
    </div>
    
    <div class="csc-mailform-field"> 
        <input type="submit" name="submit" id="mailformsubmit" value="Anmelden" class="csc-mailform-submit">
    </div>
</div>
</form>
</div>
*/
/* Formulare - Ende */




/* Floating clearen */
.clearFloat {
  height: 1px;
  line-height: 1px;
  clear: both;
}

/******************************/
/* Clearing - do not modify */
/**************************/

.floatholder { overflow:hidden; }

.clerasil:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clerasil { display: block; }
/* Floating clearen - Ende */



.contentWrapper {
  clear: left;
  float: none;
  display: block;
  border: 1px solid #fff;
}

.wrapper_5 {
  padding: 5px;
}

.wrapper_10 {
  padding: 5px;
}

.wrapperLeft_10 {
  padding-left: 10px;
}

.wrapperLeft_20 {
  /* padding-left: 20px; */
  padding-top: 5px;
}

div.twoCols {
  float: left;
  width: 48%;
}

div.threeCols {
  display: block;
  float: left;
  width: 32%;
  font-size: 62.5%;
  padding-right: 2px;
}


div.fourCols .csc-textpic-image {
  float: left;
  clear: none !important;
  display: block;
  width: 24% !important;
  font-size: 9px;
  color: #666666;
  text-align: center;
}

div.fourCols dd {
  font-size: 100%;
}

/*
.csc-textpic-imagewrap {
  width: 100% !important;
}
*/

#startPage div.fourCols {

}

div.floatRight {
  float: right;
  text-align: left;
}

div.borderLeft {
  background: transparent url(../img/border_dotted_vertical.gif) left top repeat-y;
  padding-left:5px;
}

div.textLine {
  padding-bottom: 16px;
}

div.borderTop {
  border-top: 1px solid #ccc;
  padding-top: 16px;
}


div.getMore,
div.getMore a {
  text-align: right;
  border: 0px dotted red;
}

#startPage div.getMore a {
  font-weight: bold;
  text-decoration: none;
}



/* Produkt-Listen */
.listHead {
  height: 25px;
  font: 700 12px/25px Verdana, Arial, Helvetica;
  margin-bottom: 10px;
  margin-top: 10px;
}

.listLine {
  clear: both;
  display: block;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-top: 1px solid #d9d9d9;
}

.listLine h3 {
  font-size: 100%;
  font-weight: bold;
  line-height: 20px;
  margin-top: 10px;
}

.listLine p {
  margin-bottom: 7px;
}


.listLine ul {
   float: left;
   padding: 0 !important;
   margin: 0 !important;
}

.listLine ul li {
  float: left;
  list-style-type: none;
}

.listLine li.price {
  font-weight: bold;
  line-height: 21px;
  width: 300px;
  vertical-align: middle;
}

.listLine li.button {
  text-align: right;
  padding-left: 20px;
}
/* Listen - Ende */



/* Boxen */
.outerBox {
  float: none;
  display: block;
  background: transparent url(../img/box_bg_content.gif) bottom left no-repeat;
  /* height: 100%; clear: both; */
}



.innerBox { 
  display: block;
  border: 1px solid #D9D9D9;
  padding-left: 9px;
  padding-top: 5px;
  padding-right: 9px;
  margin-left: 10px;
}

.innerBox h2 {
    font-size: 62.5%;
    color: #013476;
    text-transform: uppercase;
}

#leftFrame div.innerBox {
  margin-left: 9px;
}

#contentFrame div.innerBox {
  padding-bottom: 9px;
}

.noTopBorder {
  border-top-width: 0px; 
  overflow: hidden;
}

.box_small_header_border {
  background: transparent url(../img/box_small_header.jpg) left top no-repeat;
  height: 9px;
  line-height: 9px;
  margin: 0;
  border-right: 1px solid #D9D9D9;
}

.box_big_header_border {
  background: transparent url(../img/box_big_header.jpg) 2px top no-repeat;
  height: 9px;
  line-height: 9px;
  margin: 0;
  margin-left: 2px;
  margin-top: 0px;
  border-right: 1px solid #D9D9D9;
}

.box_footer {
  background: transparent url(../img/box_corner_bottom_right.gif) right top no-repeat;
  height: 10px;
  margin-top: 0px;
}
/*
#contentFrame .outerBox {
  width: 670px;
}
*/
/* Inhalts-Box (Content-Spalte) */
#contentFrame .box { margin-bottom: 20px; padding: 15px 0; overflow: hidden; }

#contentFrame .box h3 {
  font-size: 16px;
  padding: 0 15px;
  color: #013476;
}

#contentFrame .box .wrapper { padding: 0 15px; }

#contentFrame .noBGColor  { background-color: transparent; }
#contentFrame .noBGColorBorder { background-color: transparent; border: 1px solid #D9D9D9; }
#contentFrame .greyBGColor { background-color: #F3F3F3; }

body.DioMED #contentFrame .box h3 { color: #009791; }

#contentFrame .box ul {
      /*list-style-image: url(../img/box_bullet.gif);*/
      margin: 0;
  padding: 0; 
  list-style-type: none;
}

#contentFrame .box ul li {
      background: transparent url(../img/box_bullet.gif) left 5px no-repeat;
      padding: 0 0 0 20px; 
}

body.DioMED #contentFrame .box ul li {
      background-image: url(../img/diomed_box_bullet.gif);
}

#contentFrame .box ul li { margin-top: 6px; }




/* NEU */
#teaser .outerBox { margin-bottom: 20px; }

#teaser .simpleBorder,
#teaser .noBorder { margin-bottom: 24px; }

#teaser .simpleBorder { 
  position: relative;
  background: transparent url(../img/box_bg_content.gif) bottom left no-repeat; 
}

#teaser .simpleBorder .innerBox { 
  position: relative;
  margin-top: -9px; 
  border-top: 1px solid #D9D9D9; 
  background-color: #FFFFFF; 
}

#teaser .noBorder .innerBox { 
  border-width: 0; 
  background-color: #C3DEF0; 
  overflow: hidden;
} 

body.DioMED #teaser .noBorder .innerBox { background-color: #CCEAE9; }

#teaser .noBorder .box_small_header_border, 
#teaser .noBorder .box_footer { display: none; }

#teaser .simpleBorder img { 
  position: relative;
  left: -10px; 
  top: -5px; 
}

#teaser p.bodytext { font-size: 11px; margin-bottom: 0; }

#teaser h3,
#teaser p.bodytext .special { color: #CC0000; }

#teaser h3 {
      font-size:65%;
  text-transform: uppercase;
}
#teaser h4 { 
  color: #013476;
  font-family: Tahoma;
       font-size: 15px;
}





/* Toggle-Box */
#pagecontent .toggleContainer {
  margin-bottom: 3em;
}

#pagecontent .toggleContainer.withBorder {
    border: 1px solid #D9D9D9;
    padding: 10px;
}

#pagecontent .toggleContainer .toggleHeadline {
  font-size: 85%;
      font-weight: bold;
      color: #013476;
}

body.DioMED #pagecontent .toggleContainer .toggleHeadline { color: #009791; }

#pagecontent .toggleMenu {
    position: relative;
    height: auto;
    margin: 15px 0;
}
#pagecontent .toggleMenu H3.sectionHeader { 
  cursor: pointer; 
  background: transparent url(../img/toggle_icons.gif) -2px -2px no-repeat;
  padding-left: 18px;
        margin: 2em 0 1em;
  padding-bottom:4px;
  font-size:  75%;
  text-transform: none;
}

body.DioMED #pagecontent .toggleMenu H3.sectionHeader { 
  /*background-image: url(../img/diomed_toggle_icons.gif); */
  color: #009791;
}

#pagecontent .toggleMenu H3.active { 
     background-position: -2px -102px;
}

#pagecontent .toggleMenu DIV { 
      display: none;
  height: auto;
 }
#pagecontent .toggleMenu DIV.first { display: block; }

#pagecontent .toggleMenu ul {
    margin: 0 0 0 15px
    padding: 0;
}



/* Boxen - End */






/* Accordion */
#accordion {
   border: 1px solid #D9D9D9;
   border-top-width: 0px; 
   margin-bottom: 20px;
}

#accordion h3 {
    min-height: 60px;
    background: #FFFFFF url(../img/accordion_tab_bg.png) left top no-repeat;
    display: block;
    padding-top: 10px;  
    margin-bottom: 0;  
    cursor: pointer;
    outline-color: transparent !important;
    outline-style: none !important;
    outline-width: 0px !important;
}

body.DioMED #accordion h3 { min-height: 70px; }

#accordion h3.ui-state-active { cursor: default; }

#accordion h3 span {
    color: #013476;
    font-size: 16px;  
    display: block;  
    width: auto;    
    float: left;    
    margin-left: 10px;
    padding-top: 15px;
}

#accordion h3 span.documentIcon,
#accordion h3 span.softwareIcon,
#accordion h3 span.multimediaIcon {
    width: 50px;
    height: 50px;
    padding: 0;
    background: transparent url(../img/accordion_icons.png) 0 0 no-repeat;
}

#accordion h3 span.softwareIcon   { background-position: -50px 0; }
#accordion h3 span.multimediaIcon { background-position: -100px 0; }

#accordion .ui-icon { display: none; }

#accordion .ui-accordion-content {
    margin-bottom: 0;  
}

#accordion .ui-accordion-content .wrapper { padding:0 10px 10px 70px; }

#accordion p {
    color: #666666;
    margin-bottom: 0;
    
}


#accordion div.jumpmenu {
    margin: 10px 0 20px;
}

#accordion div.jumpmenu form {
    color: #666666;
    font-size: 12px;
}

#accordion div.jumpmenu input {
    color: #666666;
    font-size: 11px;
    border: 0 none;
    cursor: pointer;
    background: transparent url(../img/submit_button_jumpmenu.jpg) center center no-repeat;
    width: 44px;    
    height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
}

#accordion select#jumpMenu { border: 1px solid #C6C7C9; }

.boxShadow {
    background: transparent url(../img/box_bg_content.gif) left bottom no-repeat;
    display: block;
    margin-bottom: 20px;
    margin-left: -10px !important;
}

.boxShadow .boxShadowTop {
    background: transparent url(../img/shadow_corner_top_left.jpg) left top no-repeat;    
    width: 10px;
    height: 10px;    
    float: left;
}

.boxShadow #accordion { margin-left: 10px; margin-bottom: 0; }

.boxShadow .boxShadowFooter {
  background: transparent url(../img/box_corner_bottom_right.gif) right top no-repeat;
  height: 10px;
  margin-top: 0px;
}


/* Accordion - special Styles */
/*body.DioMED #accordion h3 { background: transparent url(); border-top: 1px solid #CCCCCC; }*/
body.DioMED #accordion h3 span { color: #009791; }

body.DioMED #accordion h3 span.documentIcon,
body.DioMED #accordion h3 span.softwareIcon,
body.DioMED #accordion h3 span.multimediaIcon { 
  background-image: url(../img/diomed_accordion_icons.gif); 
}
/*
body.DioMED #accordion h3 span.softwareIcon   { background-position: -61px 0; }
body.DioMED #accordion h3 span.multimediaIcon { background-position: -122px 0; }
*/
/* Accordion - Ende */




/* Content Accordion */

.accordionContent {
    border: 1px solid #CCCCCC;
    border-top-width: 0;
    margin-bottom: 3em;
}

.accordionContent h3 {
    /*border-top: 1px solid #CCCCCC;*/
    background: transparent url(/fileadmin/templates/img/accordion_tab_bg.png) 0 0 repeat-x;
    line-height: 20px;
    cursor: pointer;
    outline: 0px none;
    padding: 10px 4px 4px 10px;  
}

.accordionContent h3 span {
  background: transparent url(../img/toggle_icons.gif) -2px 2px no-repeat;
  padding-left: 18px;
  color: #013476;
  display: block;
}

.accordionContent h3.ui-state-active span { background-position: -2px -100px; }

body.DioMED .accordionContent h3 span { 
  /* background-image: url(../img/diomed_toggle_icons.gif); */
  color: #009791; 
}

.accordionContent h3 span.ui-icon { display: none; }

.accordionContent .wrapper { padding: 10px 10px 10px 28px; }
/* Small Accordion */




/* Spezial-Boxen */
table.subnavigation {
  width: 100%;
  margin-bottom: 10px;
}

td.selectBox {
  width: 48%;
  border: 1px solid #ccc;
  min-height: 50px;
  padding: 1px;
  vertical-align: top;
}

td.arrowBox {
  width:20px;
  background: transparent url(../img/arrow_selection.gif) center center no-repeat;
}

.selectBox a {
  display: block;
  margin: 0;
  padding: 2px;
  padding-left: 6px;
  font: normal 12px/14px Verdana, Arial, Helvetica;
  color: #000 !important;
  text-decoration: none;
}

.selectBox a:hover {
  background-color: #9BD9E8;
}

.selectBox a.selected {
  background-color: #D7F0F6;
  font-weight: bold;
}

div.suvnavigation {
  width: 100%;
  margin-bottom: 0px;
  height: 100px;
}


div.selectBox {
  float: left;
  width: 47%;
  border: 1px solid #D9D9D9;
  height: 96%;
  padding: 1px;
  vertical-align: top;  
  overflow: auto;
}

div.arrowBox {
  float: left;
  width:20px;
  height: 100%;
  background: transparent url(../img/arrow_selection.gif) right center no-repeat;
}

div.floatRight {
  float: right;
}


/* NEU */
/*
div.subnavigation {
  width: 100%;
  margin-bottom: 10px;
  height:110px;
  background: transparent url(../img/arrow_selection.gif) center center no-repeat;
}
*/

div.subnavigation {
  height:100px;
  margin-bottom:0;
  width:100%;
}

/* Spezial-Boxen - Ende */








/* Spezielle Styles */
#page {
  width: 940px;
  height: auto;
}


/* Kopf-Bereich */
#header {
  height: 141px;
  /*width: 985px;*/
  background: transparent url(../img/header.jpg) left top no-repeat;
}

#header h1 {
  float: left;
  font-size: 100%;
  margin-left: 22px; 
  line-height: 54px;
}

#header #topnavigation,
#header #topnavigation2,
#header #search { padding-right: 10px; }


/* Menüleiste 1 */
#topnavigation, #menuline1 {
  /*width:  937px;*/
  height: 27px;
  border: 0px dotted red;
  text-align: right;
  vertical-align: middle;
}

#topnavigation a,
#topnavigation span {
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  line-height: 25px;
}

#topnavigation a:hover {
  color: #9BD9E8;
}

#topnavigation #langSwitcher {
    float: left;
    margin-left: 62px;
    color: #FFFFFF;
    font-size: 10px;
}

#topnavigation #langSwitcher span { color: #FFFFFF; cursor: default; }



#menuline2 {
  line-height: 40px;
  font-size: 68.75%;
  font-weight: bold;
  text-align: right;
}

#menuline3 {
  height: 54px;
  margin-left: 40px;
}


/* Topmenu 2 */
#topnavigation2 {
    height: 40px;
    line-height: 40px;
    text-align: right;
    font-size: 75%;
    font-weight: bold;
    
}

#topnavigation2 a { 
  text-decoration: none; 
  margin: 0 4px; 
  font-weight: bold;
}

#topnavigation2 a:hover,
#topnavigation2 a.selected { color: #FFFFFF; }


/* NEU: Tabnavigation */
ul#tabnavigation {
    position: absolute;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    width: auto;
    left: 40px;
    top: 68px;
}

#tabnavigation li { float: left; }

#tabnavigation li.button {
    vertical-align: middle;
    text-align: center;
    width: auto;
    padding: 1.5em 22px 16px;
}

#tabnavigation li.button a {
    font-weight: bold;
    text-decoration: none;
}

#tabnavigation li.separator {
    background: white url(../img/tab_button_active_bg.gif) no-repeat 0% 100%;
    width: 1px;
    margin: 0px;
    border: none;
    height: 54px;
}
/* Kopf-Bereich - Ende */





/* Breadcrumb Navigation */
#bc {
        font-size: 90%;
        height: 25px;
  margin-left: 40px;
  margin-top: -10px;
  width: 880px;
  border-bottom: 1px solid #D9D9D9;
}

#bc ul li {
    display: inline;
}

#bc a:link, #bc a:visited, #bc a:hover { color: #000000; text-decoration: none; }
#bc a:hover { text-decoration: underline; }

#bc a.selected:link, #bc a.selected:visited, #bc a.selected:hover {
  font-weight: bold;
  text-decoration: none;
}

/* Breadcrumb Navigation - Ende */





#middleFrame {
  width: 920px;
  min-height: 600px;
  margin-top: 5px;
  display: block;
}


/* Div für Strich senkrecht am oberen Rahmen */
#BCBorderVert {
    position: absolute;
    top: 157px;
    left: 40px;
    height: 32px;
    width: 1px;
    background-color: #D9D9D9;
    z-index: 100;
    zoom: 100%;
} 


/* Linke Seite */
#leftFrame {
  float: left;
  width: 259px;
  width: 220px;
  min-height: inherit;
  margin-right: 30px;
}

body.ThiemeCompliance #leftFrame {
    margin-right: 30px;
}


/* Navigation 1 */
#navigation, 
#navigation2 {
  display: block;
  width: 229px;
  width: 190px;
  float: right;
}



#navigation div.innerBox {
  padding: 0;
}

a#navLogo {
    display: block;
    height: 76px;
    width: 180px;
    overflow: hidden;
}

body.DioMED a#navLogo { background: transparent url(../img/diomedMenuHead.gif) center center no-repeat; }

#navigation ul {
  margin: 0 auto;
  padding: 0;
  /*width: 219px;*/
  text-align: left;
  display: block;
}

#navigation ul li {
  display: block;
  list-style: none;
  vertical-align: middle;
      font-size: 75%;
  line-height: normal;
  border-top: 1px solid #D9D9D9;
  padding: 1px;
}

/* ersten Border ausblenden */
#navigation ul li:first-child {
  border-top: none !important;
}

#navigation ul li.first {
  border-top: none !important;
}

#navigation ul li.first a {
  padding: 0 !important;
}

#navigation ul li a,
#navigation ul li span {
  display: block;
  text-decoration: none;
  font-weight: bold;
  padding-top: 8px;
  padding-bottom: 10px;
  padding-left: 16px;
}

#navigation ul li span {
  cursor: default;
}


/* geöffnetes Menu */
#navigation ul li.active {
  background-color: #FFF; /* D7F0F6 */
  padding: 0;
  margin: 0;
  /*border-right: 1px solid #D9D9D9;*/
}

#navigation ul ul,
#navigation ul ul ul {
  padding: 0px;
  /*background-color: #FFF;  #D7F0F6;
  width: 218px;
  border-right: 1px solid #D9D9D9; */
}

#navigation ul ul li {
  display: block;
  border: none ;
  padding: 0px;
  padding-left: 10px;
}


#navigation ul ul li a {
  display: block;
  font-weight: normal;
  padding-top: 0px;
}

#navigation ul ul li span {
  font-weight: bold;
  padding-top: 0px;
}
/* Navigation 1 - Ende */




/* Navigation 2 */
#navigation2 .outerBox { margin-bottom: 19px; }

#navigation2 .innerBox { padding-bottom: 10px; }

#navigation2 ul li { list-style: none; }

#navigation2 ul.mainmenu li {
    font-size: 10px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;    
    border: 0 none;
    color: #013476;
    cursor: default;
}

#navigation2 ul.mainmenu li a { text-decoration: none; }

#navigation2 ul.submenu li,
#navigation2 ul.submenu li a {
    line-height: 14px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    padding: 0;
    margin-top: 6px;
}

#navigation2 ul.submenu li a:hover { color: #6AACDA; }

body.DioMED #navigation2 ul.submenu li a:hover { color: #009791 !important }

#navigation2 ul.submenu li.active a { font-weight: bold; }

#navigation2 a { text-decoration: none; }

#navigation2 ul.submenu ul.hidden { display: none; }

body.tcCom #navigation2 .mainmenu { position: relative; top: -40px; }
/* Navigation 2 - Ende */






/* Newsletter */
#newsletter {
  margin-top: 10px;
  margin-left: 10px;
  float: right;
  width: 180px;
  color: #000000;
  background: #F0F7FB url(../img/newsletter_bg.jpg) 25px 10px no-repeat;
  padding-top: 77px;
}

body.ThiemeCompliance #newsletter,
body.E-consentPro #newsletter {
    background: #F0F7FB url(../img/newsletter_bg_small.jpg) 110px 10px no-repeat;
    padding-top: 10px;
    margin-left: 0;
}

body.ThiemeCompliance #teaserTop,
body.E-consentPro #teaserTop {
    padding-left: 10px;
    overflow: hidden;
    height: 180px;
    margin-top: 30px;
}

body.E-consentPro #teaserTop { margin-top: 0; }

body.DioMED #newsletter { background: #EDF8FD url(../img/diomed_newsletter_bg.jpg) 25px 10px no-repeat; }

#newsletter .innerBox { 
    margin: 0px;
    border: 0 none;
    padding: 10px;
}

#newsletter .innerBox h2 { color: #013476; }
body.DioMED #newsletter .innerBox h2 { color: #013476 !important; }

#newsletter a {
    display: block;
    width: 142px;
    height: 22px;
    background: #EDF8FD url(../img/newsletter_button_bg.gif) center center no-repeat;
    color: #000000;
    line-height: 22px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
}

#newsletter a:hover { color: #666666; }

body.DioMED #newsletter a { background-image: url(../img/newsletter_button_diomed_bg.gif); }

#newsletter input {
  width: 130px;
}



/* Neue Newsletter-Styles für Thieme-compliance.de und E-Consent-Pro
 * Newsletter mit Pulldown-Menu
 * 14.12.12
 */

    body.ThiemeCompliance #teaserTop, body.E-consentPro #teaserTop { height: auto; margin-bottom: 25px; }
    body.ThiemeCompliance #newsletter, body.E-consentPro #newsletter { padding: 0; }
    body.ThiemeCompliance #newsletter h2, body.E-consentPro #newsletter h2 { 
      font-size: 10px;
      line-height: 18px;
      font-weight: bold;
      text-transform: uppercase;
      color: #013476;
      padding: 20px 10px 0; 
      height: 20px; cursor: pointer;
    }
    body.ThiemeCompliance #newsletter div, 
    body.E-consentPro #newsletter div { font-size: 100%; position: relative; height: auto;float: none; clear: both; display: block; }

    body.ThiemeCompliance #newsletter div p,
    body.E-consentPro #newsletter div p { margin: 0; padding: 0; }

    body.ThiemeCompliance #newsletter p, 
    body.E-consentPro #newsletter p, #newsletter a { font-size: 11px; }

    body.ThiemeCompliance #newsletter a, 
    body.E-consentPro #newsletter a { width: 160px; }

    body.ThiemeCompliance .newsletterSection, 
    body.E-consentPro .newsletterSection { margin-top: 10px; padding-top: 10px; border-top: 1px solid #666; }
    
    body.ThiemeCompliance .newsletterSection p, 
    body.E-consentPro .newsletterSection p { font-size: 10px; font-weight: bold; }
    
    body.ThiemeCompliance #newsletter #newsletterPulldown,
    body.E-consentPro #newsletter #newsletterPulldown { display: none; background-color: #F0F7FB; width: 160px; padding: 0 10px 10px; }

    body.ThiemeCompliance #newsletter:hover #newsletterPulldown,
    body.E-consentPro #newsletter:hover #newsletterPulldown { display: block; }  


/* Newsletter - Ende */





/* getAcrobat */
#getAcrobat {
  width: 219px;
  margin-top: 20px;
  margin-bottom: 40px;
  float: right;
  font-size: 11px;
  color: #666666;
}

#getAcrobat a {
  color: #666666;
}
/* getAcrobat - Ende */
/* Linke Seite - Ende */



/* Content-Bereich */
#contentFrame {
  float: left;
  display: block;
  border: 0px dotted red;
  width: 660px;
  min-height: inherit;
}


#stage {
  height: auto;
  min-height: 144px;
  width: 670px;
  /*background: transparent url(../img/pcom_start_pic.jpg) right top no-repeat;*/
  background: transparent url(../img/subpage_01.jpg) right top no-repeat;
  margin-bottom: 30px;
  /*padding-left: 10px;*/
  overflow: hidden;
  text-align: right;
  
}

body.DioMED #stage {
   background: transparent url(../img/subpage_01.jpg) right top no-repeat;
}

.stageImage { margin-bottom: 10px; }
.stageImage .outerBox img { position: relative; margin-top: -10px; }  
.stageImage .box_big_header_border { background-position: 0 0; }

#stageSlider { float: right; }

#pagecontent { 
  /*width: 470px; */
  padding-left: 10px;
        width: 460px;
}


.noTeaser #pagecontent { width: 660px; }

/*
#pagecontent div,
#pagecontent p { margin-left: 10px; }

#pagecontent div div,
#pagecontent p p,
#pagecontent div p,
#pagecontent div.outerBox { margin-left: 0; }

#pagecontent div.outerBox div.innerBox,
#pagecontent div.outerBox div.box_footer  { margin-left: 10px; }
*/

#pagecontent div.outerBox { margin-left: -10px; }


#startPic {
  height: 187px;
  background: transparent url(../img/pcom_start_pic.jpg) 3px top no-repeat;
  border-right: 1px solid #D9D9D9;
}

#startPage div.innerBox {
  height: 110px;
}





/* 
 * NEU: Stage-Slider 
 * ProCompliance-Style für alle Slider, Diomed eigenes Farbschema
 * Logo muss bei allen unterschiedlich sein
 */
#stage #sliderNav {
    background: transparent url(../img/global_slider_nav_bg.png) 0 0 no-repeat;
    height: 40px;
    padding-left: 16px;
    padding-top: 16px;
}


#stage ul#sliderNav li,
#stage div#sliderNav a {
    display: block;
    float: left;
    width: 32px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    /*background: transparent url(../img/slider_nav_item_bg.png) 0 0 no-repeat;*/
    background: transparent url(../img/proC_slider_nav_item_bg.png) 0 0 no-repeat;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica;
    color: #000000; 
    text-decoration: none;
    margin-right: 10px;
}

#stage div#sliderNav a:hover,
#stage div#sliderNav a.activeSlide {
    /*background-image: url(../img/slider_nav_item_active_bg.png);*/
    background-image: url(../img/proC_slider_nav_item_active_bg.png);
}

.ProCompliance #stage #sliderNav { background-image: url(../img/proC_slider_nav_bg.png); }
.proCompliance #stage ul#sliderNav li,
.ProCompliance #stage div#sliderNav a { background-image: url(../img/proC_slider_nav_item_bg.png); }
.ProCompliance #stage div#sliderNav a:hover,
.ProCompliance #stage div#sliderNav a.activeSlide { background-image: url(../img/proC_slider_nav_item_active_bg.png); }


/* Farbschema DioMED */
.DioMED #stage #sliderNav { background: transparent url(../img/slider_nav_bg.png) 0 0 no-repeat; }

.DioMED #stage ul#sliderNav li,
.DioMED #stage div#sliderNav a { background: transparent url(../img/slider_nav_item_bg.png) 0 0 no-repeat; }

.DioMED #stage div#sliderNav a:hover,
.DioMED #stage div#sliderNav a.activeSlide {
    background-image: url(../img/slider_nav_item_active_bg.png);
}

.E-consentPro #stage #sliderNav { background: transparent url(../img/global_slider_nav_bg.png) 0 0 no-repeat; }

.ThiemeCompliance #stage #sliderNav { background: transparent url(../img/thiemeC_slider_nav_bg.png) 0 0 no-repeat; }
/* Content-Bereich - Ende */




/* Teaser */
#teaser { 
  float: right; 
  width: 190px;
  height: auto; 
}

#teaser div.jumpmenu form {
    color: #666666;
    font-size: 12px;
}

#teaser select#jumpMenuTeaser { border: 1px solid #C6C7C9; width: 160px; }

#teaser div.jumpmenu form input.jumpMenuButton {
  background: transparent url(../img/newsletter_button_bg.gif) no-repeat scroll center center;
  color: #000000;
  height: 22px;
  line-height: 22px;
  text-align: center;
  width: 142px;
  border: 0 none;
  outline: 0 none;
  margin-top: 4px;
}

body.DioMED #teaser div.jumpmenu form input.jumpMenuButton { background-image: url(../img/newsletter_button_diomed_bg.gif); }
/* Teaser - Ende */




/* Seitenende */
#pageEnd {
  float: none;
  clear: both;
  display: block;
  height: 30px;
  width: 880px;
  margin-left: 40px;
  margin-top: 40px;
  border-left: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  text-align: right;
}



#pageEnd a {
  font-size: 68.75%;
  color: #666;
  text-decoration: none;
  background: transparent url(../img/arrow_top.gif) left top no-repeat;
  padding-left: 16px;
}

#pageEnd a:hover {
  color: #9BD9E8;
}
/* Seitenende - Ende */




/* Footer-Bereich */
#footer {
  float: none;

  clear: both;
  display: block;
  width: 900px;
  margin-left: 40px;
  height: 25px;
  vertical-align: middle;
  border: 0px dotted red;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 75%;
}

#footer a {
  border-left: 1px solid #000;
  padding-left: 10px;
  padding-right: 10px;
}
/* Footer-Bereich - Ende */








a.pdfButton,
a.zipButton,
a.videoButton {
  display: inline-block;
  background: transparent url(../img/pdf_button.gif) left center no-repeat;
  padding-left: 24px;
  line-height: 21px;
}

a.zipButton { background-image: url(../img/zipfile.gif); }
a.videoButton { background-image: url(../img/icon_video.gif); }



a.orderButton {
  display: block;
  background: transparent url(../img/order_button.jpg) left center no-repeat;
  padding-left: 40px;
  line-height: 21px;
}


/* Diomed */

.DioMED #pagecontent h1,
.DioMED .innerBox h2,
.DioMED #pagecontent h2,
.DioMED .csc-header h2,
.DioMED h2.sectionheader,
.DioMED h2.sectionheader,
.DioMED #pagecontent h3,
.DioMED .csc-header h3,
.DioMED .listLine h3,
.DioMED #pagecontent h4,
.DioMED #pagecontent h5,
.DioMED #pagecontent h6 {
  color: #009791 !important;
}

.DioMED #teaser .innerBox h2 { color: #013476 !important; }

/* excluded: 
.DioMED a:link,
.DioMED a:visited,
.DioMED #navigation ul li a,
.DioMED #navigation ul li span,
*/

.DioMED a:hover {
    color: #009791;
}

.DioMED #header {
  background-image: url(../img/header.jpg);
}


.DioMED div.box_small_header_border {
  background-image: url(../img/diomed_box_small_header.jpg);
}


.DioMED div.box_big_header_border {
  background-image: url(../img/diomed_box_big_header.jpg);
  background-position: 0 top;
}

.DioMED #startPic {
  background-image: url(../img/diomed_start_pic.jpg);
  height: 186px;
}

.DioMED #startPage div.innerBox {
  height:120px;
}

.DioMED div.textLine a {
  font-weight: bold;
}

.DioMED div.textLine a.h2 {
  color: #009791;
  font-size: medium;
  font-weight: normal;
  line-height: 145%;
  margin-bottom: 0px;
  display: block;
}


.smallFont {
  font-size: x-small;
}

.DioMED div.diomedDigital {
  background: transparent url(../pics/diomed_digital.jpg) center top no-repeat;
  height: 80px;
}

.DioMED div.diomedWebClient {
  background: transparent url(../pics/diomed_webclient.jpg) center top no-repeat;
  height: 80px;
}

.DioMED div.diomedWebInfo {
  background: transparent url(../pics/diomed_webinfo.jpg) center top no-repeat;
  height: 80px;
}

.DioMED .selectBox a.selected {
  background-color:#D9EFEB;
}

.DioMED .selectBox a:hover {
  background-color: #EBF6F4;
}

.DioMED div.arrowBox {
  background-image: url(../img/diomed_arrow_selection.gif);
}

.DioMED .listLine {
  background: transparent url(../img/icon_bogen.jpg) 0 10px no-repeat;
  padding-left: 50px;
  min-height: 80px;
}

.DioMED .listLine ul li.price {}

.DioMED a.orderButton {
  background-image: url(../img/diomed_shop_cart.jpg);
}

/* Diomed neu */
.startPageIcon {
  height: 50px;
  text-align: center;
  padding-top: 80px;
  border: 0px dotted red;
}

.icon_01 {
  background: transparent url(../img/startpage_pic_01.jpg) center top no-repeat;
}
.icon_02 {
  background: transparent url(../img/startpage_pic_02.jpg) center top no-repeat;

}
.icon_03 {
  background: transparent url(../img/startpage_pic_03.jpg) center top no-repeat;
}

.startPageIcon a {
  text-decoration: none;
  font-size: small;
  font-weight: bold;
  color: #000000;
}

.selectBoxLink {
  background: transparent url(../img/diomed_icon_checked.gif) left 2px no-repeat;
  padding-left: 28px;
}





/* TopList */
dl,
#topList dl {
  width: 100%;
  height: auto;
  display:block;
  margin: 0;
  margin-bottom: 8px;
}

#topList dt, 

#topList dd {
  font-size: small;
  font-weight: bold;
}








#topList dt {
  float: left;
  padding: 0;
  padding-left: 4px;
  padding-right: 4px;
  margin: 0;
  margin-top: 2px;
  color: #fff;
  font-size: small;
  height: 16px;
  background-color: #009791;
}

#topList dd {
  float: right;
  margin:0;


  padding: 0;
  width: 270px;
  display:block;
}

#topList dd a.topListLink { 
  text-align: left;
  padding-left: 3px;
  display: block;
  text-decoration: none;
}

.mm_object {
  background: transparent url(../img/mm_object_placeholder.jpg) 0 0 no-repeat;
  width: 300px;
  height: 200px;
  margin-bottom: 5px;
}


/* Pager */




#pager {
  font-size: 68.75%;
}

#pager div.twoCols {
  width: 60%;
}

#pager div.floatRight {
  text-align: right;
  width: 38%;
}

#pager select {
  width: 130px;
}

#pager ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
}

#pager ul li {
  float: left;
  margin-right: 4px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
}

#pager ul li.description {
  font-weight: bold;
  margin-right: 8px;
}

#pager ul li.pages a,
#pager ul li.active {
  display: block;
  height: 20px;
  width: 20px;
  text-align: center;
  background-color: #CCCCCC;
  font-weight: bold;
  text-decoration: none;
}

#pager ul li.active {
  color: #ffffff;
  background-color: #009791;  
}

#pager ul li.forward {
  margin-left: 6px;
}

a.active {
    font-weight: bold !important;
    color: #6AACDA !important;
}

.DioMED a.active {
    color: #009791 !important;
}





/* ThiemeCompliance Styles */

.ThiemeCompliance #startPic {
    background: transparent url(../img/thiemecompliance_start_pic.jpg) 10px top no-repeat !important;
    height: 207px;
}

.ThiemeCompliance #startPic_conhIT {
  background-image: url(../img/stage_conhIT.jpg) !important;
  height: 197px;
}

.ThiemeCompliance #header {
  background-image: url(../img/header.jpg);
}

/* Suche neu !!!!! */
.ThiemeCompliance #searchFormDiv {
    /*display: none;*/
}

#suchformular { width: 300px; float: right; }
#suchformular input { float: left; }
#suchformular #searchSubmit { float: right; }
/* Suche neu - Ende !!!!! */


.ThiemeCompliance #searchLinkDiv {
  /*display: none;*/
}

.ThiemeCompliance h2.sectionheader {
  margin-top: 30px;
}

.ThiemeCompliance .logoProcompliance,
.ThiemeCompliance .logoDiomed {
  height: 150px; 
}

.ThiemeCompliance .logoProcompliance {
  background: transparent url(../img/logo_procompliance.gif) center center no-repeat;
}

.ThiemeCompliance .logoDiomed {
  background: transparent url(../img/logo_diomed.gif) center center no-repeat;
}
.ThiemeCompliance .logoEconsentpro {
  background: transparent url(../img/E-ConsentPro_RGB.jpg) 45px 88px no-repeat;
}
 
.ThiemeCommpliance #footer a#AGB {
  display: none;
}

.csc-textpic-imagewrap {
    width: auto !important;
}


/* News */

.news-single-timedata, .news-list-date, .news-latest-date {
  font-size: 70%;
}

.news-single-category {
  font-size: 70%;
  margin: 0 0 1em 0;
}

.news-single-item h3 {
  font-size: 75%;
  margin: 0 0 1em 0;
  line-height:140%;
  color: #000;
}

.news-single-related dd {
  font-style: italic;  
}

.news-single-backlink {
  font-size: 75%;
}

.news-list-morelink, .newsLatest .getMore {
  font-size: 75%;
  display: inline;
}

.news-list-item {
  margin: 0 0 1.5em 0;
}

.news-list-item h3, .newsLatest h3 {
  font-size: 85%;
  margin: 0.3em 0;
}

.newsLatest a img,
.news-list-item a img { 
  display: block;
  float: left;
  margin: 0 10px 10px 0;
}
 
.news-list-item p.bodytext { display: inline; }

.newsLatest h3 a:link, .newsLatest h3 a:visited, .news-list-item h3 a:link, .news-list-item h3 a:visited {
  text-decoration: none;
}

body.DioMED .news-list-item  h3 a { color: #009791 !important }


.tx-ttnews-browsebox p {
  float: right;
}

.tx-ttnews-browsebox td p {
  font-size: 100%;
  float: none;
}

.tx-ttnews-browsebox td {
  padding: 0.2em;
}

.tx-ttnews-browsebox table {
  float: left;
}

.newsLatest {
  margin: 1.5em 0;
}

.newsdetail {
  display: none;
}

.csc-form-fieldcell input {
  width: 100%;
}

td p {
  font-size: 100%;
}


/* Editorklassen */
.detail {
    color: #009791;
}

.name-of-person {
    color: #013476;
}

.important {
    color: #CC0000;
}


/* Extension Media-Center */
.stageBorder { background-color: #FFFFFF; }
  
.media-center {
    background-color: #FFFFFF;
    text-align: left;
    min-height: 144px;
}

#media-center-108555 {
    background-color: white;
    /*border-top: 76px solid #FFFFFF;*/
}

/* */
.E-consentPro.startpage #contentFrame {
  position: relative;
  top: -5px;
}



/* Besondere Positionierung für Demovideos unter Thieme-Compliance/Produkte/Multimedia */
#c108559, #c108158 { text-align: left; margin: 0 0 0 10px !important; padding: 0 !important; background: #FFF !important; }