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

#tab{ behavior: url(iepngfix.htc); }
#logo{ margin-left:40px; }
* {margin:0; padding:0;}


body {
margin:0;
padding:0;
background: #000 url(img/tausta.jpg) repeat-x top center;
font:62.5%/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;}

h1{padding-left:40px; font-size:1.7em; line-height:1.2em; margin-bottom:10px; margin-top:10px; text-transform:uppercase; color:#333; font-stretch: ultra-condensed;}
h2{padding-left:45px; font-size:1.4em; line-height:1.2em; margin-bottom:10px; margin-top:10px; text-transform:uppercase; color:#000; font-stretch: ultra-condensed;}
p {padding-left:40px; font-size:1.1em; text-align:justify; margin-bottom:8px; line-height:1.2em; }

#suomenkartta{margin:40px 23px 25px 0;}


.yhteystiedot{margin:10px 10px 10px 40px;
font-size:1.1em;}
.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;}

.liikekuvaus{margin: 65px 40px 10px 10px;}
.liikekuvaus img{margin-left:40px;}

#wrapper {width:920px; margin:auto; padding:0; position:relative;}

#masthead {height:145px;}

#tab {
	position:absolute;
	top:-1px;
	right:36px;
	margin:0;
}

#mutterit {
	position:absolute;
	top:175px;
	left:-273px;
	margin:0;
}

#nav {
position:absolute;
top:0;
right:60px;
width:200px;
margin:0;
padding-top:60px;

list-style:none;
font-size:1.1em;
line-height:1.7em;
}
/* FOR IE6 some hacks */
* html body #nav {position:absolute;top:0;right:15px;}

#nav li {line-height:1.7em;}

#nav #active {
color: #FFFF00;
font-weight:bold;
text-decoration:none;
padding-left:55px;
background: transparent url(img/animoitunuoli.gif) no-repeat 15% 38%;
width:100%;
display:block;
}
#nav li a:link {
color:#FFF;
font-weight:normal;
text-decoration:none;
padding-left:55px;
background: transparent url(img/nuoli.gif) no-repeat 15% 38%;
width:100%;
display:block;
}

#nav li a:visited {
color:#CCC;
padding-left:55px;
width:100%;
display:block;
text-decoration:none;
background: transparent url(img/nuoli.gif) no-repeat 15% 38%;}

#nav li a:hover {
color:#FFFF00;
padding-left:55px;
width:100%;
display:block;}

#content {
margin-top:29px;
padding-bottom:5px;
background-image:url(img/content_bg.png);
background-position:bottom center;
background-repeat:no-repeat;
width:920px;
}
/* FOR IE6 some hacks */
* html body #content {margin-top:24px;}
* html body #content {background:url(img/content_bg.gif) bottom center no-repeat;}
/* END hacks */

#logot{margin-left:40px;margin-top:15px;}
#logot img{padding-right:5px;}