@media screen {

.palkki {
 margin-top: 1%;
 margin-bottom: 1%;
 background-color: red;
 height: 30px;
 width: 10%;
 vertical-align: middle;
 text-align: left;
 line-height: 30px;
 font-weight: 900;
}

#kaavio {
 display: none;
 border: 1px solid black;
 padding: 1%;
}

.clear {
	clear: both;
}

table.sisu {
 border-collapse: collapse;
 empty-cells: show;

} 

table.sisu tr {
 border: 1px solid black;
}

table.sisu td, table.sisu th {
 padding: 4px; 
border: 1px solid black;
vertical-align: middle;
}


table.sisu a:link {
 text-decoration: none;
}


dt {
	font-weight: bolder;
}

dd {
	margin-left: 4em;
	padding-left: 0;
}

body {
	margin-left: 11%;
	margin-right: 11%;
  	margin-top: 0em;
  	background: #ffffff none;
	/*  font-family: sans-serif; */
}

.section {
	clear: both;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.navbar {
  background: #e4e4ff none;
  text-align: center;
  padding: 0.2em;
  clear: both;
  margin-top: 1.5em;
}

.navbar ul {
	margin: 0;
	padding: 0;
	display: inline;
}

.navbar ul li {
	display: inline;
	margin-right: 1.5%;
	font-weight: bolder;
  	font-size: larger;
}

.right {
	float: right;
	text-align: right;
	font-size: smaller;
	margin-top: 2%;
}

h1 {
	float: left;
	margin-top: 4%;
	margin-bottom: 4%;
}

h2 {
	clear: both;
	float: left;
	width: 20%;
	margin-top: 0.5em;
}

.vasen {
	clear: both;
	float: left;
	width: 20%;
	margin-top: 0.5em;
}

.vasen h2 {
	float: none;
	width: auto;
}

.vasen p {
	font-size: smaller;
}
h3 {
  padding: 0;
  margin-top: 0.7em;
  margin-bottom: 0.5em;
  font-size: 1em; 
}

h3.cup {
	background-color: #d0d0d0;
	margin-top: 2em;
}

.oikea1 h3:first-child {
	margin-top: 0;
}

p strong {
	background: #efefef none;
}

.right strong {
	font-size: 2em;
}


.oikea1 {
	background: #e4e4ff none;
}

.oikea2 {
	background: #efefef none;
}

.oikea1, .oikea2 {
	float: right;
  	clear: right;
	width: 74%;
  	padding-top: 1.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
	margin-top: 0.5em;
}

.oikea1 ul, .oikea2 ul {
	list-style-type: circle;
	margin-left: 0;
        padding-left: 1em;
	margin-bottom: 0;
	margin-top: 0;	

}

.oikea1 ul li, .oikea2 ul li {
	padding: 0;
	line-height: 1.4em;
	margin: 0;
}

.sup {
	position: relative;
	top: -0.5em;
	font-size: smaller;
}

p {
	margin-bottom: 0;
}

.right p {
       margin-top: 0;
}

.seuraava {
	background: #c4c4ff none;
	text-align: right;
	display: block;
	font-weight: normal;
}

.sahke {
	background: #c4c4ff none;
	text-align: left;
	display: block;
	font-weight: normal;
}

table {
	background: #efefff none;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

a img {
	border: 0;
}

.haku {
	text-align: right;
	font-size: smaller;
	margin-top: 0.5em;
	border-top: 3px inset silver;
	padding-top: 0em;
}

.ala {
	text-align: right;
	font-size: smaller;
	margin: 0;
	padding: 0;
	clear: both;
}

.cupala {
	text-align: right;
	font-size: smaller;
	margin: 0;
	padding: 0;
	clear: both;
	border-top: 3px solid silver;
	margin-top: 1em;
}

.haku p, .ala p {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	padding: 0;
}

.cup {
	border-spacing: 3px;
	empty-cells: show;
	text-align: center;
}

.cup tr th:first-child {
	text-align: left;
}

.cup th {
	background-color: #22AACC;
	font-weight: bolder;
}

.cup .kisa {
	background-color: transparent;

}

.cup .yht {
	background-color: #44BBBB;
	font-weight: normal;;

}

.cup .kisayht {
	background-color: #44BBBB;

}

.cup .nimi {
	font-weight: normal;;


}

 .cup td, .cup th {
	border-left: 1px solid black;
	border-top: 1px solid black;
}

.gtext {
	clear: right;
	font-size: smaller;
	width: 28%;
	border: 1px solid;
	margin: 0.5em;
	padding-left: 0.5%;
	padding-right: 0.5%;
	padding-bottom: 0.5%;
	padding-top: 0.5%;
	overflow: hidden;
	float: left;
	height: 25em;
	min-height: 25em;
}


.gtext p {
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	margin: 0;
}





}

@media handheld {

.hide-handheld {
	display: none;
}

img {
      max-width: 98%
}

body { 
       font-size: 9pt;
       font-family: verdana, sans-serif, serif;
       background: #d2d2d2;
       padding: 0;
       margin: 0;
}       

#content {
       max-width: 585px;
       background: #fff;
       padding: 0 5px 0 5px; 
       margin: 0px;
}

input[type="text"] {
       max-width: 98%;
}

h2 {
        float: none;
}

.right {
	float: none;
}

.navbar ul li {
	display: inline;
	margin-right: 1.5%;
	font-weight: bolder;
  	font-size: smaller;
}

/*
.navbar {
	display: none;
}
*/

.saa {
	display: none; 
}

}