html {
	font-size: 100%;
}
body {
	text-align: center;
	background: url('/kuvat/tausta2.jpg') top left;
	padding: 0;
	margin: 0;
	color: #222;
	font-family: "trebuchet ms", arial;
}
p {
	font-size: 1em;
	margin: 10px 0;
	padding: 10px 0;
}
a {
	color: #d40;
	text-decoration: none;
	padding: 0;
}
a:hover {
	color: #000;
	text-decoration: none;
	/*border-bottom: 1px dotted #000;
	border-top: 1px dotted #000;*/
	padding: 0;
	background: #fd0;
}
acronym {
	color: #960;
}

h1, h2, h3, h4 {
	color: #000;
	font-family: "trebuchet ms", arial;
}
h2 { /* OTSIKKO*/
	font-weight: bold;
	font-size: 2.25em;
	height: 50px;
	text-align: center;
	background: url('/kuvat/otsikko_tausta.jpg') no-repeat bottom center;; padding-left:0.5em; padding-right:0.5em; padding-top:0; padding-bottom:0.5em
}
h3 { /* VÄLIOTSIKKO */
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 25px;
	border: 1px solid #ddd;
	background: #eee /*url('/kuvat/tippa2.gif') no-repeat 10px 50%*/; 
	padding: 7px 35px 7px 15px;
}
h4 {
  text-align: center;
}

/* ---------------------------------------------   OSIOT   ------ */

#lefttext {
	position: absolute;
	top: 0px;
	left: -5px;
	/*z-index: -10;*/
	width: 70px;
	height: 448px;
	background: url('/kuvat/teksti_vasen.jpg') no-repeat top left;
}
#vasenkuva {
	position: absolute;
	margin-top: 300px;
	margin-left: 50px;
	z-index: 1;
}
#outmostframe {
	width: 740px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	background: transparent;
  border: 0;
}
#outerframe {
	width: 740px;
	position: relative;
	margin: 0px auto;
	padding: 0px;
	background: #f7f7f7;;
	border-left: 5px solid #000;
	border-right: 5px solid #000;
	float: left;
}
#innerframe {
	background: url('/kuvat/otsikko2.jpg') no-repeat top left;
	width: 740px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
  float: left;
}
#contentleft {
	margin: 150px 0 0 0;
	width: 130px;
	padding-left: 7px;
	float: left;
	background: transparent;
}
#contentcenter {
	width: 510px; /* outerframe - 10px - 140 px - 2xmargin */
	margin: 0;  
    padding: 150px 45px 0 45px; 
	text-align: justify;
	background: transparent;
	float: left;
	/*position: relative;*/
}
* html #contentcenter { /* IE:tä varten */
    z-index: -1;
}
#bottom {
	color: black;
	padding: 0px;
	font-size: 0.8em;
	float: left;
	width: 740px;
	height: 149px;
	background: url('/kuvat/bottom.gif');
	text-align: center;
}

#valid {
	width: 733px;
	float: left;
	text-align: center;
	color: #fd0;
	font-family: arial;
	font-size: 0.75em;
	height: 50px;
	background: black;
	padding: 0 0 0 7px;
	margin: 0;
}
#valid a {
	color: #fff;
}
#valid a:hover {
	color: #000;
	text-decoration: none;
}
#tracker a:hover {
  background: transparent;
}
#tracker img {
  border: 0;
}
#footer {
	color: white;
	padding: 5px 0px;
	font-family: arial;
	font-size: 0.8em;
	float: left;
	width: 731px;
	border: 5px solid #2c2c2c;
	background: #3a3a3a;
	text-align: center;
	vertical-align: bottom;
}
#footer a:hover {
	text-decoration: none;
}
.footer_mark {
	color: #fd0;
}

/* ---------------------------------------------   NAVI   ------ */

/* -- alivalikko -- */

ul.makeMenu, ul.makeMenu ul {
	width: 130px;    
	border-top: 1px solid #000;     
	background-color: #888;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 1.0em;
	/*font-weight: bold;*/
	list-style-type: none;
	text-align: left;
	z-index: 9;

}
ul.makeMenu li {
	position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
	the lack of offset makes these appear normal, but it will make a difference
	to the absolutely positioned child blocks */
	color: #fff;
	padding: 0;
	margin: 0;
	background: transparent;
	margin-left: 0px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;

}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
	display: none;               /* hides child menu blocks - one of the most important declarations */
	position: absolute;          /* make child blocks hover without leaving space for them */
	top: -1px;                    /* position slightly lower than the parent menu item */
	left: 128px;
	/* this must not be more than the width of the parent block, or the mouse will
	have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
	background: #fd0;      /* gives the active menu items a yellow background */
	color: #000;                 /* makes the active menu item text black */ 
}

#visiot {
	padding: 1px 6px;
	background: url(/kuvat/navi_visiot.gif);
	letter-spacing: 0.1em;
	border-right: 1px solid #000;
}
#visiot:hover {
	background: url(/kuvat/navi_visiot2.gif);
}
#visiot ul {
	border-top: 1px solid #000;
}
#visiot ul li {
	letter-spacing: 0.0em;
}
li#selected {
	background: url(/kuvat/navi_visiot2.gif);
}

ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
	display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
	the > targets only the child ul, not any child uls of that child ul */
	display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { 
	color: #fff; 
	display: block; 
	width: 100%; 
	text-decoration: none; 
	color: #fff;
	background: #888;
	display: block;
	text-decoration: none;
	width: 107px;
	margin: 0px;
	border-top: 0px;
	border-right: 1px solid #000;
	border-bottom: 0px none;
	border-left: 15px solid #666; 
	padding: 1px 3px; 
}
ul.makeMenu li a:hover {
	text-decoration: none;
}
ul.makeMenu li a span {
	display: none;
}
ul.makeMenu li a:hover span {
	display: block;
	position: absolute;
	left: 133px;
	top: -1px;
	border: 1px solid #000;
	padding: 3px 6px;
	text-decoration: none;
	background: #eee;
	width: 120px;
	cursor: pointer;
	z-index: 10;
	opacity: .95;
	filter: alpha(opacity=95);
	-moz-opacity: .95;
}
ul.makeMenu li a:hover span:hover {
	display: none;
}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { 
	color: #000;
	display: block;
	background: #fd0;
	border-left: 15px solid #960;
	padding: 1px 3px;
}
ul.makeMenu li:hover > a {
	color: #000; 
	background: #fd0;
	border-left: 15px solid #333;
} /* supports links in branch headings - must not be display: block; */

/* -- alivalikon loppu -- */

#valikko a#thispage {
	background: #fd0;
	border-left: 15px solid #960; 
	color: #000;
	cursor: default;
}
#valikko a:hover#thispage span {
	display: none;
}
#valikko {
  position: absolute;
  top:190px;
}
.navi_otsikko {
	background: #555;
	letter-spacing: 0.1em;
	color: white;
	display: block;
	width: 122px;
	border-right: 1px solid #000;
	padding: 1px 0 1px 6px;
}

#yhteistyossa {
	margin-top: 10px;
	font-size: 10px;
	font-weight: bold;
}
#yhteistyossa a:hover {
  background: transparent;
	text-decoration: none;
}
#yhteistyossa img {
  border: 1px solid #000;
  margin: 1px;
}
#yhteistyossa a {
  margin: 1px;
}
#yhteistyossa a:hover img {
  border: 2px solid #c30;
  margin: 0;
}

#mainos {
  font-size: 85%;
}
#mainos a:hover {
	text-decoration: underline;
	background: #fd0;
}


/* ---------------------------------------------   NEWS, KUVAT, KAPPALE  ------ */


#ajankohtaista {
	width: 350px;
	border: 1px solid black;
	background-color: #efefef;
	font-size: 0.9em;
	border: black 1px solid;
	margin-left: 80px;
	font-family: arial;
	line-height: 1.3em;
}
#ajankohtaista td {
	text-align: left;
	padding: 3px 7px;
	margin: 0;
	border-bottom: 1px solid #aaa;
}

.floatimage {
	float: left;
	font-family: arial;
	font-size: 0.7em;
	/*line-height: 1.2em;*/
	margin: 15px 10px 10px 0;
	padding: 5px;
	border: 1px solid #666;
	background-color: #eeeeee;
}
.floatimage a:hover{
	background: transparent;
}
div.floatimage img {
	border: 1px solid #000;
}
.imageright {
	float: right;
	margin: 15px 0 10px 10px;
}

.kappale {
	line-height: 1.5em;
	margin: 0;
	padding: 10px 0px;
	font-family: arial, "trebuchet ms", arial;
	font-size: 0.9em;
}
.kappale:first-letter {
	float: left;
	font-size: 3.2em;
	line-height: 1em;
	position: relative;
	/*height: 1.8em;*/
	font-family: times;
	padding-top: 0.15em;
	top: 1em;
}
.arial {
  font-family: arial;
	font-size: 0.9em;
}

/* ---------------------------------------------   LISTAT   ------ */

.alalinkit {
	padding: 0 0 0 0;
	margin: 15px 0px;
	text-align: left;
	font-family: arial;
	font-size: 0.9em;
}
.alalinkit li {
	list-style-image: url('/kuvat/list5.gif');
}
.alalinkit ul {
	margin-top: 0;
}

div.ylalista {
	padding: 0;
	margin: 0;
	margin: 10px 50px 10px 30px;
	border: 1px solid black;
	background: #eee;
	font-family: arial;
	font-size: 0.9em;
	text-align: left;
}

.ylalista ul {
	color: black;
	padding-left: 0;
	list-style-image:url('/kuvat/list5.gif'); margin-left:30px; margin-right:15px; margin-top:5px; margin-bottom:10px
}

.vastustuslista {
	width: 19em;
}
.miksilista {
	width: 23em;
}
.miksilista ul {
	list-style-image:url('/kuvat/list6.gif')
}
.tilastolista {
	width: 12em;
}
.rakenteillalista {
	width: 27.5em;
	font-family: "trebuchet ms", arial;
	font-size: 0.9em;
	line-height: 1.3em;
}
div.kaupungit {
	 float: right;
	 display: inline;
	 margin: 5px;
	 background: #e7e7e7;
}
.korkeuden_mittaus ul {
	list-style-image:url('/kuvat/list6.gif')
}

.quote {
	text-indent: 10px;
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
	clear: left;
	line-height: 1.35em;
	margin: 0px;
	padding: 20px 0 10px 0;
}

.up {
	text-align: left;
	color: black;
	background-color: #efefef;
	text-align: center;
	width: 7.5em;
	padding: 3px 3px 3px 3px;
	margin: 10px 0 0 10px;
	border: 1px dashed black;
}

/* ---------------------------------------------   LINKIT   ------ */

.table_links {
	color: black;
	border: 1px solid black;
	vertical-align: middle;
	font-family: "trebuchet ms", arial;
	font-size: 0.9em;
}

.linkit_vasen {
	color: black;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid white;
}

.linkit_vasen a {
	color: #000;
	text-align: right;
	font-weight: bold; 
	display: block;
	margin: 0;
	width: 215px;
	background-color: #ccc;
	border-right: 15px solid #aaa;
	padding: 12px 5px 12px 5px;
}

.linkit_vasen a:hover {
	background-color: #fd0;
	border-color: #666;
	color: black;
	padding: 12px 5px 12px 5px;
}

.linkit_vasen a:visited {
	color: black;
}
	
.linkit_oikea {
	color: black;
	text-align: left;
	width: 285px;
	background-color: #eee;
	padding: 1px 5px;
	margin: 0;
	border-bottom: 1px solid #bbb;
}

.linkit_otsikko {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 1px 0 1px 0;
	margin: 0;
	background-color: #666666;
	border-bottom: 1px solid black;
}


/* ---------------------------------------------   TILASTOT   ------ */


.tilastot {
	color: black;
	padding: 0;
	margin: 20px 0px;
	font-size: 0.9em;
	border: 1px solid black;
	background-color: #eee;
	font-family: arial;
	font-size: 0.9em;
}

.tilastot td {
	text-align: left;
	margin: 1px;
}

.tilastot a {
	color: black;
	font-weight: bold;
	display: block;
	margin: 0;
	width: 160px;
	border-right: 10px solid #eee;
	background-color: #eee;
	padding: 10px 3px 10px 3px;
}

.tilastot a:hover {
	background-color: #fd0;
	border-right: 10px solid #666;
	color: black;
	padding: 10px 3px 10px 3px;
}

.tilasto_lista_otsikko {
	height: 2em; 
	font-variant: small-caps; 
	font-size: 1.2em; 
	font-weight: bold;
	background-color: #ddd;
}

.tilasto_lista_otsikko td {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px #cccccc solid;
	padding: 0 3px 0 3px;
}

.sija {
	border-right: 1px solid #bbbbbb;
	text-align: center;
	padding-left: 3px;
}

.nro {
}
.nimi {
}
.korkeus {
}
.sijainti {
}
.vuosi {
}
.kaytto {
}
.krs {
}

.rakennustiedot {
	text-align: left;
	width: 12em;
	background-color: #eee;
	border: 1px solid #000;
	padding: 0;
	margin: 20px 0;
}
.rakennustiedot td {
	padding: 3px;
	margin: 0;
  border-bottom: 0px solid #000;
}

.rakenteillataulu  {
  border: 1px solid #000;
	background: #eee;
	margin: 10px 0;
	text-align: left;
}
.rakenteillataulu  caption {
	font-size: 140%;
	/*font-variant: small-caps;*/
	font-weight: bold;
}
.rakenteillataulu  th {
	background: #ddd;
  border: 1px solid #888;
	padding: 2px 3px;
}
.rakenteillataulu  td {
	padding: 2px 3px;
}
.ehdotettu {
 background: #9cf; /*#7badd0;*/
} 
.rakenteilla {
  background: #0e0;
} 
.hyvaksytty {
  background: #0755c9;
	color: #fff;
} 

/* -------------- */

#yhteystiedot {
	border: 1px solid #000;
	background: #ddd;
	margin: 25px;
	padding: 0px;
	font-family: arial;
	font-size: 0.95em;
	text-align: left;
	line-height: 140%;
}

#yhteystiedot td {
	border: 0px;
	background: #eee;
	padding: 10px;
	margin: 0px;
}