body {/*
    background-image:url(../img/FionaUpshot.jpg);   Die Alternative: Foto als background-image einzufügen. Nachteil wäre, dass das Foto fix angezeigt wird.
    background-repeat: no-repeat;                     Auf kleinen Bildschirmen oder bei niedriger Auflösung wäre rechter Rand nicht sichtbar ohne zu scrollen.
                                                        Wenn Foto direkt in Seite eingefügt wird (width:100%) so verändert es sich mit der Fenstergrösse.
*/                
    color: #000000;
    font-size: 13px;
    font-family: Arial,Helvetica,sans-serif;
    margin-right: 0mm;
    margin-left: 0mm;
    margin-top: 0mm;
    width:100%;
}

h2 { /* hier bestimmt für Überschrift "Bogenschützenklub Forst Bern" </h2>  */ 
    margin-top: 15px;
    text-decoration:none;
    text-align:center;
    color: #006633;
    font-size: 48px;
    font-weight:bold;
}

img {
    border:none;
}

#titelbox {  /* soll reserviert bleiben für Überschrift <h2> "Bogenschützenklub Forst Bern" </h2>  */    
    background-color: #FFFFFF;
    position:fixed;    /* natürlich soll Titel immer am selben Ort bleiben */
    top:0px;
    left:0px;
    right:0px;
    height:100px;
    z-index: 0;
    width:100%;
}
#titelbox a{
    text-decoration:none;
    color: #006633;
}


#boxBG {
    position:relative;
    top:100px;
    left:0px;
    width:100%;
    height:870px; /* der DIV-Rahmen BG ist mit Link auf home.html versehen. Deswegen muss DIV so gross und hoch sein wie die Foto */
}
#faszination { /* für Ueberschrift FASZINATION BOGENSCHIESSEN */
    position:absolute;
    top:120px;
    left: 20px;
    width:96%;
    color: #ffffff;
    font-size: 36px;
    text-align: left;
    font-weight:bold;
    z-index: 1;
 }
 #faszination a{
    text-decoration:none;
    color: #ffffff;
}
#warumSindWir { /* gilt nur für Einsteigsseite */    
    position:absolute;
    bottom:5%;
    right:20px;
    font-size: 18px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #ffffff;
    font-weight: bold;
    text-align:right;
    vertical-align:bottom;
    z-index: 1;
}
#warumSindWir a{
    text-decoration:none;
    color: #ffffff;
}