@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,700);
		
		body {
			font-family: arial;
			margin: 0;
			background-color: #f7f7f7;
			color: #333333;
		}
		h1, p {
			width: 90%;
			max-width: 960px;
			margin: 10px auto;
			font-weight: 300;
			font-family: 'Roboto', sans-serif!important;
			text-align: left;
		}
		h1 {
			margin-top: 30px;
			font-size: 32pt;
			font-weight: 600;
			color: rgb(2, 137, 157);
		}
		p {
			font-size: 14pt;
		}
		a {
			color: #101010;
		}
		a:hover {
			color: #505050;
		}
		#header {
			width: 100%;
			/* float: left; */
			color: #ffffff;
			margin: 0;
			/* margin-top: -30px;
			margin-bottom: 20px; */
			vertical-align: bottom;
			padding-top: 0;
			overflow-y: hidden;
		}
		.wrapper {
			max-width:960px;
			margin:auto;
			position:relative;
		}
		.header-wrapper {
			position: relative;
			z-index: 100;
			background-color: #f0f0f0;
		}
		.header-bg {
			width: 100%;
			margin-top: 0;
			height: 0;
			padding-bottom: 30%;
			position: relative;
		}
		.header-bg img {
			width: 100%;
			top: 0;
			bottom: 0;
			position: absolute;
			margin: auto;
		}
		.footer {
			clear: both;
			background-color: rgb(2, 137, 157);
			color: #ffffff;
			text-align: center;
			padding: 40px;
		}
		.footer a {
			color: #ffffff;
			text-decoration: none;
		}
		.footer a:hover {
			color: #c0c0c0;
		}
		#main_wrapper {
			margin: 0 auto;
			padding: 0px;
			width: 100%;
		}
		#logo {
			width: 100%;
			text-align: center;
			display: inline-block;
			vertical-align: middle;
		}
		#logo img {
			max-width: 90%;
			max-height: 80px;
			max-width: 360px;
		}
		#menu {
			text-align: center;
			padding: 10px 0;
			background-color: rgb(2, 137, 157);
			margin-top: 5px;
			border-bottom: 2px solid rgba(255,255,255,0.2);
		}
		#menu a {
			text-decoration: none;
			font-size: 12pt;
			text-transform: uppercase;
			font-weight: bold;
			margin: 0px 10px;
			white-space: nowrap;
			color: #ffffff;
			line-height: 32px;
		}
		#menu a:hover {
			color: #c0c0c0;
		}
		#title {
			display: inline-block;
			color: #0F1945;
			font-weight: bold;
			font-size: 20px;
			vertical-align: middle;
			max-width: calc(100% - 140px);
		}
		#main_container {
			padding: 0 10px;
			padding-top: 80px;
			background-color: #ffffff;
			width: 96%;
			max-width: 960px;
			margin: 0 auto;
			padding-bottom: 100px;
		}
		#main_container h1 {
		}
		input[type='button'] {
			float: none;
			margin: 0px;
			background: none;
			margin: 10px auto;
			width: 120px;
			min-width: 120px;
			cursor: pointer;
			border: 0;
			background-color: rgb(82, 134, 0);
			font-weight: 700;
			font-size: 18px;
			text-align: center;
			text-transform: uppercase;
			color: rgb(255, 255, 255);
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
			box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-ms-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
		}
		input[type='button']:hover {
			opacity: 0.7;
			-webkit-transition: all 0.2s ease-in;
			-moz-transition: all 0.2s ease-in;
			-ms-transition: all 0.2s ease-in;
			-o-transition: all 0.2s ease-in;
			transition: all 0.2s ease-in;
		}
		.tiedote-container {
			width: 90%;
			max-width: 960px;
			margin: 0 auto;
			margin-bottom: 50px;
			display: table;
		}
		.tiedote {
			display: inline-block;
			margin: 0;
			padding: 10px;
			border-top: 1px solid #d7d7d7;
			width: 100%;
			max-width: 940px;
			cursor:pointer;
			background-color: rgba(42, 87, 142, 0.3);
		}
		.tiedote:hover {
			background-color: rgba(42, 87, 142, 0.2);
		}
		.tiedote1 {
			width: calc(100% - 80px);
			cursor: pointer;
		}
		.tiedote2 {
			width: 20px;
			cursor: pointer;
		}
		.tiedote2 bb {
			border: 1px solid #000000;
			border-radius: 10px;
			width: 10px;
			padding: 0 5px;
			text-align: center;
			display: inline-block;
		}
		.tiedote a {
			text-decoration: none;
		}
		.tiedote a:hover {
			color: #a0a0a0;
		}
		.tiedote-teksti {
			padding: 0px 10px;
			margin-bottom: 10px;
			background-color: #ffffff;
			overflow-y: hidden;
			-moz-box-sizing: content-box;
			-webkit-box-sizing: content-box;
			box-sizing: content-box;
		}
		.tiedote-open {
			display: inline-block;
			vertical-align:middle;
			position:relative;
			width:26px;
			height:26px;
			border-radius:50%;
			border:2px solid rgb(0, 0, 0);
			text-align:center;
			margin-right:25px;
			z-index:10;
		}
		.tiedote-open:after {
			position:absolute;
			content:'+';
			font-size:26px;
			line-height:26px;
			top:0px;
			left:0px;
			right:0px;
			bottom:0px;
			margin:auto;
		}
		
		.close .tiedote-open:after {
			position:absolute;
			content:'-';
			font-size:26px;
			line-height:26px;
			top:0px;
			left:0px;
			right:0px;
			bottom:0px;
			margin:auto;
		}
		
		.tiedote b {
			display: inline-block;
			vertical-align:middle;
			width: calc(100% - 60px);
		}
/* Form */
.form-content { max-width: 640px; margin: 0 auto; text-align: center; }
.crm { background-color: #ffffff; border: 1px solid #e0e0e0; padding-top: 20px; padding-bottom: 20px;}
form {padding: 0px; height:auto;  width:100%; text-align:center;}
form h4 {float:left; font-weight: 700; line-height:100%; font-size:20px; padding:10px 0px; text-transform:uppercase; margin:0px 1% 0px 15px ; color:rgb(255, 255, 255);}
label {float:left; margin:0px 1%; }
input[type='text'], input[type='email'], textarea, select, input[type='date'], input[type='submit'], input[type='button'], textarea {font-family: 'Roboto', sans-serif!important; font-weight: 300; font-size:15px; width: 160px; height:40px; border: 1px solid rgb(200, 200, 200); padding:0px 5px ;border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
select {font-weight: 300; font-size:15px; min-width: 150px;height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
input[type='date'] { min-width: 140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
input[type='text']:hover, textarea:hover, select:hover, input[type='date']:hover, input[type='submit']:hover, input[type='button']:hover, input[type='date']:hover, input[type='text']:focus, textarea:focus, select:focus, input[type='date']:focus, input[type='submit']:focus, input[type='button']:focus, input[type='date']:focus {border: 1px solid rgb(42, 87, 142); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
input[type='submit'], input[type='button'] {display:inline-block; cursor:pointer; border:1px solid rgb(42, 87, 142); background-color:rgb(42, 87, 142); padding:5px 15px;font-weight: 700; font-size:18px; line-height:18px; color:rgb(255, 255, 255); text-transform:uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
input[type='submit']:hover, input[type='button']:hover, input[type='submit']:focus, input[type='button']:focus {background-color:rgb(255, 255, 255); color:rgb(42, 87, 142); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
::-webkit-input-placeholder { color: rgba(120, 120, 120, 0.7); }
:-moz-placeholder { color: rgba(120, 120, 120, 0.7); opacity:  1; }
::-moz-placeholder { color: rgba(120, 120, 120, 0.7);  opacity:  1; }
:-ms-input-placeholder { color: rgba(120, 120, 120, 0.7);  }
.crm { padding-bottom: 10px; text-align:center;}
.crm label {float:left; width:100%; text-align:center; margin:5px 0px;}
.crm input[type='text'], .crm input[type='email'], .crm textarea, .crm input[type='date'], .crm input[type='submit'], .crm input[type='button'], .crm select { font-weight: 300; text-align:center; font-size:15px; float:left; width: 80%; margin:5px 10%; height:40px; border: 1px solid rgb(200, 200, 200); background-color:rgb(245, 245, 245); color: rgb(82, 79, 96);  padding:0px 5px ;border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); }
.crm textarea {	min-height: 120px; padding:5px;}
.crm input[type='date'] { min-width: 140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.crm input[type='submit'], .crm input[type='button'] {float:none; margin:0px; background:none;  margin:10px auto; width:120px;  min-width:120px; cursor:pointer; border:0; background-color:rgb(0, 93, 171); font-weight: 700; font-size:18px; text-align:center; text-transform:uppercase; color:rgb(255, 255, 255); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
.crm input[type='submit']:hover, .crm input[type='button']:hover {opacity:0.7; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
/* Form */



/* HAKU */
form.top-search {right:0px; top:25px; width:280px; position:absolute; text-align:right;}
form.top-search input[type='text']{display:inline-block; vertical-align:middle; width: 74%; height:30px; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
form.top-search input[type='submit']{display:inline-block; vertical-align:middle; width: 23%; height:30px; text-transform:none; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0);  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

@media all and (max-width: 768px) and (min-width: 641px) {
#logo {text-align:left;}
#logo img {max-height:60px;}
form.top-search {width:250px; top:18px;}
}
@media all and (max-width: 640px) and (min-width: 481px) {
#logo {text-align:left;}
#logo img {max-height:60px;}
form.top-search {width:250px; top:18px;}
}
@media all and (max-width: 480px) and (min-width: 1px) {
#logo {float:left;}
#logo img {max-height:40px;}
#menu {float:left;}
form.top-search {position:relative; float:left; width:90%; top:0px; margin-top:10px; margin-left:5%;}

}
/* HAKU */


.document-link img {
	display: inline-block;
	vertical-align: middle;
}
.document-link a {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
.document-link a:hover {
	color: #e0e0e0;
}

.search {
	min-height: 300px;
}
.search a {
	text-decoration: none;
}
.search a:hover {
	text-decoration: underline;
}