/*
https://varvy.com/mobile/legible-font-size.html
*/


body {  font-size:16px;
	background-color:#000000; 
	margin-left:-5px; margin-top:-5px; margin-right:-5px; margin-bottom:0px; padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


h1 { font-size:200%; margin-top:7px; margin-left:1px; margin-bottom:7px; color:#ffffff; }
h2 { font-size:180%; margin-top:7px; margin-left:1px; margin-bottom:7px; color:#ffffff; }
h3 { font-size:160%;  margin-top:7px; margin-left:1px; margin-bottom:7px; color:#ffffff; }
h4 { font-size:140%;  margin-top:7px; margin-left:1px; margin-bottom:7px; color:#ffffff; }

p { font-size:120%; margin-top:7px; margin-left:1px; margin-bottom:7px; color:#ffffff; }

li { font-size:120%; margin-top:7px; margin-bottom:7px; color:#ffdddd; }

select, option { color:#990000; background-color:#ffffff; }

a { color:#FFcc33; text-decoration:underline; font-weight:normal; }
a:link { color:#FFcc33; text-decoration:underline;  font-weight:normal; }
a:visited { color:#FFcc33; text-decoration:underline;  font-weight:normal; }
a:hover { color:#ffff00; text-decoration:none;  font-weight:normal; } /* FF8000 = orange  ffff00 = yellow*/
a:active { color:#FFcc33; text-decoration:underline;  font-weight:normal; }

._ilmo { font-size:120%; color:#000033; text-decoration:underline; font-weight:normal; }
a._ilmo { 
	font-size:120%; color:#cc0000; text-decoration:underline; font-weight:bold; background-color:#ffffff; 
	-webkit-box-shadow: 0px 0px 4px 2px #ffffff; /* horizontal vertical blur spread Color */
	box-shadow: 0px 0px 4px 2px #ffffff;
}



a._ilmo:link { color:#cc0000; text-decoration:underline;  font-weight:bold; }
a._ilmo:visited { color:#cc0000; text-decoration:underline;  font-weight:bold; }
a._ilmo:hover { color:#ff0000; text-decoration:none;  font-weight:bold; }
a._ilmo:active { color:#cc0000; text-decoration:underline;  font-weight:bold; }

.NextPrev {  color:#ffcccc; text-decoration:underline; font-weight:bold; } 
a.NextPrev {  color:#cc0000; text-decoration:underline; font-weight:bold; }
a.NextPrev:link { color:#cc0000; text-decoration:underline;  font-weight:bold; }
a.NextPrev:visited { color:#cc0000; text-decoration:underline;  font-weight:bold; }
a.NextPrev:hover { color:#ff0000; text-decoration:none;  font-weight:bold; }
a.NextPrev:active { color:#cc0000; text-decoration:underline;  font-weight:bold; }

.etusiv_cat {  font-size:140%; color:#000000; text-decoration:underline; font-weight:normal; } 
a.etusiv_cat {  font-size:140%; color:#000000; text-decoration:underline; font-weight:normal; }
a.etusiv_cat:link { color:#000000; text-decoration:underline;  font-weight:normal; }
a.etusiv_cat:visited { color:#000000; text-decoration:underline;  font-weight:normal; }
a.etusiv_cat:hover { color:#ff0000; text-decoration:none;  font-weight:bold; }
a.etusiv_cat:active { color:#000000; text-decoration:underline;  font-weight:normal; }


.kesk_palsta { background-color:#660000; } /* keskialue jos ei ilmoitusta */ 
.kesk_palsta_ilmo { /* ilmoituksen teksti alue */
	background-color:#ffcccc; 	
    border:0px solid blue;
 } 

.vinkki { margin:12px; font-weight:bold; color:#ffff00; }
.vinkki_ilmo { font-weight:normal; color:#cc0000; font-size:120%;}

.huom_ilmo { clear:all;  font-weight:bold; color:#990000; margin:10px; }
.huom_ilmo1 {  background-color:#ffffff; font-weight:normal; color:#660000; font-size:140%; margin:0px; padding:5px; }

.h_ilmo { color:#330000; clear:both; }
.p_ilmo { font-size:120%; color:#330000; }


.normteksti { font-size:120%; margin-top:5px; margin-bottom:5px; color:#ffffff; font-weight:normal; }
.ed_seur { margin-top:14px; margin-bottom:14px;  }


/* .taustayla { background-color:#660000; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; padding:0px;  } */
.vas_palsta { background-color:#000000;  }


.ilmokuva
{
/* position:absolute;
right:0px; */
float:right;
margin-left:20px;
margin-bottom:5px;
}

#wrapper {
		width:100%;
		margin:auto; 
		border:0px solid green;
/*		padding-left:-10px; */
/*		margin:0px;*/
		padding:5px; 
/*		float:right; */
	}




#ylapalkki  {
/*	float:left;  */
/*	border:1px solid blue; */
}

#logo {
	margin-bottom:10px;
	/* width:250px; */
/*	border:0px solid green; */
}


#banner_efect {
	position:relative; top:0px; left:0px;
	margin-top: 0px; margin-bottom:10px; 
	width:880px;
/*
	-ms-transform:rotate(0deg); /* IE 9 */
	-webkit-transform:rotate(0deg); /* Chrome, Safari, Opera */
	transform:rotate(0deg);
*/
	-moz-box-shadow: 1px 1px 7px 6px  rgb(239,64,71); 
	-webkit-box-shadow: 1px 1px 7px 6px  rgb(239,64,71); 
	box-shadow: 1px 1px 7px 6px  rgb(239,64,71); /* left right blur size */
}


.edellinen_seuraava { float:right; border:0px solid white; }


.hakusana { 
	float:left; 
/*	clear:both; */
	border:0px solid yellow; padding-left:15px;padding-top:10px; 
}


#hakuruutu  {
	float: left; 
/*	width:650px; */
/*	border:4px solid green; */
}

#droppi     { float:left; margin-left:10px; margin-right:30px; margin-top:30px; margin-bottom:0px; /* border:2px solid red; */  }

/*
.ikavalinta { float:left; border:1px solid yellow; /* padding-left:15px;padding-top:10px; */ }
*/

.formu { margin-top:0px; margin-bottom:0px; 	padding-top:5px;	border:0px solid green; } 

.selecti { margin-top:2px; margin-bottom:5px; 		border:0px solid white;  }







select.formSelect { height:40px; font-size:160%; border: 1px solid #f00; background: #fff; } /* dropin fontti */
input.formSelect { height:40px; font-size:160%; border: 1px solid #f00; background: #fff; } /* hakusana ruutu */

input[type="submit"] {
  margin:10px;
  padding:2px 6px 2px 6px;
	color:black;
	font-weight:bold;
	font-size:200%;
	background-color:#f99;
	border: 2px solid #f00;
} /* ETSI nappi */


#navig {
	float: left; 
	width:180px;
	height:120px;
	vertical-align:baseline;
    text-align:center;
    
/*	border:1px solid yellow; */
	padding-top:30px;
}

#content-login {
	clear:both; 
/*	margin:0px; */
/*	padding:0px; */
/*	margin-top:0px; */
	padding-bottom:10px; 
	padding-top:10px; 
	float:left;
/*	margin-left:0px; */
	border:0px solid red;
}


#content {
	clear:both; 
	margin-top:0px;
	padding-bottom:0px;
		/* border:1px solid red; */
}

 
#content div {
/*	border:2px solid brown;  */
	float:left;
	margin-left:0px; 
		/* border:1px solid green; */
}

#content-left {
/*		width: 150px; */
/* 		width:15%; */
 		width:20%; 
		/* border:1px solid yellow; */
}


#content-main1 {
		margin:0px; 
		padding-left:15px; 
/*		width:660px; */
/*		width:83%; */

		width:97%;
        
/*		padding-left:4px; */
		border:0px solid red; 
}

#content-main2 {
		margin:0px; 
		padding-left:15px; 
/*		width:660px; */
/*		width:83%; */

		width:77%;
        
/*		padding-left:4px; */
		border:0px solid red; 
}

#listan_rivi {
	clear:left;
	margin-top:5px; 
	width: 98%;
	padding:5px;
	font-size:160%;
}

.lista_parillinen { background-color:#ffbbbb; }
.lista_pariton { background-color:#ffcccc;  }

#listan_kuva {
	float:right;
/*	vertical-align:text-top; */
	padding-top:0px; 
	padding-right: -10px; 
	padding-bottom:0px; 
	padding-left:10px; 
}

/* .tervetuloa { float:right; border:0px solid white; } */

.tervetuloa { border:0px solid white; }




#footer {
		float:left; 
/*		margin-top:10px; */
		padding:10px;
		border:0px solid white;
		width:100%;
		margin:10px; 
		text-align:center;
		background-color:#220000;
}
/*
.alapalkki { font-size:120%; }
*/
/*
.footer { margin:10px; text-align:center; }
*/

/*.shadow img { */

.shadow {
    -webkit-box-shadow: 0px 0px 4px 2px #ff0000; /* horizontal vertical blur spread Color */
    box-shadow: 0px 0px 4px 2px #ff0000;
    }


/*
.shadowNext {
    -webkit-box-shadow: 0px 0px 4px 2px #ff0000; /* horizontal vertical blur spread Color */
    box-shadow: 0px 0px 4px 2px #ff0000;
    }
*/



	
a:hover img  {

opacity: 0.8; /* 1 = 100%, 0 = 0% */

/* or the drop-shadow effect */

-webkitbox-shadow: 0px 0px 4px 2px #990000; /* goes x-axis, y-axis, blur, (stretch factor on x-axis, not used here), colour */
box-shadow: 0px 0px 4px 2px #990000; /* goes x-axis, y-axis, blur, (stretch factor on x-axis, not used here), colour */

}


div.Fcontainer
{
width:500px;
height:100px;
margin:10px;
border:0px solid gray;
line-height:150%;
text-align: right;
color: #ffffff;
}
div.Ffield
{
float:right;
width:450px;
margin:10px;
border:0px solid white;
}


.table-me {display:table;}
.row-me {display:table-row; }
.cell-me {display:table-cell;  }


.Tcontainer {
  display: table; color: #FfFfA9;  
}
.Trow {  display: table-row; color:  }
.Trow2 {  display: table-row; color: #F5A9A9; background-color:#500000; }

.Tcolumn {  display: table-cell; padding-right:8px; padding-left:8px; padding-bottom:5px; padding-top:5px; }

.nosto_solu
{
border:1px solid gray;background-color:#450000;padding:2px;
}



/* KUVAT GALLERIA sivu: */

#galleria {
	border:0px solid brown;
  }

#galleria div {
	clear: both;
/*  float: left; */
	padding:2px;
	font-size:160%;
	border:0px solid blue;
  }

#gal_kuva {
	border:0px solid green;
  }

div  #gal_text  {
	border:0px solid red;
	font-size:160%;
	color:#ffffff;
  }


/* OHJE sivu */




 .formdiv { width: 45%; margin-left:5px; margin-top:0px; margin-bottom:0px; border:0px solid red; } 

/* width: 775px; */

/*
  #palstat {  width: 200%; padding:0px;  } 
  #palstat div { float: left;  padding: 6px 0px 6px 0px; margin-top: 10px;  } 
  #palsta1 {      width: 225px;  width: 100%;  font-size:180%; font-weight:bold; color:#666;   }
  #palsta2 {      width: 500px;  width: 100%;  font-size:180%; font-weight:normal; color:#666;  }
  .rivi1 {    font-size:160%; font-weight:bold; color:#aa9999;  }
*/

/*
  .palstat {    width: 95%; padding:0px;  }
  .palstat div {    float: left; padding: 2px 0px 2px 0px; margin-top: 2px; border-bottom-color:#FFFFFF; border-top-style:solid;border-top-width:1px;  }
  .palsta1 {
    width: 35%; font-size:180%; font-weight:bold; color:#ccaaaa;
  }
  .palsta2 {
    width: 65%; font-size:180%; font-weight:normal; color:#FFcccc;
  }
  .rivi1 {
    font-size:160%; font-weight:bold; color:#aa9999;
  }
*/