/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 font-family: 'MS Sans Serif', Geneva, sans-serif;
font-size: 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:180px; 
 float:right; 
 position:relative; 
 background-color:#fff;
 padding: 10px;
 text-align: center;
 height: 100%;
 }
 
#maincol {
 background-color: #fff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:550px;
 padding: 10px;
 }
 
#footer {
	clear:both;
	color: #2f2929;
	height: 140px;
 }
 
 #footer p, #footer a {
color: #2f2929;
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;
   height: 140px;
   margin: 0px auto;
   width: 1000px;
   padding-top: 10px;
   margin-bottom: 15px;
   text-align: left;
   	background: url("/assets/templates/puutavara/images/bg-footer.gif") top left repeat-x;
}
.left1{
   position: relative;
   float: left;
   left: 0px;
   width: 375px;
   height: 150px;
   background-color: #efefef;
   padding: 10px;
}
.left2{
   position: relative;
   float: left;
   left: 15px;
   width: 218px;
   height: 150px;
   background-color: #efefef;
   padding: 10px;
}
.left3{
   position: relative;
   float: left;
   left: 30px;
   width: 218px;
   height: 150px;
   background-color: #efefef;
   padding: 10px;
}
.right{
   position: relative;
   float: right;
   right: 0px;
   width: 375px;
   height: 150px;
   background-color: #efefef;
   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, #yhteystiedotboxi h1 {
font-family: Georgia, serif;
letter-spacing: 0.1em;
line-height: 1.0em;
font-size: 2.5em;
color: #0079B2;
border-bottom: 4px double #9F9F9F;
padding-top: 0px; margin-top: 5px;
}
#maincol h2, #yhteystiedotboxi h2 {
font-family: Georgia, serif;
letter-spacing: 0.1em;
font-size: 1.6em;
line-height: 1.0em;
color: #3F3F3F;
}
#maincol h3, #yhteystiedotboxi h3 {
font-family: Georgia, serif;
letter-spacing: 0.1em;
font-size: 1.2em;
line-height: 1.0em;
color: #A80329;
}
h4.post {
font-family: verdana, arial, Georgia, serif;
padding: 0px; margin: 0px;
text-transform: uppercase;
font-size: 1.0em;
color: #3f3f3f;
}

#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 */



#yhteystiedotboxi {
width: 170px;
border: 1px solid #dbdbdb;
padding: 12px;

}
#yhteystiedotboxi p {
line-height: 1.5em;
font-size: 0.9em;
font-family: "Lucida Grande", Verdana, sans-serif;
font-weight: bold;
color: #3F3F3F;
}


/* NAVIGOINTI navigation */
#menuvainio ul {
	width: 100%;
	height: 43px;
	background: url("/assets/templates/puutavara/css/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;
}
#menuvainio ul li {
	display: block;
	float: left;
	margin: 0 0 0 5px;
}
#menuvainio ul li a {
	height: 43px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
}
#menuvainio ul li a:hover {
	color: #333;
}
#menuvainio ul li.current {
	background: url("/assets/templates/puutavara/css/images/current-bg.gif") top left repeat-x;
}
#menuvainio ul li.current a {
color: #fff;
padding: 5px 15px 0;
}



#navigointi {
font-family: verdana;
}

#navigointi ul {
	width: 210px;
	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: 200px;
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: 200px;
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 */



/* Header wrapper */
.headerwrapper{
   position: relative;
   float: left;
	height: 300px;
   width: 999px;
   margin-bottom: 0px;
   background: #FFF url("/assets/templates/puutavara/images/bg-tausta1.jpg") top right no-repeat;
}
.headerleft1{
   position: relative;
   float: left;
   left: 0px;
   width: 370px;
   height: 200px;
   margin-bottom: 57px;
   background: url("/assets/templates/puutavara/images/bg-logo.png");
}
.headerleft2{
   position: relative;
   float: left;
   left: 0px;
   width: 329px;
   text-align: center;
}
.headerright{
   position: relative;
   float: right;
   right: 0px;
   width: 300px;
}
/* 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;}
}





/* YHTEYDENOTTO - TYYLIT LOMAKKEESEEN */
#contact-area {
	width: 530px;
	margin-top: 10px;
}

#contact-area input, #contact-area textarea, #contact-area select {
	padding: 1px;
	width: 350px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 180px;
}

#contact-area textarea:focus, #contact-area input:focus, #contact-area select:focus {
	border: 1px solid #ff6600;
	background: #fbfbfb;
}

#contact-area input.submit-button {
	width: 150px;
	margin-left:145px;
	padding:5px;
	letter-spacing: 0.1em;
}

table.paketti_tablet td { 
padding:10px;
border: 1px solid #000;
}



label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 130px;
	padding-top: 0px;
}
/* YHTEYDENOTTO - TYYLIT LOMAKKEESEEN */