body {
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	margin-top:0px;
}

table{
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #fff;
	text-align: left;
	font-size: 14px;
}

ul{
	margin: 3px 0px 0px 0px;
}
li {
	list-style-type: disc;
	margin: 0px;
	padding: 0px;
}




#outline {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
        padding: 0px;
	border-top: 0px;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
	background: #fff;
	width: 1000px;
        z-index: 0;
	text-align: center;
	background-image: url(background.gif);
}
#header {
	position: relative;
        padding: 0px;
	border: 0px;
	width: 100%;
	height: 158px;
	background: #fff;
	margin: 0 auto 0 auto;
	z-index: 1;
	background-image: url(top.gif);
	overflow: hidden;
	text-align: left;
}

#content {
	position: relative;
        padding: 0;
        
	border: 0px;
	width: 100%;
	background: #fff;
	margin: 0 auto 0 auto;
	z-index: 1;
        background-image: url(background.gif);
       	text-align: left;
}
#ajankohtaista {
	position: relative;
        padding: 0px;
	border-top: 1px Solid #acc1ca;
	width: 100%;
	background: #f0f9fa;
	margin: 0 auto 0 auto;
	z-index: 1;
	background-image: url(background.gif);
}
#footer {
	position: relative;
        padding: 0px;
	border: 0px;
	width: 100%;
	height: 18px;
	margin: 0 auto 0 auto;
	z-index: 1;
	background-image: url(bottom.gif);
}
#footer-blue {
	position: relative;
        padding: 0px;
	border: 0px;
	width: 100%;
	height: 18px;
	margin: 0 auto 0 auto;
	z-index: 1;
        background: #f0f9fa;
	background-image: url(bottom.gif);
}

h1 {
        font-size: 28px;
        font-weight: bold;
        color: #023451;
        margin: 25px 0 0 5px;
        padding: 0px;
}
a.otsikko:link, a.otsikko:visited, a.otsikko:hover, a.otsikko:active{
        color: #023451;
        text-decoration: none;
}

a.top_navi:link, a.top_navi:visited, a.top_navi:hover, a.top_navi:active{
        color: #000000;
        text-decoration: none;
}
a.top_navi_drop:link, a.top_navi_drop:visited, a.top_navi_drop:hover, a.top_navi_drop:active{
        color: #000000;
        text-decoration: none;
}


a:link, a:visited {
              color: #163c63;
              text-decoration: underline;
}
a:hover, a:active {
              color: #69061a;
              text-decoration: underline;
}

a.harmaa:link, a.harmaa:visited{
        color: #b0b0b0;
        text-decoration: none;
}
a.harmaa:hover, a.harmaa:active{
        color: #b0b0b0;
        text-decoration: underline;
}

a.unohdus:link, a.unohdus:visited{
        color: #b0b0b0;
        text-decoration: none;
}
a.unohdus:hover, a.unohdus:active{
        color: #9b2f2f;
        text-decoration: underline;
}


a.sivulinkki:link, a.sivulinkki:visited{
        color: #747474;
        text-decoration: none;
}
a.sivulinkki:hover, a.sivulinkki:active{
        color: #ad0000;
        text-decoration: underline;
	background-color: #f9f9f9;
}


a.kuvan_muokkaus:link, a.kuvan_muokkaus:visited{
        font-size: 10px;
        color: #a6cdd1;
        text-decoration: none;
}
 a.kuvan_muokkaus:hover, a.kuvan_muokkaus:active{
        font-size: 10px;
        color: #0e507b;
        text-decoration: underline;
}


.news {
        font-size: 16px;
        font-weight: bold;
        color: #7daec4;
        margin: 0px;
        padding: 0px 0px 6px 0px;
}


#navi{
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: table;
        line-height: 26px;
        font-weight: bold;
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 14px;
}
#navi a, #navi a:visited{
	color: #000000;
	text-decoration: none;
}

#navi a:hover, #navi a:active{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px Solid #ff4605;
}

#navi a.set, #navi a.set:visited{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px Solid #ff4605; /* Valitun alasivun tyyli */
}
#navi a.set:hover, #navi a.set:active{
	color: #000000;
	text-decoration: none;
	border-bottom: 1px Solid #ff4605;
}

.kolmostaso{
        margin-left: 40px;
        line-height: 20px;
        font-size: 12px;
}
.kolmostaso_set{
        margin-left: 40px;
        line-height: 20px;
        font-size: 12px;
        border-bottom: 1px Solid #ff4605;
}






a.tiedot, a.tiedot:visited {
        color: #023451;
        font-variant: normal;
        text-decoration: none;
}
a.tiedot:hover, a.tiedot:active{
        color: #023451;
        font-variant: normal;
        text-decoration: underline;
}

a.logout, a.logout:visited {
        color: #023451;
        text-decoration: none;
}
a.logout:hover, a.logout:active{
        color: #023451;
        text-decoration: underline;
}

a.hallintalinkki, a.hallintalinkki:visited {
        color: #c5d5db;
        text-decoration: none;
}
a.hallintalinkki:hover, a.hallintalinkki:active{
        color: #023451;
        text-decoration: underline;
}



div.kuva {
  border: thin silver solid;
  /*margin: 0.5em;*/
  padding: 0.5em; 
}
div.kuva p {
  text-align: center;
 /* font-style: italic;*/
  letter-spacing: 0.1em;
  font-size: smaller;
}





ul.column{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}
ul.column li {
        list-style-type: none;
	float: left;
	width: 100%;
	padding: 5px 0 0 0;
	margin: 0;
}
ul.column li .pvm {
/*	font-weight: bold;  */
	float: left;
	width: 50px;
	padding: 0;
	text-align: left;
}
ul.column li .pvm img {
	padding: 5px;
	margin-bottom: 5px;
	background: #fff;
	border: 1px solid #ccc;
}
ul.column li .detail{
	padding-left: 60px;
}




a.rekisteroidy, a.rekisteroidy:visited {
        color: #2f609b;
        text-decoration: none;

}
a.rekisteroidy:hover, a.rekisteroidy:active{
        color: #9b2f2f;
        text-decoration: underline;

}



a.kalenteriohjaus, a.kalenteriohjaus:visited {
        color: #000000;
        text-decoration: none;
        font-weight: bold;
}
a.kalenteriohjaus:hover, a.kalenteriohjaus:active{
        color: #2f609b;
        text-decoration: underline;
        font-weight: bold;
}




a.varauslinkki_rekisteri, a.varauslinkki_rekisteri:visited {
        color: #000000;
        text-decoration: none;
        font-weight: bold;
}
a.varauslinkki_rekisteri:hover, a.varauslinkki_rekisteri:active{
        color: #000000;
        text-decoration: underline;
        font-weight: bold;
}



a.galleria_poista, a.galleria_poista:visited {
        color: #acc1ca;
        text-decoration: none;

}
a.galleria_poista:hover, a.galleria_poista:active{
        color: #f0f9fa;
        text-decoration: underline;

}



.chromestyle{
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;

background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
color: #000000;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
background: url(chromebg-over.gif) center center repeat-x;
}




label{
float: left;
width: 175px;
font-weight: bold;
}

input.login{
width: 180px;
margin-bottom: 5px;
}




form.tiedot label {
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px;
	padding: 0;
	margin: 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
        font-weight: normal;
}
form.tiedot fieldset {
        border: 1px solid #c0c0c0;
	width: 600px;
	margin: 5px 0 5px 0;
        font-weight: normal;
}


#kenttakirja tr:hover{
    background-color: #bfd0d7;
}
.valkoinen{background-color: #ffffff;}
.harmaa{background-color: #f9f9f9;}

a.muuttumaton, a.muuttumaton:visited, a.muuttumaton:hover, a.muuttumaton:active{
        text-decoration: none;
        color: #000000;
}


.kuukausi {
  font-weight: bold;
  background-color: #c8e1eb;
}
.paiva2 {                                     /* Kalenteripäivä ilman merkintöjä */
  background-color: #7daec4;
}
.varauskalenteri_paiva {                                     /* Kalenteripäivä ilman merkintöjä */
  background-color: #154d65;
  color: #ffffff;
}
.tyhja {
  background-color: #ffffff;
  border: 1px solid #c0c0c0;
}
.paiva {                                     /* Kalenteripäivä ilman merkintöjä */
  background-color: #f0f9fa;
  border: 1px solid #c0c0c0;
}
.tanaan {                                    /* Kuluvan päivän reunusten väri */
  background-color: #f0f9fa;
  border: 1px solid #ff4605;
}


.paiva_pieni {                                     /* Kalenteripäivä ilman merkintöjä */
  font-size: 12px;
}
.tanaan_pieni {                                    /* Kuluvan päivän reunusten väri */
  font-size: 12px;
}

a.kalenterilinkki, a.kalenterilinkki:visited {
   display: block;
   width: 100%;
   color: #000000;
   text-decoration: none;
}
a.kalenterilinkki:hover, a.kalenterilinkki:active {
   display: block;
   width: 100%;
   color: #000000;
   text-decoration: underline;
   cursor: pointer;
  
}





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

ul#gallery>li{
float: left;
padding: 3px;
margin: 5px;
width: auto;
height: auto;
border: 1px solid transparent;
}

ul#gallery>li ul{
padding: 3px;
/*margin-top: 50px;*/
border: 1px solid #000;
background-color: #ffffe1;
color: #000;
font-size: 70%;
max-width: 40%;
display: none;
position: absolute;
}

ul#gallery>li ul li{
margin-top: 2px;
}

ul#gallery>li:hover{
color: #369;
background-color: transparent;
border-color: #369;
}

ul#gallery>li:hover ul{
display: block;
list-style-type: none;
text-align: left;

}

/*
ul#gallery ul:before{
content: "Image Information";
font-size: 130%;
font-weight: bold;
border-bottom: 1px solid #999;
display: block;
}

ul#gallery ul:after{
content: "(click to view the larger version of this image)";
font-size: 90%;
text-align: right;
border-top: 1px solid #999;
display: block;
margin-top: 1em;
}  */

ul#gallery img{
/*width: 48px;
height: 48px;*/
display: block;
}

img,a img{
border: 0;
}

ul#gallery:after{
content: ".";
display: block;
height: 0;
overflow: hidden;
clear: both;
visibility:hidden;
}












table.foorumi {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #597189;
	border-collapse: collapse;
}

table.foorumi th {
	border-width: 0px;
	padding: 5px;
	background-color: #154d65;
	font-size: 12px;
        color: #ffffff;
}

table.foorumi td{
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: gray;
}


a#fbutton-uusi-aihe {
  vertical-align: -3px;
    display: inline-block;
    width: 86px;
    height: 18px;
    background-image: url(foorumi-uusi_aihe.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-uusi-aihe:hover {
    background-position: 0 -18px;
}


a#fbutton-merkitse-luetuiksi {
  vertical-align: -3px;
    display: inline-block;
    width: 131px;
    height: 18px;
    background-image: url(foorumi-merkitse_luetuiksi.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-merkitse-luetuiksi:hover {
    background-position: 0 -18px;
}


a#fbutton-haku {
  vertical-align: -3px;
    display: inline-block;
    width: 82px;
    height: 18px;
    background-image: url(foorumi-haku.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-haku:hover {
    background-position: 0 -18px;
}

a#fbutton-lisaa-lento {
  vertical-align: -3px;
    display: inline-block;
    width: 106px;
    height: 18px;
    background-image: url(foorumi-lisaa_lento.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-lisaa-lento:hover {
    background-position: 0 -18px;
}

a#fbutton-lisaa-kuvia {
  vertical-align: -3px;
    display: inline-block;
    width: 102px;
    height: 18px;
    background-image: url(foorumi-lisaa_kuvia.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-lisaa-kuvia:hover {
    background-position: 0 -18px;
}

a#fbutton-omat-kuvani {
  vertical-align: -3px;
    display: inline-block;
    width: 109px;
    height: 18px;
    background-image: url(foorumi-omat-kuvani.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-omat-kuvani:hover {
    background-position: 0 -18px;
}

a#fbutton-lisaa-albumi {
  vertical-align: -3px;
    display: inline-block;
    width: 108px;
    height: 18px;
    background-image: url(foorumi-lisaa_albumi.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-lisaa-albumi:hover {
    background-position: 0 -18px;
}

a#fbutton-vastaa {
  vertical-align: -3px;
    display: inline-block;
    width: 86px;
    height: 18px;
    background-image: url(foorumi-vastaa.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-vastaa:hover {
    background-position: 0 -18px;
}

a#fbutton-muistutus {
  vertical-align: -3px;
    display: inline-block;
    width: 90px;
    height: 18px;
    background-image: url(foorumi-muistutus.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-muistutus:hover {
    background-position: 0 -18px;
}

a#fbutton-palaa-alkuun {
  vertical-align: -3px;
    display: inline-block;
    width: 117px;
    height: 18px;
    background-image: url(foorumi-palaa-alkuun.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-palaa-alkuun:hover {
    background-position: 0 -18px;
}

a#fbutton-poista-muistutus {
  vertical-align: -3px;
    display: inline-block;
    width: 125px;
    height: 18px;
    background-image: url(foorumi-poista-muistutus.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-poista-muistutus:hover {
    background-position: 0 -18px;
}

a#fbutton-albumin-asetukset {
  vertical-align: -3px;
    display: inline-block;
    width: 129px;
    height: 18px;
    background-image: url(foorumi-albumin_asetukset.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-albumin-asetukset:hover {
    background-position: 0 -18px;
}

a#fbutton-seuraava {
  vertical-align: -3px;
    display: inline-block;
    width: 90px;
    height: 18px;
    background-image: url(foorumi-seuraava.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-seuraava:hover {
    background-position: 0 -18px;
}
a#fbutton-edellinen {
  vertical-align: -3px;
    display: inline-block;
    width: 90px;
    height: 18px;
    background-image: url(foorumi-edellinen.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-edellinen:hover {
    background-position: 0 -18px;
}
a#fbutton-takaisin_listaukseen {
  vertical-align: -3px;
    display: inline-block;
    width: 120px;
    height: 18px;
    background-image: url(foorumi-takaisin_listaukseen.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-takaisin_listaukseen:hover {
    background-position: 0 -18px;
}

a#fbutton-lisaa-merkinta {
  vertical-align: -3px;
    display: inline-block;
    width: 116px;
    height: 18px;
    background-image: url(foorumi-lisaa_merkinta.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-lisaa-merkinta:hover {
    background-position: 0 -18px;
}



a#nappi-kirjoita {
    vertical-align: -3px;
    display: inline-block;
    width: 83px;
    height: 18px;
    background-image: url(nappi-kirjoita.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#nappi-kirjoita:hover {
    background-position: 0 -18px;
}

a#nappi-tilastot {
    vertical-align: -3px;
    display: inline-block;
    width: 93px;
    height: 18px;
    background-image: url(nappi-tilastot.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#nappi-kirjoita:hover {
    background-position: 0 -18px;
}

a#nappi-tilastot {
    vertical-align: -3px;
    display: inline-block;
    width: 93px;
    height: 18px;
    background-image: url(nappi-tilastot.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#nappi-tilastot:hover {
    background-position: 0 -18px;
}

a#nappi-suodata {
    vertical-align: -3px;
    display: inline-block;
    width: 86px;
    height: 18px;
    background-image: url(nappi-suodata.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#nappi-suodata:hover {
    background-position: 0 -18px;
}



a#fbutton-lainaa {

    display: inline-block;
    width: 86px;
    height: 13px;
    background-image: url(foorumi-lainaa.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-lainaa:hover {
    background-position: 0 -13px;
}

a#fbutton-muokkaa {
    display: inline-block;
    width: 86px;
    height: 13px;
    background-image: url(foorumi-muokkaa.gif);
    background-position: 0 0;
    margin: 0 auto;
}
a#fbutton-muokkaa:hover {
    background-position: 0 -13px;
}




a .alt { display: none; }

a.foorumi_viesti, a.foorumi_viesti:visited {
        color: #000000;
        text-decoration: none;
}
a.foorumi_viesti:hover, a.foorumi_viesti:active{
        color: #ad0000;
        text-decoration: underline;
}


legend.quote {
  background-color: #ffffff;
  padding: 1px 1em 1px 1em;
  border: 1px solid #ababab;
  color: #154d65;
  font-size: 90%;
  text-align: right;
}














table.kenttakirja {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #597189;
	border-collapse: collapse;
}

table.kenttakirja th {
	border-width: 0px;
	padding: 5px;
	background-color: #154d65;
	font-size: 10px;
        color: #ffffff;
}

table.kenttakirja td{
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: gray;
	font-size: 12px;
}





table.kenttakirja_lomake {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #597189;
	border-collapse: collapse;
}

table.kenttakirja_lomake th {
	border-width: 0px;
	padding: 3px;
	background-color: #154d65;
	font-size: 12px;
        color: #ffffff;
}

table.kenttakirja_lomake td{
	border-width: 0px;
	padding: 2px 1px 2px 1px;
	font-size: 9px;
}



















div.albumi_in{
	border-width: 2px 2px 2px 2px;
	border-style: solid;
        border-color: #c2e591;
        text-align: left;
        cursor: pointer;
}
div.albumi_out, div.albumi{
	border-width: 2px 2px 2px 2px;
	border-style: solid;
        border-color: #f0f9fa;
        text-align: left;
        cursor: pointer;
}

.albumi_img{
        float: left;
        width: 160px;
}

p.albumi_nimi{
        font-size: 16px;
        line-height: 2em;
        color: rgb(84, 119, 202);
        margin: 2px 0 5px 0;
}

p.albumi_pvm{
        font-size: 16px;
        line-height: 2em;
        color: rgb(84, 119, 202);
        margin: 2px 0 5px 0;
}

p.albumi_kuvaus{
        font-size: 14px;
        margin: 0px;
        padding: 0px;
}

a.albumin-kuva, a.albumin-kuva:visited {
        font-size: 10px;
        color: #000000;
        text-decoration: none;
}
a.albumin-kuva:hover, a.albumin-kuva:active{
        color: #ad0000;
}












a.sivu, a.sivu:visited {
        color: #404040;
        text-decoration: none;
}
a.sivu:hover, a.sivu:active{
        color: #ad0000;
        text-decoration: none;
}




a.laatikkolinkki, a.laatikkolinkki:visited {
        color: #163c63;
        text-decoration: none;
}
a.laatikkolinkki:hover, a.laatikkolinkki:active{
        color: #163c63;
        text-decoration: none;
        font-weight: bold;
        letter-spacing:-1px
}


#maptable { position:relative;margin-top:0px;overflow:hidden;border:1px solid #aaaaaa; display:none; }
#maptable img { height:100%;width:100%; }
#mover { position:relative; }