#app{ height: 100vh; width: 100vw; background-color: #000; }

body {
    margin: 100px;
    color: white;
    background-color: black;
    font: 100% Verdana, Helvetica, Arial, sans-serif;
}

.hide { display: none; color: Black; background: Black; }
.red { color: yellow; }
strong { font-weight: bold; }
img { border: 1px solid #fff; }
.tyhj { border-style: none; }

h1, h2, h3, h4, h5 { font-weight: bold; }
h1 { font-size: 500%; margin: 0; padding: 3px; background-color: #111; }
h2 { font-size: 120%; margin: 0; padding: 3px; background-color: #222; }
h3 { font-size: 95%; }
h4 { margin-bottom: 0; margin-top: 5px; font-size: 95%; }
p{ margin: 1rem 0;}

a:link, a:visited, a:hover, a:active, .current-page { font-weight: bold; }

a:link { color: White; text-decoration: underline; }

a:visited { color: White; text-decoration: underline; }

a:hover { color: #00cc00; text-decoration: none; }

a:active { color: #00cc00; text-decoration: none; }

.current-page, a.current-page  {
    color: #fff;
    background-color: #444;
    padding: 2px 10px 4px 10px;
    border: 1px solid #666;
    border-bottom: none;
    text-decoration: none;
}

.sold { color: #cc0000; background: Black; }

#menu {
    margin: 0;
    padding: 3px;
    background-color: #333;
    border-bottom: 1px solid #666;
}

#menu a { padding: 2px 10px 3px 10px; border: 1px solid #666; }

#menu a:hover {
    color: #ccc;
    background-color: #393939;
    padding: 2px 10px 3px 10px;
    border: 1px solid #666;
    border-bottom: none;
}

#content {
    padding: 10px;
    background-color: #444;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}

#footer {
    margin: 0;
    padding: 3px;
    background-color: #333;
    text-align: right;
    font-size: small;
}

li { padding: 5px; }
dt { padding: 5px; font-weight: bold; color: #ccc; }
dd { padding: 5px; }


section.imageRow{ display: block; position: relative; margin-bottom: 1.3rem; }
.imageRow-elements{ padding-left: 2rem; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: center; gap: 1rem; }
/* .imageRow-elements .image{ width: 100px; height: 77px; position: relative; background-size: cover; display: inline-block; border: solid 1px #fff; } */
.imageRow-elements .image:hover{ cursor: pointer; }
.imageRow-elements img{ width: 100px; height: 77px; object-fit: cover; position: relative; background-size: cover; display: inline-block; border: solid 1px #fff; }


section.imageRow.rows-2{ margin-bottom: 4rem; }

section.imageRow p { color: #ccc; font-weight: bold; }
section.imageRow h2{ margin-bottom: 1rem; }


section.folder_list{ padding: 0.5rem 0; } 
section.folder_list p{
    margin: 0cm;
    margin-bottom: .0001pt;
    font-size: 12.0pt;
    font-family: "Times New Roman";
    margin-left:36.0pt
}
section.folder_list h2{ margin-bottom: 0.5rem; }




@media print {
    body {
        margin: 20px;
    }
    #menu {
        display: none;
    }
}