*{
	margin:0;
	padding:0;
}
img{
	border:0;
}


.Hidden{
	display:none;
}

.clear {
	clear: both;
}
.clear_left {
  clear: left;
}

.left { float: left; }
.right { float: right; }

body{
	background: #e4e4e4 url(kuvat/bg.png) repeat-x left top ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	width:100%;
	display:table;
	
}


#wrapper{
	width:1012px;
	margin:0 auto ;
	text-align:left;
	background: url(kuvat/bg_fade.png) repeat-y center top ;
}

#container{
	width:980px;
	margin:0 auto ;
	text-align:left;
	background: #fff ;
}



#header{ 
	height:100px; 
	width:980px;  
 	margin: 0px; 
 	float: left;
	background:#fff url(kuvat/header_bg.png) repeat-x left top ;
} 

#header_left { 
	
	margin-top:0px;
	float:left;
	text-align: left; 
	width: 150px; 
}

#header_left img { 
	padding-left:20px;
}



#header_right { 
	margin-top:22px;
	float:right;
	width: 600px; 
	text-align:right;
	padding-right:30px;
}

#header_right  .col{ 
	float:right;
	margin-left:15px;
}



#header_right .links {
line-height: 22px;
  
}



#header_right .links a { 
  padding: 0px 0 0 10px;
}
#header_right a.flag { text-align: center; display: inline-block; }
#header_right a.flag img { display: inline-block; position: relative; top: 2px; }

#header_right .search { display: inline-block; float: right; margin: 0px;}


.asiakas1 { 
	font-size:20px;
	color:#0d7bb7;
	line-height:28px;
	
}

.asiakas2{ 
	
	font-size:16px;
	line-height:16px;
	color:#0d7bb7;
}



#banner{ 
	height:300px; 
	width:980px;  
 	margin: 0px; 
 	float: left;
	background:#005a87 url(kuvat/banner_bg.png) repeat-x top left ;
} 

#banner_alasivu{ 
	height:100px; 
	width:980px;  
 	margin: 0px; 
 	float: left;
	background:#005a87 ;
} 



#content {
	clear:both;
	margin:0 ;
	background:#fff url(kuvat/content_bg.png) repeat-x top left ;
}

.content_left {
	width:652px;
	border-right:solid 1px #d2d2d2;
	float: left;
	margin-top:30px;
	
}

.content_left .margins{
	margin-top:0px;
	padding-top:0px;
}


.content_right {
	width:326px;
	float: left;
	
	
}


.content_one {
	padding: 0 ;
	width: 326px;
	border-right: 1px solid #d2d2d2;
	float:left;
	min-height:302px;
	
}



.content_two {
	padding: 0;
	width: 325px;
	
	float:left;
}




.content_left2 {
	width:280px;
	float: left;
	
	
}

.content_right2 {
	width:699px;
	min-height:400px;
	float: left;
	border-left:solid 1px #d2d2d2;
}

.content_right2 img{
	padding-bottom:10px;
}

.content_left2 img{
	padding-top:20px;
	
}

.content_right2 td{
	vertical-align: text-top;
}

.right00 {
  width:636px;
  float: left;
}

.right01 {
	width:318px;
	
	float: left;
	
}

.right02 {
	width:318px;
	margin-top:0px;
	float: left;
	
}


.right03 {
	width:212px;
	margin-top:0px;
	float: left;
	
}


.margins {
	padding:30px ;
}


.margins2 {
	padding:0 30px 30px 30px;
}

.content_right img {
	margin-bottom:10px;
}

.frontphoto {
	margin-right:20px;
}

.henkilobox{ 
	float:left;
	margin:0 0px 30px 0;
	width:200px;
	
}

.henkilobox img{ 
	margin-bottom:5px;
	
}



#footer { 
	background: url(kuvat/footer_bg.png) no-repeat center top ;
	clear:both; 
	margin: 0 auto; 
	width: 1012px;
	height:96px;
	
	
}

#copy { 
	clear:both; 
	margin: 0 auto; 
	width: 980px;
	height:20px;
	margin-bottom:30px;
	border-top:1px solid #ababab;
	padding-top:10px;
	
}

.footer001 { 
	
	margin-top:20px;
	float:left;
	text-align: left; 
	width: 190px; 
	padding-left:46px;
}


.footer002 { 
	height:50px;
	margin-top:15px;
	float:left;
	width: 310px; 
	padding:0px 30px 0px 29px;
	text-align:left;
	border-left:solid 1px #d2d2d2;
	
}





.footer002 p {
	padding-top:5px;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;

}


#copy p {
	
	text-align:left;
	color: #ababab;
	font: 10px Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin-right:30px;

}


#copy p a { color: #ababab; text-decoration: none; }
#copy p a:hover { text-decoration: underline; }






a{
	color:#be1717;
	text-decoration: none;
}

a:hover{
	color:#000;
	text-decoration: none;
}



#product a:link, #product a:visited {
	font: 10px Arial, Helvetica, sans-serif;
	color: #d07513;
	text-decoration: underline;
	font-weight:normal;
}

#product a:hover, #product a:active {
	color: #ad6619;
	text-decoration:none;
}


.thumbs {
	margin-bottom:30px;
}



hr {
	display: block;
	position: relative;
	padding: 0;
	margin:10px auto;
	width: 100%;
	clear: both;
	border: none;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #FFF;
	font-size: 1px;
	line-height: 0;
	overflow: visible;

}




.hr {
	height:1px;
	width:100%;
	border-top:solid 1px #d2d2d2;
	background:#fff ;
	margin-bottom:30px
}

.hr3 {
	height:1px;
	width:100%;
	border-top:solid 1px #d2d2d2;
	background:#fff ;
	margin-bottom:0px
}


.hr2 {
	
	clear:both;
	height:1px;
	border:none;
	border-top:1px solid #d2d2d2;
}





h2 {
	
	color:#008cce;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS ;
	font-size:22px;
	font-weight:normal;
	margin-bottom:10px;
	font-weight:normal;
	line-height:26px;
	
}

h2.left {
	
	color:#008cce;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS ;
	font-size:22px;
	font-weight:normal;
	margin-bottom:10px;
	font-weight:normal;
	line-height:26px;
	
}


h3 {
	
	color:#008cce;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	font-weight:normal;
	line-height:18px;
	padding-top:20px;
	
}

h3.first {
	
	color:#008cce;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	font-weight:normal;
	line-height:18px;
	padding-top:0px;
	
}

h3.right {
	
	color:#008cce;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	font-weight:normal;
	line-height:18px;
	padding-top:40px;
	
}



p{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;

}

p.blaa{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	line-height:18px;
	margin-bottom:40px;
	margin-top:40px;

}

p.size11{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;
	line-height:16px;
	

}

.content_right2 ul, .content_right2 ol { 
	line-height:18px;
	margin-left:20px;
	margin-bottom:20px;
}

.map1 { 
	margin-top:40px;
	margin-bottom:30px;
}

.map2 { 
	margin-top:25px;
	margin-bottom:30px;
}


/*---------------------------- side-block ---------------------------*/

.side-block h3 a{
	color:#000;
	font-weight:normal;
	font-size:14px;
	text-decoration: none;
}

.side-block img{
	margin-right:0px;

}

.side-block h3{
	margin-bottom:0px;
	padding-top:6px;
}

.side-block p{
	
	font-size:12px;
	color:#000;
	line-height:16px;
	padding-right:5px;
	/* a */
	margin-bottom:5px;
}

.side-block{
	clear:left;
	margin-bottom: 20px;
	/*background:#f1f1f1 ;*/
	/*margin-bottom:0px;*/
	/*height:65px;*/
}
.hov{
	padding:0px;
}

.sel-navi{
	background:#fff; 
	height:65px;
	
}

.hilite{
	background:url(kuvat/hili_block.png);
	cursor:pointer;
}

.btn_siirry {
	background: url(kuvat/btn_siirry.png) no-repeat 0 0 ;
	display:block;
	width:121px;
	height:35px;
	text-indent: -9999px;
	margin:0;
	/*float: left;*/
	outline:none;
	
}

.btn_pankki {
	background: url(kuvat/btn_pankki.png) no-repeat 0 0 ;
	display:block;
	width:326px;
	height:130px;
	text-indent: -9999px;
	margin:0;
	float: left;
	outline:none;
	
}

.btn_suunnittelu {
	background: url(kuvat/btn_suunnittelu.png) no-repeat 0 0 ;
	display:block;
	width:326px;
	height:130px;
	text-indent: -9999px;
	margin:0;
	float: left;
	outline:none;
}

.btn_kauppa {
	background: url(kuvat/btn_kauppa.png) no-repeat 0 0 ;
	display:block;
	width:328px;
	height:130px;
	text-indent: -9999px;
	margin:0;
	float: left;
	outline:none;
}





/*---------------------------- side navigation ---------------------------*/



.content_left2 a{


}


.content_left2 a:link, .content_left2 a:visited {
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight:normal;
}


.content_left2 ul{
	margin:0;
	padding:0;
	list-style-type:none;

}

.content_left2 li a{
	color: #be1717;
	background:url(kuvat/bullet.png) no-repeat ;
	background-position:10px 14px;
	display:block;
	padding:10px 0 10px 20px;
	border-bottom: 1px solid #d2d2d2;
	list-style: none;
}



.content_left2 li a:hover {
	color: #000;
	text-decoration:none;
	background-color:#f2f2f2;
	
}

.content_left222 ul li .menuactive {
	background:url(kuvat/bullet2.png) no-repeat ;
	background-position:10px 14px;
	padding:10px 0 10px 20px;
	font-weight:bold;
}

.content_left2 ul li .menuactive {
	
	font-weight:bold;
}




.content_left2 ul ul li a {
	background:url(kuvat/bullet.png) no-repeat ;
	background-position:20px 14px;
	display:block;
	color:#000;
	border-bottom: 1px solid #d2d2d2;
	padding:10px 0 10px 30px;
	list-style: none;
}



.content_left2 ul ul li a:hover {
	color: #be1717;
	text-decoration:none;
	background-color:#f2f2f2;
	
}

.content_left2 ul ul ul li a {
	background:url(kuvat/bullet.png) no-repeat ;
	background-position:40px 14px;
	display:block;
	color:#000;
	border-bottom: 1px solid #d2d2d2;
	padding:10px 0 10px 50px;
	list-style: none;
}



.content_left2 ul ul ul li a:hover {
	color: #be1717;
	text-decoration:none;
	background-color:#f2f2f2;
	
}




/*---------------------------- etusivun boksit ---------------------------*/



#boksit{ 
	
	width:920px;  
 	margin: 17px 30px 0 30px; 
 	float: left;
	border-bottom: 1px solid #ccc;
	padding-bottom:30px;
} 

#boksit .col{ 
	float:left;
	width:215px;
	margin-right:20px;

} 

#boksit .col2{ 
	float:left;
	width:215px;
	margin-right:0px;

} 

 

#boksit .col h2, #boksit .col2 h2{ 
	margin-top:5px;
	margin-bottom:0px;

} 

#boksit .col a, #boksit .col2 a{ 
	background:#02689d url(kuvat/btn_bg.png) repeat-x left top ;
	color:#fff;
	padding:5px 8px;
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
} 

#boksit .col a:hover, #boksit .col2 a:hover{ 
	background-image:none;
	
}













/*---------------------------- slideshow ---------------------------*/


#slideshow {
    	position:relative;
    	height:300px;
   	margin:0px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*---------------------------- banners ---------------------------*/
#banners {
    position:relative;
    height:0px;
   	margin:0px;
    
}
#banners>div {
    position: absolute;
    top:0;
    left:0;
    height:300px;
    width: 980px;
    background: #ffffff;
    display: none;
    opacity:0.0;
}

#banners>div.active {
    display: block;
    z-index:12;
    opacity:1.0;
}
#banners>div.last-active {
    z-index:11;
}

#banners .box {
    
}

#banners .bannerclose {
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px;
  cursor: pointer;
  padding: 3px;
}
#banners .bannerclose:hover {
  background-color: #0071AD;
}

#banner_buttons {
	
  height: 0px;
  width: 980px;
  position: relative;
  float: left;
}
#banner_buttons ul {
background: url(kuvat/banner_buttons.png) no-repeat left top ;
  margin: 0px ;
  text-align: left;
  position: relative;
  top: 0px;
  z-index: 100;
  list-style: none;
  display: block;
}
#banner_buttons ul li {
  display: inline-block;
  padding: 10px;
}
#banner_buttons ul li a {
  color: #ffffff;
  font-size: 14px;
}
#banner_buttons ul li a:hover {
  color: #161616;
}
/*---------------------------- slideshow2 ---------------------------*/


#slideshow2 {
    	position:relative;
    	height:100px;
   	margin:0px;
}

#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow2 IMG.last-active {
    z-index:9;
}



/*---------------------------- navigation ---------------------------*/

#navigation { 
	background:#0089bf url(kuvat/navibar_bg.png) repeat-x top left ;
	width:980px;
	display: block; 
	float: left; 
	height: 40px; 
	margin: 0 ; 
	overflow: hidden; 
}

.navispace { 
	padding-left:29px;

}

#navigation ul { 
	border-right: 1px solid #006b9f; 
	border-left: 1px solid #0a98cd;
	float: left; 
	height: 40px; 
	list-style-type: none; 
	text-align: left; 
}

#navigation ul li { display: inline; font: 14px Arial, Helvetica, sans-serif; height: 40px; }

#navigation ul li a { 
	border-right: 1px solid #0a98cd;
	border-left: 1px solid #006b9f; 
	float: left;
	display: block;
	color: #fff;
	font-weight: normal; 
	padding: 12px 22px 12px 22px; 
	text-decoration: none; 
}

#navigation ul li a:hover { background-color: #0071ad; border-right: 1px solid #0071ad; padding: 13px 22px 11px 22px; } 
#navigation ul li.active a,
#navigation ul li.active a:hover { background-color: #710b0b; border-right: 1px solid #0079ae; }



/*-----------Form Styles--------------*/


#header_right input {
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	border:1px #CCCCCC solid;
	padding:4px;
}





.form_item {
 /*border:1px #CCCCCC solid;*/
	height:auto;
}

.form_element {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	margin-left:0px;
	margin-top:8px;
	margin-bottom:8px;
	width:85%;
}

.form_element label {
	/*width:150px;*/
	padding:0px 10px 0px 0px;
	display: block;
	float: left;
	line-height: 22px;
	vertical-align: middle;
}
.form_element .check_label {
	/*width:150px;*/
	padding:0px 10px 0px 0px;
	float:none;
	display:inline;
	line-height: 22px;
	vertical-align: middle;
}
.form_element .radio_label {
	/*width:150px;*/
	padding:0px 10px 0px 0px;
	float:none;
	display:inline;
	line-height: 22px;
	vertical-align: middle;
}

.form_element select, .form_element input {
	/*width:150px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

.cf_fileinput{
	width:auto!important;
}

.delete_icon { float:right; /*border-left:1px #CCCCCC solid; padding:10px;*/}

.delete_icon1 { float:right; border-left:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; padding:10px;}

.button { text-align:center; border:none; margin-top:10px; }

.no_delete { border:none;}

.cf_button1 {
	width:70px!important;
}



.radio { width:20px!important;}

.float_left { float:left;}
.cfclear { clear:both; font-size:0px; line-height:0px;}

/*.width1 { width:571px;}*/


div.chronoform a {
color:#FFFFFF;
}


label {
width:100px;
display: block;
float:left;
padding-left:20px;

}

.form22 {
color: #000;
display: block;
width: 400px;
float:left
margin-left:100px;

}



.uutiset {
	border-bottom: solid 1px #d2d2d2;

}

.uutiset h3 {
	
	color:#008cce;
	font-family: Arial, Helvetica, sans-serif, Trebuchet MS;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	font-weight:normal;
	line-height:18px;
	padding-top:10px;
}

/*-----------Search Styles--------------*/
.search { height: 22px; }
.search label { width: auto; padding: 0px 5px 0px 0px; height: 22px; line-height: 22px; display: none; }

.search .search-input {
  height: 18px;
  line-height: 18px;
  display: inline;
  float: left;
  min-width: 150px;
}
.search .search-button {
 background:#02689d url(kuvat/btn_bg.png) repeat-x left top ;
  border: none;
  width: 62px;
  padding: 5px 8px;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  margin: 0px 0px 0 5px;
  display: inline;
  float: left;
  -moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
	
}





/*-----------Footer Sitemap--------------*/
#footer_links {
  width: 980px;
  margin: 0px auto;
  clear: both;
}
#footer_links .footer_column {
  display: inline-block;
  text-align: left;
  width: 225px;
  padding: 10px 10px;
  float: left;
}
#footer_links h2 {
  font-size: 14px;
  margin: 10px 0px 5px 0px;
  line-height: 14px;
}
#footer_links ul {
  list-style: none;
  display: block;
  text-align: left;
  margin-bottom: 15px;
}
#footer_links ul>li {
}
#footer_links a {
  height: 18px;
  line-height: 18px;
  color: black;
  font-weight: normal;
}
#footer_links a:hover {
  color: #afafaf;
}