A:link {
	color:#225468;
	text-decoration: none
}
A:hover {
	text-decoration: underline; 
	color:#225468;
}
A:visited {
	color:#445566;
	text-decoration: none
	}

body{
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        color:black;
        background-color:#cbcbcb;
        
}
table.header1{
		table-layout: fixed;
		width: 730px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
        background-color:#cbcbcb;
	}
table.header2{
		table-layout: fixed;
		width: 1050px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
        background-color:#cbcbcb;
	}
	
	
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:normal;
font-size:10px;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}

/* Vasen vihreä valikko */
table.leftRoundTo {
	background-image:url("../images/left_menu/top4.jpg");
	width: 163px;
	height:22px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:bold; 
    color:black;
    background-color:#cbcbcb;
}
table.left{
	background-image:url("../images/left_menu/shadow4.jpg");
	table-layout: fixed;
	width: 163px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:bold; 
    color:black;
    background-color:#9AB430;
	}
table.leftInner{
	table-layout: fixed;
	width: 159px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    text-decoration:bold; 
    color:black;
    background-color:#9AB430;
	}
table.leftRoundBo {
	background-image:url("../images/left_menu/bottom4.jpg");
	width: 163px;
	height:23px;
    background-color:#cbcbcb;
}
table.left a:link { 
	color:#FFFFFF; 
	text-decoration:none 
}
table.left a:visited { 
	color:#FFFFFF;
	text-decoration:none 
}
table.left a:hover { 
	color:#000000;
	text-decoration:underline 
}
/* Vasen vihreä valikko */
table.right{
		table-layout: fixed;
		width: 140px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:black;
        background-color:#9AB430;
	}
table.rightRound {
        background-color:#9AB430;
	}
table.right a:link { 
	color:#FFFFFF; 
	text-decoration:none 
	}
table.right a:visited { 
	color:#FFFFFF;
	text-decoration:none 
	}
table.right a:hover { 
	color:#000000;
	text-decoration:underline 
}
	
table.main{
		table-layout: fixed;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
        background-color:#FFFFFF;
	}
td.mainLeft{
		width: 163px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
        background-color:#cbcbcb;
	}

td.mainCenter{
		width: 730px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
		border-right: solid 1px grey;
		border-bottom: solid 1px grey;
        background-color:#F3F3F3;
	}
td.mainRight{
		width: 163px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
        text-align:center;
		vertical-align:top;
		background-color:#cbcbcb;
		
	}

td.keskusteluviesti{
		background-color:#F4F4F4;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:13px;
        color:black;
		vertical-align:top;	
	}
tr.keskusteluotsikko{
		background-color:#ABB6BA;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:13px;
        color:black;
		vertical-align:top;	
	}
table.footer{
		table-layout: fixed;
		width: 730px;
		height: 100px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        background-color: grey;
        color:#FFFFFF;
	}
table.footer a:link { 
	color:#FFFFFF; 
	text-decoration:none 
	}
table.footer a:visited { 
	color:#FFFFFF;
	text-decoration:none 
	}
table.footer a:hover { 
	color:#000000;
	text-decoration:underline 
	}
table.lomake{
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
	}
table.lomake textarea{
	height: 300px;
	width: 400px;
	}
	
table.huom{
		margin-left: auto;
		margin-right: auto;
		width: 60%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        background-color:#FFFFFF;
        border-top:solid 3px red;
        border-bottom:solid 3px red;
        border-left:solid 3px red;
        border-right:solid 3px red;
        color:#000000;
	}
table.info{
		margin-left: auto;
		margin-right: auto;
		width: 500px;
		height: 120px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      font-size:12px;
      text-align:center;
      color:#005382;
      border-top:solid 3px #005382;
      border-bottom:solid 3px #005382;
      border-left:solid 3px #005382;
      border-right:solid 3px #005382;
      background-color:#FFFFFF;
	}
table.HAkehys{
		width: 96%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
        border-bottom:solid 1px #005382;
	}
table.listaus{
		width: 96%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
	}

td.listausHinta{
	text-align: right;	
	font-weight:normal;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#990000;
	}

 
table.lajittelu{
		table-layout: fixed;
		width: 100%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        color:#FFFFFF;
	}
	
table.minilistaus{
		width: 100%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:black;
	}
td.minilistausHinta{
	text-align: right;	
	font-weight:normal;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#990000;
	}
	
table.midilistaus{
		width: 96%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:13px;
        color:black;
        background-color:#F3F3F3;
	}
td.punaruskea{
	font-weight:normal;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#990000;
	}
	
table.midCategorys{
		table-layout: fixed;
		width: 96%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:black;
	}
table.kuvat{
		table-layout: fixed;
		width: 96%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:black;
	}
	
table.ilmoitusHead{
		table-layout: fixed;
		width: 98%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
	}	
table.ilmoitusDetails{
		table-layout: fixed;
		width: 100%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
	}
table.ilmoitusKuvaus{
		table-layout: fixed;
		width: 98%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:13px;
        color:black;
	}		
table.ehdot{
		width: 98%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
	}
table.perus{
		width: 98%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
	}		
table.pageNavi{
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:black;
        background-color:#FFFFFF;
	}
table.kesLainaus{
		table-layout: fixed;
		width: 70%;
	    font-size:11pt;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      color:black;
        border-bottom:1px solid gray;
        border-top:1px solid gray;
        border-left:1px solid gray;
        border-right:1px solid gray
        
	}
font.pakollinen{
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#225468;
	}
font.punaruskea{
	font-weight:normal;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#990000;
	}
tr.otsikko{
	background-color:#225468;
	border-bottom: dotted 1px;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    color:#FFFFFF;
}
tr.hvyli{
	background-color:#c0c0ff;
}
#ctNav{
	margin-left:1%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold
	}

#ctHead{
	text-align:center;
	vertical-align:center;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:13pt;
	color: #005382;
	font-weight:bold
	}
#ctMid{
	text-align:center;
	vertical-align:center;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #005382;
	font-weight:bold
	}
/* NÄYTEIKKUNAT */
/* NÄYTEIKKUNAT */
/* NÄYTEIKKUNAT */
#pageNav{
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	}
#topicNav{
	font-size:8pt;
	}
#topicNav a:link { 
	text-decoration:none 
	}
#topicNav a:visited { 
	text-decoration:none 
	}
#topicNav a:hover { 
	font-weight:bold;
	}
table.nayteIkkuna{
	table-layout: auto;
	width:100px;
	height:100px;
	
	}
td.nayteikkuna1{	
	text-align: center;
	font-weight:normal;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:black;
	}
td.nayteikkuna2{
	width:65px;
	height:65px;	
	background-color:#FFFFFF;
	font-weight:normal;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:black;
    border-left:1px solid gray;
    border-top:1px solid gray;
	border-bottom:1px solid gray;
    border-right:1px solid gray
	}
td.nayteikkuna3{
	text-align: center;	
	font-weight:normal;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#990000;
	}
td.nayteikkuna1 a:link { 
	color:#005382; 
	text-decoration:none }
	
td.nayteikkuna1 a:visited { color:#005382;
text-decoration:none }
td.nayteikkuna1 a:hover { color:#990000;
text-decoration:underline }

table.galuusimmat{
		width: 98%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:black;
        background-color:#FFFFFF
}
table.galkuvaus{
		width: 98%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:black;
        background-color:#FFFFFF
}
table.galkommentit{
		width: 98%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-align: left;
		color:black;
      background-color:#FFFFFF
}
table.galkommentoi{
		width: 98%;
		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        font-size:11px;
        color:black;
        background-color:#FFFFFF
}









	


/* -- Clear Fix -- */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* -- Categories -- */

/* -- First Level -- */
#categories {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 160px;background: url(../images/catnav/bg_categories_div.gif) repeat-x left top;}
#categories li {position: relative; font-size: 9; font-weight: bold; padding-bottom: 1px; background: url(../images/catnav/bg_categories_div.gif) repeat-x left bottom;}
#categories li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 20px; background: url(../images/catnav/bullet_categories_level2.gif) no-repeat 12px 7px; background-color: #9AB430;}
#categories li a:hover, #categories li a.ont-selected:hover {background: url(../images/catnav/bullet_categories_right_on.gif) no-repeat 12px 7px; background-color: #C82302; color: #fff;}

/* -- Second Level -- */
#categories li ul {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 160px;background: url(../images/catnav/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; background: url(../images/catnav/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 30px; background: url(../images/catnav/bullet_categories_right.gif) no-repeat 22px 7px; background-color: #798a28;}
#categories li ul li a:hover, #categories li ul li a.ont-selected:hover {background: url(../images/catnav/bullet_categories_right_on.gif) no-repeat 22px 7px; background-color: #C82302; color: #fff;}

/* -- Third Level -- */
#categories li ul li ul {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 160px;background: url(../images/catnav/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; background: url(../images/catnav/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 40px; background: url(../images/catnav/bullet_categories_level2.gif) no-repeat 32px 7px; background-color: #9AB430;}
#categories li ul li ul li a:hover, #categories li ul li ul li a.ont-selected:hover {background: url(../images/catnav/bullet_categories_right_on.gif) no-repeat 32px 7px; background-color: #C82302;}

/* -- Forth Level -- */
#categories li ul li ul li ul{margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 160px;background: url(../images/catnav/bg_categories_div_indent.gif) repeat-x left top;}
#categories li ul li ul li ul li  {position: relative; font-weight:normal; padding-bottom: 1px; background: url(../images/catnav/bg_categories_div_indent.gif) repeat-x left bottom;}
#categories li ul li ul li ul li.last  {position: relative; font-weight:normal; padding-bottom: 1px; margin-bottom: -1px;}
#categories li ul li ul li ul li a {display: block; text-decoration: none; /* IE6 Bug */ padding: 4px 0 4px 50px; background: url(../images/catnav/bullet_categories_level2.gif) no-repeat 42px 7px; background-color: #9AB430;}
#categories li ul li ul li ul li a:hover, #categories li ul li ul li ul li a.ont-selected:hover {background: url(../images/catnav/bullet_categories_right_on.gif) no-repeat 42px 7px; background-color: #C82302;}

#categories a.ont-selected {background-image: url(../images/catnav/bullet_categories_green.gif); background-color: #fff; color: #9db634;}

/* Fix IE. Hide from IE Mac \*/
* html #categories li { float: left; height: 1%; }
* html #categories li a { height: 1%; }
* html #categories li ul li { float: left; height: 1%; }
* html #categories li ul li a { height: 1%; }
* html #categories li ul li ul li { float: left; height: 1%; }
* html #categories li ul li ul li a { height: 1%; }
* html #categories li ul li ul li ul li { float: left; height: 1%; }
* html #categories li ul li ul li ul li a { height: 1%; }
/* End */

li:hover #categories, li.over #categories { display: block; } /* The magic */


/* -- Font Colors -- */
#categories li a,
#categories li ul li a,
#categories li a:hover,
#categories li a:hover  {color: #FFF;}