/* cmsms stylesheet: kantio modified: 09.12.2019 12.38.16 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
	width:100%;
	height:100%;
	overflow-y:scroll
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Yleiset tyylit */

body { 
	font:17px/1.4em Arial, Helvetica, sans-serif;
	background: #e5f0f6 url('images/body-bg.jpg') no-repeat center top;
	background-attachment:fixed;
	color:#2e2e2e;
}
		
		
p {
	margin:0 0 1em 0;
}


.break {clear:both;}



/* Yleinen rakenne ja muotoilut */


/* Sivun keskitys */

div#container {
	width:1000px;
	margin:45px auto 0 auto;
}

div#header {
	float:left;
	display:inline;
	width:100%;
	height:224px;
	margin:0;
	background: transparent url(images/header-bg.png) 0 0 no-repeat;
}


#logo {
	float:left;
	clear:left;
	display:inline;
	margin:47px 0 0 107px;
	}

/* Pääsisältö */

div#maincontent {
	float:left;
	width:100%;
	display:inline;
	background: transparent url(images/content2-bg.png) 0 0 repeat-y;
}

div#content1 {
	float:left;
	display:inline;
	width:960px;
	margin:0 0 0 20px;
	background: #1b65c8 url(images/content1-bg.png) 0 0 repeat-x;
	min-height:170px;
}

div#content2 {
	float:left;
	display:inline;
	width:880px;
	margin:0 0 0 20px;
	background: transparent url(images/content2-top-bg.gif) 0 0 repeat-x;
	padding:55px 40px 30px 40px;
}

div#content2 img {
	margin: 0 15px 15px 0;
}

/*Ingressiosio */


div#content1  {
	color:#FFF;
}

div#content1 .left {
	float:left;
	clear:left;
	display:inline;
	width:425px;
	margin:80px 0 0 47px;
}

body.bc div#content1 .left {
	margin:54px 0 0 47px;
}

div#content1 h1, .ingressi {
	text-shadow: #072768 3px 3px 5px;
}

.ingressi {
	font-family:"Trebuchet MS", sans-serif;
	font-size:24px;
	line-height:1.4em;
}

.smalltext {
font-size:14px;
line-height:1.5em;
}

div#content1 div.right .smalltext a {
background:none;
float:none;
text-transform:none;
text-decoration:underline;
font-size:14px;
}

body#palvelusivu div#content1 h1 {
	font-size:42px;
}

div#content1 h1 span {
	font-size:30px;
	display:block;
}

div#content1 h1 span.sisennys {
	font-size:40px;
	display:block;
	margin:0 0 0 140px;
}

div#content1 .right {
	float:right;
	display:inline;
	width:389px;
	height:226px;
	margin:41px 30px 0 0;
	background: transparent url(images/content1-box-bg.png) 0 0 no-repeat;
	color:#FFF;
	font-size:18px;
	line-height:29px;
	padding:25px;
}

body#palvelusivu div#content1 .right {
	height:126px;
}

div#content1 .right h2 {
	color:#FFF;
	margin:0;
	font-size:20px;
}

div#content1 .right  img {
	margin:8px 0;
}

div#content1 .top {
	float:left;
	display:inline;
	margin:23px 0 0 55px;
	min-height:100px;
}

div#content1  a {
	background: transparent url(images/a-bg.png) left 2px no-repeat;
	padding:0 0 0 8px;
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	float:right;
	height:12px;
	line-height:12px;
}
div#content1  a:hover {
	text-decoration:underline;
}

/* Palvelut*/

div.col1 {
	float:left;
	display:inline;
	background: transparent url(images/content1-box-small-bg.png) 0 0 no-repeat;
	width:142px;
	height:192px;
	margin:0 20px 0 0;
	padding:15px 6px 6px 6px;
	font-size:14px;
	line-height:1.2em;
}

div.col1 h2 {
	color:#FFF;
	margin:0 0 8px 0;
}

div.col1 p {
	min-height:115px;
	margin:0;
}

div.firstcol {
	margin:0 20px 0 55px;
}

/* Yhteyssivu */

#content2 .left {
	float:left;
	width:480px;
}

#content2 .right {
	float:right;
	width:330px;
	font-size:14px;
}

.shadow {
	margin:10px 0;
	padding:0 17px 22px 0;
	background:transparent url(images/map_shadow.png) right bottom;
}



/* Footer */

div#footer {
	float:left;
	clear:both;
	width:100%;
	height:81px;
	background: transparent url(images/footer-bg.png) 0 0 no-repeat;
	color:#4f4f4f;
}


div#footer p {
	line-height:64px;
	margin:0 45px 0 60px;
	font-size:12px;
}

div#footer a {
margin:0 10px 0 8px;
color:#4f4f4f
	}
	




/* Uutiset */

.NewsSummary {
	padding:13px;
	width:100%;
	margin:0 0 12px 0;
	padding:0 0 8px 0;
        border-bottom: 1px solid #eaebed;
}

.NewsSummaryPostdate {
	margin:0 0 5px 0;
	font-weight:bold;
font-size:12px;
}


.NewsSummaryLink a{
	font-weight:bold;
	text-decoration:none;
	font-size:15px;margin:0 0 5px 0;
}


.NewsSummarySummary, .NewsSummaryContent, #NewsPostDetailContent, #NewsPostDetailSummary {
	color:#303030;
	margin:0 0 9px 0;
font-size:14px;
line-height:1.2em;
}

.NewsSummaryMorelink  {
	display:block;
	margin:5px 0 0 0px;
}

#NewsPostDetailReturnLink {
margin:20px 0 0 0 ;
font-size:14px;
}


/* Breadcrumbs */

div#breadcrumbs {
	color:#775328;
	float:left;
	width:400px;
	font-size:11px;
	display:inline;
	margin:6px 0 0 40px;
	height:20px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:bold;
	clear:both;
}

div#breadcrumbs a {
	color:#fff;
	background: transparent url(images/a-bg.png) left center no-repeat;
	padding:0 0 0 8px;
	margin:0 0 0 4px;
	text-decoration:none;
	float:none;
	font-size:11px;
}

div#breadcrumbs a:hover {
	text-decoration:underline;
}

div#breadcrumbs span {
	color:#fff;
	background: transparent url(images/a-bg.png) left center no-repeat;
	padding:0 0 0 8px;
	margin:0 0 0 4px;
	text-decoration:none;
	float:none;
}

/* Header-elementit: */

div#langmenu {
	float:right;
	display:inline;
	margin:28px 40px 0 0;
	clear:right;
}

img#uutiset-banneri {
	float:left;
	display:inline;
	margin:155px 0 0 136px;
}


/* Mainmenu */

div#mainmenu {
	width:470px;
	height:20px;
	float:right;
	clear:right;
	margin:105px 53px 0 0 ;
	display:inline;
	padding:0;
}

div#mainmenu ul li {
	float:left;
	display:block;
	height:30px;
	line-height:30px;
	background:none;
	margin:0;
	padding:0 5px 0 0;
	display:inline;
	margin:0 35px 0 0;
	font-size:16px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
}



div#mainmenu ul li a {
	color:#808080;
	text-decoration:none;
	height:30px;
	line-height:30px;
	display:block;
	padding:0 4px 0 9px;
}

div#mainmenu ul li a:hover {
	color:#1b65c8;
	text-decoration:underline;
}

div#mainmenu ul li.currentpage, div#mainmenu ul li.menuactive {	
	background: transparent url(images/mainmenu-a-r.gif) right top no-repeat;
}

div#mainmenu ul li.currentpage span, div#mainmenu ul li.menuactive a {
	color:#33291d;
	text-decoration:none;
	display:block;
	padding:0;
	line-height:inherit;
	background: transparent url(images/mainmenu-a-l.gif) left center no-repeat;
	padding:0 4px 0 9px;
	color:#FFF;
}

/* Linkit */

a, .NewsSummaryMorelink {	
	color:#0d78a6;
	text-decoration:underline;
	
}

a:hover, .NewsSummaryMorelink:hover {	
	color:#1aa0d9;
	text-decoration:underline;
}

.oranssinuoli {
	background: transparent url(images/arrow-orange.png) left 4px no-repeat;
	padding:0 0 0 10px;
	color:#e29f0a;
	text-decoration:none;
}
 
.oranssinuoli:hover {
	text-decoration:underline;
}
 
/* Listat */

ol {
	margin:12px 0 15px 15px;
	list-style-position:inside;
	list-style-type:decimal;
	}

ol li {background:none;}

ul {
	margin:12px 0 15px 15px;
	list-style-position:inside;
	list-style-type:none;
	}

li {
	color:#000;
	padding:0 0 0 22px;
	line-height:1.4em;
	margin:0 0 8px 0;
	background: transparent url(images/li-item.png) left 3px no-repeat;
	}

ul ul {
	margin:8px 0 12px 15px;
	}


/* Otsikot */

h1, h2, h3 {
	font-weight:bold;
}

h1 {
	color:#fff;
	font-size:55px;
	line-height:1em;
	font-weight:normal;
	font-family:"Trebuchet MS", sans-serif;
}

h2 {
	color:#4f4f4f;
	 padding:0 0 4px 0;
	margin:1.2em 0 0.5em 0;
	 font-weight:bold;
	 font-size:18px;
}



h3 {
	color:#4f4f4f;
	font-weight:bold;
	font-size:15px;
	margin:1.2em 0 0.5em 0;
}

body#yhteys #content2 .right h3 {
margin:0;}

body#yhteys #content2 .right {
line-height:1.3em;
}

/* Taulukot */

table, tr, td {
	vertical-align:top !important;
}

td {
	padding:0 10px 10px 0;
	}


/* Lomake */

div.lomake {
clear:both;
}


.errormessage2 {
font-style:italic;
color:#c5791c;
}

.fb_invalid {}

.fb_invalid label {color:#000;}


div.lomake div {
margin: 0 0 12px 0;
float:left;
}

div.lomake label {
display:block;
font-size:14px;
line-height:20px;
color:#4f4f4f;
}

div.lomake input {
display:block;
float:left;
width:442px;
height:21px;
border:0;
background: transparent url(images/input-bg.gif) 0 0 no-repeat;
font-size:1em;
padding:3px;
font-family:Arial, sans-serif;
}


div.lomake textarea {
display:block;
float:left;
width:438px !important;
height:125px;
font-size:1em;
padding:3px 4px;
font-family: Arial, sans-serif;
margin:0;
}

div.lomake div.submit {
float:left;
clear:both;
}

div.lomake div.submit input {
color:auto;
width:84px;
height:34px;
border:2px solid #FFF;
background:#082a6e;
font-family:Arial;
color:#fff;
cursor:pointer;
cursor:hand;
}

div.lomake div.submit input:hover {
background:#1b65c7;
}




div.lomake div.valintaryhma {
margin: 0 0 10px 0px;
width:100% !important;
float:left;
}

div.lomake div.valintaryhma label {
width:auto;
height:auto;
background:none;
margin:0;
padding:0 0 0 10px;
display:inline;
float:left;
width:250px;
}



div.lomake div.valintaryhma div  {
float:left;
margin:0px 0 10px 150px;
width:355px;
}


div.lomake div.valintaryhma  input {
width:auto;
height:auto;
background:none;
margin:0;
padding:0;
display:inline;
float:left;
width:auto;
}