form, body {margin: 0px; padding: 0px;}

BODY
{
background-color: white;
height: 100%;
}

BODY iframe  {overflow: scroll;}

#topimage {background-color: #007CC6;}
/*  TOPPI */
#frameless_top {width: 100%; border-bottom: 1px solid EFEFEF; background-color: #FFE981}
#ylalinkit {width: 100%; height: 30px; padding-left: 4px; padding-top: 4px;}
#ylalinkit div{font-size: 11px; }
#ylalinkit input, select{font-size: 11px;}
#logo {width: 132px; float: left; height: 30px;}
#wise_search {float: right; height: 30px;}
#nimipaivat {width: 10px; line-height: 30px; float: left; display: none;} 
#top_date {width: 60px; line-height: 30px; float: left; margin-left: 10px; display: none;}
#langlinks {width: 200px; line-height: 30px;  float: left; }
#regular_search {float: left; width: 140px; height: 30px;}
.ryhmanvalintataulukko {} /* 2 topissa */


	
/*  HEADER */


/* MURUPOLKU */
#murugroup {clear: right; height: 30px; width: 100%;}
#murupolku {width: 100%; font-size: 11px;}
#murufirst {float: left; height: 30px;  line-height: 30px; overflow: hidden;} /* DIV */
#mururest {float: left; height: 30px; line-height: 30px;} /* DIV */
#muru_current {font-size: 11px; color: red; padding-left: 5px;} /* span */
.muru_etusivu  {height: 30px; line-height: 30px; color: red;}



/*  PÄÄVALIKKO */
#frameless_mainmenu {width: 100%:}
#menuarea_vaaka {}


#menudescription {}



/* TAULUKKOVALIKKO */
#menuarea {width: 172px;}
#frameless_menu {float: left; padding-right: 10px; width: 170px;}
#tablemenu td{padding-top: 5px; padding-bottom: 4px; padding-right: 4px;}
#tablemenu {border: 1px solid #EFEFEF; border-top: 0px; width: 170px; padding: 0px; margin-bottom: 5px;}
#menurow {}
#paatasolle {}
#erotin {}


/*  FOOTER */
#footer {width: 100%; height: 30px;}
#footer_username {display: none;}
#footer_url {font-family: tahoma, arial; float: left; font-size: 11px;  height: 30px; line-height: 30px;}
#footer_buttons {float: right;  height: 30px;  padding-top: 8px; padding-right: 8px;}


/* ALLTYPES */
#alltypes_table {width: 100%}
#alltypes_lajitteluvalinnat{width: 100%}
#alltypes_lajitteluvalinnat td{font-size: 10px; padding-right: 5px;}
#arkistovalinnat {margin-top: 6px;}
#testisalat {display: none;}
#lisayspainike  {}

/* 
.hakupolku
.hakutulos
 */

/* SIVUKARTTA */

#taulukko td a {color: black; font-size: 11px; text-decoration: none;}
#taulukko td a:hover {font-size: 11px; text-decoration: underline;}
#taulukko td {} 


 
/* Metalomakkeen fonttikoko */
#metasearchform .minileipis {font-size: 12px;}
#metasearchform select {font-size: 12px;}
 
.aineistopankki {width: 100%}
.html-sivu {width: 100%}
.gallery {width: 100%}
.htmlpainikkeet {width: 100%; font-size: 11px; padding-bottom: 4px;}
.releaseinfo {}  /* type: html */

.username {font-size: 11px; color: black; font-weight: bold}
.time { font-size: 11px; color: white; font-weight: normal}
.toplinks {font-size: 11px; color: black; text-decoration: none;}
.detail {font-size: 11px; color: black;}
.toplinks:mouseover {font-size: 11px; color: black; font-weight: normal}
.clickedlink {background-color: yellow;}

#oikopolut {} /* taulukko */
#oikopolku {} /* yksittäinen taulukko */



.dropdown
{
	font-size: 11px;
}


.infosbg /* Etusivun infojen yläboxit */

{
	height: 26px; 
	background-image: url(../images/button_bg.gif); 
	border: 1px solid #86ADC6}



.thead /* Listausnäkymien yläosat */
{

background-image: url(../images/thead_bg.gif);
background-repeat: repeat-x;
height: 26;
}


.thead td
{
font-weight: normal;
border-bottom: 1px solid #B0ACA1;
border-left: 1px solid white;
border-right: 1px solid #EFEFEF;
padding-left: 5px;
padding-right: 2px;
}

.thead td, .minileipis, .cursive, minicursive
{
font-family: tahoma;
font-size: 11px;
font-weight: normal;

}



.tbody
{
height: 26;
background-image: url(../images/tbody_bg.gif);
background-repeat: repeat-x;
background-position: bottom;
}


.tbody td
{
height: 26;
border-bottom: 1px solid #E0DFE3;
border-left: 1px solid white;
border-right: 1px solid #EFEFEF;
}




.titlebox
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    BACKGROUND-IMAGE: url(../images/head-title-bg.gif);
    COLOR: #045485;
    TEXT-DECORATION: none
}
.greencursive
{
    FONT-WEIGHT: bold;
    COLOR: green
}
.redcursive
{
    FONT-WEIGHT: bold;
    COLOR: red
}
.submitbutton
{
font-size: 11px;
}
.resetbutton
{
font-size: 11px;
}


.nolink
{
    COLOR: #6c6c6c
}
.fr-boxtitle
{
      BORDER: 1px solid gray;
      border-bottom: 0px
}
.fr-box
{
      BORDER: gray 1px solid
}
.menuborder
{
    BORDER: 0px dashed #77c5d3;
}

.kentta2, .kentta7, .kentta14, .kentta24, .textarea23, .kentta12, .textarea_large
{
    BORDER: #666666 1px solid;
    COLOR: black;
	font-size: 11px;
}


.multiple
{
    BORDER:  1px solid #666666;
    COLOR: black;
    FONT-FAMILY: Tahoma, verdana,arial;
	font-size: 11px;
}
.multiple2
{
    BORDER: 1px solid #666666 ;
    COLOR: black;
    FONT-FAMILY: Tahoma, verdana,arial;
	font-size: 11px;
}

.kentta2
{
    WIDTH: 30px;
}
.kentta7
{
    WIDTH: 96px;
}
.kentta14
{
    WIDTH: 180px;
}
.kentta24
{
    WIDTH: 360px;
}
.textarea23
{
    WIDTH: 360px;
    HEIGHT: 164px
}
.kentta12
{
    WIDTH: 150px;
}
.textarea_large
{
    FONT-SIZE: 9pt;
    WIDTH: 520px;
    COLOR: navy
}
.multiple
{
    FONT-SIZE: 9pt;
    WIDTH: 150px;
    COLOR: navy;
    HEIGHT: 100px
}
.multiple2
{
    FONT-SIZE: 9pt;
    WIDTH: 150px;
    COLOR: navy;
    HEIGHT: 220px
}
.calendar
{
    FONT-SIZE: 8pt;
    WIDTH: 9px;
    COLOR: navy;
    HEIGHT: 9px;
    TEXT-ALIGN: center;
}
.calendar-today
{
    BORDER: 1px solid #f37302;
    FONT-SIZE: 8pt;
    COLOR: navy;
    TEXT-ALIGN: center;
}
.calendar-marker
{
    BORDER: 1px solid #6766a3;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: center;
    COLOR: navy;

}
.calendar-week
{
    BORDER-RIGHT: 1px solid #0099cc;
    FONT-SIZE: 8pt;
    COLOR: black;
    TEXT-ALIGN: center
}


.minilist TABLE
{
    BORDER-BOTTOM: 1px solid #EFEFEF
}


.minilist TD
{
    BORDER-BOTTOM:  1px solid #EFEFEF
}

.minilist THEAD
{
    BORDER-BOTTOM: 1px solid #EFEFEF
}

#metaformtable .cursive
{
font-weight: normal;
}



#metaformtable 
{
width: 100%
}

.tabmenutable {width: 100%; border: 1px solid #ECECECE; padding: 10px;}

#tablink1 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 17px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink2 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 167px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink3 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 317px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink4 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 467px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink6 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 617px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink7 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 767px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink8 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 917px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}
#tablink9 {border: 1px solid #ECECEC; border-bottom: 0px; position: absolute; top: 130px; left: 1067px; width: 150px; height: 22px; line-height: 22px; text-align: center; float: left;}


.Tyyli_memo_pieni
{
    WIDTH: 150px;
    HEIGHT: 100px
}
.Tyyli_memo_keski
{
    WIDTH: 300px;
    HEIGHT: 100px
}
.Tyyli_memo_suuri
{
    WIDTH: 400px;
    HEIGHT: 200pt
}
.Tyyli_int
{
    WIDTH: 150px
}
.Tyyli_string_keski
{
    WIDTH: 300px
}
.Tyyli_string_iso
{
    WIDTH: 500px
}

.Tyyli_titletabmenu
{
}

.Tyyli_titlestepbystep
{
}