/* Sivun sisällön taustakuva ja väri*/
body > main
{
	background: #fff;
    color: #000;
    border-bottom: solid 0.15em #BBD661;
}

/*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;
}

/*Otsikon yläpuolisen murupolun linkin väri*/
header .pathitem.important > .service a, header .pathitem.important > .service a:hover
{
color: #00579C;
}

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

header nav.path
{
	background: url("https://peda.net/dev/theme/forssa/style/siluetti_v3-pngf:file/download/") no-repeat left 0.6em #fff;
	color: #fff;

}

/*ylapalkin taustavarin muutos seka perusvari tekstille*/
header nav.global
{
background: transparent;
background: rgba(0,87,156,0.2);
color: #fff;
}

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

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

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

/*Otsikkoalueen linkin vari*/

header .path .service.toplevel a, header .path .service.toplevel a:link, header .path .service.toplevel a:hover
{ 

color: #00579C;
text-shadow: 0em 0em 0.2em #fff;
background: transparent;

}


/*Murupolun taustavari ja taustakuva*/

nav.path .toplevel > .pathitem
{
	background: url("https://peda.net/dev/theme/forssa/style/murupolku-png2:file/download/") no-repeat left top #00579C;
	color: #fff;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}


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

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

/*Murupolun viimeisen linkin väri*/

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

/*Murupolun efekti*/

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

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


/*Sivun otsikon väri*/

h1 a, h1 a:link, h1 a:visited
{
    xcolor: #224d5f;
    color: #00579C;
}

/*Moduuleiden otsikoiden väri*/

h2 a, h2 a:link, h2 a:visited
{

    color: #00579C;
}

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

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

}

/*Navigoinnin hehku hoverina*/
nav.main nav.virtualsub li a, nav.main nav.sub .service a:hover
{
text-shadow: 0em 0em 0.2em #fff;
text-decoration: none;
}


/*yksipalstainen leiska*/
@media all and (max-width:46em)
{
	header nav.path
{
background: url("https://peda.net/dev/theme/forssa/style/s2:file/download/") no-repeat left 1.2em #fff;

}
		
/*Tosi kapea yksipalstainen*/
}
@media all and (max-width:30em)
{
	header nav.path
{
background: url("https://peda.net/dev/theme/forssa/style/s2:file/download/") no-repeat left 0.1em #fff;

}
		

}