@charset "utf-8";
html {
	/*width: 100%;
	height: 100%;*/
}
body {
	/*width: 100%;
	height: 100%;*/
	background-color: #FFFFFF;
	margin: auto;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	color: #1c1d1d;
	overflow-x: hidden;
	padding: 0px;
}
nobr {
	white-space: nowrap;
}
#julkinen_viesti, .viesti {
	color: #125da8;
	margin: auto;
	padding: 30px;
	height: auto;
	border: 2px solid #125da8;
	clear: both;
	text-align: center;
	display: block;
}
.bull {
	font-size: 14pt;
	font-style: oblique;
	font-weight: bold;
	margin: auto;
	padding-right: 3pt;
	padding-top: 0pt;
	color: #cccccc;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	vertical-align: middle;
}
.redbull {
	font-size: 20pt;
	font-style: oblique;
	font-weight: bold;
	margin: auto;
	padding-right: 3pt;
	padding-top: 0pt;
	color: #FF0000;
	padding-bottom: 0px;
	padding-left: 3px;
	text-align: center;
	vertical-align: middle;
}
.forminput {
	width: 50%;
	font-family: Roboto, Helvetica, sans-serif;
	color: #000;
	background-color: #EEE;
	margin: auto;
	padding: 10px;
	height: auto;
	border: 1px solid #CCCCCC;
	font-size: 1em;
	font-weight: 400;
}
.forminput_focus {
	width: 50%;
	font-family: Roboto, Helvetica, sans-serif;
	color: #333;
	background-color: #fcfcfc;
	margin: auto;
	padding: 10px;
	height: auto;
	border: 1px solid #999;
	font-size: 1em;
	font-weight: 400;
}
.painike {
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 400;
	color: #FFF;
	background-color: #666;
	margin: auto;
	padding: 10px;
	height: auto;
	width: auto;
	cursor: pointer;
	border: 1px solid #000;
	font-size: 1em;
}
.forminput, .forminput_focus, .memo, .memo_focus, .painike {
	-webkit-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

#topbutt {
	width: 0px;
	height: 0px;
	cursor: pointer;
	opacity: 0.2;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

/* Teksti */
#text-box {
	width: 100%;
	height: auto;
	clear: both;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	display: inline-block;
	background-image: url('Yleiskuvat/karusellikuvat/pohja.jpg');
	background-size: cover;
	padding-top: 60px;
	padding-bottom: 60px;
}
#text-box h1 {
	font-size: 22pt;
	color: #FFF;
	margin: auto;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	width: 91%;
	max-width: 1100px;
	line-height: 32pt;
	display: inline-block;
	padding: 0px;
}

/* Video */
#video-box {
	width: 100%;
	height: 0;
	padding-bottom: 40%;
	overflow: hidden;
	clear: both;
	margin: auto;
}
.video-banner .slide .video-slide {
	background-color: #000;
	margin: auto;
}
.video-banner.loading .video-background {
	opacity: 0;
	margin: auto;
}
.video-background {
	-webkit-transition: 0.5s opacity ease;
	transition: 0.5s opacity ease;
	opacity: 1;
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	display: inline-block;
	margin: auto;
}
.video-foreground,
.video-background iframe {
	margin-top: -7%;
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
iframe {
	display: inline-block;
}

/* Containerit */
#wrap {
	/*display: flex;  tai inline-flex */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;
	flex-wrap: wrap; /* wrap | wrap-rverse |  */
	/*-webkit-flex-flow: row wrap;
	justify-content: space-around;*/
	align-items: stretch;
	margin: auto;
	padding: 0px;
	width: 100%;
	vertical-align: middle;
}
#menuikoni {
	display: none;
	padding: 0px;
	height: auto;
	width: auto;
	margin: auto;
	text-align: right;
	cursor: pointer;
}
#maingalleria_container {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 960px;
	height: auto;
	position: relative;
	padding: 0px;
}
#header_container {
	width: 100%;
	max-width: 1200px;
	height: 130px;
	overflow: visible;
	margin: auto;
	padding-top: 48px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: left;
	vertical-align: bottom;
}
#logo_container {
	margin: 0px;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
#logokuva {
	width: auto;
	max-width: 240px;
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#logokuva_footer {
	width: auto;
	max-width: 240px;
	margin-top: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#kielivalinta_container {
	margin-top: 15px;
	width: 120px;
	text-align: right;
	vertical-align: middle;
	display: table;
	float: right;
	padding: 0px;
}
#kielivalinta_container a {
	font-size: 12pt;
}
#main_container {
	max-width: 1200px;
	height: 100%;
	clear: both;
	background-color: #FFF;
	text-align: left;
	vertical-align: top;
	/*display: flex;  tai inline-flex */
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;
	flex-wrap: wrap; /* wrap | wrap-rverse |  */
	/*-webkit-flex-flow: row wrap;
	justify-content: space-around;*/
	align-items: stretch;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	margin: auto;
	width: 100%;
}
#etusivu_container {
	width: 960px;
	clear: both;
	display: table;
	height: auto;
	margin: auto;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#etusivulaput_container {
	margin: auto;
	padding: 0px;
	width: 970px;
	display: table;
	height: auto;
	text-align: center;
	vertical-align: middle;
}
#etusivulappurivi {
	width: 966px;
	height: auto;
	display: table;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}
#etusivulappu {
	padding: 0px;
	float: left;
	height: auto;
	width: 317px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFF;
}
#etusivulappu h1 {
	font-size: 14pt;
	line-height: 16pt;
	font-weight: 400;
	padding: 0px;
	clear: both;
	height: 54px;
	margin-top: 24px;
	margin-right: 24px;
	margin-bottom: 0px;
	margin-left: 24px;
	text-align: left;
	vertical-align: top;
}
#etusivulappu p {
	font-size: 9pt;
	line-height: 14pt;
	color: #666666;
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 24px;
	margin-left: 24px;
	padding: 0px;
	height: 104px;
	width: auto;
	text-align: left;
	vertical-align: top;
}
.slider {
	margin-top: -15px;
	margin-right: auto;
	margin-bottom: -60px;
	margin-left: auto;
	padding: 0px;
	width: auto;
	max-width: 100%;
	height: auto;
}
#slider {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -4px;
	padding: 0px;
	width: 960px;
	height: auto;
	max-height: 250px;
}
#slidercontainer {
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 960px;
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 2px 0px #f6f7f9;
	box-shadow: 0px 0px 2px 0px #f6f7f9;
}
#uutislokero {
	float: left;
	padding: 0px;
	width: 220px;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	height: 236px;
}
#uutisteksti {
	color: #35705b;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding: 0px;
}
#genereal_container {
	padding: 10px;		
}
#middle_container {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#NEmeuncontainer {
	position: relative;
	border: 1px dotted #F30;
}
#vasenpalsta_container {
	order: 1;
	align-self: flex-start;
	float: left;
	width: 288px;
	max-width: 288px;
	overflow: hidden;
	background-color: #FFF;
	padding-right: 0px;
	padding-bottom: 44px;
	padding-left: 0px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
	padding-top: 39px;
}
#oikeapalsta_container {
	order: 2;
	width: 100%;
	background-color: #FFF;
	padding-top: 45px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	margin: 0px;
}
#sivupalsta_1-3_container {
	order: 1;
	align-self: flex-start;
	text-align: left;
	vertical-align: top;
	display: block;
	margin: 0px;
	height: 100%;
	width: 23%;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#sivupalsta_2-3_container {
	order: 2;
	align-self: flex-start;
	text-align: left;
	vertical-align: top;
	display: block;
	margin: 0px;
	height: 100%;
	width: 70%;
	padding-top: 45px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
#sivupalsta_1-3_container p {
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
}
#main_container img {
	margin: auto;
	width: auto;
	max-width: 100%;
	height: auto;
}
#uutispalsta {
	padding: 0px;
	float: left;
	width: 450px;
	margin: 0px;
}
#uutispalsta_left {
	padding: 0px;
	float: left;
	width: 230px;
	overflow: visible;
	height: auto;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFF;
	text-align: center;
	vertical-align: middle;
}
#uutispalsta_right {
	padding: 0px;
	float: right;
	width: 280px;
	overflow: visible;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#arkistorivi {
	font-size: 14pt;
	color: #282828;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b0b0b0;
	height: auto;
	width: 95%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 12px;
	margin-top: 17px;
	margin-left: 0px;
}
#arkistosivutus {
	clear: both;
	width: 960px;
	text-align: center;
	vertical-align: middle;
	height: auto;
	margin: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#yhteyslomake_container {
	margin-left: 30px;
	margin-right: 30px;
	padding: 0px;
	width: auto;
}
#yhteyslomake_container h3 {
	color: #FFF;
}
#yhteyslomake_container .forminput {
	background-color: #FFF;
}
#yhteyslomake_container .painike {
	color: #126297;
	background-color: #FFF;	
}

.palstaPainike {
	width: 190px;
	margin: auto auto 4px;
	padding: 0px 0px 0px 7px;
	text-align: left;
	color: #FFFFFF;
	height: 25px;
	background-color: #2d3532;
	vertical-align: middle;
	clear: both;
	float: none;
	line-height: 20pt;
	font-size: 9pt;
}

#mainheading {
	font-size: 21pt;
	padding: 12px;
}
.arkistopainike {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
	background-color: #babdbe;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	font-weight: bold;
	cursor: pointer;
	clear: both;
	float: right;
}
.arkistopainike_ovr {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFF;
	background-color: #000000;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 4px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	font-weight: bold;
	cursor: pointer;
	clear: both;
	float: right;
}
h1 {
	font-size: 26pt;
	font-family: Roboto, Helvetica, sans-serif;
	color: #000000;
	padding-top: 12pt;
	padding-right: 0px;
	padding-bottom: 12pt;
	padding-left: 0px;
	font-weight: 800;
	margin: auto;
	height: auto;
	width: 100%;
	text-align: center;
}
h2 {
	font-size: 24pt;
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 400;
	color: #000;
	padding-right: 0px;
	padding-left: 0px;
	margin: auto;
	padding-top: 12pt;
	padding-bottom: 12pt;
	text-align: center;
	height: auto;
	width: 100%;
}
h3 {
	font-size: 22pt;
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 400;
	margin-top: 12px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #000;
	margin-left: 0px;
}
h4 {
	font-size: 20pt;
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 400;
	margin-top: 12px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
h5 {
	font-size: 20pt;
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 400;
	margin-top: 12px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
h6 {
	font-size: 20pt;
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: 400;
	margin-top: 12px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 12pt;
	line-height: 20pt;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Roboto, Helvetica, sans-serif;
	color: #000;
	display: block;
	width: 100%;
	text-align: center;
}
#middle_container td {
	font-size: 11pt;
}
blockquote {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* Linkkitekstit */
a:link {
	text-decoration: none;
	color: #0066cc;
	cursor: pointer;
	font-size: 10pt;
}
a:visited {
	text-decoration: none;
	color: #0066cc;
	font-size: 10pt;
}
a:hover {
	text-decoration: none;
	color: #0066cc;
	cursor: pointer;
	font-size: 10pt;
}
a:active {
	text-decoration: none;
	color: #0066cc;
	font-size: 10pt;
}
.taso2_linkki {
	line-height: 30pt;
}
a.kielilinkki, a.kielilinkki:link, a.kielilinkki:visited {
	color: #0066cc;
	text-decoration: none;
}
a.kielilinkki:hover, a:kielilinkki:active {
	color: #0066cc;
	text-decoration: none;
}

#middle_container ul, #middle_container ol {
	padding: 0px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: 34px;
}
#main_menu {
	max-width: 960px;
	float: right;
	height: 30px;
	display: block;
	margin-top: -35px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.menuitem {
	font-family: Roboto, Helvetica, sans-serif;
	float: left;
	height: auto;
	width: auto;
	margin-top: 45px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFF;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
	font-size: 12pt;
	background-image: url(images/tausta_navigointi_main.html);
	background-repeat: no-repeat;
	background-position: left top;
}

#galleria_container {
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	height: auto;
	width: 560px;
	overflow: hidden;
	margin: 0px;
}
#galleria_container a {
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 12pt;	
}
#murupolku_alasivu_container {
	height: auto;
	width: 968px;
	clear: both;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px 0px #ccd3d4;
	box-shadow: 0px 0px 5px 0px #ccd3d4;
	vertical-align: middle;
	padding: 0px;
	overflow: auto;
}
#nayta_kaikki_container {
	padding: 10px;
	clear: both;
	height: auto;
	width: auto;
	font-size: 9pt;
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px none #88898a;
}
.galleriapainike_selected {
	font-family: Roboto, Helvetica, sans-serif;
	color: #1086b4;
	font-size: 9pt;
	text-transform: uppercase;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	padding: 13px;
	z-index: 99;
	float: left;
	width: auto;
	margin-top: auto;
	margin-right: 4px;
	margin-bottom: auto;
	margin-left: auto;
	height: auto;
}
.galleriapainike {
	font-family: Roboto, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 9pt;
	text-transform: uppercase;
	background-color: #04487c;
	padding: 13px;
	float: left;
	width: auto;
	margin-top: auto;
	margin-right: 4px;
	margin-bottom: auto;
	margin-left: auto;
	background-image: url(images/tausta_galleriapainike.html);
	background-repeat: repeat-x;
	background-position: left top;
	text-shadow: 1px 1px 1px #054074;
	height: auto;
}
a.galleriapainike_a, a.galleriapainike_a:link, a.galleriapainike_a:visited {
	color: #FFFFFF;
}
#gp_kuvat .galleriapainike_selected a {
	color: #000000;
}
#galleria_thumbs_container {
	margin: auto;
	padding: 0px;
	clear: both;
	float: left;
	width: auto;
	overflow: hidden;
	list-style-type: none;
	display: block;
}
#galleria_thumbnail {
	padding: 0px;
	clear: none;
	float: left;
	height: 125px;
	width: 125px;
	margin-top: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	display: block;
}
#galleria_vasen_palsta {
	margin: auto;
	padding: 0px;
	height: auto;
	width: 540px;
	float: left;
}
#galleria_oikea_palsta {
	padding: 0px;
	float: right;
	height: auto;
	width: 230px;
	margin: auto;
}
#galleriaotsikko {
	clear: both;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: 24px;
	width: auto;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 10pt;
	color: #c05000;
	vertical-align: middle;
	padding-top: 5px;
}
#sivukarttapalsta {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	width: 210px;
	margin-top: auto;
	margin-right: 10px;
	margin-bottom: auto;
	margin-left: auto;
	clear: right;
}
#luettelostat {
	margin: auto;
	float: left;
	padding: 0px;
	height: 24px;
	width: 50%;
}
#gallerialinkit {
	float: left;
	height: 24px;
}
#gallerialinkit_container {
	list-style-type: none;
}
#gallerialinkki {
	margin: 1px auto auto;
	padding: 12px 10px;
	height: auto;
	list-style-type: none;
	background-color: #e2e6e4;
	width: auto;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 9pt;
}
#gallerialinkki_selected {
	margin: 1px auto auto;
	padding: 12px 10px;
	height: auto;
	list-style-type: none;
	background-color: #FFFFFF;
	width: auto;
	list-style-image: url(images/ico_left_galleria.html);
	list-style-position: inside;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 9pt;
}

#fb_painike {
	float: right;
	height: 30px;
	margin: auto;
	vertical-align: middle;
	padding-top: 8px;
	width: 160px;
	text-align: right;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-indent: 0px;
}
#lohjanmuistibanneri {
	margin: auto;
	padding: 0px;
	height: 132px;
	width: 530px;
	border: 1px solid #FFFFFF;	
}
#videocontainer {
	margin: auto;
	padding: 0px;
	height: auto;
	width: 966px;
}

#videoelementti {
	background-color: #000000;
	margin: auto;
	padding: 0px;
	height: auto;
	width: auto;
	display: table;
}
#blogielementti {
	background-color: #e8ebea;
	margin: 10px 6px 10px 10px;
	padding: 0px 10px;
	border: 1px solid #FFFFFF;
	height: 132px;
	width: 100px;
	text-align: left;
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: Roboto, Helvetica, sans-serif;
	float: left;
	display: table;
	-webkit-box-shadow: 0px 0px 5px 0px #ccd3d4;
	box-shadow: 0px 0px 5px 0px #ccd3d4;
}
#blogilinkki {
	font-family: Roboto, Helvetica, sans-serif;
	font-style: italic;
	color: #666666;
	font-size: 8pt;
	text-align: left;
	width: 100px;
	vertical-align: top;
	right: auto;
	bottom: auto;
	left: 0px;
	top: 0px;
	height: 74px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline-table;
}
#blogipvm {
	font-family: Roboto, Helvetica, sans-serif;
	font-style: italic;
	color: #666666;
	font-size: 8pt;
	text-align: right;
	width: 100px;
	vertical-align: bottom;
	right: 0px;
	bottom: 0px;
	position: relative;
	left: auto;
	top: auto;
	margin: 0px;
	float: right;
	height: 48px;
	padding: 0px;
}
#blogikuva {
	font-family: Roboto, Helvetica, sans-serif;
	font-style: italic;
	color: #666666;
	font-size: 8pt;
	text-align: left;
	width: 40px;
	vertical-align: top;
	right: 0px;
	bottom: 0px;
	position: relative;
	left: auto;
	top: auto;
	margin: 0px;
	float: left;
	height: 48px;
	padding-top: -32px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#linkki_alkuun {
	background-image: url(images/tausta_divider_v.html);
	background-repeat: repeat-y;
	background-position: left top;
	margin: auto;
	padding: 10px;
	float: right;
	height: auto;
	width: auto;
	text-align: center;
	vertical-align: middle;
}
#linkki_alkuun a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9pt;
	font-style: italic;
	font-weight: normal;
	color: #1086b4;	
}

#luettelonavigointi {
	margin: auto;
	padding: 0px;
	clear: none;
	float: right;
	width: 50px;
}

#yhteystiedot_container {
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 24px;
}
#yhteystiedot_container p {
	font-size: 9pt;	
}
.sidenav {
	margin: auto;
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	color: #0066cc;
}
.sidenav_selected {
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	margin: auto;
	color: #0066cc;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(images/sidenav_tausta_selected.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}
.sidenav_selected_single {
	margin: auto;
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	color: #0066cc;
	padding-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	background-image: url(images/sidenav_tausta_selected.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sidenav_open {
	margin: auto;
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	padding-left: 25px;
	color: #0066cc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
}
.sidenav_second {
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	padding-left: 35px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	color: #0066cc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(images/sidenav_tausta_second.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sidenav_second_selected {
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	color: #0066cc;
	padding-left: 35px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	background-image: url(images/sidenav_tausta_selected_second.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sidenav_third {
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-left: 45px;
	color: #0066cc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	background-image: url(images/sidenav_tausta_third.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sidenav_third_selected {
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	color: #0066cc;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-left: 45px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	background-image: url(images/sidenav_tausta_selected_third.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sidenav_fourth {
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-left: 55px;
	color: #0066cc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	background-image: url(images/sidenav_tausta_fourth.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sidenav_fourth_selected {
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	color: #0066cc;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-left: 55px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	background-image: url(images/sidenav_tausta_selected_fourth.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.sidenav_fifth {
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-left: 65px;
	color: #0066cc;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	background-image: url(images/sidenav_tausta_fifth.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.sidenav_fifth_selected {
	height: auto;
	width: auto;
	line-height: 30pt;
	list-style-type: none;
	color: #0066cc;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-left: 65px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ebebebd;
	background-image: url(images/sidenav_tausta_selected_fifth.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#lisaa_uutisia {
	background-color: #ebebeb;
	width: 960px;
	padding: 0px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
	text-align: right;
	vertical-align: middle;
}
#lisaa_uutisia p {
	font-size: 10pt;
	line-height: 12pt;
	text-align: right;
	vertical-align: middle;
	margin: 0px;
	padding: 10px;	
}
#yhteystiedot_vaaka {
	background-color: #FFF;
	width: 960px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	height: auto;
}
#yhteystiedot_vaaka p {
	font-size: 10pt;
	line-height: 12pt;
	margin: 0px;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	height: auto;
	width: auto;
}
#footer_container {
	width: 100%;
	clear: both;
	height: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 90px;
	padding-left: 0px;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
	font-family: Roboto, Helvetica, sans-serif;
	background-color: #0075a7;
	display: block;
	margin: auto;
}
#footer {
	margin: auto;
	height: auto;
	width: 100%;
	max-width: 1200px;
	display: table;
	text-align: left;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footerlogo {
	width: auto;
	max-width: 1200px;
	padding-top: 15px;
	padding-bottom: 30px;
	display: block;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-right: 0px;
	padding-left: 0px;
}
#footer h2, #footer h2 a {
	font-size: 12pt;
	font-family: Roboto, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 10px;
	font-weight: 400;
	padding: 0px;
}
#footer ul {
	margin-top: 18px;
	margin-left: 20px;
}
#footer li {
	font-family: Roboto, Helvetica, sans-serif;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 12px;
}
#footer ul li a, #footer_container #footer_copy a {
	font-family: Roboto, Helvetica, sans-serif;
	font-style: normal;
	color: #FFFFFF;
	font-size: 11pt;
	font-weight: normal;
	line-height: 14pt;
	text-align: left;
	vertical-align: top;
}
#footer_palsta {
	display: inline-block;
	height: 100%;
	width: 24.9%;
	height: auto;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#footer_palsta p {
	color: #FFF;
	text-align: left;
	vertical-align: top;
}
#footer_palsta a {
	font-size: 11pt;
	color: #FFF;
	text-decoration: underline;	
}
#copy_container {
	padding: 0px;
	clear: both;
	width: 95%;
	max-width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}
#footer_copy {
	color: #FFF;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
}
#sivunalkuun {
	position: fixed;
	right: 30px;
	bottom: 0px;
	z-index: 999;
	height: auto;
	width: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -4px;
	margin-left: 0px;
}
/*  */
.painike_main_on {
	font-family: Roboto, Helvetica, sans-serif;
	width: auto;
	margin: auto;
	float: left;
	clear: none;
	font-size: 10pt;
	padding-top: 21px;
	padding-right: 16px;
	padding-bottom: 21px;
	padding-left: 19px;
	text-shadow: 1px 1px 1px #0d5283;
	background-image: url(images/tausta_navigointi_main.html);
	background-repeat: no-repeat;
	background-position: left top;
}
.painike_main_off {
	font-family: Roboto, Helvetica, sans-serif;
	float: left;
	width: auto;
	margin: auto;
	font-size: 10pt;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
	z-index: 888;
	background-image: url(images/tausta_navigointi_main.html);
	background-repeat: no-repeat;
	background-position: left top;
}
.painike_main_selected_off {
	font-family: Roboto, Helvetica, sans-serif;
	font-style: normal;
	float: left;
	width: auto;
	margin: auto;
	font-size: 10pt;
	padding-top: 21px;
	padding-right: 16px;
	padding-bottom: 21px;
	padding-left: 19px;
	text-shadow: 1px 1px 1px #0d5283;
	z-index: 888;
}

.mainmenu_off {
	position: relative;
	top: 60px;
	z-index: 999;
	background-color: #753a7a;
	margin: auto;
	padding: 20px;
	float: left;
	left: auto;
	width: auto;
	right: auto;
	bottom: auto;
	display: none;
}
.mainmenu_on {
	position: absolute;
	top: 60px;
	background-color: #162f4e;
	padding: 25px;
	left: auto;
	width: auto;
	right: auto;
	bottom: auto;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
	z-index: 888;
	height: auto;
}
.mainmenu_on li {
	display: block;
}
.mainmenu_on a {
	display: block;
	list-style-type: none;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	font-style: italic;
	line-height: 14pt;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0b3d6f;
	padding-top: 3px;
	padding-bottom: 5px;
	text-shadow: 1px 1px 1px #132c36;
	text-decoration: none;
}

#hakulaatikko {
	float: right;
	padding: 0px;
	height: auto;
	width: 200px;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	top: 0px;
	right: 0px;
	left: auto;
	bottom: auto;
	clear: left;
	z-index: 999;
	background-repeat: no-repeat;
	background-position: right 0px;
	background-color: #ffffff;
}
#hakulomake {
	margin: 0px;
	padding: 0px;
}

#logorivi_container #logo {
	width: 170px;
	padding-top: 35px;
	padding-left: 12px;
	float: left;
}
#logorivi_container #saaflash {
	float: left;
	padding-top: 13px;
}
#logorivi_container #paivatieto {
	height: 100px;
	width: 300px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #676767;
	float: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#logorivi_container #paivatieto #nimipvm {
	height: 51px;
	vertical-align: bottom;
	display: table;
	position: relative;
	text-align: left;
}
#nimipvm_teksti {
	font-size: 8pt;
	text-align: left;
	margin: auto;
	height: 52px
	width: auto;
	vertical-align: bottom;
	display:table-cell;
	position: relative;
	height: 51px;
}
#logorivi_container #paivatieto #pvm {
	font-size: 9pt;
	padding-top: 4px;
	font-weight: bold;
}
#logorivi_container #kielivalinta {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	height: 100px;
	width: 10px;
	float: left;
	margin-top: 10px;
}
#murupolku {
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 10pt;
	padding-top: 34px;
	padding-bottom: 15px;
	padding-left: 15px;
	text-align: left;
	vertical-align: middle;
	height: auto;
	width: 930px;
	padding-right: 15px;
	color: #666666;
	background-color: #f1f1f1;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	clear: both;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #006fb6;
}

#paakuva_container #paakuva {
	padding-top: -35px;
	padding-left: -10px;
	margin-top: -35px;
	margin-left: -10px;
}
#paakuva img {
	z-index: 0;
	margin-top: -10px;
}
#paakuva_container #paakuva {
	padding-top: -35px;
	padding-left: -10px;
	margin-top: -35px;
	margin-left: -10px;
}
#paakuva img {
	z-index: 0;
	margin-top: -10px;
}
#paakuva_karuselli_container {
	width: 960px;
	height: 300px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding: 0px;
}
a.paakuvaind, a.paakuvaind:link {
	padding-right: 4px;
	padding-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a.paakuvaind_selected:link {
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFF;
	padding-right: 4px;
	padding-left: 4px;
}

#etsi_kriteeri {
	color: #b7bac7;
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
	width: 150px;
	float: left;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 11pt;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-position: right 0px;
	margin: 0px;
	background-color: #FFFFFF;
	font-weight: bold;
	background-image: url(images/tausta_etsikentta.html);
}
#kriteeri {
	color: #999999;
	background-image: url(images/tausta_etsikentta2.html);
	background-repeat: no-repeat;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
	width: 410px;
	float: left;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 11pt;
	padding-top: 9px;
	padding-right: 1px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-position: left;
}
#etsi_painike {
	float: left;
	margin: 0px;
	padding: 0px;
}
#etsipainike {
	
}
#spacer {
	margin: auto;
	padding: 0px;
	clear: both;
	height: 64px;
	width: 1px;
}
#spacer2 {
	margin: auto;
	padding: 0px;
	clear: both;
	height: 15px;
	width: 1px;
}
#submit1, #submit2, #submit3, #submit4 {
	cursor: pointer;
}

#selector_heading {
	background-color: #2d3532;
	height: auto;
	width: auto;
	color: #FFF;
	font-size: 10pt;
	display: block;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: -15px;
	margin-left: 0px;
	-webkit-border-radius: 6px 6px 3px 3px;
	border-radius: 6px 6px 3px 3px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
ul #selectorlist, ul #selectorlist li {
	display: block;
	margin: 0px;
	padding: 0px;
}
#selectorlist li a {
	height: 20px;
	width: auto;
	padding-top: 4px;
	padding-right: 55px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -4px;
	overflow: hidden;
	color: #333;
	text-decoration: none;
}

.selector_left {
	padding: 4px;
	float: left;
	width: 91px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #2d3532;
	border-right-color: #2d3532;
	border-left-color: #2d3532;
	height: 15px;
	display: block;
	list-style-type: none;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	z-index: 99;
	background-image: url(images/tausta_selector.html);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 10pt;
	color: #333;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.selector_left_selected {
	padding: 4px;
	float: left;
	width: 91px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #2d3532;
	border-right-color: #2d3532;
	border-left-color: #2d3532;
	height: 16px;
	display: block;
	list-style-type: none;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	z-index: 99;
	font-size: 10pt;
	color: #333;
	background-color: #FFF;
}
.selector_right {
	padding: 4px;
	float: left;
	width: 92px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #2d3532;
	border-right-color: #2d3532;
	border-left-color: #2d3532;
	height: 15px;
	display: block;
	list-style-type: none;
	margin-left: 1px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	z-index: 99;
	background-image: url(images/tausta_selector.html);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 10pt;
	color: #333;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}
.selector_right_selected {
	padding: 4px;
	float: left;
	width: 92px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #2d3532;
	border-right-color: #2d3532;
	border-left-color: #2d3532;
	height: 16px;
	display: block;
	list-style-type: none;
	margin-left: 1px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	z-index: 99;
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 10pt;
	color: #333;
	background-color: #FFF;
}
.infocontainer {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #2d3532;
	border-bottom-color: #2d3532;
	border-left-color: #2d3532;
	padding: 4px;
	clear: none;
	float: none;
	height: auto;
	width: auto;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-color: #2d3532;
	font-size: 9pt;
	color: #333;
	background-color: #FFF;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	-webkit-box-shadow: 0px 0px 2px 0px #666666;
	box-shadow: 0px 0px 2px 0px #666666;
}

#mainimage_bigtext {
	color: #FFF;
	display: block;
	width: auto;
	max-width: 771px;
	height: auto;
	text-align: left;
	vertical-align: top;
	position: absolute;
	left: 0px;
	overflow: hidden;
	text-shadow: 2px 2px 0px #333;
	top: 0px;
	margin: auto;
	padding: 15px;
}
#mainimage_bigtext p {
	color: #FFF;
	display: block;
	width: auto;
	height: auto;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	margin: auto;
	padding-top: 0px;
	padding-right: 5%;
	padding-bottom: 15px;
	padding-left: 35px;
	font-size: 15pt;
	line-height: 20pt;
}
#mainimage_bigtext h1 {
	font-size: 20pt;
	color: #fff;
	line-height: 24pt;
	font-weight: bold;
	margin: auto;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
}
#mainimage_bigtext a {
	font-size: 18pt;
	color: #fff;
	line-height: 24pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#mainimage_nav_left {
	position: absolute;
	left: 0px;
	bottom: 0px;
	font-size: 9pt;
	margin: auto;
	background-color: rgba(0,0,0,0.1);
	height: 100%;
	min-height: 28px;
	width: 22px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images/ico_left.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
}
#mainimage_nav_right {
	position: absolute;
	right: 0px;
	bottom: 0px;
	font-size: 9pt;
	margin: auto;
	background-color: rgba(0,0,0,0.1);
	width: 22px;
	text-align: right;
	vertical-align: middle;
	cursor: pointer;
	height: 100%;
	min-height: 28px;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images/ico_right.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
}
#mainimage_nav_right:hover, #mainimage_nav_left:hover {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	background-color: #006fb6;
}

/* Taulukkotyylit */
.ulkokehys {
	margin: 0px;
	padding: 0px;
}
.alaotsikko {
	font-size: 8pt;
	background-color: #EDEDED;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	white-space: nowrap;
}
.data {
	font-size: 7pt;
	font-family: Roboto, Helvetica, sans-serif;
	padding-bottom: 2px;
	margin: 0px;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	/*white-space: nowrap;*/
	padding-right: 2px;
	padding-left: 2px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;
}
.data2 {
	font-size: 7pt;
	background-color: #EFEFEF;
	font-family: Roboto, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	/*white-space: nowrap;*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-right: 2px;
	padding-left: 2px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}

#partnerbanner_container {
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}

/* RSS uutislinkkien muotoilut*/
#uutis_ikoni {
	padding: 0px;
	height: 0px;
	width: 0px;
	text-align: left;
	vertical-align: middle;
	margin: 0px;
}
#uutislinkki_RSS {
	font-size: 9pt;
	text-indent: 0px;
	margin-left: 14px;
	margin-bottom: 6px;
	padding-right: 12px;
	height: auto;
	width: auto;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
}
#rsskuva {
	float: left;
	width: 40px;

	margin: auto;
	height: auto;
}
.uutispvm {
	color: #666;
}
#uutiskuva {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0px;
	margin-left: 2px;
}
#uutislinkki {
	font-size: 9pt;
	/*text-indent: -60px;
	margin-left: 60px;*/
	margin-bottom: 6px;
	padding-bottom: 4px;
	margin-right: 6px;
}
#morelinkki {
	font-size: 9pt;
	/*text-indent: -60px;
	margin-left: 60px;*/
	margin-bottom: 6px;
	padding-bottom: 4px;
	margin-right: 6px;
	background-position: right top;
	-webkit-border-radius: 0px 6px 6px 0px;
	border-radius: 0px 6px 6px 0px;
	text-align: right;
	vertical-align: middle;
	padding-top: 4px;
}
#uutiskuvateksti {
	font-size: 9pt;
	font-style: italic;
	color: #666;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 10px;
}
#videobanneri {
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#partnerbanneri {
	margin: auto;
	padding: 1px;
	text-align: center;
	vertical-align: middle;
	float: left;
	height: auto;
	width: auto;
}
#pikalinkkiotsikko {
		text-align: center;
	vertical-align: middle;
	margin: auto;
	padding: 0px;
	width: 190px;
	height: 24px;
	font-size: 11pt;
	font-weight: bold;
}

#kielivalintacontainer {
	text-align: center;
	vertical-align: middle;
	width: 720px;
	margin-top: 61px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: auto;
	font-size: 9pt;
}

#tuloslappu {
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: 2px solid #2d3532;
	width: 160px;
	float: left;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	height: 84px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#tuloslappu_pvm {
	margin: auto;
	font-size: 8pt;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	white-space: nowrap;
}
#tuloskuvake {
	display: inline;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 2px 0px #333333;
	box-shadow: 0px 0px 2px 0px #333333;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
#tuloslappu_joukkueet {
	margin: auto;
	font-size: 8pt;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	white-space: nowrap;
}
.sivutustieto {
	width: 95px;
	font-size: 9pt;
	vertical-align: middle;
	text-align: center;
	display: block;
	margin: auto;
	height: 16px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: none;
	float: left;
}
#paakuvalinkki {
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 18pt;
	color: #FFF;
	position: relative;
	z-index: 1;
	left: 32px;
	text-shadow: 1px 1px 1px #054074;
	text-align: left;
	height: auto;
	width: 85%;
	max-width: 960px;
	margin: auto;
	padding-right: 10%;
	padding-bottom: 60px;
	padding-left: 5%;
	padding-top: 60px;
	top: 0px;
	font-weight: bold;
	vertical-align: top;
	line-height: 24pt;
}

#nullspace p, #nullspace td {
	margin: 0px;
	padding: 0px;
}
#label {
	float: left;
	width: 208px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-bottom-style: solid;
	border-bottom-color: #e7eaec;
	color: #316556;
	font-family: Roboto, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 8px;
	height: 16px;
	margin-left: 0px;
	border-bottom-width: 1px;
}
.lomakeinput {
	clear: right;
	float: right;
	background-color: #e8ebec;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	padding: 10px;
	width: 280px;
	height: 17px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: text
}
.lomake_menu {
	clear: right;
	float: right;
	background-color: #e8ebec;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 9px;
	margin-left: 0px;
	padding: 10px;
	width: 280px;
	height: 17px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	background-image: url(images/tausta_valikko.html);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.lomakepainike {
	font-family: Roboto, Helvetica, sans-serif;
	font-weight: bold;
	color: #fdfdfd;
	background-color: #babdbf;
	float: right;
	height: 38px;
	width: 150px;
	border: 1px solid #c7c9cb;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	cursor: pointer
}
.kurssi_menu_off {
	display: none;
}
.kurssi_menu_on {
	font-size: 10pt;
	color: #306555;
	background-color: #e7eaec;
	width: 260px;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 20px;
	position: absolute;
	z-index: 999;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px 1px #666666;
	box-shadow: 0px 0px 5px 0px #666666;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 214px;
	font-family: Roboto, Helvetica, sans-serif;
}
#kurssi_menu ul {
	list-style-type: none;
	width: 100%;
	height: auto;
	padding-bottom: 6px;
	padding-top: 6px;
}
#kurssi_menu li {
	list-style-type: none;
	width: 100%;
	height: auto;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 6px;
}
#kurssi_menu {
	overflow: visible;
	z-index: 9999999;
}
#kurssi_menu a {
	color: #000000;
	line-height: 14pt;
	width: 100%;
	padding-bottom: 6px;
	height: 32px;
	padding-top: 6px;
}

.om_menu_off {
	display: none;
}
.om_menu_on {
	font-size: 10pt;
	color: #306555;
	background-color: #e7eaec;
	width: 260px;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 20px;
	position: absolute;
	z-index: 999;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px 1px #666666;
	box-shadow: 0px 0px 5px 0px #666666;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 214px;
	font-family: Roboto, Helvetica, sans-serif;
}
#om_menu ul {
	list-style-type: none;
	width: 100%;
	height: auto;
	padding-bottom: 6px;
	padding-top: 6px;
}
#om_menu li {
	list-style-type: none;
	width: 100%;
	height: auto;
	padding-bottom: 6px;
	padding-top: 6px;
}
#om_menu {
	overflow: visible;
	z-index: 9999999;
}
#om_menu a {
	color: #000000;
	line-height: 14pt;
	width: 100%;
	padding-bottom: 6px;
	height: 32px;
	padding-top: 6px;
}

/* Mobiilimenu */
#mobiilimenu {
	display: none;
	clear: both;
}
  /* Chrome, Safari, Opera */
  @-webkit-keyframes menuiconIN {
    from {opacity: 0.1;}
    to {opacity: 1;}
  }
  /* Standard syntax */
  @keyframes menuiconIN {
    from {opacity: 0.1;}
    to {opacity: 1;}
  }
  /* Chrome, Safari, Opera */
  @-webkit-keyframes menuiconOUT {
    from {opacity: 1;}
    to {opacity: 0;}
  }
  /* Standard syntax */
  @keyframes menuiconOUT {
    from {opacity: 1;}
    to {opacity: 0;}
  }

.mmOff {
	display: block;
	height: 0px;
	left: 0px;
	top: 0px;
	opacity: 0;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
.mmOn {
	display: block;
	height: auto;
	left: 0px;
	top: 0px;
	opacity: 1;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.mobiilimenu_ico_plus {
	cursor: pointer;
	transform: rotate(+0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.225s ease-in-out;
	transition: 0.5s ease-in-out;
	padding-top: 5px;
	padding-bottom: 5px;
}
.mobiilimenu_ico_minus {
	cursor: pointer;
	transform: rotate(-180deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	padding-top: 5px;
	padding-bottom: 5px;
}
.alamenulinkki {
	margin: auto;
	padding: 0px;
	height: auto;
	width: 100%;
	display: block;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10+ spesifiset */
	ul#mainmenu_vertical {
		margin-top: 3px;
	}
	ul#mainmenu_vertical li a {
		padding-top: 18px;
		padding-right: 32px;
		padding-bottom: 19px;
		padding-left: 32px;
		background-color: #FFFFFF;
		color: #276384;
		width: auto;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 2px;
		margin-left: 0px;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #006fb6;
	}
}

@media all and (max-width: 1024px){
	#etusivu_container {
		width: 720px;
		clear: both;
		display: table;
		height: auto;
		margin: auto;
		overflow: hidden;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 8px;
	}
	#mainimage_bigtext p {
		color: #FFF;
		display: block;
		width: auto;
		height: auto;
		text-align: left;
		vertical-align: middle;
		font-weight: bold;
		margin: auto;
		padding-top: 0px;
		padding-right: 5%;
		padding-bottom: 15px;
		padding-left: 35px;
		font-size: 12pt;
		line-height: 18pt;
	}
	#mainimage_bigtext h1 {
		font-size: 18pt;
		color: #fff;
		line-height: 20pt;
		font-weight: bold;
		margin: auto;
		padding-top: 35px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 35px;
	}
	#mainimage_bigtext a {
		font-size: 16pt;
		color: #fff;
		line-height: 20pt;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	#etusivulaput_container {
		margin: auto;
		padding: 0px;
		width: 720px;
		display: table;
		height: auto;
		text-align: center;
		vertical-align: middle;
	}
	#etusivulappurivi {
		width: 100%;
		height: auto;
		display: table;
		overflow: hidden;
		text-align: center;
		vertical-align: middle;
		margin-top: auto;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#etusivulappu {
		float: left;
		height: auto;
		width: 32.7%;
		margin-top: 4px;
		margin-right: 4px;
		margin-bottom: auto;
		margin-left: auto;
		background-color: #FFF;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 15px;
		padding-left: 0px;
		height: auto;
		min-height: 400px;
	}
	#etusivulappu img {
		width: auto;
		max-width: 100%;
	}
	#etusivulappu h1 {
		font-size: 13pt;
		line-height: 15pt;
		font-weight: 400;
		clear: both;
		height: auto;
		text-align: left;
		vertical-align: top;
		width: auto;
		margin: auto;
		padding: 24px;
	}
	#etusivulappu p {
		font-size: 10pt;
		line-height: 14pt;
		color: #666666;
		margin-top: 0px;
		margin-right: 24px;
		margin-bottom: 24px;
		margin-left: 24px;
		padding: 0px;
		height: auto;
		width: auto;
		text-align: left;
		vertical-align: top;
	}
	#lisaa_uutisia {
		width: 720px;
	}
	#yhteystiedot_vaaka {
		width: auto;
		max-width: 720px;
	}
	#main-menu, #mainmenu-vertical {
		width: auto;
		max-width: 720px;
	}
	#murupolku {
		max-width: 690px;
	}
	#vasenpalsta_container {
		width: auto;
		max-width: 40%;
	}
	#oikeapalsta_container {
		width: 100%;
	}
	#copy_container {
		width: auto;
		margin-top: 4px;
		margin-right: 15px;
		margin-bottom: auto;
		margin-left: 15px;
	}
}

@media all and (max-width: 960px){
	#text-box h1 {
		font-size: 20pt;		
		line-height: 28pt;
	}
	#etusivu_container {
		width: 720px;
		clear: both;
		display: table;
		height: auto;
		margin: auto;
		overflow: hidden;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 8px;
	}
	#mainimage_bigtext p {
		color: #FFF;
		display: block;
		width: auto;
		height: auto;
		text-align: left;
		vertical-align: middle;
		font-weight: bold;
		margin: auto;
		padding-top: 0px;
		padding-right: 5%;
		padding-bottom: 15px;
		padding-left: 35px;
		font-size: 11pt;
		line-height: 16pt;
	}
	#mainimage_bigtext h1 {
		font-size: 18pt;
		color: #fff;
		line-height: 20pt;
		font-weight: bold;
		margin: auto;
		padding-top: 35px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 35px;
	}
	#mainimage_bigtext a {
		font-size: 16pt;
		color: #fff;
		line-height: 20pt;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	#etusivulaput_container {
		margin: auto;
		padding: 0px;
		width: 90%;
		display: table;
		height: auto;
		text-align: center;
		vertical-align: middle;
	}
	#etusivulappurivi {
		width: auto;
		height: auto;
		display: table;
		overflow: hidden;
		text-align: center;
		vertical-align: middle;
		margin-top: auto;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#etusivulappu {
		float: left;
		height: auto;
		width: 49%;
		margin-top: 4px;
		margin-right: 4px;
		margin-bottom: auto;
		margin-left: auto;
		background-color: #FFF;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 15px;
		padding-left: 0px;
		height: auto;
		min-height: 400px;
	}
	#etusivulappu img {
		width: 100%;
		max-width: 100%;
	}
	#etusivulappu h1 {
		font-size: 12pt;
		line-height: 15pt;
		font-weight: 400;
		clear: both;
		height: auto;
		text-align: left;
		vertical-align: top;
		width: auto;
		margin: auto;
		padding: 24px;
	}
	#etusivulappu p {
		font-size: 10pt;
		line-height: 14pt;
		color: #666666;
		margin-top: 0px;
		margin-right: 24px;
		margin-bottom: 24px;
		margin-left: 24px;
		padding: 0px;
		height: auto;
		width: auto;
		text-align: left;
		vertical-align: top;
	}
	#yhteystiedot_vaaka {
		background-color: #FFF;
		width: auto;
		margin-top: 2px;
		margin-right: auto;
		margin-bottom: 2px;
		margin-left: auto;
		text-align: center;
		vertical-align: middle;
		height: auto;
		padding-top: 0px;
		padding-right: 5%;
		padding-bottom: 0px;
		padding-left: 5%;
	}
	#footer_copy {
		color: #FFF;
		float: none;
		margin-top: 15px;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
		height: auto;
		width: 100%;
		text-align: center;
		vertical-align: middle;
		padding-top: 15px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
}

@media all and (max-width: 800px){
	#sivupalsta_1-3_container {
		order: 2;
		align-self: flex-start;
		text-align: left;
		vertical-align: top;
		display: inline-block;
		margin: 0px;
		height: 100%;
		width: 100%;
		padding-top: 15px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#sivupalsta_2-3_container {
		order: 1;
		align-self: flex-start;
		text-align: left;
		vertical-align: top;
		display: inline-block;
		margin: 0px;
		height: 100%;
		width: 100%;
		padding-top: 15px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#sivupalsta_1-3_container p {
		text-align: center;
		vertical-align: top;
	}
	#text-box h1 {
		font-size: 18pt;		
		line-height: 26pt;
	}
	.slider {
		margin-top: -10px;
		margin-right: auto;
		margin-bottom: -60px;
		margin-left: auto;
		padding: 0px;
		width: 100%;
		height: auto;
	}
	#paakuvalinkki {
		font-size: 12pt;
		line-height: 18pt;
	}
	#etusivu_container {
		width: 640px;
		clear: both;
		display: table;
		height: auto;
		margin: auto;
		overflow: hidden;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 8px;
	}
	#mainimage_bigtext p {
		color: #FFF;
		display: block;
		width: auto;
		height: auto;
		text-align: left;
		vertical-align: middle;
		font-weight: bold;
		margin: auto;
		padding-top: 0px;
		padding-right: 5%;
		padding-bottom: 15px;
		padding-left: 35px;
		font-size: 10pt;
		line-height: 14pt;
	}
	#mainimage_bigtext h1 {
		font-size: 17pt;
		color: #fff;
		line-height: 20pt;
		font-weight: bold;
		margin: auto;
		padding-top: 25px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 35px;
	}
	#mainimage_bigtext a {
		font-size: 14pt;
		color: #fff;
		line-height: 20pt;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	#kielivalinta_container {
		display: none;
	}
	#main_menu {
		display: none;
	}
	#menuikoni {
		display: inline-block;
		padding: 0px;
		height: auto;
		width: 100%;
		margin: auto;
		background-repeat: no-repeat;
		background-position: right center;
		background-color: #006fb6;
	}
	#container_mobiilimenu {
		display: inline;
		text-align: left;
		vertical-align: middle;
		padding: 0px;
		clear: both;
		height: auto;
		width: 100%;
		margin-top: auto;
		margin-right: auto;
		margin-bottom: 4px;
		margin-left: auto;
		z-index: 999999;
	}
	#mobiilimenu ul {
		color: #FFF;
		background-color: #006fb6;
		width: 100%;
		height: auto;
		text-align: center;
		list-style-type: none;
		display: inline-block;
		margin: auto;
		z-index: 9999;
		padding: 0px;
	}
	#mobiilimenu ul li {
		color: #FFF;
		background-color: #006fb6;
		margin: 0px;
		width: 100%;
		height: auto;
		text-align: center;
		list-style-type: none;
		padding: 0px;
	}
	#mobiilimenu ul li a {
		color: #FFF;
		font-family: Roboto, Arial, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: normal;
		text-decoration: none;
		width: 100%;
		margin: auto;
		padding-top: 15px;
		padding-bottom: 15px;
		display: block;
		padding-right: 0px;
		padding-left: 0px;
	}
	.mobiili_t2_off {
		color: #FFF;
		background-color: #4290c2;
		width: 100%;
		height: 0px;
		text-align: center;
		list-style-type: none;
		display: none;
		clear: both;
		margin: auto;
		padding: 0px;
		opacity: 1;
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	.mobiili_t2_on {
		color: #FFF;
		background-color: #4290c2;
		width: 100%;
		height: auto;
		text-align: center;
		list-style-type: none;
		display: block;
		clear: both;
		margin: auto;
		padding: 0px;
		height: auto;
		left: 0px;
		top: 0px;
		opacity: 1;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	#mobiilimenu ul #mobiili_alamenu {
		color: #FFF;
		background-color: #4290c2;
		width: 100%;
		height: auto;
		text-align: center;
		list-style-type: none;
		padding: 0px;
		margin: auto;
	}
	#mobiilimenu ul #mobiili_alamenu li {
		color: #FFF;
		width: 100%;
		height: auto;
		text-align: center;
		list-style-type: none;
		background-color: transparent;
		margin: auto;
		padding: 0px;
	}
	#mobiilimenu ul #mobiili_alamenu li a {
		color: #FFF;
		font-family: Roboto, Arial, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: normal;
		text-decoration: none;
		padding-right: 0%;
		margin: auto;
		height: auto;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0%;
		display: block;
	}
	#footer_palsta {
		width: 49.9%;	
	}
	.forminput {
		width: 94%;
		max-width: 100%;
	}
	.forminput_focus {
		width: 94%;
		max-width: 100%;
	}
}

@media all and (max-width: 640px){
	#text-box h1 {
		font-size: 14pt;		
		line-height: 20pt;
	}
	.slider {
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: -60px;
		margin-left: auto;
		padding: 0px;
		width: 100%;
		height: auto;
	}
	#paakuvalinkki {
		font-size: 10pt;
		line-height: 16pt;
	}
	#murupolku {
		display: none;
	}
	#etusivu_container {
		width: 100%;
		clear: both;
		display: none;
		height: auto;
		margin: auto;
		overflow: hidden;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 8px;
	}
	#mainimage_bigtext p {
		color: #FFF;
		display: block;
		width: auto;
		height: auto;
		text-align: left;
		vertical-align: middle;
		font-weight: bold;
		margin: auto;
		padding-top: 0px;
		padding-right: 5%;
		padding-bottom: 15px;
		padding-left: 35px;
		font-size: 10pt;
		line-height: 16pt;
	}
	#mainimage_bigtext h1 {
		font-size: 16pt;
		color: #fff;
		line-height: 18pt;
		font-weight: bold;
		margin: auto;
		padding-top: 35px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 35px;
	}
	#mainimage_bigtext a {
		font-size: 14pt;
		color: #fff;
		line-height: 20pt;
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	#main_container {
		width: auto;
		max-width: 100%;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
		padding-bottom: 35px;
		padding-top: 0px;
	}
	#vasenpalsta_container {
		order: 2;
		width: auto;
		max-width: 90%;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 15px;
	}
	.sidenav, .sidenav_selected_single {
		display: none;
	}
	#oikeapalsta_container {
		order: 1;
		width: 100%;
		margin-right: 30px;
		padding-right: 0px;
	}
	#yhteystiedot_container {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 15px;
		width: auto;
		font-size: 10pt;
	}
	#etusivulappu {
		float: none;
		height: auto;
		width: auto;
		margin-top: 4px;
		margin-right: 4px;
		margin-bottom: auto;
		margin-left: auto;
		background-color: #FFF;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 15px;
		padding-left: 0px;
		height: auto;
		z-index: -1;
	}
	#etusivulappu p {
		font-size: 12pt;
		line-height: 14pt;
		color: #666666;
		margin-top: 0px;
		margin-right: 24px;
		margin-bottom: 24px;
		margin-left: 24px;
		padding: 0px;
		height: auto;
		width: auto;
		text-align: left;
		vertical-align: top;
	}
	#etusivulappu img {
		width: 100%;
		max-width: 100%;
	}
	#footer_container, #footer {
		
	}
	#footer_palsta {
		width: 100%;
	}
	.forminput {
		width: 90%;
		max-width: 100%;
	}
	.forminput_focus {
		width: 90%;
		max-width: 100%;
	}
}