/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: Tahoma, Geneva, sans-serif;
font-size: 0.9em;
color: #3a3a3a;
line-height: 0.9em;
}

img { border: 0px; }

#pagewidth{ 
 width:1000px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 background-color:#fff;
 width:100%;
} 
 
#leftcol {
 width:210px; 
 float:left; 
 position:relative; 
 background-color:#fff;
 padding: 10px;
 }
 
#twocols{
 width:770px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:200px; 
 float:right; 
 position:relative; 
 background-color:#fff;
 }
 
#maincol {
 background-color: #fff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:530px;
 padding: 10px;
 }
 
#footer {
	background-color:#2f2929; 
	clear:both;
	color: #ccc;
	height: 220px;
 }
 
 #footer p, #footer a {
color: #fff;
text-transform: uppercase;
font-size: 10px;
font-family: verdana, arial, times;
font-weight: bold;
letter-spacing: 0.1em;
text-decoration: none;
}
 
/* FOOTER WRAPPER */
 .footer-wrapper{
   position: relative;
   margin: 0px auto;
   width: 1000px;
   margin-bottom: 15px;
   text-align: left;
}
.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 218px;
   height: 150px;
   background-color: #606060;
   padding: 10px;
}
.left2{
   position: relative;
   float: left;
   left: 15px;
   width: 218px;
   height: 150px;
   background-color: #423f3f;
   padding: 10px;
}
.left3{
   position: relative;
   float: left;
   left: 30px;
   width: 218px;
   height: 150px;
   background-color: #423f3f;
   padding: 10px;
}
.right{
   position: relative;
   float: right;
   right: 0px;
   width: 218px;
   height: 150px;
   background-color: #423f3f;
   padding: 10px;
}
/* FOOTER WRAPPER */
 
 
 
/* BUTTONS http://monc.se/kitchen/stew/buttons/btn.html */
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(../images/buttons-btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.orange { background: #FF4515; }
.btn:hover { background-color: #a00; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/buttons-shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

#btnform p { clear: both; padding-bottom: 2em; }
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}
/* BUTTONS http://monc.se/kitchen/stew/buttons/btn.html */



/* TEKSTIEN TYYLIT */
#maincol {
line-height: 1.3em;
}
#maincol h1 {
font-family: Georgia, serif;
letter-spacing: 0.1em;
line-height: 1.0em;
font-size: 2.5em;
color: #A80329;
border-bottom: 4px double #9F9F9F;
padding-top: 0px; margin-top: 0px;
}
#maincol h3.longtitle { 
padding: 3px 0px; margin: 0px; color: #777777; }

#maincol h2 {
font-family: Georgia, serif;
letter-spacing: 0.1em;
font-size: 1.6em;
line-height: 1.0em;
color: #3F3F3F;
}
#maincol h3 {
font-family: Georgia, serif;
letter-spacing: 0.1em;
font-size: 1.2em;
line-height: 1.0em;
color: #A80329;
}
#maincol a {
color: #050505;
}
#maincol a:hover {
background: #3333FF;
color: #fff;
}
#leftcol h2 {
font-size: 16px;
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 2px 0px;
margin: 0px;
}
/* TEKSTIEN TYYLIT */


/* NAVIGOINTI navigation */
#menurf ul {
	width: 100%;
	height: 43px;
	background: #FFF url("http://www.rakennusfakta.fi/assets/templates/rakennusfakta/images/menu-bg.gif") top left repeat-x;
	font-size: 0.9em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}
#menurf ul li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
#menurf ul li a {
	height: 43px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
}
#menurf ul li a:hover {
	color: #333;
}
#menurf ul li.current {
	background: #FFF url("http://www.rakennusfakta.fi/assets/templates/rakennusfakta/images/current-bg.gif") top left repeat-x;
}
#menurf ul li.current a {
color: #fff;
padding: 5px 15px 0;
}



#navigointi {
font-family: verdana;
}

#navigointi ul {
	width: 200px;
	margin: 0; padding: 0px;
	padding: 5px 0px;
	border: 1px solid #dbdbdb;
	font-weight: bold;
}
#navigointi ul li {
  list-style: none;
  background-color: #fff;
  text-align: left;
  margin: 0; padding: 0px;
  padding: 1px 5px;

}
#navigointi ul li a {
  display: block;
  text-decoration: none;
  padding: .3em;
  padding-left: 5px;
  background-color: #EEEEEE;
  
  color: #A80329;
  font-size:12px;
}
#navigointi ul li a:hover {
color: #efefef;
background: #A80329;
}	

#navigointi ul li ul {
width: 190px;
padding: 0px;
border: 0px solid #dbdbdb;

}
#navigointi ul li ul li {
padding: 0px;
}
#navigointi ul li ul li a {
padding: 4px 0 5px 25px;
font-weight: normal;

color: #131313;
  font-size:10px;
}

#navigointi ul li ul li ul {
width: 190px;
padding: 0px;
border: 0px solid #dbdbdb;
}
#navigointi ul li ul li ul li {
padding: 0px; margin: 0px;
}
#navigointi ul li ul li ul li a {
padding: 4px 0 5px 35px;
font-weight: normal;
}
/* NAVIGOINTI navigation */



/* vasen menu - NAVIGOINTI */
#rightcol #menu-left a {
background: #980D12;
}
#rightcol #menu-left a:hover {
background: #2580A2;
}
#menu-left {
	background: #333;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 200px;
}
#menu-left ul {
list-style-type: none;
padding: 0px; margin: 0px;
}
#menu-left ul ul {
list-style-type: none;
padding-left: 15px;

}
#menu-left li {
	font: 11px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu-left a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu-left a:hover {
	background: #2580a2 url("images/menu-left-hover.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}
/* vasen menu - NAVIGOINTI */





/* Header wrapper */
.headerwrapper{
   position: relative;
   float: left;
	height: 150px;
   width: 999px;
   margin-bottom: 0px;
   background-color: #fff;
}
.headerleft1{
   position: relative;
   float: left;
   left: 0px;
   width: 370px;
   background-color: #fff
}
.headerleft2{
   position: relative;
   float: left;
   left: 0px;
   width: 329px;
   background-color: #fff;
   text-align: center;
}
.headerright{
   position: relative;
   float: right;
   right: 0px;
   width: 300px;
   background-color: #fff
}
/* Header wrapper */









 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}