<!--

@media print{


.noPrint{
display:none;
}

div.print{
display:block;
}

.menublue {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration: none;
color: #003366;		
}

.leipaTeksti {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: none;
color: #000000;
}

}

@media screen{


.luontokohteetDBbutton{
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background-color:#254E9B;
  border:1px solid #254E9B;
  color:#fff;
  margin-right:5px;
}

Body {
background-color:#FFFFFF;
}

#elButton 
{
color: black;
font-size:11px;
font-family:verdana;
text-align:center;
text-decoration: none;
display: block;
}

#elText 
{
color: black;
font-size:12px;
font-family:verdana;
text-decoration: none;
display: block;
height: 1.7em;
}

A {
font-family: Arial, Verdana, Helvetica;
text-decoration: none;
color: #015DB9;
font-weight:normal;
}

A:hover {
font-family: Arial, Verdana, Helvetica;
text-decoration: underline;
color: #000000;
font-weight:normal;
}

td{
font-family: Arial, Verdana, Helvetica;
}

.uutizOtsikko {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: none;
color: #015DB9;
font-weight:normal;
}

.kanavaOtsikko {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: none;
color: #015DB9;
font-weight:normal;
}

.uutizOtsikko:hover {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: underline;
color: #000000;
font-weight:normal;
}

.menublue {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration: none;
color: #003366;		
}

.menublue:hover {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration:underline;
color: #000000;
}

.menublueMap {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration: none;
color: #003366;
font-weight:bold;	
}

.menublueMap:hover {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration:underline;
color: #000000;
font-weight:bold;
}

.menublue2:link {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: none;
color: #003366;
}

.menu {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: none;
color: #000000;
}

.menu:hover {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: underline;
color: #000000;
}

.toplink {
font-family: Arial, Verdana, Helvetica;
text-decoration: none;
color: #666666;
}

.toplink:hover {
font-family: Arial, Verdana, Helvetica;
text-decoration: underline;
color: #666666;
}

#topinfo {
font-family: Arial, Verdana, Helvetica;
text-decoration: none;
color: #666666;
font-size:80%;
text-decoration: none;
}


.ingressi {
font-family: Arial, Verdana, Helvetica;
font-size:16pt;
text-decoration: none;
color: #000000;
}

#newsheader {
font-family: Arial, Verdana, Helvetica;
font-size:10pt;
text-decoration: none;
color: #000000;
background-repeat:repeat-x;
}

.newsHeader {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration: none;
color: #000000;
background-repeat:repeat-x;
}

#indexheader {
font-family: Myriad, Arial, Verdana, Helvetica;
font-size:12pt;
text-decoration: none;
color: #FFFFFF;
font-weight: roman;

}

#tapahtumat {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration: none;
color: #000000;


}

#tapahtumat_header {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration: none;
color: #000000;


}


#tiedotusalue {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration: none;
color: #000000;

}

#news {
font-family: Arial, Verdana, Helvetica;
font-size:80%;
text-decoration: none;
color: #000000;
line-height:140%;

}

.osoite {
font-family: Arial, Verdana, Helvetica;
font-size:8pt;
text-decoration: none;
color: #000000;

}

.sisalto {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: none;
color: #000000;

	}

#otsikko {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: none;
color: #000000;
font-weight: bold;
	}

.paaOtsikko {
font-family: Arial, Verdana, Helvetica;
font-size: 140%;
text-decoration: none;
color: #000000;
font-weight: bold;
	}

.valiOtsikko1 {
font-family: Arial, Verdana, Helvetica;
font-size: 130%;
text-decoration: none;
color: #000000;
font-weight: bold;

	}
.valiOtsikko2 {
font-family: Arial, Verdana, Helvetica;
font-size: 120%;
text-decoration: none;
color: #000000;
font-weight: bold;
}

.valiOtsikko3 {
font-family: Arial, Verdana, Helvetica;
font-size: 110%t;
text-decoration: none;
color: #000000;
font-weight: bold;
	}

.forumHelp {
font-family: Arial, Verdana, Helvetica;
font-size: 110%t;
text-decoration: none;
color: #000000;
}

.leipaTeksti {
font-family: Arial, Verdana, Helvetica;
font-size: 80%;
text-decoration: none;
color: #000000;
vertical-align:top;
	}
.pieni {
font-family: Arial, Verdana, Helvetica;
font-size: 70%;
text-decoration: none;
color: #000000;
	}

.pieni:hover {
font-family: Arial, Verdana, Helvetica;
font-size: 70%;
text-decoration:underline;
color: #000000;
	}
.path {
font-family: Arial, Verdana, Helvetica;
font-size: 8pt;
text-decoration: none;
color: #003366;
	}

.path:hover {
font-family: Arial, Verdana, Helvetica;
font-size: 8pt;
text-decoration:underline;
color: #003366;
	}
.kanavat {
font-family: Arial, Verdana, Helvetica;
font-size:70%;
text-decoration:none;
color:#003366;
margin-top:20px;
}


div.paamenutyyli,
div.paamenutyyli a.paamenunappi,
div.menu,
div.menu a.alamenutyyli, div.menu a.alamenutyyli2 {
         font-family: Arial, sans-serif;
	   font-size:8pt;
         color: #003366;
         font-style:normal;
         font-weight:normal;
         letter-spacing:0px;
         
}

.alamenutyyli2
{
         font-family: Arial, sans-serif;
	   font-size:80%;
         color: #003366;
         font-style:normal;
         font-weight:normal;
         letter-spacing:0px;
}

div.paamenutyyli {
         padding: 23px 10px 0px 0px;
         text-align: left;
         margin-left:1px;
         
}

div.paamenutyyli a.paamenunappi {
         background-color: transparent;
         border: 0px solid #ffffff;
         color: #2E6AA6;
         font-weight:bold;
         left: 5px;
         margin: 1px;
         padding: 2px 0px 2px 6px;
         position: relative;
         top: 0px;
         z-index: 100;
         text-transform: uppercase;
         cursor: hand;
         
}

div.paamenutyyli a.paamenunappi:hover {
         background-color: transparent;
         border: 0px outset #2E6AA6;
         color: #2E6AA6;
         text-decoration: none;
         text-transform: uppercase;
         
}

div.paamenutyyli a.paamenunappiActive,
div.paamenutyyli a.paamenunappiActive:hover {
         background-color: #2E6AA6;
         border: 1px inset #2E6AA6;
         
         color: #ffffff;
         left: 1px;
         top: 1px;
         
}

div.menu {
         background-color: #ffffff;
         border: 1px outset #2E6AA6;
         left: 0px;
         padding: 0px 1px 1px 0px;
         position: absolute;
         top: 0px;
         visibility: hidden;
         z-index:101;

}

div.menu a.alamenutyyli {
         color: #000000;
         padding: 4px 1em;
         text-decoration: none;
         width:204px;
         cursor: hand;
         white-space: nowrap;
         display: block;
}

div.menu a.alamenutyyli2 {
         color: #000000;
         padding: 4px 1em;
         text-decoration: none;
         width:247px;
         cursor: hand;
         white-space:wrap;
         display:block;
         
}

div.menu a.alamenutyyli2:hover, div.menu a.alamenutyyliHighlight 
{
         background-color: #B1CBE6;
         color: #000000;
         
}


div.menu a.alamenutyyli2 span.alamenutyyliText {}


div.menu a.alamenutyyli2 span.alamenutyyliArrow {
         margin-right: -.75em;   
}

.alamenuohje {
         color: #666666;
         padding: 4px 1em;
         text-decoration: none;
         width:247px;
         cursor: hand;
         
}

div.menu a.alamenutyyli:hover, div.menu a.alamenutyyliHighlight {
         background-color: #B1CBE6;
         color: #000000;
         
}

div.menu a.alamenutyyli2:hover
{
         background-color: #B1CBE6;
         color: #000000;
         
}

div.menu a.alamenutyyli span.alamenutyyliText {}

div.menu a.alamenutyyli span.alamenutyyliArrow {
         margin-right: -.75em;
         
}

div.menu div.valiviiva {
        border: 1px inset #e0e0e0;
        margin: 0px 0px;

}

.forumDarkBack
{
background-Color:#BDC5DD;
}

.forumLightBack
{
background-Color:#D5D7E5;
}

.forumNoBG
{
background-Color:transparency;
}

.forumReplySpacerBack
{
background-Color:#DDE0ED;
}

.forumAreaTitle
{
margin-left:10px;
}

.forumAreaCommonMargin
{
margin-left:10px;
}

.forumAreaGeneralTopic
{
text-decoration:none;
font-family:arial;
font-size:70%;
color:#000000;
font-weight:bold;
margin-left:10px;
}

.forumNewMessageTitle
{
text-decoration:none;
font-family:arial;
font-size:70%;
color:#015DB9;
font-weight:bold;
}

.forumAreaManagerLink
{
text-decoration:none;
font-family:arial;
font-size:70%;
color:#015DB9;
font-weight:bold;
margin-left:10px;
}

.forumAreaTitleLink
{
text-decoration:none;
font-family:arial;
font-size:70%;
color:#000000;
font-weight:bold;
}

.forumAreaTitleLink:hover
{
text-decoration:underline;
font-family:arial;
font-size:70%;
color:#015DB9;
font-weight:bold;
}

.forumAreaReplyLink
{
text-decoration:none;
font-family:arial;
font-size:70%;
color:#000000;
}

.forumAreaReplyLink:hover
{
text-decoration:underline;
font-family:arial;
font-size:70%;
color:#015DB9;

}

.forumSender
{
text-decoration:none;
font-family:arial;
font-size:70%;
color:#015DB9;
font-weight:bold;
margin-left:10px;
}

.forumAreaDes
{
text-decoration:none;
font-family:arial;
font-size:70%;
color:#000000;
margin-left:10px;
}

.forumNewMessageLink
{
text-decoration:none;
font-family:arial;
font-size:70%;
color:#015DB9;
font-weight:bold;
}

.forumNewMessageLink:hover
{
text-decoration:underline;
font-family:arial;
font-size:70%;
color:#015DB9;
font-weight:bold;
}

div.galleria{
 
 float:left;
 padding:5px;
 margin:0px;
 text-align:center;
 display:table; 
 width:auto;
}

div.taso1{

background:url(/fi/gfx/galleria/varjo.gif) right bottom no-repeat;
}

div.taso2{
background:url(/fi/gfx/galleria/vasen.gif) left bottom no-repeat;
}

div.taso3{
background:url(/fi/gfx/galleria/oikea.gif) right top no-repeat;
text-align:center;
padding:0 13px 13px 0;
}


/*-----------------------------------------------
Keskustelualueen m&#228;&#228;ritykset
Formi m&#228;&#228;ritykset toimivat ainoastaan mik&#228;li
webformextension PI on k&#228;yt&#246;ss&#228; CommandAPI:ssa
-----------------------------------------------*/


a.threadView{
text-decoration:none;
color:#015DB9;
}

a.threadView:hover{
text-decoration:underline;
color:#015DB9;
}

a.messageTree
{
font-size:75%;
color:#463102;
text-decoration:none;
}

a.messageTree:hover
{
font-size:75%;
color:#463102;
text-decoration:underline;
}

a.actionlink
{
color:#463102;
text-decoration:none;
font-weight:bold;
}

a.actionlink:hover
{
font-weight:bold;
color:#463102;
text-decoration:underline;
}

a.navigation{
font-size:75%;
}


a.navigation:hover{
font-size:75%;
text-decoration:underline;
}



td.title
{
font-family: Arial, Verdana, Helvetica;
background-color:#ACB3C7;
border-bottom:1px solid #BDC0C3;
color:#FFFFFF;
font-weight:bold;
height:22px;
padding-left:0.25cm;
padding-right:0.25cm;
vertical-align:middle;
white-space:nowrap;
}

td.subtitle
{
background-color:#F0F0F0;
font-weight:bold;
padding-top:0.1cm;
padding-left:0.25cm;
padding-right:0.25cm;
padding-bottom:0.1cm;
white-space:nowrap;
}

td.subtitleForum
{
background-color:#F0F0F0;
border-bottom:1px solid #015DB9;
border-top:1px solid #015DB9;
font-weight:bold;
padding-top:0.1cm;
padding-left:0.25cm;
padding-right:0.25cm;
padding-bottom:0.1cm;
white-space:nowrap;
}

input.button
{
background-color:#BDC0C3;
border:0;
text-align:center;
color:#FFFFFF;
display:inline;
font-size:8pt;
border:1px outset #015DB9;
margin-top:0.2cm;
}

input.textField
{
background-color:#FAF9F9;
border:1px dashed #;
font-size:9pt;
padding:3px;
text-decoration:none;
}

input.fieldError
{
border:1px dashed #015DB9;
font-size:9pt;
padding:3px;
text-decoration:none;
}

textarea.memoField
{
background-color:#FAF9F9;
border:1px dashed #015DB9;
font-size:9pt;
padding:3px;
text-decoration:none;
}

input.field
{
background-color:#FFFFFF;
border:1px inset #015DB9;
display:inline;
font-size:9pt;
}


.lightBackground
{
background-color:transparent;
}

.darkBackground
{
background-Color:#BDC5DD;
}

/*-----------------------------------------------
Avustavat css m&#228;&#228;ritykset joita k&#228;ytet&#228;&#228;n
tarvittaessa
-----------------------------------------------*/

form
{
padding:0;
margin:0;
}

.left
{
text-align:left;
}

.right
{
text-align:right;
}

.center
{
text-align:center;
}

.bottom
{
vertical-align:text-bottom;
}

.top
{
vertical-align:top;
}

.middle
{
vertical-align:middle;
}

img
{
border:0;
}

.content
{
font-family: Arial, Verdana, Helvetica;
font-size:75%;
padding-top:0.1cm;
padding-left:0.25cm;
padding-bottom:0.1cm;
padding-right:0.25cm;
}

.bold
{
font-weight:bold;
}

.maxWidth
{
width:100%;
}

.noWrap
{
white-space:nowrap;
}

.borderTop
{
border-top:1px solid #BDC0C3;
}

.borderLeft
{
border-left:1px solid #BDC0C3;
}

.borderBottom
{
border-bottom:1px solid #BDC0C3;
}

.borderBottomDashed
{
border-bottom:1px dashed #BDC0C3;
}

.borderRight
{
border-right:1px solid #BDC0C3;
}

.border
{
border:1px solid #BDC0C3;
}

span.selectedResource
{
background:#000080;
border:1px solid #667c65;
color:#ffffff;
padding-left:2px;
padding-right:1px;
}

/*-----------------------------------------------
Kaikkien webForm:ien otsikoiden m&#228;&#228;ritys
-----------------------------------------------*/

div.webformCaption
{
margin-top:5px;
text-decoration:none;
font-weight:bold;
}



}

//-->