/* CSS Document */
table.taulu td {
   background-color: #ffffff;
}

table.taulu td.sum {
   background-color: #ffffff;
   border-top:1px solid #d0d0d0;
}

table.taulu td.ryhma {
   background-color: #ffffe0;
   border-bottom:1px solid #d0d0d0;
   border-top:1px solid #d0d0d0;
}


body {
   font-family: verdana;
   font-size: 8pt;
   margin: 0;
   padding: 0;
   background:fff;
/*   background:#D5D8ED;
   background-image:url('images/kokotausta.jpg');
   background-repeat:repeat-x;*/
   padding-bottom:2em;

}



/*a {
   padding-bottom:2px;
}*/

body.tuloste {
   background: #ffffff;
   padding:1em;
}

body * {
   font-size: 8pt;
}

div.alapalkki {
   text-align: center;
   height: 40px;
   width: 800px;
   background-image:url('images/alapalkki_800x40.jpg');
   padding-top:16px;
   color:white;
   background-repeat: no-repeat;
   font-size:8pt;
   font-family:verdana;
}

div.alapalkki2 {
   text-align: center;
   height: 40px;
   width: 800px;
   background-image:url('images/alapalkki_sivu.jpg');
   padding-top:16px;
   color:white;
   background-repeat: no-repeat;
   font-size:8pt;
   font-family:verdana;
}


table.paataulu {
   background:#fff;
   width:800px;
}


/*------------------------------------------------------------------------------
   LINKKIEN VÄRITYS

   - Kaikki sivuston linkit ovat sinisiä ja ilman alleviivausta
   - Kursori linkin päällä => alleviivaus ja oranssi väri
/*----------------------------------------------------------------------------*/
a {
/*   color: #9fa0a4; /*navy;*/
   /*color: #808080; navy;*/
/*   color: #4D64A3;/*#1767B0;*/
   color: #2D4483;/*#1767B0;*/
   text-decoration: none;
   font-family: verdana; /*arial;*/
   /*font-weight: bold;*/
}

/*
a:visited {
   color: #1767B0;
   text-decoration: none;
   font-family: verdana;
}

a:active {
   color: #1767B0;
   text-decoration: none;
   font-family: verdana;
}*/

a:hover {
   color: #FF6610;
   text-decoration: underline;
   /* border-bottom:solid 1px #a0a0a0; */
}

table.navi {
   border-top:1px solid #d0d0ff;
   background-image:url('images/pvmtausta.jpg');
   background-repeat:no-repeat;
   background-position:top right;
}


td.ylanavi {
	background-image:url('images/ylanavi.jpg');
   background-repeat:repeat-x;
	padding-left:5px;
   padding-top:4px;
   padding-bottom:5px;
}

td.ylanavi2 {
	background-image:url('images/valipalkki.jpg');
   padding-left: 14px;
}

td.ylanavi3 {
	background-image:url('images/ylanavi2.jpg');
	background-repeat:repeat-x;
   padding-left: 14px;
}



td.ylamenu {
   /*font-size:8pt;*/
   padding:4px;
   /*background-image:url('images/ylanavi.jpg');
   background-repeat:repeat-x; */
}

td.pvm {

   background-image:url('images/pvmtausta.jpg');
   background-repeat:no-repeat;
   background-position:top right;
}

div.hakunavix {
   /*background-image:url('images/pvmtausta.jpg');
   background-repeat:no-repeat;
   background-position:top right;*/
   position:absolute;
   border-bottom:1px solid #d0d0ff;
   background-color:#d0d0ff;
   /*background-image:urrgb(61,129,243)l('images/valipalkki.jpg');*/
   width:201px;
   padding-left:50px;
}

td.navi {
   border-top:1px solid #d0d0ff;
   border-bottom:1px solid #d0d0ff;
   padding:4px 0;
   background-image:url('images/valipalkki.jpg');
}

td.oikeanavi {
   border-top:1px solid #d0d0ff;
   /*border-bottom:1px solid #d0d0ff;*/
   padding:4px 0;
   background-image:url('images/valipalkki.jpg');
}

span.inactive {
   text-decoration:line-through;
   color:#a0a0a0;
}

div.murupolku {
   font-family: verdana;
   font-size: 8pt;
   padding-bottom:0em;
   color:#808080;
}

div.ylarivi {
   padding: 3px;
   /*color: #808080;*/
   color: #808080;
   text-align: right;
   margin-right:230px;
   margin-top:2em;
}

div.ylarivi a {
   color: #808080;
}


td.menulinkki {
   text-align: center;
   padding: 0 8px;
}

td.menulinkki a.valittu {
/*   color: white;
   background:#a0a0a0;*/

   /*color: #48494e;*/
   color: #000;
   /* #1668b1; */

   font-weight: bold;
   font-size:8pt;
   font-family: verdana;
}

a.valittu {
/*   color: white;
   background:#a0a0a0;*/

/*   color: #48494e;*/
   color: #000;
   font-size:8pt;
   font-weight: normal;
}


a.eivalittu {

/*   color: white;*/
   color: #203B73;

   /*color: #48494e;*/
   font-size:8pt;
   font-weight: normal;
}

a.eivalittu:hover {
/*   color: #48494e;*/
   color: #8D5D00;
   font-size:8pt;
   font-weight: normal;
}

/* Pyöreä valilehti alkaa */
.boxvlehti {
      margin-top:0;
  		margin-right:0;
      background:transparent;
 }
.boxvlehti h1, .boxvlehti p {
 margin:0 10px;
 }
.boxvlehti h1 {
 font-size:1.5em;
 color:#aaa;
 }
.boxvlehti p {
 padding-bottom:0.5em;
 }
.boxvlehti .b1, .boxvlehti .b2, .boxvlehti .b3, .boxvlehti .b4,
.boxvlehti .b1b, .boxvlehti .b2b, .boxvlehti .b3b, .boxvlehti .b4b {
 display:block;
 overflow:hidden;
 font-size:1px;
 }
.boxvlehti .b1, .boxvlehti .b2, .boxvlehti .b3, .boxvlehti .b1b,
.boxvlehti .b2b, .boxvlehti .b3b {
 height:1px;
 }
.boxvlehti .b1 {
 margin:0 5px;
 /*background:#ddd;*/
 }
.boxvlehti .b2 {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #eee;*/
 margin:0 3px;
 border-width:0 2px;
 }
.boxvlehti .b3 {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;*/
 margin:0 2px;
 }
.boxvlehti .b4 {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #aaa;*/
 height:2px; margin:0 1px;
 }

.boxvlehti .b1b {
 margin:0 5px;
 /*background:#ddd;*/
 }
.boxvlehti .b2b {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #eee;*/
 margin:0 3px;
 border-width:0 2px;
 }
.boxvlehti .b3b {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #ddd;*/
 margin:0 2px;
 }
.boxvlehti .b4b {
 /*background:#eee;
 border-left:1px solid #ddd;
 border-right:1px solid #aaa;*/
 height:2px; margin:0 1px;
 }


.boxvlehti .titlecontent {
   display:block;
   text-align:left;
   padding-bottom:0.2em;
   padding-left:1em;
   padding-right:1em;
   background-image:url('images/valikko.jpg');
   background-repeat:repeat-x;

 }

.boxvlehti .content {
   display:block;
   text-align:left;
   padding-bottom:0.2em;
   padding-left:1em;
   padding-right:1em;

 }

.boxvlehti .boxcontent {

   padding-right:1em;
	background-image:url('images/ylanavi.jpg');
   background-repeat:repeat-x;
/*   background:red;*/
}

td.menupalkki {

	padding: 1em;
   /*background-color:#f0f0f0;
   border-right:1px solid #e0e0ff;*/

}

td.emenupalkki {

	padding: 0em;
   /*background-color:#f0f0f0;*/
   border-right:1px solid #e0e0ff;

}

table.lisatiedot * td {
   padding:0.2em 0.5em 0.2em 0;
}

td.lisaotsikko {
   color:000;
   font-weight:bold;
   padding-top: 1em !important;
}

td.keskipalsta {

   padding-left:2em;
   padding-right:1em;
   padding-top:0em;
   padding-bottom:0em;

   border-right:1px solid #BAD1DF;

   background-color: #fff;
/*   background-image:url('images/leipatausta.jpg');
   background-position:bottom;
   background-repeat:no-repeat;*/


}
p {
   width: 35em;
   line-height:1.5em;
   margin-top:1em;
   margin-bottom:1em;
   font-size:8pt;
}

div.ingressi {
/*   width: 35em;*/
   line-height: 1.8em;
   letter-spacing: 0.1em;
   margin-top: 0.2em;
   margin-bottom: 0em;
   font-weight: normal;
   color:#404040;
   font-size:8pt;
}

td.ingressi {
   line-height: 1.8em;
   letter-spacing: 0.1em;
   font-weight: normal;
   color:#404040;
   font-size:8pt;
}


div.tiedotepvm {
   color:#404040;
   font-weight: normal;
   padding-bottom:4px;
}

div.tiedotepvm2 {
   color:#a0a0a0;
   font-weight: normal;
   font-size:8pt;
}

div.tiedotepvm_etusivu {
   color:#404040;
   font-weight: normal;
   font-size:7pt;
}

h1  {
   font-family: arial, tahoma, verdana;
   padding-bottom:2px;
   margin:0;
   margin-bottom:1em;
   font-weight: bold;
   font-size:18pt !important ;
   color: #253765;
   padding-top:1em;
}

h1.tiedote {
   margin-bottom:5px;
   line-height:1em;
}

h1.nomargin  {
   margin:0;
}

h1.sivu  {
   margin:0;
   line-height:1em;
}

h1.tiivis  {
   margin:0;
   padding:0;
}

h2  {
   color: #5979A0; /*#1498A7;*/
   font-family: verdana;
   padding-bottom:2px;
   margin:0;
   margin-top:1em;
   margin-bottom:0.5em;
   font-weight: bold;
   font-size:11pt !important ;
}

h2.nomargin  {
   margin:0;
}

h3  {
   color: #253765;
   font-family: verdana;
   padding-bottom:2px;
   margin-top:1em;
   margin-bottom:0.5em;
   font-weight: bold;
   font-size:9pt !important ;
}

h3.nomargin  {
   margin:0;
}

h4  {
   color: #FF6FC4;
   font-family: verdana;
   padding-bottom:2px;
   margin-top:1em;
   margin-bottom:0.5em;
   font-weight: bold;
   font-size:11pt !important ;
}

h4.nomargin  {
   margin:0;
}



div.muokattu {
   padding:2px 2px 10px 2px;
   color:#808080;
   text-align: right;

}

td.muokattu {
   padding-left:2em;
   padding-right:2em;
   padding-bottom:1em;
   border-right:1px solid #5271B0;
}

div.kuva {
   background:#fff !important;
   position:absolute;
   display:none;
   border:1px solid #a0a0a0;

}

div.kuva table td {
   background:#fff !important;

}


div.tulosteheader {
   font-family:arial;
   color:#404040;
}

div.tulosteleipa {
   /*border-top:1px solid #a0a0a0;
   border-bottom:1px solid #a0a0a0;*/
   padding-left: 2em;
}


div.sivu {
   padding-top:0.5em;
   padding-bottom:1.5em;
   font-size:8pt;
   line-height:1.5em;
   width:520px;
}

div.sivutoimitila {
   padding-top:1em;
   padding-bottom:1.5em;
   padding-left:0em;
   font-size:8pt;
   /*line-height:1.5em;*/
   width:730px;
}

div.sivu * {
   font-size:8pt;
   /*line-height:1.5em;*/
}

input.haku {
   font-family: verdana;
   font-size: 8pt;
   font-weight: bold;
   background:#ffffff;
/*
   border-top: solid 1px #c0c0c0;
   border-right: solid 1px #e0e0e0;
   border-bottom: solid 1px #e0e0e0;
   border-left: solid 1px #c0c0c0;
*/

   border-left: solid 1px #a0a0a0;
   border-top: solid 1px #a0a0a0;
   border-right: solid 1px #c0c0c0;
   border-bottom: solid 1px #c0c0c0;
   width:140px;

   height:18px;
   padding-left:15px;
   background-image:url('images/haku_10x9.jpg');
   background-repeat:no-repeat;
   background-position:2px 3px;
}

div.hakunavi * {
   font-size:7pt;
   color:#808080;
   line-height:1em;
}

div.hakunavi {
   font-size:7pt;
   color:#808080;
   line-height:1em;
}

span.hakuotsikko * {
   font-size: 9pt;
   color: navy;
}

div.ohje {
   line-height: 1.33em;
   background-color: #ffffe0;
   border:solid 1px #d0d0c0;
   padding:2px 4px;

}

div.tulostenavi {
   margin-bottom: 1em;
}


/*table.isotaulukko {
   background-image:url('images/tausta211.jpg');
   background-repeat:repeat-y;
}*/

div.haku {
    background-image:url('images/tausta_1x65.jpg');
    padding:0px;
    margin:0px;
}


/*FCKeditor käyttää alla olevia tyylejä*/


/*
    The following are some sample styles used in the "Styles" toolbar command.
    You should instead remove them, and include the styles used by the site
    you are using the editor in.
*/

div.leipa  .Bold
{
	font-weight: bold;
}

div.leipa  .Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

div.leipa  .Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

form.lomake {
}

form.lomake label {
   margin-top:0.5em;
   display: block;
}

form.lomake label.check {
   margin-top:0;
   display: inline;
   margin-left:3px;
}

form.lomake input {
   font-family: courier new;
   font-size:10pt;
   color:navy;
   font-weight: normal;
}

form.lomake textarea {
   font-family: courier new;
   font-size:10pt;
   color:navy;
   font-weight: normal;
}

form.lomake select {
   font-family: courier new;
   font-size:10pt;
   color:navy;
   font-weight: normal;
}

form.lomake textarea.venytys {
   overflow-y:hidden;
   font-family: courier new;
   font-size:10pt;
   color:navy;
   font-weight: normal;
   line-height:1.1em;
}

form.lomake div.venytys {
   overflow-y:hidden;
   font-family: courier new;
   font-size:10pt;
   color:#000000;
   font-weight: normal;
   
   display: block;
   visibility:hidden;
   position:absolute;
   border:solid 1px #a0a0a0;
   line-height:1.1em;
}

form.lomake h3 {
   margin:0;
   margin-top:1em;
   color:#404040;
   font-size:10pt;
   font-family:verdana;
}

div.pakollinen {
   /*background-color:#ffe0e0;*/
   padding:0.5 0.5 0.5 0em;
   color:red;
   display:none;

}

span.pakollinen {
   color:red;
}

form.lomake div.esimerkki {
   color:#808080;
   display:inline;
   padding-left:0.5em;
}

form.lomake div.lomakefooter {
   margin-top:1em;
}
form.lomake div.alateksti {

}


table.uusimmattoimitilat * h1 {

   color:#808080;
   font-size:10pt !important;
   margin:0;

}

/* Asiakas tms. luettelo alkaa */
table.luettelo {
	background:#d0d0d0;
	border:solid 0px #d0d0d0;
}
table.luettelo th {
	font-weight:normal;
	text-align: left;
   background:#f0f0f0;
   font-size:8pt;
   font-weight:normal;
   font-family:verdana;
   padding:0.2em;
   padding-left:0.3em;
   padding-right:0.3em;
}
table.luettelo th.lotsikko {
	background-color: #e0e0e0;
   font-weight:bold;
   color:#404040;
}
table.luettelo th a {
   font-weight:normal;
   display:block;
   font-family:verdana;
}
table.luettelo th a:visited {
   color:#404040;
}
table.luettelo th a:hover {
   color:#404040;
}
table.luettelo th a:active {
   color:#404040;
}
table.luettelo th a:link {
   color:#404040;
}
table.luettelo tr td {
	font-weight:normal;
   background:#ffffff;
   font-size:8pt;
   padding-right:1em;
}

table.luettelo tr.hover td {
 	background:#c5d8f5;
}

tr.hooveri td {
 	background:#c5d8f5;
}

table.luettelo tr td.osallistuja {
	background-color: #e0e0e0;
}

/* Asiakas tms. luettelo päättyy */

div.ylapalkki {

   background-color:#D2DEEF;
   border-bottom:1px solid #a0a0a0;
   padding:3px;
}



div.toimintoboxi2 {
   margin-left:0.5em;
   position: absolute;
   background:#ffffff;
   border:1px solid #a0a0a0;
   padding:5px;
   z-index:10;

}

div.toimintoboxi {
   margin-left:0.5em;
   position: absolute;
   background:#c0c0c0;
   border:1px solid #c0c0c0;
   padding:5px;
   z-index:10;

}

div.valikkorivi {
   margin-bottom:0.5em;

}

/* Infobox3 */

.infobox {
	margin-top:0.5em;
  	background:transparent;
  	position:absolute;
/*  width:40%;*/
  }

.infobox .boxcontent .h1 {
	font-weight:bold;
   font-size:100%;
   color:red;
}
.infobox p {    /*trbl*/
	/*width:35em;*/
  margin:0px 0px 0px 0px;
  padding:0.5em 0;
  /*font-weight:bold; */
  /*text-align:center;*/
  }

.infobox .b1, .infobox .b2, .infobox .b3, .infobox .b4, .infobox .b1b, .infobox .b2b, .infobox .b3b, .infobox .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.infobox .b1, .infobox .b2, .infobox .b3, .infobox .b1b, .infobox .b2b, .infobox .b3b {
  height:1px;
  }
.infobox .b2 {
	/*
  background:#eee;
  border-left:1px solid #ddd;
  border-right:1px solid #eee;
  */
  background:#f0f0f0;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.infobox .b3 {
  background:#eee;/*'#fff;     */
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  }
.infobox .b4 {
  background:#eee;/*#fff; */
  border-left:1px solid #ddd;
  border-right:1px solid #aaa;
  }
.infobox .b4b {
  background:#f0f0f0;
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.infobox .b3b {
  background:#f0f0f0;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.infobox .b2b {
/*  background:#fff;
  border-left:1px solid #aaa;
  border-right:1px solid #999;  */
  background:#f0f0f0;
  border-left:1px solid #fad163;
  border-right:1px solid #fad163;
  }
.infobox .b1 {
  margin:0 2px; /*5px;*/
  background:#fad163; /*#ddd;  */
  }
.infobox .b2, .infobox .b2b {
  /*margin:0 3px;
  border-width:0 2px; */
	margin:0 1px;
  	border-width:0 1px;
  }
.infobox .b3, .infobox .b3b {
  margin:0 2px;
  }
.infobox .b4, .infobox .b4b {
  height:2px; margin:0 1px;
  }
.infobox .b1b {
	margin:0 2px;
  	background:#f0f0f0;
  /*margin:0 5px; background:#999;  */
  }
.infobox .boxcontent {
  display:block;
  background:#f0f0f0; /*#ffeebf;*//*#fad163;  */
  background-image:url('images/info_16x16.gif');
  background-repeat: no-repeat;
  background-position:10 0;
  padding-left:36px;
  padding-right:10px;
  border-left:1px solid #fad163;/*#ddd; */
  border-right:1px solid #fad163;/*#999; */
  }

.infobox ul {

}
.infobox li {
	padding:0;
	padding-bottom:0.5em;
   margin:0;
}

.infobox li span {
	background-image:url('images/ok.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.infobox li.error span {
	font-weight:bold;
	color:red;
	background-image:url('images/error16.gif');
  	background-repeat: no-repeat;
   background-position: top right;
   padding-right:20px;
}

.infobox ol {
	padding-left: 36px;
   margin:0;
}

.infobox .titlecontent {
  display:block;
  background:#f0f0f0;
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  border-bottom:1px solid #aaa;
  text-align:center;
  padding-bottom:0.2em;
  }

.infobox .vali b {
	display : block;
   color : green;
   margin-top:0.5em;
   border-bottom:1px solid #c0c0c0;
   margin-bottom:0.5em;

}

/* Infobox3 */

table.yleinen td {
   font-family:Verdana;
   font-size:8pt;
}

table.yleinen td input {
   font-family:Verdana;
   font-size:8pt;
}

table.yleinen td select {
   font-family:Verdana;
   font-size:8pt;
}

table.yleinen th {
   text-align:left;
   font-family:Verdana;
   font-size:8pt;
}

input.button {
   font-family:Verdana;
   font-size:8pt;
}

td.painikkeet {
   padding-top: 1em;
}

input.lomake {
   font-family:verdana;
   font-size:8pt;

}



/*Sivunriveihin*/

img.raamitettu {

   border:solid 1px #000;

}

div.kuvateksti {
   margin-top:0.5em;
   margin-bottom:1em;
   font-style:italic;
}

td.kuvateksti {
   margin-bottom:1em;
   font-style:italic;
   padding-left:1em;
}

td.kuvateksti2 {
   margin-bottom:1em;
   font-style:italic;
   right:1em;
}


div.rivilohko {
   margin-top:1em;
   margin-bottom:1em;
}

table.rivilohko {
   margin-top:1em;
   margin-bottom:1em;
}

div.henkilorooli {
   font-weight:bold;
   margin-bottom:1em;
}

td.muokattavaekarivi {
   border-left:1px solid #a0a0a0;
   border-top:1px solid #a0a0a0;
   border-bottom:1px solid #a0a0a0;
   background-color:#fafafa !important;
}

td.muokattavarivi table td {
   background-color:#fafafa ;
}

td.muokattavarivi {
   border-top:1px solid #a0a0a0;
   border-bottom:1px solid #a0a0a0;
   background-color:#fafafa !important;
}
td.muokattavavikarivi {
   border-right:1px solid #a0a0a0;
   border-top:1px solid #a0a0a0;
   border-bottom:1px solid #a0a0a0;
   background-color:#fafafa !important;
}

div.sisalto {
   margin:2em;
}

div.navi {
   color:#a0a0a0;
}

table.sivunperustiedot {
   margin-bottom:20px;
   margin-top:20px;
}

table.sivunperustiedot td {
   padding-bottom:4px;
}

td.sivunperustiedotoikea {
   padding-left:5px;
}

div.readonly * {
   color:#a0a0a0 !important;
}
/*---*/


div.kommenttitekija {
   color:#a0a0a0;
   font-size:7pt;
}

div.ilmoitus_OLD {
   border: solid 1px #BE8114;
   background-color: #FEF7DA;
   padding:8px;
   letter-spacing:0.1em;
   line-spacing:1.2em;
   padding-left:50px;
   background-image:url('images/info.gif');
   background-repeat:no-repeat;
   background-position: 8px 8px;
}

div.ilmoitus {
   border: solid 1px #BE8114;
   background-color: #FEF7DA;
   padding:3px;
   letter-spacing:0.1em;
   line-spacing:1.2em;
   padding-left:35px;
   background-image:url('images/info2.gif');
   background-repeat:no-repeat;
   background-position: 8px 8px;
   margin-bottom:1em;
   width:530px;
}

div.ilmoitus2 {
   border: solid 1px #BE8114;
   background-color: #FEF7DA;
   padding:8px;
   letter-spacing:0.1em;
   line-spacing:1.2em;
   padding-left:50px;
   background-image:url('images/info.gif');
   background-repeat:no-repeat;
   background-position: 8px 8px;
   width:500px;
   margin-bottom:1em;
}

div.sisennys {
   padding-left:3em;
   width:40em;
}

div.sisennys h5 {
   margin-top:0.5em;
   margin-bottom:0.5em;
   margin-left:-3em;
}

div.rivilohko h6 {
   font-weight:normal;
   margin-top:0.5em;
   margin-bottom:0.5em;
}

div.rivilohko h5 {
   margin-top:0.5em;
   margin-bottom:0.5em;
}

div.sisennys h6 {
   font-weight:normal;
   margin-top:0.5em;
   margin-bottom:0.5em;
   margin-left:-3em;
}

table.rivilohko h5 {
   font-weight:bold;
   margin-top:0.5em;
   margin-bottom:0.5em;

}

div.sivunrivitboksi {
   margin-left:0.5em;
   background:#ffffff;
   border:1px solid #a0a0a0;
   padding:5px;
   z-index:10;
   position:absolute;
   display:none;
}

table.raamit {

   margin-bottom:1em;
   margin-left:1em;
   padding:0.5em;
   border:solid 1px #FD660D;
   background:#FE998D;
   width:200px;
}

table.raamit td {
   line-height:1.33em;
}

label.error {
   color:#000; /*red;*/
}
label.ok {
    color:#000;
}

table.linkkitaulukko td {

   background:#fff !important;
}

div.ylamenu {
   background:#577AA2;
   border-top:#808080 solid 1px;
   border-bottom:#808080 solid 1px;
}

div.ylamenu * a {
   color: #fff;
}

div.ylamenu * a:hover {
   color: #df0;
}

td.tauluvaliotsikko {
   padding-top:1em;
   padding-bottom:0.5em;
   font-size:8pt;
   color:#404040;
   font-weight:bold;
}

div.ylamenu * td {
   padding-right:2em;
}

span.valittu {
   background-image:url('images/taus_1x30.jpg');
}


div.taustavariboksi {

   background-image:url('images/varitettyboksi.jpg');
   background-repeat:no-repeat;
   color:#fff;
   font-weight:bold;
   height:25px;
   padding:3px 0 0 7px;
   margin-bottom:3px;
   width:220px;


}

div.vastaustaulu_uusi {

   background:#fff;
   background-image:url('images/uusi.gif');
   background-repeat:no-repeat;
   background-position:90% 4%;
   border:1px solid #a0a0a0;
   padding:0 2em 2em 2em;

}

div.vastaustaulu_kasitelty {

   background:#fff;
   background-image:url('images/kasitelty.gif');
   background-repeat:no-repeat;
   background-position:95% 1%;
   border:1px solid #a0a0a0;
   padding:0 2em 2em 2em;

}


table.rivitaulu td {
   padding-right:5px;
   padding-bottom:3px;
}

h4 {
   color:navy;
   font-size:12pt ;

}

div.kommentti {
   margin-bottom:0em;
   line-height: 1.8em;
   letter-spacing: 0.1em;
   font-weight: normal;
   color:#404040;
   font-size:8pt;
   margin-left:2em;


}

table.vastaukset {

   margin-top:6.2em;
   background-color:#FEFFEA;
   border:1px solid #a0a0a0;

}

span.vari {
  background-color:#F5EA2E;
}

hr.page {
   page-break-before: always
   height:1px;
}

table.viestiinfo {
   margin-top: 1em;
   margin-bottom: 1em;
}

table.viestiinfo td {
   font-family: verdana;
   padding-right:0.5em;
   padding-top:0.5em;
}

p.kappale { 
   page-break-inside: avoid;
}