body {
  font:80% Arial,Verdana,sans-serif; margin:0 auto; padding:0; 
  text-align: center;
  background-color: #eef;
}
body, p, td, th, li, h1, h2, h3 {  font-family: arial,verdana,sans-serif;}

a:active, a:link, a:visited, a:hover {
    color: #393; text-decoration: none;
    }
a:active {color: #993;}
a:visited {color: #66f;}
a:hover {color: #930;}

td {margin: 0px; padding: 2px;}
tr, td {vertical-align: top;}

/************************* luettelot ja yleiset ***************/


h1, h2, h3 {color: #69c;}
h1 {font-size: 140%;
	margin: 0px 6px 6px 0px; padding: 4px 4px 4px 4px;
	text-align: center;
}
h2 {font-size: 120%; margin: 8px 4px 2px 6px;}
h3 {font-size: 110%;}

#ohjas, #sisus { text-align: left; border: 0px solid red;}
#ohjas div {background-color: #fff;
	margin: 0px 6px 12px 0px; padding: 4px;}
#sisus div {border: 0px solid #ee6;
	margin: 0px 6px 12px 0px; padding: 4px;}
#sisus .sisotsikko, #ohjas div {border: 4px solid #ee6; background-color: #fff;}
div#ohjas {width: 300px; position: absolute; top: 14px; left: 14px;}
div#sisus {width: 720px; position: absolute; top: 14px; left: 340px; }

#hakulista .talat {padding-left: 6px; color: #999; font-size: 90%;}
#tulosesittely  {text-align: center; margin: 0; 
	font-style: italic; color: #999; }
div#tulosesittely {border: 0px solid blue; margin: 0;}
div#hakulista {margin: 0; border: 0px solid yellow;}

#palalista ul, #hakulista ul {margin-top: 0px; margin-bottom: 10px; 
	list-style-type:square; color: #69c; 
	list-style-position:outside;}
#palalista li, #hakulista li {margin:0 0 0 -10px;}

.toimialalista ul {margin-top: 6px; margin-bottom: 6px; 
	list-style-type:square; color: #69c; 
	list-style-position:outside;}
.toimialalista li {margin:0 0 0 -16px;}

.jatkolista ul {margin-top: 6px; margin-bottom: 6px; 
	list-style-type:square; color: #69c; 
	list-style-position:outside;}
.jatkolista li {margin:0 0 0 -16px;}

div#hallinta {border-color: #f66; text-align: center;}
div#kontaktit {
	text-align: left;
	border: 4px solid #f66; 
	background-color: #fff;
}

#yhteystiedot {
	color: #666;
	font-size: 80%;
	display: none;
}
#yhteystiedot p {text-align: center;}

/*************************  yrityskohtainen taulu  *********************/

#header  {
  color:#69c; margin:40px; padding:0;
  text-align: center; font-size: 18px; font-weight: bold;
  height: 50px;
}

table#head {width: 100%; border: 0px solid red; margin-top: 35px;}
#head td {vertical-align: bottom; width: 100%; text-align: center;}

div#content {margin: 0px; border: 0px solid red; padding: 0px;}

div#footer {
/*  color:#699; height:20px; margin:1px 2px 2px 2px; padding:0px; */
  text-align: center; font-size: 100%; font-weight: lighter;
  border: 0px solid #ff0;
}
#footer a {
  text-decoration: none;
  color: #69c;
}
#footer a:hover {background-color: #ffc; display: block;}

.taulu { border-collapse: separate; width: 100%;}
.maari1, .maari2 { color: #69c; font-size: 90%; padding-top: 4px; vertical-align: top;}
.maari1 {width: 180px;}
.maari2 {width: 120px;}
.maari1 {text-align: right; padding-right: 6px; }
.tiedot {background-color: #fff; width: 420px; padding-left: 12px;}

td#kartta {width: 180px; height: 180px; }
table#lokero {
  width: 100%; 
  background-color: #eceae2;
  background-color: #ff9;
}


@media print {
	body {background: #fff; }  
	#footer {display: none;}
	.taulu  {border: 1px solid #69c;}
	#ohjas {display: none; background-color: #ff0;}
	div#sisus {position: relative; left: 10px; width: 640px;}
	div#yhteystiedot {display: block; border-top: 1px solid #666;}
	form#isokartta {display: none;}
}


form {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	color: #960;
	margin-top: 2px;
	background-color: #ffd;
	padding: 1px 3px 1px 2px;
	font-size: 85%;
	border-width: 1px;
}
input {width: 260px;}
input.nappi {background-color: #cc9;}
textarea {width: 260px; height: 120px; font-family: arial, helvetica, sans-serif;}

/* .rajat {border: 1px solid black; }
*/