.body {
	background:url(040.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin-top: 0;
}

#container
{
	margin: 0 auto;
	width: 600px;
	background:#363434;
}

#top
{
	background:url(cncheader.jpg) no-repeat;
	height:220px;
	-moz-border-radius-topright: 11px;
	-webkit-border-radius-topright: 11px;
	border-radius-topright: 11px;
	-moz-border-radius-topleft: 11px;
	-webkit-border-radius-topleft: 11px;
	border-radius-topleft: 11px;
	behavior: url(laatikko/border-radius-demo/border-radius.htc);
}

#header
{
	height:189px;
	-moz-border-radius-topright: 11px;
	-webkit-border-radius-topright: 11px;
	border-radius-topright: 11px;
	-moz-border-radius-topleft: 11px;
	-webkit-border-radius-topleft: 11px;
	border-radius-topleft: 11px;
	behavior: url(laatikko/border-radius-demo/border-radius.htc);
}

#header h1 { margin: 0; }

#navigation
{
	width: 600px;
	height:31px;
	background:#ffffff;
	opacity:0.4;filter:alpha(opacity=40);
	text-align: center;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: inline-flex;
	padding: 0px 10px 0px;
	color:#000000;
	text-decoration: none;
	font-weight:bold;
	border-left: 0px solid#000000;
	font-family: 'Noto Sans', 'roboto', 'Times New Roman', arial;
	font-size:11px;
	line-height:31px;
}

#navigation li a:hover { background:#5e8096; }

#content
{
	clear: left;
	padding: 10px;
	background:#F2EFF6;
}

#content h2
{
	color:#000;
	font-size: 180%;
	margin: 0 0 .5em;
	font-family: 'Raleway', 'Roboto', 'Times New Roman', arial;
}

.contact
{
	padding: 10px;
	background:#C0C0C0;
	color:#000;
	font-size: 100%;
	margin: 0 0 .5em;
	font-family: 'roboto', 'Times New Roman', arial;
}

#footer
{
	text-align: center;
	padding: 5px;
	font-family: 'Times New Roman', arial;
	font-size:11px;
	color:#FFFFFF;
	background-color:#4f4949;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-radius-bottomright: 11px;
	border-radius-bottomright: 11px;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-radius-bottomleft: 11px;
	border-radius-bottomleft: 11px;
	behavior: url(laatikko/border-radius-demo/border-radius.htc);

}

p
{
	text-align: left;
	margin: 10px;
	font-family: 'roboto', 'Times New Roman', arial;
	font-size: 15px;
}

A:link{color:#1e5272; text-decoration:none;}
A:visited{color:#1e5272; text-decoration:none;}
A:active{color:#1e5272; text-decoration:none;}
A:hover{color:#5e8096; text-decoration:none;}

A:link IMG { border: 0px; }
A:visited IMG { border: 0px;}
A:active IMG { border: 0px; }

.imgvasen {float:left; margin:0px;}
.imgoikee {float:right; margin:0px;}


input, textarea {
	font-family: 'roboto', 'Times New Roman', arial;
	font-size:14px;
	margin:0;
	padding:1px;
	background-color:#FFFFFF;
	border:1px solid #4f4949;
	line-height:14px;
}

input:focus, input:hover,textarea:focus, textarea:hover{
	border: 1px solid #4f4949;
}

label {
	margin:2px;
}
 
input.input1  {
	width:220px;
	height:25px;
}

.button {
	font-family: 'roboto', 'Times New Roman', arial;
	margin:5px;
	background:#FFFFFF;
	color:#000000;
	opacity:0.4;filter:alpha(opacity=40);
	font-size:13px;
	font-weight:bold;
	width:150px;
	height:25px;
}

.lomaketeksti {
	font-family: 'roboto', 'Times New Roman', arial;
	font-size:14px;
	color:#000000;
	opacity:0.4;filter:alpha(opacity=40);
	font-weight:bold;
	text-align:right;
	padding:1px;
	line-height:14px;
}

.lomaketeksti2 {
	font-family: 'roboto', 'Times New Roman', arial;
	font-size:14px;
	color:#000000;
	opacity:0.4;filter:alpha(opacity=40);
	font-weight:bold;
	text-align:left;
	padding:1px;
	line-height:14px;
}

.palautelaatikko {
	border: 1px solid #000000;
	background:url(palautetausta.jpg) no-repeat;
	vertical-align:top;
}

h2 {
	font-family: 'Raleway', 'Roboto', 'Times New Roman', arial;
}

.sert-link { text-decoration: underline; }
.sert-img { vertical-align: top; }
.sert-div { text-align: center; }

#modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: auto 0;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.9);
}

.mcc {
	display: block;
	width: 100%;
	height: 100%;
	text-align: initial;
}

.modal-content {
	margin: auto;
	display: block;
	width: auto;
	height: auto;
	max-width: 80%;
	max-height: 100%;
}

.modal-content, #caption {    
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {-webkit-transform:scale(0)} 
	to {-webkit-transform:scale(1)}
}

@keyframes zoom {
	from {transform:scale(0)} 
	to {transform:scale(1)}
}

.fa.close {
	position: absolute;
	z-index: 99999;
	top: 15px;
	right: 35px;
	font-size: 2.5em;
	color: #f1f1f1;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

.modal-img {
	cursor: pointer;
}

.tiedote {
	font-family: 'Roboto', 'Times New Roman', arial;
}

#content h2.tiedote-h {
	font-family: 'Roboto', 'Times New Roman', arial;
	font-size: 130%;
}

.tiedote-kuva {
	width: 90%;
	height: auto;
}

a.tiedote-linkki {
	font-family: 'Roboto', 'Times New Roman', arial;
	text-decoration: underline;
	color: #000;
}

.tiedote-linkki:hover {
	color: #555;
}

.tiedote-linkki:active {
	color: #aaa;
}

hr.line {
	color: #000;
	background-color: #000;
	border: none;
	width: 100%;
	height: 1px;
}

.horizontal-container {
	display: flex;
}

.eu-cert {
	width: 40%;
}

.cert-image {
	margin: auto 0 auto auto;
}