/* ================================================
   NAVIGATION STYLES FOR KALENDER
   Extracted from kalender_content_dyn.html inline styles
   All font sizes converted to rem for global scaling
   ================================================ */

/* Navigation title and navbar */
.navtitle {
    font-size: 1.167rem;  /* was 14pt */
    font-weight: bold;
    margin-bottom: 16px;
}

.navbar {
    font-size: 0.833rem;  /* was 10pt */
}

/* Navigation heading levels (normal state) */
.heading1 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.833rem;  /* was 10pt */
    color: #000000;
    text-decoration: none;
}

.heading2 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.75rem;  /* was 9pt */
    color: #000000;
    text-decoration: none;
}

.heading3 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.667rem;  /* was 8pt */
    color: #000000;
    text-decoration: none;
}

.heading4 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.667rem;  /* was 8pt */
    color: #000000;
    text-decoration: none;
}

.heading5 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.667rem;  /* was 8pt */
    color: #000000;
    text-decoration: none;
}

.heading6 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.667rem;  /* was 8pt */
    color: #000000;
    text-decoration: none;
}

/* Navigation heading levels (highlighted/selected state) */
.hilight1 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.833rem;  /* was 10pt */
    color: #FFFFFF;
    background: #002682;
    text-decoration: none;
}

.hilight2 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.75rem;  /* was 9pt */
    color: #FFFFFF;
    background: #002682;
    text-decoration: none;
}

.hilight3 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.667rem;  /* was 8pt */
    color: #FFFFFF;
    background: #002682;
    text-decoration: none;
}

.hilight4 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.667rem;  /* was 8pt */
    color: #FFFFFF;
    background: #002682;
    text-decoration: none;
}

.hilight5 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.667rem;  /* was 8pt */
    color: #FFFFFF;
    background: #002682;
    text-decoration: none;
}

.hilight6 {
    font-family: Arial, Helvetica;
    font-weight: normal;
    font-size: 0.667rem;  /* was 8pt */
    color: #FFFFFF;
    background: #002682;
    text-decoration: none;
}

/* Table of contents table cell */
td.toc {
    padding-bottom: 2px;
    padding-right: 4px;
}

/* ================================================
   BODY AND LAYOUT STYLES
   Extracted from inline body styles
   ================================================ */

body {
    background: #FFFFFF;
    background-image: url(null);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* ================================================
   NAVIGATION SPECIFIC ELEMENTS
   ================================================ */

/* Logo image styling */
body > img:first-of-type {
    border: 0;
}

/* All icon images */
img.icon {
    border: 0;
}

/* Homepage link styling */
a.homepage-link {
    font-family: Arial, Helvetica;
    font-size: 0.833rem;  /* was 10pt */
}

/* ================================================
   TABLE OF CONTENTS STYLING
   ================================================ */

table.toc {
    border-width: 0;
    padding: 0;
    border-spacing: 0;
}

table.toc tr {
    vertical-align: top;
}

/* First column - icons */
table.toc td:first-child {
    text-align: right;
}

/* Second column - text */
table.toc td:nth-child(2) {
    text-align: left;
}

/* Specific widths for different levels */
table.toc td.toc[style*="width:20px"] {
    width: 20px;
}

table.toc td.toc[style*="width:40px"] {
    width: 40px;
}

table.toc td.toc[style*="width:60px"] {
    width: 60px;
}

/* ================================================
   DIV CONTAINERS
   ================================================ */

/* Tree container visibility states */
#tree > div {
    /* Controlled by JavaScript - display:none or display:block */
}

/* Default: first level expanded */
#div1 {
    display: block;
}

/* ================================================
   HORIZONTAL RULE AND FOOTER
   ================================================ */

hr {
    color: #000000;
}

/* Footer paragraph */
body > p:last-of-type {
    font-family: Arial, Helvetica;
    font-size: 0.667rem;  /* was 8pt */
}