/*@import url('modules.css');*/
@import url('jce_tyylit.css');

/**
* Template by emowes.com               *
* @version 1.0                         *
* @copyright (C) 2007 - Jani Peltonen  *
* @web http://www.emowes.com           *
**/

/*global resets - eliminates cross browser inconsistancies*/

* {  
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address { margin: 0.5em 0; } 
li,dd { margin-left: 1em;} 
fieldset { padding: 0.5em; } 
img {border: 0;}
a img {border: 0;}
table {
font-size: 1em;
line-height:1.8em;
}
body {
font-size:76%;
font-family: Verdana, Helvetica, sans-serif, FreeSans;
line-height:1.7em;
color: 000;
}
/*end global resets*/

h1, h2, h3, h4, h5, h6 {  line-height:1.3em; color:#; }
h1, .componentheading  {font-size: 2.0em;font-weight: bold;margin-top: 0em;margin-bottom: 0em;}
h2, .contentheading {font-size: 1.7em;margin: 0em 0em 1.2em 0em;font-weight: bold;}
h3 {font-size: 1.2em;margin: 0em 0em 1.2em 0em;font-weight: bold;}
h4 {font-size: 1.2em;margin: 0em 0em 1.2em 0em;font-weight: bold;}
h5 {font-size: 1.0em;margin: 0em 0em 1.2em 0em;font-weight: bold;}
h6 {font-size: 0.8em;margin: 0em 0em 1.2em 0em;font-weight: bold;}
#login fieldset label, #login fieldset input { display: block; }

small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
color: #666666;
font-size: 92%;
}

.clear { clear:both }

keskitys {
text-align: center;
}

.container_osa {
margin: 0;
padding: 0;
margin: 0 auto;
text-align:left;
width: 936px;
height: ;
background: url(../images/);
}

/* #### YLÄPALKKI #### */

.ylin_valikko {
background: #ECEADD url(../images/top_valikko_bg_v2.jpg) repeat-x;
padding: 0px;
margin: 0px;
height: 25px;
}
.haapojaoy_teksti {
background: url(../images/haapojaoy_teksti_v2.jpg) no-repeat;
padding: 0;
margin: 0px;
height: 25px;
}
#ylin_valikko1 {
float:left;
height: 20px;
padding: 5px 0 0 30px;
}

#ylin_valikko2 {
float:left;
height: 25px;
padding: 0px;
}

#ylin_valikko3 {
float:right;
height: 25px;
padding: 0px
}

#ylin_valikko4 {
float:right;
height: 21px;
padding: 4px 0 0 0px;
}
/* #### YLÄOSA #### */
.top_osa {
width: 936;
height: 336px;
background: url(../images/bg_top.jpg) no-repeat;
}
.top_osa_inner {
width: ;
height: ;
}
.top_osa_inner_left {
width: 480px;
height: 336px;
float: left;
}
.top_osa_inner_right {
width: 450px;
height: 336px;
float: left;
}
.valikko {
width: 460px;
height: 35px;
position: relative;
left: 18px;
top: 121px;
z-index: 100;
}
.kirjautuminen {
width: 320px;
height: 70px;
position: relative;
left: 125px;
top: 10px;
}

.kirjautuminen form#login  { /*vm loginin marginaalien ja rivivälin asetus*/
padding: 0;
margin: 2px;
line-height: 1em;
}
.uutisikkuna {
width: 373px;
height: 222px;
position: relative;
left: 28px;
top: 4px;
}
/* #### KESKIOSA #### */
.middle_osa {
width: 936px;
background: url(../images/bg_middle_repeat.jpg) repeat-y;
}
.middle_osa-kapea {
width: 936px;
background: url(../images/bg_middle_repeat_kap.jpg) repeat-y;
}
.middle_osa-oikea {
width: 936px;
background: url(../images/bg_middle_repeat_oik.jpg) repeat-y;
}
.middle_osa-vasen {
width: 936px;
background: url(../images/bg_middle_repeat_vas.jpg) repeat-y;
}
.middle_wrapperi {
padding: 15px 0 0 0;
}
.middle_osa .middle_wrapperi {
width: 936px;
padding: 5px 15px 5px 15px;
background: url(../images/bg_middle_top.jpg) no-repeat;
}
.middle_osa-kapea .middle_wrapperi {
width: 936px;
background: url(../images/bg_middle_top_kap.jpg) no-repeat;
}
.middle_osa-oikea .middle_wrapperi {
width: 936px;
background: url(../images/bg_middle_top_oik.jpg) no-repeat;
}
.middle_osa-vasen .middle_wrapperi {
width: 936px;
background: url(../images/bg_middle_top_vas.jpg) no-repeat;
}
.middle_osa_inner {
width: 892px;
position: relative;
left: 18px;
}
.left_osa {
position: relative;
left: ;
top: ;
width: 202px;
float: left;
}
.left_wrapperi {
padding: 0px;
}
.left_osa_inner {
width: 100%;
height: ;
}
.content_osa-vasen {
position: relative;
left: 15px;
top: ;
width: 670px;
float: left;
}
.content_osa {
position: relative;
left: 6px;
top: ;
width: 880px;
float: left;
}
.content_osa-kapea {
position: relative;
left: 8px;
top: ;
width: 470px;
float: left;
}
.content_osa-oikea {
position: relative;
left: 15px;
top: ;
width: 670px;
float: left;
}
.wrapperi {
padding: 0px;
}
.content_osa_inner, .content_osa_inner-oikea , .content_osa_inner-vasen , .content_osa_inner-kapea {
width: 100%;
}
.right_osa {
position: relative;
left: ;
top: ;
width: 180px;
float: right;
}
.right_wrapperi {
padding: 0px;
}
.right_osa_inner {
width: 100%;
height: ;
}
/* #### ALAOSA #### */
.bottom_osa {
width: 936px;
height: 100px;
background: url(../images/bg_bottom.jpg) no-repeat;
}
.bottom_osa-kapea {
width: 936px;
height: 100px;
background: url(../images/bg_bottom_kap.jpg) no-repeat;
}
.bottom_osa-vasen {
width: 936px;
height: 100px;
background: url(../images/bg_bottom_vas.jpg) no-repeat;
}
.bottom_osa-oikea {
width: 936px;
height: 100px;
background: url(../images/bg_bottom_oik.jpg) no-repeat;
}
.bottom_osa_inner_top {
width: 936px;
height: 81px;
}
.bottom_osa_inner_bottom {
width: 936px;
height: 19px;
}
/* #### LINKIT #### */

a, a:visited {
color: #273244;
text-decoration:  none;
font-weight: bold;
}
a:hover {
color: #7D9FD5;
text-decoration: underline;
}

/* #### LISTAT #### */

ul {
margin: 0;
padding-left: 30px;
list-style:;
}

li {
line-height:;
padding-left: 0px;
padding-top: 0px;
list-style-position:outside;
}
/*vasen puoli*/
div.left_osa_inner ul {
padding-left: 0;
width: 200px;
position: relative;
left: -10px;
list-style: none;
}
div.left_osa_inner li {
padding-left: 20px;
background: url(../images/tahti.png) 0px 3px no-repeat;
}
div.left_osa_inner div.moduuli_content-luetuimmat li {
padding-left: 20px;
background: url(../images/peukku.png) 0px 3px no-repeat;
}
/*oikea puoli*/
div.right_osa_inner ul {
padding-left: 0;
width: 200px;
position: relative;
left: -10px;
list-style: none;
}
div.right_osa_inner li {
padding-left: 20px;
background: url(../images/tahti.png) 0px 3px no-repeat;
}
div.right_osa_inner div.moduuli_content-luetuimmat li {
padding-left: 20px;
background: url(../images/peukku.png) 0px 3px no-repeat;
}


/* #### MODULETABLE #### */
div.module, div.module-luetuimmat {
margin: 0 0 20px 0;
}
.left_osa_inner div.module h3, .left_osa_inner div.module-luetuimmat h3 {
font-size: 14px;
font-weight: bold;
background: #4083D1;
color: #fff;
padding: 4px 0;
text-align: center;
margin: 0 0 10px 0;
}
.left_osa_inner div.module div.moduuli_content, .left_osa_inner div.module-luetuimmat div.moduuli_content-luetuimmat {
width: 180px;
position: relative;
left: 12px;
}
.right_osa_inner div.module h3 {
margin: 0 0 10px 0;
}


/* #### MENU #### */

/* #### MENU-perus vertikaali #### */
div.module_menu h3 {}
div.module_menu div div div {}

ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu li {}
ul.menu li a span {}
ul.menu li.active {}
ul.menu li.active a span {}
ul.menu li:hover {}
ul.menu li:hover a span {}

ul.menu li ul {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
}
ul.menu-nav, ul.menu-cpaneeli {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

/* #### TOPTOP-MENU #### */

ul.menu-nav li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	white-space: nowrap;
font-weight: bold;
text-transform: uppercase;

font-family: Arial; FreeSans;
}
ul.menu-nav li .separator {
padding-right: 15px;
}
ul.menu-nav li a, ul.menu-nav li a:visited {
	display: block;
	padding-left: 0px;
	padding-right: 20px;
	text-decoration: none;
	color: #FC4233;
	background: transparent;
}

ul.menu-nav li a:hover {
width: auto; /* ie6 fixi hoverille */
color: #;
text-decoration: none;
}
/* =======================================
pudotusvalikko
======================================= */

/* Ensimmäinen taso eli itse menu */
ul.menu-suckerfish {
	z-index: 100;
	float: left;
	border-right: 1px solid #; 
	margin: 0;
	background: none;
	padding: 0;
	list-style: none;
	line-height: 1.3em; /*rivin korkeuden säätö jotta alavalikot saadaan oikealla kohdalle*/
}
ul.menu-suckerfish li {
	float: left;
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
}
ul.menu-suckerfish a:link,
ul.menu-suckerfish a:visited {
	display: block;
	border-right: 1px solid #fff;
	border-left: 1px solid #;
	margin: 0;
	padding: 9px 1.5em; /*ekan tason linkille rakoa ylös ja alas - rivinkorkeus*/
	color: #fff; /*ekan tason linkin väri*/
	font-weight: bold;
	text-decoration: none;
}
ul.menu-suckerfish a:hover {
	background-color: #; /*ekan tason hoverin taustaväri*/
}
ul.menu-suckerfish li.active a {
	background-color: #; /*ekan tason aktiivisen linkin taustaväri*/
}

/* Toinen taso */
ul.menu-suckerfish ul {
	position: absolute;
	left: -999em;
	z-index: 200;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Muut tasot */
ul.menu-suckerfish ul ul {
	margin: -26px 0 0 195px;
	z-index: 300;
}

/* Menu-Itemit */
ul.menu-suckerfish ul li {
	position: relative;
	width: 195px;
	margin: 0;
	background: none;
	padding: 0;
}
ul.menu-suckerfish ul a:link,
ul.menu-suckerfish ul a:visited {
	display: block;
	border-top: 1px solid #366999;
	border-right: none;
	border-bottom: 1px solid #162c40;
	border-left: 1px solid #162c40;
	background: #284d73 none;
	color: #cfdbe5;
	padding: 4px 10px;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	height: 1%;
}
ul.menu-suckerfish ul a:hover,
ul.menu-suckerfish ul li.parent a:hover,
ul.menu-suckerfish ul li.parent li.parent a:hover {
	border-top: 1px solid #1f3d59;
	background-color: #1f3d59;
	color: #ffffff;
}

/* Aktiivinen linkki */
ul.menu-suckerfish ul li.active a,
ul.menu-suckerfish ul li.active li.active a,
ul.menu-suckerfish ul li.active li.active li.active a {
	font-weight: bold;
	color: #ffffff;
}

/* Clear active */
ul.menu-suckerfish ul li.active li a,
ul.menu-suckerfish ul li.active li.active li a {
	font-weight: normal;
	color: #cfdbe5;
}

/* Children expanded */
ul.menu-suckerfish ul li.parent a,
ul.menu-suckerfish ul li.parent li.parent a {
	background: #284d73 url("../images/suckerfish-expand.png") no-repeat 95% center;
	padding-right: 10px;
}

/* Clear children expanded */
ul.menu-suckerfish ul li.parent li a,
ul.menu-suckerfish ul li.parent li.parent li a {
	background-image: none;
}

/* Rollover actions */
ul.menu-suckerfish li:hover ul,
ul.menu-suckerfish li.sfhover ul,
ul.menu-suckerfish li:hover ul li:hover ul,
ul.menu-suckerfish li.sfhover ul li.sfhover ul,
ul.menu-suckerfish li:hover ul li:hover ul li:hover ul,
ul.menu-suckerfish li.sfhover ul li.hover ul li.sfhover ul {
	left: auto;
}
ul.menu-suckerfish li:hover ul ul,
ul.menu-suckerfish li.sfhover ul ul,
ul.menu-suckerfish li:hover ul li:hover ul ul,
ul.menu-suckerfish li.sfhover ul li.sfhover ul ul,
ul.menu-suckerfish li:hover ul li:hover ul li:hover ul ul,
ul.menu-suckerfish li.sfhover ul li.hover ul li.sfhover ul ul {
	left: -999em;
}
ul.menu-suckerfish,
ul.menu-suckerfish li li {
	clear: left;
}

/* #### CPANEELI #### */
div.cpaneeli ul.menu-cpaneeli li a, div.cpaneeli ul.menu-cpaneeli li a:visited {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #000;
	background: transparent;
line-height: 26px;
}
ul.menu-cpaneeli li {
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	border-right: 1px solid #79664D;
}
div.cpaneeli {
width: 100%;
height: 30px;
}
div.cpaneeli_inner {
width: 100%;
background-color: #D6D5D9;
color: #000;
height: 26px;
position: relative;
top: 2px;
}
div.cpaneeli form, div.cpaneeli p {
margin: 0px;
}
.item46 { /*piilotetaan kirjaudu linkki että saadaan loginille otsikko kuitenkin*/
visibility: hidden;
}
.user_valikko { float: left; }
.kirjaudu_ulos { float: right; width: 130px;position: relative; top: 1px;}
.kirjatuneena { float: right; }

/* #### CONTENTIN META #### */
.article-tools {
	width: 100%;
	float: left;
	clear: both;
	display: block;
}
.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}
.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}
.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}
.modifydate {
	width: 100%;
	float: left;
}
div.buttonheading {
	float: right;
	width: 15%;
display: block;
position: relative;
top: -42px;
left: -10px;
}
.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}

/* #### SEKALAISTA #### */

/* Uutiset moduuli */
ul.latestnews {
}
li.latestnews {
}
/* uutiset loppu */

#system-message { /*viestikohdan css, ei6 ie oikein tajua*/
padding: 5px;
background-color: #f0f0f0;
}

/* tooltip */ 
.tool-tip {
	float: left;
	border: 1px solid #D4D5AA;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}
.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-size: 100%;
	font-weight: bold;
}
.tool-text {
	margin: 0;
	font-size: 100%;
}
/* tooltip loppuu */

/* input css */
input.button {
font-size: 1em;
color: #;
/*border: 1px solid #CCCCCC;*/
font-weight:bold;
padding: 0px 5px;
background: # url(../images/);
}
input, select, textarea, .inputbox {
	padding: 2px 3px;
	font-size: 12px;
}
input { /* radiobuttonien ja checkboxien tasaaminen tekstin kanssa samalle tasolle */
margin: 2px 0px;
vertical-align: middle;
}
.inputbox {
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

/* login  css */
#login input {
font-size: 10px;
width: 100px;
}
form.form-login fieldset { border: none } /* reunat pois kirjatumiskentiltä */
/*input css loppuu */

form.form-validate table td {padding: 3px;} /*omat tiedot kohdan välistyksiä */

#mod_login_remember { /* IE6 checkboxin taustaväri ja borderit */
background-color: #;
padding: 0;
margin: 0;
border: none;
}
table.weblinks a.category { /*linkkilistan linkin siirto sopivammaksi*/ 
position: relative;
left: 5px;
top: -3px;
}
hr, hr.separator {

border: 1px solid #808080;
}
#vmMainPage hr { /* virtuemartin hr */
border-top-color: #CBCBCB;
border-bottom-color: #dddddd;
}
form.editor, .content_osa_inner-kapea form fieldset { /*editorin saa kellumaan kaiken päällä ja muutkin adminformitjutut */
position: relative;
z-index: 150;
}
div.cpaneeli {
line-height: 23px;
}
.toteutus {
position: relative;
left: 0px;
top: -1px;
float: right;
width: 130px;
height: 19px;
}
.copyrait {
position: relative;
left: 415px;
top: -1px;
float :left;
width: 150px;
height: 19px;
}
.toteutus a, .copyrait a {
font-size: 10px;
color: # ;
font-weight: normal;
}
.toteutus a:hover, .copyrait a:hover {
color: #000 ;
text-decoration: underline;
}
.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 2px 2px 2px 3px;
}
.sectiontablefooter {
}
.sectiontableentry1 {
background-color : #ffffff;
}
.sectiontableentry2 {
background-color : #f9f9f9;
}
.sectiontableentry1 td, .sectiontableentry2 td {
padding: 2px 2px 2px 3px;
}

table.contentpane, table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
table.contentpane td {
	margin: 0px;
	padding: 0px;
}

.componentheading {
}
.contentheading {
font-size: 14px;
font-weight: bold;
line-height: 30px;
height: 42px;
margin: 0;
padding: 0px 0 0 40px;
}
.content_osa_inner-kapea .contentheading {
width: 457px;
background: url(../images/contentheading.jpg) no-repeat;
}
.content_osa_inner-oikea .contentheading {
width: 666px;
background: url(../images/contentheading_lev.jpg) no-repeat;
}
.small {
font-size: 8pt;
font-weight: normal;
color: #6C6C6C;
}
.createdate {
font-size: 8pt;
color: #6C6C6C;
}
.modifydate {
font-size: 8pt;
color: #6C6C6C;
}
/* frontend CONTACT formi */
/* div.contact_email label { display: block; width: 200px; float: left;}  ota käyttöön jos haluat labeille tietyn leveyden ja kentän alkamaan sen jälkeen*/
/* div.contact_email input { display: block; float: left;} */
/* contact loppuu */

/* ETSI css */
form.search label {
}
form.search {
padding: 4px 2px 0px 0px;
*padding: 2px 2px 0px 0px; /*ie7 korjaus*/
position: relative;
top: -2px;
margin: 0;
}
form.search input {
background: #DCD9CB;
border: 1px solid #cccccc;
color: #000000;
font-size: 10px;
}
form.search .inputbox {
padding: 0px;
border:solid 1px #cccccc;
}
/* etsi loppuu */
/* Polls css */
table.pollstableborder td {
}
table.poll thead td, table.poll tbody td {
padding: 2px;
}
/* Polls css loppuu */

/* Alalaidan navigaatio (pagination) */
ul.pagination {
	margin: 15px auto;
	padding: 10px 0;
  text-align: center;
}
ul.pagination li {
	margin: 2px 5px;
	padding: 0;
	display: inline;
	background: none;
}
ul.pagination a {
	padding: 2px 5px;
}

/* #### VM-menu #### */
a.mainlevel, a.mainlevel:visited {
position: relative;
left: -3px;
padding: 0 0 0px 10px;
margin: 0 0 5px 0;
line-height: 14px;
background: url(../images/menunuolet.gif) 0 4px no-repeat;
}
a.mainlevel:hover {
text-decoration: none;
}
a.mainlevel#active_menu {
font-style: none;
color: #7D9FD5;
}
a.sublevel, a.sublevel:visited {
padding: 0 0 5px 20px;
margin: 0 0 0px 0;
line-height: 14px;
background: url(../images/vm_sub.png) 16px 2px no-repeat;
}
a.sublevel:hover {
text-decoration: none;
}