body {
  background-color:	#3399cc;
  background-image:	url(./images/background.png);
  color:		#000000;
  font-family:	 	Arial, Helvetica, "Times new roman", Tahoma, Verdana;
}

.nodisplay {
	display:none;
}

div.gmap {
  margin-bottom: 5px;  
  margin-top: 20px;  
}

A:link {
  color: #000088; 
  background-color: transparent;
}
A:visited {
  color: #a000a0;
  background-color: transparent;
}
A:hover {
  color: #ff0000;
  background-color: transparent;
}

img {
  border: none;
}

h2.thanks {
  color:	#111177;
  margin-top:	1.5em;
  margin-bottom: 0.5em;
  font-size:	16pt;
}

h1 {
  font-family:  arial, helvetica, verdana, sans-serif;
  font-size:    12pt;
  margin-top:   0.1em;
  margin-bottom: 0.1em;
  white-space:  nowrap;
}


h3 {
 color:		#111177;
  margin-top:	1.5em;
  margin-bottom: 0.4em;
  font-size:	12pt;
}

h3.black {
  color:	#000000;
}

p.siskappale {
  padding-left:	0.5em;
  margin-top:	0.4em;
}

p.huomautus {
  color:	#666666;
}

div.mainpic {
  text-align:	center;
  padding-top:	0.2em;
  padding-bottom: 1.5em;
}

table {
  width:	100%;
  border:	none;
}

table.mainc {
  width:	10%;
  margin-left:	auto;
  margin-right: auto;
}

td {
  text-align:	left;
}

div.logo {
  text-align:		center;
  margin-bottom:	55px;
}

div.mainlogo {
  text-align:		center;
  margin-bottom:	40px;
  margin-top:		15px;
}

div.otsikko {
  text-align:           left;
  padding-left:         18px;
  padding-top:          3px;
  background-color:     #5555aa;
  background-image:     url(./images/otsikkotausta.png);
  color:                #000000;
  width:                300px;
  height:               30px;
  font:                 bold 16pt/18pt arial, helvetica, verdana, sans-serif;
  margin-bottom:	0.9em;
}

big.front {
  font-family:		arial, helvetica, verdana, sans-serif;
  white-space: nowrap;
}

div.bottommenu {
  text-align: center;
}

ul.arrow { list-style-image: url("./images/li_arrow.gif"); }

ul.kone {
  list-style-image: url("./images/li_arrow.gif");
  padding-left: 2.5em;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

ul.submachine {
  list-style-image: none;
  list-style-type: none;
  padding-left: 2em;
}


div.konetyyppi {
  padding-top: 1.2em;
  font-weight: bold;
  padding-left: 0.5em;
}

td {
  vertical-align: top;
}

td.menu {
  width:	140px;
}

td.main {
  width:	90%;
  text-align:	left;
  padding-left: 40px;
  padding-right: 30px;
}

td.rightcolumn {
  padding-top:	200px;
  padding-right: 10px;
  vertical-align: top;
  text-align:	right;
  width:	130px;
}

td.rightcolumn2 {
  vertical-align: top;
  padding-top: 100px;
  padding-right: 1px;
  text-align:	right;
  width:	130px;
}

td.right40 {
  padding-right: 40px;
}

table.aluminfo{
  width:	45ex;
  background-color: #d0d0d0;
  border: 1px solid black;
}
caption.aluminfo{
  text-align: left;
  font-weight: bold;
}

table.infosheet {
  border:	none;
  width:	100%;
  margin-top:	1.5em;
  background-color: #d0d0d0; 
}

td.infosheetleft {
  width:	160px;
  height:	1.8em;
}

table.esitelink {
  vertical-align: middle;
  margin-top:	  1em;
}

td.esitelink {
  padding-left:	10px;
  width:	95%;
  vertical-align: middle;
}

td.palauteform {
  width:	100px;
  padding-right: 10px;
}

hr {
  text-align:	center;
  margin-top:	1.5em;
  height:	1px; 
}

td.kyna {
  vertical-align: middle;
  width:	  100%;
}

ul.menu {
  list-style-type:	none;
  list-style-image:	url("./images/li_arrow.gif");
  margin-left:		1px;
  padding-left:		1em;
}

ul.menulitt{
  margin-top:		2.5em;
  list-style-type:	none;
  list-style-image:	url("./images/li_arrow.gif");
  margin-left:		1px;
  padding-left:		1em;
}

ul.notopmargin{
  margin-top:		0.2em;
}

li.selected {
  list-style-image:	url("./images/li_selarrow.gif");
}

a.menu {
  text-decoration:	none;
  font:			bold 12pt/16pt arial, helvetica, verdana, sans-serif;
  color:		#ffffff;
  background-color:	transparent;
}

a.menulitt {
  text-decoration:	none;
  font:			bold 10pt/14pt arial, helvetica, verdana, sans-serif;
  color:		#ffffff;
  background-color:	transparent;
}

a.menu:link {
  color: #ffffff;
  background-color: transparent;
}
a.menu:visited {
  color: #ffffff;
  background-color: transparent;
}
a.menu:hover {
  color: #90f080;
  background-color: transparent;
}

a.menulitt:link {
  color: #ffffff;
  background-color: transparent;
}
a.menulitt:visited {
  color: #ffffff;
  background-color: transparent;
}
a.menulitt:hover {
  color: #a0f090;
  background-color: transparent;
}


.tmargin {
  margin-top: 2em;
}

.center {
  text-align: center;
}


div.menubar {
  position: absolute;
  left: 11px;
  top: 11px;
  width: 150px;
}

div.main {
  top: 11px;
  margin-left: 185px;
  margin-right: 20px;
}

div.slogan{
  margin-top: 1em;
  color: #e3e3e3;
  text-align: right;
  font:  italic 10pt/12pt arial, helvetica, verdana, sans-serif;
  position: absolute;
  top: 2px;    
  right: 2em;
}

a.slogan{
  text-decoration: none; 
  color: #e3e3e3;
}

a.slogan_cool{
  text-decoration: none; 
  color: #b3b3b3;
}