.navi_columns { 
grid-template-columns: 4px 30px 4px 20px 1fr 20px;
display: grid;
width: 100%
} 
.navi_0drop { 
display: grid;
} 
.navi_0mark { 
display: grid;
grid-column: 1;
} 
.navi_0image { 
display: grid;
grid-column: 2;
} 
.navi_0text { 
display: grid;
grid-column-start: 3;
grid-column-end: 5;
} 
.navi_1mark { 
display: grid;
grid-column: 3;
} 
.navi_1image { 
display: grid;
grid-column: 4;
} 
.navi_1text { 
display: grid;
grid-column-start: 5;
} 
.navi_closed { 
display: grid;
grid-column-start: 6;
} 
.navi_closed:before { 
content: "\25B7"; 
#content: "\232A";
#transform: rotate(90deg); 
color: black;
margin-top: 6px;
} 
.navi_opened:before { 
content: "\25BD";  
#transform: rotate(-90deg); 
#color: dodgerblue;
} 
.sidenavigator a, .dropdown-btn { 
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 20px;
color: #000000;
border: none;
background: none;
width:100%;
text-align: left;
cursor: pointer;
outline: none;
} 
.sidenavigator ul { 
list-style-type: none;
padding-inline-start: 0px;
} 
.naviitem { 
padding: 0px 0px 0px;
max-width: 640px;
cursor: pointer;
} 
.naviitem__image { 
vertical-align: middle;
width: 20px;
margin: 5px 5px 0 0;
padding: 5px 5px 5px 5px;
} 
.navibottom { 
position:fixed;
left:8px;
bottom:4px;
padding: 4px 14px 4px 8px;
background:#262626;
color:#FFFFFF;
width:240pxpx;
font-size:8;
z-index:100;
} 
.unselectable { 
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} 
.naviitem__mainimage { 
width: 160px;
margin: 10px 5px 5px 5px;
padding: 5px 10px 5px;
justify-self: center;
} 
.naviitem__mainimagecontainer { 
vertical-align: top;
display: grid;
grid-column-start: 1;
grid-column-end: 7;
justify-self: center;
width: 100%;
} 
.naviitem__text { 
padding: 5px 10px 5px;
margin: 0px 0px 0 0;
font-size: 20px;
} 
.main { 
margin-left: 200px; /* Same as the width of the sidenav */
font-size: 20px; /* Increased text to enable scrolling */
padding: 0px 10px;
} 
.sidenavigator a:hover, .dropdown-btn:hover { 
background:#D6D6D6;
} 
.naviitem:hover { 
background:#D6D6D6;
} 
.doc_get_page { 
cursor: pointer;
} 
.navi_activeline { 
background:#D0D0D0;
border-right:2px	solid #262626;
} 
.lang-switcher { 
text-align: center;
padding: 10px 0;
margin: 10px 0;
} 
.lang-switcher a { 
text-decoration: none;
color: #666;
font-size: 16px;
padding: 4px 8px;
cursor: pointer;
} 
.lang-switcher a:hover { 
color: #000;
background: #e0e0e0;
} 
.lang-switcher a.active { 
color: #000;
font-weight: bold;
cursor: default;
} 
.lang-switcher .separator { 
color: #999;
padding: 0 4px;
} 
.navi_nested { 
display: none;
} 
.navi_active { 
display: grid;
}