#timerdiv {
    position: fixed;
    display: block;
    bottom:70px;
    right:40px;
    background-color: rgba(0,87,144,0.1);;
    z-index: 100;
    max-height: 800px;
    max-width: 280px;
}

body
{
 font-family: 'Source Sans Pro', sans-serif;
/*  font-family: Verdana, Arial, Helvetica, sans-serif; */
font-size:  10pt;
color: #333;
background: #FFFFFF;
margin:0px;
padding: 0px;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

.ui-widget {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 10pt !important;

}


.ui-datepicker-trigger {
    position:relative;
    top:5px;
}

.ui-dialog {
    min-width: 250px;
}

A:link {

    color: #22D0E3;
    text-decoration: none;
}

A:visited {

    color: #22D0E3;
    text-decoration: none;
}

A:active {

    color: #22D0E3;
    text-decoration: none;
}

A:hover {

    text-decoration: underline;
}

A img {outline : none;}

img {border : 0;}

select {
    border-radius:3px;
    color: #666;
}

select option {
    padding-left: 5px;
}

.sel_styled select {
    background: transparent;
    width: 155px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 21px;
    margin-left: 5px;
    -webkit-appearance: none;
}

.sel_styled {
    display: inline-block;
    width: 140px;
    height: 21px;
    overflow: hidden;
    background: url('/kuvat/arrow_dn.png') no-repeat 98% rgba(0,87,144,0.1);
    border-radius:3px;
    border: 1px solid #ccc;
}

.alanuoli {
    position:relative;
    top:5px;
    top:5px;
    display: inline-block;
    width: 14px;
    height: 20px;
    overflow: hidden;
    background: url('/kuvat/arrow_dn.png') no-repeat 50% #D9F0F0;
    border-radius:3px;
    border: 1px solid #ccc;
}

.waitdiv {
    position:absolute;
    top:10px;
    left:16%;
    display: inline-block;
    width: 64px;
    height: 64px;
    overflow: visible;
    background: url('/kuvat/loading1.gif') no-repeat 50% #D9F0F0;
    z-index: 100;
}

input {
    border-radius:3px;
}

input[type="radio"] {
    margin:0;
}

#topnav A:link {

    color: #FFFFFF;
    text-decoration: underline;
}
#topnav A:visited {
    color: #FFFFFF;
    text-decoration: none;

}
#topnav A:active {
    color: #FFFFFF;
    text-decoration: none;

}
#topnav A:hover {

    color: #900000;
    text-decoration: none;
}

#topmenu A:link {

    color: #ddd;
    font-style: italic;
    text-decoration: underline;
}
#topmenu A:visited {
    color: #ddd;
    text-decoration: none;
    font-style: italic;

}
#topmenu A:active {
    color: #ddd;
    text-decoration: none;
    font-style: italic;

}
#topmenu A:hover {

    color:#22D0E3;
    text-decoration: none;
    font-style: italic;
}


#container
{
    width: 100%;
    border-width: 0px;
    padding:0px;
    margin: 0px;
    line-height: 130%;
}

#topnav
{
    font-weight: bold;
    color: #FFFFFF;
    background-color: rgb(0,87,144); 
    /*background: url('/kuvat/inka_header_background.png') repeat;*/
    position:fixed;
    top:0px;
    left:0px;
    height:39px;
    padding:0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    width: 100%;
    z-index: 9;
}


#topmenu
{
    color: #DDD;
/*    background: linear-gradient(to bottom,  #008c8c 1%,#007070 55%,#007a78 100%); */ /* W3C */
   /*  background: url('/kuvat/menu1x27.png') repeat; */
    /* background-color: rgb(77,143,188);*/
    background-color: #3379A6; 
    text-decoration: none;
    position:fixed;
    top:38px;
    left:0px;
    height:17px;
    border-width: 0px;
    padding:5px;
    padding-left: 30px;
    margin: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 100%;
    z-index: 9;
}

#logo_laitos {
    position: absolute;
    right: 13px;
    top: 10px;
    color: #BBB;
/*    color: RGB(59,145,151); */
    font-size: 12pt;
    text-align: right;
    text-transform: uppercase;
    font-weight: normal;
    z-index: 3;
    display: block;
}

.menuitem {
    display: inline-block;
    margin-left: 5px;
}

.menuitem:hover {
    text-decoration: underline;
    cursor: pointer;
}

.kieliitem {
    display: inline-block;
    cursor: pointer;
}

#murupalkki {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid #999;
    width:99%;
}

#murupolku {
    display:block;
    position:relative;
    left:0px;
    margin-bottom: 8px;
    width:98%;
    visibility: visible;
}

#otsikko_nimi {
    position:relative;
    display:inline;
    left: 0px;
    top: 0px;
    font-weight: bold;
    font-size: 12pt;
}


#muru_toiminnot {
    display:block;
    position:relative;
    top: 5px;
}


.muru_toimintonappi  {
    display:inline;
    color: #22D0E3;
}

.muru_toimintonappi:hover {
    cursor: pointer;
    text-decoration: underline;
}

.muru_toimintonappi_disabled  {
    display:inline;
    color:#BBBBBB;
}

.muru_toimintonappi_disabled:hover {
    cursor: default;
}

.muru_toimintonappi_active  {
    display:inline;
}

.muru_toimintonappi_active:hover {
    cursor: default;
}

#content
{
    position: fixed;
    top: 72px;
    width: 96%;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 2%;
    margin-right: 0px;
    overflow:auto;
}

#vasenkuva
{
    position:absolute;
    top:2px;
    left:19px;
    border-width: 0px;
    padding:0px;
    margin: 0px;
}

#oikeakuva
{
    position:absolute;
    top:2px;
    right:0px;
    border-width: 0px;
    padding:0px;
    margin: 0px;
}

#keskikuva
{
    position: relative;
    top: 13px;
    margin-left: auto;
    margin-right: auto;
    width: 230px;
    color: rgba(255,255,255,0.8);
    font-size: 19px;
    font-family: Calluna;
} 

#vasenylamenu
{
    color:#eee;
    position:absolute;
    top:5px;
    left:15px;
    height:17px;
    border-width: 0px;
    padding:0px;
    padding-right: 10px;
    margin: 0px;
}

#oikeaylamenu
{
    color:#eee;
    position:absolute;
    bottom:3px;
    right:145px;
    height:17px;
    border-width: 0px;
    padding:0px;
    padding-right: 10px;
    margin: 0px;
    border-right: 1px dashed #eee;
    display: inline-block;
}

.vaakamenu_oikea {
    display: inline-block;
}

#viestilkm {
    position: absolute;
    padding: 0px;
    min-width: 15px;
    height: 16px;
    background-color: #FF0000;
    top: -1px;
    left: -15px;
    text-align: center;
    border-radius: 3px;
    vertical-align: middle;
}

#kielimenu
{
    position:absolute;
    bottom:3px;
    right:45px;
    height:17px;
    border-width: 0px;
    padding:0px;
    margin: 0px;
}

#vasenMobile {
    position:absolute;
    bottom:3px;
    left:9px;
    height:17px;
    border-width: 0px;
    padding:0px;
    padding-right: 10px;
    margin: 0px;
    display:none;
    font-size: 12pt;
    cursor: pointer;
    z-index: 99;

}

#oikeaMobile {
    position:absolute;
    top:3px;
    right:3px;
    height:17px;
    border-width: 0px;
    padding:0px;
    padding-right: 10px;
    margin: 0px;
    display:none;
    cursor: pointer;
}


.vaakamenu
{
    list-style-type: none;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    padding:0px;
    min-width: 600px;
}

.nappiyla
{
    float: left;
    width: 90px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:1px;
    border-style:none;
    border-left: 1px solid rgb(0,87,144);
    font-size: 11pt;
    text-decoration: none;
    text-align: center
}

.nappiyla:hover {
    cursor: pointer;
    font-weight: bold;
}

.nappiyla_sel {
    position:relative;
    top:-8px;
    background: url('/kuvat/menutab3n.png') no-repeat;
    float: left;
    width: 90px;
    height:18px;
    padding-left:10px;
    padding-right:10px;
    padding-top:11px;
    padding-bottom:1px;
    font-size: 11pt;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #666;
}

.nappiyla_d
{
    float: left;
    width: 80px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:1px;
    border-style:none;
    border-left: 1px solid #008c8c;
    font-size: 11pt;
    text-decoration: none;
    text-align: center;
    color: #AAA;
    cursor: default;

}


.nappiyla_sel:hover {
    cursor: pointer;
}

.sininappi {
    display: inline;
    background-color: #13afcd;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    border-radius:5px;
    min-width: 120px;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

.sininappi:hover {
    cursor: pointer;
    background-color: #26C9F1;
}

.sininappi_disabled {
    display: inline;
    background-color: #BBB;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    border-radius:5px;
    min-width: 120px;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

.sininappi_disabled:hover {
    cursor: default;
}

.vihernappi {
    display: inline;
    min-width: 120px;
    padding: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
    background-color: #13afcd;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    border-radius:5px;
    text-align: center;
    text-transform: uppercase;
}

.vihernappi:hover {
    cursor: pointer;
    background-color: #7DBD65;
}

.vihernappi_disabled {
    display: inline;
    min-width: 120px;
    padding: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    float:left;
    background-color: #BBBBBB;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    border-radius:5px;
    text-align: center;
    text-transform: uppercase;
}

.vihernappi_disabled:hover {
    cursor: default;
    background-color: #BBBBBB;
}

.normilinkki {
    display:inline;
    color: #22D0E3;
    font-weight: normal;
    text-decoration: none;
    /*    text-transform: uppercase; */
    font-size: 10pt;
}

.normilinkki:hover {
    cursor: pointer;
    text-decoration: underline;
}

.punalinkki {
    display:inline;
    color:#FF0000 !important;
    text-decoration: none;
    font-size: 10pt;
}

.punalinkki:hover {
    cursor: pointer;
    text-decoration: underline;
}

.punalinkki_disabled {
    display:inline;
    color:#cccccc !important;
    font-size: 10pt;
    cursor: default !important;
    text-decoration: none !important;
}


.linkki_disabled {
    color:#cccccc !important;
    cursor: default;
}

.linkki_disabled:hover{
    text-decoration: none;
}

.nappi:hover {
    cursor: pointer;

}

.save {
    position: absolute;
    left: 200px;
}

.cancel {
    position: absolute;
    right: 250px;
}


.d_ok {
    display: inline-block;
    font-weight: bold  !important;
    text-transform: uppercase;
    position: relative;
    left:30px;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    padding-left: 13px  !important;
    padding-right: 13px  !important;
    padding-top: 5px  !important;
    padding-bottom: 5px  !important;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
    border: 0px none #008085  !important;
    background:#13afcd !important;
    color: #FFF !important;
}

.d_ok_disabled {
    display: inline-block;
    font-weight: bold  !important;
    text-transform: uppercase;
    position: relative;
    left:30px;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    padding-left: 13px  !important;
    padding-right: 13px  !important;
    padding-top: 5px  !important;
    padding-bottom: 5px  !important;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
    border: 0px none #008085  !important;
    background:#BBB !important;
    color: #FFF !important;
}

.d_cancel {
    display: inline-block;
    float:right;
    text-transform: uppercase;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
    border: 0px none #008085  !important;
    background:#fff !important;
    color: #FF0000 !important;
    text-decoration: underline;
}

.d_next {
    position: relative;
    float:right;
    margin-right: .1em;
}

#parameterForm {
    padding-left: 0;
    padding-right: 0;
}

#paramFormit {
    position:relative;
}

#pfTabs {
    margin-top: 10px;
    margin-bottom: 20px;
    color: #EEE;
    font-size: 11pt;
    padding-left: 15px;
    position:relative;
    height: 27px;
    background: url('/kuvat/menu1x27.png') repeat;
}

.pfTab {
    display: inline-block;
    float: left;
    width: 90px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 1px;
    border-style: none;
    border-left: 1px solid #008c8c;
    font-size: 11pt;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}

.pfDiv {
    display:none;
    padding: 20px;
}

.pfTab_sel {
    position: relative;
    background-color: #FFF;
    top: -4px;
    float: left;
    width: 90px;
    height: 23px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 11px;
    padding-bottom: 1px;
    font-size: 11pt;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #666;
    border: 1px solid rgb(3,99,99);
    border-bottom: 0 none;
    padding-top: 6px;
    border-top-left-radius: 25px;
    border-top-right-radius: 4px;

}

.dialogButtonPanel {
    text-align: left;
    border-color: #aaaaaa;
    border-style: solid;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .6em 1em .5em .4em;
}

.warningText {
    color: #FF0000;
    font-weight: bold;
}

#kyselylista {
    position: relative;
    overflow: visible;
    margin-right: 0;
    margin-left: 0;
    margin-top: 15px;
}

#tallennuspaneeli {
    position:fixed;
    bottom:0px;
    left:0px;
    width: 100%;
    height:30px;
    background-color: rgba(0,87,144,0.1);
    margin: 0px;
    padding:10px;
    padding-left: 85px;
    z-index:2;
    border-top: 4px solid #008085;
    text-decoration: none;
}

.lomLippu {
    padding-left: 3px;
}

#copyfoot
{
/*    position:fixed;
    bottom:0px;
    left:0px;
    width: 100%;
    height:16px;
    display:block;
    background-color: #FFFFFF;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px; */
    padding:10px;
    z-index:0;

    font-size: 9pt;
    text-decoration: none;
}

.kenttakuva {
    position: absolute;
    left: -20px;
    top: 5px;
}

.kenttaRO {
    width: 300px;
    border: 2px solid #FFFFFF;
}

#foo {
    position:fixed;
    top:0;
    right:50px;
    background-color: #EEE;
    z-index: 1000;
    display: none;
    color: #000;
}

#foo2 {
    position:fixed;
    top:0;
    right:250px;
    background-color: #EEE;
    z-index: 1000;
    display: none;
    color: #000;
}

.paramitem_l {
    display:inline;
    padding-top: 5px;
    float:left;
    left: 20px;
}


.paramitem {
}


.ui-menu { width: 75px; }
.floatMenu {
    position:absolute;
    top:250px;
    left:60%;
    margin-left:0px;
    width:100px;
}
.floatMenu ul {
    margin-bottom:20px;
}
.floatMenu ul li a {
    display:block;
    border:1px solid #999;
    background-color:#222;
    border-left:6px solid #999;
    text-decoration:none;
    color:#ccc;
    padding:5px 5px 5px 25px;
}
#viesti, #mv_viesti
{
    display:none;
    position:absolute;
    font-size: 10pt;
    top:64px;
    left:30%;
    width: 420px;
    height:auto;
    min-height:30px;
    text-align: center;
    background-color: rgb(160,197,24);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-transform: uppercase;
    color: #FFF;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:5px;
    padding-left:10px;
    opacity: 0.8;
    z-index: 101;
}

#viestiteksti {
    display: inline-block;
    max-width: 380px;
}

#closeMessage {
    position: absolute;
    cursor: pointer;
    top:12px;
    right:4px;
    opacity: 0.6;
}

.lista {
    border-collapse: collapse;
    min-width: 790px;
}

.popuplista {
    border-collapse: collapse;
    min-width: 300px;
}

.otsikkorivi {
    font-weight: bold;
    font-size: 10pt;
    height: 20px;
    border-bottom: 2px solid #3379A6;

}

.kaytt_laitosrivi td {
    padding: 4px;
}

.listarivi
{
    background-color: white;
    height: 38px;
    border-bottom: 1px dashed #CCCCCC;
}

.listarivi:hover { background-color:  rgba(0,87,144,0.1);;
 }

.listarivi_disabled
{
    background-color: white;
    height: 38px;
    border-bottom: 1px dashed #CCCCCC;
    color: #BBB;
}
.listarivi_disabled:hover { background-color:  #E4F0F2;
}

.listarivi_bold
{
    font-weight: bold;
    background-color: white;
    height: 38px;
    border-bottom: 1px dashed #CCCCCC;
}

.listarivi_del {
    background-color: #fb4d5c;
}

.listarivi_bold:hover { background-color:  #E4F0F2;
}

@-ms-viewport{
	width: device-width;
}


.dynamic {
    background: lightYellow; width: 70%; height: 20px;
    font-size: 10pt;
    position: relative;
    left: 15px;
}

#templates {
    display:none;
}


.inforivi {
    display: block;
    background-color: rgba(0,87,144,0.1);
    max-width: 797px;
    padding: 8px;
    margin-left: 158px;
    margin-right: 30px;
    border-radius: 5px;
    float: none;
    clear: both;
}

.info1 {
    display: inline-block;
    padding-left: 20px;
    padding-right: 35px;
}

.info2 {
    display: inline-block;
    padding-left: 22px;
}

#laitoslista {
    display:inline-block;
    max-height: 40px;
    min-height: 24px;
    max-width: 260px;
}
.laitos_item {
    font-size: 8pt;
    display:inline-block;
    background-color: rgba(0,87,144,0.1);
    margin-right: 5px;
    margin-bottom: 3px;
    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius:4px;
}

#icons {
    position:fixed;
    bottom:10px;
    right:68px;
    cursor:pointer;
}

#showHiddenImages {
    position:absolute;
    top:40px;
}

.imageListItem {
    position: relative;
    padding: 10px;
    padding-left: 20px;
    min-height: 4em;
    border-bottom: 1px dashed #CCCCCC;
    vertical-align: middle;

}
.imageListItem:hover {
    background-color:  #E4F0F2;
}
.imageListLeft {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 250px;
    display: inline-block;
}

.imageListRight {
    position: relative;
    left: 260px;
    max-width: 820px;
    display: inline-block;
}

.imageListIsHidden {
    position: absolute;
    right: 0;
    display: inline-block;
}

.imageNimi {
    font-weight: bold;
}

.imageListImage {
    position:relative;
    top:0;
    left: 0;
    max-height: 100px;
    max-width: 800px;
}

.imageListData {
    min-height:40px;
}

.imageListActions {
    position: absolute;
    bottom:0;
    left: 20px;
    display: none;
}
.imageListActions a {
    padding-right: 20px;
}
.imageBtnDiv {
    height: 50px;
    border-bottom: 2px solid #999;
}

#newImgBtn {
    position:absolute;
    right:30px;
}

#imgHidden {
    right: 30px;
    top: 0;
    position: absolute;
}

.isoTextedit {
    width:500px;
}

.isoTextarea {
    width:500px;
    height: 70px;
}

.helpImg {
    margin-left: 10px;
}

.dialogBlock {
    border: 2px solid #999;
    border-radius:6px;
    margin: 6px;
    padding: 10px;
    padding-top: 2px;
    min-height: 100px;
    overflow: hidden;

}

.relVidLinkHeader {
    color: #333333;
    padding-top: 10px;
    display: inline-block;
}

.relVidLink {
    font-size: 9pt;
    display:inline-block;
    color: #333333 !important;
    background-color: #D9F0F0;
    margin-right: 5px;
    margin-bottom: 3px;
    padding: 1px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius:4px;
    cursor: pointer;
}

.muokkaa_rivi {
    position:relative;
    display:block;
    height: 40px;
}

.muokkaa_isorivi {
    position:relative;
    display:block;
    min-height: 85px;
}

.muokkaa_otsikko {
    padding-left: 0;
    margin-bottom: 10px;
}

.muokkaa_dynrivi {
    display: inline-block;
    position:relative;
    height:auto;
    min-height: 30px;
}

.muokkaa_tiivisrivi {
    position:relative;
    height:auto;
    min-height: 25px;
}

.muokkaa_1clabel {
    display:inline;
    top:0px;
    width: 140px;
    float:left;
}

.muokkaa_1cdata {
    display:inline;
    top:0px;
    float:left;
}

.muokkaa_1creldata {
    position: relative;
    display:inline;
    top:0;
    left: 0;
    float:left;
}


/* ================================================================================================================= */

@media (max-width:1024px)  {
    #container
    {
    }

    #content {
    }

    #vasenyla {
    }


    #logo_laitos {
    }


}

/* ================================================================================================================= */
@media screen and (max-width: 900px) {
    #topnav
    {
        position:static;
        z-index: 99;
    }


    #topmenu
    {
        position:relative;
        top:0px;
        width: auto;
        z-index: 100;
    }

    #oikeaMobile {
        display:inline-block;

    }

    #content
    {
        position:static;
        -webkit-overflow-scrolling: touch;

    }
    #kyselylista {
        -webkit-transform: translateZ(0px);
        position:relative;
        height: auto;
    }

    #oikeaylamenu {
        position: absolute;
        top: 27px;
        right:15px;
        height: 80px;
        z-index: 10000;
        display: none;
        min-width: 100px;
        border: 1px solid #AAA;
        background-color: #FFF;
        border-radius:3px;
        box-shadow:3px 3px 3px 1px #999;

    }

    .menuitem {
        display: block;
        position: static;
        text-decoration: none;
        font-style: normal;
        margin: 0;
        width: 100%;
        height: 16px;
        background-color: #FFF;
        color: #444;
        padding: 5px;
        z-index: 10000;
        border: 0px solid #999;
        border-collapse: collapse;
        text-align: left;
    }

    .menuitem:hover {
        color: #444;
        cursor: pointer;
        background-color: #D9F0F0;
    }

}
/* ================================================================================================================= */
@media screen and (max-width: 600px) {
    #content
    {
        position:static;
        margin-left: 0px;
        margin-right: 0px;
    }

    .vaakamenu
    {
        position: absolute;
        top: 27px;
        left:-5px;
        z-index: 10000;
        display: block;
        width: 100%;
        min-width: 280px;
    }

    .nappiyla {
        display: block;
        text-decoration: none;
        font-size: 18pt;
        font-style: normal;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-left: 0px;
        width: 100%;
        height: 32px;
        /*background-color: #13afcd;*/
        background-color: rgb(0,185,238);
        color: #444;
        padding: 5px;
        padding-top: 20px;
        z-index: 10000;
        color: #EEE;
        border: 2px solid #EEE;
        text-align: center;
    }

    .nappiyla:hover {
        color: #22D0E3;
        cursor: pointer;
        background-color: #444;
        color:#DDD;
    }

    .nappiyla_sel {
        display: block;
        text-decoration: none;
        margin-left: 0px;
        font-weight: normal;
        font-size: 18pt;
        text-transform: uppercase;
        letter-spacing: 1px;
        top:0;
        width: 100%;
        height: 32px;
        background-color: #5CAD3E;
        background-color: rgb(0,185,238);
        background-image: none;
        color: #444;
        padding: 5px;
        padding-top: 20px;
        z-index: 10000;
        color: #EEE;
        border: 2px solid #EEE;
        text-align: left;
        margin:0;
        text-align: center;
    }

    #vasenylamenu {
        position: absolute;
        top: 0px;
        left:-5px;
        display: none;
        width: 100%;

    }

    #oikeaylamenu {
        position: absolute;
        top: 27px;
        left:-5px;
        z-index: 10000;
        display: none;
        width: 100%;
        border-collapse: collapse;

    }

    #vasenMobile {
        display:inline-block;
        z-index: 999;
        font-weight: bold;

    }

    .menuitem {
        display: block;
        text-decoration: none;
        margin-left: 0px;
        font-weight: normal;
        font-size: 18pt;
        text-transform: uppercase;
        letter-spacing: 1px;        width: 100%;
        height: 32px;
        background-color: #5CAD3E;
        background-color: rgb(0,185,238);
        color: #444;
        padding: 5px;
        padding-top: 20px;
        z-index: 10000;
        color: #EEE;
        border: 2px solid #EEE;
        border-collapse: collapse;
        text-align: center;
    }

    .menuitem:hover {
        color: #22D0E3;
        cursor: pointer;
        background-color: #444;
        color:#DDD;
    }

    .inforivi {
        margin-left: 15px;
        margin-right: 15px;
    }

    .info1 {
        padding-left: 15px;
        padding-right: 50px;
    }

    .info2 {
        padding-left: 15px;
    }

    .cancel {
        right: 25px;
    }
}

    /* ------------------------------------   Media print, screen loppu ---------------------------------------------------------------- */

@media print {
.page { margin: 10% }
.sivunvaihto {   
  page-break-after:always;
}
    #topnav {visibility:hidden;}
    #topmenu {display:none;}
    #rightpanel {visibility:hidden;}
    #muru_toiminnot {display:none;}
    #content {position:static;height:100%;overflow: visible}
    #lista {position:static;height:100%;overflow: visible}
    #copyfoot {display:none;}
    #icons {display:none;}
    .lomtaulu {page-break-inside:avoid;}

} /* ------------------------------------   Media print loppu ---------------------------------------------------------------- */