body,td,th,p,input,select,textarea,li,ul,ol,div,a,span,p {font-family:Verdana,Geneva,Arial,sans-serif;}

table,td,th,tr {z-index:1;}

a,input {z-index:100;}

h1	{ font-family:Arial,Geneva,sans-serif;font-size:16px;font-weight:bold;  color:#7DBAD9;}
h2	{ font-family:Arial,Geneva,sans-serif;font-size:14pt;font-weight:bold; }
h3	{ font-family:Arial,Geneva,sans-serif;font-size:11pt;font-weight:bold; }

td,th,p,input,select,textarea,li,ul,ol,div,a,span  { font-size:12px;}

form {
		border: 0px solid #ff6600;
		padding: 0.25em;
		z-index:1;
	}
table.prevnext {
		border: 1px solid #ff6600;
		padding: 0.15em;
		z-index:1;
	}

label { display: block; margin: 0; padding: 0;}

.intro { color:#1D3F60; text-decoration:none; font-size:9pt;}
.kuva { color:#1D3F60; text-decoration:none; font-size:9pt;}
.navi { color:#cc3300; text-decoration:none; font-size:9pt;}

a:link { text-decoration:none; color: #2A276A; font-weight:bold; }
a:hover { color: #B9032C; text-decoration:underline; font-weight:bold; }
a:visited { color: #2A276A; text-decoration:none; font-weight:bold; }

a.subnaviOn:link { color: #cc3300; font-weight:normal; }
a.subnaviOn:visited{ color: #cc3300; font-weight:normal; }
a.subnaviOn:hover {color : #cc3300; font-weight:normal; }
a.subnaviOff:link { color: #000000; font-weight:normal; }
a.subnaviOff:visited { color: #000000;font-weight:normal; }
a.subnaviOff:hover {color : #cc3300; font-weight:normal; }


a.naviOn:link { color: #cc3300; font-weight:bold; }
a.naviOn:visited{ color: #cc3300; font-weight:bold; }
a.naviOn:hover {color : #cc3300; font-weight:bold; }

a.naviOff:link { color: #000000; font-weight:bold; }
a.naviOff:visited { color: #000000;font-weight:bold; }
a.naviOff:hover {color : #cc3300; font-weight:bold; }

a.marginal:visited { color: #cccccc; font-weight:bold;  }
a.marginal:link {  color: #ffffff; font-weight:bold; }
.marginal { color: #ffffff;   font-weight:bold; }


a.intro:link { text-decoration:none; color: #2A276A; font-weight:bold; font-size:12px;}
a.intro:hover { color: #B9032C; text-decoration:none; font-weight:bold; font-size:12px;}
a.intro:visited { color: #1D4186; text-decoration:none; font-weight:bold; font-size:12px;}

span.hidden{
  display: none;
}

span.error{
  display: inline;
  color: black;
  background-color: pink;  
}

ul { ul list-style-type:square }

a.menuItem
{
font-family:Verdana,Geneva;
font-size:10px;
color:#ffffff;
text-decoration:none;
font-weight:normal;
z-index:1;
}

a.menuItem:link {
	font-family:Verdana,Geneva;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}

a.menuItem:hover {
	font-family:Verdana,Geneva;
	font-size:11px;
	color:#7DBAD9;
	text-decoration:none;
	font-weight:normal;
}


a.menuItem:visited {
	font-family:Verdana,Geneva;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}

.left {
      text-align : left;
      vertical-align: middle;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      margin : 0;
      padding-left : 10px;
      padding-right : 10px;
      width : 180px;
      height : 400px;
      float : left;
      }

.middle {
      text-align : left;
      vertical-align: middle;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      margin : 0;
      padding-left : 10px;
      padding-right : 10px;
      border-left: 1px solid #ff6600;
      width : 600px;
      height : 650px;
      float : left;
      }

.right {
      text-align : left;
      vertical-align: middle;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: normal;
      margin : 0;
      padding-left : 10px;
      padding-right : 10px;
      border-left: 1px solid #ff6600;
      float : left;
      width : 150px;
      height : 650px;
      }

 .kappaleotsikko {
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:18px;
            text-decoration: none;
            vertical-align: middle;
            color: #ff6600;
            font-weight: normal;
            border-bottom: 1px solid #ff6600;
            border-top: 1px solid #ff6600;
            padding:1px;
            }

 .vasenotsikko {
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:18px;
            text-decoration: none;
            vertical-align: middle;
            color: darkred;
            font-weight: normal;
            border-bottom: 1px solid darkred;
            border-top: 1px solid darkred;
            padding:8px;
            }

a.help:link {
	font-family:Verdana,Geneva;
	font-size:11px;
	color:#7DBAD9;
	text-decoration:none;
	font-weight:normal;
}

a.help:hover {
	font-family:Verdana,Geneva;
	font-size:11px;
	color:#7DBAD9;
	text-decoration:none;
	font-weight:normal;
}


a.help:visited {
	font-family:Verdana,Geneva;
	font-size:11px;
	color:#7DBAD9;
	text-decoration:none;
	font-weight:normal;
}

.navimap { color:#FFFFFF; text-decoration:none; font-size:9pt;}

a.map:link {
	font-family:Verdana,Geneva;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

a.map:hover {
	font-family:Verdana,Geneva;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}


a.map:visited {
	font-family:Verdana,Geneva;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.tilanne
{
table-layout: auto;
Color: Black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Weight: bold;
Font-Style: normal;
font-size:11px;
Line-Height: normal;
Margin: 0px;
Padding: 0px;
Padding-Left: 0px;
Padding-Right: 0px;
Margin-Left: 20px;
Margin-Right: 20px;
}
.oikeasarake {
      text-align : left;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: normal;
      margin : 0;
      padding-left : 3%;
      padding-right : 3%;
      width : 250;
      float : none;
      }

.vasenvarmistus {
      text-align : left;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: bold;
      margin : 0;
      padding-left : 3%;
      padding-right : 3%;
      width : 150;
      float : left;
      }
.oikeavarmistus {
      text-align : left;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: normal;
      margin : 0;
      padding-left : 3%;
      padding-right : 3%;
      width : 300;
      float : left;
	  	background : lightyellow;
      }

.alavarmistus {
      text-align : justify;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: normal;
      margin : 0;
      padding-left : 0;
      padding-right : 10;
      width : 500;
      float : left;
	  	background : lightyellow;
      }

.vasensarake {
      text-align : justify;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 12px;
      font-style: normal;
      font-weight: normal;
      margin : 0;
      padding-left : 0;
      padding-right : 10;
      width : 200;
      float : left;
      }

.vasenlkm {
      text-align : right;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 10px;
      font-style: normal;
      font-weight: bold;
      margin : 0;
      padding-left : 0;
      padding-right : 5;
      width : 85;
      float : left;
      }
.oikealkm {
      text-align : left;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: normal;
      margin : 0;
      padding-left : 5;
      padding-right : 0;
      width : 10;
      float : left;
      }

.ilmosarake1 {
      text-align : left;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: bold;
      margin : 0;
      padding-left : 3%;
      padding-right : 3%;
      width : 20%;
      float : left;
      }

.ilmosarake2 {
      text-align : left;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: bold;
      margin : 0;
      padding-left : 3%;
      padding-right : 3%;
      width : 20%;
      float : left;
      }
.ilmosarake3 {
      text-align : left;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: bold;
      margin : 0;
      padding-left : 3%;
      padding-right : 3%;
      width : 20%;
      float : left;
      }
.ilmotaulu {
      text-align : left;
      font-family: Verdana,Geneva,Arial,sans-serif;
      font-size: 11px;
      font-style: normal;
      font-weight: bold;
      margin : 0;
      padding-left : 3%;
      padding-right : 3%;
      width : 30%;
      float : left;
      }