/* Rivinpiirron tyylit */

div.rivilohko {
   font-size:12pt;
   /* width:100%; */
   color:#202020;
   margin-top:1em;
   margin-bottom:1em;
   margin-right:1em;
   line-height:1.8em;
}



a img  {
   outline:0px;
}

div.tekstilevea {
   max-width:75em !important;
   line-height:1.33em !important;
   font-size:12pt; 
   /*overflow: scroll;*/ 
}

.muokkaustila {
   margin-left:0.0em;
}

.tekstilevea img {
   margin:0.5em;
}



/* Väliotsikkoelementti */
.valiotsikkoharmaa {
   color:#505050;
   font-weight:bold;
}

.valiotsikkomusta {
   color:#000;
   font-weight:bold;
}
/* Väliotsikkoelementti */

/* Liite-elementti */
.liite-kuva {
   padding-right:3px;
   padding-top:0px;
   text-align:left;
}

.liite-tyyppi {
   padding-right:5px;
   color:#a0a0a0;
   font-size:10pt !important;
}
/* Liite-elementti */


/* Sisäinen linkki -elementti */    
.sislinkki {
   color:#808080;
}

.sislinkki a {

}

.sislinkkimurupolku {
   font-family: Arial;
   color:#808080;
   font-size:10pt;
}
/* Sisäinen linkki -elementti */   


/* Luetteloelementti */
.luettelo {
   color:#202020;
   line-height:1.5em;
}
/* luetteloelementti */

/* Palstataulukko */
.palstataulukko {
   padding-right:0;
   padding-left:0;
}

/* Taulukkoelementti */
.taulukko-aariviivat {
   border:1px solid #a0a0a0;
}

.taulukko-lihavointi {
   font-weight:bold;
}
/* Taulukkoelementti */


/* Linkkiluetteloelementti */
.linkkiluettelo {
   padding-right:2px;
   padding-top:3px;
   line-height:1.5em !important;
}
/* Linkkiluetteloelementti */


/* Piilokappale-elementti */   
.piilokappale-viiva {
   border-bottom:1px solid #d0d0d0;
   margin-top:1em;
   padding-bottom:0.2em;
   margin-bottom:0.2em;
   font-weight:bold;
   font-size:1.2em;
}

.piilokappale-toiminnot {  
   color:#808080;
   padding-bottom:1em;
}

.piilokappale-linkki {
   color:#a0a0a0;
}

.piilokappale-kysymys {
   margin-top:0.7em;
   padding-top:0em;
   font-size:1.1em;
   font-weight:bold;
}

.piilokappale-vastaus {
   display:none;
   padding-top:3px;
   line-height:1.5em;
   font-size:1.1em;
}
/* Piilokappale-elementti */   


/* Kuvaelementti */

img.raamitettu {
   border:solid 1px #000;
}

.kuva-oikea {
   margin-left:1em;
}

.kuva-vasen {
   margin-right:1em;
}

.kuva-kuvaluettelo {       
   max-height:250px !important;
   max-width:160px !important;   
}

.div-kuvaluettelo {
   margin-right:0.5em !important;
   height:270px !important;
   width:170px !important;
   position:  relative;
   border:1px solid #d0d0d0;
   text-align: center !important;
   padding-top:10px;
}

.kuvateksti-kuvaluettelo, .kuvateksti-kuvaluettelo a {
   vertical-align:50% !important;
   line-height:1.35em !important;
   font-size:12pt;
   font-style:italic;
   position: absolute;
   bottom: 1em;
   padding-left:10px;
}

.kuvateksti, .kuvateksti a {
   line-height:1.35em !important;
   font-size:12pt;
   font-style:italic;
}

.kuvateksti-oikea {
   padding-left:1em;
}
/* Kuvaelementti */

/* Makroelementit */
.makro-luettelo-otsikko {
   padding-top:1em;
   padding-bottom:0.5em;
   border-bottom:1px solid #a0a0a0;
   font-weight:normal;
}

.makro-luettelo-otsikkobold {
   padding-top:1em;
   border-bottom:1px solid #a0a0a0;
   font-weight:bold;
   font-size:12pt;
}

.makro-luettelo-tiedote {
   padding-top:0.5em;
   font-size:12pt;
}

.makro-luettelo-tapahtuma {
   padding-top:0.5em;
   padding-bottom:0;
}

.makro-luettelo-tapahtuma-span {
   font-size:12pt;
}

.makro-luettelo-tapahtuma-span a {
   word-wrap:break-word !important;
}

.makro-sivu-otsikko {
  font-size:12pt;
}

.makro-sivu-paivitetty {
   font-size:10pt;
   color:#808080;
   float: right;
}

.makro-navipolku, .makro-navipolku a {
   font-size:9pt;
   color:#808080;
   line-height: 1.3em;
   margin-top:0.5em;
   margin-bottom:1.5em;
   /*line-height:1em;*/
}

.makro-esittelyteksti {
   color:#a0a0a0;
   padding-bottom:0.7em;
   width:35em;
}

.makro-alasivuluettelokaikki-otsikko {
   margin-bottom:0.3em; 
   padding-bottom:3px; 
   font-size: 9pt !important; 
   margin-top:1em;
   border-bottom:1px solid #a0a0a0;
   font-weight:bold;
}

.makro-alasivuluettelokaikki-esittelyteksti {
   font-style:italic;
   font-size: 10pt !important; 
}

.makro-linkki-ylasivu {
   color:#000000; 
   font-size:9pt;
}

.makro-linkki-alasivu { 
   font-size:9pt;
}

.makro-linkki-vakanen { 
   color: #808080;
   font-size:9pt;
}

.makro-tyoversio {
   color:green;
}

/* Makroelementit */


/* Käsittele tekstikappale (Kuvajoukko)  */
.linkki {

}
/* Käsittele tekstikappale (Kuvajoukko) */

.bold {
   font-weight:bold !important;
}

.center {
   text-align:center !important;
}

.vert-top {
   vertical-align:top !important;
}

.lihavavaliotsikko {
   font-weight:bold;
   padding-top:3px;
   padding-bottom:1px;
}

.eilihavavaliotsikko {
   padding-top:3px;
   padding-bottom:1px;
}


/* Tulosteet */
div.tulosteleipa {
   padding-left: 2em;
   font-family: Arial !important;
}

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


/* Hakusivu */

span.hakutausta {
   background-color:#ff0;
}
span.hakutausta1 {
   background-color:#ff0;
}
span.hakutausta1 {
   background-color:#faf;
}
span.hakutausta2 {
   background-color:#0ff;
}
span.hakutausta3 {
   background-color:#aaa;
}
span.hakutausta4 {
   background-color:#afa;
}


p {
   font-size:12pt;
}


.img-banneri {
   display: inline;
   margin:2em 2em 2em 0; 
}


/* DROPZONE */
div.minimalistic-upload {
    position: relative;
    height: 25px;
    background-color: #9DBD1C;
    border-bottom: 1px solid rgba(0,0,0, 0.2);
}

div.minimalistic-upload .dz-filename {
    position: absolute;
    left: 10px;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 25px;
    color: #000;
    z-index: 100;
}

div.minimalistic-upload .dz-progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #DFF77E;
    z-index: 99;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

div.uploaded-file-container:first-of-type { 
    margin-top: 0;
}

div.uploaded-file-container {
    margin: 15px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0, 0.1);
}

div.uploaded-file-container button.delete-file-button {
   position: absolute;
   /*right: 5px; left: 690px; */
   bottom: 0px; 
   right: 20px;
   z-index:1000;
   margin-top:3em;
   vertical-align:bottom !important;
}

div.uploaded-file-container img {
    border-radius: 3px;
    max-height: 200px;
    cursor: move;
}

div.ready-uploads-liite div.uploaded-file-container img {
    max-height: 256px;
}

/* DROPZONE */