header nav.global
{
  background: #8a2b10;
}

html:before
{

   background: #fff;
   color: #000;
    border-bottom: solid 0.25rem #8a2b10;

}

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

html { --bannerimage: url("https://peda.net/dev/theme/%C3%A4ht%C3%A4ri/kuvia/logo_pieni:file/download/"); --bannerheight: minmax(max(20rem,25vh), auto); --bannerbackgroundsize: auto; --bannerbackgroundposition: 0% 0%; }

html { --bannerimage: url("https://peda.net/dev/theme/%C3%A4ht%C3%A4ri/kuvia/logo_pieni:file/download/"); --bannerheight: minmax(max(14rem,18vh), auto); }

html { --bannerbackground: #fff; }

.banner
{
	
/*background: url("https://peda.net/dev/theme/%C3%A4ht%C3%A4ri/kuvia/logo_pieni:file/download/") no-repeat center;
*/
background-color: #fff;



}



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

header nav.path
{
        background: transparent;
	padding-top: 0.6rem; 
	color: #fff;
}


/*Nakymaton otsikko, joka maaraa otsikkorivin korkeuden*/
/*
/*
header h1.toplevel a, header h1.toplevel a:hover
{ 
margin: 0;
padding: 0;
width: 100%;
background: transparent;
}
*/
*/


/* Tällä määritellään että otsikossa koulun nimi näkyy isoilla kirjaimilla, vaikka palvelun tiedoissa nimi kirjoitetaan normaalisti */


header h1.toplevel a span span
{
font-weight: 400;
text-transform: uppercase;
/* font-variant: small-caps; */
}

/* Tällä kätketään ikoni ja määritellään marginaali otsikkotekstien alkuun */


header h1.toplevel a img
{
margin-right: 0.8rem;
height: 3rem;
max-width: 3rem;
}





/*tästä jatkuu aikaisemmat */



header h1.toplevel a {
margin-top: 0.2rem;
}


/*
.banner > .path, header .path a, header h1.toplevel a {
color: #ea4e1b;
font-size: 140%;

}
*/

header h1.toplevel a {
font-weight:bold;

}


/*
header .path .pathitem a:hover, header .path .pathitem a:active, header h1.toplevel a:hover, header h1.toplevel a:active {
color: #8a2b10;
text-decoration: underline;
}
*/


/*LINKIT VASEMMALLA*/

nav.main nav.virtualsub li a, nav.main nav.sub .service a {
    background-color: transparent;
    padding: 0.25rem 0.5rem;
    margin-bottom: 0.3rem;
    border: 0rem ;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow:none ;
    border-radius:0 ;
    -webkit-background-clip: padding-box;
    }

/*header h1.toplevel {
padding-bottom: 1rem;
padding-top: 1rem;
}
*/

nav.main nav.virtualsub li a,
nav.main nav.sub .service a {
    border: 0;
    border-left: 0.3rem solid #8a2b10; /* replaced by subject color */

background-color: #ea4e1b;
    border-radius: 0 0.5rem 0.5rem 0;
}

/* Yhteystietosivun taulukot */

.nimi {
width: 40%;
}
.numero {
width: 30%;
}