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

body { 
	text-align: center; 
	width:100%; 
	height: 100%; 
	margin:0; 
	padding:0; 
	background: #d3e5b0 url(../images/bodybg.gif) top left repeat-x; }
#bodyarea { 
	width:100%; 
	height: 100%; 
	margin:0; 
	padding:0; 
	background: transparent url(../images/bg-tyossa.jpg) no-repeat; 
	background-position: 50% 0; 
}

body iframe  {overflow: scroll;}

#topimage {background-color: #007CC6;}
#layout-taulukko { 
	margin:auto; 
	width: 1000px; 
	border:0; 
	text-align: left; 
	background: transparent; 
}

/*  TOPPI */
#frameless_top {position:absolute; width: 1000px; height:285px;}
#ylalinkit {width: 100%; height: 39px; 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 { 
	background: transparent url(../images/hae_sivustolta-tyossa.jpg) 0 3px no-repeat;
	height:40px;
	left:136px;
	position:absolute;
	top:139px;
	width:240px;
}
#wise_search input {width: 100px; margin-left: 2px;} /*Hakukenttä*/
#wise_search #ws_button 
{
	/*position: relative; /*250609*/
	margin-left:11px;
	width: 63px;
	height: 30px;
	border: 0;
	font-size: 0;
	background: transparent url(../images/hae_button-tyossa.jpg) top left no-repeat;
	color:transparent;
}
#wise_search #ws_select {
	display:none;
}
#wise_search input.dropdown {
	width:180px;
	font-size:15px;
	font-family:arial;
	border:0;
	background: transparent;
	color: #5a5758;
}



#nimipaivat {width: 260px; line-height: 30px; float: left; display: none;} 
#top_date {display: none;}
#clanglinks { }
#langlinks { 
	display:block; 
	position:absolute; 
	width:150px; 
	top:142px; 
	left:25px; 
	font-size: 0;
	float: left; 
	height: 32px;
	background: transparent url(../images/langlinksbg-tyossa.jpg) top left no-repeat;
}
#langlinks a {
	position: relative;
	font-size: 0;
	color: #d8f3fe;
	width: 32px;
	height: 32px;
	margin-right: 5px;
	display: block;
	float:left;
}
* html #langlinks a {
	top: -17px;
}
#regular_search {float: left; width: 280px; height: 30px;}
#logodiv {display:none;}/*{position:absolute; top:20px; left:30px;}*/
#logolinkki {border:0; }
.ryhmanvalintataulukko {} /* 2 topissa */

/* TULOSTA JA TAKAISIN / FONTSIZE */
#fontsize {
	border-top:1px solid #4591cc;
	margin: 0px 0;
	padding: 0px 5px 5px 0px;	
	padding-bottom:2px;
}
#tulostajatakaisin {
	float:right;
}
#fontsize a {
	color: black;
	font-size: 11px;
}
#fontsize
{
background-color: #d6e6fb;
}

#fontlinks {}

#oikopolku {padding-left: 4px; padding-top: 5px; }
#oikopolku select {color: black;}


/*  SIVUSTON RAKENNE */
#structure {padding: 6px; width: 970px;}
#contentarea {padding-top: 5px; float: left; padding-bottom: 5px; width: 770px;}
#sisaltoalue { width: 100%; }
#nostot {display: block; width: 200px; position: absolute; top: 345px; margin-left: 500px; padding-top: 10px; background-color: transparent;} 
#sisalto {background: transparent url(../images/sisaltobg.gif) top left repeat-y; border:0; width: 715px; vertical-align:top; padding-bottom:15px;}
#sisaltodivi { margin: 0 10px; width: 695px;}
#sisalto #form1 {float: left;  width: 90%;}
#fr_sisalto { width:700px; vertical-align:top; border-bottom:10px solid #d6e6fb; padding-bottom:15px; background:url(../images/left_bg.jpg) top left repeat-y; }
#form1 { padding:5px 10px; }
#sisu { position:absolute; top:285px; }

.hakukentta {border: 1px solid red;}
#ylakuva {}
#topkuva { 
	width:1000px; 
	height:295px; 
	background-image: url(../images/sn_opiskelu.jpg);
	background-repeat: no-repeat; 
	background-position: bottom center; 
	height:294px; 
}
#topkuva img {}
#toparea {
	height:295px;
	margin:0;
	padding:0;
	width:1000px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	left: 0;
}
#top_username {}
#select_usergroup { position:absolute; top:80px; right:10px; height: 25px; }
#top_optionlist {float: left;}
#usergroup_submit {}
#topmenu {
	position: absolute; 
	top: 245px; 
	left: 145px; 
	width: 300px;
}
.toplinks img {display: none;}
.top_menuitem {float: left; padding-left: 0px; padding-right: 15px; margin-top: 8px; line-height: 22px;}
	
/*  HEADER */


/* MURUPOLKU */
#murugroup {clear: right; border: 0px solid #EFEFEF; border-bottom: 0px; height: 44px; line-height:24px; width: 715px; background-color: #303030; background: url(../images/murubg.jpg); margin-bottom: 10px;}
#murupolku {width: 695px; margin: 0 10px; padding-top:6px;}
#murufirst {background-color: transparent;   border-right: 0px solid #EFEFEF; float: left; width: 170px; height: 20px;  line-height: 20px; overflow: hidden;} /* DIV */
#mururest {float: left; height: 20px; line-height: 20px;} /* DIV */
#muru_current {font-size: 14px; color: red; padding-left: 0px;} /* span */
.muru_etusivu  {height: 20px; line-height: 20px;}

/* VAAKAVALIKKO */
#hormenudiv {
	position: absolute;
	top: 0;
	height: 40px; 
	width: 1000px; 
	margin: auto;
	padding-top: 10px; 
	background: black url(../images/horizontal_menu_bg.jpg);
}
* html #hormenudiv { padding-top:10px; height:50px; }

#horizontalmenu { height:0; width:0; padding:0; margin:0; vertical-align:middle;}
#imrcmain { width:100%; z-index:999999; position:relative;}
.topmenu_lbcorner {position:absolute; bottom:0; left:0; width:6px; height:6px; background: url(../images/topmenu_lbcorner-tyossa.jpg) bottom left no-repeat;}
.topmenu_rbcorner {position:absolute; bottom:0; right:0; width:6px; height:6px; background: url(../images/topmenu_rbcorner-tyossa.jpg) bottom right no-repeat;}

/*  PÄÄVALIKKO */
#frameless_mainmenu {width: 100%;}
#menuarea_vaaka {}
/*#valikko {background:url(../images/valikkotop.jpg); background-repeat: no-repeat; width:260px; height:100%; background-color: #ffffff; border-left: 5px solid black; }*/
#valikko { width:286px; background-color: transparent; background: url(../images/valikkobg.gif) top left repeat-y; height: 500px;}
#fr_valikko {width:150px; background-color: #4591cc; border-right: 10px solid #d6e6fb; }
#menudescription {margin: 4px; font-weight: normal; padding: 4px; border: 1px solid #EFEFEF; width: 470px;}



/* TAULUKKOVALIKKO */
#menuarea {width: 172px;}
#frameless_menu {float: left; padding-right: 10px; width: 170px;}
#tablemenu td {height: 40px; padding-left: 10px; /*padding: 10px 5px 15px 7px;*/ } 
#tablemenu td img {position: relative; top: 13px;}
#tablemenu td img {margin-top: 5px;}
#tablemenu {
	border: 0px; 
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	width: 270px; 
	background: transparent url(../images/tablemenu_bg.jpg); 
	background-repeat: no-repeat;
	background-position: top center;
}

.mainmenu {/*border-bottom: 1px solid #cccccc;*/ background: transparent url(../images/menu_td_bg.gif); background-position: bottom left; background-repeat: no-repeat;}
.mainmenu a i {}/*aktiivisena oleva valikko*/
td .mainmenu a {}
td .mainmenu {}
#tablemenu img {}
#menurow {}
#paatasolle {}
#erotin {}
/*#tablemenu2 {margin-top: 20px; background-color: #ffffff; width: 260px; float: left;}*/

#tablemenu2 {margin-top: 20px; width: 260px; margin:10px; }

.vaakuna {width:280px; position:relative; margin:0; padding:0; }
.valikkovaakuna {position: relative; left: 12px; top: 10px; margin-bottom: 10px;}/*Valikkovaakuna*/
#backki {display: none;} /*Etusivulle ja edelliselle tasolle*/

/*  FOOTER */
#footer {width: 100%; height: 10px;}
/*#footer {width: 100%; height: 0px; background-color: #4591cc;}*/
#footer_username {display: none; }
#footer_url {display: none; /*background-color : transparent; font-family: trebuchet MS, Verdana, tahoma, arial;  font-size: 11px;  line-height: 10px; color: gray; padding-left: 300px;*/}
#footer_buttons {display: none; /*float: right;  height: 30px;  padding-top: 8px; padding-right: 8px;*/}
#footer_yhteystiedot {background: transparent; height: 12px; width: 100%;}

/* 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: 12px; color: #0076a3; 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: 26px;
}


.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: 26px;
background-image: url(../images/tbody_bg.gif);
background-repeat: repeat-x;
background-position: bottom;
}


.tbody td
{
height: 26px;
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;
}


#metaformdiv 
{
width: 100%;
}


#metaformtable 
{
width: 100%
}

.tabmenutable {width: 100%; border: 1px solid #ECECEC; 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
{
}

#alltypes_lajitteluvalinnat .dropdown {display: none;} /*110609*/
#alltypes_lajitteluvalinnat table tr td table tr td .minileipis {display: none} /*110609*/
#newsinfo_lajittelu table tr td .dropdown {display: none;} /*110609*/
#newsinfo_lajittelu table tr td div {display: none;} /*110609*/

#sisalto #sisaltodivi table tr td .button {z-index: 100; position: relative;}