body {
	background: #efefef;
/*	background: #CDCDCD;*/
}

.top {
	background: white;
}

.top h1 {
margin: 10pt 0 10pt 0; /* top right bottom left */
font-size: 20pt;
color: black;
font-family: sans-serif;
font-weight: bold;
text-align: center;
}

.design p {
  color: gray;
	font-size: 10pt;
}
	
.content {
	background: white;
	vertical-align: top;
}

.members, .content p, .content h1, .content h2, .content ul, .content ol {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  font-family: sans-serif;
  color: black;
}

.mempics {
  margin: 0 0 1em 2em;
	background: white;
	color: black;
  font-family: sans-serif;
  font-size: 10pt;	
}

.members td, .mempics td {
  padding-right: 0.5em; 
  vertical-align: top;
}

.members, .content p, .content form {
  margin: 0 1em 1em 2em;
} 

.content h1 {
  font-size: 18px;
  margin: 1em 0 0.5em 1em;
  color: blue;
}

.content h2 {
 font-size: 13px;
  font-weight: bold;	
  margin: 0 0 1em 2em; 
  color: blue;
}

.content h3 {
  font-size: 12pt;
	font-weight: bold;	
  margin: 0 0 1em 2em; 
  color: black;
}

.content li {
  margin-left: 2em;
}

.records, .records td, .records th {
  margin: 0 0 1em 2.5em;
  background-color: #CDCDCD;
	text-align: left;
	vertical-align: top;
	padding: 0 0.4em 0.2em 0.2em;
	border-width: thin;
	border-color: gray;
	border-style: none;
	font-family: arial;
  font-weight: normal;
	font-size: 10pt
}

.records th {
  font-weight: bold;
/*	text-align: center; */	
}

.framenavi {
  color: blue;
	text-decoration: underline;	
}

.framenavi:hover {
	background:#efefef;
}
  
.question {             /* UKK */
  color: blue !important;
}

.answer {               /* UKK */
/*  margin-left: 2.5em !important; */
}

/* For _cells_ in navi table */
/* .navi1 td would be nice, but NS 4.x gives headache */ 
.navi1, .navi1a {
	background: #D9D9F3;
	padding: 0 5px 0 8px;
}

.navi1 a, .navi1a a {
/*	margin: 0 5px 0 5px; */
	color: blue;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
  font-family: sans-serif;
	font-variant: normal;
/*	padding: 0.2em 0.5em 0.2em 0.5em; */
/*	padding: 2px 3px 2px 3px; */
}

.navi1a a {
  color: black;
}

/* For _cells_ in navi table */
.navi2, .navi2a, .hot  {
	background: #CDCDCD;
	padding: 0 0.5em 0 0.8em;
	color: blue;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	font-variant: normal;	
  font-family: sans-serif;
}

.hot {
	background: #CDCDFF;
  color: red;
}

.navi2 a, .navi2a a {
	padding: 0 0.5em 0 0.8em; /* sums up with navi2 padding */
	color: black;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
	font-variant: normal;	
}

.navi2 a {
  color: blue;
}

.hot a {
  color: red;
	font-weight: normal;
	font-size: 10pt;
	text-decoration: none;
	font-variant: normal;
}

.navi1 a:hover, .navi2 a:hover, .hot a:hover {
	text-decoration: underline;
}

/* määritellään otsikon ja solun yhteiset tyylit */ 

.taulukko1 td, .taulukko1 th {
  background-color: #CDCDCD;
  color: black;
  text-align: right;
  padding: 2px 8px 2px 8px;
  font-size: 12px; /* peportaalissa on piste eli pt, mut pikseli eli px on kuulemma parempi tapa määritellä kokoja */
  width: 20%; /* kolme saraketta, jotka halutaan tasalevyisiksi */ }

/* määritellään otsikkosolun tyylit */
.taulukko1 th {
  font-weight: bold;
  text-align: left;
  font-size: 16px; /* eli tässä jyrätään aiempi 12 px */ }