@import url('reset.css');
object { outline: none; }


body { background-repeat: repeat-x;
	background-color: #b4b4b4;
	background-image: url(../images/tausta_harmaa.jpg);
	background-position: left top;
	background-attachment:fixed;
	text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

#container {  z-index:5; position:relative; margin:0 auto; text-align:center; width:966px; } /* centered*/

#loader { z-index:-2; position:absolute; width:100%; height:28px; top:307px; left:0px; background-position:center; background-image:url(../images/loader.gif); background-repeat:no-repeat; }
#freedom_to_create { z-index:15; position:absolute; top:129px; left:0px;} 
#freedom_to_create_apply_page { z-index:7; position:absolute; top:194px; left:0px;} /* muuta leftin arvoa miinukselle jos haluat isomman kuvan ja keskitetysty*/

#bg_graphics { z-index:3; position:absolute; top:162px; left:-150px;}
#illustrations { z-index:7; position: relative; top:40px; height:80px;}
#top_part {z-index:5; position:absolute; float:left; top:0px; left:0px; width:966px; vertical-align:top; } 
#top_bg { z-index:4; position:absolute; float:left; top:0px; left:0px; width:100%; height:122px; background-image:url(../images/top_bg.gif); background-repeat:repeat-x; }
#arteles_logo{ z-index:7; position:absolute; float:left; top:15px; left:448px; vertical-align:top; }
#wings{ z-index:6; position:absolute; width:327px; height:30px; top:52px; left:319px; vertical-align:top; background-image: url(../images/wings.png); background-position: center; background-repeat: no-repeat; }
#wingline { z-index:5; position:absolute; width:100%; height:2px; top:81px; left:0px; vertical-align:top; background-image: url(../images/wingline.png); background-position: center; background-repeat: no-repeat; }
#navi_topright{ z-index:5; position:absolute; float:right; top:3px; right:2px; vertical-align:top; }
#fb_button{ z-index:5; position:absolute; float:right; top:25px; right:0px; vertical-align:top; }


#main_navigation{ z-index:5; position:absolute; width:966px; height: 20px; float:left; top:97px; left:0px; vertical-align:top; text-align:left;
/* firefox */ -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; 	
/* safari/chrome */ -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;	
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 3px; border-top-right-radius : 3px; border-bottom-left-radius : 3px; border-bottom-right-radius : 3px; 
}
#sub_navigation{ z-index:5; position:absolute; width:966px; height:30px; float:left; top:125px; left:0px; vertical-align:middle; text-align:left;}

#sub_navi_bg_blue{ z-index:5; position:absolute; width:966px; height:30px; float:left; top:125px; left:0px; vertical-align:middle; text-align:left; background-color: #51bed3; 
/* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; 	
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;	
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px; border-bottom-left-radius : 2px; border-bottom-right-radius : 2px; 
}
#sub_navi_bg_greyblue{ z-index:5; position:absolute; width:966px; height:30px; float:left; top:125px; left:0px; vertical-align:top; text-align:left; background-color: #66afcd;	 
/* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; 	
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;	
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px; border-bottom-left-radius : 2px; border-bottom-right-radius : 3px; 
}
#sub2_navigation{
	z-index: 5;
	position: absolute;
	width: 966px;
	height: 14px;
	float: left;
	top: 161px;
	left: 0px;
	vertical-align: top;
	text-align: left;
}
#sub2_navi_bg_blue{ z-index:5; position:absolute; width:966px; height:25px; float:left; top:156px; left:0px; vertical-align:top; text-align:left; background-color: #8ed5e2;	 
/* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; 	
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;	
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px; border-bottom-left-radius : 2px; border-bottom-right-radius : 3px; 
}

#content_vertical_level1 { z-index:5; position:absolute; margin:0 auto; float:left; width:966px; text-align:left; top:134px;}
#content_vertical_level2 { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:168px;}
#content_vertical_level3 { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:194px;}
#content_vertical_frontpage { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:575px;}
#content_vertical_with_main_image { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:493px;}
#content_vertical_with_creative_center { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:448px;}
#content_vertical_with_main_image_residency { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:468px;}
#content_vertical_with_main_image_acrp { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:200px;}
#content_vertical_with_main_image_sae { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:623px;}
#content_vertical_with_main_image_b2b { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:617px;}
#content_vertical_2weekresidency { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:194px;}
#content_vertical_over_main_image { z-index:5; position:absolute; float:left; width:966px; text-align:left; top:465px;}

#footer { z-index:5; position:relative; float:left; width:966px; height:94px; text-align:left; }

#frontpage_image { z-index:4; position:absolute; margin:0 auto; float:left; text-align:left; top:132px;}
#main_image { z-index:4; position:absolute; margin:0 auto; float:left; text-align:left; top:156px;}
#main_image_sub { z-index:4; position:absolute; margin:0 auto; float:left5; text-align:left; top:182px;}

#1column { z-index:5; position:relative; float:left; width:234px; text-align:left; }
#between_column { z-index:5; position:relative; float:left; width:10px; text-align:left; }

#catalogue {background-color:#FFF; }
.columntitle { z-index:5; vertical-align:top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: none; text-align: left; width: 234px; 
background-color: #fff; 
 /* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px;
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px;
}
.columntitle_nobg { z-index:5; vertical-align:top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border: none; text-align: left; width: 234px;  }

.whitebox1palsta {
 z-index:5; background-color: #FFFFFF; vertical-align:top; border: none; width: 222px;
 padding-top: 6px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px;
 font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal;
 /* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px;
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px;
  }

.whitebox2palsta {
 z-index:5; background-color: #FFFFFF; vertical-align:top; border: none; width: 466px;
 padding-top: 6px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px;
 font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal;
  /* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px;
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px;
}

.whitebox3palsta {
 z-index:5; background-color: #FFFFFF; vertical-align:top; border: none; width: 710px;
 padding-top: 6px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px;
 font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal;
  /* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px;
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px;
}


.whitebox3palstasolo {
 z-index:5; background-color: #FFFFFF; vertical-align:top; padding-top: 6px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; border: none; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal; width: 710px;
/* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; 
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;	
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px; border-bottom-left-radius : 2px; border-bottom-right-radius : 2px; 
}

.pelkkanavikuva {
 z-index:5; background-color: #FFFFFF; vertical-align:top; border: none;  width: 222px;
 padding-top: 6px; padding-right: 6px; padding-bottom: 3px; padding-left: 6px;
 font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal;
/* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; 	
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;	
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px; border-bottom-left-radius : 2px; border-bottom-right-radius : 2px; 
}

.between {
 z-index:5; vertical-align:top;
 width: 10px;
}

.betweenpysty {
 z-index:5; vertical-align:top;
 height: 16px;
}

.betweentxtkuvat { z-index:5; background-image:url(../English/images/between_bg.gif); background-position:left; background-repeat:repeat-y; border-top: 17px; border-top-color:#FFFFFF; border-top-style: solid; border-bottom: 16px; border-bottom-color:#FFFFFF; border-bottom-style: solid; vertical-align:top; width: 1px;
}





.logotxt {z-index:5; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: center; line-height: 16px; font-weight: normal; text-align:center; vertical-align:top; }
.list { z-index:5; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: center; line-height: 22px; font-weight: normal; text-align:left; vertical-align:top; }
.logo { z-index:5; color: #333333; text-align:center; vertical-align:bottom; }

.textbox1 { z-index:5; background-color:#FFFFFF; width:210px; padding-top: 12px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal;
/* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.textbox2 {
	z-index:5; background-color:#FFFFFF; width:454px; 
	padding-top: 12px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px;
	font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal;
/* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.textbox2_beta {
	z-index:5; background-color:#FFFFFF; width:478px; 
	padding-top: 12px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px;
	font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal;
/* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.textbox3 {
	z-index:5; background-color:#FFFFFF; width:698px;
	padding-top: 20px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px;
	font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal;
/* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.news { z-index:5; background-color:#FFFFFF; padding-top: 12px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal;
/* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.iframe { z-index:5; background-color:#FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width:210px; height:182px; }

.news_iframe { z-index:5; background-color:#FFFFFF; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal; height:300px; }

.textbox_titlestart { z-index:5; background-color:#FFFFFF; padding-top: 18px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif;
	color: #333333; text-align: left; line-height: 16px; font-weight: normal; width: 454px;
/* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.textbox2palsta { z-index:5; background-color:#FFFFFF; padding-top: 12px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif;
 color: #333333; text-align: left; line-height: 16px; font-weight: normal; width: 454px;
/* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */  border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.textbox2palstaajakuvat { z-index:5; background-color:#FFFFFF; padding-top: 12px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px; 
   font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 16px; font-weight: normal; width: 463px;
   /* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.vasennavitextbox { z-index:5; background-color:#FFFFFF; padding-top: 12px; padding-right: 12px; padding-bottom: 16px; padding-left: 12px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; color: #555; text-align: left; line-height: 18px; font-weight: bold;
   /* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.kuva_txt_1palsta { z-index:5; background-color: #FFFFFF; vertical-align:top; padding-top: 6px; padding-right: 6px; padding-bottom: 0px; padding-left: 6px; border: none; text-align: left; width: 222px;
}

.kuva1palsta { z-index:5; background-color: #FFFFFF; vertical-align:top; padding-top: 6px; padding-right: 6px; padding-bottom: 12px; padding-left: 6px; border: none; font-size: 10px; font-family: Verdana, Helvetica, sans-serif; color: #333333; text-align: left; line-height: 12px; font-weight: normal; width: 222px;
/* firefox */ -moz-border-radius-topright:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-top-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-top-right-radius : 2px; border-bottom-left-radius : 2px; border-bottom-right-radius : 2px;
}

.values { z-index:5; background-color: #CFF; padding-top: 10px; padding-right: 6px; padding-bottom: 10px; padding-left: 6px; font-size: 11px; font-family: Verdana, Helvetica, sans-serif; font-style:italic; color: #000; text-align: center; line-height: 16px; font-weight: normal;
/* firefox */ -moz-border-radius-topleft:2px; -moz-border-radius-topright:2px; -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px; 	
/* safari/chrome */ -webkit-border-top-left-radius:2px; -webkit-border-top-right-radius:2px; -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;	
/* ie9, future proofing for whatever browser that support this attribute */ border-top-left-radius : 2px; border-top-right-radius : 2px; border-bottom-left-radius : 2px; border-bottom-right-radius : 2px; }

.imagespaceunder { z-index:5; vertical-align:top; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;
/* firefox */ -moz-border-radius-bottomleft:2px; -moz-border-radius-bottomright:2px;
/* safari/chrome */ -webkit-border-bottom-left-radius:2px; -webkit-border-bottom-right-radius:2px;
/* ie9, future proofing for whatever browser that support this attribute */ border-bottom-left-radius : 2px; border-bottom-right-radius : 2px; }

.imagespaceontop { z-index:5; vertical-align:top; padding-top: 12px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.imagespaceonright { z-index:5; vertical-align:top; padding-top: 0px; padding-right: 8px; padding-bottom: 0px; padding-left: 0px; }
.images_inside_text { z-index:5; vertical-align:top; padding-top: 3px; padding-right: 8px; padding-bottom: 5px; padding-left: 0px;}
.images_inside_text2 { z-index:5; vertical-align:top; padding-top: 3px; padding-right: 8px; padding-bottom: 5px; padding-left: 0px; float: left;}

.txtbold { z-index:5; font-weight:bold; color:#252525; }
.huom { z-index:5; font-weight:bold; color: #69D200; }
.huom2 { z-index:5; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #69D200; }
.huom3 { z-index:5; font-weight:bold; color: #FF0004; }
.date { z-index:5; font-weight:normal; color: #999; font-size:9px; }
.dateright { z-index:5; float: right; font-weight:normal; color: #999; font-size:9px;	}
.footertxt { z-index:5; font-weight:normal; color: #666; font-size:9px; text-align:right; float:right; line-height:14px; }
.kuvatxt { z-index:5; font-weight:normal; color: #999; font-size:9px; float:right; }
.titles { z-index:5; font-weight:normal; color: #666; font-size:10px; }
.bigotsikko { z-index:5; font-family: Arial, Helvetica, sans-serif; font-size:20px; letter-spacing:-1px; line-height:24px; font-weight: bold; color: #888; }
.bigotsikko_title { z-index:5; font-family: Arial, Helvetica, sans-serif; font-size:32px; letter-spacing:-1px; line-height:32px; font-weight: bold; color: #252525; }
.bigotsikko_title2 { z-index:5; font-family: Arial, Helvetica, sans-serif; font-size:24px; letter-spacing:-1px; line-height:22px; font-weight: bold; color: #252525; }
.subotsikko { z-index:5; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; font-weight:bold; color: #252525; }
.subotsikko_smaller { z-index:5; font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:22px; font-weight:bold; color: #252525; }
.subotsikkoitalic { z-index:5; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; font-weight:bold; font-style:italic; color: #252525; }
.subotsikkoitalic2 { z-index:5; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:22px; font-weight:normal; font-style:italic; color: #252525; }
.subotsikko2 { z-index:5; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color: #3cf; }
.subotsikko3 { z-index:5; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color: #09F; }
.ingressi { z-index:5; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height: 22px; font-weight:normal; color: #252525; }
.quote { z-index:5; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; font-weight:normal; font-style:italic; color: #888; }
.list { z-index:5; font-weight:normal; color:#252525; list-style-type:disc; line-height:18px;  }
.luettelo { padding-left:20px; }
.month { z-index:5; font-family:Arial, Helvetica, sans-serif; font-size:23px; line-height:15px; letter-spacing:1px;  font-weight:bold; font-style:italic; color:#FFF; }


a { text-decoration: none; outline: none; font-weight:bold; color: #666; }
a:hover { background-color:#252525; color:#FFF; }
a:active { color: #FFF; }

.graphicbuttons a{ background:none; text-decoration:none; outline:none; }	
.graphicbuttons a:hover { background:none; text-decoration:none; outline:none; }
.graphicbuttons a:active { background:none; text-decoration:none; outline:none; }

#main_navigation a{ background:none; text-decoration:none; outline:none; }	
#main_navigation a:hover { background:none; text-decoration:none; outline:none; }
#main_navigation a:active { background:none; text-decoration:none; outline:none; }

#sub_navigation a{ background:none; text-decoration:none; outline:none; }	
#sub_navigation a:hover { background:none; text-decoration:none; outline:none; }
#sub_navigation a:active { background:none; text-decoration:none; outline:none; }

#sub2_navigation a{ background:none; text-decoration:none; outline:none; }	
#sub2_navigation a:hover { background:none; text-decoration:none; outline:none; }
#sub2_navigation a:active { background:none; text-decoration:none; outline:none; }

#slideshow { z-index:5; margin: 0px; position: relative; width: 710px; height: 289px; padding: 0px; }
#slideshow > div { z-index:5; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

#form_message {  z-index:5; border-color:#CCC; background-color: #fff; height:200px; margin-top:5px; width:448px; font-size:12px; color: #333; text-align:left; vertical-align:top; font-family: Arial; float:left; line-height:14px; }
#form_submit { z-index:5; border:none; font-size:12px; font-weight:bold; color:#fff; background-color: #0CF; text-align: center; float:left; margin-top:5px; }

/*
	Slideshow
*/

#slides { position:relative;
	top:156px;
	left:0px;
	z-index:4;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:966px;
	overflow: hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:966px;
	height:332px;
	display:block;
}

.slides_container a img {
	display:block;
	
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:144px;
	left:12px;
	width:16px;
	height:43px;
	display:block;
	z-index:98;
}

#slides .next {
	left:936px;
}

/* COLLABSIBLES */

/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #E9F0F2;
  cursor: pointer;
  padding: 16px;
  width: 100%;
    border: none;
  text-align: left;
  outline: none;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 18px; line-height:22px;
  font-weight:bold;
  color: #252525;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #E6EDEF;
}

/* Style the collapsible content. Note: hidden by default */

.content_collapse {
    padding: 0px 15px 0px 15px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.collapsible:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: 252525;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}




/* Tooltip container */
.tooltip {
    position: relative;
    border: none;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family: Verdana, Helvetica, sans-serif; color: #666; text-align: left; line-height: 16px; font-weight: normal;
	}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 160px;
    background-color: #E9F0F2;
    color: #252525;
    text-align: left;
    padding: 5px 7px 7px 10px;
    border-radius: 4px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    top: 0px;
	margin-left: -119px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}



/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;

}
.tooltip:hover {
	cursor: crosshair;
	font-family: Verdana, Helvetica, sans-serif; color: #aaa; text-align: left; line-height: 16px; font-weight: normal;
	}

/* zoom image */
.zoom {
    transition: transform .3s; /* Animation */
    margin: 0 auto;
	background-color: #FFFFFF;
	border: 5px;
	border-color: #FFFFFF;
}

.zoom:hover {
    transform: scale(1.6);
	border: 5px;
	border-color: #FFFFFF;
	/* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	
	
}