@charset "UTF-8";



body {

  -webkit-user-select: none;



  -webkit-hyphens: auto;



  -moz-hyphens: auto;



  hyphens: auto;



  margin: 0px 0px 0px 0px;



  padding: 5px 3px 5px 3px;



  font-family: Arial;



  color: #3e3d40;



  font-size: 17px;



  word-spacing: 1px;



  text-align: left;

}



/*-----------------------Splitt Mark within Content------------------------*/



p.html-page-end-here {

  color: #f00;



  font-size: 14px;



  font-weight: bold;

}



/*-----------------------Standard Text Definition------------------------*/



p {

  margin: 2px;



  line-height: normal;

}



.indent {

  margin-left: 10px;



  line-height: normal;

}



p.text {

  margin-bottom: 5px;

}



/*-----------------------Headline Definition - 4 Level (Note: Display: none! Exception Level 4 clarify behavior with Editor)------------------------*/



p.h1:first-child {

  margin-top: 0px;

}



p.h1 {

  color: #08338f;



  font-size: 17px;



  line-height: 1.4em;



  font-weight: bold;



  margin: 10px 0px 3px 2px;



  display: none;

}



p.h2 {

  color: #298a08;



  font-size: 16px;



  line-height: 1.4em;



  font-weight: bold;



  margin: 5px 0px 0px 2px;



  display: none;

}



p.h3 {

  color: #ff8000;



  font-size: 15px;



  line-height: 1.4em;



  font-weight: bold;



  margin: 5px 0px 0px 2px;



  display: none;

}



p.h4 {

  color: #585858;



  font-size: 16px;



  line-height: 1.3em;



  font-weight: bold;



  margin: 2px 0px 0px 2px;



  display: none;

}



/*-----------------------Enumeration with Bullet Points - First Level------------------------*/



p.listlevel1:before {

  content: "\2022";



  margin-right: 0.5em;



  color: #58585a;

}



p.listlevel1 {

  margin: 0px;



  text-indent: -0.9em;



  margin-left: 1.15em;



  line-height: 1.3em;

}



p.listlevel1_bullet:before {

  content: "\2022";



  margin-right: 0.5em;



  color: #58585a;

}



p.listlevel1_bullet {

  margin: 0px;



  text-indent: -0.9em;



  margin-left: 2em;



  line-height: 1.3em;

}



/*-----------------------Enumeration with Hyphen - Second Level------------------------*/



p.listlevel2:before {

  content: "\2212";



  margin-right: 0.4em;

}



p.listlevel2 {

  margin: 0px;



  text-indent: -0.9em;



  margin-left: 2em;



  line-height: 1.3em;

}



p.listlevel3:before {

  content: "\2212";



  margin-right: 0.3em;

}



p.listlevel3 {

  margin: 0px;



  text-indent: -0.5em;



  margin-left: 2.3em; /*1.15em;*/



  line-height: 1.4em;

}



/*-----------------------Numbered List, first and second Level Note: also latin, small/big letters ------------------------*/



ol.enum1 {

  margin-top: 5px;



  margin-bottom: 10px;



  padding-left: 1.7em;



  list-style-position: outside;

}



li.enum1 {

  margin: 0px 2px 0px 3px;



  text-align: left;



  line-height: 1.2em;

}



ol.enum2 {

  margin: 5px 0px 5px 0px;



  padding-left: 3.2em;



  list-style: lower-latin;



  list-style-position: outside;

}



li.enum2 {

  margin: 0px 2px 0px 2px;



  text-align: left;



  line-height: 1.2em;

}



/* -----------------Ordered list---------------        */



p.list:before {

  content: "";



  margin-right: 0.8em;

}



p.list {

  margin: 0px;



  text-indent: -1.999em;



  margin-left: 1.5em;



  margin-bottom: 0.4em;



  margin-top: 0.05em;



  color: #2e2d30;

}



/*-----------------------Standard Source Code with div box------------------------*/



p.reference {

  font-size: 16px;



  line-height: 18px;



  margin-bottom: 5px;

}



div.ref {

  background: #e6e8fa; /*or #f5f5f5 very light bg*/



  border: 1px solid #fff;



  padding: 5px 2px 2px 2px;



  margin: 7px 1px 13px 5px;



  border-radius: 5px;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);

}



/*-----------------------Standard footnote with div container------------------------*/



p.footnote {

  font-size: 16px;



  font-style: italic;



  line-height: 18px;



  margin-bottom: 5px;

}



div.footn {

  background: #d9d9f3; /*or #f5f5f5 very light bg*/



  border: 1px solid #d9d9f3;



  padding: 2px 2px 0px 2px;



  margin: 7px 1px 10px 5px;



  border-radius: 5px;



  -moz-border-radius: 1px;



  -webkit-border-radius: 1px;



  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);

}



/*----------Standard Image Declaration with div container - use div container for Images and Algorithm-----------*/



.img-anchor {

  font-color: red;



  font-weight: bold;

}



div.legend {

  width: 100%;



  margin-top: 7px;



  margin-bottom: 7px;



  margin-left: 1px;



  padding: -1px;



  border: 0px solid #a6003a;



  color: #58585a; /* gray 80% */

}



img {

  width: 100%;

}



/*-----------------------Standard Image/Algorithm caption------------------------*/



p.fig-caption {

  font-weight: bolder;



  color: #3e3d40;



  text-align: left;



  margin-top: 12px;

}



/*-------------------------------Images------------------------------------*/



@media screen and (max-height: 568px) {

  Div.imge img {

    max-width: 310px;

  }

}



@media screen and (max-height: 310px) {

  Div.img img {

    max-width: 555px;

  }

}



@media screen and (max-width: 448px) {

  Div.img img {

    max-width: 437px;

  }

}



@media screen and (max-width: 320px) {

  Div.img img {

    max-width: 310px;

  }

}



/*--------------------------Standard Table Declaration------------------------*/



table.table + table.table {

  margin-top: 15px;

}



table.table {

  width: 100%;



  table-layout: fixed;



  border-top: 1px solid #bfbfbf;



  border-collapse: collapse;



  margin: 0px 0px 3px 1px;

}



/*------------------------------Caption----------------------------*/



caption {

  margin: 0px 2px 3px 2px;



  text-align: left;

}



/*-----------Standard Table head declaration, first, second Level and third Level----------*/



th.table-header1 {

  background-color: #74787a;



  padding: 3px 2px 3px 2px;

}



th.table-header2 {

  background-color: #b0b0b0;



  padding: 3px 2px 3px 2px;

}



th.table-header3 {

  background-color: #dbdbdb; /*#D5D4D4; */



  padding: 3px 2px 3px 2px;



  vertical-align: top;

}



th.table-header4 {

  background-color: #fce3d9; /*#D5D4D4; */



  padding: 3px 2px 3px 2px;



  vertical-align: top;

}



/*---------------Border behavior of table header---------------	*/



th.table-header1:first-child {

  border-bottom: 1px solid #e5e5e5;

}



th.table-header1 + th.table-header1 {

  border-left: 1px solid #e5e5e5;

}



th.table-header2 + th.table-header2 {

  border-left: 1px solid #e5e5e5;

}



th.table-header3 + th.table-header3 {

  border-left: 1px solid #bfbfbf;

}



th.table-header4 + th.table-header4 {

  border-left: 1px solid #bfbfbf;

}



/*----------Standard Table Header Text declaration---------------*/



p.table-title1 {

  color: #ffffff;



  font-size: 16px;



  line-height: 18px;



  letter-spacing: 0.7px;



  text-align: left;



  margin-left: 5px;

}



p.table-title2 {

  color: #000000; /*#3E3D40;*/



  font-size: 16px;



  font-weight: bold;



  line-height: 18px;



  word-spacing: 1px;



  text-align: left;



  margin-left: 5px;

}



p.table-title3 {

  color: #3e3d40;



  font-size: 16px;



  font-weight: 450;



  line-height: 18px;



  word-spacing: 1px;



  text-align: left;



  margin-left: 5px;



  font-weight: normal;

}



p.table-title4 {

  color: #3e3d40;



  font-size: 16px;



  font-weight: 450;



  line-height: 18px;



  word-spacing: 1px;



  text-align: left;



  margin-left: 5px;



  font-weight: normal;

}



/*---------Table columns and table rows border behavior----------*/



tr:first-child {

  border-bottom: 1px solid #bfbfbf;

}



tr + tr {

  border-bottom: 1px solid #bfbfbf;

}



td + td {

  border-left: 1px solid #bfbfbf;

}



td {

  padding: 3px 2px 3px 2px;



  background: #ffffff;



  vertical-align: top;

}



/*-------------------Standard Table Text----------------------*/



p.table-text {

  color: #3e3d40;



  font-family: Arial;



  font-size: 16px;



  line-height: 18px;



  margin-left: 3px;



  text-align: left;

}



p.table-text-white {

  color: #ffffff;



  font-family: Arial;



  font-size: 16px;



  line-height: 18px;



  margin-left: 3px;



  text-align: left;

}



/*------------------------------------Additional Table Declarations/Exceptions -----------------------------------*/



/*---------Standard Table Header Text Centered----------*/



p.table-title1-cent {

  color: #ffffff;



  font-weight: bold;



  font-size: 16px;



  line-height: 18px;



  word-spacing: 1px;



  letter-spacing: -0.5px;



  margin: 3px 2px 0px 2px;



  text-align: center;

}



p.table-title2-cent {

  color: #3e3d40;



  font-weight: bold;



  font-size: 16px;



  line-height: 18px;



  word-spacing: 1px;



  letter-spacing: -0.5px;



  margin: 3px 2px 0px 2px;



  text-align: center;

}



p.table-title3-cent {

  color: #3e3d40;



  font-weight: bold;



  font-size: 16px;



  line-height: 18px;



  word-spacing: 1px;



  letter-spacing: -0.5px;



  margin: 3px 2px 0px 2px;



  text-align: center;

}



/*-------------------Standard Table Text centered----------------------*/



p.table-text-cent {

  color: #3e3d40;



  font-family: Arial;



  font-size: 16px;



  line-height: 18px;



  margin-left: 3px;



  text-align: center;

}



/*---------Table Cell Declaration Background any color----------*/



/*---------Column background gray  ----------*/



td.col-gray1 {

  background-color: #f4f4f4;



  padding: 5px 2px 5px 2px;

}



/*---------Column background blue  ----------*/



td.col-blue1 {

  background-color: #c2cce8;



  text-align: left;



  padding: 5px 2px 5px 2px;

}



td.col-green {

  background-color: #e6efbc;



  text-align: left;



  padding: 5px 2px 5px 2px;

}



td.col-orange {

  background-color: #ffe3a5;



  text-align: left;



  padding: 5px 2px 5px 2px;

}

td.col-purple {

  background-color: #d3c5d5;



  text-align: left;



  padding: 5px 2px 5px 2px;

}



/*---------Border Right and Left are Hidden----------*/



td.col-hidden {

  background-color: #ffffff;



  padding: 5px 2px 5px 2px;



  border-right: hidden;



  border-left: hidden;

}



/*---------Border bottom Hidden----------*/



td.col-bohidden {

  background-color: #ffffff;



  padding: 5px 2px 5px 2px;



  border-bottom: hidden;

}



/*---------Border TOP Hidden----------*/



td.col-tophidden {

  background-color: #ffffff;



  padding: 5px 2px 5px 2px;



  border-top: hidden;

}



/*----------------------------Different Text Highlighting Character styles---------------------------*/



/*---------Bold Text black----------*/



span.bold {

  font-weight: bold;



  /*color:#000000; */

}



span.normal {

  font-weight: normal;

}



/*---------Bold Text any color----------*/



span.bold-color {

  font-weight: bold;



  color: #1a60b3;

}



/*---------Bold Text and Underlined----------*/



span.bold-underline {

  font-weight: bold;



  color: #f06e00;



  text-decoration: underline;

}



/*---------Italic Text--------------*/



span.italic {

  font-style: italic;

}



/*---------Italic Text and Underlined--------------*/



span.italic-underline {

  text-decoration: underline;



  font-style: italic;

}



/*--------------Text Underlined--------------*/



span.underline {

  text-decoration: underline;

}



/*--------------Text font white--------------*/



span.text-white {

  color: #ffffff;

}



span.math-b {

  font-style: normal;

}



span.math-c {

  font-style: normal;

}



span.symbol {

  font-style: normal;

}



/*--------------Text/Number/Sign superscripted/subscripted--------------*/



span.text-sup {

  vertical-align: top;



  font-size: 0.7em;



  margin-left: 1px;



  margin-right: 1px;



  line-height: 100%;

}



span.text-sub {

  vertical-align: bottom;



  font-size: 0.7em;



  margin-left: 1px;



  margin-right: 1px;



  line-height: 100%;

}



text-sub,

text-sup {

  line-height: 0.6em;

}



/*----------------------------------Linking extern within HTML Pages (intern)-----------------------*/



/*--------------Linking intern-------------*/



/* unvisited link */



a.inter-ref:link {

  color: #4bc851;



  text-decoration: none;

}



/* visited link */



a.inter-ref:visited {

  color: #008000;

}



/* mouse over link */



a.inter-ref:hover {

  color: #b7c3d0;

}



/* selected link 



.inter-ref:active 		{



    					color: #0000FF;



						}*/



/*--------------Linking extern-------------*/



/* unvisited link */



a.exter-ref:link {

  color: #4971dd;



  font-style: italic;

}



/* visited link */



a.exter-ref:visited {

  color: #0345f7;

}



/* mouse over link */



a.exter-ref:hover {

  color: #0345f7;

}



/* selected link 



.exter-ref:active 		{



    					color: #0000FF;



						}*/



/*--------------Table footnote link-------------*/



div.footnote-ref:link {

  color: #8b8878;



  font-style: italic;



  font-size: 16px;

}



div.footnote-ref {

  background: #eee9bf; /*or #f5f5f5 very light bg*/



  border: 1px solid #fff;



  padding: 5px 2px 2px 2px;



  margin: 10px 1px 13px 5px;



  border-radius: 5px;



  -moz-border-radius: 5px;



  -webkit-border-radius: 5px;



  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);

}



/*------------------Table diagonal lines pattern----------------------*/



td.diagonal_lines_pattern {

  background-image: -webkit-gradient(

    linear,

    left bottom,

    right top,

    color-stop(0, #ccc),

    color-stop(0.25, #ccc),

    color-stop(0.25, #bbb),

    color-stop(0.5, #bbb),

    color-stop(0.5, #ccc),

    color-stop(0.75, #ccc),

    color-stop(0.75, #bbb)

  );



  background-image: -webkit-linear-gradient(

    left bottom,

    #ccc 0%,

    #ccc 25%,

    #bbb 25%,

    #bbb 50%,

    #ccc 50%,

    #ccc 75%,

    #bbb 75%

  );



  background-image: -moz-linear-gradient(

    left bottom,

    #ccc 0%,

    #ccc 25%,

    #bbb 25%,

    #bbb 50%,

    #ccc 50%,

    #ccc 75%,

    #bbb 75%

  );



  background-image: -ms-linear-gradient(

    left bottom,

    #ccc 0%,

    #ccc 25%,

    #bbb 25%,

    #bbb 50%,

    #ccc 50%,

    #ccc 75%,

    #bbb 75%

  );



  background-image: -o-linear-gradient(

    left bottom,

    #ccc 0%,

    #ccc 25%,

    #bbb 25%,

    #bbb 50%,

    #ccc 50%,

    #ccc 75%,

    #bbb 75%

  );



  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#bbbbbb',GradientType=0 );



  background-image: linear-gradient(

    left bottom,

    #ccc 0%,

    #ccc 25%,

    #bbb 25%,

    #bbb 50%,

    #ccc 50%,

    #ccc 75%,

    #bbb 75%

  );



  background-size: 30px 30px;



  width: 100%;



  height: 100%;

}



/*------------------Opacity----------------------*/



div + div {

  margin-top: 13px;

}



div.box-opacity {

  background-color: #d4d4d4;



  filter: alpha(opacity=20); /* IE 5-7 */



  opacity: 0.4;



  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

}



/*------------------Opacity with background image and font black----------------------*/



div.background {

  background: url(img/flower2.jpg) repeat;



  border: 1px solid pink;



  border-radius: 15px;

}



div.transbox {

  margin: 30px;



  background-color: #ffffff;



  border: 1px solid pink;



  border-radius: 0px 25px 0px 25px;



  opacity: 0.6;



  filter: alpha(opacity=60); /* For IE8 and earlier */

}



div.transbox p {

  margin: 5%;



  font-weight: bold;



  color: #000000;

}



/*------------------listing with brace = ) https://css-tricks.com/almanac/properties/l/list-style/ ----------------------*/



ol.brace {

  /*list-style-type: lower-alpha;*/



  /*list-style-type: upper-roman;*/



  margin-top: 5px;



  margin-bottom: 10px;



  padding-left: 1.7em;



  list-style-position: outside;

}



li.brace:before {

  content: ")";



  margin-left: -11px;



  margin-right: 8px;

}



li.brace {

  margin: 0px 2px 0px 3px;



  text-align: left;



  line-height: 1.2em;

}



span.text-blue {

  color: #0080c6;

}



span.bold-blue {

  color: #0080c6;



  font-weight: bold;

}



/*--------------AP special tagging-------------							







Ws-b



						{	



						margin: 2px;



						font-weight: bold;



						}



						



Rp-OTC					{	



						margin: 2px;



						font-weight: normal;



						}



						



HWZ-SS					{	



						margin: 2px;



						font-weight :normal;



						}







Hn-b					{	



						margin: 2px;



						font-weight: bold;



						}



						



Appl					{	



						margin: 2px;



						font-weight: normal;



						}



						



Dosis					{	



						margin: 2px;



						font-weight: normal;



						}







Gewebe_text				{	



						margin: 2px;



						font-weight: normal;



						}







Wirkung 				{	



						margin: 2px;



						font-weight: normal;



						}



						*/



.flip-pdf-button {

  width: 50px;

  height: 45px;

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  -o-border-radius: 7px;

  border-radius: 7px;

  background: #f2f2f2;

  border: solid 1px #c0c0c0;

  vertical-align: baseline;

  margin: auto;

  float: right;

}

.pdf-image {

  position: absolute;

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  width: 35px;

  height: 35px;

  vertical-align: middle;

}



div.static-reference-box {

  margin-top: 10px;

  width: 95%;

  -webkit-border-radius: 5px;

  -moz-border-radius: 5px;

  -o-border-radius: 5px;

  border-radius: 5px;

  font-family: Arial, sans-serif;

  text-align: left;

  background-color: #d0d0d0;

  font-size: 16px;

  color: #303030;

  font-style: italic;

  float: left;

  padding: 10px;

}