/* YLEISET MÄÄRITTELYT ===================================================================================== */
div { margin:0px; padding:0px; }
table { margin:0px; padding:0px; border-collapse:collapse; }
p { margin:0px 0px 16px 0px; padding:0px; }
ul { margin:0px; padding-left:18px; }
li { margin:0px; }
img { border:none; }
object { outline:none; }
body,html { margin:0px; padding:0px; }
body {
	font-family:Arial,Helvetica; 
	font-size:13px; 
	color:#2e2e2e;
	background-color:#ffffff;
	background-image:url(../images/tausta4.png); background-repeat: no-repeat; background-position:top center;
	width:100%;
}
* { z-index:0; }

div.row { clear:both; }
div.par { float:left; }
h1 { font-size:25px; font-weight:normal; margin:0px 0px 25px 0px; padding:0px; color:#7f7f7f; }
h2 { font-size:19px; font-weight:normal; margin:0px 0px 10px 0px; padding:0px; color:#7f7f7f; }

#wrapper {
	width:986px;
	margin-top:15px;
	margin-left:auto; margin-right:auto;
}
#wrapper_inner {
	width:958px; 
	margin-left:auto; margin-right:auto;
	background-image:url(../images/content_bg.png);
}


/* ylälaita ------------------------------------------------------------------------------------------------ */

#header { position:relative; height:45px; width:100%; }
#logo       { position:absolute; left:40px;  top:14px; width:200px; }
#references { position:absolute; left:745px; top:0px; width:215px; height:50px; }
#referenssit_linkki { width:210px; height:48px; }

/* sisältö ------------------------------------------------------------------------------------------------- */

#content { clear:both; position:relative; z-index:1; }

/* footeri ------------------------------------------------------------------------------------------------- */

#footer { clear:both; position:relative; top:-30px; height:186px; background-image:url(../images/footer_background.png); }

#footercontact { font-size:11px; font-weight:bold; color:#c0c0c0; width:200px; vertical-align:bottom; }
#footercontact a { color:#c0c0c0; font-size:11px; font-weight:bold; text-decoration:none; }
#footercontact_block1 { position:absolute; top:71px; left:25px;  width:200px; }
#footercontact_block2 { position:absolute; top:85px; left:265px; width:200px; }
#footercontact_block3 { position:absolute; top:99px; left:485px; width:200px; }

#footermenu { position:absolute; left:670px; top:79px; width:300px; height:75px; }
#footermenu_contact    { height:23px; clear:both; text-align:right; }
#footermenu_references { height:28px; clear:both; text-align:right;}
#footermenu_language   { height:22px; clear:both; text-align:right;}





/* SIVUPOHJAKOHTAISET MÄÄRITTELYT ========================================================================== */



/* vain etusivulla ----------------------------------------------------------------------------------------- */
body.etusivu h2 { margin-bottom:1px; }
body.etusivu #content { height:670px; }
body.etusivu #flash                  { position:absolute; left:0px;   top:0px;   width:800px; height:420px; }
body.etusivu #asiantuntijat          { position:absolute; left:15px;  top:430px; width:450px; height:200px; }
body.etusivu #asiakkaamme_menestyvat { position:absolute; left:484px; top:430px; width:290px; height:177px; z-index:2; }
body.etusivu #asiakkaamme_menestyvat img { z-index:3; }
body.etusivu #clientpictures         { background-color:#E9E9E9; margin-top:3px; width:290px; height:177px; overflow:hidden; }
body.etusivu #clientpictures img     { border:1px solid #c0c0c0; margin-bottom:20px; }
body.etusivu #clientpictures_padding { padding:13px 0px 0px 16px; }
body.etusivu #nostot                 { position:absolute; left:800px; top:0px;   width:200px; height:640px; }
body.etusivu #nostot table { width:100%; height:100%; }
body.etusivu #nostot td { vertical-align:bottom; }
body.etusivu #nostot .container { clear:both; }

body.etusivu #asiantuntijat .picture { width:300px; }
body.etusivu #asiantuntijat .button { float:left; margin-bottom:4px; }
body.etusivu #asiantuntijat .button .buttontext { display:none; }
body.etusivu #asiantuntijat .button a { display:block; width:150px; height:89px; background-repeat: no-repeat; }
body.etusivu #asiantuntijat .button a:hover { background-position: 0px -89px; }
body.etusivu #jarjestelmaintegraatiot_button     { background-image:url(../images/etusivu/nappi_jarjestelmaintegraatiot2.png); }
body.etusivu #service_center_button              { background-image:url(../images/etusivu/nappi_service_center2.png); }
body.etusivu #eliiketoiminta_button              { background-image:url(../images/etusivu/nappi_e-liiketoiminta2.png); }
body.etusivu #verkkovideot_mainokset_button      { background-image:url(../images/etusivu/nappi_verkkovideot_mainokset2.png); }
body.etusivu #suunnittelu_ja_konseptointi_button { background-image:url(../images/etusivu/nappi_suunnittelu_ja_konseptointi2.png); margin-top:1px; }
// body.etusivu #jarjestelmaintegraatiot_button:hover     { background-image:url(../images/etusivu/etusivu_jarjestelma_tumma.png); }
// body.etusivu #service_center_button:hover              { background-image:url(../images/etusivu/etusivu_service_tumma.png); }
// body.etusivu #eliiketoiminta_button:hover              { background-image:url(../images/etusivu/etusivu_e_liike_tumma.png); }
// body.etusivu #verkkovideot_mainokset_button:hover      { background-image:url(../images/etusivu/etusivu_verkko_tumma.png); }
// body.etusivu #suunnittelu_ja_konseptointi_button:hover { background-image:url(../images/etusivu/etusivu_suunnitelu_tumma.png); }



/* vain case-sivuilla -------------------------------------------------------------------------------------- */
body.case #content_par1 { width:465px; padding-top:37px; margin-left:40px; }
body.case #content_par2 { width:450px; padding-top:15px; float:right; }

body.case #case_browser  { position:relative; width:100%; height:65px; }
body.case #previous_case { position:absolute; left:190px; top:0px; width:110px; height:65px; }
body.case #next_case     { position:absolute; left:340px; top:0px; width:110px; height:65px; }

body.case #tekstinosto { width:190px; height:180px; float:left; margin:2px 9px 9px 0px; }

body.case #pic_and_ref { position:relative; }
body.case #picture { position:absolute; left:0px; top:0px; z-index:1; width:300px; height:300px; }
body.case #refthumb { position:absolute; left:210px; top:170px; z-index:2; width:230px; height:145px; }



/* vain asiantuntijat-sivuilla ----------------------------------------------------------------------------- */

body.asiantuntijat #content    { width:960px; height:460px; margin-top:35px; }
body.asiantuntijat #heading    { margin-left:40px; }
body.asiantuntijat .box        { width:233px; height:138px; }
body.asiantuntijat #picture1   { width:225px; height:270px; }
body.asiantuntijat #picture2   { width:225px; height:130px; }
body.asiantuntijat #bigpicture { width:225px; height:270px; }
body.asiantuntijat #centertext { width:478px; height:140px; }

body.asiantuntijat #content {
	position:relative;
}
body.asiantuntijat #jarjestelmaintegraatiot     { position:absolute; left:0px;   top:40px;  }
body.asiantuntijat #verkkovideot_tv_mainokset   { position:absolute; left:0px;   top:180px; }
body.asiantuntijat #picture1                    { position:absolute; left:0px;   top:182px; }
body.asiantuntijat #service_center              { position:absolute; left:244px; top:40px;  }
body.asiantuntijat #centertext                  { position:absolute; left:242px; top:178px; color:#ffffff; background-image:url(../images/asiantuntijat/keskitekstin_tausta.png); line-height:135%; font-size:13px; }
body.asiantuntijat #centertext_inner				{ padding:18px 15px 15px 15px; }
body.asiantuntijat #suunnittelu_ja_konseptointi { position:absolute; left:244px; top:320px; }
body.asiantuntijat #picture2                    { position:absolute; left:487px; top:40px;  }
body.asiantuntijat #e_liiketoiminta             { position:absolute; left:488px; top:320px; }
body.asiantuntijat #bigpicture                  { position:absolute; left:733px; top:40px;  }
body.asiantuntijat #takaisin_etusivulle         { position:absolute; left:733px; top:320px; }
body.asiantuntijat #connector                   { position:absolute; display:none; background-image:url(../images/connector_bg.png); }




/* vain yhteystiedot-sivullla ------------------------------------------------------------------------------ */
/* body.yhteystiedot #heading { position:relative; top:-126px; left:26px; width:500px; height:50px; } */
body.yhteystiedot #content { margin-top:30px; }
body.yhteystiedot #heading { margin-left:40px; }
body.yhteystiedot #content_inner { 
	margin-left:12px; 
	padding-top:65px;
	background-image:url(../images/yhteystiedot/yhteystiedot_tausta2.gif); background-repeat:no-repeat;
	font-weight:bold;text-align:center;
	font-size:11px;
	line-height:150%;
}
body.yhteystiedot #content_inner table {
	margin-left:10px;
}
body.yhteystiedot #content_inner td {
	font-weight:normal;text-align:left;
}
body.yhteystiedot #content_par1 { width:290px; overflow:hidden; float:left; margin:0px 10px 0px 10px; }
body.yhteystiedot #content_par2 { width:290px; overflow:hidden; float:left; margin:0px 10px 0px 10px; }
body.yhteystiedot #content_par3 { width:290px; overflow:hidden; float:left; margin:0px 0px 0px 10px; }
body.yhteystiedot .lisaotsikko { display:none; font-size:16px; margin-bottom:10px; }
/* body.yhteystiedot #karttalinkki { position:relative; left:380px; top:-50px; width:130px; height:40px; } */




/* vain referenssit-sivullla ------------------------------------------------------------------------------- */
body.referenssit #content { margin-top:30px; }
body.referenssit #toprow { position:relative; height:50px; width:100%; }
body.referenssit #heading { position:absolute; left:40px; top:11px; width:195px; height:30px; }
body.referenssit #browserbar { position:absolute; left:602px; top:0px; width:334px; height:40px; }
body.referenssit #browserbar_clients { position:absolute; left:810px; top:16px; width:200px; }
body.referenssit #browserbar_clients select { width:110px; }
body.referenssit #browserbar_clients_linkit { display:none; }
body.referenssit #thumbnails { clear:both; margin-left:0px; margin-top:15px; }
body.referenssit #showreel { position:absolute; left:620px; top:0px; width:215px; }



/* vain referenssi-sivulla ------------------------------------------------------------------------------- */
body.referenssi { background-image:none;  }
body.referenssi #referenssi_wrapper { width:512px; margin:17px 0px 0px 17px; }
body.referenssi #teksti { margin-bottom:10px; margin-top:10px; }
body.referenssi #flash img { border:1px solid #e0e0e0; }
body.referenssi .lajinvalintakuva {
	border:1px solid #d0d0d0;padding:2px 0px 0px 2px;
}
.sm_poiminta_aktiivinen img {
	filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;border:1px solid #f0f0f0!important;
}
.referenssin_sormenpaa { 
	position:relative;
	float:left;
	width:288px; height:223px;
	margin-bottom:20px;
	margin-left:16px;
	margin-right:10px;
}
.referenssin_sormenpaa_symbolit {
	position:absolute;
	left:0px;
	top:0px;
	width:33px;
	height:220px;
}
.referenssin_sormenpaa_kuva {
	width:254px;
	height:149px;
}
.referenssin_sormenpaa_teksti {
	width:254px;
	height:71px;
}
.kuvajateksti {
	position:absolute;
	left:33px;
	top:0px;
	width:260px; /* 256px; */
	height:220px;
	background-color:#ffffff;
}



.referenssin_sormenpaa_inner {
	padding:3px;
}
.referenssin_sormenpaa a, .referenssin_sormenpaa {
	color:#484848;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
.referenssin_sormenpaa a {
	display:block;
}
.referenssin_sormenpaa .pallura {
	position:absolute;
	top:0px;
	left:60px;
}
body.referenssi #col1 {
	position:absolute;
	left:24px;
}
body.referenssi #col2 {
	margin-left:80px;
	width:512px;
}



/* vain nolla-sivulla ------------------------------------------------------------------------------- */
body.nolla { background-image:none;  }
body.nolla #nolla_wrapper { margin:14px 0px 0px 16px; }



/* vain tekstisivu-sivullla ------------------------------------------------------------------------------ */
body.tekstisivu #content { margin-top:30px; width:700px; }
body.tekstisivu #heading { margin-left:40px; }
body.tekstisivu #content_inner { 
	margin-left:42px; 
	padding-top:25px;
	font-size:13px;
	line-height:150%;
}
body.tekstisivu a, body.tekstisivu a:visited, body.tekstisivu a:active, body.tekstisivu a:link  {	
	font-family:Arial,Helvetica; 
	font-size:13px; 
	/*color:#2e2e2e;*/
	color:#006699;
	font-weight:normal;
	text-decoration:none;
}
body.tekstisivu a:hover {	
	text-decoration:underline;}