body { 
	margin-left:	5%; 
	margin-right:	5%;
}

p { 
	text-indent:	0em;
	margin-top:	0; 
	margin-bottom:	0; 
	font-family: 	Arial, sans-serif;
	text-decoration: 	none;
}
code{
	background:	rgb(230,230,230);
}

li.suoritettu {
	text-decoration: line-through;
}

p.ind { 
	text-indent:	2em;
	margin-top:	0;
	margin-bottom:	0;
	font-family: 	Arial,sans-serif;
	text-decoration: none;
}
div.absbox { 
	position:	absolute;
	border:		solid;
	border-width: 	thin; 
	width: 		90%;
	top:		1%;
	height:		18%;	
/*	height:		150px;*/
	margin-bottom: 	5em ; 
	background:	rgb(21,177,177);
}
div.box {
	border:		solid;
	border-width: 	thin; 
	width: 		100%;
	margin-bottom: 	5em ; 
	background:	rgb(21,177,177);
}

img { border:0 ; width:88px ; height:31px ;}
div.otsikko { font-family: Arial, sans-serif ; font-size: 200% ; }
ul { text-decoration: none ; }
div.allekirjoitus { 
	font-family:	Courier new, Courier, monospace; 
	font-style:	italic;
	text-align:	right; 
}
p.allekirjoitus { 
	font-family:	Courier new, Courier, monospace; 
	font-style:	italic;
	text-align:	right; 
}

#lapio-runko { 
	
	margin-right:		35%;
/*	background-color:	blue;*/
}


div.leipat { text-decoration: none;}
td {vertical-align: top;}

div.luento { background-color: lime;}
div.harjoitus { background-color: fuchsia;}
div.deadline { background-color: yellow;}
div.kieli { background-color: yellow;}

div.luentoEHKA { 
	background-color:	green;
}
div.harjoitusEHKA { 
	background-color:	red;
}
div.luentoTUSKIN { 
	background-color:	gray;
}
div.harjoitusTUSKIN { 
	background-color:	silver;
}


#leftcontent {
	position:	absolute;
	top:		20%;
	height:		60%;
	left:		5%;
	right:		63%;
	background:	#ff0;
	border:		0px solid #0ff;
/*	width:		29%;*/
}

#centercontent {
	position:	absolute;
	top:		20%;
	height:		60%;
	background:	#0ff;
	left:		35%;
	right:		31%;
	border:		0px solid #f0f;
/*	margin-left:	32%;*/
/*	margin-right:	32%;*/
/*	width:		29%;*/
}

#rightcontent {
	position:	absolute;
	top:		20%;
	height:		60%;
	background:	#f0f;
	right: 		100%;
	left:		67%;
	border:		0px solid #0ff;
/*	margin-left:	58%;*/
/*	margin-right:	0;  */
/*	width:		29%;*/
}

#bottom { 
	position:	absolute;
/*	border:		solid;
	border-width: 	thin; */
	width: 		90%;
	top:		81%;
	height:		18%;	
/*	height:		150px;*/
	margin-bottom: 	5em ; 
/*	background:	rgb(21,177,177);*/
}

#ohje { 
	position:	absolute;
	border:		solid;
	border-width: 	thick; 
	border-color:	red;
	width: 		30%;
	top:		10%;
	right:		5%;
/*	height:		300px;*/
	background:	yellow;
	color:		red;
	font-size:	x-large;
}

table.floater {
margin: 	0;
font-size: 	80%;
position: 	fixed;
top: 		5em;
left: 		auto;
right:		2em;
bottom:		auto;
}

div.oPfloater {
margin: 	0;
font-size: 	80%;
position: 	fixed;
top: 		5em;
left: 		auto;
right:		2em;
bottom:		auto;
background-color:       white;
	border:		solid;
	border-width: 	thin; 
	border-color:	 rgb(21,177,177);

}