/* Text Styles */
body {
  font-family: 'Source Sans Pro', 'Segoe UI', sans-serif; 
  font-size: 1rem;
  background: #FFF;
  line-height: 1.4em;
  color: #333333;
}

a { color: #333333; text-decoration: underline }
a:visited {color: #333333 }
a:hover {color: #e40d1e; text-decoration: underline }

a.weblink {color: #333333; text-decoration: underline; padding: 0 0 0 2px; display: inline-block; }
a.weblink::before {content:url('../images/Link-to-extWebpage.png'); position: relative; padding: 0 2px 0 4px; top: 2px;}
a.weblink:visited {color: #333333}
a.weblink:hover {color: #e40d1e }

a.topiclink {color: #333333; text-decoration: underline; padding: 0 0 0 0px; display: inline-block; }
/*a.topiclink {color: #333333; text-decoration: underline; background: url('topic.png') center left no-repeat; padding: 0 0 0 20px; display: inline-block; font-weight: 500;}*/
a.topiclink:visited {color: #333333}
a.topiclink:hover {color: #e40d1e }

a.popuplink {color: #FF0000; text-decoration: none}
a.popuplink:visited {color: #FF0000}
a.popuplink:hover {color: #FF0000; text-decoration: underline}

a.filelink {color: #333333; text-decoration: none}
a.filelink:visited {color: #333333; text-decoration: none}
a.filelink:hover {color: #333333; text-decoration: underline}


  .fsmall {
        font-size: 10px;
	text-align: center;
	margin: 10px 0px 0px 0px;
	}
a.download { 
		background: url('icon_dnl.png') top left no-repeat;
		padding: 0 0 0 24px;
		display: inline-block;
}

a.email { 
		background: url('icon_email.png') top left no-repeat;
		padding: 0 0 0 24px;
		display: inline-block;
}

a.tellink { 
		text-decoration: none;
}
		       
a.openpdf { 
		background: url('./images/icon_pdf.png') top left no-repeat;
		padding: 0 0 0 24px;
		display: inline-block;
}  
 
/* ++++++++++ �berschriften +++++++++++++ */
h1 /* Heading1 */
{
  font-size: 1.8rem;
  color: #e40d1e;
  margin: 3rem 3rem 3rem 3rem;
  line-height: 2rem;
  font-weight: 600;
}

h2 /* Heading2 */
{
 font-size: 1.5rem;
 color: #333;
 margin: 4rem 3rem 2rem 3rem;
 /*border-top: 1px dashed #ccc;
 padding-top: 1.5rem;*/
 padding-left: 0rem;
 clear: both;
 font-weight: 600;
}
h2:first-child   
{
 margin: 1rem 3rem 2rem 3rem;
}

h3 /* Heading3 */
{
 font-size: 1.3rem;
 color: #333;
 margin: 3rem 3rem 1.5rem 3rem;
 padding-left: 0rem;
 clear: both;
 font-weight: 600;
 
}



h4 /* Heading4 */
{
 font-size: 1.1rem;
 color: #333;
 margin: 1.5rem 3rem 1rem 3rem;
 font-weight: 600;
}


/* ++++++++++ LISTS +++++++++++++ */
#hmpagebody ul { list-style: none !important; padding-inline-start: 0px; margin: 1rem 3rem;}
#hmpagebody ul li { /*display: inline-block;*/ padding: 0 0 0 0; margin: 0 0 0.5rem 1.5rem; /*line-height: 1.2rem;*/ } 
#hmpagebody ul li::before { font-family: "FontAwesome"; content: "\0025FC\0020\0020"; color: #e40d1e; display: inline-block; width: 1.2rem; margin-left: -1.2rem; font-size: 0.8rem; }
#hmpagebody ul li:last-child { margin-bottom: 1rem; }
#hmpagebody ul li:first-child { margin-top: 0rem; }
#hmpagebody ul li ul { padding-inline-start: 5px; margin-left: 0 !important; margin-right: 0 !important;}
#hmpagebody ul li ul li {margin-bottom: 5px !important;}
#hmpagebody ul li ul li::before { color: #939393; }
#hmpagebody ul li ul li:last-child { margin-bottom: 0rem; } 

ol { padding-inline-start:20px; margin: 1rem 3rem !important;}
ol li { padding: 0px 20px 5px 5px; margin-bottom: 0rem;}
ol li:last-child {margin-bottom: 1rem;}
ol li:first-child {margin-top: 0rem;}
ol li::marker {font-weight: 600; color: #e40d1e;}
ol li ol { padding-inline-start: 20px; margin-top: 5px;}
ol li ol li {margin-bottom: 3px !important;}
ol li ol li:last-child {margin-bottom: 0rem;}
ol li ol li::marker {color: #939393;}

/* --------- Labeling list ----------- */
ol li.p_Labeling {counter-increment: my-awesome-counter; margin-left: 2rem; margin-bottom: 1rem;}
ol li.p_Labeling::marker {color: #fff; }
ol li.p_Labeling::before {
   content: counter(my-awesome-counter);
   background: #e40d1e;
   width: 2rem;
   height: 2rem;
   border-radius: 50%;
   display: inline-block;
   line-height: 2rem;
   color: white;
   text-align: center;
   margin-right: 0.5rem;
   margin-left: -2.5rem;
}
ol li.p_References {font-style: italic; position: relative; padding: 0px 20px 5px 5px;}
ol li.p_References::marker {font-weight: 600; color: inherit;}


/* ++++++++++ TABLES +++++++++++++ */
/*table {margin: 0px 0px !important;}*/
#hmpagebody table {margin: 1rem 3rem; border-collapse: collapse;}  


#default th {border: 2px solid #e7e7e7; background-color: #e7e7e7; padding: 0.5rem;}
#default td {border: 2px solid #e7e7e7; padding: 0.5rem;}



table.Standard { margin: 1rem 3rem !important;}
table.Standard th { background-color: #9D0F12; color: #ffffff;  padding: 0.5rem;}
table.Standard td { padding: 0.5rem;}

/* --------- Selected topic links ----------- */
#toc-chapter {border: 1px solid #ccc !important; margin: 3rem !important; padding: 1rem; border-collapse: initial !important;} 
#toc-chapter th {font-weight: 500; color: #e40d1e; font-size: 1.1rem; padding-bottom: 1rem; background-color: transparent !important; border: 0px !important;}
#toc-chapter th p {margin: 0 !important;}
#toc-chapter tbody {padding-bottom: 1.5rem !important;}
#toc-chapter ul {padding-inline-start: 0px; margin: 0rem;}
#toc-chapter ul li {padding: 4px 20px 4px 0px; margin: 0rem;}
#toc-chapter ul li::before {content: inherit;}
#toc-chapter a.topiclink {color: #333333; text-decoration: underline; background: url('../images/topic.png') center left no-repeat; padding: 0 0 0 25px; display: inline-block; font-weight: 500;}
#toc-chapter a.topiclink::after {content: ": ";} 
#toc-chapter a.topiclink:hover {color: #e40d1e; text-decoration: underline;}
#toc-chapter ul li br {display: none;}

/* --------- Contact note ----------- */
.ContactNote {background-color: #eee; margin: 2rem 3rem;}
.ContactNote td h4 {font-size:1.1rem; margin:0 0 1rem 0 !important;}
.ContactNote td {padding: 15px 15px 15px 10px;}
.ContactNote td:first-child {padding: 15px 0px 15px 15px; }
.ContactNote td p {margin: 0 0 0.5rem 0 !important;}

/* --------- Info note ----------- */
.InfoNote {background-color: #D8E7F6; border: 0px solid #D8E7F6; margin: 2rem 3rem;}
.InfoNote td h4 {font-size:1.1rem; margin:0 0 1rem 0 !important;}
.InfoNote td {padding: 15px 15px 15px 10px;}
.InfoNote td:first-child {padding: 15px 0px 15px 15px; }
.InfoNote td p {margin: 0 0 0.5rem 0 !important;}

/* --------- Important note ----------- */
.ImportantNote {background-color: #fee5e7; border: 0px solid #fee5e7; margin: 2rem 3rem;}
.ImportantNote td h4 {font-size:1.1rem; margin:0 0 1rem 0 !important;}
.ImportantNote td {padding: 15px 15px 15px 10px;}
.ImportantNote td:first-child {padding: 15px 0px 15px 15px; }
.ImportantNote td p {margin: 0 0 0.5rem 0 !important;}

/* --------- Know how note ----------- */
.KnowHowNote {background-color: #fdf6e2; border: 0px solid #fdf6e2; margin: 2rem 3rem;}
.KnowHowNote td h4 {font-size:1.1rem; margin:0 0 1rem 0 !important;}
.KnowHowNote td {padding: 15px 15px 15px 10px;}
.KnowHowNote td:first-child {padding: 15px 0px 15px 15px; }
.KnowHowNote td p {margin: 0 0 0.5rem 0 !important;}

/* --------- Formula (f�r Formeln mit Beschreibung) ----------- */
.Formula {margin: 1rem 3rem !important; max-width: 750px;}
.Formula tr {border-bottom: 1px solid #fff;}
.Formula td {padding: 5px 10px; vertical-align: top; text-align: center;}
.Formula td:first-child {padding: 5px 15px 5px 10px; background-color: #eee;}
.Formula td p {margin: 0 0 0 0 !important;}

/* --------- IconList ----------- */
table.IconList {margin: 1rem 3rem;}
table.IconList td {border: solid 1px #e7e7e7; border-top:none; border-right: none; border-left: none; padding: 7px 10px 5px 7px;}
table.IconList td:first-child {padding: 7px 5px 5px 10px; min-width:40px !important;}
table.IconList td:last-child {padding: 7px 10px 5px 5px;}
table.IconList td p {margin: 0px !important;}

table.IconListBlue td {border: solid 1px #ffffff; border-top:none; border-right: none; border-left: none; padding: 7px 10px 5px 7px; background-color: #D8E7F6; }
table.IconListBlue td:first-child {padding: 7px 5px 5px 10px; min-width:40px !important;}
table.IconListBlue td:last-child {padding: 7px 10px 5px 5px;}
table.IconListBlue td p {margin: 0px !important;}

/* --------- CodeWithComent ----------- */
table.CodeWithComment {margin: 2rem 3rem !important; max-width: 900px; border: 0.15rem solid #ddd;}
table.CodeWithComment td {font-family: 'Courier New',Courier,monospace; padding-left: 0.5rem; padding-right:1rem; font-weight:600;}
table.CodeWithComment td:first-child {padding-top: 0.5rem;}
table.CodeWithComment td:last-child {padding-bottom: 0.5rem;}
table.CodeWithComment td p {line-height: 1.0; font-size: 0.95rem; margin: 0rem !important;}
table.CodeWithComment td p.p_Codegreen {color: #009900; font-size: 0.95rem; margin: 0rem !important;}
table.CodeWithComment td p span.f_CodeExample {font-size: 0.95rem;}
table.CodeWithComment td p span.f_Codegrey {color: #939393; font-size: 0.95rem;}
table.CodeWithComment td p span.f_Codeblue {color: #2d2dff; font-size: 0.95rem;}
table.CodeWithComment td p span.f_Codered {color: #FF0000; font-size: 0.95rem;}
table.CodeWithComment td p span.f_Codeviolett {color: #990099; font-size: 0.95rem;}

/* Position in toggle */
#hmpagebody_scroller table table.CodeWithComment {margin: 1rem 0rem !important;}


 





span.f_Absatz /* Absatz */
{
}
span.f_CodeExample /* Code Example */
{
 font-size: 1rem;
 font-family: 'Courier New',Courier,monospace;
 /*color: #fff;*/
 font-weight: 600;
 /*background-color: #999;*/
 padding: 0 5px;
}
span.f_Comment /* Comment */
{
}
span.f_CrossReference /* CrossReference */
{
 color: #3333ff;
 text-decoration: underline;
}

span.f_Hyperlink /* Hyperlink */
{
 text-decoration: underline;
}
span.f_ImageCaption /* Image Caption */
{
 font-size: 0.8rem;
 font-weight: 500;
 font-style: italic;
}
span.f_ListParagraph /* List Paragraph */
{
}
span.f_Notes /* Notes */
{
}
span.f_Titlepage_Modulname /* Titlepage-Modulname */
{
 font-size: 4.73rem;
 color: #ff1721;
}
span.f_toc1 /* toc 1 */
{
 font-size: 1.45rem;
 color: #808080;
}
span.f_toc2 /* toc 2 */
{
 font-size: 1.09rem;
 color: #808080;
 text-transform: uppercase;
}
span.f_toc3 /* toc 3 */
{
 font-size: 1.09rem;
 color: #ff1721;
}
span.f_toc4 /* toc 4 */
{
 color: #ff1721;
}
span.f_toc5 /* toc 5 */
{
 font-size: 0.82rem;
 color: #ff1721;
}

/* ---- Paragraph styles ------------- */

#hmpagebody_scroller p, p.p_Normal /* Normal */
{
 text-indent: 0;
 padding: 0 0 0 0;
 margin: 1rem 3rem;
}
#hmpagebody_scroller div.p_Normal /* Normal */
{
  text-indent: 0;
  padding: 0 0 0 0;
  margin: 2rem 3rem;
}
/*#hmpagebody_scroller p:first-child, p.p_Normal:first-child, div.p_Normal:first-child {
  margin: 3rem 3rem 1rem 3rem;
}*/

/* Position in toggle */
#hmpagebody_scroller table p, p.p_Normal /* Normal */
{
  margin: 1rem 0rem;
}
#hmpagebody_scroller table div.p_Normal /* Normal */
{
  margin: 1rem 0rem;
}
#hmpagebody_scroller table p:first-child, p.p_Normal:first-child, div.p_Normal:first-child {
  margin: 0rem;
}



.p_Absatz /* Absatz */
{
 font-size: 1.00rem;
}
.p_CodeExample /* Code Example */
{
 font-size: 0.73rem;
 line-height: 1.0;
 white-space: nowrap;
 page-break-inside: avoid;
}
.p_Comment /* Comment */
{
 font-size: 1.00rem;
}
.p_CrossReference /* CrossReference */
{
 font-size: 1.00rem;
 text-indent: -1.5000rem;
 line-height: 1.28;
 margin: 0 0 0.6875rem 1.5000rem;
}

.p_Hyperlink /* Hyperlink */
{
 font-size: 1.00rem;
}
.p_ImageCaption /* Image Caption */
{
 font-size: 0.73rem;
}
.p_Notes /* Notes */
{
 font-size: 1.00rem;
}
.p_toc1 /* toc 1 */
{
 font-size: 1.45rem;
 border-color: #dbd9d7;
 border-style: solid;
 border-width: 0.2500rem;
 background: #d9d9d9;
 margin: 0.7500rem 0.1875rem 0.7500rem 0.1875rem;
}
.p_toc2 /* toc 2 */
{
 font-size: 1.09rem;
 border-color: #e8e8e8;
 border-style: solid;
 border-width: 0.2500rem;
 background: #e8e8e8;
 margin: 0.7500rem 0.1875rem 0.7500rem 0.8125rem;
}
.p_toc3 /* toc 3 */
{
 font-size: 1.09rem;
 background: #f7d4d1;
 margin: 0 0 0 1.6875rem;
}
.p_toc4 /* toc 4 */
{
 font-size: 1.00rem;
 margin: 0 0 0 2.3750rem;
}
.p_toc5 /* toc 5 */
{
 font-size: 0.82rem;
 border-color: #ff1721;
 border-style: solid;
 border-width: 0;
 border-top: none;
 border-right: none;
 border-left: none;
 padding: 0.0625rem 0.0625rem 0.0625rem 0.0625rem;
 margin: 0 0 0.5625rem 3.2500rem;
}

}
/* Table styles */
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); }






#hmpopupdiv /* used for javascript text popups */
{
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #FFFFFF;
  padding: 6px;
  border:1px solid #000000;
  border-radius: 5px;
  box-shadow: 5px 5px 5px #888;
}

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




/* 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 }