.headerimage{background-color: #FFFFFF;}
.bgimage{
    background-size:cover;
    background-position: center;
	
    /*width: 1215px; */ 
    height: 380px;
	margin-top: 10px;
	margin-left: 2px;
}
.bgimage-01_architektur,.bgimage-02_staedtebau-in-metron, .bgimage-03_staedtebau-upspace,.bgimage-04_jury-komissionen,.bgimage-05_reiseskizzen,.bgimage-06_own-sounds,.bgimage-11_vita-impressum,.bgimage-12_taetigkeit-hsr,.bgimage-13_publikationen{
    background-image: url(../pics/Kuba_caamrgueye_markt.jpg);
}
.bgimage-index{
    background-image: url(../pics/7070777-ecua_sicht-ueber-stadt.jpg);
}
.bgimage-grippe{
    background-image: url(../pics/head_influenza.jpg);
}

/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
appears on the left side of the page.
*/

#menu {	
}
    /*
    All anchors inside the menu should be styled like this.
    */
    #menu a {
        color: #999;
        border: none;
       /* padding: 0.6em 0 0.6em 0.6em;*/
    }

    /*
    Remove all background/borders, since we are applying them to #menu.
    */
     #menu .pure-menu,
     #menu .pure-menu ul {
        border: none;
        background: transparent;
    }

        /*
        Change color of the anchor links on hover/focus.
        */
        #menu .pure-menu li a:hover,
        #menu .pure-menu li a:focus {
            background: #333;
        }
		/*
        Wenn aktiv. GEHT NIX - nur in > </a>
        */

		#menu .pure-menu li .mactive{
            background: #000; /*  var(--menu-active-bg-color); */
			color: #FFF; /* var(--menu-active-color); */
        }	
		
    /*
    This styles the selected menu item `<li>`.
    */
    #menu .pure-menu-selected,
    #menu .pure-menu-heading {
        background: #191818; /* farbe menu top */
    }
        /*
        This styles a link within a selected menu item `<li>`.
        */
        #menu .pure-menu-selected a {
            color: #fff;
        }