/* @override http://www.biisoni.fi/css/style.css */

*{margin:0;padding:0;}
a{outline:0}
a img{border:0}
body{text-align:center;background:#fff url('../img/bg.jpg') no-repeat top center;
font-family:arial;font-size:12px;color:#000;}
#page{width:960px;margin:auto;text-align:left;background:#e9ecee url('../img/bg2.png') repeat-x;}

/*			YLEISET			*/
a {text-decoration:none;font-weight:bold;color:#9d9d9d;font-size:11px;}
a:hover {text-decoration:underline;font-weight:bold;color:#8c8c8c;}

h2{font-weight:bold;font-size:14px;}
h3{font-weight:bold;font-size:11px;}

/*			LAYOUT			*/
/*			 -Header		*/

#header{height:120px;}
#header img{margin-left:80px;height:119px;}
#header p{position:absolute;top:10px;margin-left:900px;}

/*			 -Menu			*/
#menu {}
#menu ul{
list-style-type:none;
background:transparent url('../img/navbar3.png') no-repeat;
width:804px;/*width:645px;*/height:39px;margin-left:80px;position:relative;top:-3px;
}
div > #menu ul{top:0px;}
#menu ul li{display:inline;}
#menu ul li a{position:absolute;text-indent:-9000px;display:block;height:39px;}
#nav1 a{top:0;left:0;width:163px;}
#nav2 a{top:0;left:163px;width:158px;}
#nav3 a{top:0;left:321px;width:161px;}
#nav4 a{top:0;left:482px;width:160px;}
#nav5 a{top:0;left:642px;width:160px;}
#nav1 a:hover{background:transparent url('../img/navbar.png') no-repeat 0 -40px}
#nav2 a:hover{background:transparent url('../img/navbar.png') no-repeat -163px -40px}
#nav3 a:hover{background:transparent url('../img/navbar.png') no-repeat -321px -40px}
#nav4 a:hover{background:transparent url('../img/navbar.png') no-repeat -482px -40px}
#nav5 a:hover{background:transparent url('../img/navbar3.png') no-repeat -642px -40px}

/*			 -Flyout Menu	*/
#menu ul li ul,.sfhover ul{
background:#fff;
position:absolute;top:39px;left:-999em; height:auto;
padding-left:25px;padding-top:15px;padding-bottom:10px;
z-index:10;
}
#menu ul li#nav2 ul{width:133px;} #menu ul li#nav3 ul{width:136px;} #menu ul li#nav4 ul{width:134px;}

#menu ul li ul li{display:block;padding-bottom:15px;}
#menu li#nav2:hover ul{left:83px;}
#menu li#nav3:hover ul{left:241px;}
#menu li#nav4:hover ul{left:402px;}

#menu ul li ul a{
position:static;height:auto;width:auto;
background:none;
font-size:11px;
font-weight:normal;
text-indent:0;
}
#menu ul li#nav2 ul a{color:#0092d4;} #menu ul li#nav3 ul a{color:#92d400;} #menu ul li#nav4 ul a{color:#545454;}
#menu ul li ul a:hover{
text-decoration:underline;
background:none;
}

/*		 -First Row		*/
#firstrow{
background:#e9ecee url('../img/img1.jpg') no-repeat;
height:300px;
}
#firstrowEmpty{
background:#e9ecee;
padding-left:80px;padding-top:20px;height:20px;
}



#tyot #firstrow{background:#e9ecee url('../img/tyota1.jpg') no-repeat;}
#tyohakemus #firstrow{background:#e9ecee url('../img/tyota2.jpg') no-repeat;}

#tekijat #firstrow{background:#e9ecee url('../img/tekijoita1.jpg') no-repeat;}
#tarjouspyynto #firstrow{background:#e9ecee url('../img/tekijoita2.jpg') no-repeat;}
#info #firstrow{background:#e9ecee url('../img/tekijoita3.jpg') no-repeat;}
#info2 #firstrow{background:#e9ecee url('../img/tekijoita4.jpg') no-repeat;}
#tarjous legend{*margin-left: -4px;}
#henktiedot legend{*margin-left: -7px;}
#tyopaikka legend{*margin-left: -7px;}

#firstrow p{font-family:arial;font-size:12px;color:#b1b2b3;margin-left:5px;}
#firstrow h1{font-style:italic;font-size:20px;color:#949494;font-weight:normal;margin-top:60px;margin-left:-20px;}
#firstrow h1 em{display:block;font-size:30px;color:#000;margin-left:15px;}

/*			CONTENT			*/

#content{padding-left:60px;background:#fff url('../img/content_bg.png') repeat-y;
	overflow: auto;
	width: 900px;

}
div > #content{}
#content div{width:260px;padding-left:20px;background:#fff;float:left;padding-bottom:25px;}
#content h2{margin-top:30px;}
#tyot h2{color: #0288D1;}
#tekijat h2{color: #65CE00;}
#firstcol{}
#firstcol h2{color:#545454}
#firstcol p{padding-right:20px;}
#secondcol{border-right:1px solid #ecebec;border-left:1px solid #ecebec;min-height:286px;height:auto !important;height:286px;}
#secondcol h2{color:#0092d4}
#tekijat #secondcol h2{color:#92d400}
#thirdcol{}
#thirdcol h2{color:#92d400}
#tyot #thirdcol h2{color:#0092d4}
#content p{padding-top:15px;color:#545454;}
#content p img{float:right;padding-left:10px;}
#twocols{width:auto;height:100%;border-left:1px solid #ecebec;}
#tarjouspyynto #twocols h2{color:#92d400}
#tyohakemus #twocols h2{color:#0092d4}

/*			FOOTER			*/
#footer{clear:both;height:210px;padding-bottom:80px;padding-left:80px;padding-top:30px;
background:#e9ecee  url('../img/footer_dropshadow.gif') no-repeat center bottom;}
#footer ul{list-style-type:none;margin-right:60px;width:100px;float:left;}
#footer a{font-size:10px;color:#545454;}
#footer h3 a{padding-bottom:10px;font-size:12px;display:block}
#footer ul img{padding-bottom:15px;}
#footer_dropshadow{background:#fff no-repeat;height:80px;width:960px;}


/* FORMS! */
fieldset {border:0;margin-top:15px;font-family:arial;color:#545454;font-size:11px;}
legend{font-size:12px;margin-bottom:10px;color:#545454}
input{margin-right:5px;}
label{cursor:pointer;}
#twocols table{width:570px; margin-top: 20px;}
td{vertical-align:top; padding-bottom: 20px;}
textarea{overflow:auto;}
/*tarjouspyyntö*/
#tarjous{}

#twocols td img{margin-top:15px;}
/*#tarjouspyynto #tyopaikka label{float:left; width: 230px;}*/
#tarjouspyynto #tyopaikka label{float:left; width: 270px;}
/*#tarjouspyynto #tyopaikka input{margin-left: 5px; margin-bottom: 10px;}*/
#tarjouspyynto #tyopaikka input{margin-left: 0px; margin-bottom: 3px;width:200px;}

#tarjouspyynto #henktiedot label{float:left; width: 80px;}
/*#tarjouspyynto #henktiedot input{margin-left: 5px; margin-bottom: 10px;}*/
#tarjouspyynto #henktiedot input{margin-left: 10px; margin-bottom: 3px;width:200px;}


#tarjouspyynto #tyopaikka textarea{width:200px;float:left;_margin-left:4px;}

/*#twocols td img{margin-top:15px;}
#tarjouspyynto #henktiedot label,#tyopaikka label{float:left;}
#tarjouspyynto #henktiedot input,#tyopaikka input{float:right;width:200px;}
#tarjouspyynto #tyopaikka textarea{height: 200px;margin-right:5px;width:200px;float:right}*/
/*tabs*/
#tabs{
list-style-type:none;text-indent:-999em;
margin-top:15px;
width:504px;height:35px;
background:#fff url('../img/tabs.png') no-repeat;
position:relative;
}

#tabs li{display:inline;}
#tabs li a{position:absolute;width:100px;height:35px;top:0;}
#tab1 a{left:0;}
#tab2 a{left:101px;}
#tab3 a{left:202px;}
#tab4 a{left:303px;}
#tab5 a{left:404px;}
#tab1 a:hover, #tab1.selected  a{background:transparent url('../img/tabs.png') 0 -43px}
#tab2 a:hover, #tab2.selected a{background:transparent url('../img/tabs.png') -101px -43px}
#tab3 a:hover, #tab3.selected a{background:transparent url('../img/tabs.png') -202px -43px}
#tab4 a:hover, #tab4.selected a{background:transparent url('../img/tabs.png') -303px -43px}
#tab5 a:hover, #tab5.selected a{background:transparent url('../img/tabs.png') -404px -43px}
.selected a:hover{cursor:default}


/*tabs*/
#tabs{
list-style-type:none;text-indent:-999em;
margin-top:15px;
width:504px;height:35px;
background:#fff url('../img/tabs.png') no-repeat;
position:relative;
}

#tabs li{display:inline;}
#tabs li a{position:absolute;width:100px;height:35px;top:0;}
#tab1 a{left:0;}
#tab2 a{left:101px;}
#tab3 a{left:202px;}
#tab4 a{left:303px;}
#tab5 a{left:404px;}
#tab1 a:hover, #tab1.selected  a{background:transparent url('../img/tabs.png') 0 -43px}
#tab2 a:hover, #tab2.selected a{background:transparent url('../img/tabs.png') -101px -43px}
#tab3 a:hover, #tab3.selected a{background:transparent url('../img/tabs.png') -202px -43px}
#tab4 a:hover, #tab4.selected a{background:transparent url('../img/tabs.png') -303px -43px}
#tab5 a:hover, #tab5.selected a{background:transparent url('../img/tabs.png') -404px -43px}
.selected a:hover{cursor:default}


/*työhakemus*/
#hakemuslomake{
min-height:470px;
height:auto !important;
height:470px;
}
#tyohakemus #twocols table td {vertical-align:top;padding-bottom:3px;}
#selitys {vertical-align:top;padding-left:20px;}
#selitys p{color:#989898}
#tyohakemus  input.txt, #tyohakemus textarea {margin:0; width:200px;}
#tyohakemus select.wide {width:204px;}

/*
#napit{text-align:right;vertical-align:bottom;}
#tyohakemus label{float:left;}
#tyohakemus  input,
#tyohakemus textarea,
#tyohakemus select
{float:right;width:200px;}
#tyohakemus  textarea,
#tyohakemus select
{margin-right:5px;}
fieldset p{clear:both;margin:0;padding:0;}
#tyo #sendbutton{float:right;margin-top:20px;width:69px;height:20px}
#twocols table table{width:auto;}
*/

.yhteystiedot ul{ list-style:none; width: 800px; display:block; margin-bottom: 25px; float:left;}
.yhteystiedot ul li{ float:left; display: inline; width: 200px; margin-top: 20px;}

#paasivujenNostot { margin: 30px 0 0 20px; padding: 0;}
#paasivujenNostot a{ color: #0288d1; font-weight: bold;}

#paasivujenNostotV { margin: 30px 0 0 20px; padding: 0;}
#paasivujenNostotV a{ color: #65ce00; font-weight: bold;}

#etusivun_tyopaikat {
	padding-top: 10px;
	padding-left: 0px !important;
}

#etusivun_tyopaikat a {text-decoration:none;font-weight:bold;color:#9d9d9d;font-size:12px;}
#etusivun_tyopaikat a:hover {text-decoration:underline;font-weight:bold;color:#8c8c8c;}

.avoimetListaus a {text-decoration:none;font-weight:bold;color:#9d9d9d;font-size:12px;}
.avoimetListaus a:hover {text-decoration:underline;font-weight:bold;color:#8c8c8c;}
select.vuosiselect{padding: 0px;width: 46px; font-size: 10px;}
select.kkselect{width: 35px; font-size: 10px;}
div.blogheading{
background: transparent url('../img/blog-heading.jpg') no-repeat !important; 
display: block !important; 
width: 577px !important; 
height: 24px !important;
padding-bottom: 0px !important;
padding-left: 0px !important;
float: none !important;
margin-top: 15px;
}
div.blogheading p{
padding-top: 0px !important;
color: #fff !important;
line-height: 24px;
text-indent: 7px;
}
div.blogheading p strong{
padding-right: 2px;
}
p.kuukaudet{
padding-right: !important;
padding-top: 0px !important;
margin-left: 30px;
font-size: 10px !important;
}
p.kuukaudet a{
color: #b5b5b5 !important;
}
div.feed{
	width: 204px !important;
	background: #eeeeee !important;
	margin: 4px 0 0 0 !important;
	padding: 16px 18px 0px 18px !important;
	position: relative;
	border: 1px solid #e7e5e6;
	color: #595959 !important;
}
div.feed p{
	margin: 0 !important;
	padding: 0 !important;
}
div.feed a{
	display: block;
	margin: 7px 0 0 0 !important;
}
div.feed img.feedtop{
	position: absolute;
	left: 40px;
	top: -10px;
}
h2.feed-heading{
	margin: 0 !important;
	padding: 0 !important;
}
hr.home-hr{
	width: 242px;
	color: #eaeaea !important;
	background-color: #eaeaea !important;
	display: block;
	height: 1px;
	border: 0px;
	margin: 20px 0 20px 0;
	text-align: left;
}
div#container1{
	padding:0 !important;margin: 0 0 12px 0 !important;width: 840px !important;background: transparent url('/img/gray-pixel.jpg') repeat-y 33% 0px !important;
}
div#container2{
	margin:0 !important;padding: 0 !important;width: 840px !important;background: transparent url('/img/gray-pixel.jpg') repeat-y 66% 0px !important;
}
div.colfix{
	background: none !important; border: 0px !important; padding-bottom: 12px !important;
}
a#laheta-pyynto, a#laheta-pyynto2{
	display: block;
	background: #92d202 url('/img/tarjouspyynto-arrow.jpg') no-repeat 92% 50% !important;
	width: 135px;
	height: 32px;
	color: #fff;
	font-weight: normal;
	font-size: 12px;
	line-height: 32px;
	padding-left: 14px;
	cursor: pointer;
}
a#laheta-pyynto2{
	width: 191px;
}
body#info2 a#laheta-pyynto2{
	margin: 62px 0 0 75px;
}
a#laheta-pyynto:hover, a#laheta-pyynto2:hover{
	text-decoration: none;
}
p.etusivun-paikat{
	width: 92% !important;margin: 0 !important; padding: 2px 0 2px 0 !important;border-top: 1px solid #eaeaea;
}
.noborder{
	border: 0px !important;
}
.yhteys-tiedot ul{ list-style:none; width: 850px; display:block; margin-bottom: 0px; float:left;}
.yhteys-tiedot ul li{ float:left; display: inline; width: 250px; margin-top: 20px;line-height: 18px;}
.yhteys-tiedot ul li{
  color: #545454;
}
.yhteys-tiedot b{
  color: #000;
}
div#yrityscol h2.title{
  margin-left: 20px;
}
div#yrityscol hr{
  color: #d5d5d5;
  background-color: #d5d5d5;
  height: 1px;
  margin-left: 20px;
  width: 800px;
  clear: both;
  border: 0px;
  margin-bottom: 25px;
}
body#info2 div#content{
  overflow: hidden;
}