html { 
width:100%;
}
body{
	background-repeat: no-repeat;
	 background-attachment: fixed;
  -webkit-background-size: cover;
-moz-background-size: cover;
o-background-size: cover;
  background-size: cover;
margin:0;
color:#000000;
font-family: Segoe UI;
font-size:110%;
background-color:#BCBCBC;
height:100%;
width:100%;
}
.100{
	width:100%;
}
.kapea{
	width:10%;
	min-width:20px;
}

.20{
	width:20%;
}

#slideshow { 
    margin: 0px auto; 
    position: relative; 
    width: 100%; 
	overflow:hidden;
	background-color:#2F2F2F;
}
#slideshow  div { 
position: relative; 
}

::selection {
	background: #ffb7b7; /* Safari */
	}
::-moz-selection {
	background: #ffb7b7; /* Firefox */
}
a:hover {
   text-decoration:underline;
}
.text_left{
text-align:left;
word-wrap: break-word;

}
.text_center{
text-align:center;
}
h1{
	color:#000;
}
h2{
	color:#000;
}
h3{
	color:#000;
}
.vihrea{
color:#6EBC6B;
}
.vaalea_vihrea{ 
color:#B5F3B2;
}
.musta{
 color: #000;
 text-decoration:none;
}
.punainen{
color:#BA0000;
}
.sininen{
color:#2546B3;
}
.valkoinen{
color:#fff;
}
.vihreä{
color:#B5F3B2;
}
.VihreaT{
	background-color:#B5F3B2;
}
.PunainenT{
	background-color:#BA0000;
}
.KeltainenT{
	background-color:#F0DA15;
}
.MustaT{
	background-color:#BABABA;
}
.HarmaaT{
	background-color:#ccc;
}
.tervetuloa{
	text-align:left;
}
.linkki{
	font-weight:bold;
	color:#2E802B;
}
.linkki:hover {
	color:#464641;
	position:relative;
}
.linkki:active {
	position:relative;
	top:3px;
}

.linkki_otsikko{
	color:#000;
	position:absolute;
	padding:10px;
	font-weight:bold;
	border-radius:8px;
	z-index:1;
}
.linkki_otsikko1{
	background-color:#EBEBEB;
	margin-top:5%;
	margin-left:5%;
	opacity:0.7;

}
.linkki_otsikko2{
	background-color:#B5F3B2;
	margin-top:10%;
	margin-left:80%;
	overflow:hidden;
}
.linkki_otsikko3{
	background-color:#B5F3B2;
	margin-top:0%;
	margin-left:80%;
	overflow:hidden;
}
.IMG_linkkikuva{
	width:100%;
	height:100%;
	z-index:0;
	min-width:500px;
}
.IMG_linkkikuva:hover{

}
.frm_muokkaa{
	width:95%;
	border:2px;
	border:solid 1px #000000;
	max-width:1260px;
	padding:5px;
}
.DIV_Pohja{
	width:100%;
	height:100%;
	overflow:hidden;
	min-width:200px;
	background-color:#FFF;	
	opacity:0.9;
	
	float:center;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.DIV_Pohja2{
	width:100%;
	height:100%;
	min-width:200px;
	background-color:#FFF;	
	opacity:0.9;
	float:center;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.DIV_NavBar{
	margin:0;
	width:100%;
	min-width:200px;
	text-align:center;
	background-color:#000;
	float:center;
	opacity:0.8;
	color:#fff;
	border-bottom:2px solid #000;
	z-index:1;
	position: fixed;
	overflow: ; 
}
.DIV_NAV_Laatikko{
	min-width:260px;
	max-width:1500px;
	height:100%;
	width:100%;
	margin-top:0.5%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
} 
.DIV_NAV_vasen{
	text-align:left;
	display:none;
	width:10%;
	float:left;
	word-wrap: break-word;
}
.DIV_NAV_oikea{
	text-align:left;
	height:100%;
	width:100%;
	float:right;
	word-wrap: break-word;
}
.DIV_Laatikko{
	min-width:260px;
	max-width:1400px;
	height:100%;
	width:100%;
	margin:auto;
	background-color:#;
	text-align:center;
	overflow:auto;

} 
.DIV_Laatikko2{
	overflow:hidden;
	height:50px;
	width:100%;
	margin:auto;
	text-align:center;
	background-color:#fff;
} 
.DIV_NAV_vali{
	height:30px;
	width:100%;
	text-align:center;
	opacity:0.9;
	
}
.DIV_vali{
	min-height:20px;
	height:20%;
	width:100;
	text-align:center;
}
.DIV_login_korostus{
	width:100%;
	background-color:#FF0000;
	text-align:center;
}
.IMG_logokuva{
	min-width:200px;
	max-width:400px;
	border:none;
	margin-top:0.2%;
	width:100%;
}
.IMG_yhteistyokuva{
	min-width:1px;
	max-width:200px;
	width:100%;
	border:none;
	}
.IMG_sisaltokuva{
	width:100%;
}
.IMG_esikatselu{
	width:50%;
	max-width:1000px;
	min-width:200px;
	
}
.IMG_Home{
	border:none;
	margin-top:1px;
	float:left;
	min-width:1px;
	max-width:20px;
	width:5%;
}
.IMG_Henkilo{
	right:0;
	top:1px;
	width:100%;
	max-width:250px;
}
.IMG_Ig{
	border:none;
	float:center;
}´
.DIV_Ala_Sisalto{
	font-size:120%;
	padding-top:2%;
	padding-bottom:2%;
	background-color:#fff;
	margin-left: auto ;
	margin-right: auto ;
	height:100%;
	width:100%;
	overflow:auto;
}
.DIV_Ala_Sisalto_vasen{
	opacity:1;
	padding:0%;
	text-align:left;
	width:100%;
	float:left;
	background:#EFEFEF;
	word-wrap: break-word;
}
.DIV_Ala_Sisalto_puoli{
	opacity:1;
	text-align:left;
	width:100%;
	padding-right:5px;
	padding-left:5px;
	float:left;
	word-wrap: break-word;
}
.DIV_Ala_Sisalto_koko{
	opacity:1;
	text-align:left;
	width:100%;
	padding-right:5px;
	float:left;
	word-wrap: break-word;
}
.padding_BOX{
width:90%;
padding-right:5%;
padding-left:5%;
}
.DIV_Ala_Sisalto_oikea{
	text-align:left;
	width:90%;
	padding:2%;
	min-height:200px;
	float:left;
	word-wrap: break-word;
}
.DIV_Ala_Sisalto_Levea{
	background-color:#EBEBEB;
	text-align:left;
	width:100%;
	min-width:300px;
	float:left;
	word-wrap: break-word;
}
.DIV_clear { clear: both;}
.DIV_navinapit{
	width:100%;
	text-align:center;
}
.BTN_kirjaudu{
	color:#000;
	opacity:0.0;
	text-decoration:none;
	}
.BTN {
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-Top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	display:inline-block;
	color:#000000;
	max-width:1260px;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	max-width:400px;
	min-width:200px;
	text-decoration:none;
	text-align:center;
}
.BTN2{
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-Top-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	display:inline-block;
	color:#000000;
	font-family:Arial;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	font-size:80%;
	max-width:400px;
	text-decoration:none;
	text-align:center;
}
.UP{
	position: fixed;
	right:5%;
	bottom:2%;
	width:60%;
	z-index:5;
	max-width:300px;
}
.UP2{
	position: fixed;
	right:5%;
	bottom:10%;
	width:60%;
	max-width:300px;
}
.BTN_Kirjaudu {
	display:inline-block;
	color:#000000;
	max-width:1260px;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:95%;
	text-decoration:none;
	text-align:center;
}
	@media (min-width: 300px) {
  #slideshow{
	height:150px;
  }
    .linkki_otsikko{
	font-size:15px;
  }   

  }
  @media (min-width: 400px) {
    .DIV_Ala_Sisalto_oikea{
	
	}


  }
    @media (min-width: 500px) {
	  #slideshow{
	height:180px;
	}

@media (min-width: 600px) {
    .linkki_otsikko{
		font-size:20px;
	}     
	body{
	background-image: url('./Tausta.jpg') ;
	}
	.DIV_Ala_Sisalto_puoli{
		max-width:500px;
	}
 }
@media (min-width: 700px) {
 }
@media (min-width: 800px) {
	#slideshow{
		height:250px;
	}
  }
@media (min-width: 950px) { /*950*/
  #slideshow{
	height:250px;
  }  
.linkki_otsikko{
	font-size:40px;
  }
}
@media (min-width: 1000px) { /*1000*/

	#slideshow{
		height:330px;
	}
	.DIV_Ala_Sisalto_vasen{
	max-width:600px;
	}
	    .DIV_Ala_Sisalto_oikea{
	max-width:250px;
	}
	.DIV_Ala_Sisalto_puoli{

	}
  }
@media (min-width: 1200px) { /*1200*/
  #slideshow{
	height:350px;
  }
   .linkki_otsikko{
	font-size:60px;
  }   
    .DIV_Ala_Sisalto_oikea{
	max-width:250px;
	}
	.DIV_Ala_Sisalto_vasen{
	max-width:700px;
	}
	  .DIV_NAV_vasen{
	display:Block;
	}
	.DIV_NAV_vali{
	height:30px;
	}
	  	.DIV_Ala_Sisalto_puoli{
	
	}
  }
@media (min-width: 1400px) {/*1400*/
  #slideshow{
	height:370px;
  }
  	.DIV_Ala_Sisalto_vasen{
	max-width:800px;
	}
  	.DIV_Ala_Sisalto_puoli{

	}
	.DIV_Ala_Sisalto_oikea{
	max-width:250px;
	}

  }

 @media (min-width: 1500px) { /*1500*/
  #slideshow{
	height:400px;
  }
    .DIV_Ala_Sisalto_vasen{
	max-width:900px;
	}
        .DIV_Ala_Sisalto_oikea{
	max-width:300px;
	}
			.DIV_Ala_Sisalto_puoli{
	max-width:395px;
	}
  }      
  @media (min-width: 1800px) {
  #slideshow{
	height:500px;
  }
   
}