/* CSS Document */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #acacac;
	margin: 0px;
	padding: 0px;
	height: 100%;
	display: block;
}

body.inner {
	/*background-image: url('/images/bodybg.jpg');*/
}

a {
	outline: none;
}

img {
	border: 0px;
}
td { vertical-align: top; }
html {
	margin: 0px;
	padding: 0px;
	border: none;
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}
form {
    margin: 0px;
    padding: 0px;
}
div#frame {
   /* position: absolute;*/
    margin: 0px;
	padding: 0px;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    background-image: url('/images/bg.jpg');
	background-repeat: repeat-y;
	/*background-position: 0px 0px;*/
    width: 1116px; /*1116px; 1479px;*/
}
div.outerFrame{
	background-image: url(/images/footerslise.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

body.inner div#frame {
	background-image: url('/images/framebg.jpg');
}
#logo {


	background-image: url('/images/logo.jpg');
	background-repeat: no-repeat;
	width: 213px;
	height: 147px;
	margin: 0px;
	display: block;
	
	
}
#usko {
	background-image: url('/images/usko.jpg');
	background-repeat: no-repeat;
	display: block;
	position: relative;
	width: 341px;
	height: 74px;
	margin: 42px 0px 0px 41px;


}
.addhtisDiv {
	position: absolute;
	margin-top: -30px;
	margin-left:186px;
}

.subscribeDiv {
	position: absolute;
	margin-left:186px;
    margin-top:-60px;
}

#viim-tyot {
	background-image: url('/images/viim-tyot.jpg');
	background-repeat: no-repeat;
	display: block;
	position: relative;
	width: 261px;
	height: 32px;
	margin: 12px 0px 0px 41px;

}

#left {
	position: relative;
	height:100%;
	width:213px;
	float:left;
	background-color: #eeeded;

	/*background-image: url('/images/palkit.jpg');
	background-repeat: repeat;*/
	
}

#center {
	background-color:#FFFFFF;
	height:100%;
	min-height: 800px;
	width:574px;
	position: relative;
	height:100%;
	float:left;
    /*overflow: hidden;*/
	
}

#right {
	width:233px;
	position: relative;
	height:100% !important;
	float:left;
	
	background-color: #eeeded;
	border-right: 1px solid #d7d6d6;
	/*background-image: url('/images/palkit.jpg');
	background-repeat: repeat;*/
}

#yhteystiedot {

	margin: 25px 0px 3px 0px;
	height: 50px;
	width: 233px;
	display: block;
	background-image: url('/images/yhteyst.jpg');
	background-repeat: no-repeat;
}
/*#yhteystiedot-1 {
	z-index: 15;
}*/
#ajankohtaista {

	margin: 3px 0px 3px 0px;
	height: 50px;
	width: 233px;
	display: block;
	background-image: url('/images/ajankoht.jpg');
	background-repeat: no-repeat;


}



#totta {
	background-image: url('/images/totta.jpg');
	background-repeat: no-repeat;
	display: block;
	position: relative;
	width: 242px;
	height: 32px;
	margin: 12px 0px 0px 41px;

}

#left-bottom {

	position: relative;
    margin: 0px;
    height: 100%;
	display:block;

}

#linnut {
	position: absolute;
	margin-left: 1069px;
    margin-top: 30px;
	width:244px;
	height:218px;
	
	background-image: url('/images/linnut.png');
	background-repeat: no-repeat;
	background-position: center top;
	
}

#lintu {
	position: absolute;
    margin-left: 960px;
	width:95px;
	height:84px;
	z-index: 6;
	background-image: url('/images/lintu.png');
	background-repeat: no-repeat;
	background-position: center top;
	
}

/*
#showreel_bg {
	margin: 0px;
	padding: 0px;
	position: relative;
	width:213px;
	height:243px;
	background-image: url('/images/showreel_bg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}*/

#ota_yhteytta {
	position: absolute;
	/*margin: 47px 0px 0px 70px;*/
    top: 67px;
    left: 92px;
	width:148px;
	height:165px;
	background-image: url('/images/ota_yhteytta.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index:1;
	display: block;
	
	
}

#kukka {
	
	/*position: absolute;
	margin:auto;
	margin-bottom:145px;*/
	position: absolute;
	bottom: 145px;
	width:254px;
	height:316px;
	z-index: 6;
	background-image: url('/images/kukka.png');
	background-repeat: no-repeat;
	background-position: center top;
}

#menestysmittari {

	position: relative;
    margin:42px 0px 0px 41px;
	width:374px;
	height:74px;
	background-image: url('/images/menestysmittari.gif');
	background-repeat: no-repeat;
	background-position: center top;

}

#hyvatiimi {

	position: relative;
    margin:16px 0px 0px 41px;
	width:361px;
	height:32px;
	background-image: url('/images/hyvatiimi.gif');
	background-repeat: no-repeat;
	background-position: left top;

}
#kotkassa {

	position: relative;
    margin:25px 0px 15px 0px;
	width:259px;
	height:28px;
	background-image: url('/images/kotkassa-tyosk.gif');
	background-repeat: no-repeat;
	background-position: left top;

}
#kuvassa {
	position: absolute;
    margin:50px 0px 0px 324px;
	width:263px;
	height:447px;
	background-image: url('/images/kajava.jpg');
	background-repeat: no-repeat;
	background-position: left top;


}

#kouherot {
	position: absolute;
    margin:0px;
	z-index: 1;
	width:213px;
	height:258px;
	overflow: visible;
	background-image: url('/images/kouherot.jpg');
	background-repeat: no-repeat;
	background-position: left top;


}


/*
#tehoa, #tehoa2 {
	display: block;
	position: absolute;
	top: 93px;
	left: 379px;
	width: 651px;
	height: 147px;
	background: url('/images/vaieikosetehoa.png') no-repeat;
	margin: 0px;
	z-index: 6;
}
*/
/*
#showreel {
	display: block;
	position: absolute;
	top: 200px;
	left: 859px;
	width: 165px;
	height: 165px;
	margin: 0px 0px 0px 0px;
	background: url('/images/showreel.png') no-repeat;
	background-position: top left;
	z-index: 7;
}
#showreel:hover {
	background-position: bottom left;
}
*/
div#container {
	/*padding: 155px 59px 0px 59px;*/
	/*padding: 147px 0px 0px 0px;*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
/*
div#footer_fp {
	width: 998px;
	height: 228px;
	background: url('/images/footerbg.jpg') no-repeat;
	position: absolute;
	bottom: 0px;
	z-index: 7;
}*/
#menu {
	position:relative;
	margin: 0px 0px 0px 0px; /* 537 */
	width: 213px; /* 437px */
	height: 176px;
	padding-left: 0px;
}
#menu a {
	display: block;
	/*float: left;*/
	height: 44px;
	margin: 0px;
    padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#menu a:hover {
	background-position: 0px -44px;
}
#menu .mItem1 {width: 213px;background-image: url('/images/btn_etusivu.jpg');}
#menu .mItem2 {width: 213px;background-image: url('/images/btn_palvelut.jpg');}
#menu .mItem3 {width: 213px;background-image: url('/images/btn_yritys.jpg');}
#menu .mItem4 {width: 213px;background-image: url('/images/btn_referenssit.jpg');}
#menu .mItem4_clear {width: 213px;background-image: url('/images/btn_referenssit_clear.jpg');}
#menu .selected {
	background-position: 0px -44px;
}

div.reference{
	width: 164px;
	height: 190px;
    background-image: url('/images/reference_bg.png');
    float:left;
    margin: 0px 5px 5px 0px;
    /*z-index:66;*/
}

#references {
	width: 554px;
	height: 243px;
}
#references span.title {
	
	font-size: 18px;
	
}
#references .arrow_left {
	width: 25px;
	height: 203px;
	float: left;
}
#references .arrow_right {
	width: 25px;
	height: 203px;
	float: left;
}
#references .arrow_left a, #references .arrow_right a {color:#ffffff;}
#references .ref_content {
	width: 504px;
	height: 300px;
	display: block;
	overflow: hidden;
	float: left;

}
#references .ref_content .image {
	float: left;
	width: 239px;
	height: 182px;
	/*border-right: 1px solid #6e6e6e;*/
}
#references .ref_content .text {
    margin-top:30px;
	float: left;
	width: 220px;
	height: 182px;
    color: #636466;
	margin-left: 20px;
}
#references .arrow_left a, #references .arrow_right a {
	margin-top: 120px;
	display: block;
	width: 25px;
	height: 36px;
	background-position: 0px 0px;
}
#references .arrow_left a {background: url('/images/arrow_left.jpg') no-repeat;}
#references .arrow_right a {background: url('/images/arrow_right.jpg') no-repeat;}
#references .arrow_left a:hover {background-position: 0px -36px;}
#references .arrow_right a:hover {background-position: 0px -36px;}
#references .quote {
	font-style: italic;
	/*font-weight: bold;*/
	font-size: 12px;
}

#d {
	width: 998px;
	height: 177px;
	position: absolute;
	top: 0px;
	left: 0px; /*59px;*/
	z-index: 10;
}
#d .d_p1 {
	float: left;
	width: 400px;
	height: 153px;
	background-image: url('/images/d_bg.png');
}
#d .d_p1 .dataamo_img {width: 187px; height: 36px; background: url('/images/dataamo.gif') no-repeat; margin: 61px 0px 0px 17px; }
#d .d_p2 {
	float: left;
	width: 180px;
	height: 153px;
	background-image: url('/images/d_bg.png');
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #fefefe;
}
#d .d_p3 {
	float: left;
	width: 277px;
	height: 153px;
	background-image: url('/images/d_bg.png');
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #fefefe;
	text-align: right;
}
#d .d_p4 {
	float: left;
	width: 141px;
	height: 153px;
	background-image: url('/images/d_bg.png');
}
#d .d_hide {
	display: block;
	clear: both;
	width: 105px;
	height: 24px;
	margin-left: 866px;
	background-image: url('/images/d_hide.png');
	background-repeat: no-repeat;
	z-index: 11;
	cursor: pointer;
}
#d .textfield {
	background-color: #808080;
	border: 1px solid #c1c1c1;
	width: 176px;

	padding: 1px 3px;
	color: #ffffff;
}
#d .button {
	display: block;
	float: right;
	width: 86px;
	height: 27px;
	background-image: url('/images/d_login.jpg');
	background-repeat: no-repeat;
	z-index: 11;
	cursor: pointer;
}
a, a:link, a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #381b9b;
	/*text-decoration: none;*/
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
div.line1, div.line2 {
	height: 16px;
	background-image: url('/images/line1.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 9px;
}
div.line2 {
	height: 9px;
	margin-bottom: 5px;
}
div.bulletin .date {
	font-weight: bold;
}

div.bulletin {

	margin-top:15px;
}
div.bulletin span.date { float: left; margin-right: 4px; }

div.bulletin span.date { float: left; }
div.top div.bulletin { padding: 0 55px; }
img.bulletinarrow  { float: right; position: absolute; right: 0px; top: 50px; }

div.top span.date { display: none; }

.p3 div.bulletin_text {
	display: none;
}
.p1 {
	width: 380px;
	height: 130px;
	padding-left: 25px;
}

div.content_fp {
	height: 280px;
	margin: 0px 25px 0px 10px;
	margin-bottom: 228px;
}
.p2 {
	width: 234px;
	height: 250px;
	float: left;
	margin-left: 14px;
	margin-top: 10px;
}
.p3 {
	width: 183px;
	height: 270px;;
	/*float: right;*/
	margin-top: 10px;
}
.p4 {
	width: 615px;
	float: left;
}
.p4 p {
	width: 455px;
}
#right div.content {
	font-size:11px;
	color: #ff7600;
	padding: 0px 25px 0px 25px;
	margin-bottom: 20px;
}
#right div.content p {
	margin: 12px 0px 0px 0px;
}

#right div.content a {
	font-size:11px;
	color: #ff7600;
	text-decoration: underline;
}
#right div.content a:hover {
	text-decoration: none;
}
#center div.content {
	font-size:12px;
	color: #636466;
	padding: 0px 25px 0px 41px;
	margin-bottom: 20px;
	margin-top: 50px;
	
}
#center div.admin {	
	font-size:12px;
	color: #636466;
	padding: 0px 25px 0px 41px;
	margin-bottom: 20px;
	margin-top: 100px;
	
}

#center div.content a {
	color: #381b9b;
	/*text-decoration: none;*/
}
#center div.content p {
	margin: 12px 0px 0px 0px;
}

#center div.content a {
	/*font-size:12px; */
	color: #381b9b;
	text-decoration: none; 
}
#center div.content a:hover {
	text-decoration: underline; 
}

div#footer {
	clear: both;
	margin-top: 0px;
	margin-left: 0px;
	width: 1116px; /*1116px; 1479px;*/
	height: 171px;
	/*position: absolute;*/
	left: 0px; /*59px;*/
	bottom: 0px;
	z-index: 1;
	background-image: url(/images/footer.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
div#fatfooter-1 a {
	font-size: 11px;
	font-family: Arial;
	color: #ffffff;
	text-decoration: none;
}

div#fatfooter-1 a:hover {
	text-decoration: underline;

}



#henkilot {
	float: left;
	width: 313px;
	margin-top: 10px;
}
.henkilotiedot, .henkilotiedot_selected {

	padding:10px 0px 6px 0px; 
	height:27px; 
	width: 318px; 
	border-bottom: 1px #58544f dotted;
	
}
.henkilotiedot_selected {
	background-color: #eaeaea;
}

#henkilot .palsta1 {
	float: left;
	width: 170px;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
}
#henkilot .palsta2 {
	float: right;
	width: 128px;
	margin: 0px;
	white-space: nowrap;
}

#henkilot_kuva {
	position: absolute;
    margin:50px 0px 0px 344px;
	/*width:263px;
	height:447px;*/
	
	float: left;
	height: 445px;
	width: 236px; /*193px;*/
	/*margin-top: 10px;
	margin-left: 20px;*/
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*
.henkilot_info {
	float: left;
	height: 476px;
	width: 325px;
}
*/

/* palvelut -sivu */

/*
div.palvelut_menu {
	height: 180px;
	float: left;
	text-align: left;
}
div.palvelut_menu a.webC {
	display: block;
	width: 143px;
	height: 147px;
	background: url('/images/p_webContent.jpg') no-repeat;
	background-position: 0px 0px;
	margin-left: 38px;
}
div.palvelut_menu a.webC:hover {background-position: 0px -147px;}
div.palvelut_menu a.showC {
	display: block;
	width: 144px;
	height: 172px;
	background: url('/images/p_showContent.jpg') no-repeat;
	background-position: 0px 0px;
	margin-left: 37px;
}
div.palvelut_menu a.showC:hover {background-position: 0px -172px;}
div.palvelut_menu a.eLearningC {
	display: block;
	width: 195px;
	height: 149px;
	background: url('/images/p_eLearningContent.jpg') no-repeat;
	background-position: 0px 0px;
	margin-left: 32px;
}
div.palvelut_menu a.eLearningC:hover {background-position: 0px -149px;}
div.palvelut_menu a.adC {
	display: block;
	width: 116px;
	height: 170px;
	background: url('/images/p_adContent.jpg') no-repeat;
	background-position: 0px 0px;
	margin-left: 34px;
}
div.palvelut_menu a.adC:hover {background-position: 0px -170px;}

p.palvelukuvaus, p.hyodyt {
	margin: 0px;
	padding: 5px 0px 0px 75px;
}
p.hyodyt {
	letter-spacing: 1px;
	line-height: 20px;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
div.solutions {
	margin: 25px 0px 0px 75px;
	position: relative;
}
div.askmore {
	width: 168px;
	height: 64px;
	background: url('/images/kysylisaa_bg.jpg') no-repeat;
	margin: 16px 0px 0px 30px;
	padding: 41px 0px 0px 37px;
}

div.askmore a {
	display: block;
	width: 113px;
	height: 30px;
	margin: 0px;
}
div.webContent_menu div.askmore a {background: url('/images/btn_kysylisaa_webC.gif') no-repeat;background-position: 0px 30px;}
div.webContent_menu div.askmore a:hover {background-position: 0px 0px;}
div.showContent_menu div.askmore a {background: url('/images/btn_kysylisaa_showC.gif') no-repeat;background-position: 0px 30px;}
div.showContent_menu div.askmore a:hover {background-position: 0px 0px;}
div.eLearningContent_menu div.askmore a {background: url('/images/btn_kysylisaa_eLearningC.gif') no-repeat;background-position: 0px 30px;}
div.eLearningContent_menu div.askmore a:hover {background-position: 0px 0px;}
div.adContent_menu div.askmore a {background: url('/images/btn_kysylisaa_adC.gif') no-repeat;background-position: 0px 30px;}
div.adContent_menu div.askmore a:hover {background-position: 0px 0px;}

div.solutions .webContent_menu, div.solutions .showContent_menu, div.solutions .eLearningContent_menu, div.solutions .adContent_menu {
	float: left;
	width: 256px;
	padding-top: 15px;
}
div.solutions .webContent_menu a {color: #9ca406;}
div.solutions .showContent_menu a {color: #f9ad1d;}
div.solutions .eLearningContent_menu a {color: #f76874;}
div.solutions .adContent_menu a {color: #390e83;}

div.solutions .menu {
	height: 48px;
	margin-top: 25px;
	position: relative;
}
div.solutions .menu a {
	display: block;
	float: left;
	width: 49px;
	height: 48px;
	margin: 0px;
	margin-left: 19px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}
div.solutions .menu a span {
	display: none;
	position: absolute;
	left: -15px;
	top: 50px;
	z-index:15;
}*/

/*
div.solutions .menu a:hover {
	background-position: 0px -48px;

}
div.solutions .menu a:hover span {
	display: inline;
}
div.solutions a.mItem1 {color: #9ca406;background: url('/images/btn_webContent.jpg') no-repeat;margin-left: 1px; }
div.solutions a.mItem2 {color: #f9ad1d;background: url('/images/btn_showContent.jpg') no-repeat; }
div.solutions a.mItem3 {color: #f76874;background: url('/images/btn_eLearningContent.jpg') no-repeat; }
div.solutions a.mItem4 {color: #390e83;background: url('/images/btn_adContent.jpg') no-repeat; }
div.solutions a.selected {background-position: 0px -48px; }
*/


/* referenssit */

div.ref_row, div.ref_pagenums {
	height: 105px;
	width: 458px;
	background-image: url('/images/line2.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}
div.reference .thumbnail {
    height:147px;
    width:157px;
}

div.reference .link {
    width:157px;
	height: 36px;
	margin: 0px;
    position:relative;
	/*padding-left: 5px;*/
	overflow: hidden;
    z-index:11;
}
a.ref_link ,a.ref_link:visited {
   text-decoration:none;
   font-family: Arial; 
   color: #ffffff !important;
   font-weight:bold;
   font-size:11px;
}
div.reference .link a:hover {
   text-decoration:none !important;
}


div.editable_ref_row {
	height: 60px;
    margin-top:5px;
	width: 550px;
	background-image: url('/images/line2.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

div.editable_thumbnail {
	float: left;
	margin: 2px 0px;
	overflow: hidden;
}
div.editable_ref_row .editable_link {
	float: left;
	width: 248px;
	height: 20px;
	margin: 19px 0px 15px 0px;
	padding-left: 12px;
	overflow: hidden;
}
div.editable_ref_row .editable_icons {
	float: left;
	width: 136px;
	height: 33px;
	margin: 10px 0px;
}
/**** image layer ***/

a.img_prevbtn {
	width: 70px;
	height: 27px;
	float: left;
	background: url('/images/arrow_left.jpg') no-repeat;
	background-position: 0px 0px;
	padding: 9px 0px 0px 30px;
}
a.img_nextbtn {
	width: 90px;
	height: 27px;
	float: right;
	background: url('/images/arrow_right.jpg') no-repeat;
	background-position: 75px 0px;
	padding: 9px 0px 0px 10px;
}
.arrow_left {
    float:left;
    width:25px;
}
.arrow_right{
    float:right;
    width:25px;
}
div.arrow_left a, div.arrow_right a {
	margin-top: 135px;
	display: block;
	width: 25px;
	height: 36px;
	background-position: 0px 0px;
}
div.arrow_left a {background: url('/images/arrow_left.jpg') no-repeat;}
div.arrow_right a {background: url('/images/arrow_right.jpg') no-repeat;}
div.arrow_left a:hover {background-position: 0px -36px;}
div.arrow_right a:hover {background-position: 0px -36px;}


.imaget {
	width: 10000px;	
	height: 100%;
}

.img_content {
    display:block;
    float:left;
   /* height:300px;*/
    overflow:hidden;
    width:576px;
	height: 300px;
}

.imageLayer {
    display:block;
    float:left;
    margin-left:8px;
    width:576px;
	text-align: center;
  
}

.imageContainer {
    height: 300px;
}
/* end of image layer *****/


div.ref_pagenums {
    float:none;
    clear:both;
	background-image: none;
	height: 36px;
	margin-top: 14px;
}
div.ref_pagenums a.ref_prevbtn {
	width: 70px;
	height: 27px;
	float: left;
	background: url('/images/arrow_left.jpg') no-repeat;
	background-position: 0px 0px;
	padding: 9px 0px 0px 30px;
}
div.ref_pagenums a.ref_nextbtn {
	width: 90px;
	height: 27px;
	float: right;
	background: url('/images/arrow_right.jpg') no-repeat;
	background-position: 75px 0px;
	padding: 9px 0px 0px 10px;
}
div.ref_pagenums a.ref_prevbtn:hover {background-position: 0px -36px;}
div.ref_pagenums a.ref_nextbtn:hover {background-position: 75px -36px;}
div.ref_pagenums div#links {
    padding: 10px 0px 0px 0px;
    text-align: center;
    float: left;
    width: 258px;
}
div.ref_pagenums div#links a {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: underline;
}
div.ref_pagenums div#links a:hover {
    text-decoration: none;
}
div.ref_pagenums div#links a.selected { font-weight: bold; text-decoration: none; }
div.ref_pagenums div#links a.blank { font-weight: normal; }
div.ref_pagenums a, div.ref_row a {outline: none;}



div.layer {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display: none;
	left: 0px; /*174px;*/
	top: 0px; /*440px;*/
	position: absolute;
	width: 457px;
	z-index: 15;
	
}

div.layer .top {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	width: 457px;
	height: 40px;
	background: url('/images/layer_top.png') no-repeat scroll 0 0;
	
}
/*
div.layer .title {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	width: 300px;
	height: 18px;
	margin: 25px 0px 0px 55px;
}*/
div.layer .b_content {
	/*height: 200px;*/
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	padding: 0px;
	padding-left: 55px;
	background: transparent url('/images/layer_arrow.png') no-repeat scroll 572px 0;
	background-position: 88px 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	/*z-index:80;*/
	


}


div.layer .bottom {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	width: 457px;
	height: 23px;
	background: url('/images/layer_bottom.png') no-repeat scroll 0 0;
	
	
	
}
div.layer .close {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display: block;
	float: right;
	margin: 22px 17px 0px 0px;
	width: 71px;
	height: 23px;
	background: url('/images/btn_close.jpg') no-repeat scroll 0 0;
	background-position: 0px 0px;
	
	
}

div#otayhteyttalayer .close, div#rekrylayer .close {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display: block;
	float: right;
	margin: 28px 23px 0px 0px;
	width: 71px;
	height: 23px;
	background: url('/images/layer_close.png') no-repeat;
	background-position: 0px 0px;
	z-index: 20;
}
div#otayhteyttalayer .close:hover, div#rekrylayer .close:hover {
	background-position: 0px -23px;
}

/*
div.layer .close {
	display: block;
	float: right;
	margin: 26px 19px 0px 0px;
	width: 64px;
	height: 24px;
	background: url('/images/layer_close.jpg') no-repeat;
	background-position: 0px 0px;
}
div.layer .close:hover {
	background-position: 0px -24px;
}
*/
div.layer2 {
	position: absolute;
	left: 240px;
	top: -41px;
	width: 629px;
	z-index: 55;
}
div.layer2 .top { width: 629px;height:28px;background: url('/images/layer_top.png') no-repeat; }
div.layer2 .middle { width: 629px;background: url('/images/layer_middle.png') no-repeat; clear:both; height:260px; }
div.layer2 .bottom { width: 629px;height:30px;background: url('/images/layer_bottom.png') no-repeat; }
div.layer2 .text {
	clear: both;
	padding: 12px 78px 20px 67px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
div.layer2 div.title {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #838383;
	font-weight: bold;
	float: left;
	padding-left: 67px;
	line-height: 22px;
}
div.layer2 .close, div#reflayer .close {
	display: block;
	float: right;
	margin: -3px 17px 0px 0px;
	padding: 0px;
	width: 71px;
	height: 23px;
	background: url('/images/layer_close.png') no-repeat;
	background-position: 0px 0px;
}
div.layer2 .close:hover, div#reflayer .close:hover {
	background-position: 0px -23px;
}


#otayhteyttalayer {
	position: absolute;
	left: 0px;
	top:150px;
	width: 930px;
	z-index: 20;
}
#otayhteyttalayer .content {
	min-height: 200px;
}
#otayhteyttalayer .content a {
    font-size: 11px;
}
#rekrylayer {
	position: absolute;
	left: 0px;
	top:150px;
	width: 930px;
	z-index: 20;
}

.otayht_top {
	width: 930px;
    height:55px;
	z-index: 30;
	background-image: url(/images/layer.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.otayht_middle {
	width: 930px;
	min-height: 200px;
	background-image: url(/images/layer.png);
	background-repeat: no-repeat;
	background-position: 0px -200px;
}
/*.otayhteyttaTaulu td {
}
.otayhteyttaTaulu p {
	width: 150px;
	z-index: 4;

}
.otayhteyttaTd1 p, .otayhteyttaTd2 p, .otayhteyttaTd3 p {
	width: 150px;
	z-index: 4;
}
.otayhteyttaTd1 img, .otayhteyttaTd2 img, .otayhteyttaTd3 img {
	right: 0px;
	top: 0px;
	position: absolute;
	margin-top: 0px;
	/*z-index: 3;*/
}*/
.otayhteyttaTd1 a, .otayhteyttaTd2 a, .otayhteyttaTd3 a {
	font-size: 11px;


}

/*.otayhteyttaTd2 img { 
	margin-right: -5px;
}*/

.otayhteyttaTd3 {
	margin-left: 5px;
	
}
.otayhteyttaTd1  {
	font-size: 11px;
	width: 276px;
	position: relative;
	padding-top: 20px;
	float: left;
	
}
.otayhteyttaTd2  {
	font-size: 11px;
	width: 276px;
	position: relative;
	padding-top: 20px;
	float: left;
	
}
.otayhteyttaTd3  {
	font-size: 11px;
	width: 276px;
	position: relative;
	padding-top: 20px;
	float: left;
	
}
.otayht_bottom {
	width: 930px;
    height:36px;
	background-image: url(/images/layer.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


		
div#reflayer {
    position: absolute;
    left: 310px;
    top: -41px;
    width: 723px;
    z-index: 55;
}
div#refLayerContent {
    /*clear: both;*/
    /*padding: 25px 70px 0px 67px;*/
	padding: 5px 0px 0px 37px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #636466;
	
	overflow: hidden;
    height: 600px;
	width: 650px;
}
div#refLayerContent .otsikko {
	font-weight: bold;
}
div#reflayer .top {
    width: 752px;
    height:30px;
    background: url('/images/layer_top_ref.png') no-repeat;
    /*width: 723px;
    height:31px;
    background: url('/images/layer_ref_b_t.png') no-repeat;*/
}
div#reflayer .bottom {
    width: 752px;
    height:18px;
    background: url('/images/layer_bottom_ref.png') no-repeat;
    margin-left:0px;
    /*width: 723px;
    height:20px;
    background: url('/images/layer_ref_b_b.png') no-repeat;*/
}
div#refLayerMiddle {

    background: url('/images/layer_middle_ref.png') repeat-y;
	height:635px;
    width: 752px;
	position: relative;
    /*background-image: url('/images/layer_ref_b_m.png');
	background-repeat: repeat-y;
	height:595px;
    clear:both;
    width: 723px;
	position: relative;*/
}
div#scrollbar_track {	
	position:absolute;
    top:30px;
    right:22px;	
    height:600px;
    width:13px;
    background-color:#fdc174;
    cursor:move;
}
div#scrollbar_track2 {	
	position:absolute;
    top:52px;
    left:422px;	
    height:202px;
    width:13px;
    background-color:#fdc174;
    cursor:move;
}
div#scrollbar_handle {
    width:13px;
    background-color:#444444;
    cursor:move;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    opacity:0.9;
 
}
/*div#refLayerMiddle img {
	padding: 0px 0px 0px 10px;
}*/

div.contactLayer {
	position: absolute;
	left: 32px;
	top: 200px;
	width: 938px;
	z-index: 12;
}
div.contactLayer .top {    width: 938px;height:25px; background: url('/images/contact_l_top.png') no-repeat; }
div.contactLayer .middle { width: 938px;height:513px;background: url('/images/contact_l_middle.png') repeat-y; clear:both; }
div.contactLayer .bottom { width: 938px;height:38px; background: url('/images/contact_l_bottom.png') no-repeat; }

div.contactLayer .text {
	clear: both;
	padding: 0px 25px 20px 67px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
}
div.contactLayer .title {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-left: 0px;
	line-height: 22px;
}
div.contactLayer .close {
	display: block;
	float: right;
	margin: 0px 0px 0px 0px;
	width: 64px;
	height: 24px;
	background: url('/images/layer_close.jpg') no-repeat;
	background-position: 0px 0px;
}
div.contactLayer .close:hover {
	background-position: 0px -24px;
}

div.contactLayer .form {
	width:507px;
	margin-left:162px;
	height: 28px;
}
#contactForm .left, #rekryForm .left {
	float:left;width:150px;text-align:right;
	margin-top:6px;
}
#contactForm .right, #rekryForm .right {
	float:left;width: 252px;text-align:left;
	padding-left: 5px;
}
#contactForm .textfield, div.hostingForm .textfield, #rekryForm .textfield {
	margin-top:6px;
	border: 1px solid #9c9c9c;
	width: 252px;
	background-color: #e0e0e0;
}

#contactForm .submit, #rekryForm .submit {
	float:right;
	cursor: pointer;
	width: 72px;
	height: 23px;
	border: none;
	margin: 0px;
	padding: 0px;
	z-index:20;
	background-image: url(/images/laheta.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contactForm .submit:hover, #rekryForm .submit:hover {
	background-image: url(/images/laheta.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

}
div.contactLayer .msg {
	color: #ff3333;
}

div.hostingForm div.form {
	width:700px;
	margin-left:10px;
	height: 28px;
}
div.hostingForm div.title {
	font-weight: bold;
	margin: 16px 0px 16px 0px;
}
div.hostingForm .left {
	float:left;width:200px;text-align:right;
}
div.hostingForm .right {
	float:left;width:370px;text-align:left;
	padding-left: 5px;
}

.referenssikuva {float: right;}

/*div#scrollbar_container {
    position: relative;
    width: 588px;
}*/

/*div#scrollbar_content {
    overflow:hidden;
    height: 420px;
}*/
.nitrologo {
	position: absolute;
	right: 32px;
	margin-top: 5px;
	
	
}

#ref_otsikko {
	margin:42px 0px 0px 41px;
	width:323px;
	height: 68px;
	background: url('/images/ref_otsikko.gif') no-repeat;
}
#ref_valiotsikko_1 {
	margin:16px 0px 0px 41px;
	width:227px;
	height: 24px;
	background: url('/images/ref_valiotsikko_1.gif') no-repeat;

}
#ref_lajittelu {
	margin: 15px 0px 15px 0px;
	width:480px;
	height: 65px;
   
}
#ref_kaikki {
	float:left;
	margin-right: 10px;
	font-size:16px
}
a.lajittelu {
    text-decoration: none !important;
	height: 20px;	
	line-height: 30px;

}
a.active {
	color:#ff7600 !important;

}
a.lajittelu:hover {
    text-decoration:underline !important;
}


#ref_kaikki {float:left;margin:0px 10px 0px 0px;padding:0px;}
#ref_brandi {float:left;margin:0px 10px 0px 0px;padding:0px;}
#ref_markkinointi {float:left;margin:0px 10px 0px 0px;padding:0px;}
#ref_presentaatiot {float:left;margin:0px 10px 0px 0px;padding:0px;}
#ref_verkkosivustot {float:left;margin:0px 10px 0px 0px;padding:0px;}
#ref_historiikit {float:left;margin:0px 10px 0px 0px;padding:0px;}
#ref_elearn {float:left;margin:0px 10px 0px 0px;padding:0px;}
#ref_verkkokaupat {float:left;margin:0px 10px 0px 0px;padding:0px;}


.content_news {
	/*padding-top:100px;	*/
}


.err {
	border: 1px solid #FF0000 !important;
}

#henkilostolista_johto  table {width:316px;}
#henkilostolista_kotka  table {width:316px;}
#henkilostolista_lpr  table {width:316px;}
#henkilostolista_kouvola  table {width:316px;}

#henkilostolista_johto  tr.over, #henkilostolista_kotka tr.over, #henkilostolista_lpr  tr.over, #henkilostolista_kouvola  tr.over {
    background-color: #ededed;
}
#henkilostolista_johto  tr.out, #henkilostolista_kotka tr.out, #henkilostolista_lpr  tr.out #henkilostolista_kouvola tr.out {
    background-color: #ffffff;
}

#henkilostolista_johto td {
	padding: 7px 0px 5px 0px;
	background: url('/kuvat/henkilot_spacer.jpg') no-repeat bottom;
}
#henkilostolista_kotka td {
	padding: 7px 0px 5px 0px;
	background: url('/kuvat/henkilot_spacer.jpg') no-repeat bottom;
}
#henkilostolista_lpr td {
	padding: 7px 0px 5px 0px;
	background: url('/kuvat/henkilot_spacer.jpg') no-repeat bottom;
}
	
#henkilostolista_kouvola td {
	padding: 7px 0px 5px 0px;
	background: url('/kuvat/henkilot_spacer.jpg') no-repeat bottom;
}

.henkilokuvaimg {
    width:205px;
   position: absolute;
   right: 0px;
   top: 0px;
}

.henkilostolaatikko {
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.henkilostolaatikko p {
	margin: 0px !important;
	padding: 0px !important;
}

.alaloota {	
	width: 258px;
	height: 20px;
	background-image: url(/images/harmaaloota.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

}
.harmaaloota {
	margin-left:42px;
	width: 258px;
	background-image: url(/images/harmaaloota.jpg);
	background-repeat: no-repeat;
	background-position: left top;
 }

	
.harmaaloota p {
	padding: 0px;
	margin: 0px;
	margin-left: 25px !important;
	margin-right: 20px !important;
	margin-top: 20px !important;
	line-height: 20px;
}	
#henkilokuva {
	margin-left: 10px;
	height: 300px;
}
a.pilv1 {font-size: 12px;}
a.pilv2 {font-size: 14px;}
a.pilv3 {font-size: 22px;}
a.pilv4 {font-size: 18px;}

#otayht_6-1153 p, #otayht_4-1155 p, .otayhtOtsikko p {
	margin: 0px !important;
	padding: 0px !important;
}
.otayhtOtsikko {
	margin-left:42px;
	width: 271px;
	height: 81px;
}

#palvelut_text {
    line-height:13px;

}

#palvelut_text a {
    line-height:13px;

}

.btn_newsletter {

    margin-left:5px; 
    float:left; 
    width:121px; 
    height:18px;
    font-size:9px !important;

}

.matsku {
	width: 10000px;	
	height: 300px;
}

.etusivuRef {
	display: block;
	margin: 10px 5px 10px 10px;
	width: 530px;
	float: left;
}
.my-glider {
	height:161px;
margin-top:10px;
overflow:hidden;
position:relative;
	height: 300px;
	width: 560px;
}
.my-glider a {	
	text-decoration: none;
}
.my-glider a:hover {	
	text-decoration: underline;
}
.astyytvaisyyslomake {
	width: 520px;
}

.perustelut {
	width: 300px;
	float: left;
	font-size: 11px;
}
.asteikko {
	width: 140px;
	float: left;
	text-align: right;
	padding-top: 15px;
	padding-right: 10px;
	font-size: 11px;
	line-height: 20px;
}
.texta {
	width:350px;
	 height:100px;
	background-color:#E0E0E0;
border:1px solid #9C9C9C;
}
.kys_otsikko {
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

.osio_otsikko {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.astyytvaisyyslomake hr {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 1px;
	border: 1px solid #EDEDED;	
}
.astyytvaisyyslomake .nimi, .astyytvaisyyslomake .yritys {
	padding-bottom: 5px;
	padding-top: 5px;
}
.nimi input, .yritys input {
	margin-left: 20px;
	float: left;
	background-color:#E0E0E0;
border:1px solid #9C9C9C;
}
.nimi .otsikko, .yritys .otsikko {
	width: 20px;
	float: left;
}
.astyytvaisyyslomake .radiob {
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	margin-left: 5px;
}

.rivi {
margin: 0px;
padding: 0px;

 }
 label {
 margin: 0px;
 padding: 0px;
 	 line-height: 10px;
	 }
 .matsku .editable {height: 250px;}

#henkilosto_johto_content .cms_editicon, #henkilosto_kouvola_content .cms_editicon, #henkilosto_kotka_content .cms_editicon, #henkilosto_lpr_content  .cms_editicon {
    z-index: 5;
}