.companyIcon {
background-color: #fffbf6;
background-size: cover;
width:20;
height:20;
border-style:solid;
border-width:8px 0px 0px 8px;
border-color:#fffbf6;
}
.stdDiv {
background-color:#fffbf6;
width:100%;
margin-top:10;
border:1px solid #f7aa47;
border-radius:5px;
}
#myDropdown {
  max-height: calc(8 * (1em + 10px));
}
.dropdown .search-area {
    border-left:medium none; border-right:medium none; border-top:medium none; box-sizing: border-box;
    background-image: url('../cable-producer/webdengelen/searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding-top:4px;
    border-bottom: 1px solid #32526E;
    width:160;
    border-radius:5px
}

.dropdown .search-area:focus {
    outline: 1px solid #32526E;
}

.dropdown {
    position: relative;
    display: inline-block;
    height:30;
}

.dropdown-content {
    display: none;
    position: absolute;
    overflow: auto;
    border: 1px solid #32526E;;
    z-index: 1;
    width: 160px;
    top:30;
    font-family:arial;
    text-align:left;
    background:#FFFFFF;
    right:0;
    border-radius:5px;
    max-height: calc(8 * (1em + 10px));
}

.dropdown-content option {
    color: black;
    padding-top:5px;
    text-decoration: none;
    display: block;
    font-size:10pt;
}

.dropdown option:hover {
    background-color: #ddd;
}

.show {
    display: block;
}
input#search_input {
    min-width: 191px;
}
.metinnormal {
 font-family:arial;
 font-size:10pt;
 }
 .title101 {
 font-family:arial;
 font-size:15pt;
 font-weight:bold;
 color:#32526E;
 }
 .liltitle {
 font-family:arial;
 font-size:13pt;
 font-weight:bold;
 color:#32526E;
 }
 .comptitle {
 font-family:arial;
 font-size:14pt;
 color:#32526E;
 }

 .liltitlez {
 font-family:arial;
 font-size:12pt;
 font-weight:bold;
 color:#32526E;
 }

.handBook {
font-family:Arial;
font-size: 18pt;
font-weight: 700;
color:#32526E;
}
#myLogo {
border:0px none;
width:75;
height:75
}
#tabletHome {
border=:0px none;
display:none;
width: 38;
height:38
}
.AddMob {
height:auto;
width:98%;
margin-left:0;
max-height:75;
}
.subaltmenu{
display:show;
font-family: arial;
color: #FFFFFF;
text-align:left;
width:134;
height:30;
background-color:#41c3ac;
border-color: rgba(50,82,110,0.97);
font-size:8pt;
cursor:pointer;
border-top:4px;
border-radius:4px;
}
.submenu{
font-family: arial;
color: #FFFFFF;
text-align:left;
width:134;
height:30;
background-color:rgba(50,82,110,0.97);
border-color: #f7aa47;
font-size:8pt;
cursor:pointer;
display:block;
border-top:4px;
border-radius:4px;
}
.anamenu{
font-family: arial;
color: #FFFFFF;
text-align:left;
width:134;
height:30;
background-color: rgba(50,82,110,0.97);
border-color: rgba(50,82,110,0.97);
font-size:8pt;
cursor:pointer;
display:show;
margin-top:4;
padding:0;
border-radius:5px;
}
#sub1 {
position:absolute;
display:none;
width:134;
height:100;
left:50%;
margin-left:-201;
z-index:4;
}
#sub4 {
position:absolute;
display:none;
width:71;
height:190;
left:50%;
margin-left:-63;
z-index:4;
}
#sub5 {
display:none;
position:absolute;
width:134;
height:228;
left:50%;
margin-left:75;
z-index:4;
}
.stdList {
border-bottom:1px solid #f7aa47;
height:28px;
font-size:11pt;
word-break:break-all;
}
.stdListrow {
display:show;
}
.mblListrow {
display:none;
}
.ico {
width:3%;
}
.titleX {
width:38%;
word-break:break-word;
padding-left:2;
}
.www {
width:25%;
word-break:break-all;
}
.mail {
width:24%;
word-break:break-all;
}
.ulke {
max-width:10%;
word-break:break-all;
}
a.anchor{
  display:block;
  position:relative;
  top:-210px;
  visibility:hidden;
}

.btn {
  border: 3px;
  outline: none;
  color: white;
  padding: 7px 7px;
  background-color: rgba(50,82,110,0.7);
  cursor: pointer;
  font-size:8pt;
  border-radius:5px;
  height:30;
}

.btn:hover {
  background-color: #f7aa47;
}

.btn.active {
  background-color: #ff884d;
  color: white;
  border: 9px;
  outline: none;

}
div.sticky {
  position: sticky;
  top: 0;
  padding: 0px;
  background-color: #FFFFFF;
  z-index:3;
   }
#topDiv {
width: 80%;
height: 110;
top:0;
position:fixed;
z-index:5;
left:50%;
margin-left:calc(80% / -2);
background-color:#FFFFff;
transition-duration:800ms";
}
#indexoyan {
width:100%;
height:42;
top:110;
position:fixed;
z-index:5;
background-color:#f7aa47;
text-align:center;
transition-duration:600ms;
display:block;
}
#rightside {
border-radius:5px;
position:fixed;
right:3;
height:530;
width:170;
top:160;
transition-duration:1200ms;
}
#leftside {
border-radius:5px;
position:fixed;
left:3;
height:530;
width:13%;
top:160;
transition-duration:1200ms;
}
#productDetails {
border-radius:5px;
border:none;
border-width:1px;
border-color:#f7aa47;
width: 71%;
height:auto;
top:160;
position:absolute;
z-index:3;
text-align:center;
background-color:#FFFFFF;
left:50%;
margin-left:calc(71% / -2);
}
#filTrele {
background-color:#fef6ed;
border-radius:5px;
border:solid;
border-width:1px;
border-color:#f7aa47;
width:71%;
height:30;
top:160;
position:absolute;
z-index:4;
text-align:center;
left:50%;
margin-left:calc(71% / -2);
}
#filTrelesubtable{
height:30;
position:absolute;
left:50%;
margin-left:calc(98% / -2);
top:0;
border-collapse: collapse;
border-width: 0;
width:98%;
} 
#filTreleMob {
display:none;
border-radius:5px;
border:solid;
border-width:1px;
border-color:#f7aa47;
width:72%;
height:30;
top:160;
position:absolute;
z-index:4;
text-align:center;
left:50%;
margin-left:calc(72% / -2);
} 
.cableindexIMG {
width:500;
height:auto;
}
#navimob {
display:none;
}

  /************** For tablets: ***********************************************/
@media only screen and (max-width:800px) {
.handBook {
font-family:Arial;
font-size: 18pt;
font-weight: 700;
color=#32526E;
}
#myLogo {
border:0;
width:75;
height:75;
}
.cableindexIMG {
width:590;
margin-left:0;
}
#tabletHome {
border=:0;
display:block;
width: 38;
height:38;
}
.AddMob {
height:auto;
width:100%;
margin-left:0;
}
.AddDsk {
height:auto;
width:100%;
margin-left:0;
max-height:250;
}
.subaltmenu{
display:show;
font-family: arial;
color: #FFFFFF;
text-align:left;
width:156;
height:38;
background-color:#41c3ac;
font-size:9pt;
cursor:pointer
}
.submenu{
font-family: arial;
color: rgba(50,82,110,0.97);
text-align:left;
width:156;
height:38;
background-color:#f7aa47;
font-size:9pt;
cursor:pointer;
display:block;
}
.anamenu{
font-family: arial;
color: #FFFFFF;
text-align:left;
width:156;
height:30;
background-color: rgba(50,82,110,0.97);
font-size:9pt;
cursor:pointer;
display:show;
margin-top:4;
padding:0;
}
.homez{
display:none;
}
#sub1 {
position:absolute;
display:none;
width:156;
height:100;
left:50%;
margin-left:-238;
z-index:4;
}
#sub4 {
position:absolute;
display:none;
width:71;
height:190;
left:50%;
margin-left:-78;
z-index:4;
}
#sub5 {
display:none;
position:absolute;
width:156;
height:228;
left:50%;
margin-left:81;
z-index:4;
}
.stdList {
border-bottom:1px solid #f7aa47;
height:28px;
font-size:9pt;
word-break:break-all;
}
.stdListrow {
display:show;
}
.mblListrow {
display:none;
}
.ico {
width:3%;
}
.titleX {
width:34%;
word-break:break-word;
padding-left:2;
}
.www {
width:26%;
word-break:break-all;
}
.mail {
width:26%;
word-break:break-all;
}
.ulke {
max-width:11%;
word-break:break-all;
}
a.anchor{
  display:block;
  position:relative;
  top:-210px;
  visibility:hidden;
}

.btn {
  border: 3px;
  outline: none;
  color: white;
  padding: 7px 7px;
  background-color: rgba(50,82,110,0.7);
  cursor: pointer;
  border-radius:5px;
}

.btn:hover {
  background-color: #f7aa47;
}

.btn.active {
  background-color: #f7aa47;
  color: white;
  border: 9px;
  outline: none;

}
div.sticky {
  position: sticky;
  top: 0;
  padding: 0px;
  background-color: #FFFFFF;
  z-index:3;
   }
#topDiv {
width: 100%;
height: 110;
top:0;
position:fixed;
z-index:5;
left:50%;
margin-left:calc(100% / -2);
background-color:#FFFFff;
transition-duration:800ms";
}
#indexoyan {
width:100%;
height:42;
top:110;
position:fixed;
z-index:5;
background-color:#f7aa47;
text-align:center;
transition-duration:600ms;
display:block;
}
#rightside {
border-radius:5px;
background-color:#41c3ac;
position:fixed;
right:5;
height:530;
width:170;
top:160;
transition-duration:1200ms;
display:none;
}
#leftside {
border-radius:5px;
position:fixed;
background-color:#41c3ac;
left:5;
height:530;
width:140;
top:160;
transition-duration:1200ms;
display:none;
}
#productDetails  {
border-radius:5px;
border:solid;
border-width:1px;
border-color:#f7aa47;
width:98%;
height:auto;
top:203;
position:absolute;
z-index:3;
text-align:center;
background-color:#FFFFFF;
left:1%;
margin-left:0;
}
#filTrele {
border-radius:5px;
border:solid;
border-width:1px;
border-color:#f7aa47;
width:98%;
height:30;
top:160;
position:absolute;
z-index:4;
text-align:center;
left:1%;
margin-left:0;
} 
#filTreleMob {
display:none;
border-radius:5px;
border:solid;
border-width:1px;
border-color:#f7aa47;
width:71%;
height:30;
top:160;
position:absolute;
z-index:4;
text-align:center;
left:50%;
margin-left:calc(71% / -2);
} 
}
  /***************************************** For mobile phones: *****************************/

@media only screen and (max-width:500px) {
.companyIcon {
background-color: #fffbf6;
background-size: cover;
width:20;
height:20;
border-style:solid;
border-width:1px 0px 0px 1px;
border-color:#fffbf6;
}
.stdDiv {
background-color:#fffbf6;
width:100%;
margin-top:10;
border:1px solid #f7aa47;
border-radius:5px;
}
#myDropdown {
  max-height: calc(6 * (1em + 10px));
}
.dropdown .search-area {
    border-left:medium none; border-right:medium none; border-top:medium none; box-sizing: border-box;
    background-image: url('searchicon.png');
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 14px;
    padding-top:4px;
    border-bottom: 1px solid #32526E;
    width:120;
    border-radius:5px;
}

.dropdown .search-area:focus {
    outline: 1px solid #32526E;
}

.dropdown {
    position: relative;
    display: inline-block;
    height:30;
}

.dropdown-content {
    display: none;
    position: absolute;
    overflow: auto;
    border: 1px solid #32526E;;
    z-index: 1;
    width: 120px;
     font-family:arial;
    top:30;
    text-align:left;
    background:#FFFFFF;
    right:0;
    border-radius:5px;
}

.dropdown-content option {
    color: black;
    padding-top:5px;
    text-decoration: none;
    display: block;
    font-size:10pt;
}

.dropdown option:hover {
    background-color: #ddd;
}
.cableindexIMG {
width:100%;
left:0;
margin-left:0;
}
.show {
    display: block;
}
input#search_input {
    min-width: 191px;
}
.metinnormal {
 font-family:arial;
 font-size:10pt;
 }
 .title101 {
 font-family:arial;
 font-size:15pt;
 font-weight:bold;
 color:#32526E;
 }
 .liltitle {
 font-family:arial;
 font-size:12pt;
 font-weight:bold;
 color:#32526E;
 }
 .comptitle {
 font-family:arial;
 font-size:12pt;
 color:#32526E;
 }
 .liltitlez {
 font-family:arial;
 font-size:10pt;
 font-weight:bold;
 color:#32526E;
 }

.handBook {
font-family:Arial;
font-size: 10pt;
font-weight: 600;
color:#32526E;
}
#myLogo {
border:0;
width:44;
height:44;
}
#tabletHome {
border=:0;
display:none;
width: 38;
height:38;
}
.AddMob {
height:auto;
width:97%;
margin-left:0;
max-height:200;
}
.AddDsk {
display:none;
height:auto;
width:100%;
margin-left:0;
max-height:250;
}
.subaltmenu{
display:show;
font-family: arial;
color: #FFFFFF;
text-align:left;
width:100%;
height:28;
background-color:#7e7e7e;
font-size:9pt;
cursor:pointer
}
.submenu{
font-family: arial;
color: rgba(50,82,110,0.97);
text-align:left;
width:100%;
height:28;
background-color:#f7aa47;
font-size:9pt;
cursor:pointer;
display:block;
}
.anamenu{
font-family: arial;
color:#FFFFFF;
text-align:left;
width:100%;
height:28;
background-color: rgb(50,82,110);
font-size:9pt;
cursor:pointer;
display:show;
left:0;
padding-left:5;
}
.homez{
display:none;
}
#sub1 {
position:absolute;
display:none;
width:100%;
height:100;
left:50%;
margin-left:-238;
z-index:4;
}
#sub4 {
position:absolute;
display:none;
width:71;
height:190;
left:50%;
margin-left:-78;
z-index:4;
}
#sub5 {
display:none;
position:absolute;
width:156;
height:228;
left:50%;
margin-left:81;
z-index:4;
}
.stdList {
border-bottom:1px solid #f7aa47;
height:28px;
font-size:9pt;
word-break:break-all;
}
.stdListrow {
display:none;
}
.mblListrow {
display:table-row;

}
.ico {
width:3%;
}
.titleX {
width:34%;
word-break:break-word;
padding-left:0;
}
.www {
width:26%;
word-break:break-all;
}
.mail {
width:26%;
word-break:break-all;
}
.ulke {
max-width:11%;
word-break:break-all;
}
a.anchor{
  display:block;
  position:relative;
  top:-210px;
  visibility:hidden;
}
.btn {
  border: 3px;
  outline: none;
  color: white;
  padding: 4px 4px;
  background-color: rgba(50,82,110,0.7);
  cursor: pointer;
  border-radius:5px;
  height:20;
}
.btn:hover {
  background-color: #f7aa47;
}
.btn.active {
  background-color: #ff884d;
  color: white;
  border: 9px;
  outline: none;
}
div.sticky {
  position: sticky;
  top: 0;
  padding: 0px;
  background-color: #FFFFFF;
  z-index:3;
   }
#topDiv {
width: 100%;
height: 50;
top:0;
position:fixed;
z-index:5;
left:50%;
margin-left:calc(100% / -2);
background-color:#FFFFff;
transition-duration:800ms";
}
#indexoyan {
width:100%;
height:42;
top:110;
position:fixed;
z-index:5;
background-color:#f7aa47;
text-align:center;
transition-duration:600ms;
display:none;
}
#rightside {
border-radius:5px;
background-color:#41c3ac;
position:fixed;
right:5;
height:530;
width:170;
top:160;
transition-duration:1200ms;
display:none;
}
#leftside {
border-radius:5px;
position:fixed;
background-color:#41c3ac;
left:5;
height:530;
width:140;
top:160;
transition-duration:1200ms;
display:none;
}
#productDetails {
border-radius:5px;
border:solid;
border-width:0px;
border-color:#f7aa47;
width:98%;
height:auto;
top:80;
position:absolute;
z-index:3;
text-align:center;
background-color:#FFFFFF;
left:1%;
margin-left:0;
}
#filTrele {
display:none;
border-radius:5px;
border:solid;
border-width:1px;
border-color:#f7aa47;
width:98%;
height:30;
top:90;
position:absolute;
z-index:4;
text-align:center;
left:1%;
margin-left:0;
}
#filTreleMob {
display:block;
border-radius:5px;
border:solid;
border-width:1px;
border-color:#f7aa47;
background-color:#FFFFFF;
width:98%;
height:62;
top:70;
position:fixed;
z-index:4;
text-align:center;
left:1%;
margin-left:0;
} 
}