/* 15983 */
/****** zone width ******/

div#zone-_c_21933_2 { width: 273px }
div#zone-_c_21933_1 { width: 273px }

/****** app1/jsc *****/



/****** app2/jsc *****/



/****** app3/jsc *****/



/****** customstyle ******/



/* ==== YLEINEN ==== */

* {
    margin: 0;
  }

html, body {
	height: 100%;
	}

div#container {
	min-height: 600px;
	width: 930px;
	}

h1, h2, h3, h4, h5, p, a, li, table, body, html, span {
	letter-spacing: 0 !important;
	}

div#main,
div.Ft,
div#header,
div#main div#header div.Hd {
    width: 930px !important;
    }

div#main {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -290px; /* the bottom margin is the negative value of the footer's height */
    }

div.Ft {
    margin: 0 auto;
   	}


div#content div#container {
    padding: 30px 0 0 0;
    margin: 0 0 90px 0;
    }

div.hiddendd form select {
    width: 220px !important;
    margin-bottom: 20px;
    }

div#content-main {
	float: left;
	padding: 0;
	margin: 0;
	*margin: -114px 0 0 0;
	}

div#content-left {
	float: right;
	padding: 0;
	margin: 70px 0 0 0;
	}

body {
    background: #fff url(/res/images/background.png) repeat-x !important;
	}

div#content div#container {
	background: transparent !important;
	}

h1.pageTitle {
	padding: 0;
	margin: 43px 0 70px 0;
	}










/* ==== PAAVALIKKO ==== */

table.topmenucontainer ul li {
   	width: 110px;
  	text-align: center;
	padding: 0;
	margin: 0;
	}

table.topmenucontainer ul li:hover ul,
table.topmenucontainer ul li.hover ul {
	display: none !important;
	}

table.topmenucontainer ul li.level1-onpath ul {
	display: block !important;
	position: absolute;
	width: 900px;
	margin: 10px 0 0 0;
	}

table.topmenucontainer ul li ul li a:hover {
    text-decoration: underline !important;
	}

table.topmenucontainer ul li ul li.level2-onpath a:hover {
    text-decoration: none !important;
	}

table.topmenucontainer ul li.menu-page-17994 ul { left: -110px !important; *left: 0 !important; }
table.topmenucontainer ul li.menu-page-17998 ul { left: -220px !important; *left: 0 !important; }
table.topmenucontainer ul li.menu-page-18002 ul { left: -330px !important; *left: 0 !important; }
table.topmenucontainer ul li.menu-page-18006 ul { left: -440px !important; *left: 0 !important; }

table.topmenucontainer ul li.level1-onpath ul li {
    display: block !important;
   	float: left;
	margin: 0;
	padding: 0;
	width: auto !important;
	}

table.topmenucontainer ul li.level1-onpath ul li a {
    color: #000 !important;
	margin: 0;
	font-size: 11px !important;
	padding: 0;
	}

table.topmenucontainer ul li.level1-onpath ul li.level2-onpath a {
	font-weight: bold !important;
	}

table.topmenucontainer ul li.level1-onpath a.level1-onpath {
	background: transparent url(/res/images/selected.png) repeat-x !important;
	}

table.topmenucontainer ul li a {
	margin-bottom: -1px !important;
	padding: 14px 10px 14px 10px !important;
	}

table.topmenucontainer ul li a:hover {
    color: #f3f3a1 !important;
	}








/* ==== SIVUVALIKKO ==== */

div.sidemenucontainer {
	display: none;
	}










/* ==== FOOTER ==== */

div#footer, div#push {
    height: 250px;
  	}

div#footer {
    padding: 70px 0 20px 0;
    width: 100%;
    background: #414141;
    }

div#footer div.Ft {
	position: relative;
}

div#footer div#sharebox {
	position: absolute;
	background: #414141;
	top: -95px;
	left: 0px;
	color: #eee;
	padding: 4px 2px;
	padding-top: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

div#footer div#sharebox a {
	color: #fff;
}

div#footer div.footer_block {
    margin: 0 36px 0 0;
    padding: 0;
	float: left;
	display: block;
	width: 200px;
    }

div#footer div.footer_block_last {
    margin: 0 0 0 20px;
    }


div#footer div.row2 {
	display: block;
	float: right;
	width: 400px;
	}

div#footer div.footer_block img {
    margin: 0 15px 10px 0;
	padding: 0;
	float: left;
	display: block;
    }

div#footer div.footer_block p {
	color: #a3a3a3 !important;
	font-size: 12px;
	line-height: 19px;
	margin: 0 0 15px 0;
	padding: 0;
	}

div#footer div.footer_block a,
div#footer div.footer_block p span {
	color: #dee040 !important;
	text-decoration: none !important;
	}

div#footer div.footer_block a:hover {
   	text-decoration: underline !important;
	}

div#footer div.footer_block h5 {
	color: #fff !important;
	font: 16px Helvetica, 'Helvetica Neue', Arial, Verdana, Sans-serif;
	font-weight: bold;
	letter-spacing: -1px !important;
	line-height: 19px;
	margin: 0 0 15px 0;
	}

div#footer div.footer_block ul {
	margin: 0;
	padding: 0;
	list-style-position: inside !important;
	list-style-type: square !important;
	}

div#footer div.footer_block ul li {
    margin: 0;
	padding: 6px 0;
	border-bottom: 1px solid #545454;
	}

div#footer div.row2 div.copyright,
div#footer div.row2 div.optinet {
	font-size: 11px !important;
	float: right;
	margin-top: 45px;
	}

div#footer div.row2 div.optinet {
	display: none !important;
	}










/* ==== APUVALIKKO ==== */

div#header div#wizhelpmenu {
	top: 33px;
	}

div#header div#wizhelpmenu a {
    padding: 15px;
	color: #383838 !important;
	font-size: 11px;
	text-decoration: none;
	}










/* ==== KOKEILE ILMAISEKSI NAPPI ==== */

div#kokeile {
   	float: right;
	position: relative;
	padding: 70px 0 0 0;
	width: 207px;
	height: 45px;
	}

div#kokeile a {
	display: block;
	float: right;
	width: 207px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(/res/images/kokeile.png) no-repeat top left;
	}

div#kokeile a:focus {
	outline: none;
	}

div#kokeile a:hover {
    background: transparent url(/res/images/kokeile.png) no-repeat bottom left;
	}









/* ==== TYPOGRAPHY ==== */

h1.pageTitle,
h1 {
    font: 30px Helvetica, 'Helvetica Neue', Arial, Verdana, Sans-serif;
    font-weight: normal;
   	letter-spacing: -1px !important;
    }

h2,
h4 {
    font: Helvetica, 'Helvetica Neue', Arial, Verdana, Sans-serif;
    font-weight: normal !important;
    color: #444444;
    }

h2 {
   	letter-spacing: 0 !important;
   	font-size: 20px;
	margin: 0px 0 15px 0;
    font-weight: normal !important;
    }

div.hd h2 {
    letter-spacing: 0 !important;
    }

h4 {
    font-size: 16px;
   	font-weight: bold !important;
    letter-spacing: 0 !important;
   	}

h3 {
   font: 18px Helvetica, 'Helvetica Neue', Arial, Verdana, Sans-serif;
   font-weight: normal !important;
   margin-bottom: 5px;
   }

div#content div#content-main p {
    font-size: 13px;
    line-height: 18px;
   	color: #565656;
    }

div#zone-left div.token div.content-container h2,
div#zone-right div.token div.content-container h2 {
    font-size: 16px;
    margin-bottom: 10px;
    }

div#zone-left div.token div.content-container h3,
div#zone-right div.token div.content-container h3 {
    font-size: 15px;
    margin-bottom: 10px;
    }

div#zone-left div.token div.content-container h4,
div#zone-right div.token div.content-container h4 {
    font-size: 14px;
    margin-bottom: 10px;
    }

div#content div#content-main div.token-Content div.content-container li {
    color: #565656;
   	}

div#content div#content-main div.token-Content p,
div#content div#content-main div.token-Content ul,
div#content div#content-main div.token-Content ol {
   	margin-bottom: 16px;
    }

div#content div#content-main div.token-Content li p {
    margin-bottom: 0px;
	}









/* ==== ETUSIVU TYYLIT ==== */

body.etusivu {
    background: #fff url(/res/images/background-frontpage.png) repeat-x !important;
	}

body.etusivu div#kokeile {
	display: none !important;
	}

body.etusivu div#content div#container {
	padding: 0;
	margin: 0 0 30px 0;
	}

body.etusivu div#zone-top {
	margin: -151px 0 30px 0;
	*margin: -81px 0 30px 0;
	padding: 0;
	}

body.etusivu h1.pageTitle  {
	*margin: 158px 0 0 0;
	}

div#play-video {
	display: block;
	margin: 0;
	padding: 0;
	width: 500px;
	height: 316px;
	}

div#play-video a {
	display: block;
	height: 316px;
	width: 500px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(/res/images/ukot.jpg) no-repeat top left;
    }

div#play-video a:hover {
	background: transparent url(/res/images/ukot.jpg) no-repeat bottom left;
	}

div#play-video a:focus {
    outline: none !important;
   	}

body.etusivu div#zone-_c_21844_1 {
	margin-top: 94px;
	}

body.etusivu div#zone-_c_21844_1 div.content-container p {
    font-size: 14px !important;
   	color: #414135 !important;
	line-height: 20px !important;
	display: block;
	width: 370px;
	margin: 0;
	padding: 0;
	}

div#conversion-buttons {
	float: left;
	display: block;
	font-size: 14px !important;
	color: #414135 !important;
	margin: 27px 0 0 0;
	}

div#conversion-buttons a {
	color: #737c1d !important;
	float: left;
	display: block;
	margin: 15px 0 0 0;
	}

div#conversion-buttons span {
	float: left;
	display: block;
	margin: 15px 15px 0 15px;
	}

div#conversion-buttons a.button {
    display: block;
	float: left;
    width: 207px;
    height: 45px;
	margin: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(/res/images/kokeile.png) no-repeat top left;
	}

div#conversion-buttons a.button:focus {
    outline: none;
    }

div#conversion-buttons a.button:hover {
    background: transparent url(/res/images/kokeile.png) no-repeat bottom left;
   	}









/* ==== ETUSIVUN UUTISET ==== */

div.app1 div.bd div.row {
	background: none !important;
	border-bottom: 1px solid #c4c4c4;
	padding: 10px 0 10px 0;
	margin: 0 !important;
	}

div.app1 div.bd div.row:hover {
	background: #fff !important;
	}

div.app1 {
	padding: 25px 35px;
	}

div.app1 h2 {
 	font: 18px Helvetica, 'Helvetica Neue', Arial, Verdana, Sans-serif !important;
    font-weight: normal !important;
    letter-spacing: 0 !important;
    line-height: 19px;
	margin: 0 0 5px 0;
 	}

div.NewsSummary div.row p a {
	color: #3e3e3e !important;
	font-size: 11px !important;
	text-decoration: none !important;
	font-weight: normal;
	}

div.NewsSummary div.row p a:hover {
	background: #fff !important;
	text-decoration: underline !important;
	}

div.NewsSummary div.row p {
	display: block;
	float: right;
	width: 170px;
	line-height: 14px !important;
	}

div.NewsSummary div.row div.pvm {
	display: block;
	float: left;
	}

div.NewsSummary div.ft {
	text-align: right !important;
	padding: 15px 0 0 0;
	}

div.NewsSummary div.ft a,
div.NewsSummary div.row div.pvm {
	color: #919e10 !important;
	font-weight: bold;
	}









/* ==== ETUSIVUN GRID PAAPALSTALLA ==== */

body.etusivu div#content-middle div#zone-_main table.d4grid p {
	margin: -5px 0 0 13px;
	color: #727272;
	font-size: 12px;
	line-height: 19px !important;
	}

body.etusivu div#content-middle div#zone-_main table.d4grid h3 {
	color: #8c8c8c;
	font-size: 17px !important;
	font-weight: bold !important;
	letter-spacing: -1px !important;
	padding: 10px 0 0 0;
	margin: 0;
	}

body.etusivu div#content-middle div#zone-_main table.d4grid {
	margin: 0 0 20px -10px;
	padding: 0;
	}

body.etusivu div#content-middle div#zone-_main div.token-Banner {
    margin: 0;
	padding: 20px 0 10px 0;
	}

body.etusivu div#content-middle div#zone-_main table.d4grid td.divider {
	width: 20px !important;
	}











/* ==== ETUSIVUN ALA KOKEILU BANNERI ==== */

a#kokeile-ala {
	margin: 0 0 90px 0;
    display: block;
    height: 97px;
    width: 925px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(/res/images/tilaa-alabanneri.png) no-repeat top left;
    }

a#kokeile-ala:focus {
    outline: none !important;
    }






/* ==== UUTISKIRJE ALEMMAKSI ==== */

body.uutiskirje div#content div#container table.cols {
	margin-top: 140px;
	}