/* Kotisivutyylit */

body {
  background: white;
  color: black;
  margin-top: 7em;
  padding: 0em;
}

.nimikentta {
  background: #CBF1FA;
  color: black;
  width: 100%; height: 6em;
  margin: 0em;
  top: 0em;
  left: 0em;
  position: fixed;
}

.otsikkorivi{
	background: transparent;
	text-align: center;
}

.vasen {
	width: 30%; 
	height: 20em;
	margin: 0em;
	padding: 1em;
	left: 2%;
	background: #87CEFA;
	position: absolute;
}

.keski{
	width: 35%; 
	height: 20em;
	padding: 1em;
	margin: 0em;
	left: 30%;
	background: #9FDAF7;
	position: absolute;
}

.levea{
	width: 59.5%; 
	padding: 1em;
	margin: 0;
	left: 5%;
	background: #9FDAF7;
	position: absolute;
}

.levein{
	width: 80%; 
	padding: 1em;
	margin: 0;
	left: 5%;
	background: #9FDAF7;
	position: absolute;
}

.oikea{
	width: 25%; 
	/*height: 20em;*/
	padding: 1em;
	margin: 0em;
	left: 67%;
	background: #CBF1FA;
	position: absolute;
}

.alanurkka {
	background: #F79FC0;
  	color: black;
  	width: 20%;
  	margin: 0%;
  	bottom: 0%;
  	right: 0%;
  	position: fixed;
  	text-align: right;
  	padding: 1em 2em 1em 1em;
}

h1, h2, h3, h4 {
	font-family: helvetica;
}


p {
	position: relative;
	left: 1em;
	padding: 0 1em 0 1em;
}

#pieni{
	width: 95%;
	font-family: helvetica;
	font-size: 80%;
	border: 2px solid #F79FC0;
	padding: 1em;
}

#kommentti{
	color: #df0101;
}

.reunus {
	padding: 1em;
	border: 2px solid #F79FC0;
	width: 90%;
}

ol {
	position: relative;
	left: 2em;
}

table.reunus {
	left: 0;
}

th {
	border: 1px solid black; 
	padding: 1em;
	background-color: #F79FC0;
}

td {
	border: 1px solid black; 
	padding: 1em;
	background-color: #CBF1FA;
}

#linkki {
	color: brown;
}

a:link {
	color: #B25E7D;
	font-size: 100%;
}