/* Start of CMSMS style sheet 'style' */
body {

	margin: 0px;

	padding: 0px;

	background-color: #98d1ef;

}

form {

	margin: 0px;

	padding: 0px;

}

#centering {

	width: 884px;

	margin: 0 auto;

}



#pageLength {

	float: left;

	width: 884px;

	background-image: url(../pics/bg.jpg);

	background-repeat: repeat-y;

}



#pageContent {

	float: left;

	width: 790px;

	padding-left: 44px;

	padding-bottom: 20px;

}



#header {

	float: left;

	width: 796px;

}


#nostoalue a  {	
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #1e9cda;	
}


#nostoalue h2 {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #545353;

	margin: 0 0 0 10px;

}
#logo {

	float: left;

	padding: 11px 0px 11px 14px;

}


#login {

	float: right;

	padding: 10px 8px 0px 0px;

	text-align: right;

}


#header p.svenska {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	margin-top: 4px;

}


.flag {

	position: relative;

	top: 2px;

}



/**** Navigation ****/

#navigationBg {

	float: left;

	width: 796px;

	height: 31px;

	background-image: url(../pics/bg_navigation.gif);

	background-repeat: repeat-x;

}



#navigation {

	float: left;

	width: 570px;

}


#search {

	float: right;

	width: 170px;

	padding-top: 5px;

	padding-right: 8px;

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;	

	text-align: right;	

}


signin_button {
	width: 30px;

}


input {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;	

}

#search input {

	width: 120px;

	margin-right: 0px;

}



/*** content lengths ***/

#contentLeftIndex {

	float:left;

	width: 594px;

	padding: 11px;

}



#contentLeft {

	float:left;

	width: 605px;

	padding: 11px 11px 11px 0px;

}



#contentRight {

	float:left;

	width: 169px;

}

#contentRight p {

margin: 0;
padding:0;

}



#contentRightBg {

	float:left;

	width: 169px;

	margin-top: 11px;

	background-color: #f0efef;

}



/*** [LEFT SIDE] ****/





/*** index content ***/

#indexLeft {

	float:left;

	width: 256px;

	padding: 0px 28px 0px 18px;

}



#indexRight {

	float:left;

	width: 292px;	

	padding: 0px 0px 0px 0px;

}



/*** tiedote & news ***/

.tiedote {

	float:left;

	padding-right: 10px;

}



.news {

	float:left;

	width: 259px;

	background-image: url(../pics/bg_news.gif);

	background-repeat: repeat-y;

	padding: 5px 15px 0px 18px;

}



.newsBottom {

	margin-bottom: 12px;

}



.news p {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0 0 12px 0;

	line-height: 12px;

}



/*** sub content top ***/

#leftSubNavigation {

	float:left;

	width: 171px;

	padding: 0px 11px 0px 0px;

}



#contentImage {

	float:left;

	width: 423px;	

	padding: 0;

}

#contentImage p {

	margin: 0;
	padding: 0;

}



/*** sub navigation ***/

#subNavigationBg {

	float: left;

	width: 171px;

	height: 138px;

	background-image: url(../pics/bg_subNavigation.gif);

	background-repeat: repeat-y;

}



#subNavigationTop {

	float: left;

	width: 171px;

	height: 13px;

	font-size: 1px;

	background-image: url(../pics/bg_subNavigationTop.gif);

	background-repeat: no-repeat;

}



#subNavigationBottom {

	float: left;

	width: 171px;

	height: 13px;

	font-size: 1px;

	background-image: url(../pics/bg_subNavigationBottom.gif);

	background-repeat: no-repeat;

}



.sub, .subW {	

	width: 160px;

	padding: 0px 0px 0px 7px;

	margin-bottom: 2px;

	background-color: #e8e8e8;

}



.subOn, .subWOn {	

	width: 160px;

	padding: 0px 0px 0px 7px;

	margin-bottom: 2px;

	background-color: #289ede;

}



.sub p, .subOn p {	

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;	

	padding: 4px 5px 4px 11px;

	margin: 0px;

	border-left: solid 3px #ac0e32;

}



.subW p, .subWOn p {	

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;	

	padding: 4px 5px 4px 11px;

	margin: 0px;

	border-left: solid 3px #fff;

}



.subOn p a, .subWOn p a {	

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;	

}

.subOn p a:hover, .subWOn p a:hover {	

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #fff;	

}

.subSub, .subSubOn {	
	width: 155px;
	padding: 0px 0px 0px 12px;
	margin-bottom: 2px;
}

.subSub p, .subSubOn p {	
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;	
	padding: 4px 5px 4px 11px;
	margin: 0px;
}

.subSub p a {	
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;	
}

.subSubOn p a {	
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;	
}

.subSub p a:hover  {	
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #1e9cda;	
}



/*** sub content ***/

#left {

	float:left;

	width: 171px;

	padding: 0px 11px 0px 0px;	

	margin: 0;

}



#right {

	float:left;

	width: 420px;	

	padding: 0;

}



#subImage {

	padding-left: 10px;
	margin: 0px;
}

#subImage p {

	padding: 0px;
	margin: 0px;

}



#textBlock {

	padding: 0px 10px 0px 14px;

}



td {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	line-height: 16px;

}

#textBlock p {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	margin-bottom: 18px;

	line-height: 16px;

}


#textBlock a {

	color: #1e9cda;

	text-decoration: underline;

	line-height: 16px;

}



/*** two column content ***/

#twoColumnLeft {

	float:left;

	width: 283px;

	padding: 0px 15px 0px 15px;

}



#twoColumnRight {

	float:left;

	width: 292px;	

	padding: 20px 0px 0px 0px;

}

#twoColumnWide {
	float:left;
	width: 590px;	
	padding: 0px 0px 0px 13px;
}


.person {
	float:left;

	margin: 0px 10px 90px 0px;

	border: solid 1px #19493b;

}

.luottamusmies {
	float:right;

	margin: 0px 15px 30px 5px;

	border: solid 1px #19493b;

}



/*** map ***/

.mapContent {

	float:left;

	width: 273px;

	background-image: url(../pics/bg_news.gif);

	background-repeat: repeat-y;

	padding: 5px 5px 0px 14px;

}



.mapContent p {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0 0 3px 0;

	line-height: 12px;

}



.map {

	float: right;

}



/*** [RIGHT SIDE] ****/



/*** quick links ***/

#info {

	background-color: #fff;

	margin: 0px 4px 0px 4px;

	padding: 6px 6px 10px 10px;	

}



#info p.address {

	font: normal 10px Verdana, Arial, Helvetica, sans-serif;

	color: #000;	

	margin: 0 0 12px 0;

	line-height: 12px;

}



#quickLinks {

	background-color: #fff;

	margin: 0px 4px 0px 4px;

	padding: 8px 6px 10px 10px;

}



#externalLinks {

	background-color: #fff;

	margin: 0px 4px 0px 4px;

	padding: 8px 6px 10px 10px;

}



#info p, #quickLinks p, #externalLinks p {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0 0 3px 0;

	line-height: 14px;

}



.infoTop {

	margin: 0px 4px 0px 4px;	

}



.infoBottom {

	margin: 0px 4px 0px 4px;	

}



#banners {

	float:left;

	text-align: center;

	width: 169px;

	margin-top: 15px;

}



#banners p {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0 0 12px 0;

	line-height: 16px;

}



/*** footer ***/

#footer {

	float: left;

	width: 884px;

	height: 33px;

	background-image: url(../pics/footer.jpg);

	background-repeat: no-repeat;

}

#oumo {
	float: left;
	font: normal 0.6em Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
	text-align: right;	
	padding: 0px 50px 10px 0px;
	width: 834px;
}

#oumo a {
	color: #999;
	text-align: right;
}


/*** common elements ***/

.arrow {

	float: left;

	padding-bottom: 10px;

	padding-right: 4px;

	padding-top: 4px;

}



.arrowGreen {

	float: left;

	padding-right: 4px;

	padding-top: 4px;

}



.line {

	margin: 24px 0 24px 0;

}



h1 {

	font: bold 14px Verdana, Arial, Helvetica, sans-serif;

	color: #194c39;

	margin: 0px 0 20px 0;

}



h2 {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #545353;

	margin: 0 0 12px 0;

}



h3 {

	font: bold 14px Verdana, Arial, Helvetica, sans-serif;

	color: #1e9cda;

	margin: 0 0 12px 0;

}



h4 {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #194c39;

	margin: 23px 0 4px 14px;

}



h5 {

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0 0 12px 0;

}



a {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	line-height: 14px;

	text-decoration: none;

}



a:hover {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #1e9cda;

	line-height: 14px;

	text-decoration: none;

}



a.on {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #1e9cda;

	line-height: 14px;

	text-decoration: none;

}



a:hover.on {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #1e9cda;

	line-height: 14px;

	text-decoration: none;

}



p {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	margin: 0;

	line-height: 16px;

}



p.linkAll {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #898989;

	margin: 15px 0 15px 0;

	line-height: 16px;

}



p.linkAll a {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #898989;

	text-decoration: none;

}



p.linkAll a:hover {

	font: bold 11px Verdana, Arial, Helvetica, sans-serif;

	color: #1e9cda;

	text-decoration: none;

}

ul {

	padding: 0px;
	
	margin-left: 30px;

        margin-top: 0px;

}

li {

	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

	color: #000;

	line-height: 16px;
	
	padding: 0px;
	
	margin: 0px;

	list-style: square;

}


span {

	color: #1e9cda;

}



span.date {

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	color: #898989;

}



img {

	border: none;

}

span.moreLink {
	color: #1e9cda;
	white-space: nowrap;

}

/* End of 'style' */