body {
	background: #fff;
    background-image: url("../kuvat/vihreakukkareunus.png"),url("../kuvat/vihreakukkareunus_vas3.png"),url("../kuvat/palloja.png");
    background-position: center right,center left,center top 189px;
    background-repeat: no-repeat,no-repeat,repeat;
    background-size: auto,auto,auto;

}
/* 
body2 {
	background: #fff;
    background-image: url("../kuvat/vihreakukkareunus.png"),url("../kuvat/vihreakukkareunus_vas.png"),url("../kuvat/palloja.png");
    background-position: center right,center left,center top 189px;
    background-repeat: no-repeat;
    background-size: auto,auto,cover;

} */
.maija {
    background-image: url("../kuvat/maisa.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    position: absolute;
    bottom:0px;
    left: 0;
    width: 1118px;
    height: 100%;
}

.ylaraitapalkki{
    background-color: #d71920;
    width: 100%;
    height: 200px;
    background-image: url("../kuvat/yhteydetotot_oikea.png"),url("../kuvat/taustaraidoitus3.jpg");
    position: absolute;
    top: 0px;
    right: 0px;
    background-position:  top right,top left;
    background-repeat: no-repeat,repeat-x;
    
}
.ylapalkinlogo
{
    
    background-color:transparent;
    display: block; 
    margin-left: auto ;
    margin-right: auto ;
    padding: 5px;
    margin-top: 45px;
}
.pitsikuvio {
     /*--------------------------------------------------------------
    TOistuva pitsikuvio yläraitapalkin jälkeen
    --------------------------------------------------------------*/
	border-bottom: 0px solid #000000;
    background-image: url("../kuvat/pitsi2.png");
    background-repeat: repeat-x;
    background-position: bottom;
    height: 75px;
  
    position: absolute;
    top: 135px;
    right: 0px;
    width: 100%;
    padding:5px;
}


.navigointi {
	
    height: 60px;
    background-color:transparent;
    margin: auto;
    padding:5px;
    position: relative; left: 50%;
    transform: translateX(-50%);
  
}

.kehys_blur {
    margin-top: 260px; 
    /*--------------------------------------------------------------
    Sivun taustaväri ja opacity tämä turkoosi paneeli vasemmalla
    --------------------------------------------------------------*/
    float: left;
    /*background-color: #96B2B0; */
    background: rgb(34,34,34); /* for IE */
  background: rgba(150,178,176,0.75);
    opacity: 0.95;
    border: solid 2px rgba(242,242,242,1);
    border-radius: 20px 0px 0px 20px;
    box-shadow:  8px 8px 20px  black ;

    -webkit-filter: blur(1px); /* Chrome, Opera, etc. */
    filter: url('http://jordanhollinger.com/media/blur.svg#blur'); /* Older FF and others - http://jordanhollinger.com/media/blur.svg */
    filter: blur(1px); /* Firefox 35+, eventually all */


    
    background-image: url("../kuvat/turkoosi_taustavari.png"); 
    background-image: url("../kuvat/turkoosi_taustaraidotus.png");
     background-position: top left;
    background-repeat: repeat-all;
    
   
    z-index:2;
    max-height: 550px;
        min-height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
    
    width: 837px;
    margin:  260px auto auto auto;
    position: relative; left: 50%;
    transform: translateX(-50%);
    padding: 5px;
}

/* p{color: #8C332C;} */
 p{color: black;} 
.kehys_vasen {
    margin-top: 10px; 
    /*--------------------------------------------------------------
    Sivun taustaväri ja opacity tämä turkoosi paneeli vasemmalla
    --------------------------------------------------------------*/
    float: left;
     background-color: #96B2B0;  
    opacity: 0.90;
    border: solid 2px rgba(242,242,242,1); 
    border-radius: 0px 0px 0px 0px;
    box-shadow:  8px 8px 20px  black ;  
    /* background-image: url("../kuvat/turkoosi_taustavari.png"); 
    background-image: url("../kuvat/turkoosi_taustaraidotus.png");
    background-position: top left;
    background-repeat: repeat-all; */
    z-index:2;
    /* max-height: 550px;
    min-height: 550px; */
    height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 50%;
    position: relative; left: 50%;
    transform: translateX(-50%);
    padding: 5px;
    }

 




p.menu {
    float: left;
    border: solid;
    border-width: 0px;
    border-color: lightgray;
    padding: 5px;
    /*border-radius: 5px 20px;*/
    background-color: transparent;
    fill-opacity: 0.7;
    color: lightgray;
  cursor: pointer;
}

    p.menu:hover {
        background-color: #3C413E;
        opacity: 0.5;
    }


   




    .pikalinkitvasen
    {
float: left;
min-width: 160px;
width: 3%;
padding: 10px;
background-color: #96B2B0;
opacity: 0.95;
border: solid 2px rgba(242,242,242,1);
/* border-radius: 20px; */
border-radius: 20px 0px 0px 20px;
box-shadow:  8px 8px 20px  black ;
background-image: url("../kuvat/turkoosi_taustaraidotus.png");
background-position: top left;
background-repeat: repeat-y;
z-index:2;
/* max-height: 650px;
min-height: 350px; */
max-height: 550px;
min-height: 550px;
display: flex;
flex-direction: column;

    }

       
    .pikalinkitoikea
    {
float: left;
min-width: 160px;
width: 3%;
padding: 10px;
background-color: #96B2B0;
opacity: 0.95;
border: solid 2px rgba(242,242,242,1);
/* border-radius: 20px; */
border-radius: 0px 20px 20px 0px;
box-shadow:  8px 8px 20px  black ;
background-image: url("../kuvat/turkoosi_taustaraidotus.png");
background-position: top left;
background-repeat: repeat-y;
z-index:2;

max-height: 550px;
min-height: 550px;
display: flex;
flex-direction: column;
flex-grow: 1;

    }


    .sisaltokehys
    {
        background-image: url("../kuvat/pitsipysty.png");
        background-repeat: repeat-y;
        float: left;
        padding: 10px;
        background-color: #DEDECF;
        opacity: 0.95;
        border: solid 2px rgba(242,242,242,1);
        border-radius: 0px 0px 0px 0px;
        box-shadow:  8px 8px 20px  black ;
        width: 70%;
       
       max-height: 550px;
min-height: 550px;
        overflow-y: scroll;
        overflow-x: hidden;
       
       
    }
    #btnhyvaolo {
        display: none !important;
    }
   
/* 
    @media screen and (max-height: 1000px) {
        #btnhyvaolo {
            display: none !important;
        }
        #piklinkitvasen {
            height: 550px !important;
            max-height: 550px;
         
        }
        
    } */