body {
   background-color: #fff;
   color: #000;
   font-family: arial, helvetica, sans-serif;
   text-align: center; /* MSIE hack */
   font-size: 0.8em;
}

form {
   margin: 0;
   padding: 0;
}

#content {
    width: 950px;
    margin: auto; 
    position: relative;
    text-align: left; /* MSIE hack */
    border: 1px solid #fff; /* Opera 8/9 hack */
}

#tyokalut {
    float: left;
    width: 30px;
    text-align: center;
}

img.n_navi {
    position: absolute;
    top: 0px;
    left: 291px;
}

img.s_navi {
	position: absolute;
	bottom: 0;
	left: 291px;
}      

img.se_navi {
	position: absolute;
	bottom: 0;
	right: 0;
}

img.sw_navi {
	position: absolute;
	bottom: 0;
	left: 0;
}

img.e_navi {
    position: absolute; 
	right: 0px; 
	top: 291px;
}

img.w_navi {
    position: absolute; 
	left: 0; 
	top: 291px;
}

img.nw_navi {
    position: absolute; 
	left: 0; 
	top: 0;
}

img.ne_navi {
    position: absolute; 
	right: 0; 
	top: 0;
}


#paakartta {
   float: left;
   padding: 0;
   margin-top: 0;
   margin-left: 0;
   margin-right: 0;
   margin-bottom: 5px;
   background-color: transparent;
}

#paakartta .mapcontainer {
   position: relative;
   width: 628px;
   height: 628px;
   padding: 0;
   margin: 0;
}

#kpkoord {
   font-family: arial;
   font-size: 85%;
   line-height: 1.5em;
   margin-top: 85px;
   margin-left: 90px; 
   text-align: center; 
}

#toiminne {
   padding: 1.5em 10px 1em 10px;
   margin-top: 1px;
   margin-bottom: 5px;
   margin-left: auto;
   margin-right: auto;
   clear: both;
   position: relative;
   min-height: 410px;
   height: auto !important;
   height: 404px;
}

#paakartta .maptop {
  height: 13px;
}

#paakartta .mapcenter {
 text-align: center;
}

#paakartta .mapbottom {
  height: 13px;
}

#rightpane {
  float: left;
  width: 288px;
  padding: 0;
  margin: 0;
}

#orientointi {
 border: 1px solid #fff;
 z-index: 1;
}

#aineistovalinta {
    text-align: center;
    padding: 17px;
    margin: 0;
    font-family: arial;
    font-weight: bold;
    font-size: 0.9em;
}

#aineistovalinta .currentLayer {
    background-color: #6CC3EB;
    color: #fff;
    padding: 3px;
    background-image: url(/kuvat/tausta_aktiivinen.gif);
    background-repeat: repeat-x;
    border: 1px solid #57a7cc;
}

#aineistovalinta a, #aineistovalinta a:visited {
    text-decoration: none;
}


img { border: 0; padding: 0; }
select.hakutulos {
    width: 100%;
    font-size: 85%;
}
 
p {  }

p.lomakekentta {
	margin: 0 0 5px 0;
	padding: 2px;
}

.kielititle {
   margin-left: 0.5em;
   margin-right: 0.5em;

}

#toiminto_ohje {
   position: absolute;
   top: 0.25em;
   right: 5px;
}

textarea.viesti {
   font-size: 12px; font-family: arial, helvetica, sans-serif;
}

.tool-icon {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	background-color:  #fff;
	color: #000;
	padding: 1px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 11px;
	width: 19px;
	height: 19px;
        
}

.active-tool {
	text-align: center;
    background-color: #6CC3EB; 
	color: #000;
	border-left: 1px solid navy;
	border-top: 1px solid navy;
	border-right: 1px solid  #eee;
	border-bottom: 1px solid  #eee;
	padding: 1px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 11px;
	width: 19px;
	height: 19px;
}

.toolrow {
   line-height: 1.6em;
   margin-bottom: 1em;
   width: 100%;
   clear: both;
}

.toolrow .tool-icon2 {
   	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center; 
        background-color:  #fff;
	color: #000;
	padding: 1px;
        margin-left: 1px; 
	margin-top: 0px;
	margin-bottom: 13px;
        margin-right: 0.5em;
	float: left;
	width: 19px;
	height: 19px;
}

.toolrow .active-tool2 { 
	border-left: 1px solid navy;
	border-top: 1px solid navy;
	border-right: 1px solid  #eee;
	border-bottom: 1px solid  #eee;
	text-align: center;
        background-color: #6CC3EB; 
	color: #000;
	padding: 1px;
        margin-left: 1px;  
        margin-right: 0.5em;
  	margin-bottom: 13px;	float: left;
	width: 19px;
	height: 19px;
}

label {
  cursor: pointer;	
}

h1 {
	color:#096;
	background: transparent;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	
}


h2 {
	color: #000;
	background: transparent;
	font-weight: bold;
	margin-top: 0.5em; 
	margin-bottom: 1em;
	font-size: 1.3em;
	clear: both;
}

input.nappi, input.rivi, input.rivi_pieni {
	background: url('/kuvat/nappi-tausta2.gif');
/*        background: url('/kuvat/tausta-eiaktiivinen.gif');*/
        background-repeat: repeat-x;
	border: 1px solid #80b15f;
	padding: 0;
	font-weight: bold;
        color: #000;
        cursor: pointer;
        margin-left: 0;
}

input.rivi_pieni {
   font-size: 0.8em;
}

p.virhe, p.error {
	font-weight: bold;
	color: #f00;
	background: transparent;
}

p.actionok {
   font-weight: bold;
}

a, a:visited {
   color: #006699;
   background: transparent;
}

#valikko ul {
   list-style-type: none;	
   padding: 0;
   font-size: 0.85em;
   font-family: 'Bitstream Vera Sans', Arial, Helvetica;
}

#valikko .menurivi {
   padding: 0;
   margin: 0;
}

#valikko .menurivi li {
   float: left;
   display: block;
   margin: 0px;
   margin-bottom: 3px;
   padding: 0;
   font-weight:bold;
   width: 92px;
   font-size: 110%;
}

#valikko .menurivi li.middleButton {
   margin-left: 3px;
   margin-right: 3px;
}

html > body #valikko .menurivi li {
   width: 92px;
}

#valikko .menurivi li .current {
   color: #fff;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   width: 92px;
   border: 1px solid #57a7cc;
   font-weight: bold;
   background-image: url(/kuvat/tausta_aktiivinen.gif);
   background-repeat: repeat-x;
}

#valikko .menurivi li a.current, .menurivi li a.current:visited {
   width: 92px;
   border: 1px solid #57a7cc;
   color: #ffffff;
   float: left; 
   display: block;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
}

#valikko .menurivi li a, .menurivi li a:visited {
   width: 92px;
   background-color:  #ffffff;
   border: 1px solid #80b15f;
   color: #fff;
   float: left;
   display: block;
   text-align: center;
   text-decoration: none;
   font-weight: bold;
   display: block;
   vertical-align: bottom;
   background-image: url(/kuvat/tausta_eiaktiivinen.gif);
   background-repeat: repeat-x;
}

/* IE Hack broken in IE7.. */
html>body #valikko .menurivi li.middleButton {
   margin-left: 3px;
   margin-right: 3px;
}

p.ostoskorintila { 
   clear: both;
   margin-top: 2em;
}

#footer .txtvasen {
   text-align: left;
   float: left;
}

#footer .txtoikea {
 text-align: left;
 float: right;
 margin-right: 140px;
}


.txtrivi {
   clear: both;
   font-size: 12px;
}


img.logo { 
   margin-top: 13px;
   margin-right: 32px;
   float: right;
}

#orientmap {
  cursor: crosshair;
  position: absolute;
  top: 0px;
  right: 209px;
  padding: 0;
  z-index: 3;
}

input.orimap {
	border: 1px solid #AFD3C5;
	
}

#footer {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}

#tyokalut a {
  clear: both;
  position: relative;
  margin: 0px;
  padding: 0;
}

#scalebar ul {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#scalebar li img {
   margin: 0;
   padding: 0;
   display: block;
   text-align: center;
   vertical-align: bottom; /* IE UL space hack */
}

html > body #scalebar li img {
   vertical-align: top;	
}

#scalebar li {
  list-style: none;
  padding: 0;
  margin:0;
  border: 0;
  line-height: 0px;
}

/*ol.ohje {
 margin-top: 1em;
 margin-bottom: 1em;
 margin-left: 2em;
}*/

/*ol.ohje { margin-left: 0;}
ol.ohje li { margin-top: 1em; font-size: 100%; margin-left: 0em;}*/

.sis {
  margin-left: 1em;
  margin-top: -1em;

}

.yljnro_title {
  font-weight: bold;
  color: maroon;
  background: transparent;
}

.utmnro_title {
  font-weight: bold;
  color: navy;
  background: transparent;

}

table.lehdet {
/*  font-size: 0.8em;
  font-family: arial, helvetica, sans-serif;*/
}

html > body #scalebar li {
  margin-left: 6px;
}