/*Kolmipalsta*/
section {
    flex-direction: column-reverse;
 }

section > aside{
display:flex;
width:auto;
flex-flow: row wrap;
margin:-1rem -0.5rem 0.5rem -0.5rem;
}

section > aside > *
{
 flex: 1 1 10rem;
min-width:10rem;
}

section > .main {
width:auto;
padding-bottom: 1rem;
}

aside > article
{
margin:0.5rem;
}
/*
img.inline {
    max-height: 2rem;
    position: absolute;
    bottom: 0;
    left: 0;
}*/

@media all and (max-width:20rem)
{

section { display: flex; flex-flow: column-reverse; }

section > * { width: auto; }
}

@media all and (max-width:20rem)
{

section > aside { margin-top:1rem; }

}
/* Kolmipalsta loppuu*/

/*Sivuston fontin vaihto*/
body{
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/*Sivuston taustakuvan vaihto*/
html:before {
	background: #000 url(https://www.publicdomainpictures.net/pictures/130000/velka/yellow-background-1440627692qIZ.jpg);
	color: #000;
	border-bottom: solid 0.25rem #000;
}

/* Artikkeleiden yläreunaan viiva*/
.main.content article {
    border: 0;
    border-top: 15px solid #000;
}

aside article {
	border: 0;
	border-top: 5px solid #000;
padding-bottom: 2rem;
}


nav.sessioncontrol{
	display: block;
}

/* Navigoinnin fonttiväri */
nav.sub > .sitemap a{
	color: #000;
}

/* Sivuston otsikon piilotus bannerista*/
h1.toplevel{
	display: none;
}

/* Bannerin muotoilu */
html { --bannerbackgroundposition: center; }

html { --bannerbackgroundsize: 1411px; }

html { --bannerbackground: #000 url (https://c1.staticflickr.com/1/601/31909305622_c36b816600_b.jpg); }

.banner{
	padding-bottom: 0;
	margin: 0;
	background-repeat: no-repeat;
	height: 270px;
	background-size: 1411px;
	background-position: center;
	background-color: #000 url (https://c1.staticflickr.com/1/601/31909305622_c36b816600_b.jpg);
	
}

/* Työkalupalkin muotoilu ja siirto */
main > article.systemrootpage > header, main > article.systemmodulepage > header{
	float: right;
	background: url (https://images.pexels.com/photos/19670/pexels-photo.jpg);
	margin-top: -3.8rem;
}

/* Sivuston toisen pääotsikon piilotus */
header h1.maincontent{
	display: none;
}

/* Mobiilimääritykset */
@media (max-width:20rem) { 



/* Bannerin pienempi koko pienille ruuduille*/
.banner{
	height: 200px;

}


main > article.systemrootpage > header, main > article.systemmodulepage > header{
	margin-top: 0;
}

}