body, html {
	margin: 0px;
	padding: 0px;
}

.colbgleft {
	background-image: url(../images/content_divider.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 20px;
}

body {
	behavior:url("/www/css/csshover.htc");
}

h1 {
	font-size: 160%;
	color: #375f9d;
	margin-top: 0px;
	margin-bottom: 10px;
}

h2 {
	font-size: 150%;
	color: #898989;
	margin-bottom: 10px;
	margin-top: 3px;
}

#leftlift h2 {
	font-size: 150%;
	color: #375f9d;
	margin-bottom: 10px;
	margin-top: 3px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	color: #898989;
}

div.content a {
	color: #375f9d;
	text-decoration: none;
}

div.content a:hover {
	color: #000000;
	text-decoration: none;
}

div.pagecontentactions {
	margin-bottom: 30px;
}

div.pagecontentactions table {
	margin: 0px auto;
}

div.pagecontentactions a {
	color: #8a8a8a;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

div.pagecontentactions a:hover {
	color: #33619d;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}

div.clear {
	clear: both;
}

.imgfloatleft {
	float: left;
	margin-right: 30px;
}

div#header {
	background-image: url(../images/header_back.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 124px;
}

/*** SIVUStON LEVEYS ***/

div#footercontent, div#contentwrap, div#banneri, div#mainnavi, div#top {
	margin: 0px auto;
	width: 740px;
}

/*** YLÄPALKKI ***/

div#top {
	height: 83px;
}

div#logo {
	float: left;
	background-image: url(../images/uusilogo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 57px;
	width: 225px;
	margin-top: 25px;
	margin-left: 18px;
}

div#lang {
	float: left;
	width: 200px;
	margin-left: 100px;
	text-align: right;
	padding-top: 30px;
	color: #acacac;
	line-height: 21px;
}

div#lang a {
	font-weight: normal;
	font-size: 90%;
	color: #acacac;
	text-decoration: none;
}

div#lang a:hover {
	color: #3866de;
}

div#search {
	float: right;
	padding-top: 30px;
	color: #acacac;
	font-weight: bold;
	font-size: 90%;
	line-height: 21px;
}

div#search input.text {
	font: 10px verdana;
	color: #acacac;
	background: #ffffff;
	border: solid 1px #acacac;
	vertical-align: middle;
	margin-left: 5px;
	padding: 3px;
}

div#search input.submit {
	font: 10px verdana;
	color: #acacac;
	background: #ffffff;
	border: solid 1px #acacac;
	vertical-align: middle;
	margin-left: 5px;
	padding: 2px;
}

/*** PÄÄVALIKKO ***/

div#mainnavi {
	height: 41px;
}

div#mainnavi ul.mainnavi {
	padding: 0px;
	margin: 0px;
	padding-top: 5px;
	list-style-type: none;
}

div#mainnavi ul.mainnavi li {
	float: left;
	display: block;
	position: relative; /*Määrittää dropdown-valikon alemmat tasot menemään kyseisen parent-itemin sijainnin mukaan*/
}

div#mainnavi ul.mainnavi li a {
	display: block;
	float: left;
	padding-left: 9px;
	padding-right: 9px;
	line-height: 31px;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/mainnavi_divider.gif);
	background-position: right;
	background-repeat: no-repeat;
}

div#mainnavi ul.mainnavi li a.last, div#mainnavi ul.mainnavi li a.last_current {
	background: none;
}

div#mainnavi ul.mainnavi li a.current {
	color: #548cc7;
}

div#mainnavi ul.mainnavi li a:hover, div#mainnavi ul.mainnavi li a.current:hover {
	color: #548cc7;
}

/*** MAINNAVI DROPDOWN ***/

/*Alemmat valikkotasot*/
#mainnavi ul.mainnavi ul li {
	width: 180px;
	padding: 2px;
	margin: -1px;
	background-color: #ffffff;
	color: #000000;
	font-size: 95%;
	background-image: url(../images/mainnavi_divider.gif);
	background-repeat: repeat-y;
	background-position: top left;
}

#mainnavi ul.mainnavi ul li ul li {
	background-image: none;
}

/*Linkit alemmilla valikkotasoilla*/
div#mainnavi ul.mainnavi ul li a {
	line-height: 16px;
	display: block;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: none;
}

/* second-level lists */
div#mainnavi li ul {
	position: absolute;
	margin: 0px;
	padding: 0px;
	margin-top: 31px;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
div#mainnavi ul.mainnavi li ul ul { 
	margin-top: 0px;
	margin-left: 180px;
}

div#mainnavi ul.mainnavi li:hover ul ul,
div#mainnavi ul.mainnavi li:hover ul ul ul {
	left: -999em;
}

/* lists nested under hovered list items */
div#mainnavi ul.mainnavi li:hover ul,
div#mainnavi ul.mainnavi li li:hover ul,
div#mainnavi ul.mainnavi li li li:hover ul {
	left: 0px;
}

div#mainnavi a:hover {
	color: #548cc7;
}

/*** BANNERI ***/

div#banneri {
	background-image: url(../images/esmerk_backup.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 130px;
	width: 740px;
}

/*** FOOTERI ***/

div#footer {
	background-image: url(../images/footer_back.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height: 65px;
	clear: both;
}

div#footercontent {
	padding-top: 30px;
	padding-left: 40px;
	color: #898989;
}

div#footercontent a {
	color: #898989;
	text-decoration: none;
}

div#footercontent a:hover {
	color: #4A81C2;
	text-decoration: none;
}
/*** PÄÄSISÄLLÖT ***/

/*TÄYSILEVEÄSIVU*/
div#onecol {
	padding-left: 20px;
	width: 720px;
	margin-top: 20px;
}

div#onecol #maincontent {
	width: 720px;
}

/*NAVI/NOSTO + YKSI PALSTA*/
div#leftlift_onecol {
	padding-left: 20px;
	width: 720px;
	margin-top: 20px;
}

div#leftlift_onecol #maincontent {
	width: 495px;
	float: left;
}

/*YKSI PALSTA + NOSTO*/

div#rightlift_onecol {
	padding-right: 20px;
	width: 720px;
	margin-top: 20px;
}

div#rightlift_onecol #maincontent {
	padding-right: 20px;
	width: 475px;
	float: left;
}


/*CONTENT*/
div.content {
	padding-bottom: 20px;
	background-image: url(../images/content_divider.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin-bottom: 20px;
}

div#rightlift_onecol div#maincontent .twocols .one,
div#rightlift_onecol div#maincontent .twocols .two,
div#leftlift_onecol div#maincontent .twocols .one,
div#leftlift_onecol div#maincontent .twocols .two {
	width: 225px;
}

div#onecol div#maincontent .twocols .one,
div#onecol div#maincontent .twocols .two {
	width: 347px;
}

div#maincontent .twocols .one {
	float: left;
	margin-right: 12px;
	background-image: none;
	background-position: bottom left;
	background-repeat: repeat-x;
}

div#maincontent .twocols .two {
	float: right;
	margin-left: 12px;
	background-image: none;
	background-position: bottom left;
	background-repeat: repeat-x;
}

/*** SISÄLLÖN MUOTOILU ***/

/*Asiakaslehtisivu*/
div.content div.asiakaslehti p.title {
	font-size: 110%;	
	font-weight: bold;
	color: #0081c3;
	margin-top: 20px;
}

div.content div.asiakaslehti img {
	border: none;
	float: right;
}

div.content div.asiakaslehti ul {
	margin-top: 20px;
	margin-left: 15px;
	padding: 0px;
	float: left;
	width: 200px;
	list-style-type: none;
}

div.content div.asiakaslehti ul li {
	color: #000000;
	line-height: 1.5em;
	padding: 0px;
background-image:url(../images/lehtibullet.gif);
background-position:0px 7px;
background-repeat:no-repeat;
color:#000000;
line-height:1.5em;
list-style-type:none;
padding:0px 0px 0px 10px;
}

div.content div.asiakaslehti ul ul {
	margin-top: 0px;
}

div.content div.asiakaslehti ul ul li {
	margin-left: 10px;
	color: #000000;
	line-height: 1.5em;
}

div.content .luelisaa {
	font-weight: bold;
	color: #0081c3;
	text-decoration: none;
}

div.content .luelisaa:hover {
	font-weight: bold;
	color: #005b89;
	text-decoration: none;
}

div.content ul.pagemap {
	float: none;
	margin: 5px;
}

div.content ul.pagemap li {
	float: none;
	margin: 5px;
	font-weight: bold;
}

div.content ul.pagemap ul li {
	float: none;
	margin: 5px;
	font-weight: normal;
}

div.content ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
}

div.content ul li {
	color: #000000;
	background-image: url(/www/images/listbullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;

}

div.content ul li a {
	text-decoration: none;
	color: #0180c5;
}

div.content ul li a:hover {
	text-decoration: underline;
	color: #0180c5;
}

#rightlift ul, #leftlift ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: none;
}

#rightlift ul li, #leftlift ul li {
	font-size: 90%;
	color: #4a81c2;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
	background-image: none;
}

#rightlift ul li a, #leftlift ul li a{
	color: #4a81c2;
	font-weight: bold;
	text-decoration: none;
}

#rightlift ul li a:hover, #leftlift ul li a:hover {
	color: #4a81c2;
	font-weight: bold;
	text-decoration: underline;
}

/*** VASENNOSTO ***/
div#leftlift {
	margin-right: 19px;
	width: 206px;
	float: left;
}

div#leftlift .content {
	margin-bottom: 20px;
}

div#leftlift .content img {
	border: none;
}

/*Vasennavi*/
ul#leftnavi {
	margin: 0px;
	padding: 0px;
	list-style-type: 0px;
}

ul#leftnavi, ul#leftnavi ul, ul#leftnavi ul ul {
	float: none;
}

ul#leftnavi li {
	display: block;
	width: 206px;
	padding: 0px;
	margin: 0px;
}

ul#leftnavi li a {
	display: block;
	background-image: url(../images/leftnavi_normal.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	line-height: 25px;
	padding-left: 23px;
	font-size: 110%;
	color: #8a8a8a;
	text-decoration: none;
	font-weight: normal;
}

ul#leftnavi li a.current {
	color: #33619d;
	font-weight: bold;
}

ul#leftnavi li ul li a {
	padding-left: 25px;
	background-position: 10px 10px;
	background-image: url(../images/leftnavi_lower_normal.gif);
}

ul#leftnavi li ul li ul li a {
	padding-left: 35px;
	background-position: 20px 10px;
	background-image: url(../images/leftnavi_lower_normal.gif);
}

ul#leftnavi li a:hover,
ul#leftnavi li a.current:hover {
	color: #33619d;
	background-image: url(../images/leftnavi_over.gif);
	text-decoration: none;
}

ul#leftnavi li a:hover {
	font-weight: normal;
}

ul#leftnavi li a.current:hover {
	font-weight: bold;
}

ul#leftnavi li ul li a:hover,
ul#leftnavi li ul li a.current:hover,
ul#leftnavi li ul li ul li a:hover,
ul#leftnavi li ul li ul li a.current:hover {
	color: #33619d;
	background-image: url(../images/leftnavi_lower_over.gif);
	text-decoration: none;
}

/*** OIKEANOSTO ***/

div#rightlift {
	margin-left: 19px;
	width: 206px;
	float: left;
}

div#rightlift .content {
	margin-bottom: 20px;
}

div#rightlift .content img {
	border: none;
}

/*** PALAUTELOMAKE ***/
/**
 * default CSS used in meForm public mode
**/

td.meFormSubmitCol {
	text-align: right;
}

div.meFormPublicWrapper {
}

table.meFormPublicTable td.meFormPublicTitle {
	text-align: left;
	padding-right: 5px;
	width: 257px;
	vertical-align: top;
}

table.meFormPublicTable input, table.meFormPublicTable textarea {
	font: 10px verdana;
	padding: 2px;
}

table.meFormPublicTable input.meFormSubmit {
	padding: 4px 20px;
	margin-top: 10px;
	font: bold 10px verdana;
}

div.meFormErrorDialog {

}

div.meFormErrorTitle {
	font-weight: bold;
	color: #cc0000;
}

div.meFormErrorEntry {

}

table.meFormPublicTable input,
table.meFormPublicTable textarea {
	background: #ffffff;
	border: solid 1px #adadad;
}


/* Esmerk RSS -wrapper */
div.esmerkrsswrapper .esmRssButton {
	font-weight: bold;
	color: white;
	background-color: #FF8C00;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

div.esmerkrsswrapper A.esmRssButton:visited {
	color: white;
}

div.esmerkrsswrapper A.esmRssButton:hover {
	color: gray;
}

div.esmerkrsswrapper .esmIndexTitle {
	color: #000066;
	font-family: Tahoma,Helvitica,sans-serif;
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 2px;
}
table.taulukko td{
	line-height:11px;
}