@charset "utf-8";
/* [YLEISET] */

/* Debug potential problems * /
@import "debug.css";
/* end debug */

html, body {
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: 100%;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 10px;
}

a img { border: none; }
br.clear { clear: both; }	/* Käytetään tarvittaessa kelluvien elementtien ohittamiseen */
div.clear {	/* Käytetään tarvittaessa kelluvien elementtien ohittamiseen */
	clear: both;
	width: 100%;
	height: 0px;
	overflow: hidden;
}
form { margin: 0px; padding: 0px; border: none; }

hr {
	width: 99%;
	background-color: #dbdbdb;
	color: #dbdbdb;
	border: none;
	height: 1px;
	margin-bottom: 0.5em;
	overflow: hidden;
}

/*
	[TAULUKKO]
	
	Kuvaus		:Asettaa kaikille taulukoille vakiona reunat ja solujen välistykset pois.
	Huomioita	:Tämä ei yksinään riitä, välistykset pitää nollata myös soluilta, ks. alle.
*/
table {
	border-collapse: collapse;
	border: none;
	margin: 0px;
	padding: 0px;
}

table tr, table td {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: middle;
}

table td.left { text-align: left; }
table td.center { text-align: center; }
table td.right { text-align: right; }

/*
	[SHORTCUTS]
	
	Kuvaus		:Sivun alalaidassa, footerin alapuolella sijaitsevat oikopolut.
	Huomioita	:Osa-alueeseen kuuluvat "column1", "column2" ja "column3".
*/
#shortcuts {
	clear: both;
	width: 100%;	/* Täyttää selaimen horisontaalisesti */
}

#shortcuts #column1 {	/* Vasen palsta, absoluuttisesti sijoitettu */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 25%;
}

#shortcuts #column2 {	/* Keskipalsta, keskittää itsensä automaattisesti */
	margin: 0px auto;
	width: 25%;
}

#shortcuts #column3 {	/* Oikea palsta, absoluuttisesti sijoitettu */
	position: absolute;
	right: 0px;
	top: 0px;
	width: 25%;
}

#shortcuts h3 {	/* Valkoinen otsikko oikopolkuihin */
	font-size: 2.8em;
	line-height: 0.9em;
	font-weight: normal;
	color: #fff;
	margin: 0.5em 0 0.5em 0.5em;
}

#shortcuts .title {	/* Otsikon container-boksi */
	background-color: #c9c9c9;
	border-bottom: 1px solid #fff;
	overflow: hidden;	/* "clear floats" */
}

#shortcuts .inner {	/* Samat min/max-width ja width -määrittelyt kuin #page-elementillä, jotta alignoituisi samalla lailla */
	min-width: 745px;
	max-width: 960px;
	width: 745px;	/* IE6:sta varten */
	margin: 0px auto;
	position: relative;
}
*>#shortcuts .inner { width: auto; }	/* IE6 ei ymmärrä tätä, uudet selaimet päivittävät leveysmäärittelyn */

#shortcuts .links {	/* Container palstoille */
	background-color: #ddd;
	padding: 10px 0 42px 0;
}

/* Teksti- ja listamäärittelyt */
#shortcuts .links p {
	color: #000;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 0.2em;
}

#shortcuts .links ul {
	padding: 0;
	margin: 0;
	padding-left: 15px;
}

#shortcuts .links ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 1.1em;
	line-height: 1.45em;
}

#shortcuts .links ul ul {
	padding-left: 0.8em;
	margin-top: -0.15em;
	margin-bottom: 0.15em;
}

#shortcuts .links ul ul li {
	font-size: 1em;
	line-height: 1.2em;
}

#shortcuts a { color: #000; }

/*
	[PAGE]
	
	Kuvaus		:Määrittelee sivualueen.
	Huomioita	:Zoomattaessa selainta leiska elää 745-960px välillä.
*/
#page {
	min-width: 900px;
	max-width: 1000px;
	width:expression(document.body.clientWidth > 830? "830px": "auto" );/* IE6:sta varten */
	margin: 0px auto;
	border-left: 16px solid #fff;
	border-right: 16px solid #fff;
	font-size: 100%;
	-moz-box-shadow: 2px 2px 8px #999;
	-webkit-box-shadow: 52x 2px 8px #999;
	box-shadow: 2px 2px 8px #999;
}
*>#page { width: auto; }	/* IE6 ei ymmärrä tätä, uudet selaimet päivittävät leveysmäärittelyn */

/*
	[HEADER]
	
	Kuvaus		:Määrittelee sivun header-yläosan.
	Huomioita	:Osa-alueeseen kuuluvat "top", "logoarea" ja "subnavigation".
*/
#header {
	clear: both;
}

/*
	[TOP]
	
	Kuvaus		:Määrittelee headerin ylälinkit, napit ja haun.
	Huomioita	:Osa-alueeseen kuuluvat "buttons", "toplinksLeft", "toplinksRight" ja "search".
*/
#top {
	padding-top: 9px;
	margin-bottom: 9px;
	color: #204d94;
	overflow: hidden;	/* "clear floats" */
}

#top #buttons {
	width: 68px;
	float: left;
}

#top #toplinksLeft {
	padding: 5px 0;
	float: left;
}

#top #toplinksRight {
	padding: 5px 0;
	float: right;
	padding-right: 26px;
}

#top #search {
	float: right;
}

#top img {
	margin-right: 2px;
	float: left;
}

#top a {
	font-size: 11px;
	color: #204d94;
}

#top.big a {
	font-size: 12px;
}

#top .textfield {
	margin-right: 6px;
	float: left;
}

/*
	[LOGOAREA]
	
	Kuvaus		:Määrittelee headerin logoalueen.
	Huomioita	:Osa-alueeseen kuuluvat "text", "pic" ja "mainnavigation".
*/
#logoarea {
	clear: both;
	background: #c7e5fa url(../images/bg_logoarea.gif) repeat-x left top;
	overflow: hidden;	/* "clear floats" */
	margin-bottom: 15px;
	position: relative;
	height: 123px;	/* IE6:sta varten */
	min-height: 123px;
}
*>#logoarea { height: auto; }	/* IE6 ei ymmärrä tätä, uudet selaimet päivittävät korkeusmäärittelyn */

#logoarea h1 { display: none; }

/* [ETUSIVUN LOGO] */
#logoarea a.logo {
	float: left;
	width: 265px;
	height: 123px;
	display: block;
	background: #c7e5fa url(../images/tulli_logo.gif) no-repeat left top;
}

/* [ALASIVUN LOGO] */
#logoarea a.logosmall {
	float: left;
	width: 217px;
	height: 123px;
	display: block;
	background: #c7e5fa url(../images/subpage_tullilogo.gif) no-repeat left top;
}

#logoarea a.logo span { display: none; }
#logoarea a.logosmall span { display: none; }

#logoarea #text {
	float: right;
	min-height: 111px;
	height: 111px;
	background: url(../images/bg_frontpagewide2.jpg) no-repeat right top;
	padding: 12px 138px 0 0;
	width: 43%;
}
*>#logoarea #text { height: auto; }

#logoarea #text p.intro { font-size: 12px; }

#logoarea #pic {
	float: right;
	min-height: 123px;
	height: 123px;
	background: url(../images/subpage_picture.jpg) no-repeat right top;
	width: 435px;
}
*>#logoarea #pic { height: auto; }

#logoarea #text p {
	margin-bottom: 0.5em;
}

/*
	[MAINNAVIGATION]
	
	Kuvaus		:Määrittelee sivuston päänavigaation.
*/
#logoarea #mainnavigation {
	left: 10px;
	bottom: 0px;
	position: absolute;
}

#logoarea #mainnavigation ul {
	margin: 0;
	padding: 0;
}

#logoarea #mainnavigation ul li {
	float: left;
	list-style-type: none;
	font-size: 1.5em;
	padding: 0.6em 0 0.7em 0.6em;
	margin-left: 5px;
}

#logoarea #mainnavigation ul li.selected {
	background: #fff url(../images/bg_li_selected.gif) no-repeat left top;	/* Aktiivinen osio, välilehti valittu */
}

/*
	[SUBNAVIGATION]
	
	Kuvaus		:Määrittelee alasivujen navigaation.
	Huomioita	:Toteutettu taulukoilla ja taustakuvilla, eri tiloja kontrolloidaan JavaScriptilla.
*/
#header #subnavigation {
	overflow: hidden;	/* "clear floats" */
	margin-top: -10px;
	margin-bottom: 15px;
}

#header #subnavigation table {
	width: 100%;
}

/* [1. TASON KUVA] */
#header #subnavigation tr.top td {
	background: #e1f0fa url(../images/bg_subnavi_big1.gif) no-repeat left top;	/* Vasen reuna + jatkuva tausta */
	padding: 0;
	text-align: center;
	vertical-align: bottom;
}

#header #subnavigation tr.top td.hover {
	background: #fff577 url(../images/bg_subnavi_big_selected1.gif) no-repeat left bottom;	/* Aktiivinen kuva */
}

#header #subnavigation tr.top td a {
	background: url(../images/bg_subnavi_big2.gif) no-repeat right top;	/* Oikea reuna */
	padding: 13px 0px 0px 0px;
	display: block;
}

#header #subnavigation tr.top td a.hover {
	background: url(../images/bg_subnavi_big_selected2.gif) no-repeat right bottom;	/* Oikea reuna, aktiivinen kuva */
}

/* [1. JA MUIDEN TASOJEN TEKSTIVÄLILEHTI] */
#header #subnavigation tr.bottom td {
	font-size: 13px;
	background: #a8d2f1 url(../images/bg_subnavi1.gif) no-repeat left bottom;	/* Vasen reuna + jatkuva tausta */
	padding: 0;
	text-align: center;
}

#header #subnavigation tr.bottom td.on {
	background: #ffc51f url(../images/bg_subnavi_selected1.gif) no-repeat left bottom;	/* Aktiivinen kuva */
}

#header #subnavigation tr.bottom td.hover {
	background: #ffc51f url(../images/bg_subnavi_hover1.gif) no-repeat left bottom;	/* Hover-kuva */
}

#header #subnavigation tr.bottom td a {
	background: url(../images/bg_subnavi2.gif) no-repeat right bottom;	/* Oikea reuna */
	padding: 8px 0px 8px 0px;
	display: block;
}

#header #subnavigation tr.bottom td a.on {
	background: url(../images/bg_subnavi_selected2.gif) no-repeat right bottom;	/* Oikea reuna, aktiivinen kuva */
}
#header #subnavigation tr.bottom td a.on:hover { text-decoration: none; }

#header #subnavigation tr.bottom td a.hover {
	background: url(../images/bg_subnavi_hover2.gif) no-repeat right bottom;	/* Oikea reuna, hover-kuva */
}

#header a:visited { color: #023b88; }

/*
	[CONTENT]
	
	Kuvaus		:Headerin jälkeinen sisältöalue.
	Huomioita	:Osa-alueeseen kuuluvat "frontpageLeft", "frontpageRight", "frontpageMain" etusivulla sekä "sitemap", 
				 "searchresults", "subpageLeft", "subpageColumn" ja "subpageColumnWide" alasivuilla.
*/
#content {
	padding-top:5px;
	clear: both;
	overflow: hidden;	/* "clear floats" */
	min-height: 28em;	/* Vakiokorkeus tyhjää orposivua varten */
}

#content .inner {
	clear: both;
	padding: 0 15px 15px 15px;
	overflow: hidden;	/* "clear floats" */
}

#content .indent {
	padding: 0 14px 15px 14px;
}

#content .border { border-left: 1px solid #ebebeb; }

/*
	[SITEMAP]
	
	Kuvaus		:Sivukartta-sivun tyylit.
	Huomioita	:Sivu jaettu kolmeen palstaan, joista kolmas on keskellä ja 2 muuta kelluvat
				 vasemmalla ja oikealla.
*/
#content #sitemap {
	padding: 5px 10px 0 10px;
}

#content #sitemap .column1 { /* Keltainen, vasen palsta */
	float: left;
	width: 31%;
	background-color: #ffffe5;
}

#content #sitemap .column2 { /* Sininen, oikea palsta */
	float: right; 
	width: 31%;
	background-color: #f5fafe;
}

#content #sitemap .column3 { /* Oranssi, keskipalsta */
	width: auto;
	margin-left: 33%;
	margin-right: 33%;
	background-color: #fff6d7;
}

/* Sivukartan listatyylit */
#content #sitemap ul {
	padding: 0;
	margin: 0;
	padding-left: 15px;
}

#content #sitemap ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 11px;
}

#content #sitemap ul ul li {
	font-size: 1em;
	line-height: 1.8em;
	margin-bottom: 0;
}

#content #sitemap ul ul {
	padding-left: 1em;
	margin-top: -0.2em;
	margin-bottom: 0.8em;
}

#content #sitemap h5 {	/* Palstojen otsikkotyyli */
	margin-left: -14px;
	margin-right: -14px;
	padding: 8px 14px;
}

/* Palstakohtaiset taustavärit otsikolle */
#content #sitemap .column1 h5 { background-color: #fff35f; }	/* Keltainen */
#content #sitemap .column2 h5 { background-color: #a0c3e3; }	/* Sininen */ 
#content #sitemap .column3 h5 { background-color: #ffd739; }	/* Oranssi */ 

/* Listaotsikoiden tausta */
#content #sitemap .background {
	margin: -9px -14px 0 -29px;
	padding-left: 29px;
}
/* Palstakohtaiset taustavärit listan otsikoille */
#content #sitemap .column1 .background { background-color: #fffea1; }	/* Keltainen */
#content #sitemap .column2 .background { background-color: #c6e5fa; }	/* Sininen */
#content #sitemap .column3 .background { background-color: #feeb9c; }	/* Oranssi */

/*
	[SEARCHRESULTS]
	
	Kuvaus		:Hakutulokset-sivun tyylit.
	Huomioita	:
*/
#content #searchresults {
	margin-top: 5px;
}

/* Määritellään ingressit tässä, mutta niitä voidaan hyödyntää myös muilla sisältösivuilla */
#content .ingress {
	padding-bottom: 0.5em;
}

#content .ingress p {
	font-size: 1.4em;
	line-height: 1.6em;
	color: #020202;
}

#content #searchresults ol li {
	margin-bottom: 1.8em;
}

/*
	[SUBPAGELEFT]
	
	Kuvaus		:Alasivujen vasen palsta, joka sisältää navigaation lisäksi yhteystietoja, linkkejä yms.
	Huomioita	:Osa-alueeseen kuuluvat "contactbox", "leftnavigation" sekä inner- ja tight-luokkia käyttävä
				 nimetön DIV.




















*/
#content #subpageLeft {
	float: left;
	width: 220px;
	margin-right: 15px;
}

#content #subpageLeft .inner {
	padding: 15px 15px 0px 15px;
}

#content #subpageLeft p {
	color: #023b88;
	line-height: 1.3em;
	overflow: hidden;
	width: 99%;
	zoom: 1;
}


#content #subpageLeft p  font{
	overflow: hidden;
	width: 99%;
	zoom: 1;
}

#content .tight p {
	margin-bottom: 0.5em;
}

/*
	[CONTACTBOX]
	
	Kuvaus		:Vasemman laidan sininen laatikko, jossa mm. yhteystiedot.
	Huomioita	:
*/
#subpageLeft #contactbox {
	background: #e0f1fc	url(../images/bg_contactbox.gif) no-repeat left top;
	margin-bottom: 10px;
	margin-top: 15px;
}

#subpageLeft #contactbox .bottombit {
	width: 220px;
	height: 10px;
	background: url(../images/infobox_bottombit.gif) no-repeat left top;
	margin-top: -1px;
	position: relative;
	font-size: 1px;
}

#subpageLeft #contactbox a {
	font-weight: bold;
	
}

#subpageLeft .inner {margin-right:-3px;padding:0;}

/*
	[LEFTNAVIGATION]
	
	Kuvaus		:		Vasemman laidan alanavigaatio.
	Huomioita	:		Toteutettu sisäkkäisinä listoina.
*/
#content #leftnavigation {
	background: #ffeb9c	url(../images/bg_leftnavigation.gif) repeat-x left top;
	padding: 0;
	padding-bottom: 20px;
	position:relative;
	border-right:1px solid #cccccc;
	border-bottom:2px solid #cccccc;
	width:220px;
}

#content #leftnavigation .corner1 {	/* navikon vasen yläkulma */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 13px;
	height: 13px;
	background:url(../images/left_nav_corner_tl.jpg) no-repeat left top;
	margin-left: -0px;
}

#content #leftnavigation .corner2 {	/* navikon oikea yläkulma */
	position: absolute;
	right: 0px;
	top: 0px;
	width: 13px;
	height: 13px;
	background:url(../images/left_nav_corner_tr.jpg) no-repeat right top;
	margin-right: -2px;
}

#content #leftnavigation .corner3 {	/* navikon vasen alakulma */
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 13px;
	height: 13px;
	background:url(../images/left_nav_corner_bl.jpg) no-repeat left bottom;
	margin-left: -1px;
	margin-bottom: -2px;
}

#content #leftnavigation .corner4 {	/* navikon oikea alakulma */
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 13px;
	height: 13px;
	background:url(../images/left_nav_corner_br.jpg) no-repeat right bottom;
	margin-right: -1px;
	margin-bottom: -2px;
}

#content #leftnavigation a:visited { color: #023b88; }

/* Navilaatikon alapala, joka on nostettu 1px ylöspäin, jotta se peittää listan viimeisen listitemin reunuksen */
#content #leftnavigation .bottombit {
	width: 200px;
	height: 10px;
	background: url(../images/leftnavi_bottombit.gif) no-repeat left top;
	margin-top: -1px;
	position: relative;
	font-size: 1px;
}

#content #leftnavigation .Header{
	color:#ff6600;
	font-size:1.7em;
	font-weight:bold;
	margin-left:-0.3em;
	padding: 5px 0px 3px 20px;
	width:190px;
    line-height:1.7em;
    white-space:nowrap;
    border:none;
	overflow: hidden;
}

#content #leftnavigation .subHeader{
	color:#ff6600;
	font-size:1.6em;
	font-weight:bold;
	width:190px;
    line-height:2em;
    white-space:nowrap;
    border:none;
	overflow: hidden;
	margin-left:-0.3em;
	margin-bottom:-3px;
}

#content #leftnavigation ul {
	padding: 0;
	margin: 0;
	width:90%;
	padding-left:8px;
	margin-left:12px;
	word-wrap:break-word;
}

/* Ensimmäisen tason listitemit, joissa 1px reunus alhaalla */
#content #leftnavigation ul li {
	padding: 0 0 5px 0;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.34em;
	list-style-type:none;
	list-style-position:outside;
	margin-top: 0.1em;
	border:none;
	height:auto;
	display:list-item;
}

#content #leftnavigation ul li.forward {
	margin: 0;
	margin-left:8px;
	padding:0;
	font-size: 1.2em;
	line-height: 1.34em;
	list-style-image:url(../images/arrow.gif);
	list-style-position:outside;
	margin-top: 0.1em;
	border:none;
	height:auto;
	display:list-item;
	padding: 0 0 4px 0;
}

#content #leftnavigation ul li.active {

	list-style-position:outside;
	list-style-image: url(../images/arrow_open_orange.gif);
	display:list-item;
	color:#666666;
	margin-left:8px;
}

#content #leftnavigation ul li.active2 {
	list-style-position:outside;
	list-style-image: url(../images/bullet_orange.gif);
	display:list-item;
	color:#666666;
}

#content #leftnavigation ul li.active a{
	color:#666666;
}

#content #leftnavigation li.open {	/* Nuoli alaspäin aukinaisten alavalikoiden otsikkoon */
	margin: 0;
	font-size: 1.2em;
	line-height: 1.34em;
	list-style-image:url(../images/arrow_open.gif);
	list-style-position:outside;
	margin-top: 0.1em; 
	border:none;
	height:auto;
	display:list-item;
	padding:0;
	margin-left:8px;
	padding: 0 0 4px 0;
}

#content #leftnavigation li a {
	font-weight: bold;
	}
	
/* Toisen tason listaus sisennettynä */
#content #leftnavigation ul ul {
	margin-top: -0.1em;
	margin-bottom: 0.2em;
	margin:0;
	
}

/* Toisen tason listitemit */
#content #leftnavigation ul ul li {
	margin-left:12px;
	font-size: 1em;
	border: none;
	line-height: 1.2em;
	padding:2px 0 2px 0;
	list-style-position:outside;
	list-style-image: url(../images/bullet_grey.gif);
	display:list-item;
}

#content #leftnavigation ul ul li.active {
	list-style-position:outside;
	list-style-image: url(../images/bullet_orange.gif);
	display:list-item;
}

#content #leftnavigation ul ul li a {	/* Toisen tason listitemien linkit, joissa lisätty välistystä pystysuunnassa */
	font-weight: normal;
}

#content #leftnavigation ul ul li a.open {	/* Toisen tason valittu listitem, lihavoitu + oranssi */
	background: none;
	padding-right: 0px;
	color: #ec6600;
	font-weight: bold;
}

#content #leftnavigation ul ul li a.open:hover {	/* Aktiivisessa ei hoveria */
	text-decoration: none;
}

/*
	[SUBPAGECOLUMN]
	
	Kuvaus		:Normaali alasivun palsta, joka jättää tilaa vasemmalla puolelleen navigaatiota yms. varten.
	Huomioita	:Osa-alueeseen kuuluu "history", muu sisältö on täysin vapaata, jota voidaan tarkentaa luokilla.
*/
#content #subpageColumn {
	/*margin-left: 225px; */
	/* margin-left: 25px; */
	margin-right: 0px;
	/* width: 515px; */
	margin-bottom: 0.8em;
	zoom: 1;
	position: relative;
	overflow:hidden;
	padding-left:2px;
}

/*   *>#content #subpageColumn {width: auto;}  */
#content #subpageColumn table {max-width:99.9%;}
#content #subpageColumn table {
width:expression( 
    document.body.clientWidth > (819/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" );
} /* for IE */

#content #subpageColumn i {
	overflow: visible;
	zoom: 1;
}

/* Taulukko tiedotteita yms. varten */
/* #content #subpageColumn */ table.pressreleases {
	background: url(../images/bg_listitem.gif) repeat-x left top;
	margin-right:10px;
}

/* #content #subpageColumn */ table.pressreleases td {
	padding: 0.3em 0 0.0em 0;
	font-size: 1.2em;
	line-height: 1.4em;
	vertical-align: top;
	text-align: left;
}

/* #content #subpageColumn */ table.pressreleases td p {
	padding: 0.0em 0 0em 0;
    margin-bottom:-0.075em;;
	font-size: 1.0em;
	line-height: 1em;
	text-align: left;
}

/* #content #subpageColumn */ table.pressreleases td.date {	/* Päivämäärä tiedotteisiin */
	color: #4e85cf;
	padding-right: 0.2em;
}

/*
	[HISTORY]
	
	Kuvaus		:2. tasolla ja alemmilla näkyvä sivunavigaatiohistoria.
	Huomioita	:
*/
#content #history {
	background: url(../images/bg_listitem.gif) repeat-x left bottom;
	margin-bottom: 15px;
	overflow: hidden;	/* "clear floats" */
	width:99%;
}

#content #history p {
	margin-bottom: 1em;
	color:#555;
}

#content #history a {
	font-weight: normal;
}

#content #history a:visited { color: #023b88; }

/*
	[SUBPAGECOLUMNWIDE]
	
	Kuvaus		:1. alasivutasolla käytettävä koko sivun levyinen palsta (vasemmalla ei tilaa navigaatiolle tms.).
	Huomioita	:
*/
#content #subpageColumnWide {
	margin-top: 5px;
	overflow: hidden;	/* "clear floats" */
	margin-bottom: 15px;
	padding-right: 25px;
	border-bottom: 1px solid #dbdbdb;
}



#content #subpageColumnWide img.left {
	float: left;
	margin: 0px 25px 15px 0px;
}

/*
	[FOOTER]
	
	Kuvaus		:Sivun alaosa eli footer. Etusivulla footerissa on myös yhteystiedot sekä banneri.
	Huomioita	:Osa-alueeseen kuuluvat "footerLeft", "footerRight" ja "footerBottom".
*/
#footer {
	overflow: hidden;	/* "clear floats" */
}

#footer h2 {
	color: #ffdc00;	/* Yhteystietojen keltainen otsikko */
}

#footer a:visited { color: #023b88; }

a.print {	/* "Tulosta sivu" -ikoni */
	background: url(../images/icon_print.gif) no-repeat left top;
	padding-left: 20px;
	padding-bottom: 1px;
}

/*
	[FOOTERLEFT]
	
	Kuvaus		:Etusivulla näkyvät yhteystiedot.
	Huomioita	:
*/
#footer #footerLeft {
	float: left;
	width: 49.2%;
	background-color: #2b5699;
}

#footer #footerLeft .inner {
	padding: 10px 10px 0 10px;
	border-left: 1px solid #38619f;
	border-right: 1px solid #38619f;
}

#footer #footerLeft p {
	color: #fff;
}

#footer #footerLeft a {
	color: #fff;
	font-weight: bold;
}

#footer #footerLeft a.mail { font-weight: normal; }	/* Poistetaan lihavointi email-osoitteesta */

#footer .left {
	float: left;
}

#footer .right {
	float: right;
}

/*
	[FOOTERRIGHT]
	
	Kuvaus		:Etusivun banneri.
	Huomioita	:
*/
#footer #footerRight {
	float: right;
	width: 49.2%;
}

#footer #footerRight .inner {
	border: 2px solid #b2d8f2;
	background-color: #c7e5fa;
	text-align: center;
}

/*
	[FOOTERBOTTOM]
	
	Kuvaus		:Kaikilla sivuilla näkyvä footerin alaosa, jossa sivun päiväys, copyright ja tulostus-linkki.
	Huomioita	:
*/
#footerBottom {
	clear: both;
	padding: 30px 0 0 0;
	text-align: right;
}

#footerBottom p {
	font-size: 1.1em;
	color: #666666;
}

/*
	[FRONTPAGELEFT]
	
	Kuvaus		:Etusivun vasen keltainen palsta.
	Huomioita	:
*/
#frontpageLeft {
	float: left;
	min-height: 147px;
	background: #ffffa1 url(../images/bg_frontpageleft.gif) repeat-x left top;
	width: 49.2%;
	margin-bottom: 15px;
	position: relative;
}

#frontpageLeft a {
	padding-right: 18px;
	background: url(../images/arrow_big.gif) no-repeat right center;
}

#frontpageLeft a:visited { color: #023b88; }

#frontpageLeft .corner1 {	/* Vasemman yläkulman pyöristys */
	background: url(../images/frontleft_corner1.gif) no-repeat left top;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#frontpageLeft .corner2 {	/* Oikean yläkulman pyöristys */
	background: url(../images/frontleft_corner2.gif) no-repeat left top;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0px;
	top: 0px;
}

#frontpageLeft .corner3 {	/* Vasemman alakulman pyöristys */
	background: url(../images/frontleft_corner3.gif) no-repeat left top;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#frontpageLeft .text {
	background: url(../images/bg_frontpageleft2.jpg) no-repeat right bottom;
	padding: 14px 15px 24px 15px;
	min-height: 119px;
	height: 119px;	/* IE6:sta varten */
}
*>#frontpageLeft .text { height: auto; }	/* IE6 ei ymmärrä tätä, uudet selaimet päivittävät korkeusmäärittelyn */
#content .limit {	/* Rajoitetaan frontpageLeft&Rightin .text-luokan sisällä olevaa tekstiä */
	width: 21em;
}

/*
	[FRONTPAGERIGHT]
	
	Kuvaus		:Etusivun oikea keltainen palsta.
	Huomioita	:
*/
#frontpageRight {
	float: right;
	min-height: 147px;
	background: #ffeb9c url(../images/bg_frontpageright.gif) repeat-x left top;
	width: 49.2%;
	margin-bottom: 15px;
	position: relative;
}

#frontpageRight a {
	padding-right: 18px;
	background: url(../images/arrow_big.gif) no-repeat right center;
}

#frontpageRight a:visited { color: #023b88; }

#frontpageRight .corner1 {	/* Vasemman yläkulman pyöristys */
	background: url(../images/frontright_corner1.gif) no-repeat left top;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#frontpageRight .corner2 {	/* Oikean yläkulman pyöristys */
	background: url(../images/frontright_corner2.gif) no-repeat left top;
	width: 10px;

	height: 10px;

	position: absolute;
	right: 0px;
	top: 0px;
}

#frontpageRight .corner3 {	/* Vasemman alakulman pyöristys */
	background: url(../images/frontright_corner3.gif) no-repeat left top;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

#frontpageRight .text {
	background: url(../images/bg_frontpageright2.jpg) no-repeat right bottom;
	padding: 14px 15px 24px 15px;
	min-height: 119px;
	height: 119px;	/* IE6:sta varten */
}
*>#frontpageRight .text { height: auto; }	/* IE6 ei ymmärrä tätä, uudet selaimet päivittävät korkeusmäärittelyn */

/*
	[FRONTPAGEMAIN]
	
	Kuvaus		:Etusivun pääsisältö.
	Huomioita	:Osa-alueeseen kuuluvat "corner1", "corner2", "title", "left" ja "right".
*/
#frontpageMain {
	border-top:1px solid #ccc;
	margin-bottom: 15px;
	overflow: hidden;	/* "clear floats */
	width: 100%;
    float:left;
    padding-top:15px;
}

#frontpageMain_2 {
		background: #fff url(../images/bg_frontpagemaincontent.gif) repeat-x top left;
		overflow: hidden;	/* "clear floats */
        float:left;
        width:75%;
}

#frontpageMain_2 #corner1 {	/* Vasemman yläkulman pyöristys */
	background: url(../images/bg_frontpagemainbit.gif) no-repeat top left;
	float: left;
	width: 15px;
	height: 15px;
}

#frontpageMain_2 #corner2 {	/* Oikean yläkulman pyöristys */
	background: url(../images/bg_frontpagemainbit2.gif) no-repeat top left;
	float: right;
	width: 15px;
	height: 15px;
}

#frontpageMain_2 #title {	/* Sisältölaatikon otsikko */
	padding-bottom: 10px;
}

#frontpageMain_2 #left {	/* Sisältölaatikon vasemmalla kelluva osa kuvaa varten */
	float: left;
	width: 235px;
	margin-bottom:-10px;
}

#frontpageMain_2 #right {	/* Sisältölaatikon kuvan oikealla puolella oleva tekstisisältö */
	margin-left: 236px;
	margin-top:-15px;
}

#frontpageMain_2 .leftColumn {	/* Sisältölaatikon vasen palsta */
	float: left;
	width: 49.2%;	/* 50% ja 50% ei toimi IE6:lla */
}

#frontpageMain_2 .rightColumn {	/* Sisältölaatikon oikea palsta */
	float: left;
	width: 49.2%;
}

/* Listaustyylit sisältölaatikkoon */
#content #frontpageMain_2 ul {
	margin: 0.8em 0 0 0;
	padding: 0;
}

#content #frontpageMain_2 ul li {
	list-style-type: none;
	background: url(../images/bg_listitem.gif) repeat-x left top;
	font-size: 1.2em;
	line-height: 2em;
}

#content #frontpageMain_2 ul li a { font-weight: bold; }

/*
	[INFOLAATIKKO]
	
	Kuvaus		:Alasisältösivuilla käytössä oleva infolaatikko, joka voi olla sekä palstan levyinen että pieni.
	Huomioita	:Toteutettu luokkana, jotta voidaan tarvittaessa käyttää samalla sivulla useita kertoja.
*/
.infobox {
	background: #f9f9f9 url(../images/bg_infobox.gif) repeat-x left top;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
	margin-bottom: 25px;
}

.small {	/* Pieni, tekstin seassa oleva infolaatikko */
	float: right;
	width: 38%;
	margin-left: 15px;
	margin-top: 0;
}

.infobox .innerbox {
	padding: 10px;
}

.small .innerbox {
	padding: 10px 15px;
}

.infobox p {
	color: #020202;
	font-size: 1.1em;
	line-height: 1.3em;
}

/* Infolaatikon sisällä olevan taulukon määritykset */
.infobox table.gridtable td {
	font-size: 1.2em;
	padding: 0.1em 1em 0.1em 0;
}

.infobox td {
	text-align: left;
	vertical-align: top;
}

.infobox .corner1 {	/* Infolaatikon vasen yläkulma */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 12px;
	height: 12px;
	background: url(../images/infobox_corner1.gif) no-repeat left top;
	margin-left: -1px;
}

.infobox .corner2 {	/* Infolaatikon oikea yläkulma */
	position: absolute;
	right: 0px;
	top: 0px;
	width: 12px;
	height: 12px;
	background: url(../images/infobox_corner2.gif) no-repeat left top;
	margin-right: -1px;
}

.infobox .corner3 {	/* Infolaatikon vasen alakulma */
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 12px;
	height: 12px;
	background: url(../images/infobox_corner3.gif) no-repeat left top;
	margin-left: -1px;

	margin-bottom: -1px;
}

.infobox .corner4 {	/* Infolaatikon oikea alakulma */
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 12px;
	height: 12px;
	background: url(../images/infobox_corner4.gif) no-repeat left top;
	margin-right: -1px;
	margin-bottom: -1px;
}

.infobox h6 {
padding-top:5px;
padding-left:20px;
margin-left:-5px;
background-image: url(../images/i.gif);
background-position:top left;
background-repeat:no-repeat;
}

/*
	[OIKOPOLKULAATIKKO]
*/

.oikopolkuja h5 {
	background-image: url(../images/o.png);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:1.5em;
	margin-top:0px;
	padding-top:2px;
	padding-left:26px;
	margin-bottom:6px;
	font-size:1.3em;
}

div.oikopolkuja p {
	font-size:1.2em;
	line-height:1.0em;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0em;
        padding-top:0;
        margin-top:5px;
	clear:both;
}
div.oikopolkuja p span {margin:0;padding-top:0;padding-bottom:7px;}

/*
	[MODALBOX, upotettu nostolaatikko]
*/

div.modal {background-color:#ffffff;width:440px;position:absolute;overflow:visible;font-size:0.9em;padding-top:5px;-moz-box-shadow:2px 2px 5px #999;-moz-border-radius:10px;
}
div.modal h1 {font-size:1.7em;line-height:1.8em;color:#02458d;margin-top:0px;margin-left:15px;margin-bottom:0;}
div.modal h1 a:visited{color:#02458d;}
div.modal h2 {font-size:1.5em;color:#444;}

div.modal_intro {background-color:#ffffff;margin-left:15px;margin-right:5px;margin-top:25px;}
div.modal_intro p {font-size:1.3em;line-height:1.3em;}
div.modal_intro img {margin-left:3px;}

div.modal_content {display: none; overflow: visible;margin-top:-2px;}

div.modal div.links_section {float:left;width:235px;padding-bottom:10px;padding-right:5px;background-color:#ffffff;}

div.modal div.links_popular {float:right;width:180px;padding-left:15px;padding-top:5px;background-color:#ffffff;right:0px;
background: #f9f9f9 url(../images/bg_infobox.gif) repeat-x left top;border-left:1px solid #efefef}

div.links_section img {height:53px;float:left;}
div.links_section h2 {margin-left:15px;margin-top:10px;}

div.links_popular h5 {font-size:1.5em;margin-bottom:15px;margin-top:10px;}
div.modal div.infobox{position:static;}
div.links_popular div.oikopolkuja{background:none;border:none;padding-bottom:0px;margin-bottom:0px;}
div.links_popular div.innerbox{margin-top:0px;padding-top:5px;padding-bottom:0px;margin-bottom:0px;}

div.links_section a, div.links_section a:visited{text-decoration:none;color:#02458d;display:block;width:100%;padding-bottom:0px;font-size:1.4em;font-weight:bold;}

div.links_popular a, div.links_popular a:visited{text-decoration:none;line-height:1.6em;color:#02458d;display:block;width:100%;padding-bottom:5px;font-size:1.2em;padding-right:5px;padding-left:0px;padding-right:20px;}

div.links_section a span.description{display:block;font-size:0.9em;font-weight:normal;line-height:1.1em;color:#555;margin-left:15px;padding-bottom:8px;}
div.links_popular a span.external{display:block;font-size:0.9em;font-weight:normal;line-height:1.1em;color:#888;margin-left:0px;padding-bottom:4px;margin-top:2px;}

div.links_section a span.heading{display:block;padding-top:8px;padding-bottom:8px;padding-left:15px;}

div.links_section a:hover{background-color:#ffe996;display:block;background-image:url(../images/modal_shadow.png);background-repeat:repeat-x; background-position:bottom;text-decoration:none;margin-left:-3px;padding-left:3px;}

div.links_popular a:hover{text-decoration:underline;}

div.modal a.modal_hide {
	position:absolute;
	top:5px;
	right:20px;
	font-size:1.2em;
	line-height:1.5em;
	margin-left:10px;
	float: right;
}
a.modal_hide {
	cursor:pointer;
	color:#02458d;
	text-decoration:none;
	font-size:1.0em;
	line-height:1.2em;
	display:none;
	float:right;
	}
a:visited.modal_hide {color:#02458d;}
a.modal_hide:hover{text-decoration:underline;}


div.modal a.modal_show {
        position:absolute;
        top:5px;
        right:20px;
	font-size:1.2em;
	line-height:1.5em;
	margin-left:10px;
}
a.modal_show {
	cursor:pointer;
	color:#02458d;
	text-decoration:none;
	font-size:1.0em;
	line-height:1.2em;
	}
a:visited.modal_show {color:#02458d;}
a.modal_show:hover{text-decoration:underline;}


div a.modal_frontpage {}

div.modal_lift{background-color:#efefef;height:130px;position:absolute;width:185px;left:265px;bottom:0;-moz-border-radius:0px 0px 5px 0px;padding:10px;}
div.modal_lift h2{margin:0;margin-bottom:10px;}
div.modal_lift p{margin:0;}

.search{bottom:10px;position:absolute;}

span.modal_box{width:470px;position:absolute;margin-left:-5px;margin-top:-6px;background-color:#ffffff;}

/*
	[LOMAKKEET]
	
	Kuvaus		:Sivustolla käytettävien lomakkeiden määrittelyjä.
	Huomioita	:Lomake-elementtien ulkoasuun (fontteihin, väreihin, reunuksiin) ei juurikaan puututa.
*/
input, select, textarea {
	font-size: 1.2em;
}


form fieldset {
	border: 1px solid #999999;
	font-size: 1.2em;
	padding-top: 0.5em;
	padding: 10px;
	padding-top: 0px;
}

form fieldset label {
	font-weight: bold;
}

form fieldset legend {
	font-weight: bold;
	color: #000;
}

form fieldset input, form fieldset textarea, form fieldset select {
	margin: 0.4em 0;
}

form .send {
	clear: both;
	margin-top: 15px;
	overflow: hidden;	/* "clear floats" */
}

form .send .left {
	width: 49.2%;
	float: left;
}

form .send .right {
	width: 49.2%;
	float: right;
}

form .error { color: #f00; }




/***********************************************************************************/

.bannerBox{float:right;width:23%;margin:0;padding:0;font-size:1.2em;}
.hilightBox{width:49%;float:left;margin-bottom:1em;min-height:20em;}
.floatingBox{width:49%;float:right;margin-bottom:1em;}
.floatingBox h4,
#content #frontpageMain .floatingBox ul{padding-right:2.5em;}
.more{text-align:left;margin-top:8px;}

.extLinkCont {
	color: #999999;
}

.extLinkCont a,
.extLinkCont a:link,
.extLinkCont a:visited,
.extLinkCont a:hover,
.extLinkCont a:active {
	display: block;
	color: #999999;
}


/***********************************************************************************/
.hilight_left{
	margin-bottom:1em;
}
#subpageColumn .userContent{
	padding-bottom:1em;
	padding-top: 5px;
	padding-right: 25px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom:2em;
}


/**************************************/
/* clearing commands */

#subnavigation ul:after,
.clearfix:after {content:".";display:block;height:0;clear: both;visibility: hidden;}

#subnavigation ul,
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html #subnavigation ul,
* html .clearfix {height:1%;}

#subnavigation ul,
.clearfix {display:block;}
/* End hide from IE-mac */
/**************************************/

#subnavigation ul,
#subnavigation ul li{
	list-style:none;
	padding:0;
	margin:0;
}
#subnavigation ul li{
	float:left;
	text-align:center;
}
.subnav_webstore{
	width:19%;
}

.subnavCount_1 ul li{width:99.5%;}
.subnavCount_2 ul li{width:49.7%;}
.subnavCount_3 ul li{width:33.1%;}
.subnavCount_4 ul li{width:24.8%;}
.subnavCount_5 ul li{width:19.9%;}
.subnavCount_6 ul li{width:16.5%;}
.subnavCount_7 ul li{width:14.2%;}
.subnavCount_8 ul li{width:12.4%;}
.subnavCount_9 ul li{width:11.0%;}
.subnavCount_10 ul li{width:9.9%;}
.subnavCount_11 ul li{width:9.0%;}

#subnavigation li a span{display:block;}
#subnavigation .w1{background: #a8d2f1 url(../images/bg_subnavi_big1.gif) left top no-repeat;} 
#subnavigation .w2{background: transparent url(../images/bg_subnavi_big2.gif) right top no-repeat;}
#subnavigation .w3{background: transparent url(../images/bg_subnavi1.gif) left bottom no-repeat;}
#subnavigation .w4{background: transparent url(../images/bg_subnavi2.gif) right bottom no-repeat;}
#subnavigation .img{padding-top:10px;}
#subnavigation .txt{line-height:26px;font-size:1.2em;white-space:nowrap;}

#subnavigation a:hover .w1{background-color:#fff57b; background-image: url(../images/bg_subnavi_big_selected1.gif);}
#subnavigation a:hover .w2{background-image: url(../images/bg_subnavi_big_selected2.gif);}
#subnavigation .selected a .w3,
#subnavigation a:hover .w3{background-image: url(../images/bg_subnavi_hover1.gif);}
#subnavigation .selected a .w4,
#subnavigation a:hover .w4{background-image: url(../images/bg_subnavi_hover2.gif);}

#subnavigation .subPage .selected a .w3,
#subnavigation .subPage a:hover .w3{background-image: url(../images/bg_subnavi_selected1.gif);}
#subnavigation .subPage .selected a .w4,
#subnavigation .subPage a:hover .w4{background-image: url(../images/bg_subnavi_selected2.gif);}

/**************************************/
.infobox{clear:right;}
/**************************************/
/* print* /
#header,
#subpageLeft,
#shortcuts,
.print{display:none;visibility:hidden;}
#content #subpageColumn {margin:0;}
/**/

table.filelisting {
	width: 100%;border-collapse:separate;table-layout: fixed;
}

table.filelisting .fileinfo{
	width: 13%;
	white-space:nowrap;
}

table.filelisting .description{
	width: 70%;
}

table.filelisting .date{
	width: 15%;
}


#content ul.searchlist {
	padding: 0 0 1.2em 0,8em;
	line-height:100%;
}

#content .searchlist li {
	padding-bottom:30px;
	line-height:1.5em;
	list-style:none;
}
#content .searchlist span {
	padding-right:10px;
	font-weight:normal;
	margin-left:-20px;

}


#quicklinklifts {
    margin-left:15px;
    margin-top:15px;
    margin-bottom:-25px;
}

#quicklinklifts h6 {
	background-image: url(../images/o.png);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:1.5em;
	margin-top:0px;
	padding-top:2px;
	padding-left:23px;
	margin-bottom:6px;
	font-size:1.3em;
}

#quicklinklifts a {font-weight:normal;line-height:1.5em;}

/* Newsletter order starts from here */



.newsletterOrder div {
	margin: 10px 0;
}

label.label700 {
	font-weight: bold;
}

.newsletterOrder label {
	font-size: 1.2em;
}

.newsletterOrder p label {
	font-size: 1em;
}


.manageNewsletters button{
	padding: 2px 10px;
}

.newsletterAdminRCBox .bg_newsletterAdminRCBox1{
	background: url(../images/bg_newsletterAdminBox.png) left top repeat-x;
	zoom: 1;
}

.newsletterAdminRCBox .bg_newsletterAdminRCBox2{
	background: url(../images/bg_newsletterAdminBox.png) left bottom repeat-x;
}

.newsletterAdminRCBox .bg_newsletterAdminRCBox3{
	background: url(../images/bg_newsletterAdminBox.png) left top repeat-y;
}

.newsletterAdminRCBox .bg_newsletterAdminRCBox4{
	background: url(../images/bg_newsletterAdminBox.png) right top repeat-y;
}

.newsletterAdminRCBox .bg_newsletterAdminRCBox5{
	background: url(../images/bg_newsletterAdmin_lt.png) left top no-repeat;
}

.newsletterAdminRCBox .bg_newsletterAdminRCBox6{
	background: url(../images/bg_newsletterAdmin_rt.png) right top no-repeat;
}

.newsletterAdminRCBox .bg_newsletterAdminRCBox7{
	background: url(../images/bg_newsletterAdmin_lb.png) left bottom no-repeat;
}

.newsletterAdminRCBox .bg_newsletterAdminRCBox8{
	background: url(../images/bg_newsletterAdmin_rb.png) right bottom no-repeat;
}




.newsletterAdminRCBox.newGroup{
	background: #ffffff url(../images/bg_newLetterlist.png) left bottom repeat-x;
}

.newsletterAdminRCBox.browseSubscribers{
	background: #ffffff url(../images/bg_searchList.png) left bottom repeat-x;
	margin: 10px 0 20px 0;
}

.newsletterAdminRCBox.subscribers{
	background: #ffffff url(../images/bg_subscriber.png) left bottom repeat-x;
	margin: 3px 0;
}

.newsletterAdminRCBox.newGroup p, .newsletterAdminRCBox.subscribers p{
	margin: 0;
}

p.chosenNewsList{
	padding: 3px 10px;
	font-weight: bold;
	background-color: #f0f0f0;
}

p.chosenNewsList span{
	float: right;
}

p.chooseAll {
	padding-left: 10px;
	font-weight: bold;
	margin: 0;
}

p.chooseAll input{
	vertical-align: middle;
}

.newsletterAdminRCBox.newGroup input{
	width: 200px;
	color: #a8a8a8;
}

.newsletterAdminRCBox.newGroup .bg_newsletterAdminRCBox8{
	padding: 8px 10px;
}

.newsletterAdminRCBox.browseSubscribers .bg_newsletterAdminRCBox8{
	padding: 25px 10px;
	zoom: 1;
}

.newsletterAdminRCBox.subscribers .bg_newsletterAdminRCBox8{
	padding: 2px 10px;
}

.manageNewsletterGroups{
	font-size: 1.2em;

}
.manageNewsletterGroups select{
	width: 200px;
}

.manageNewsletterGroups th, .manageNewsletterGroups td{
	text-align: left;
	padding-left: 10px;
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}

.manageNewsletterGroups th{
	font-weight: bold;
	padding-bottom: 20px;
}

.manageNewsletterGroups .leftSideCell {
	border-right: 1px solid #dfdfdf;
	padding-right: 10px;
	padding-left: 0;
	width: auto;
}

*>.manageNewsletterGroups th, .manageNewsletterGroups td{
	padding-left: 8em;
}

*>.manageNewsletterGroups .leftSideCell {

	padding-right: 8em;
	padding-left: 0;
}

.manageNewsletterGroups .rightSideCell {
	padding-left: 0;
}

.manageNewsletterGroups .buttonContainer {
	text-align: right;
	padding-top: 20px;
}

.subscribers .subscriberEmail {
	padding-left: 10em;
}

.newsletterAdminRCBox.subscribers input{
	vertical-align: middle;
}


/*********************************************/
/* Etusivun toissijaisen uutisnoston banneri */
/*********************************************/

.banner_item a{text-decoration:none;color: #023b88;cursor:pointer;}
.banner_item a:hover{text-decoration:none;color: #023b88;cursor:pointer;}
.banner_item a:visited {text-decoration:none;color: #023b88;}
.banner_item a:hover .bgbt{background-image: url(../images/ban_l_bg_bt_y.gif);text-decoration:none;}
.banner_item a:hover .bgtp{background-image: url(../images/ban_l_bg_tp_y.gif);text-decoration:none;}
.banner_item {width:100%;position:relative;margin:0;padding:0;margin-top:5px;}
.banner_item dt {
	background-image:url(../images/ban_l_bg_tp.gif);
	background-repeat:no-repeat;
	font-size:1.0em;
	font-weight:bold;
	height:22px;
	padding-left:10px;
	padding-top:6px;
        line-height:1.2em;
	
}

.banner_item .bgbt {
	background-image:url(../images/ban_l_bg_bt.gif);
	background-repeat:no-repeat;
	font-size:1.0em;
	line-height:1.3em;
	font-weight:normal;
	height:50px;
	margin:0;
	padding-left:10px;
	padding-top:10px;
	padding-right:5px;
	margin-top:-6px;
}

.banner_item .bgbtfull {
	background-image:url(../images/ban_l_bg_bt.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size:1.0em;
	line-height:1.3em;
	font-weight:normal;
	height:auto;
	min-height: 6px;
	margin:0;
	padding-left:10px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom: 12px;
	margin-top:-6px;
}

.banner_item .bgfull {
	background-image:url(../images/ban_l_bg_mid.gif);
	background-repeat:repeat-y;
	font-size:1.0em;
	line-height:1.3em;
	font-weight:normal;
	height:auto;
	margin:0;
	padding-left:10px;
	padding-top:10px;
	padding-right:5px;
	margin-top:-6px;
}

.banner_item a:hover .bgbtfull{background-image: url(../images/ban_l_bg_bt_y.gif);text-decoration:none;}
.banner_item a:hover .bgfull{background-image: url(../images/ban_l_bg_mid_y.gif);text-decoration:none;}

.banner_item img {
	position:absolute;
	background-repeat:no-repeat;
	right:6px;
	top:-10px;
	border:none;
}

.banner_item dt span {
	background:url(../images/arrow.gif) no-repeat right center;
	padding-right: 12px;
	height:auto;
}

div.banner_item.first {
	margin-bottom: 14px;
}

/* FRONTPAGE SV,EN,RU */

#frontpageMain_lang {
	clear: both;
	margin-bottom: 15px;
	background: #fff url(../images/bg_frontpagemaincontent.gif) repeat-x top left;
	overflow: hidden;	/* "clear floats */
	width: 100%;
}

#frontpageMain_lang  #corner1 {	/* Vasemman yläkulman pyöristys */
	background: url(../images/bg_frontpagemainbit.gif) no-repeat top left;
	float: left;
	width: 15px;
	height: 15px;
}

#frontpageMain_lang  #corner2 {	/* Oikean yläkulman pyöristys */
	background: url(../images/bg_frontpagemainbit2.gif) no-repeat top left;
	float: right;
	width: 15px;
	height: 15px;
}

#frontpageMain_lang  #title {	/* Sisältölaatikon otsikko */
	padding-bottom: 15px;
}

#frontpageMain_lang  #left {	/* Sisältölaatikon vasemmalla kelluva osa kuvaa varten */
	float: left;
	width: 263px;
}

#frontpageMain_lang  #right {	/* Sisältölaatikon kuvan oikealla puolella oleva tekstisisältö */
	margin-left: 263px;
}

#frontpageMain_lang  .leftColumn {	/* Sisältölaatikon vasen palsta */
	float: left;
	width: 49.2%;	/* 50% ja 50% ei toimi IE6:lla */
}

#frontpageMain_lang  .rightColumn {	/* Sisältölaatikon oikea palsta */
	float: left;
	width: 49.2%;
}

/* Listaustyylit sisältölaatikkoon */
#content #frontpageMain_lang  ul {
	margin: 0.8em 0 0 0;
	padding: 0;
}

#content #frontpageMain_lang  ul li {
	list-style-type: none;
	background: url(../images/bg_listitem.gif) repeat-x left top;
	font-size: 1.2em;
	line-height: 2em;
}

#content #frontpageMain_lang  ul li a { font-weight: bold; }


/* Announcement additions */

#announcement_body{
    background-color:#fff;
    position:relative;
    clear:both;
    width:100%;
    overflow:hidden;

}
#announcement_content,#announcement_lift{margin:0;float:left;position:relative;}
.announcement_left,.announcement_right{
    float:left;
    position:relative;
    width:99%;
}
.announcement_left{
    right:25%;
    background:#fff;
}
.announcement_right{
    background:#eee;
}
#announcement_content {
    width:72%;
    left:25.5%;
}
#announcement_lift {
    width:24%;
    left:28%;
    padding:5px;
}
span.pdate{color:#555;padding-bottom:0px;display:block;float:right;margin-right:10px;padding-left:5px;}



a.rss_feed {float:right;display:block;margin-bottom:10px;background-image:url(../images/ban_r_rss_small.png);background-position:right top;background-repeat:no-repeat;line-height:22px;padding-right:28px;margin-right:5px;}

/* TULLIWEB-290 */

html body span.line-reset {
	display: inline-block;
	line-height: normal;
	clear: none;
	float: none;
}

html body span.line-float-left {
	float: left;
}

html body span.line-float-right {
	float: right;
}

html body span.line-valign-middle {
	vertical-align: middle;
}

html body div.footer-suosituimmat-container {
	padding-top: 14px;
	padding-bottom: 14px;
}

html body span.footer-suosituimmat-heading {
	font-size: 28px;
	color: white;
}

a.footer-link-terms-of-use {
	line-height: 20px;
}

/* TULLIWEB-295 */

#frontpageMain_2.language-ru,
#frontpageMain_2.language-en {
	width: 100%;
}