/*  ==========================================================================
    bs_main.css
    by  Philip A. C. Ralph
    for Bergbausammlung Rotthausen
    ==========================================================================
*/

/*  Browser Support - Basic concepts
 *  http://www.westciv.com/style_master/academy/browser_support/basic_concepts.html
*/

/*  ==========================================
*       Colours
*   ==========================================
*   Variables for the standard colours used,
*   common to all Heimatbund websites,
*   are defined in the file
*       hb_colours.css
*   ------------------------------------------
*   Variablen für die für die BS verwendeten
*   Standardfarben gelten für all Webauftritte
*   des Heimatbundes und sind in der Datei
*       hb_colours.css
*   definiert.
*/

/*  ==========================================
**    NO SUPPORT FOR variables IN iExplore !!!
**  ==========================================
*/
:root {
  --gelsengruen:    #4CAF50;
  --anthrazit:      #333;
  --duenbier_rot:   rgb(128,0,0);
  --duenbier_lila:  rgb(128,0,128);
  --duenbier_grau:  #EEF1F6;
}


/*  ==========================================
*       Basics
*   ==========================================
*/
body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /* font-family: Arial,Helvetica,sans-serif; */
    background-color: #EEF1F6; /*  var(--duenbier_grau); */
    background-image: url(../images/SE_konst_346x346.png);
    background-position: left top;
    background-repeat: repeat;
}

/*
* #example1 {
*     background-image: url(images/SE_konst_1134x1134.png), url(images/Bergbausammlung-Rotthausen_1134x1134.png);
*     background-position: left top, right bottom;
*     background-repeat: repeat, no-repeat;
* }
*/

/*
* #example2 {
*     background: url(images/SE_konst_1134x1134.png) left top repeat, url(images/Bergbausammlung-Rotthausen_1134x1134.png right bottom no-repeat) ;
* }
*/



/*  ==========================================
*       Classes and Objects
*   ==========================================
*/

/*
** #container {
**  margin-bottom:10px;
**  padding-bottom:10px;
**  background-color:var(--duenbier_grau);
**}
*/

#contentDiv {
  margin: 0px 16px 0px 16px;
  /* padding: 0px 16px 0px 16px; */
  background-color:white;
}

/*
 * When using the shorthand property the order of the property values is:
 *
 * background-color
 * background-image
 * background-repeat
 * background-attachment
 * background-position
 *
 * It does not matter if one of the property values is missing, as long as the other ones are in this order.
*/

/* class="w3-opacity-min" */
#bgimg {
    src: url(../images/SE_konst_1032x964.png);
    class: "w3-opacity-min";
}

#indexDiv  {
    width: 100%;
    min-height: 800px;
    background-color: white;
    background-image: url(../images/SE_konst_1032x964_lightness_50pc.png);
    /*
        background-image: #bgimg;
        background-class: w3-opacity-min;
    */
    background-size: 800px auto;
    background-position: center bottom;    /* center top; */
    background-repeat: no-repeat;
}


/* https://www.w3schools.com/w3css/w3css_tables.asp
   https://www.w3schools.com/w3css/4/w3.css
   */

.w3-table {
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
    display:table
}

/* The following table attributes are not supported in HTML5:
*  "align", "bgcolor", "border", "cellpadding", "cellspacing", "frame", "rules", "summary", and "width"
        align: center;
        cellpadding: 12;
        cellspacing: 0;
*/

.bs-main-table {
    text-align: justify;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    background-color:#FFFFFF;
    border: 0;
}
/* border="0" cellpadding="0" cellspacing="0" */

.bs-link-table, .bs-link-table-small {
    margin: 0 auto 0 auto;
    border-spacing: 12px;
}

.bs-link-table img,
.bs-link-table-small img {
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
}

.bs-link-table-small img {
    max-height: 120px;
}

.bs-header {
    text-align: left;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    height: 160px;
    border: 0;
    cellpadding: 0;
    cellspacing: 0;
}

/*  ==========================================
        Fonts
    ==========================================
 *  WARNING: IE DOESN'T RECOGNIZE @font-face STATEMENTS
 *  unless the font file has the InstallEmbedable attribute
*/

/* +++++++++++++++++++++++++++++++++++

@font-face {
    font-family: "Comic-Sans";
    src: url("../fonts/COMIC.TTF");
}

@font-face {
    font-family: "Comic-Sans";
    font-style: bold;
    src: url("../fonts/COMICBD.TTF");
}
+++++++++++++++++++++++++++++++++++
*/

/* +++++++++++++++++++++++++++++++++++ */
@font-face {
    font-family: "Rockwell-Regular";
    src: url("../fonts/ROCK.TTF");
}

@font-face {
    font-family: "Rockwell-Bold";
    font-weight: bold;
    src: url("../fonts/ROCKB.TTF");
}

@font-face {
    font-family: "Rockwell-Condensed";
    font-stretch: condensed;
    src: url("../fonts/ROCC____.TTF");
}

/* +++++++++++++++++++++++++++++++++++
*/



/*  ==========================================
 *          Heading styles
 *  ==========================================
 *  header.html (Importdatei für den Seitenkopf)
 *      centered title (zentrierter Titel)
 *          h1
 *  contentDiv (Bereich für den Seiteninhalt)
 *      centered headings (zentrierter Überschriften)
 *          h2
 *          h3
 *          h4
 *      ranged left (linksbündig)
 *          h5
 *          h6
 *  ==========================================
*/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Rockwell Bold', Rockwell-Bold, Rockwell;
  font-weight: bold;
}

h1, h2, h3, h4 {
  text-align: center;
}
h5, h6 {
  text-align: left;
}

h1 {
  font-size: 36pt;
}
h2 {
  font-size: 24pt;
}
h3 {
  font-size: 16pt;
}
h4 {
  font-size: 14pt;
}
h5 {
  font-size: 13pt;
}
h6 {
  font-size: 12pt;
}

h1 img {
    width: 42px;
    height: 41px;
}
h2 img {
    width: 28px;
    height: 27px;
}
h3 img {
    width: 19px;
    height: 18px;
}



/*  ==========================================
 *      Hammer & Pick Symbol
 *  ==========================================
 *      Use this in place of Unicode ⚒
 *      which does not conform to DIN
*/

/* <h1><img src="images/SE_1086x1050.png" style="width:42px;height:41px"> */
/* <h2><img src="images/SE_1086x1050.png" style="width:28px;height:27px"> */
/* <h3><img src="images/SE_1086x1050.png" style="width:19px;height:18px"> */

.se-36pt {
    width: 42px;
    height: 41px;
}


/*  ==========================================
*       Text styles
*   ==========================================
*/

.linksbuendig {text-align: left;}
.rechtsbuendig {text-align: right;}
.zentriert {text-align: center;}
.blocksatz {text-align: justify;}

.rockwell-bold {
    font-family: 'Rockwell Bold', Rockwell-Bold, Rockwell;
    text-align: center;
}

.bild {
    text-align: center;
    font-size: 6pt;
}
.bild-unterschrift {
    text-align: right;
    font-style: italic;
}
.bild-credit {
    font-size: 10pt;
    font-style: italic;
}

p, li { font-size: 12pt; }

p {
    /* font-size: 12pt; */
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /* font-family: Arial,Helvetica,sans-serif; */
    text-align: justify;
}

li {
    /* font-size: 14pt; */
    /* font-family: Comic-Sans; */
    /* font-family: Comic-Sans-Bold; */
    /* font-weight: bold; */
    text-align: left;
    list-style-image: url(../images/SE_kreis_12.png);
}

li a, .bs-index a {
    font-size: 14pt;
    font-family: Rockwell-Regular, Rockwell;
    /* font-weight: bold; */
    text-align: left;
    list-style-image: url(../images/SE_kreis_12.png);
}


/*  ==========================================
*       Links
*   ==========================================
*/

a{
    text-decoration: underline;
    display: inline-block;
    /*padding: 14px 25px;*/
    /*text-align: center;*/
}
a:link {
    color: rgb(128,0,0); /* var(--duenbier_rot) */;
    background-color: #EEF1F6; /*  var(--duenbier_grau); */
}
a:visited {
    /* color: rgb(128,0,128); */
    /* var(--duenbier_lila) */
    color: rgb(128,0,0); /* var(--duenbier_rot) ;*/
    background-color: #EEF1F6; /*  var(--duenbier_grau); */
    /* background-color: white; */
}

a:hover, a:active {
    /*  background-color: #EEF1F6; */
    /*  var(--duenbier_grau); */
    /*  color: red; */
    background-color: black;
    color: white;
    /*font-weight: bold;*/
}

/*  ==========================================
 *      Header
 *  ==========================================
*/

.bs-header tr { height: 160; }

.bs-header td {
    vertical-align: center;
    /*width: 173px; */
    height: 160px;
}

.bs-header a,
.bs-header a:link,
.bs-header a:visited,
.bs-header a:hover,
.bs-header a:active {
    background-color: white;
}

.bs-header img {
    border: 0px solid ;
    width: 173px;
    height: 159px;
}


/*  ==========================================
 *      Facebook
 *  ==========================================
 *  see bs_fbook.css
*/