BODY
{
background-image: url(../images/teak_tausta.gif);
background-repeat: no-repeat;
overflow-x: hidden;
}


#structure {width: 1024px;}
#topmenu {width: 765px; height: 55px;  margin:0px; padding: 0px;}
#imagemenu {width: 619px; float: left;}
#services { margin-left:0px; padding: 0px; padding-top: 30px; float: right;}
#jokuarvo {display: none;}
form, body {margin: 0px; padding: 0px;}
#contentarea {border: 1px solid white;   background-repeat: no-repeat; width: 767px;}
#left {width: 775px; float: left; border: 0px solid red;}
#nostot {position: absolute; left: 780px; top: 55px; width: 213px; padding: 0px; margin: 0px; height: 100%;}
#sisaltoalue {display: block; float: right; width: 590px;  min-height: 390px; margin-bottom: 14px; z-index: 100}
* html #sisaltoalue {height: 390px;} /* IE min-height */
#header {height: 28px; margin: 0px; padding-left: 22px; line-height: 28px; background-color: #CC3333}
#header div {height:28px; line-height: 28px;}
#header a {color: black; text-decoration: none; font-size: 11px; font-family: trebuchet MS, verdana, arial; }
#header span {height:28px; line-height: 28px; font-size: 11px; font-family: trebuchet MS, verdana, arial; color: black;}
#header a:hover {color: white;}
#arkistovalinnat {display: none; border: 1px solid #EFEFEF; margin-right: 4px;}
#arkistovalinnat .button {border: 0px;}
#arkistovalinnat td {border: 0px; padding: 4px;}

#murupolku {border-top: 1px solid black; position: relative; left: 0px; height: 24px; width: 743px; margin: 0px; margin-left: 22px; line-height: 24px;}
#murugroup div {font-size: 11px; font-family: Georgia, trebuchet MS, verdana, arial; color: 999999;}
#murugroup a {font-size: 11px; font-family: Georgia, trebuchet MS, verdana, arial; color: 999999;}
#murugroup a:hover {color: #CC3333;}
.murufirst  {font-size: 12px; font-weight: bold; font-family: trebuchet MS, verdana, arial; color: 999999;}
#murugroup {white-space: nowrap; width: 100%; height: 24px;  }
.murulink {font-weight: bold; font-size: 11px; font-family: trebuchet MS, verdana, arial; color: black; text-decoration: none;  white-space: nowrap;}
.murulink2 {font-weight: bold; font-size: 11px; font-family: trebuchet MS, verdana, arial; color: #999999; text-decoration: none;  white-space: nowrap;}
#printpage{margin-left: 180px;}
#printpage a{font-size: 11px; font-family: trebuchet MS, verdana, arial; color: #666666; padding-bottom: 0px; margin-right: 5px;}
#updateinformation{float: right; font-size: 11px; height: 19px; 
	font-family: trebuchet MS, verdana, arial; color: #666666; padding-bottom: 0px; margin-right: 5px;}
	
#footer {padding: 0px;}
#footer table {padding: 0px; border-top: 1px solid black; width: 743px; margin-left: 22px; }
#footer table td {font-size: 11px; font-family: trebuchet MS, verdana, arial; color: black; text-decoration: none;}
.content {padding:0px; margin: 0px;}
.content p {font-size: 11px;}
.content h3{font-size: 13px; font-weight: normal; }
#menuarea {float: left;}
#menuarea a {color: black; font-family: Georgia, Trebuchet MS}
#menuarea a:visited {color: black;  font-family: Georgia,  Trebuchet MS}
#menuarea span {color: black; font-family: Georgia,  Trebuchet MS}
#menuarea span:visited{color: black; font-family: Georgia,  Trebuchet MS}

#logoarea {left: 10px; border: 1px solid red;}
#frontpage_header {padding: 4px; border-bottom: 1px solid white;}
#alltypes_headertable  {padding: 4px;}
.alltypes_lisaauusi {margin-top: 20px;}


/* SIVUPOHJAT  */
#sivupohja2 {width: 580px;  margin-left: 10px;}
#sivupohja1 {width: 580px; margin-left: 10px;}
#sivupohja1 table {width: 100%;}
#sivupohja1 td {padding: 0px; }
#sivupohja1 #sivupohja_otsikko {font-size: 18px; padding-bottom: 10px;}
#sivupohja_palsta1 {width: 50%;}
#sivupohja_palsta2 {width: 50%; padding-left: 10px;}
#sivupohja_palsta1 a {font-family: georgia;} 
#sivupohja_palsta2 a {font-family: georgia;}
#sivupohja2 #sivupohja_otsikko {font-size: 18px;  padding-bottom: 10px;}
#sivupohja2 table {width: 66%}
#sivupohja2 td {padding: 0px;}
#sivupohja1 a {font-family: georgia}
#sivupohja2 a {font-family: georgia}


#calendar_new td {font-family: trebuchet ms, georgia}

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

.dropdown
{

}
.releaseinfo {display: none;}
.htmlpainikkeet {margin-top: 10px;}

#alltypes_table {width: 100%; margin-top: 6px;}
#alltypes_lajitteluvalinnat{width: 100%}
#arkistovalinnat {}
#testisalat {display: none;}
#updateinformation {margin-left: 4px;}


.aineistopankki {width: 100%}
.html-sivu {width: 100%;}
.htmlpainikkeet {width: 100%; font-size: 11px; padding-bottom: 4px;}
.releaseinfo {}  /* type: html */


.infosbg /* Etusivun infojen yläboxit */

{
	height: 26px; 
    background-color: white;
	border: 1px solid #86ADC6}



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

background-color: #ECF0F8;
background-repeat: repeat-x;
height: 30;

}


#sisaltoalue .thead td
{
background-image: url(../images/thead_bg.gif);
background-repeat: repeat-x;
height: 30;
font-size: 11px;
font-family: tahoma;
border-top: 1px solid #ECECEC;
border-bottom: 1px solid #E0DFE3;
border-left: 1px solid white;
border-right: 1px solid #ECECEC;
}

#sisaltoalue td  .minileipis .minicursive, .minititle 
{font-family: tahoma;}

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


#sisaltoalue .tbody td
{
height: 28px;
font-family: tahoma;
border-top: 1px solid #ECECEC;
border-bottom: 1px solid #E0DFE3;
border-left: 1px solid  #EFEFEF;
border-right: 1px solid #ECECEC;
}




.titlebox
{

}
.greencursive
{
    FONT-WEIGHT: bold;
    COLOR: green
}
.redcursive
{
    FONT-WEIGHT: bold;
    COLOR: red
}
#sisaltoalue .submitbutton
{
font-size: 11px;
font-family: tahoma;
}
#sisaltoalue .resetbutton
{
font-size: 11px;
font-family: tahoma;
}

.resetbutton, .submitbutton
{
font-size: 11px;
font-family: tahoma;
}


#sisaltoalue  .button, .button
{
 
	font-family: tahoma;
    FONT-SIZE: 11px;
    font-weight: normal;
    COLOR: black;
    TEXT-DECORATION: none;
	white-space: nowrap;
}
.button:hover
{
BACKGROUND-COLOR: lightyellow;
}

.button:active
{
BACKGROUND-COLOR: lightyellow;
BORDER:  1px solid #F6C500;
}

.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, .textarea24, .kentta12, .textarea_large
{
    BORDER: #666666 1px solid;
    FONT-SIZE: 11pt;
    COLOR: black;
}


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

.kentta2
{
    WIDTH: 30px;
}
.kentta7
{
    WIDTH: 96px;
}
.kentta14
{
    WIDTH: 180px;
}
.kentta24
{
    WIDTH: 360px;
}
.textarea23
{
    WIDTH: 360px;
    HEIGHT: 164px
}
.textarea24
{
    WIDTH: 360px;
    HEIGHT: 82px
}
.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
}


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

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

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


#metaformdiv 
{
width: 600px;
}


#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: 500px;
    HEIGHT: 200pt
}
.Tyyli_int
{
    WIDTH: 150px
}
.Tyyli_string_keski
{
    WIDTH: 300px
}
.Tyyli_string_iso
{
    WIDTH: 500px
}

.Tyyli_titletabmenu
{
}

.Tyyli_titlestepbystep
{
}