<!--

/*  (c) ADONTEC


#FFFEF4   PaperColor (old #FFF7DE)
https://www.w3schools.com/colors/colors_picker.asp
#A9A9A9   DarkGray
#B0C4DE   LightSteelBlue
#7777CE   CadetBlue
#4169E1   RoyalBlue

'Source Sans Pro','Segoe UI',

"Fira Sans"
@import url('https://code.cdn.mozilla.net/fonts/fira.css');

font-size: small is 10pt
*/

/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400&display=swap');
*/

.default {
  font:normal normal normal 10.5pt/135% "Segoe UI",Verdana,Tahoma,Arial,Sans;
  color:#404040;
}
html {
  scroll-behavior: smooth;
}
HTML,BODY {
  font:normal normal normal 10.5pt/135% "Segoe UI",Verdana,Tahoma,Arial,Sans;
  color:#404040;
  background-color:#FFFEF4;
  margin:0px;
  padding:5px;
}
BODY.P_DESC {
  font:normal normal normal 10.5pt/135% "Segoe UI",Verdana,Tahoma,Arial,Sans;
  color:#404040;
  background-color:#FFFEF4;
  margin: 0px;
  padding: 5px;
}
BODY.P_DESC_2 {
  background:URL("images/back01.gif");
  font-size:small;
  color:#404040;
  background-color:WHITE;
}
TABLE,TD,TH {
  font:normal normal normal 10.5pt/135% Segoe UI,Verdana,Tahoma,Arial,Sans;
  color:#404040;
}
H4 { font-size:10.5pt; font-family:"Segoe UI",Verdana,Tahoma,Arial; line-height:100%; margin-bottom:-9pt; }
H3 { font-size:12pt; font-family:"Segoe UI",Verdana,Tahoma,Arial; line-height:100%; margin-bottom:-9pt; }
H2 { font-size:14pt; font-family:"Segoe UI",Verdana,Tahoma,Arial; line-height:100%; margin-bottom:-4pt; }
H1 { font-size:18pt; font-family:"Segoe UI",Verdana,Tahoma,Arial;}
.H01 {
  font:normal small-caps bold 14pt/135% "Segoe UI",Verdana,Tahoma,Arial;
  color:#1448C0;}
.H02 {
  font:normal small-caps bold 12pt/135% "Segoe UI",Verdana,Tahoma,Arial;
  color:#1448C0;}
.H03 {
  font:normal small-caps bold 1em/135% "Segoe UI",Verdana,Tahoma,Arial;
  color:#1448C0;}

DIV.ProductHead {
 font-size:24pt;
 font-weight:bold;
 color:#ffff80;
 background-color: #000080;
 border:none;
 margin-left:0;
 padding-left:0;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
H1.ProductHead {
 line-height:90%;
 font-size:24pt;
 font-weight:bold;
 color:#ffff80;
 background-color: #000080;
 border:none;
 margin:12pt 0 12pt 0;
 padding:8pt;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
H1.ProductHead hr {
  background-color:#FFFFEE;
  color:#FFFFEE;
  height:1px;
}
SPAN.ProductTitleBig {
  font-size:24pt;
  font-weight:bold;
  xfont-family:Verdana,Tahoma;}
SPAN.ProductTitleMedium {
  font-size:14pt;
  font-weight:normal;
  xfont-family:Verdana,Tahoma;}
SPAN.ProductTitleSmall {
  font-size:10pt;
  font-weight:normal;
  xfont-family:Verdana,Tahoma;}


/*correct line height with sup */
sup { vertical-align:top; position:relative; top: -0.5em; }

/* -- a {} is important for Mozilla --
:link, :visited, :hover, :active   Reihenfolge beachten !
*/

SPAN.vn { font-variant:normal; }
.smcaps { font-variant:small-caps; }
.smcapsi { font-variant:small-caps; font-style:italic; }
CODE { font-family:"sans serif","Courier New",Courier; font-size:9pt; color:#808080; }
CODE FONT { font-family:"sans serif","Courier New",Courier; }
EM {
 color:black;
 text-decoration:none;
 font-variant:normal;
 font-style:normal;
 font-weight:bold;
}
.TXTEX EM {font-style:italic;font-weight:normal; color:#436587; background-color:#F7F9FB;}
.TXTEX2 EM { color:#404040; font-weight:normal; background-color:#FEFFF4; letter-spacing: 0.03em; }  /* FCFFE1 #FAFAFA;*/
CODE EM { color:#3E3E3E; font-family:"sans serif","Courier New",Courier; font-weight:normal; }
.CBEM {}
.CBEM EM { color:#0080FF; font-weight:normal;}
.CBEM CODE EM { color:#1325C6; font-weight:normal;}
.CREM {}
.CREM EM { color:Teal; font-weight:normal;}  /*#339966, #C62513*/
.CREM CODE EM { color:Teal; font-weight:normal;} /*LightSeaGreen, #C62513*/
HI { /* HI not recognised by IE ! */
 color:#0080FF;
 text-decoration:none;
 font-variant:normal;
 font-style:normal;
}
ACRONYM { font-variant:normal;font-style:normal;font-weight:normal;text-decoration:none; border:0; border-bottom:1px dotted #808080; }

/*a:link, a:visited, a:hover, a:active - in that order!*/

a { text-decoration:none; color:#336699; }
a:link { font-style:normal; text-decoration:none; color:#4169E1; }
a:visited { color:#B0C4DE; }
a:hover { color:#DC143C; }
a:active { color:#DC143C; }
a:focus { color:#DC143C; }
.hsmartref { color:#000; display:none; text-decoration:none; cursor:text;}

.codebox { /* defines a header */
 border:2px outset #CACACA;
 border-bottom:0px;
 padding:3px;
 width:600px;
 background-color:blue; /* #ccccff; */
 font-weight:normal;
 color:White;
 line-height:150%;
}
.content {
 border: 2px outset #CACACA;
 padding:3px;
 margin:0px;
 width:600px;
 background-color:White;
}
.content2 {
 border: 1px outset #CACACA;
 padding:1px;
 margin:0px;
 width:300px;
 background-color:White;
}

p.inbox {padding: 5px 10px 5px 5px; margin:0px;}
#inbox {padding: 5px 10px 5px 5px; margin:0px;}

/* --
<DIV><span class="boxedlabel">Help</span></DIV>
<div class="box">
</div>
-- */

.boxedlabel {
  font-size:9pt;
  font-weight:Bold;
  background-color:#2474D5;
  color:White;
  padding:1px 10px 1px 10px;
  margin:0;
  margin-left:6pt;
}
.box {
  background-color:#FCFDFE;
  border:1px solid #CACACA;
  padding:5px 10px 5px 10px;
  margin-bottom:6pt;
}
.boxedpricelabel {
  background-color: white;
  font-weight: Bold;
  font-size: 8pt;
  padding: 0pt 0pt 0pt 0pt;
  margin: 8pt 8pt 8pt 8pt;
}

small { font-size:8pt; }

.phonenr { display:none;  font-size:8pt; color:gray; margin:10pt;}
.small_1 { font-size:8pt; }
.small_2 { font-size:7pt; }
.small_99 { font-size:6pt; }
.italic { font-size:9pt; font-style:italic; color:gray; }
.first {
 left:0pt;
 position:relative;
 font-family:"Segoe UI",Verdana,Tahoma,Arial,Sans;
 font-size:8pt;
 line-height:110%;
 margin-top:0pt;
 margin-bottom:0pt;
}
.rest {
 left:10px;
 position:relative;
 font-size:8pt;
 line-height:110%;
 color:#A9A9A9;
 margin-top:2pt;
 margin-left:0;
 margin-right:2pt;
 margin-bottom:8pt;
}
.SimpleBox {
 border:thin;
 border-style:outset;
 background-color:white;
 padding:5px;
 color:gray;
}
.myref { font-size:8pt;}
.SimpleBox .myref a {
 padding:1px 2px 1px 2px;
 border:1px outset #DBDBDB;
 border-radius:4px;
 box-shadow: 1px 1px #888888;
 background-color:#FFF5E1;
}
.pgmhead {
 background-color:#3A2CEF;
 color:white;
 display:block;
 padding:2pt;
 margin:0;
}
.SimpleRoundedBox {
 border:thin;
 border-style:outset;
 background-color:white;
 padding:5px;
 color:gray;
}
P.boxed_0 {
 border-width:thin;
 border-style:groove;
 background-color:RGB(204,204,255);
 padding:5pt;
 font-family:Verdana,Arial;
 font-weight:bold;
 color:#ffffff;
}
P.boxed_1 {
 border-width:thin;
 border-style:groove;
 background-color:RGB(204,204,255);
 padding:5pt;
 font-family:Verdana,Tahoma,Arial,Sans;
 font-weight:normal;
 color:#ffffff;
}
DIV.boxed_1 {
 border-width:thin;
 border-style:groove;
 background-color:RGB(204,204,255);
 padding:5pt;
 font-family:Verdana,Tahoma,Arial,Sans;
 font-weight:normal;
 color:#ffffff;
}
SPAN.boxed_1 {
 border-width:thin;
 border-style:groove;
 background-color:RGB(204,204,255);
 padding:5pt;
 font-family:Arial;
 font-weight:bold;
 color:#ffffff;
}
.roundcorners {
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
.dot {list-style:none; margin:0; padding:0;}
.dot LI {
 background-image: url(/images/10_dot.gif);
 background-repeat: no-repeat;
 background-position: left 5pt;
 padding: 3px 0 3px 12pt;
 margin: .4em 0;
}

.hh { padding:0; margin:0; font-size: 6pt; color: white; display:none; }


/*---------------------------------------------*/
/*---  menu changed from yellow/orange like to gray */

.RQO { color:rgb(0,255,0); font-size:12pt; }


.RQOARROW::after {
  color:#00AFFF; // rgb(0,255,0);
 font-size:12pt;
 content: "\00BB"; 

 // display: inline-block;
 // position: absolute;
 // width: 2em; 
 // right:0;
}

.RQOARROW_SELECTED::after {
 color:#00AFFF;
 font-size:12pt;
 content: "\00AB"; //"\25BC";
}

        
.menu01 {
font-family:Verdana,Tahoma;
 margin:0px;
 padding:1px;
 border:1px solid #76B9EF;
 background-color:white;
 color:White;
}
.menu01 ul {
 margin:0;
 padding:0;
 font-size:8pt;
 list-style:none;
}
.menu01 ul li {
 margin:0;
 padding:0;
 border-width:1px 0 1px 0;
 border-style:solid;
 border-color:white;
 text-decoration:none;
 font-style:normal;
 font-variant:normal;
 display:block;  /* enables href whole line */
 background-color: #6F6F6F; /*--- wheat; */
}
.menu01 ul li a {
 /*height:100%; */ /* IE needs this but confuses Mozilla */
 padding:0px 2px 0px 2px;
 font-size:8pt;
 font-style:normal;
 font-variant:normal;
 display:block;  /* enables href whole line */
}
.menu01 ul li a:link {
 color: White; /*--- */
 font-style:normal;
 font-variant:normal;
 text-decoration:none;
}
.menu01 ul li a:visited {
 background-color:White; /*--- wheat; */
 color:#CFCFCF;
 font-style:normal;
 font-variant:normal;
 text-decoration:none;
}
.menu01 ul li a:hover {
 color: White;
 background-color:#BFBFBF; 
 font-style:normal;
 font-variant:normal;
 text-decoration:none;
}
.menu01 ul li a:focus {
/* IE using active, when clicked and selected */
/* FireFox,Opera show selected when  a:focus */
 color: gray; 
 background-color: #DFDFDF; /*--- #F5F5F5;*/
 font-style:normal;
 font-variant:normal;
 text-decoration:none;
 /*font-weight:light;*/  /* normal ignored by FireFox*/
}
.menu01 ul li a:active {
/* IE = active, Mozila = when selecting */
 background-color:#F5F5F5;
 color: White;
 font-style:normal;
 font-variant:normal;
 text-decoration:none;
}
/*---------------------------------------------*/

.menu01b {
 border:1px solid white;
 background-color:#616161;
}
.menu01b ul li { background-color:#616161; color:white;  border-width:0px 0 1px 0;}
.menu01b ul li a { text-decoration:none; color:white;  padding:0;}
.menu01b ul li a:link { font-style:normal; text-decoration:none; color:white; }
.menu01b ul li a:visited { color:#B0C4DE; }
.menu01b ul li a:active { color:#DC143C; }
.menu01b ul li a:focus, .menu01b ul li a:hover { text-decoration:underline; background-color:#C0C0C0;   color:white; }

.header { /* same as A */
 font:normal normal normal 8pt/110% Verdana,Tahoma,Arial,Sans;
 text-align:center;
 margin:0;
 padding:2px 0px 2px 0px;
 background-color:white;
 color:#0080FF;
 display:block;  /* enables href whole line */
}
.newproduct {
 font:normal normal normal 6pt Arial,Sans;
 color:#FF0000;
}
kbd{
 font-family:Arial,Sans-Serif;
 color:#000000;
}
.IBMT kbd{
 font-family:Arial,Sans-Serif;
 color:#000000;
 white-space:nowrap;
 padding:5px 3px;
 background-color:#EEEEEE;
 border-width:2px 4px 5px 3px;
 border-style:solid;
 border-color:#CCCCCC #AAAAAA #888888 #BBBBBB;
}
/*.absmiddle { vertical-align:middle; }*/
.absmiddle { vertical-align:middle; margin-bottom:.25em; }
.CONTENT_TOP { 
 content:url('images/10g_dot.gif');
 width: 6px;
 height: 6px;
 display: inline-block;
 padding-right: 3pt;
}

DIV.table_func { }
DIV.table_func TABLE {background-color:#FFFFF0; border:1px solid #CACACA;}
DIV.table_func TD {border:1px solid #CACACA;}
DIV.table_func TR {background-color:#FFFFF0; }
.transparency {opacity:0.8;}
.transparency2 { color:rgb(255, 255, 255); opacity:0.5; color:rgba(255, 255, 255, 0.5); }
.hide {display:none;}

div.img_t  {
  border:0;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
}
div.img_t img  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
}
div.img_t a:hover img {  border:1px solid #0000ff;  }
div.desc { text-align:center; }

.MBUL {}
.MBUL LI { margin-bottom:4pt; }


  -->