/* Sivun sisällön taustakuva ja väri, muuta background koulujen värin mukaiseksi*/

html:before
{
    background: url("https://peda.net/p/heko/nettilehti/myk-taustakuva:file/download/775944033164973ad325a363175c819be0b035cf/MYK_bg.jpg") #00BBEF;
    color: #000;
    border-bottom: solid 0.25rem #17b9ef;
}

/*Peda.net ja henkilöt linkin taustavärin 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;
}


html { --bannerimage: url("https://peda.net/p/heko/nettilehti/myk-otsikko:file/download/37a91552651fe018f267e9ee303018642579e96b/MYK_title.jpg"); --bannerheight: minmax(max(20rem,25vh), auto); --bannerbackgroundsize: auto; --bannerbackgroundposition: 0% 0%; }

html { --bannerimage: url("https://peda.net/p/heko/nettilehti/myk-otsikko:file/download/37a91552651fe018f267e9ee303018642579e96b/MYK_title.jpg"); --bannerheight: minmax(max(14rem,18vh), auto); }

.banner
{
background: url("https://peda.net/p/heko/nettilehti/myk-otsikko:file/download/37a91552651fe018f267e9ee303018642579e96b/MYK_title.jpg") no-repeat left top #fff;
border-bottom: solid 0rem #fff;
}

/* Sivun otsikkoalueen taustakuva otsikkoalueen ylämarginaali ja otsikkoalueen tekstin perusväri */

header nav.path
{
	background: transparent;
	padding-top: 0rem;
	color: #000000;

}

/*yläpalkin taustavärin muutos sekä perusväri tekstille*/
header nav.global
{
background: transparent;
background: rgba(0,0,0,0.2);
color: #fff;
}

/*Murupolun linkkien yleisväri*/ 
header .path a
{
color: #000;
}

/*Otsikkoalueen tekstin perusväri otsikosta alaspäin*/

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

/*Näkymätön otsikko, joka määrää otsikkorivin korkeuden*/

/*
header h1.toplevel a, header h1.toplevel a:hover
{ 
color: transparent;
background: transparent;
}
*/


/*Murupolun taustaväri*/

nav.path .toplevel > .pathitem
{
background: transparent;
	color: #fff;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
}


/*Murupolun linkkien väri otsikon jälkeen*/ 

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

/*Murupolun viimeisen linkin väri*/

header h1.toplevel .pathitem.redundant a 
{
    color: #000;
}

/*Murupolun efekti*/

header .path .pathitem a:hover, header .path .pathitem a:active

{
	text-shadow: 0 0 0.2rem #ffffff, 0 0 0.3rem #000000, 0 0 0.4 #000000;
	color: #000;
}



header .path .pathitem .toplevel a:hover, header .path .pathitem .toplevel a:active
{
color: transparent;
}

/*Sivun otsikon väri*/

h1 a, h1 a:link, h1 a:visited
{
    color: #000;
}

/*Moduuleiden otsikoiden väri*/

h2 a, h2 a:link, h2 a:visited
{
    color: #000;
}


/*Vasemman laidan navigoinnin taustaväri ja linkkien väri*/

nav.main nav.virtualsub li a, nav.main nav.sub .service a
{
background-color: #fff;
color: #000;

}