/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

body
{
	font-family: 'Open Sans', sans-serif;
}

/*Poistetaan tyhjä väli pohjasta, jotta footer on kiinni alareunassa*/

/*
.height-container-sidenav
{
padding-bottom: 0px;
}
*/

html.home-topic	/*Used on home topic to override padding set in the skin*/
{
	
}

html.home-topic .body-container	/*Overrides padding set in the skin*/
{
	padding: 0;
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin when in tablet/mobile*/
{
	max-width: 100%;
	padding: 0;
}

/*Kehys pois päävalikon otsikoista*/

*:focus
{
	outline: none !important;
}

/*Avattavat popup-kuvat näkyviin yläbannerin päälle*/

.MCPopupContainer
{
	z-index: 1000;
}

/*Oikean reunan knowledge-laatikot*/

.knowledge-area
{
	width: 300px;
	float: right;
	clear: both;
	margin-right: 3px;
}

/*Yläbannerin kouluastevalintapudotusvalikko*/

.header-dropbtn
{
	background-image: url('../../Resources/Images/Icons/arrow-down-white-28.svg');
	background-size: 14px 7.5px;
	background-repeat: no-repeat;
	background-position: 95% 53%;
	background-color: transparent;
	color: white;
	padding: 12px;
	padding-right: 40px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	border: none;
	cursor: pointer;
	margin-top: 22px;
	min-width: 150px;
	text-align: left;
	border: 2px solid transparent;
}

/*Yläbannerin kielivalintapudotusvalikko*/

.header-language-dropbtn
{
	background-image: url('../../Resources/Images/Icons/language-button-down-200.svg');
	background-size: 100px 20px;
	background-repeat: no-repeat;
	background-position: -2px 11px;
	background-color: transparent;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	cursor: pointer;
	margin-top: 23px;
	min-width: 100px;
	max-width: 100px;
	overflow: hidden;
	min-height: 45px;
	text-align: left;
	padding-left: 45px;
	border: 2px solid transparent;
}

.header-dropbtn:hover,
.header-dropbtn:focus
{
	background-color: #0099CC;
	border: 2px solid #0099CC;
	border-radius: 0px;
}

.header-dropbtn.open
{
	background-image: url('../../Resources/Images/Icons/arrow-up-white-28.svg');
	background-size: 14px 7.5px;
	background-repeat: no-repeat;
	background-position: 95% 53%;
	background-color: #0099CC;
}

.header-language-dropbtn:hover,
.header-language-dropbtn:focus
{
	background-color: #0099CC;
	border: 2px solid #0099CC;
	border-radius: 0px;
}

.header-language-dropbtn.open
{
	background-image: url('../../Resources/Images/Icons/language-button-up-200.svg');
	background-size: 100px 20px;
	background-repeat: no-repeat;
	background-position: -2px 11px;
	background-color: #0099CC;
}

.header-dropdown
{
	position: relative;
	display: inline-block;
	margin-left: 45px;
	z-index: 1;
}

.header-language-dropdown
{
	position: absolute;
	display: inline-block;
	right: 45px;
	z-index: 1;
}

.header-dropdown-content
{
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 220px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.header-language-dropdown-content
{
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 100px;
	right: 0px;
	overflow: auto;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.header-dropdown-content a
{
	color: black !important;
	padding: 12px 16px;
	text-decoration: none !important;
	display: block;
}

.header-language-dropdown-content a
{
	color: black !important;
	padding: 12px 16px;
	text-decoration: none !important;
	display: block;
}

.header-dropdown-selected
{
	background-color: #F0F2F5;
}

.header-language-dropdown-selected
{
	background-color: #F0F2F5;
}

.header-dropdown-line
{
	height: 1px;
	border-width: 0;
	color: #0099CC;
	background-color: #0099CC;
	width: 90%;
}

.show
{
	display: block;
}

/*Wilma-logo headerissa*/

.title-bar a.logo
{
	background-color: transparent;
	background-image: url('../Images/Icons/wilma-logo-light.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 106px;
	/*logoelementin leveys*/
	height: 90px;
	/*logoelementin korkeus*/
	background-size: 100px 90px;
	/*logokuvan leveys ja korkeus*/
}

/*Wilma-logon etäisyys reunasta*/

.logo-wrapper
{
	padding-left: 10px;
}

/*Hakupalkin kuvake*/

.search-bar.search-bar-container .search-submit
{
	width: 36px;
	background: transparent url('../Images/Icons/search-icon.svg') no-repeat center center !important;
	-pie-background: transparent url('../Images/Icons/search-icon.svg') no-repeat center center !important;
}

/*Mobiili- ja tablet-näkymän menukuvake*/

nav.title-bar .menu-icon span
{
	background-image: url('../Images/Icons/menu-icon.svg') !important;
	width: 48px;
	height: 48px;
	background-size: 22px 17px;
}

/* Laajennus-tiivistys-painike */

.button-container
{
	position: relative;
	right: 0px;
	z-index: 2;
	text-align: right;
	margin-top: 20px;
	clear: both;
}

/* Laajennus-tiivistys-painike */

.expand-collapse-btn
{
	background-color: white;
	color: #003366;
	text-align: center;
	border: 1px solid silver;
	padding: 7px 7px;
	cursor: pointer;
	width: 100px;
	border-radius: 15px 15px 15px 15px;
}

/* Alkuun-painike */

.top-function
{
	text-align: right;
}

/* Alkuun-painike */

.top-function-text-btn
{
	background-color: white;
	color: #003366;
	text-align: center;
	border: 1px solid silver;
	padding: 7px 12px;
	cursor: pointer;
	width: auto;
	border-radius: 15px 15px 15px 15px;
	margin-top: 13px;
	display: none;
}

/* Alkuun-painike näkyviin scrollatessa */

.top-function-text-btn.show
{
	display: inline-block;
}

p.footer
{
	font-family: 'Open Sans', sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: #fff;
}

.footer-toolbar-row-container
{
	display: flex;
	height: 60px;
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}

.footer-toolbar-row-left
{
	flex: 1;
	padding-right: 10px;
}

.footer-toolbar-row-right
{
	width: 90px;
	display: flex;
	justify-content: flex-end;
}

/* Piilotetaan etusivun kuukausikohtaiset ohjelistat oletuksena */

.suosituimmat-ohjeet
{
	display: none;
}

/* Ohjeiden pääotsikkotaso*/

h1
{
	font-size: 28px;
	color: #003366;
	font-family: 'Nunito', sans-serif;
	font-weight: 300;
	overflow-wrap: break-word;
}

/* Ohjeiden alaotsikkotaso 2*/

h2
{
	font-family: 'Nunito', sans-serif;
	letter-spacing: 0.02em;
	font-weight: bold;
	font-size: 19px;
	color: #003366;
	overflow-wrap: break-word;
}

/* Ohjeiden alaotsikkotaso 3*/

h3
{
	font-family: 'Nunito', sans-serif;
	letter-spacing: 0.02em;
	font-weight: bold;
	font-size: 17px;
	color: #414244;
	margin-top: 20px;
	overflow-wrap: break-word;
}

/* Ohjeiden alaotsikkotaso 4*/

h4
{
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	color: #414244;
	margin-top: 15px;
	overflow-wrap: break-word;
}

/* Ohjeiden alaotsikkotaso 5*/

h5
{
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	color: #414244;
	margin-top: 10px;
	overflow-wrap: break-word;
}

/* Ohjeiden alaotsikkotaso 6*/

h6
{
	font-family: 'Nunito', sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 15px;
	color: #414244;
	margin-top: 10px;
	overflow-wrap: break-word;
}

/*Leipätekstimuotoilu*/

p
{
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.25;
	line-height: 15pt;
	margin-bottom: 15px;
	margin-top: 13px;
	color: #414244;
	font-size: 14px;
	font-weight: 400;
	overflow-wrap: break-word;
}

/*Taulukkomuotoilut*/

table,
td
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
	clear: both;
	color: black;
	vertical-align: top;
	line-height: 15pt;
}

table td p,
table th p
{
	color: black;
	margin-bottom: 15px;
	margin-top: 0px;
}

/* Ohjeissa näkyvä päivitysleima */

p.paivitetty_viimeksi
{
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.25;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 0px;
	color: #414244;
	font-style: italic;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	padding-bottom: 5px;
	border-bottom: 1px solid #414244;
}

/*Koodiesimerkkien laatikko ohjeissa*/

div.code
{
	background-color: #dfe1e5;
	border-left: 0px solid gray;
	border-radius: 0px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 15px;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*Ohjeiden koodiesimerkkien muotoilu*/

p.code
{
	font-family: "Lucida Console", "Courier New", monospace;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	line-height: 1;
	color: #414244;
	margin-bottom: 0px;
	margin-top: 0px;
	overflow-wrap: break-word;
}

/*FAQ-ohjeiden avattavien otsikoiden välissä olevat otsikkotasot*/

p.valiotsikko
{
	font-family: 'Nunito', sans-serif;
	font-weight: bold;
	font-size: 22px;
	color: #003366;
	margin-top: 40px;
	margin-bottom: 5px;
	overflow-wrap: break-word;
}

ul.menu
{
	font-weight: normal;
}

/*Bullet-listat ohjeissa*/

ul
{
	letter-spacing: .25;
	line-height: 20pt;
	color: #414244;
	font-size: 14px;
	font-weight: 400;
	overflow-wrap: break-word;
}

/*Numerolistat ohjeissa*/

ol
{
	letter-spacing: .25;
	line-height: 15pt;
	list-style: none;
	color: #414244;
	font-size: 14px;
	font-weight: normal;
	margin: 1em 0;
	margin-top: 20px;
	padding: 0 0 0 40px;
	counter-reset: list-counter;
	overflow-wrap: break-word;
}

/*Numerolistojen sisennys*/

ol > li
{
	margin: .5em 0;
	margin-top: 15px;
	font-weight: normal;
	padding: 0;
	text-indent: -5px;
}

/*Numerolistojen numerot*/

ol > li:before
{
	content: counter(list-counter) ".";
	counter-increment: list-counter;
	font-size: 1em;
	display: inline-block;
	font-weight: bold;
	margin: -2px 10px -1px -29px;
	background: #FFE552;
	color: #003366;
	width: 1.7em;
	text-align: center;
	border-radius: 30%;
	text-indent: -3px;
	padding-right: 3px;
	padding-left: 5px;
	overflow-wrap: normal;
}

/*Numerolistoissa olevat sisennetyt bullet-listat*/

ol ul
{
	letter-spacing: .25;
	line-height: 20pt;
	color: #414244;
	font-size: 14px;
	font-weight: 400;
	margin-left: 0px;
}

/*Numerolistoissa olevien sisennettyjen bullet-listojen muotoilu*/

ol ul > li
{
	padding-left: 5px;
	text-indent: 0px;
}

/*Numerolistojen muotoiluja*/

ol > ol > li::before
{
	margin-right: 10px;
	position: relative;
	color: #003366;
	font-weight: bold;
	text-align: center;
	padding-left: 6px;
	padding-right: 4px;
	padding-bottom: 2px;
}

/*Bullet- ja numerolistojen rivit*/

li
{
	padding: 5px 0px;
	font-size: 14px;
	line-height: 15pt;
	color: #414244;
}

/*Kuvat ilman thumbnailia*/

img
{
	border: none;
	max-width: 100%;
	moz-border-radius: none;
	border-radius: none;
}

/*Kuvat thumbnaililla*/

img.ohjekuva
{
	border: none;
	max-width: 100%;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 300px;
	mc-thumbnail: popup;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	float: right;
	clear: both;
}

img.tulostekuva
{
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border: 1px solid dcdcdc;
}

img.lomakekuva
{
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border: 1px solid dcdcdc;
}

/*Visma-logo alareunassa*/

img.logofooter
{
	padding-top: 55px;
	padding-bottom: 15px;
	display: block;
	margin-left: 28%;
}

/*Videoupotuselementti*/

.video-container
{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 56.25%;
	/* 16:9 kuvasuhde */
	margin-bottom: 10px;
}

/*Videoupotuselementin kehys*/

.video-iframe
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: none;
}

/*Kouluastekohtaisten sivujen Etusivu.htm-sivun valikkolaatikot*/

.valikko
{
	background-color: #ffffff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px 15px 15px 15px;
	display: inline-block;
	cursor: pointer;
	color: #003366;
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	font-weight: normal;
	padding: 25px 10px;
	text-decoration: none;
	text-align: center;
	margin-right: 35px;
	margin-top: 20px;
	width: 180px;
	height: 180px;
	vertical-align: top;
	line-height: 1.2;
	border: 1px solid #003366;
	transition: box-shadow .2s;
}

.valikko:link
{
	text-decoration: none;
	color: #003366;
	line-height: 1.2;
}

.valikko:visited
{
	text-decoration: none;
	color: #003366;
	line-height: 1.2;
}

.valikko:hover
{
	background-color: #F0F2F5;
	text-decoration: none;
	color: #003366;
	line-height: 1.2;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}

.valikko:active
{
	position: relative;
	text-decoration: none;
	color: #003366;
	line-height: 1.2;
}

/*Help.inschool.fi-aloitussivun kouluastelaatikot*/

.startpage-box
{
	background-color: #003366;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	display: block;
	cursor: pointer;
	color: #ffffff;
	font-family: 'Nunito', sans-serif;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 27px;
	width: 480px;
	height: 75px;
	line-height: 1.2;
	border: 0px solid #003366;
	transition: box-shadow .2s;
}

.startpage-box:link
{
	text-decoration: none;
	color: #ffffff;
	line-height: 1.2;
}

.startpage-box:visited
{
	text-decoration: none;
	color: #ffffff;
	line-height: 1.2;
}

.startpage-box:hover
{
	background: #0099CC;
	text-decoration: none;
	color: #ffffff;
	line-height: 1.2;
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}

.startpage-box:active
{
	position: relative;
	text-decoration: none;
	color: #ffffff;
	line-height: 1.2;
}

/*Kouluastekohtaisten sivujen headerin keskellä näkyvä otsikko */

.header-title-school-level
{
	font-family: 'Nunito', sans-serif;
	letter-spacing: 0.25;
	font-size: 26px;
	font-weight: 300;
	line-height: 1.1;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	margin: auto;
	width: 310px;
	border: 0px solid #ffffff;
	position: absolute;
	align-items: center;
	justify-content: center;
	display: flex;
	height: 90px;
	left: 50%;
	transform: translateX(-50%);
}

/*Aloitussivun headerin keskellä näkyvä otsikko */

.header-title-start-page
{
	font-family: 'Nunito', sans-serif;
	letter-spacing: 0.25;
	font-size: 26px;
	font-weight: 300;
	line-height: 15pt;
	color: #ffffff;
	padding-top: 37px;
	text-align: center;
	text-decoration: none;
	margin: auto;
	width: 310px;
	height: 40px;
	border: 0px solid #ffffff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

/*Korostetut huomautuslaatikot ohjeissa*/

p.huomautus
{
	font-family: 'Open Sans', sans-serif;
	color: #003366;
	letter-spacing: 0.25;
	font-size: 15px;
	font-weight: normal;
	line-height: 18pt !important;
	text-align: left;
	background-color: #FFE552;
	border: 0px solid #003366;
	border-left: 10px solid #FFD200;
	border-radius: 0px;
	padding-left: 30px;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-right: 30px;
	overflow: hidden;
}

/*Avattavat lisätietotekstit ohjeissa*/

.info-expanded
{
	border-left: 5px solid #F0F2F5;
	padding-left: 15px;
}

/*Tiedostolatausosio*/

.downloadfiles-container
{
	border-radius: 10px;
	background-color: #fafafa;
	padding: 15px;
	padding-top: 10px;
	border: 1px solid #003366;
	margin-top: 30px;
}

/*Tiedostolatausosion otsikko*/

p.downloadfiles-header
{
	font-family: 'Nunito', sans-serif;
	letter-spacing: 0.02em;
	font-weight: normal;
	font-size: 18px;
	color: #003366;
	padding-left: 5px;
	overflow-wrap: break-word;
}

/*Vinkit ohjeissa*/

span.vinkki
{
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.25;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	line-height: 15pt;
	text-align: left;
	background-color: #0099CC;
	width: auto;
	border: 1px solid #0099CC;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
}

/*Huomautukset ohjeissa*/

span.huom
{
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
	font-size: 15px;
	color: #0099CC;
	font-weight: bold;
	line-height: 15pt;
	text-align: left;
	width: auto;
	border-bottom: 0px solid #003366;
	border-radius: 0px;
	padding-left: 0px;
	padding-right: 3px;
}

/*Lihavoidut tekstit ohjeissa*/

span.bold
{
	font-weight: bold;
}

/*Kursivoidut tekstit ohjeissa*/

span.italic
{
	font-style: italic;
}

/*Liitetiedostolinkit ohjeissa*/

li.download
{
	font-family: 'Open Sans', sans-serif;
	background: url('../../Resources/Images/Icons/download-file-24.svg') no-repeat 0px 7px transparent;
	list-style-type: none;
	margin-left: 10;
	padding: 8px 0px 5px 35px;
	vertical-align: middle;
}

/*kopioi leikepöydälle -nappi ohjeissa */

button.copytoclipboard
{
	background: #003366;
	border: none;
	color: white;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 0px 0px;
	cursor: pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-decoration: none;
}

/*kopioi leikepöydälle -nappi ohjeissa */

button.copytoclipboard:hover
{
	background: #0099CC;
}

/*kopioi leikepöydälle -nappi ohjeissa */

button.copytoclipboard:active
{
	transform: scale(0.98);
}

/*Tarvitsetko apua -painike ohjeiden alareunassa*/

.painike
{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display: inline-block;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	padding: 10px 20px;
	border-radius: 32px;
	background: #003366;
	color: #ffffff;
	text-decoration: none;
	margin-right: 20px;
	margin-bottom: 5px;
}

/*Tarvitsetko apua -painike ohjeiden alareunassa*/

.painike:hover
{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 32px;
	border: 0px solid #0099CC;
	background: #0099CC;
	color: #ffffff;
	text-decoration: none;
}

/*Tarvitsetko apua -painike ohjeiden alareunassa*/

.painike:visited
{
	color: #ffffff;
	text-decoration: none;
}

/*Etusivun linkkilistojen rakenne*/

.frontpagelinks-container
{
	margin-top: 40px;
	max-width: 1055px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	/* Space between the grid items */
}

.frontpagelinks-column
{
	display: flex;
	flex-direction: column;
	gap: 20px;
	/* Space between the boxes within a column */
}

.frontpagelinks-box
{
	border: 1px solid #F0F2F5;
	border-radius: 15px;
	padding-left: 10px;
	box-sizing: border-box;
}

/*Etusivun linkkilistojen muotoilut*/

ul.linklist
{
	margin-left: -20px;
	margin-top: -10px;
}

li.linklist
{
	background: url('../../Resources/Images/Icons/arrow-right-blue-24.svg') no-repeat 8px 12px transparent;
	list-style-type: none;
	margin-left: 10;
	padding: 8px 0px 5px 35px;
	vertical-align: middle;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: #007ACA;
}

MadCap|expandingBody
{
	font-style: italic;
	color: #414244;
	margin-left: 10px;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: #45494c;
	border-bottom: none;
	font-size: 18px;
	font-weight: 300;
}

MadCap|dropDownHotspot:link
{
	cursor: hand;
	text-decoration: none;
	color: #45494c;
	border-bottom: none;
	font-size: 18px;
}

MadCap|dropDownHotspot:visited
{
	cursor: hand;
	text-decoration: none;
	color: #45494c;
	border-bottom: none;
	font-size: 18px;
}

MadCap|dropDownHotspot:hover
{
	cursor: hand;
	text-decoration: none;
	color: #45494c;
	border-bottom: none;
	font-size: 18px;
}

MadCap|dropDownHotspot:active
{
	cursor: hand;
	text-decoration: none;
	color: #45494c;
	border-bottom: none;
	font-size: 18px;
}

MadCap|xref
{
	color: #076685;
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
}

div.home-layout
{
	padding: 2% 5%;
}

div.home-section
{
	padding: 5% 0;
	border-bottom: solid 1px #dadada;
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: #888888;
	font-size: 10pt;
}

div.MCBreadcrumbsBox_0 a:link
{
	color: #007ACA;
}

div.MCBreadcrumbsBox_0 a:visited
{
	color: #007ACA;
}

a:visited
{
	color: #007ACA;
	text-decoration: none;
}

div.MCBreadcrumbsBox_0 a:hover
{
	color: #007ACA;
}

a:hover
{
	color: #007ACA;
	text-decoration: underline;
}

.header-dropdown a:hover
{
	background-color: #F0F2F5;
}

.header-language-dropdown a:hover
{
	background-color: #F0F2F5;
}

/*Linkkimuotoilut ohjeissa*/

a
{
	color: #007ACA;
	text-decoration: none;
}

a.MiniTOC1:link,
a.MiniTOC2:link,
a.MiniTOC3:link,
a.MiniTOC4:link
{
	color: #007ACA;
	text-decoration: none;
	font-weight: normal;
}

a.MiniTOC1:hover,
a.MiniTOC2:hover,
a.MiniTOC3:hover,
a.MiniTOC4:hover
{
	color: #007ACA;
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
}

MadCap|dropDownBody
{
	padding: 10px 15px 0;
}

MadCap|dropDown
{
	font-family: 'Open Sans', sans-serif;
	border-bottom: 1px solid #dadada;
	mc-image-position: left;
	mc-image-spacing: 12px;
	mc-open-image: url('../Images/Icons/minus.svg');
	mc-closed-image: url('../Images/Icons/plus.svg');
	padding-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	font-weight: 300;
}

div.topic-hero
{
	padding: 5%;
	background-image: url('../Images/Hero-Background.jpg');
	background-size: cover;
	background-attachment: fixed;
}

div.topic-hero h1
{
	color: #fff;
	font-family: Arial;
	font-size: 48pt;
	text-align: center;
}

div.home-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #b9bec1;
	padding: 2%;
}

div.home-tiles > div:nth-child(1)
{
	width: 48%;
	margin-left: 0%;
}

div.home-tiles > div:nth-child(2)
{
	width: 48%;
	margin-left: 4%;
}

div.home-tiles-layout	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 150px;*/
	/*väli alareunaan, jotta footer ei tule päälle*/
}

div.home-tiles-layout::before
{
	content: ' ';
	display: table;
}

div.home-tiles-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles-layout > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0px;
	padding-right: 0px;
}

div.home-tiles-layout > div:nth-child(1)
{
	width: 58.333%;
	margin-left: 0%;
}

div.home-tiles-layout > div:nth-child(2)
{
	width: 41.667%;
	margin-left: 0%;
}

div.home-tiles-layout p
{
	line-height: 15pt;
}

div.quick-links	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.quick-links::before
{
	content: ' ';
	display: table;
}

div.quick-links::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.quick-links > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.quick-links > div:nth-child(1)
{
	width: 16.66666%;
	margin-left: 2%;
}

div.quick-links > div:nth-child(2)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(3)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(4)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(5)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links *	/*Text-align center set to all elements within div.quick-links*/
{
	text-align: center;
}

div.home-footer
{
	background-color: #076685;
	padding: 2% 5%;
}

MadCap|expanding
{
	mc-closed-image: url('../Images/Icons/arrow-right-blue-12.svg');
	mc-open-image: url('../Images/Icons/arrow-down-blue-12.svg');
	mc-image-spacing: 10px;
}

MadCap|toggler
{
	color: #007ACA;
	mc-closed-image: url('../Images/Icons/arrow-down-blue-12.svg');
	mc-open-image: url('../Images/Icons/arrow-up-blue-12.svg');
}

MadCap|conceptLink
{
	font-weight: normal;
	font-family: 'Nunito', sans-serif;
	background-color: #ffffff;
	border-style: solid;
	border-color: #003366;
	border-width: 1px;
	border-radius: 15px;
	mc-image: none;
	padding: 2px 12px 2px 12px;
	margin-right: 10px;
	margin-top: 2px;
	color: #003366;
	font-size: 14px;
	display: inline-block;
}

MadCap|conceptLink:hover
{
	color: #ffffff;
	font-weight: normal;
	font-family: 'Nunito', sans-serif;
	background-color: #003366;
	border-style: solid;
	border-color: #003366;
	border-width: 1px;
	border-radius: 15px;
	mc-image: none;
	padding: 2px 12px 2px 12px;
	margin-right: 10px;
	margin-top: 2px;
	text-decoration: none;
	display: inline-block;
}

MadCap|relatedTopics
{
	color: #003366;
	mc-help-control-display: list;
	mc-image: url('../Images/Icons/related-topics-24.svg');
	margin-top: 50px;
}

MadCap|popupBody
{
	border: solid 1px #000000;
	border-bottom-color: #000000;
}

MadCap|popup
{
	
}

MadCap|helpControlMenu
{
	background-color: #ffffff;
}

MadCap|helpControlMenuItem
{
	color: #414244;
	padding: 10px;
}

MadCap|helpControlMenuItem.Highlighted
{
	color: #414244;
	border-radius: 2px;
	background-color: #dfe1e5;
}

MadCap|dropDownHead
{
	font-size: 14pt;
}

MadCap|miniTocProxy
{
	
}

span.SearchHighlight
{
	
}

span.SearchHighlight1
{
	
}

span.SearchHighlight2
{
	
}

.MCHelpControl-Related .MCHelpControl-RelatedHotSpot_
{
	font-size: 18px;
	font-weight: 200;
	padding-left: 15px;
	padding-right: 0;
}

@media only screen and (max-width: 1279px)
{
	html.home-topic .body-container
	{
		margin-left: 0;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.home-tiles-layout > div:nth-child(1)
	{
		width: 40%;
		margin-left: 30%;
	}

	div.home-tiles-layout > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 24%;
		margin-left: 0%;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 24%;
		margin-left: 19%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 24%;
		margin-left: 14%;
	}
}

@media only screen and (max-width: 767px)
{
	div.home-tiles > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-top: 5%;
	}

	div.home-tiles-layout p
	{
		line-height: 15pt;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 49%;
		margin-left: 25.5%;
	}
}

@media screen and (min-width: 1280px)
{
	/*scrollbar näkyviin webissä, mutta ei headerin yli*/

	.body-container
	{
		overflow-y: scroll;
	}

	table
	{
		overflow-y: hidden;
		display: block;
		overflow-x: auto;
		/*Taulukkojen sivusuuntainen vieritys*/
	}

	div.home-tiles-layout
	{
		/*margin-top: 19px;*/
	}
}

@media screen and (min-width: 768px) and (max-width: 1279px)
{
	/*scrollbar näkyviin tabletissa, myös headerin yli*/

	body
	{
		overflow-y: scroll;
	}

	/*Oikean reunan knowledge-laatikot*/

	.knowledge-area
	{
		width: 100%;
		float: left;
		clear: both;
	}

	/*Wilma-logon etäisyys reunasta tabletissa*/

	.logo-wrapper
	{
		padding-left: 50px;
	}

	/*Piilotetaan yläbannerin kouluasteotsikko tabletilla*/

	.header-title-school-level
	{
		display: none;
	}

	/*Aloitussivun otsikko tabletilla*/

	.header-title-start-page
	{
		font-family: 'Nunito', sans-serif;
		letter-spacing: 0.25;
		font-size: 26px;
		font-weight: 300;
		line-height: 15pt;
		color: #ffffff;
		padding-top: 37px;
		text-align: center;
		text-decoration: none;
		margin: auto;
		width: 300px;
		height: 40px;
		border: 0px solid #ffffff;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	/*Aloitussivun kouluastelaatikot tabletilla*/

	.startpage-box
	{
		background-color: #003366;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px 5px 5px 5px;
		display: inline-block;
		cursor: pointer;
		color: #ffffff;
		font-family: 'Nunito', sans-serif;
		font-size: 20px;
		font-weight: normal;
		text-decoration: none;
		text-align: center;
		margin-right: 5px;
		margin-left: 5px;
		margin-top: 20px;
		padding-top: 27px;
		width: 90%;
		height: 75px;
		line-height: 1.2;
		border: 0px solid #003366;
		transition: box-shadow .2s;
	}

	table
	{
		overflow-y: hidden;
		display: block;
		overflow-x: auto;
		/*Taulukkojen sivusuuntainen vieritys*/
	}

	/*Kouluastevalikko kapeammaksi ja vasempaan reunaan tabletilla*/

	.header-dropbtn
	{
		background-image: url('../../Resources/Images/Icons/arrow-down-white-28.svg');
		background-size: 14px 7.5px;
		background-repeat: no-repeat;
		background-position: 95% 53%;
		background-color: transparent;
		color: white;
		padding-left: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 30px;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		border: none;
		cursor: pointer;
		margin-top: 15px;
		max-width: 170px;
		width: auto;
		height: 60px;
		min-width: 100px;
		text-align: left;
		border: 2px solid transparent;
	}

	.header-dropbtn.open
	{
		background-image: url('../../Resources/Images/Icons/arrow-up-white-28.svg');
		background-size: 14px 7.5px;
		background-repeat: no-repeat;
		background-position: 95% 53%;
		background-color: #0099CC;
	}

	.header-language-dropbtn
	{
		background-image: url('../../Resources/Images/Icons/language-button-80.svg');
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 5px 10.5px;
		background-color: transparent;
		color: white;
		padding: 0px;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		border: none;
		cursor: pointer;
		margin-top: 23px;
		min-width: 70px;
		max-width: 70px;
		padding-left: 45px;
		overflow: hidden;
		min-height: 45px;
		text-align: left;
		border: 2px solid transparent;
	}

	.header-dropbtn:hover,
	.header-dropbtn:focus
	{
		background-color: #0099CC;
		border: 2px solid #0099CC;
		border-radius: 0px;
	}

	.header-language-dropbtn.open
	{
		background-image: url('../../Resources/Images/Icons/language-button-80.svg');
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 5px 10.5px;
		background-color: #0099CC;
	}

	.header-dropdown
	{
		position: relative;
		display: inline-block;
		margin-left: 15px;
		z-index: 1;
	}

	.header-language-dropdown
	{
		position: absolute;
		display: inline-block;
		right: 20px;
		z-index: 1;
	}

	.header-dropdown-content
	{
		display: none;
		position: absolute;
		background-color: #ffffff;
		max-width: 170px;
		width: auto;
		min-width: 140px;
		overflow: auto;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	.header-dropdown-content a
	{
		color: black;
		font-size: 14px;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	.header-language-dropdown-content a
	{
		color: black;
		font-size: 14px;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	.header-dropdown-selected
	{
		background-color: #F0F2F5;
	}

	.show
	{
		display: block;
	}

	/*Logo keskelle tabletilla*/

	img.logofooter
	{
		padding-top: 55px;
		padding-bottom: 10px;
		display: block;
		margin: auto;
	}
}

@media screen and (max-width: 767px)
{
	/*scrollbar näkyviin mobiilissa, myös headerin yli*/

	body
	{
		overflow-y: scroll;
	}

	/*Oikean reunan knowledge-laatikot*/

	.knowledge-area
	{
		width: 100%;
		float: left;
		clear: both;
		padding: 10px;
	}

	/*Wilma-logon etäisyys reunasta mobiilissa*/

	.logo-wrapper
	{
		padding-left: 50px;
	}

	/*Piilotetaan yläbannerin kouluasteotsikko mobiilissa*/

	.header-title-school-level
	{
		display: none;
	}

	/*Aloitussivun otsikko mobiilissa*/

	.header-title-start-page
	{
		font-family: 'Nunito', sans-serif;
		letter-spacing: 0.25;
		font-size: 20px;
		font-weight: 300;
		line-height: 15pt;
		color: #ffffff;
		padding-top: 37px;
		text-align: left;
		margin-left: 155px;
		left: 0;
		text-decoration: none;
		position: absolute;
		width: 200px;
		height: 40px;
		border: 0px solid #ffffff;
		transform: none;
	}

	/*Etusivun ohjekategorialaatikot mobiilissa*/

	.valikko
	{
		background-color: #ffffff;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px 15px 15px 15px;
		display: inline-block;
		cursor: pointer;
		color: #003366;
		font-size: 14px;
		font-weight: normal;
		padding: 10px 10px;
		text-decoration: none;
		text-align: center;
		margin-right: 0px;
		margin-top: 20px;
		width: 100%;
		height: 120px;
		vertical-align: top;
		line-height: 1.2;
		border: 1px solid #003366;
		transition: box-shadow .0s;
	}

	/*Aloitussivun kouluastelaatikot mobiilissa*/

	.startpage-box
	{
		background-color: #003366;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px 5px 5px 5px;
		display: inline-block;
		cursor: pointer;
		color: #ffffff;
		font-family: 'Nunito', sans-serif;
		font-size: 16px;
		font-weight: normal;
		text-decoration: none;
		text-align: center;
		margin-right: 5px;
		margin-left: 5px;
		margin-top: 15px;
		padding-top: 15px;
		width: 90%;
		height: 50px;
		line-height: 1.2;
		border: 0px solid #003366;
		transition: box-shadow .2s;
	}

	/*Etusivun linkkilistojen muotoilut mobiilissa*/

	.frontpagelinks
	{
		width: 100%;
		margin-right: 0px;
		margin-left: 0px;
	}

	/*Headerin kouluastevalikon sijainti mobiilissa*/

	.header-dropdown
	{
		margin-left: 10px;
	}

	table
	{
		overflow-y: hidden;
		display: block;
		overflow-x: auto;
		/*Taulukkojen sivusuuntainen vieritys*/
	}

	/*Logo keskelle mobiilissa*/

	img.logofooter
	{
		padding-top: 55px;
		padding-bottom: 10px;
		display: block;
		margin: auto;
	}

	/*Kouluastevalikko kuutiokuvakkeeksi mobiilissa*/

	.header-dropbtn
	{
		background-image: url('../../Resources/Images/Icons/cube-19.svg');
		background-size: 19px 19px;
		background-repeat: no-repeat;
		background-position: 11px 11px;
		background-color: transparent;
		color: transparent;
		text-indent: -9999px;
		padding: 0px;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		cursor: pointer;
		margin-top: 23px;
		min-width: 45px;
		max-width: 45px;
		overflow: hidden;
		min-height: 45px;
		max-height: 45px;
		text-align: left;
		border: 2px solid transparent;
	}

	.header-dropbtn.open
	{
		background-image: url('../../Resources/Images/Icons/cube-19.svg');
		background-size: 19px 19px;
		background-repeat: no-repeat;
		background-position: 11px 11px;
		background-color: transparent;
	}

	.header-language-dropbtn
	{
		background-image: url('../../Resources/Images/Icons/language-button-80.svg');
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 11px 10.5px;
		background-color: transparent;
		color: transparent;
		text-indent: -9999px;
		padding: 0px;
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		border: none;
		cursor: pointer;
		margin-top: 23px;
		min-width: 45px;
		max-width: 45px;
		overflow: hidden;
		min-height: 45px;
		text-align: left;
		border: 2px solid transparent;
	}

	.header-language-dropbtn.open
	{
		background-image: url('../../Resources/Images/Icons/language-button-80.svg');
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: 11px 10.5px;
		background-color: #0099CC;
	}

	.header-dropbtn:hover,
	.header-dropbtn:focus
	{
		background-color: #0099CC;
		border: 2px solid #0099CC;
		border-radius: 0px;
	}

	.header-dropdown
	{
		position: absolute;
		display: inline-block;
		right: 83px;
		z-index: 1;
	}

	.header-language-dropdown
	{
		position: absolute;
		display: inline-block;
		right: 20px;
		z-index: 1;
	}

	.header-dropdown-content
	{
		display: none;
		position: absolute;
		background-color: #ffffff;
		max-width: 170px;
		width: auto;
		min-width: 140px;
		overflow: auto;
		right: 0px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	.header-dropdown-content a
	{
		color: black;
		font-size: 14px;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	.header-language-dropdown-content a
	{
		color: black;
		font-size: 14px;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	.header-dropdown-selected
	{
		background-color: #F0F2F5;
	}

	.show
	{
		display: block;
	}

	/*Avattavien otsikoiden sisältö vasempaan reunaan*/

	.dropDownBody
	{
		padding: 10px 0px 0;
		margin-left: 0px;
	}

	/*Kuvat mobiilissa omalle rivilleen*/

	.img.imgohjekuva
	{
		border: none;
		display: block;
		max-width: 100%;
		padding-left: 0px;
		padding-top: 0px;
		padding-bottom: 10px;
		padding-right: 20px;
		float: none;
		clear: both;
	}
}

@media only screen and (max-width: 1279px)
{
	div.home-tiles-layout > div:nth-child(1)
	{
		width: 83.333%;
		margin-left: 8.3333%;
	}

	div.home-tiles-layout > div:nth-child(2)
	{
		width: 83.333%;
		margin-left: 8.3333%;
	}
}

@media only screen and (max-width: 767px)
{
	div.home-tiles-layout > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.home-tiles-layout > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.home-tiles-layout
	{
		
	}
}

@media print
{
	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}
}