/* Class-luokitukset */
* {
	margin: 0rem;
}
header, section, footer, aside, nav, article, figure, figcaption, hgroup, div, iframe, p {
  display: block;
}
UL:lang(fi) {

}
/* divImg on varastettu sivuilta! */
#divImg {
	float: left;
  color: blue;
  height: 100%;
  background: -webkit-linear-gradient(-33deg, rgba(25,70,25,0), rgba(255,0,0,1));
  background: -moz-linear-gradient(-43deg, rgba(25,70,25,0), rgba(255,0,0,1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(-43deg, rgba(25,70,25,1), rgba(255,0,0,0)); /* Standard syntax (must be last) */

	background-image: url("../Kuvat/Vinjetti_Kokelas.jpg") no-repeat left top;
}
#vasen.vinjImg {
	float: left;
  color: blue;
	width: 100%;
	font-family: sans-serif;
	font-size: 14px;
	font-style: bold;
	font-color: blue;
	background-image: url("../Kuvat/Vinjetti_Kokelas.jpg");
	background-attachment: fixed;
}
.ulFont {
	color:  black;
	padding:2%;
}
p {
    outline-style: dotted;
    outline-color: #00ff00;
}
.sivukuva {
    background-image: url("../Kuvat/VinjettiRhe.png");
    background-repeat: no-repeat;
    background-position: right top;
		width: 100%;
    background-attachment: fixed;
}
.grad {
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(-50deg, rgba(25,70,25,0), rgba(255,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -moz-linear-gradient(-50deg, rgba(25,70,25,0), rgba(255,0,0,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-43deg, rgba(25,70,25,1), rgba(255,0,0,0));
		background-attachment: fixed;
}
/* id-lohkojen tunnisteet */
#wrapper {
  float: left;
  width: 930px;
	height: 1050px;
	font-family: Verdana, sans-serif;
	font-size: 14px;
	font-style: bold;
  margin-left: 1%;
  padding: 1%;
	background-color: rgb(25,70,25);
}
#main_header {
	background-color: rgba(00,275,275,0.7);
}
#vasen {
  float: left;
	background: #0000ff url("../Kuvat/Vinjetti_Kokelas.jpg") no-repeat right top;
	background-color: rgb(25,70,25);
	width: 20%;
  padding: 2%;
}
#vali {
		float:left;
		width: 100%;
		display: inline-block;
		background-color: rgba(ff,c6,77,0.9);
		padding: 1%;
	}
	#lista	{
		float:left;
		width: 100%;
	}
#oikea {
	float:left;
  width:	76%;
	height:	1010px;
	background-color: #ffc677;
	}
#ylaVinjetti {
	float: left;
  width: 100%;
	height: 150px;
	background: url(Kuvat/VinjettiRaahe.jpg) ;
	background-attachment: fixed;
}
#divFrame {
	float: left;
	width: 100%;
	height: 100%;
	display: inline-block;
  background: blue;
  font-family: verdana, sans-serif;
	color: red;
  font-size: 25px;
	padding: 2%;
}
#main {
  float: left;
  width: 100%;
	height: 100%;
	background-color: #ffc677;
}
#iframe_a {
	float: left;
	width: 100%;
	height: 855px;
	seamless: true;
}
/* Sivujen isojen kuvien ja keysten CSS */
.isokehys {
	width: 100%;
	margin: 0.5%;
	color:blue;
	border: 1px;
}
.isokuva {
	width: 100%;
	padding: 0.5%;
	margin:0.5%;
	border: 1px;
}