BODY {
	color : Black;
	background-color : White;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-align : left;
}

P {
    font-family: Arial,,Helvetica, sans-serif;
    font-size: 12px;
    }

	
A:link {
	color : Red;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

 A:active { 
   color : Red;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
 }

A:hover {
	color : Red;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

A:visited {
    color : Red;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
}

.bluetable{
   background-color: #A4DCFF;
    }
	
.purpletable{
   background-color: #E3E9F9;
    }
	
.redtable{
   background-color: #E52324;
    }

.tausta{
	background-color :#FFD79C;
	padding-left : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
}

.otsikkotausta
{
	background-color :#CCCCCC;
	padding-left : 5px;
	padding-top : 2px;
	padding-bottom : 2px;
}

.alaframe
		{  
			font-family: Arial, Helvetica ; 
			font-size: 12px ; 
			font-weight: bold ;
			color: #FFFFFF; 
			background-color: #E52324;
			line-height: 14px;
		}
	
tr {
	color: #000000
  	font-family: Arial,Helvetica, sans-serif;
    font-size: 12px;
}

td {
color: #000000
 font-family: Arial,Helvetica, sans-serif;
 font-size: 12px;
font-weight : normal;
}

td.pun {
	 font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: White;
	font-weight : bold;
    background-color: #E52324;
	border-left: 0 px solid rgb(245,121,33);
    border-right: 0 px solid rgb(245,121,33);
    border-top: 0 px solid rgb(245,121,33);;
    border-bottom: 0 px solid rgb(245,121,33);	
	vertical-align: center;	
	}
	
	td.punleft {
	 font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: White;
	font-weight : bold;
    background-color: #E52324;
	border-left: 0 px solid rgb(245,121,33);
    border-right: 0 px solid rgb(245,121,33);
    border-top: 0 px solid rgb(245,121,33);;
    border-bottom: 0 px solid rgb(245,121,33);	
	vertical-align: left;  
	}
	
	td.pun2 {
	 font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: White;
	font-weight : bold;
    background-color: #E52324;
	border-left: 1 px solid Black;
    border-right: 1 px solid Black;
    border-top: 1 px White;
    border-bottom: 1 px White;	
	vertical-align: center;  
	}
	
	td.pun3 {
	 font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: White;
	font-weight : bold;
    background-color: #E52324;
	border-left: 0 px solid rgb(245,121,33);
    border-right: 0 px solid rgb(245,121,33);
    border-top: 0 px solid rgb(245,121,33);;
    border-bottom: 0 px solid rgb(245,121,33);	
	vertical-align: center;
	margin-top : 2px;
	margin-bottom : 2px;
	}
		
	td.sin {
	 font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: White;
	font-weight : bold;
    background-color: #A4DCFF;
	border-left: 0 px solid rgb(245,121,33);
    border-right: 0 px solid rgb(245,121,33);
    border-top: 0 px solid rgb(245,121,33);;
    border-bottom: 0 px solid rgb(245,121,33);		
	}
	
	.kelt {
	 font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Black;
	font-weight : normal;
    background-color: #FFE89E;
	border-left: 0 px solid rgb(245,121,33);
    border-right: 0 px solid rgb(245,121,33);
    border-top: 0 px solid rgb(245,121,33);;
    border-bottom: 0 px solid rgb(245,121,33);	
	vertical-align: center;  
	}
	
INPUT {
font-family: Arial,Helvetica, sans-serif;
font-size: 12px; color: rgb(0,0,0);
background-color: rgb(256,256,256);
border-left: 1px solid rgb(0,0,0);
border-right: 1px solid rgb(0,0,0);
border-top: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgb(0,0,0);
}

.langsel {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: rgb(0,0,0);
    background-color: rgb(255,255,255);
    border-left: 1px solid rgb(0,0,0);
    border-right: 1px solid rgb(0,0,0);
    border-top: 1px solid rgb(0,0,0);
    border-bottom: 1px solid rgb(0,0,0);
    font-weight : normal;
    width : 160px;
    background : #CCCCCC;
}

 .field_middle {
font-family: Arial,Helvetica, sans-serif;
font-size: 12px; color: rgb(0,0,0);
background-color: rgb(256,256,256);
border-left: 1px solid rgb(0,0,0);
border-right: 1px solid rgb(0,0,0);
border-top: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgb(0,0,0);
width : 200px;
}

 .field_short {
font-family: Arial,Helvetica, sans-serif;
font-size: 12px; color: rgb(0,0,0);
background-color: rgb(256,256,256);
border-left: 1px solid rgb(0,0,0);
border-right: 1px solid rgb(0,0,0);
border-top: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgb(0,0,0);
width : 112px;
}

.radiobutton {
font-family: Arial,Helvetica, sans-serif;
font-size: 12px; color: rgb(0,0,0);
background-color: rgb(256,256,256);
border-left: 0px solid rgb(0,0,0);
border-right: 0px solid rgb(0,0,0);
border-top: 0px solid rgb(0,0,0);
border-bottom: 0px solid rgb(0,0,0);
}

.radiobutton2 {
font-family: Arial,Helvetica, sans-serif;
font-size: 12px; color: rgb(0,0,0);
background-color: #FFD79C;
border-left: 0px solid rgb(0,0,0);
border-right: 0px solid rgb(0,0,0);
border-top: 0px solid rgb(0,0,0);
border-bottom: 0px solid rgb(0,0,0);
}

.button {
    font-family: Arial,Helvetica, sans-serif;
    font-size: 10px;
    color: White;
    background-color: #FF3333;
	width : auto;
}

.otsikko{ 
font-family: Arial, Helvetica ,sans-serif ; 
font-size: 14px ; 
color: #000000;
font-weight: bold;
}

.otsikkopun{ 
font-family: Arial, Helvetica ,sans-serif ; 
font-size: 14px ; 
color: #E52324;
font-weight: bold;
}

.opiskelija{ 
font-family: Garamond, Arial, Helvetica, ans-serif; 
font-size: 18px ; 
color: #000000;
font-weight: bold;
}

.pikkuotsikko{ 
font-family: Arial, Helvetica ,sans-serif ; 
font-size: 12px ; 
color: #000000;
font-weight: bold;
}
        
a.navi {
	color: #ffffff;
	text-decoration: none;
}

a.navi:hover {
	color: #ffffff;
	text-decoration: underline;
}

a.navi:visited {
	color: #ffffff;
	text-decoration: none;
}

a.navi2 {
	color: #ffffff;
	text-decoration: none;
}

a.navi2:hover {
	color: #ffffff;
	text-decoration: none;
}

a.navi2:visited {
	color: #ffffff;
	text-decoration: none;
}

a.mainnavi {
	font-family: Arial, Helvetica ,sans-serif ; 
	color: Black;
	font-size: 10px ; 
	font-weight: normal;
	text-decoration: none;	
	margin : 0px 0px;
	line-height : 11px;
}

a.mainnavi:hover {
	font-family: Arial, Helvetica ,sans-serif ; 
	color: Black;
	font-size: 10px ; 
	font-weight: normal;
	text-decoration: underline;
	line-height : 11px;
}

a.mainnavi:visited {
	font-family: Arial, Helvetica ,sans-serif ; 
	color: Black;
	font-size: 10px ; 
	font-weight: normal;
	text-decoration: none;
	line-height : 11px;
}

a.mainnavi2 {
	font-family: Arial, Helvetica ,sans-serif ; 
	color: Black;
	font-size: 12px ; 
	font-weight: normal;
	text-decoration: none;
}

a.mainnavi2:hover {
	font-family: Arial, Helvetica ,sans-serif ; 
	color: Black;
	font-size: 12px ; 
	font-weight: normal;
	text-decoration: underline;
}

a.mainnavi2:visited {
	font-family: Arial, Helvetica ,sans-serif ; 
	color: Black;
	font-size: 12px ; 
	font-weight: normal;
	text-decoration: none;
}