/* pekan_geotyylit.css */

* {
margin: 0px;
padding: 0px;
}

body {
scrollbar-3d-light-color : #FFCC33;
scrollbar-arrow-color : teal;
scrollbar-base-color : #CCCCCC;
scrollbar-track-color : #F2FCF2;
scrollbar-dark-shadow-color : #FFFFFF;
scrollbar-face-color : #CCCCCC;
background-color : #F2FCF2;
font-family:Verdana,Arial,Helvetica,sans-serif;
color: #000080;
/* margin-left: 7%; */
font-size: 90%;
padding-top: 10px;
}

/* LINKKI */

a:link {
font-style : normal;
font-size: small;
color : #0000E0;
text-decoration : underline;
}

a:visited {
font-style : normal;
font-size: small;
color : #999999;
text-decoration : underline;
}

a:hover {
font-style : normal;
font-size: small;
color : #0055FF;
text-decoration : underline;
}

/* POSTILINKKI */

a.posti:link {
font-style : normal;
font-size: small;
color : #0000E0;
text-decoration : underline;
}

a.posti:visited {
font-style : normal;
font-size: small;
color : #0000E0;
text-decoration : underline;
}

a.posti:hover {
font-style : normal;
font-size: small;
color : #0055FF;
text-decoration : underline;
}

/* PIENI LINKKI */

a.SL:link {
font-style : normal;
font-size: small;
color : #0000E0;
text-decoration : underline;
}

a.SL:visited {
font-style : normal;
font-size: small;
color : #999999;
text-decoration : underline;
}

a.SL:hover {
font-style : normal;
font-size: small;
color : #0055FF;
text-decoration : underline;
}

/* MEDIUM LINKKI */

a.BL:link {
font-style : normal;
font-size: medium;
color : #000080;
text-decoration : underline;
}

a.BL:visited {
font-style : normal;
font-size: medium;
color : #999999;
text-decoration : underline;
}

a.BL:hover {
font-style : normal;
font-size: medium;
color : #0055FF;
text-decoration : underline;
}

/* MEDIUM STRONG LINKKI */

a.BSL:link  { 
color: #000080; 
font-size: medium; 
font-style: normal; 
font-weight: bold; 
text-decoration: underline 
}

a.BSL:visited  { 
color: #999999; 
font-size: medium; 
font-style: normal; 
font-weight: bold; 
text-decoration: underline 
}

a.BSL:hover  { 
color: #0055ff; 
font-size: medium; 
font-style: normal; 
font-weight: bold; 
text-decoration: underline 
}

.S {
font-size: small
}

.M {
font-size: medium
}

.L {
font-size: large
}

strong {
font-style : bold;
}

em{
font-style : italic
}

.puna {
color : red;
}

.harmaa { color: #999 
}

.patina {
color : #334E49;
}

.loru {
color : #753300;
font-family : Times New Roman,serif;
font-style : normal;
font-weight : bold;
font-size: large;
}

.otsikko-large  { 
color: #036853; 
font-size: large; 
font-family: "Times New Roman", serif; 
font-style: normal; font-weight: bold 
}

.otsikko-medium   { 
color: #036853; 
font-size: medium; 
font-family: "Times New Roman", serif; 
font-style: normal; font-weight: bold 
}

.lainaus {
color : #036853;
font-family : Times New Roman,serif;
font-style : normal;
font-weight : bold;
font-size: medium;
}

.lainaus1 { color: #036853; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal 
}

.joulunpuna {
color : #FF0000;
font-family : Times New Roman,serif;
font-style : normal;
font-weight : bold;
font-size: medium;
}

.tyhjaa  { line-height: 2 
}

/* YLÄVALIKKO */

a.YL:link {
font-style : normal;
font-size: smaller;
color : #0000E0;
text-decoration : underline;
}

a.YL:visited {
font-style : normal;
font-size: smaller;
color : #0000E0;
text-decoration : underline;
}

a.YL:hover {
font-style : normal;
font-size: smaller;
color : #0088FF;
text-decoration : underline;
}

/* YLÄVALIKKO aktiivikategoria*/

a.YAL:link {
font-style : normal;
font-size: smaller;
font-weight: bold;
color : #000000;
text-decoration : underline;
}

a.YAL:visited {
font-style : normal;
font-size: smaller;
font-weight: bold;
color : #000000;
text-decoration : underline;
}

a.YAL:hover {
font-style : normal;
font-size: smaller;
font-weight: bold;
color : #888888;
text-decoration : underline;
}


/* ETUSIVU */

.clr:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clr {height: 1%;
}
/* End hide from IE-mac */

#wrapper {
width: 100%;
text-align: center;
}

#content {
width: 720px;
text-align: left;
margin: 30px auto;
background: #e5e5e5;
}

/* JOHDANTO */

#johdanto {
width: 720px;
text-align: left;
margin: 30px auto;
background: #F2FcF2;
clear: both;
font-size: smaller;
color: #595959;
}

#header {
position: relative;
background: transparent;
margin: 20px 20px 2px 20px; /* PR */
}

#header h1 {
position: relative;
display: block;
float: left;
width: 340px;
height: 70px;
margin-top: -15px;
background: transparent;
}

#header h1 span {
display: none;
}

#header form {
display: block;
float: right;
text-align: right;
margin: 10px 10px 0px;
}

#header label {
font-size: 80%;
color: #999;
}

#header input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
border: 1px solid #000;
}

#header input#query {
padding: 1px;
}

#header ul {
margin: 3px;
}

#header ul li, #footer ul li {
list-style: none;
display: inline;
border-left: 1px solid #000;
padding-left: 5px;
}

#header ul li.first, #footer ul li.first {
padding-left: 0;
border: 0;
}

#header ul li a {
color: #000;
text-decoration: none;
font-size: 90%;
}

#header ul li a:hover {
text-decoration: underline;
}

#header ul#lang {
display: block;
position: absolute;
/*float: right;*/
right: 0px;
margin-top: -30px;
}

#main {
background: transparent;
width: 720px;
padding-top: 15px;
}

#main ul {
display: block;
margin: 0px -15px 0px 15px;
}

#main ul li {
position: relative;
display: block;
clear: none;
float: left;
margin: 0px 10px 10px 0px;
}

#main ul li a, #main ul li.news {
display: block;
background: #fff; 
width: 340px; /* (720-40)/2 */
min-height: 100px;
text-decoration: none;
color: #000;
}

/* ie min-height fix */
* html #main ul li a, * html #main ul li.news { height: 100px; 
}

#main div.top {
margin: 0px -15px 15px 15px;
width: 720px;
height: 32px;
background: #fff;
}

#main div.top a {
display: block;
width: 100%;
line-height: 32px;
text-align: center;
text-decoration: none;
color: #000;
font-weight: bold;
background: transparent;
}

#main div.top a:hover {
background: #ffffcc; /* dae3da; vihreä */
text-decoration: underline;
}

#main div.top a span {
display: block;
width: 100%;
line-height: 32px;
background: transparent;
cursor: pointer;
cursor: hand;
}

#main ul li span, #main ul li.news div {
display: block;
/* height: 100%; */
background: transparent; 
}

#main ul li span { cursor: pointer; 
}

#main ul li span span {
display: block;
height: auto;
font-size: 75%;
margin-left: 70px;
padding-right: 3px;
line-height: 1.4em;
background: none;
}	

#main ul li a b {
font-weight: bold;
font-size: 1.1em;
line-height: 2em;
color: #30489b;
}	

#main ul li a img {
float: left;
border: 0px;
margin: 25px 10px;
}	

#main ul li a:hover { text-decoration: underline; 
}

#main ul li a:hover/* hide from IE5 */ { text-decoration: none; background: #ffffcc; /* dae3da; vihreä */
}

#main ul li a:hover span/* hide from IE5 */ { background: transparent; 
}

#main ul li a:hover span span/* hide from IE5 */ { background: none; 
}

#main ul li a:hover b {	text-decoration: underline; 
}

#main ul li.news div { min-height: 95px; 
}

#main ul li.news dl {
margin: 5px;
font-size: 75%;
}

#main ul li.news a {
display: inline;
width: auto;
height: auto;
font-weight: bold;
color: #30489b;
background: none;
}

#main ul li.news a:hover {
text-decoration: underline;
background: none;
}

#footer {
padding: 5px 15px 15px 15px;
background: transparent;
}

#footer ul {
display: inline;
}

#footer ul li span {
font-size: 125%;
line-height: 1.5em;
}

#footer ul li a {
color: #000;
font-weight: bold;
text-decoration: none;
font-size: 90%;
}

#footer ul li a img {
padding: 3px;
border-bottom: 1px solid #e5e5e5;
}

#footer ul li a:hover {
text-decoration: underline;
}

#footer ul li a:hover img {
border-bottom: 1px solid #000;
}

#johdanto, #header, #main, #footer {
clear: both;
}