/* Text Styles */
hr { color: #333333 }
body, table, tr, th /* Normal */
{
 font-size: 100%;
 font-family: 'Segoe UI',Tahoma,Verdana,Arial,sans-serif;
 font-style: normal;
 font-weight: normal;
 color: #333333;
 text-decoration: none;
}
table, tr, th
{
 font-size: 100%;
}
span.f_Absatz, strong.f_Absatz, em.f_Absatz /* Absatz */
{
}
span.f_BodyText, strong.f_BodyText, em.f_BodyText /* Body Text */
{
}
span.f_Codeblue, strong.f_Codeblue, em.f_Codeblue /* Code blue */
{
 font-size: 0.91rem;
 font-family: 'Courier New',Courier,monospace;
 font-weight: bold;
 color: #0000ff;
}
span.f_CodeExample, strong.f_CodeExample, em.f_CodeExample /* Code Example */
{
 font-size: 0.91rem;
 font-family: 'Courier New',Courier,monospace;
 font-weight: bold;
}
span.f_Codegreen, strong.f_Codegreen, em.f_Codegreen /* Code green */
{
 font-size: 0.91rem;
 font-family: 'Courier New',Courier,monospace;
 font-weight: bold;
 color: #00bb00;
}
span.f_Codegrey, strong.f_Codegrey, em.f_Codegrey /* Code grey */
{
 font-size: 0.91rem;
 font-family: 'Courier New',Courier,monospace;
 font-weight: bold;
 color: #999999;
}
span.f_Codered, strong.f_Codered, em.f_Codered /* Code red */
{
 font-size: 0.91rem;
 font-family: 'Courier New',Courier,monospace;
 font-weight: bold;
 color: #ff0000;
}
span.f_Codeviolett, strong.f_Codeviolett, em.f_Codeviolett /* Code violett */
{
 font-size: 0.91rem;
 font-family: 'Courier New',Courier,monospace;
 font-weight: bold;
 color: #990099;
}
span.f_Comment, strong.f_Comment, em.f_Comment /* Comment */
{
}
span.f_CrossReference, strong.f_CrossReference, em.f_CrossReference /* CrossReference */
{
 color: #3333ff;
 text-decoration: underline;
}
span.f_grey, strong.f_grey, em.f_grey /* grey */
{
 color: #808080;
}
span.f_Heading1, strong.f_Heading1, em.f_Heading1 /* Heading1 */
{
 font-size: 1.82rem;
 font-family: 'Segoe UI Semibold',Tahoma,Verdana,Arial,sans-serif;
 color: #e40d1e;
}
span.f_Heading2, strong.f_Heading2, em.f_Heading2 /* Heading2 */
{
 font-size: 1.45rem;
 font-family: 'Segoe UI Semibold',Tahoma,Verdana,Arial,sans-serif;
}
span.f_Heading3, strong.f_Heading3, em.f_Heading3 /* Heading3 */
{
 font-size: 1.27rem;
 font-family: 'Segoe UI Semibold',Tahoma,Verdana,Arial,sans-serif;
}
span.f_Heading4, strong.f_Heading4, em.f_Heading4 /* Heading4 */
{
 font-size: 1.09rem;
 font-family: 'Segoe UI Semibold',Tahoma,Verdana,Arial,sans-serif;
}
span.f_HTMLTypewriter, strong.f_HTMLTypewriter, em.f_HTMLTypewriter /* HTML Typewriter */
{
 font-size: 0.45rem;
 font-family: 'Courier New',Courier,monospace;
 color: #000000;
}
span.f_Hyperlink, strong.f_Hyperlink, em.f_Hyperlink /* Hyperlink */
{
 text-decoration: underline;
}
span.f_ImageCaption, strong.f_ImageCaption, em.f_ImageCaption /* Image Caption */
{
 font-size: 0.82rem;
 font-family: 'Segoe UI Semibold',Tahoma,Verdana,Arial,sans-serif;
 font-style: italic;
}
span.f_IntenseReference, strong.f_IntenseReference, em.f_IntenseReference /* Intense Reference */
{
 font-size: 0.45rem;
 font-family: Verdana,Geneva,Arial,sans-serif;
 color: #0000ff;
 text-decoration: underline;
}
span.f_Labeling, strong.f_Labeling, em.f_Labeling /* Labeling */
{
}
span.f_ListParagraph, strong.f_ListParagraph, em.f_ListParagraph /* List Paragraph */
{
}
span.f_Notes, strong.f_Notes, em.f_Notes /* Notes */
{
}
span.f_red, strong.f_red, em.f_red /* red */
{
 color: #c73326;
}
span.f_References, strong.f_References, em.f_References /* References */
{
}
span.f_TableHeading1, strong.f_TableHeading1, em.f_TableHeading1 /* TableHeading1 */
{
 font-family: 'Segoe UI Semibold',Tahoma,Verdana,Arial,sans-serif;
 color: #ffffff;
}
span.f_toc1, strong.f_toc1, em.f_toc1 /* toc 1 */
{
 font-size: 1.45rem;
 color: #5f5f5f;
}
span.f_toc2, strong.f_toc2, em.f_toc2 /* toc 2 */
{
 font-size: 1.09rem;
 color: #ff1721;
 text-transform: uppercase;
}
span.f_toc3, strong.f_toc3, em.f_toc3 /* toc 3 */
{
 font-size: 0.91rem;
 color: #ff1721;
}
span.f_ToggleHeading, strong.f_ToggleHeading, em.f_ToggleHeading /* ToggleHeading */
{
 font-size: 1.09rem;
 font-family: 'Segoe UI Semibold',Tahoma,Verdana,Arial,sans-serif;
}
/* Paragraph styles */
p, p.p_Normal, div.p_Normal, li.p_Normal /* Normal */
{
 text-align: left;
 text-indent: 0;
 padding: 0 0 0 0;
 margin: 0 0 0.5000rem 0;
}
.p_Absatz /* Absatz */
{
 font-size: 1.00rem;
 line-height: 1.28;
 margin: 0 0 0.6875rem 0;
}
.p_BodyText /* Body Text */
{
 font-size: 1.00rem;
}
.p_Codeblue /* Code blue */
{
 font-size: 0.91rem;
 line-height: 1.0;
 white-space: nowrap;
 page-break-inside: avoid;
 margin: 0 0 0 0;
}
.p_CodeExample /* Code Example */
{
 font-size: 0.91rem;
 line-height: 1.0;
 white-space: nowrap;
 page-break-inside: avoid;
 margin: 0 0 0 0;
}
.p_Codegreen /* Code green */
{
 font-size: 0.91rem;
 line-height: 1.0;
 white-space: nowrap;
 page-break-inside: avoid;
 margin: 0 0 0 0;
}
.p_Codegrey /* Code grey */
{
 font-size: 0.91rem;
 line-height: 1.0;
 white-space: nowrap;
 page-break-inside: avoid;
 margin: 0 0 0 0;
}
.p_Codered /* Code red */
{
 font-size: 0.91rem;
 line-height: 1.0;
 white-space: nowrap;
 page-break-inside: avoid;
 margin: 0 0 0 0;
}
.p_Codeviolett /* Code violett */
{
 font-size: 0.91rem;
 line-height: 1.0;
 white-space: nowrap;
 page-break-inside: avoid;
 margin: 0 0 0 0;
}
.p_Comment /* Comment */
{
 font-size: 1.00rem;
}
.p_CrossReference /* CrossReference */
{
 font-size: 1.00rem;
 text-indent: -1.5000rem;
 margin: 0 0 0.5000rem 1.5000rem;
}
.p_grey /* grey */
{
 font-size: 1.00rem;
 margin: 0 0 0 0;
}
.p_Heading1 /* Heading1 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 padding: 0 0 0 0;
 margin: 2.0000rem 0 1.5000rem 0;
}
.p_Heading2 /* Heading2 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 border-color: #e7e7e7;
 border-style: solid;
 border-width: 0.1250rem;
 border-top: none;
 border-right: none;
 border-bottom: none;
 border-left: none;
 padding: 0 0 0 0;
 margin: 1.5000rem 0 1.1875rem 0;
}
.p_Heading3 /* Heading3 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 border-color: #e7e7e7;
 border-style: solid;
 border-width: 0.1250rem;
 border-top: none;
 border-right: none;
 border-bottom: none;
 border-left: none;
 padding: 0 0 0 0;
 margin: 1.5000rem 0 1.0000rem 0;
}
.p_Heading4 /* Heading4 */
{
 font-size: 100%;
 font-weight: normal;
 text-align: left;
 text-indent: 0;
 padding: 0 0 0 0;
 margin: 0.5000rem 0 0.3125rem 0;
}
.p_Hyperlink /* Hyperlink */
{
 font-size: 1.00rem;
}
.p_ImageCaption /* Image Caption */
{
 font-size: 0.82rem;
}
.p_Labeling /* Labeling */
{
 font-size: 1.00rem;
 background: #e7e7e7;
}
.p_ListParagraph /* List Paragraph */
{
 font-size: 1.00rem;
 margin: 0 0 0.5000rem 3.0000rem;
}
.p_Notes /* Notes */
{
 font-size: 1.00rem;
}
.p_red /* red */
{
 font-size: 1.00rem;
 margin: 0 0 0 0;
}
.p_References /* References */
{
 font-size: 1.00rem;
 margin: 0 0 0 0;
}
.p_TableHeading1 /* TableHeading1 */
{
 font-size: 1.00rem;
 border-color: #c0c0c0;
 border-style: solid;
 border-width: thin;
 border-top: none;
 border-right: none;
 border-bottom: none;
 border-left: none;
 margin: 0.3125rem 0 0.5000rem 0;
}
.p_toc1 /* toc 1 */
{
 font-size: 1.45rem;
 line-height: 1.28;
 border-color: #dbd9d7;
 border-style: solid;
 border-width: 0.2500rem;
 background: #d9d9d9;
 margin: 0.7500rem 0.1875rem 0.2500rem 0.1875rem;
}
.p_toc2 /* toc 2 */
{
 font-size: 1.09rem;
 line-height: 1.28;
 border-color: #e8e8e8;
 border-style: solid;
 border-width: 0.2500rem;
 background: #e8e8e8;
 margin: 0.7500rem 0.1875rem 0.2500rem 0.8125rem;
}
.p_toc3 /* toc 3 */
{
 font-size: 0.91rem;
 text-indent: -1.8750rem;
 line-height: 1.28;
 background: #f7d4d1;
 margin: 0 0 0 2.6250rem;
}
.p_ToggleHeading /* ToggleHeading */
{
 font-size: 1.09rem;
 border-color: #c0c0c0;
 border-style: solid;
 border-width: thin;
 border-top: none;
 border-right: none;
 border-bottom: none;
 border-left: none;
}
/* Table styles */
table.CodeWithComment {
 width: 100%;
 border: solid thin #C0C0C0;
 border-spacing: 0;
}
table.CodeWithComment tr.CodeWithComment {
 text-align: left;
}
table.CodeWithComment th.CodeWithComment, table.CodeWithComment td.CodeWithComment {
 vertical-align: top;
 padding: 0.4375rem;
 border: none;
}
table.CodeWithComment th.CodeWithComment {
 background-color:#e7e7e7;
}
table.ContactNote {
 width: 100%;
 border: solid thin #C0C0C0;
 border-spacing: 0;
}
table.ContactNote tr.ContactNote {
 text-align: left;
}
table.ContactNote th.ContactNote, table.ContactNote td.ContactNote {
 vertical-align: top;
 padding: 0.3125rem;
 border: none;
}
table.Formula {
 background-color: #EAEAEA;
 border: none;
 border-spacing: 0;
}
table.Formula tr.Formula {
 text-align: left;
}
table.Formula th.Formula, table.Formula td.Formula {
 vertical-align: top;
 padding: 0.4375rem;
 border: none;
}
table.IconList {
 width: 100%;
 border: none;
 border-spacing: 0;
 border-collapse: collapse;
}
table.IconList tr.IconList {
 text-align: left;
}
table.IconList th.IconList, table.IconList td.IconList {
 vertical-align: top;
 padding: 0;
 border: solid 0.1250rem #E7E7E7;
}
table.IconList th.IconList {
 background-color:#575757;
}
table.IconListBlue {
 width: 100%;
 background-color: #E0EBF8;
 border: none;
 border-spacing: 0;
}
table.IconListBlue tr.IconListBlue {
 text-align: left;
}
table.IconListBlue th.IconListBlue, table.IconListBlue td.IconListBlue {
 vertical-align: top;
 padding: 0;
 border: none;
}
table.IconListBlue th.IconListBlue {
 background-color:#575757;
}
table.InfoNote {
 width: 100%;
 background-color: #D8E7F6;
 border: none;
 border-spacing: 0;
}
table.InfoNote tr.InfoNote {
 text-align: left;
}
table.InfoNote th.InfoNote, table.InfoNote td.InfoNote {
 vertical-align: top;
 padding: 0.4375rem;
 border: none;
}
table.ImportantNote {
 width: 100%;
 background-color: #FEE5E7;
 border: none;
 border-spacing: 0;
}
table.ImportantNote tr.ImportantNote {
 text-align: left;
}
table.ImportantNote th.ImportantNote, table.ImportantNote td.ImportantNote {
 vertical-align: top;
 padding: 0.4375rem;
 border: none;
}
table.KnowHowNote {
 width: 100%;
 background-color: #FDF6E2;
 border: none;
 border-spacing: 0;
}
table.KnowHowNote tr.KnowHowNote {
 text-align: left;
}
table.KnowHowNote th.KnowHowNote, table.KnowHowNote td.KnowHowNote {
 vertical-align: top;
 padding: 0.4375rem;
 border: none;
}
table.Standard {
 width: 100%;
 border: none;
 border-spacing: 0;
}
table.Standard tr.Standard {
 text-align: left;
}
table.Standard th.Standard, table.Standard td.Standard {
 vertical-align: top;
 padding: 0.4375rem;
 border: none;
}
table.Standard th.Standard {
 background-color:#9d0f12;
}
table.TOCChapter {
 width: 100%;
 border: none;
 border-spacing: 0;
}
table.TOCChapter tr.TOCChapter {
 text-align: left;
}
table.TOCChapter th.TOCChapter, table.TOCChapter td.TOCChapter {
 vertical-align: top;
 padding: 0;
 border: none;
}
div.hmrotate90  { display:inline-block; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
div.hmrotate270 { display:inline-block; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; transform: rotate(180deg); }

a.imagetogglelink {
  position: relative;
  display: inline-block;
}
svg.image-toggle-magnifier { /* Magnifier icon for image toggles */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 40pt;
  height: 40pt;
  max-width: 80%;
  max-height: 80%;
  fill: #FFFFFF;
  stroke: #808080;
  stroke-width: 0.5pt;
  opacity: 0.3;
  transition: opacity 0.3s;
}
img.image-toggle:hover + svg.image-toggle-magnifier, svg.image-toggle-magnifier:hover {
  opacity: 1;
}



#hmlightbox /* image lightbox */
{
  border: none;
  padding: 8px;
  background: #FFF;
  font-size: 110%;
  font-weight: bold;
  color: #777;
  box-shadow: 5px 5px 5px #888;
}

a.dropdown-toggle /* dropdown toggle caption */
{
  cursor: pointer;
}
a.inline-toggle /* inline toggle caption */
{
  cursor: pointer;
}
img.dropdown-toggle-icon /* toggle icon */
{
  cursor: pointer;
}
/* CSS for responsive image maps */

.hmImageMap a.hmHotspotRect { display:block; position:absolute; border: 1px solid transparent; background:#000; opacity:0.01 }
.hmImageMap a.hmHotspotEllipse { display:block; position:absolute; border-radius:50%; border: 1px solid transparent; background:#000; opacity:0.01 }
.hmImageMap:hover a.hmHotspotRect {opacity:0.3 }
.hmImageMap:hover a.hmHotspotEllipse { opacity:0.3 }
a.hmHotspotRect:hover { border:1px solid #000; background:#FFF; opacity:0.3 }
a.hmHotspotEllipse:hover { border:1px solid #000; background:#FFF; opacity:0.3 }