BODY {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 15px;
	margin : 0px 0px 0px 0px;
	background-color : #2C2C9E;
}
TD, LI, P {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
}
.ruudunotsikko {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding-left: 10px;
	font-weight : bolder;
}

H1 {
	position: absolute;
	top: 5px;
	left: 15px;
	color : White;
	font-size : 22px;
}

H2 {
	color : Black;
	font-size : 17px;
}
H3 {
	color : Black;
	font-size : 14px;
	margin-top : 20px;
	margin-bottom : 10px;
}

.bold {
	font-weight : bold;
}

A {
	color : Black;
	text-decoration : underline;
}
A:HOVER {
	color : Red;
}

IMG {
	border : 0;
}


.harmaarivi {
	background-color : #EEEEFF;
}

.error {
	color: Red;
}

.punateksti {
	color : Red;
}
.valkoteksti {
	color: White;	
}
.otsikkopalkki {
	background : #2C2C9E;
	color: White;
	font-weight : bold;
}
.prosentti_viher {
	color: White;
	background-image : url(kuvat/viherpikseli.gif);
	height : 15px;
}
.prosentti_puna {
	color: White;
	background-image : url(kuvat/punapikseli.gif);
	height : 15px;
}

.prosenttipalkki {
	height: 15px;
	background-color : #EC0000;
	border: solid 1px Black;
	color: white;
	font-weight : bold;
	font-size : 12px;
}
 
 .prosenttivasen { 
 	float: left;
	text-align: center;	
	height: inherit;
	background-color : #00AE00;
	border-right: solid 1px Black;
  }

 .prosenttioikea { 
 	float: right;
	text-align: center;
  }
 

.pienivalko {
	color: White;
	font-size : smaller;
	width : 50%;
}
.pienivalko a {
	color: White;
	text-decoration: none;
}
.pienivalko A:HOVER {
	color : Red;
}

 #keskipalsta { 
  	position: relative;
	width:auto;
	min-width:350px;
	margin:50px 220px 0px 220px;
}
 
#vasenpalsta { 
  	position: absolute;
	width: 200px;
	top: 50px;
	left: 10px;
}
  
#oikeapalsta { 
  	position: absolute;
	width: 200px;
	top: 50px;
	right: 10px;
}
 
 #menuruutu a { 
	font-weight : bold;
 }

  #loginruutu a { 
	font-weight : bold;
 }

 
.valkoruutu {
	background-color : #FFF;
	margin-bottom : 10px;
}

.vr_ruudunsisalto {
	
	width: 180px;
	margin: 0px 10px 0px 10px;
	border: 0px;
}

.vr_ruudunsisalto td {
	vertical-align: top;
}

.vr_keskiruudunsisalto {
	margin: 0px 15px 0px 15px;
}
 
.vr_ylavasen { 
	position: relative;
	top: -4px;
}

.vr_alavasen {
	position: relative;
	top: 3px;
}

.vr_ylaoikea {
	position: relative;
	float: right;
	clear: right;
	top: -0px;
	margin-right: -3px;	
	padding-right: 3px;
}

.vr_alaoikea {
	position: relative;
	top: 7px;
	float: right;
	clear: right;
	margin-right: -3px;	
	padding-right: 3px;
	
}

#error404{
	width: 400px;
	margin:0px auto;
}