/* Sivun sisallon taustakuva ja vari */

/* body
{
    xbackground: url("https://peda.net/p/jarkko.lampinen/ulkoasut/bmol/bmol-sisalto-tausta:file/download/") repeat-x left top #fff;
    
}

*/

/* Sivun sisallon taustakuva ja vari, muuta background koulujen varin mukaiseksi*/

body > main
{

    xbackground: url("https://peda.net/p/jarkko.lampinen/ulkoasut/bmol/bmol-sisalto-tausta:file/download/") repeat-x left top #fff;
	background:  #fff;
    color: #000;
    border-bottom: solid 0.25em #0e86bb;
}

/*Peda.net ja henkilot linkin taustavarin muutos*/
header nav.global .links > span a,
header nav.global .links > span.persondirectory,
header nav.global .links > span.frontpage,
header nav.global input.s, header nav.global button
{
background: transparent;
}


body > header
{
	background: url("https://peda.net/dev/theme/jyvaskyla/style/jkl-opetus-logo:file/download/") no-repeat left top #fff;
	xborder-bottom: solid 0.1em #333;
}

/*ylapalkin taustavarin muutos seka perusvari tekstille*/

header nav.global
{
	background: transparent;
	background: rgba(0,0,0,0.2);
	color: #fff;
}


/* Sivun otsikkoalueen taustakuva otsikkoalueen ylamarginaali ja otsikkoalueen tekstin perusvari */

header nav.path
{

	background: transparent;
	padding-top: 0.5em;
	color: #fff;
	/*border-bottom: solid 0.1em #000;*/
	box-shadow: 0.05em 0.05em 0.2em #999;
}

/*Otsikkoalueen tekstin perusvari otsikosta alaspain*/

header .path .toplevel
{
	color: #000099;
}

/*Nakymaton otsikko, joka maaraa otsikkorivin korkeuden*/

header .path .service.toplevel a, header .path .service.toplevel a:hover
{ 
margin: 0;
padding: 0;
height: 120px;
width: 100%;
background: transparent;
}

/*Talla poistetaan logo ja otsikon teksti nakyvista*/

header .path .service.toplevel a span,
header .path .service.toplevel a img
{ 
	display: none;
}

/*Murupolun taustakuva ja vari*/

nav.path .toplevel > .pathitem
{
	xbackground: url("jkl-murupolku-tausta-valk.png") repeat-y left top transparent;
	xcolor: #000099;
	background: transparent;
	background: rgba(0,0,0,0.1);
	xbackground: rgba(0,0,0,0.2);
	color: #fff;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

/*Murupolun linkkien yleisvari*/ 

header .path a
{
	xcolor: #B7C4DE;
	color: #ccc;
}

/*Murupolun linkkien vari otsikon jalkeen*/ 


header .path .toplevel a
{
	color: #fff;
}

/*Murupolun viimeisen linkin vari*/

header .path .pathitem.toplevel .pathitem.redundant a 
{
    color: #fff;
}

/*Murupolun efekti*/

header .path .pathitem a:hover, header .path .pathitem a:active, header .path .service.toplevel a:hover, header .path .service.toplevel a:active
{
    color: #000;
	text-shadow: 0 0 0.2em #000000, 0 0 0.3em #FFFFFF, 0 0 0.4em #FFFFFF;
}

/*Sivun otsikon vari*/

h1 a, h1 a:link, h1 a:visited
{
    color: #00467C;
}

/*Moduuleiden otsikoiden vari*/

h2 a, h2 a:link, h2 a:visited
{
    color: #00467C;
}

/*Jos selain on 37em tai alle, niin kaytetaan lisaksi alla olevia tyyleja*/

@media all and (max-width:37em)
{
	header nav.path
	{
	background: url("https://peda.net/dev/theme/jyvaskyla/style/j3:file/download/") no-repeat left top #fff;
	}
	
	header .path .service.toplevel a, header .path .service.toplevel a:hover
	{ 
		height: 84px;
	}

}