/* Cool 2010 01 */

img {border:0;}
	img, td, input, div {behavior: url(iepngfix.htc);}	
	
/* common */
body 	{margin:0; padding:0; font-family:arial,sans-serif; color:#000000; font-size:10pt;
		background:url(images/bg_site_cool_c.jpg) top center no-repeat #cf1219;}

td 		{vertical-align:top; text-align:left; font-family:arial,sans-serif; color:#000000; font-size:10pt;}
.top1	{background:#ffffff; height:1px;}
.side1	{background:#ffffff; width:1px;}

/* identity */
#header		{width:970px; height:113px; background:url(images/site_head_bg_cool.gif) top left no-repeat #000000;}
		#containHead {position:relative; width:970px; height:113px;}
		#headLogo	 {position:absolute; left:570px; top:0px; border:1px solid #cc00000;}
#content	{background:url(images/bg_site_mainarea_b.jpg) top left no-repeat #cccccc;
				height:1020px;} /* korkeus */
#footer		{width:970px; height:120px;
				background:url(images/site_bg_footer.gif) top left no-repeat #ffffff;}
#bottomLine {width:970px; height:1px; background:#cccccc;}				

/* content */
#containerMain {position:relative; width:970px; height:1020px;} /* korkeus */
	/* vasen palsta */
	#areaLeft {position:absolute; width:390px;
				top:30px; left:30px;
				color:#000000; z-index:15;}
	/* oikea palsta*/
	#areaRight {position:absolute; width:490px; color:#000000;
				top:30px; left:450px;
				z-index:30;}
				
		/* vdi + um case linkit*/
	#linkButtons {position:absolute; width:400px; top:280px; left:20px; z-index:16; display:none; }
		/* palvelinkuva + 3 buttonia*/
	#palvelinMalli {position:absolute; width:380px; height:350px; top:410px; left:40px; z-index:100;  display:none; }
		#containMalli {position:relative; width:380px; height:350px;}
		
			#kuvaPalvelin {position:absolute; top:70px; left:200px; width:137px; height:340px; z-index:10;}
			#buttonA {position:absolute; top:0px; left:0px; width:222px; height:104px; z-index:15;}
			#buttonB {position:absolute; top:111px; left:0px; width:222px; height:104px; z-index:20;}
			#buttonC {position:absolute; top:222px; left:0px; width:222px; height:104px; z-index:25;}
		
	/* hp mobile*/
#mobile { position:absolute; bottom:50px; right:0px; width:541px; height:613px; z-index:1;}

	/* yritysinfo */
	#infoYritys {position:absolute; bottom:30px; left:40px; width:370px; font-size:8pt; z-index:45;}
	
/* seminaariohjelma */
.ohjelA 	{float:left; width:60px; margin-bottom:8px;}
.ohjelB 	{float:left; width:300px; margin-bottom:8px;}

.listItem {background:url(images/bullet_list2.gif) top left no-repeat;
			padding-left:16px;
			margin-top:3px; margin-bottom:7px;
			display:block;}

/* uusi ohjelma */			
#ohjelmaTaso {position:absolute; top:360px; left:30px; width:390px;}
.ohjTdA {background:url(images/ohjelma_a.gif) top left no-repeat #ffffff;
			padding:8px 4px 12px 12px;
			border-left:1px solid #bdbdbd;}
.ohjTdB {background:url(images/ohjelma_a.gif) top left no-repeat #ffffff;
			padding:8px 12px 12px 6px;
			border-left:0px solid #ffffff;
			border-right:1px solid #848484;}
.ohjTdC {height:1px; background:#848484;;}

/* --------------------------------------------------------------- */			
			
/* VDI layer */
#vdi 		{position:absolute; top:15px; left:18px; width:936;px; height:600px; z-index:200; display:none;}	/**/
	#vdiKuva {background:url(images/vdi_taulu.png) top left no-repeat; width:936px; height:640px;}
	#vdiContain {position:relative; width:936px; height:640px; font-size:8pt;}
		#hpText1 {position:absolute; top:110px; left:36px; width:270px;  }
		#hpText2 {position:absolute; top:276px; left:36px; width:270px; }
		#hpText3 {position:absolute; top:355px; left:36px; width:270px; }
		#hpText4 {position:absolute; top:480px; left:36px; width:270px; }
		
		#msText1 {position:absolute; top:80px; left:607px; width:310px; }
		#msText2 {position:absolute; top:162px; left:607px; width:310px; }
		#msText3 {position:absolute; top:275px; left:607px; width:310px;}
		#msText4 {position:absolute; top:370px; left:607px; width:310px;}
		#msText5 {position:absolute; top:494px; left:607px; width:310px;}
		
		#vdiSulje {position:absolute; bottom:30px; left:36px; width:150px; font-size:10pt; font-weight:bold;}
/* lomake */
		.kenA {float:left; width:185px; background:url(images/asterisk.gif) top right no-repeat; margin-bottom:4px;}
		.kenB {float:left; width:215px; margin-bottom:4px;}
			.kenttaA {width:215px; background:#ffffff;
				border-top:1px solid #000000;
				border-right:1px solid #ffffff;
				border-bottom:1px solid #ffffff;
				border-left:1px solid #000000;
				}
		.kenC {float:left; width:220px; margin-bottom:4px;}
		.kenD {float:left; width:180px; margin-bottom:4px;}
			.kenttaB {width:180px; background:#ffffff;
				border-top:1px solid #000000;
				border-right:1px solid #ffffff;
				border-bottom:1px solid #ffffff;
				border-left:1px solid #000000;
				}


/* footer */
#containFooter {position:relative; width:970px; height:120px; font-size:8pt;}
	#footerLogo		{position:absolute; width:193px; height:80px; top:22px; left:25px; }
	#footerYhteysA	{position:absolute; width:90px; height:60px; top:30px; left:300px; display:none;}
	#footerYhteysB	{position:absolute; width:120px; height:60px; top:30px; left:280px; display:none; }
	#footerYhteysC	{position:absolute; width:190px; height:60px; top:30px; left:420px;  display:none;}
		#footerMs		{position:absolute; width:110px; height:66px; top:25px; right:280px; z-index:15;}
		#footerHp		{position:absolute; width:113px; height:91px; top:15px; right:140px; z-index:10;}
		#footerXeon		{position:absolute; width:61px; height:90px; top:15px; right:35px; z-index:5;}
	
/* td, div {border:1px solid #cc0000; } */
	
	
/* -------------------------------------- */