/*  ==========================================================================
    hb_navigation.css
    by  Philip A. C. Ralph
    for Heimatbund Gelsenkirchen
    -----------------------------------------
    Navigation bar at head of page content
    Facebook bar   at head of page content
    Navigation bar at foot of page content
    -----------------------------------------
    Navigationsleiste im oberen Bereich
    Facebook-Leiste   im oberen Bereich
    Navigationsleiste im unteren Bereich
    -----------------------------------------
    ==========================================================================
*/

body {margin:0;}


/*
 *  =====================
 *  Navigation bar
 *  =====================
 */

.navbar {
    overflow: hidden;
    /* font-family: Rockwell-Condensed; */
    font-family: 'Rockwell Condensed', Rockwell-Condensed, Rockwell;
    font-stretch: condensed;
}

/*
    text-shadow: 3px 2px red;
*/

/*
 * ========================
 * bs-navContainer
 * ========================
 * container class for both navigation bar and facebook bar
 * contains two tables, of the classes:
 *  .bs-navHeader
 *  .fbookTable
 */

.navContainer {
    width: 100%; 
    background-color: white;
    border: 0;
    margin-left: 0;
}

/*
 * ========================
 * bs-navHeader
 * ========================
 * table class for navigation bar at head of page content
 */

.link-kleinnavContainer,
.link-kleinnavHeader {
    /* width: 100%; */
    background-color: white;
    border: 0;
    margin-left: 0;
}

.link-kleinnavContainer {
    width: 100%;
    margin-right: 0;
}

/* for non-linked items, i.e. current location */
.link-kleinnavHeader {
    margin-right: auto;
    font-size:    12pt;
    color:        black;
    text-align:   left;
    /* cellpadding: 6; */
    cellspacing: 0
}

.navHeader td {
    margin-right: 0;
}

/* for linked items, i.e. next / previous location */
.navHeader a {
    font-weight: normal;
    float: left;
    display: block;
    text-align: center;
    /* padding: 6px 6px; */
    text-decoration: underline;
}
.navHeader a:link {
    /* color: rgb(128,0,0); */ /* var(--duenbier_rot); */
    color: rgb(128,0,0); /* var(--duenbier_rot); */
    background-color: white;
}
.navHeader a:visited {
    /* color: rgb(128,0,128); */ /* var(--duenbier_lila); */
    color: rgb(128,0,0); /* var(--duenbier_rot); */
    background-color: white;
}
.navHeader a:hover, a:active {
    background-color: black;
    color: white;
}

.navHeader-left {
    text-align: left;
    margin-left: 0;
}
.navArrow-right {
    text-align: right;
    margin-right: 0;
}

.navArrow-left,
.navArrow-right {
    /* padding-top:  6px; */
    width: 20px;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center center;
}
.navArrow-left {
    background-image: url(../images/navigation/arrow03_LT.png);
    background-position: left center;
}
.navArrow-right {
    background-image: url(../images/navigation/arrow03_RT.png);
    background-position: right center;
}

/*
 * ========================
 * navFooter
 * ========================
 * container class for navigation bar at foot of page content
 * contains two tables, of the classes:
 *  .navFooter-left
 *  .navFooter-right
*/
/*
.navFooter.table {
    width: 100%;
}
*/
.navFooter {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    font-size: 10pt;
    /* font-family: Rockwell-Regular, Rockwell; */
    color: black;
    /* background-color:#FFFFFF; */
    border: 0;
}
/* unsupported attributes:
    cellpadding: 6;
    cellspacing: 0
*/

.navFooter-left {
    width: 50%;
    text-align: left;
}
/* 
    background-image: url(../images/arrows/16_UP.jpg);
    background-repeat: no-repeat;
*/
.navFooter-right {
    width: 50%;
    text-align: right;
}

.navFooter img {
    max-width: 24px;
}

.navFooter a {
    font-weight: bold;
    /* color: rgb(128,0,0); /* var(--duenbier_rot); */
    background-color: white;
    /* color: rgb(128,0,0); */ /* var(--duenbier_rot); */
    /* color: rgb(128,0,128); */ /* var(--duenbier_lila); */
    display: block;
    padding: 6px 6px;
    text-decoration: underline;
}


/*
 * ========================
 * navDatensatz
 * ========================
 * table for data record navigation buttons
 * Tabelle für Datensatz-Navigations-Schaltflaechen
 * ========================
 * see bs_fbook.css
 */

.navDatensatz {
    margin: auto;
}
.navDatensatz img, a.img {
    width: 50px; height:50px;
}


/*
 * ========================
 * fbookTable
 * ========================
 * table for facebook bar
 *
 * ========================
 * see bs_fbook.css
 */