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

div#zone-_c_21940_1 { width: 273px }
div#zone-_c_21940_2 { 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.Hd,
div#main div#header {
	height: 122px !important;
	background-repeat: no-repeat !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: -77px !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: -110px !important; *left: 0 !important; }
table.topmenucontainer ul li.menu-page-18006 ul { left: -440px !important; *left: 0 !important; }
table.topmenucontainer ul li.menu-page-51180 ul { left: -80px !important; *left: 0 !important; }
table.topmenucontainer ul li.menu-page-18030 ul { left: -80px !important; *left: 0 !important; width: 500px; _width: 600px !important; /* ie6:lla 500px leveys ei riitX */}
table.topmenucontainer ul li.menu-page-18018 ul { left: -60px !important; *left: 0 !important; width: 500px; _width: 600px !important; }
table.topmenucontainer ul li.menu-page-64407 ul { left: -500px !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;
	}

table.topmenucontainer ul li.menu-page-64407 a.menu-page-64407{ /* About us -sivu piiloon valikosta */
	visibility: hidden;
}








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

div.sidemenucontainer {
	display: none;
	}










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

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

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;
	clear: both;
	}

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;
	}


	
/* ==== LOMAKKEEN TYYLEJX ==== */


div#content-middle table.form-fillin { 
	border: none;
	border-bottom: none !important;
	width: 651px !important;
	padding: 0 !important;
	margin: -10px 0 0 0 !important;
	}
	
div#content-middle table.form-fillin td{ 
	padding-top: 7px !important;
}
	
div#content-middle table.form-fillin td.margin { 
	padding-left: 0 !important;
	padding-right: 25px !important;
	padding-top: 0px !important;
	}
	
div#content-middle table.cols td.mainContent {
	padding-left: 0 !important;
	padding-top: 30px !important;
	}
														
div#content-middle form table tr label { 
	cursor: pointer; 
	margin-left: 0px; 
	margin-top: 3px;
	padding: 0;
	margin-right: 0;
	display: inline; 
	color: #4d5762;
	font: 12px Arial, Verdana, sans-serif;
	font-weight: bold;
	}
																						
div#content-middle table.form-fillin tr td span { 
	display: inline; 
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: bold;
	}

div#content-middle form { 
	margin: 0; 
	padding: 0 0 30px 0; 
	background: #fff;
	border: 0;
	}

div#content-middle .fieldset { 
	margin: 0; 
	padding: 0; 
	border: 0 
	}
	
div#content-middle form input {
	margin: 30px 0 0 225px;
	padding: 5px 40px 5px 40px;
	*padding: 5px 0 5px 40px;
	border: none;
	background: transparent url(/res/sprite-images.gif) repeat-x scroll 0 -116px;
	color: #fff !important;
	font-weight: bold !important;
	font: 16px Arial, Verdana, Sans-serif;
	cursor: pointer;
	text-align: left;
	border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;			 
	border: 5px solid #f2cabd;
	}

div#content-middle form input:hover {
	background: transparent url(/res/sprite-images.gif) repeat-x scroll 0 -116px;
	color: #fff;
	border: 5px solid #1363c0;
	}

div#content-middle form table tr input:hover,
div#content-middle form table tr textarea:hover,
div#content-middle form table tr select:hover {
	color: #000 !important;
	background: #fff none no-repeat top left !important;
	border: 2px solid #dddddd;
	}

div#content-middle form table tr input,
div#content-middle form table tr textarea,
div#content-middle form table tr select {
	margin: 0 !important;
	height: auto;
	font-weight: normal !important;
	padding: 6px 6px 6px 10px !important;
	border: 2px solid #dddddd;
	background: #f6f6f6 url(/res/lomake/inputbg.jpg) no-repeat top left;
	color: #000 !important;
	font: 12px Arial, Verdana, Sans-serif;
	cursor: text;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;			
	}

div#content-middle form table tr td.control input {
	cursor: pointer;
	margin: 0;
	padding: 1px;
	border: none;
	background: none;
	color: #000;
	}

div#content-middle form table tr input:focus,
div#content-middle form table tr textarea:focus,
div#content-middle form table tr input:active { 
	border: 2px solid #1363c0;
	background: #fff none !important;
	outline: none;
	}

div#content-middle form table tr textarea { 
	overflow: auto 
	}	
	
div#content-middle form table tr input { 
	width: 320px !important 
	}
div#content-middle form table tr td.gsc-input input,
div#content-middle form table tr td.gsc-search-button input,
div#content-middle form table tr td.gsc-clear-button input {
  width: auto !important;
}
td.gsc-input,
div#content-middle form table tr td.gsc-input input {
  width: 79% !important;
}
td.gsc-search-button {
  width: 10% !important;
}
td.gsc-clear-button {
  width: 10% !important;
}
div#content-middle form table tr select {
    width: 320px !important
	}
		
div#content-middle table td.control input {
	width: auto !important 
	} 	
	
div#content-middle table td.margin {
	width: 400px;
	}

div#content-middle table td.margin textarea { 
	width: 320px !important; 
	height: 220px; 	
	}

div#content-middle table td.margin td label { 
	text-transform: none !important;	
	}
	
div#content-middle table td.margin h4 {
	margin-top: 30px !important;
	margin-bottom: 10px !important;
	display: block;
	color: #ec480f;
	_width: 580px;
	border-bottom: 2px solid #e0e0e0;
	background: #f8f8f8;
	padding: 15px 10px 15px 20px;
	font-weight: bold !important;
	font: 14px Arial, Verdana, Sans-serif;
	}
	
div#content-middle table td.margin hr {
	height: 0;
	display: none;
	border: none;
	padding: 0;
	margin: 0 !important;
	}
	
div#content-middle form p {
	margin: 0 !important;
	padding: 0;
	display: none;
	}
	
div#content-middle table.form-fillin p  { 
	padding: 0 !important;
	}

div#content-middle form table tr td.formTopLayout input {
	float: right;
	width: 380px !important;
	cursor: pointer !important;
	margin-right: 13px !important;
	}

div#content-middle form table tr td.formTopLayout label {
	margin-left: 0 !important;
	}

div#content-middle form table tr select {
	cursor: pointer !important;
	}