@charset "UTF-8";
/* CSS Document */

body {margin:0; padding:0; background:#585858 url('img/bg_mutterit.jpg') no-repeat 0 150px; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5; font-size:62.5%; font-family:Trebuchet MS, Arial, Helvetica, Verdana, sans-serif; background-attachment:scroll}
#header li, #header a, #alatab{behavior: url(iepngfix.htc); }

h1{padding-left:45px; font-size:1.8em; line-height:1.2em; margin-bottom:10px; margin-top:20px; text-transform:uppercase; color:#333; font-stretch: ultra-condensed;}
.kuvitettu_otsikko {margin-left:20px;}
.kuvitettu_otsikko img{margin-right:20px;}

h3{padding-left:45px; font-size:1.3em; line-height:1.2em; margin-bottom:10px; margin-top:20px; text-transform:uppercase; color:#333;
}
#content ul {padding-left:45px; font-size:1.1em;}
#content ul ul{font-size:1em;}

.rivit{padding-left:5px;padding:0;margin-bottom:0;margin-top:15px;color:#000; border-bottom:1px solid #666;float:left;  width:390px; height:1.3em;}
 
h2{font-size:1.2em;margin:0;margin-left:5px; padding:0; text-transform:uppercase; color:#000; width:90px;float:left;}

.details{text-transform:none; font-weight:normal; text-align:right; width:250px; float:right; margin:0; padding:0;}

p {padding:0 25px 0 45px; font-size:1.1em; text-align:justify; margin-bottom:8px; line-height:1.2em;}
p a:link {font-weight: bold; text-decoration:none; color:#666666;}
p a:visited{font-weight: bold; text-decoration:none; color:#333333;}
p a:hover{font-weight: bold; text-decoration:none; color:#000;}
p a:focus{font-weight: bold; text-decoration:none; color:#FFCC00;}

#contacts img{float:left;}


#wrapper{width:957px;margin:auto;padding:0;position:relative; border:1px solid #990000;}

.flash{
	position:relative;
	float:right;
	margin-right:25px;
}

#header {width:100%;float:left; background: #FFFF00 url('img/bg_top.gif') repeat-x top left;}
/* #content
{background-color: transparent;
background-image: url(img/bg_content.png);
background-repeat:no-repeat;
background-position: bottom center; 
width:957px; border-top:2px solid #fcff00;
margin:auto;} */

#content{
background-color:transparent;
background-image:url('img/bg_content.png');
background-repeat:no-repeat;
width:957px; 
padding-bottom:90px;
float:right; padding-left:0; padding-right:0; padding-top:0; background-position:bottom

} 
/* normal background gif for IE because doesn't handle iepngfix with background positioned bottom */
* html body #content {background:url('img/bg_content.gif') no-repeat bottom center;}

/* #wrapper_content {width:920px; margin:auto; padding:0; position:relative;} */
#alatab {position:fixed; bottom:0; left:0;width:100%;
background-color:transparent;
background-image:url('img/bg_alatab.png');
background-repeat:no-repeat;
background-position: left top; 
height:50px;
padding-top:40px}

#alatab img a{float:left;padding-right:5px;}

#header ul {
  font:1.1em/1em "Trebuchet MS",Tahoma, Verdana, Helvetica, Arial, sans-serif;
  line-height:normal;
  list-style:none;
  float:right;
  margin:0; margin:0; 
  width:940px;}
#header li {
  float:left;
  width:auto;
  background-image:url('img/left.png');
  background-repeat:no-repeat;
  background-position: left top;
  margin-right:4px;
  padding-left:25px; padding-right:0; padding-top:0; padding-bottom:0
}
  
#header a{
  float:left;
  display:block;
  background-image:url('img/right.png');
  background-repeat:no-repeat;
  background-position: right top;
  text-decoration:none;
  font-weight:bold;
  color:#666;
  text-transform:uppercase;
  cursor:pointer; padding-left:5px; padding-right:25px; padding-top:15px; padding-bottom:14px

}

* html body #header a{  background:url('img/right.gif') no-repeat right top;}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover{color:#FFFF00;}
#header #current{background-image:url('img/lefton.png');}
#header #current a{background-image:url('img/righton.png');color:#000;padding-bottom:16px}
#header #current a:hover{color:#666;padding-bottom:16px;}
* html body #header #current a{background-image:url('img/righton.gif');color:#000;padding-bottom:16px}

.lomake div{clear:both;padding:.2em 0; margin-left:40px; width:400px;}
label{font-size:1.2em;text-align:left;padding-right:.5em;float:left; width:6em; margin-bottom:5px;}
input{width:18em; border:1px groove #CCC;}
textarea{width:18.5em;border:1px groove #CCC;}
#submit{font-weight:bold;width:10em;color:#666; margin-left:6em; cursor:pointer;}
#submit:hover{font-weight:bold;width:10em;color:#999; margin-left:6em; border:1px groove #999999;}

.yhteystiedot{margin:10px 10px 10px 40px;font-size:1.2em;}
.yhteystiedot td{border-bottom:1px solid #CCC;padding:1px 5px 1px 5px;}
.vasensolu{ border-right:1px dotted #CCC; }
th {font-weight:bold; text-transform:uppercase; text-align:left; padding-left:5px; border-bottom: 1px dotted #CCC; background-color:#F7F7F7; color:#333;}
.ytiedot{text-transform:none; font-weight:normal; text-align:center; width:250px; float:right; margin:0; padding:0;font-size:1em;}
IMG.kasvot{display: block; margin-left: auto; margin-right: auto }