:root {
  --headerheight:3rem;
  --dpr:1;
  --cBack:#dfdfdf;
  --cHead:#dfdfdfC0;
  --cWindow:#fff;
  --cText:#000;
  --cEdit:#fff;
  --cInfoBk:#ffd;
  --cInfoText:#500;
  --cLink:#901;
  --cMenu1:#66666666;
  --cMenu2:#ffffffff;
  --cMenuText:#06c;
  --cBoxHead:#5f5f5f;
  --cMoney:#118c4f;
  --cLvl1:#efefef;
  --cLvl2:#ffffff;
  --clr0:#fff;
  --clr1:#e6e6e6;
  --clr2:#cdcdcd;
  --clr3:#b4b4b4;
  --clr4:#9b9b9b;
  --clr5:#646464;
  --clr6:#4b4b4b;
  --clr7:#323232;
  --clr8:#191919;
  --clr9:#000;
  --kemoBlue:#0f2f8f;
  --kemoRed:#d02;
  --kemoGreen:#2d0;
}

* {
  box-sizing: border-box;
}

body {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  margin:0px;
  /*color:var(--cText);
  background-color:var(--cBack);*/
  max-width:80rem;
  margin:auto;
}

a {
  color: #036;
  text-decoration: none;
}

a:hover {
  color: #d02;
  text-decoration: underline;
}

h1 {
  font-size:16px;
  font-weight:bold;
  color: #d02;
}
h2 {
  font-size:15px;
  font-weight:bold;
  color: #a02;
}

table {
  max-width:100%;
  border-collapse:collapse;
  border-spacing: 0px;
}

th {
  color:#597;
  padding:2px;
/*  border-bottom: 1px solid #000; */
  border-spacing: 0px;
  font-size:10px;
}

a.hlink {
  color: #036;
}

a.hlink:hover {
  color: #d02;
  text-decoration: underline;
}

table.info {
  font-weight:bold;
  
  border-collapse:collapse;
  border:1px solid #000;
  border-radius:5px;
  -moz-border-radius:5px;
  -khtml-border-radius:5px;
}

.info1 {
  padding:5px;
  margin:7px;
  border:1px solid #888;
}

.info2 {
  text-align:right;
  padding:5px;
  margin:7px;
  color:#040;
  border:1px solid #888;
}

.c000 {
  font-size:12px;
  margin:0px;
  padding:2px;
  padding-bottom:0px;
  color:#000;
  border-bottom:1px solid #ddd;
}

.c777 {
  font-size:12px;
  margin:0px;
  padding:2px;
  padding-bottom:0px;
  color:#999;
  border-bottom:1px solid #ddd;
}

.c707 {
  font-size:12px;
  margin:0px;
  padding:2px;
  padding-bottom:0px;
  color:#707;
  border-bottom:1px solid #ddd;
}

.c666 {
  font-size:12px;
  margin:0px;
  padding:2px;
  padding-bottom:0px;
  color:#a03;
  background-color:#ffe;
  border-bottom:1px solid #ddd;
}

.m00 {
  font-size:14px;
  font-weight:bold;
  margin:0px;
  padding:0px 4px 0px 4px;
  color:#000;
  border-bottom:1px solid #ddd;
  background-color:#fff;
  vertical-align:top;
}

.m01 {
  font-size:14px;
  font-weight:bold;
  margin:0px;
  padding:0px 4px 0px 4px;
  color:#000;
  border-bottom:1px solid #ddd;
  background-color:#fff;
  vertical-align:top;
}

.mx {
  font-size:10px;
  margin:0px;
  padding:0px 4px 0px 4px;
  color:#999;
  text-decoration:line-through;
  background-color:#f7f7f7;
  border-bottom:1px solid #ddd;
  vertical-align:top;
}

.mg {
  font-size:10px;
  margin:0px;
  padding:0px 4px 0px 4px;
  color:#777;
  background-color:#f7f7f7;
  border-bottom:1px solid #ddd;
  vertical-align:top;
}

.gugl {
  height:1.5rem;
  margin-top:2px;
  min-width:160px;
  text-align:center;
  font-size:1.125rem;
}

.gugledit {
  height:100%;
  margin:0px;
  padding:5px;
  border-radius:7px 0px 0px 7px;
  border:1px solid #b80;
}

.guglbtn {
  height:100%;
  border:1px solid #b80;
  margin:0px 1px;
  padding:5px;
  border-radius:0px 7px 7px 0px;
  background-color:#eee;
}

.btnlogin {
  border:1px outset #d02;
  margin:0px;
  padding:0px;
  background-color:#ff0;
  font-weight:bold;
}

a.fbutton {
  font-size:10px;
  color:#fff;
  display:block;
  padding:2px;
  margin:1px;
  float:right;
  border:1px outset #052;
  background-color:#5a0;
  -moz-border-radius:5px;
  text-shadow:0px 0px 7px #000;
}
a.fbutton:hover {
  color:#fff;
  text-shadow:0px 0px 7px #def;
  text-decoration:none;
}

div.closebtn {
  cursor:pointer;
  background-color:#d02;
  color:#fff;
  text-align:center;
  vertical-align:center;
  padding:2px;

  font-weight:bold;
  font-size:12px;
  position:absolute;
  right:2px;
  top:2px;
  width:14px;
  height:14px;
  border:1px outset #ccc;
  border-radius:6px;
  -moz-border-radius:6px;
  -khtml-border-radius:6px;
}

.ed0 {
  color:040;
  font-size:11px;
  font-weight:bold;
  padding:4px;
}

.smalltext {
  font-size:9px;
}


div.zoll {
  width:100%;
  display:table;
  border-collapse: collapse;
}

div.zoll > div {
  display:table-row;
}

div.zoll > div:first-child {
  font-size:0.75rem;
  font-weight: bold;
}

div.zoll > div > div {
  font-size:0.625rem;
  display:table-cell;
  padding:2px;
  white-space:nowrap;
  border-top:1px solid #444;
  cursor: pointer;
}

div.zoll > div > div:first-child {
  font-weight: bold;
}

NOTdiv.zoll > div > div:last-child {
  font-size:0.75rem;
  
  white-space:wrap;
  max-width:20em;
  height:auto;
}

.zolltext5 {
  color:var(--cInfoText);
  background-color:var(--cInfoBk);
  padding:3px;
  cursor: text !important;
}

table.zoll {
  width:100%;
  border:0px solid #f0f;
  font-size:12px;
  border-collapse:collapse;
}

table.zoll th{
  text-align:left;
  padding-left:4px;
}

table.zoll td{
  border-top:1px solid var(--clr7);
  text-align:left;
  vertical-align:top;
  padding:1px 4px;
  margin:0px;
  cursor: pointer;
}

table.zoll td.zoll0{
  font-size:12px;
  font-weight: bold;
  white-space:nowrap;
}

table.zoll td.zoll1{
  font-size:12px;
  white-space:nowrap;
}
table.zoll td.zoll2{
  font-size:11px;
  white-space:nowrap;
}
table.zoll td.zoll3{
  font-size:11px;
  white-space:nowrap;
}
table.zoll td.zoll4{
  font-size:10px;
  white-space:nowrap;
}

table.zoll td.zoll5{
  font-size: 10px;
}

table.zoll td.zoll6{
  font-size: 10px;
}

table.zoll td.zoll7{
  font-size: 9px;
}


input.submitbutton {
  font-size: 10px;
}

table.ear {
  width:100%;
  border:1px solid #777;
  font-size:12px;
  border-collapse:collapse;
}


/*text area*/
.tafixed {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size:14px;
  margin:0px;
  height:38px;
  width:320px;
}

.tanormal {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size:12px;
  /*min-width:640px;
  width:100%;
  border:0; */
  margin:1px;
}

.tafocus {
  min-width:640px;
  width:100%;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size:12px;
  margin:0px;
  border:1px solid #0a7;
  color:#a0a;
}
/*******************************************************************************
<ul class="menu">
        	<li class="folder" >

            <a href="http://www.physikinstrumente.com/en/products/linear_actuator/index.php">Actuators & Motors</a>
            <ul>
				<li style="font-weight:normal;">
                <table cellpadding="0" cellspacing="0" border="0" class="TableText">
                    <tr valign="top">
                        <td>
/********************************************************************************/

ul.menu { display:block; margin:0px; padding:0px; border:0px solid #345; list-style:none; width:140px; }
li.folder { position:relative; display:block; margin:0px; padding:0px; font-size:16px; z-index:9; left:8px; width:100%; }
li.folder ul { position:absolute; left:140px; /* IE */ top:-4px; width:240px; }
li.folder>ul { left:140px; } /* others */
li.folder ul li { position:relative; display:block; margin:0px; padding:6px; border-top:1px solid #555; border-bottom:1px solid #000; border-right:1px solid #000; left:2px; background-color:#fff; }
li.folder:hover { z-index:10; }
ul.menu ul, li:hover ul ul { display:none; margin:0px; padding:0px; border:0; }
li:hover ul, li:hover li:hover ul { display:block; }



#buttonlight {
  width:2em;
  
  
  border:0;
  font-size:2em;
  background-color:#fff;
  color:#ddd;
}

#buttonlight:hover {
  text-shadow:0 0 4px #ff0;  
}

#buttondark {
  width:2em;  
  
  border:0;
  font-size:2em;
  background-color:#fff;
  color:#555;
}

#buttondark:hover {
  color:#444;  
}

.tinygood {
  font-size: 10px;
  color:#084;
  white-space: nowrap;
  text-align:right;
}

.tinyneutral {
  font-size: 10px;
  color:#660;
  white-space: nowrap;
  text-align:right;
}

.tinyevil {
  font-size: 10px;
  color:#900;
  white-space: nowrap;
  text-align:right;
}

.iflex {
  width:100%;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
}

.nav {
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  text-align:right;
  flex:0 0 220px;
}

.nav a {
  /*float:right;*/
  display:block;
  margin: 3px;
  padding:1px;
/*  width:90%; */
/*  width:140px;*/
/*  height:12px; */
  font-size:16px;

/*background-color:#d02;*/
  font-weight:normal;

  text-decoration:none;
  text-align:right;
  vertical-align:bottom;
}

.nav a:hover {
  /*text-shadow:0px 0px 7px #af0,0px 0px 3px #0fa;*/
  color:#d02;
  text-decoration:underline;
}

.nav a:input {
  width:10rem;
  color:#d02;
  text-decoration:underline;
}

.content {
  flex:1 1 auto;
  padding-left:8px;
}

.divtable {
  /*width:100%;*/
  max-width:100%;
  display:table;
  border-collapse: collapse;
}

.divtable > div:first-child {
  color:#597;
  padding:2px;
/*  border-bottom: 1px solid #000; */
  border-spacing: 0px;
  font-size:10px;
}

.divtable > div {
  display:table-row;
  border-bottom:0px solid #333;
}

.divtable > div > div {
  display:table-cell;
  vertical-align:middle;
  /*padding:8px;*/
}

.isofolder {
  cursor:pointer;
  font-weight:bold;
}
.isofile {
  margin-left:32px;
}