@charset "utf-8";
/* CSS Document */


#background {
z-index: 1;           	/* määrittää layerin tason */
position:absolute;
width: 100%;
height: 100%;
}

#sisallontausta_layer {
    z-index: 2;			 /* määrittää layerin tason */
    position:absolute;
 	width: 234px;		/* HUOM. suurenna näitä mittoja eka, jos haluat layerille enemmän tilaa. html-taulukoiden kanssa saattaa helposti unohtua että mitat tulee CCS:tä  */
    height: 223px;		
    float:left;
    top: 50px;			/* sijainti yläreunasta */
    left: 50px;			/* sijainti vasemasta reunasta */
	vertical-align:top;
		background-color:#000; 
        filter:alpha(opacity=50); /* transparency ja alla sama eri selaimille */
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
}


#sisalto_layer {
    z-index: 3;			 /* määrittää layerin tason */
    position:absolute;
 	width: 234px;			/* HUOM. suurenna näitä mittoja eka, jos haluat layerille enemmän tilaa. html-taulukoiden kanssa saattaa helposti unohtua että mitat tulee CCS:tä  */
    height: 223px;		
    float:left;
    top: 50px;			/* sijainti yläreunasta */
    left: 50px;			/* sijainti vasemasta reunasta */
	vertical-align:top;

}


body{				/* siirsin tän tuolta html:n puolelta tänne niin on kaikki CSS:t saman katon alla */
margin:0px;
padding:0px;
}


.laatikko {			/* Eero-boxin tyylimääritelmät */   
 vertical-align:top;
 padding-top: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 padding-left: 10px;
 border: none;
 font-size: 15px;
 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
 color: #FFF;
a:link {color: #FFFFFF; text-decoration: underline; }
a:visited {color: #FFFFFF; text-decoration: underline; }
 text-align: left;
 line-height: 16px;
 font-weight: normal;
 width: 234px;
/* firefox */
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px; 
	
/* safari/chrome */
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
	
/* ie9, future proofing for whatever browser that support this attribute */
    border-top-left-radius : 5px;
    border-top-right-radius : 5px;
    border-bottom-left-radius : 5px;      
    border-bottom-right-radius : 5px; 
}