* 
{ 
margin: 0; 
padding: 0; 
}

html {
margin-bottom : 1px;
text-align: center;
overflow-y: scroll;
height: 100%;
}

body {
  margin: 0;
  margin:2px 0 0 0;
  padding:0;
  text-align: center;
  font: 12px verdana, arial, sans-serif;  
  background: #fff url(template/tausta.gif) repeat;
/*background: #407FA2 url(tausta.gif) repeat-y top center;*/
  }


tr.ots{ /*otsikko*/
background:#b0b0b0;

}

tr.pl{ /*parillinen*/
background:#f0e0f0;
}

tr.pl:hover { /*mouseover*/
  background:#C0DEE9;
}


tr.pt{ /*pariton*/
background:#d0d0d0;
}

tr.pt:hover{ /*pariton, mouseover*/
background:#C0DEE9;
}

tr.ylin1{ /*ylin taso taulukossa kategoriat*/
background:#f5f5f5;
}

tr.ylin2{ /*ylin taso taulukossa kategoriat*/
background:#e5e5e5;
}

#sivutable {

position: relative;
width: 990px;
border-collapse: collapse;
background: transparent;
text-align: center;
margin: 0px auto 0px auto;

}

td.pikkukuva{
/*border: #2f2f2f 1px solid;*/
text-align:center;
width:175px;
padding: 4px;
margin: 6px auto 2px auto;
vertical-align: top;
}

img.pikkukuva{
border: #2f2f2f 1px solid;
padding:3px;
vertical-align:top;
}

td.isokuva{
margin: 6px auto 2px auto;
text-align:center;

}

#pikkukuvasolu {
width: 200px;
padding: 10px;
}

#table2 {
position: relative;
width: 990px;
border-collapse: collapse;
background: #fff;
text-align: left;

}
caption {
background:#C0DEE9;
border: #000000 1px solid;
font-weight: bold;
margin: 2px 0 2px 0;
}

table.perustaulukko /*vain hallintapuolella */
{
vertical-align:top;
position: relative;
width: 910px;
text-align: left;
font-size: 12px;
}

table.usertaulukko /*vain hallintapuolella */
{
vertical-align:top;
position: relative;
width: 910px;
text-align: left;
font-size: 12px;
}




table.lomaketaulukko
{
vertical-align:top;
position: relative;
clear:both;
float:left;
width: 520px;
text-align: left;
font-size: 12px;
margin-bottom:5px;
}


.lomaketaulukko td
{
padding:2px 2px !important;
}

.keskitys /*keskittää sisällön */
{
width:90%;
margin:auto;
float:none;
text-align:center;
}

/*
table.maksutaulukko
{
border:grey 1px solid;
position: relative;
width: 540px;
text-align: left;
font-size: 12px;
clear:left;
background:#ffffff;
color:#000000;
}
*/

img.esittelykuva {
border: #a9b4ae 1px solid;
margin: 2px auto 2px auto;
width: 170px;
height: 170px;

}

td.logo { /*tässä logokuva ja iso teksti*/
width: 990px;
background: #fff url(template/yla1.jpg) no-repeat top center;
font-size:2em;
color:#eeeeee;
height:0px;
visibility:hidden;
}


#slogan { /*sloganteksti */
font-size:12px;
height:0px;
visibility:hidden;
}

#footeri {
  text-align: center;
  clear: both;
  font: 10px verdana, sans-serif;
  color: #ccc;
  background:transparent;
  /*padding: auto;*/
  vertical-align: top;
  margin-top:3px;
}

#footeri img {
vertical-align: middle; /*keskittää kuvat footerissa keskelle pystysuunnassa tekstin kanssa */
}

p.svaihto{
page-break-before: always;

}

td.valikko1
{
vertical-align: bottom;
width: 990px;
background: #000000 url(template/yla2.jpg) no-repeat bottom center;
text-align: left;
padding: 0px;
margin:0px;
font-size: 14px;
color: #6c92a9;
height:0px;
visibility:hidden;
}

td.valikko1 a
{
vertical-align: bottom;
display:block;
float:left;
clear:none;
height: 23px;
color: #6c92a9;
padding: 0 15px 0 15px;
margin:0px 4px 0px 4px;
}
/*
td.valikko1 a:visited
{
display:inline;
color: #6c92a9;
}
*/
#aktiivi /* LINKKI YLÄVALIKOSSA, voi olla vain yksi kerrallaan */
{
display:block;
float:left;
clear:none;
height: 23px;
padding: 0 15px 0 15px;
background: #E0EFF4 url(template/valakt.gif) repeat-x top;
border-top:#4Ea8aA 1px solid;
border-left:#6EB8CA 1px solid;
border-right:#4Ea8aA 2px solid;
}




td.asiasisalto {
padding-top: 1px;
padding-left: 8px;
vertical-align: top;
text-align: left; /* justify */
font-size: 12px;
text-decoration: none;
font-weight: normal;
color: #000000;
background: #ffffff;
width: 852px;
min-height: 512px;
padding-bottom:10px;
/*bgcolor="#038FC4" width="740" height="512" background="sinipohja.jpg" style="background-repeat: no-repeat"*/
}

ul.lista1
{
margin-top:15px;
margin-left:18px;
margin-bottom:8px;
list-style: disc outside;
list-style-type: disc;
/*color:#000000;*/
}

ul.lista1 li
{
list-style-type: disc;
margin-bottom:2px;
margin-top:2px;
}



h2 {
  clear: both;
  margin: 2px 0;
  font-size: 15px;
  text-transform: uppercase;
  color: #0f0f0d;

  
}

img {
border:0;
margin:0;
padding:0;

}

p.aputeksti {
font-size: 10px;
clear:all;
float:left;
}

p.kapea {
width:120px;
font-size: 10px;

}

p { 
  padding-left: 4px;
  }

p.etusivunteksti { /*kustomoitava etusivunteksti */

line-height: 180%;

}
a {
  color: #6c92a9;
  text-decoration: none;
}

a:visited {
  color: #6c92a9;
  text-decoration: none;
}

a:hover {
  color: #6090a0;
  text-decoration: underline;
}
td.oikea{
text-align: right;
color: #6c92a9;
}

.oikeafloat /*ohjelaatikot*/
{
clear:both;
vertical-align:top;
float:right;
width:300px;
margin:10px;
padding:10px;
display:block;
background: #9FDCED url(template/divbg1.jpg) repeat top left;
border:#B4D9F6 1px solid;
}



.oikeayla{ /*ruudukko ja listalinkit , sisältää .pikkunappi*/
width:80%;
padding:2px 70px 2px 0px;
position:relative;
color: #818173;
text-align:right;
margin: 0 90px 0 auto;
}

#virhe{
vertical-align: middle;
padding: 20px;
display: block;
border: #000000 dashed 1px;
background: #f3f2b7;
color: #ff0000;
width: 300px;
clear: both;


}

#ilmoitus{
vertical-align: middle;
padding: 20px;
display: block;
border: #000000 dashed 1px;
background: #f0f0d0;
color: #818173;
width: 300px;
clear: both;


}


img.pikkunappi{ /*esim. ruudukkoview / listaview napit kategoriasivulla */
padding-left: 5px;
}

label,input.norm {
    display: block;
    width: 195px;
    float: left;
	margin-bottom: 10px;
	font-size:12px;
}

input.haku {
 width: 155px;
font-size:11px;
margin-left:2px;
}
.perustaulukko input {
    display: block;
    width: 155px;
    float: left;
	margin-bottom: 10px;
	font-size:12px;
}
.perustaulukko input.short {
    display: block;
    width: 25px;
    float: left;
	margin-bottom: 10px;
	font-size:12px;
}


input.medium {
    display: block;
    width: 120px;
    float: left;
	margin-bottom: 10px;
	font-size:12px;
}


select {
font-size:12px;
padding:0 3px 0 3px;
}
label {
    text-align: left;
    width: 180px;
}

#searchbtn{
width:auto;
color: #0a0a0a; /*taustakuva? */
background: #a3a3ff;
border: #d7b9c9 2px outset;
margin-left:5px;
}

#lyhyt { /*esim kassalomakkeen kpl tekstikenttä */
width:auto;
}

.lyhyt { /*esim kassalomakkeen kpl tekstikenttä */
width:auto;
}





.button
{
width:auto;
color: #0f0f0f; /*taustakuva? */
background: #a3a3ff url(template/buttonbg.gif) repeat-x top;
border-left: #87C4DB 1px outset;
border-right: #87C4DB 1px outset;
margin-left:10px;
margin-right:5px;
height:22px;
padding: 3px 3px;
font: 10px arial, sans-serif; 
/*font-weight: bold;*/
}

.minibutton
{
width:auto;
font-size:10px;
color: #0a0a0a; /*taustakuva? */
background: #a3a3ff url(template/buttonbg.gif) repeat-x top;
margin-left:10px;
margin-right:5px;
border:1px;
height:17px;
padding: 0px 7px 0px 7px;	
/*font-weight: bold;*/
}

#fs /*superpieninamppi lisäys*/
{
display: block;
width: 16px;
float: right;
margin-bottom: 1px;
font-size:7px;
}

.button_smini /*superminibutton */
{
position:relative;
display: inline;
color: #0a0a0a; /*taustakuva? */
background: #a3a3ff url(template/plussa.gif) no-repeat top;
height:16px;
width:16px;
padding:0;
margin:1px 0 0 0;
/*font-weight: bold;*/
}




.bargraph
{
float:left;
clear:both;
padding:5px;
margin:5px;

}

.qmkuva { /*kysymysmerkin kuva */
position: relative;
border:0;
margin:2px 0 0 4px;
padding:0;
clear:none;
float:left;
}

.qmbkuva { /*kysymysmerkin kuva ISO */
position: relative;
border:0;
margin:2px 5px 0 4px;
padding:0;
clear:none;
float:left;
}
.popupkuva{
margin:0;
padding:0;
border:0;
}



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

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