* {
	outline:none;
}
body { 
margin: 0px; 
padding: 0px; 
background-color: #fff; 
text-align: center;
font-family:verdana, sans-serif;
font-size:11px;
line-height:15px;
color:#000; }

/* ie5mac \*/
body { background-color: #D6D6D6; background-image: url(img/bg.gif); background-repeat: repeat-x;}


#table1 {
border:1px;
border-style:solid;
border-color:#F7F3F7;
}

#table2 {
border:0px;
border-style:solid;
border-color:#F7F3F7;
}

#table3 {

border-bottom:1px;
border-right:1px;
border-left:0px;
border-top:0px;
border-style:solid;
border-color:#E5E5E5;
}
#table3 td {
border-bottom:0px;
border-right:0px;
border-left:1px;
border-top:1px;
border-style:solid;
border-color:#E5E5E5;
padding-top:3px;
padding-right:3px;
padding-bottom:3px;
padding-left:5px;
}

#table_referenssi{

width: 600px;
margin-left:20px;
}

#yhteystiedot{
margin-left:20px;}

.vihrea{
background-color:#EFEFEF;
}
.harmaa1{
background-color:#FAFAFA;
}

.harmaa2{
background-color:#EFEFEF;
}

#table4 {
border:1px;
border-style:solid;
border-color:#E3E3E3;
color:#666666;


}

#table4 p{
margin-left:5px;

}

#table6 {
border:1px;
border-style:solid;
border-color:#731810;
color:#666666
}

#table6 p{
margin-left:5px;

}

#table5 {
border:1px;
border-style:solid;
border-color:#E3E3E3;
}



/* HEADER */
  
 #y-ban { 
            width: 776px; 
            margin:auto; 
            height: 87px; 
            border:0px solid #000; 
            background: #fff;
            }

 #y-ban #d1 { 
            text-align: left; 
            float:left; 
            width:388px; 
            height: 62px; 
            }
      
 #y-ban #d1 #logo { 
            width:186px; 
            height:62px; 
            background: url(img/ambientia.gif); 
            }
		
 #y-ban #d1 #logo h1 { display: none; }
    
 #y-ban #d2 { 
            float:left; 
            width:388px; 
            height: 62px; 
            text-align:right; 
            font: normal normal 11px verdana, sans-serif; 
            color: #626262; 
			background-color: #fff;
            }
      
 #y-ban #d2 input.haku { 
            padding: 3px; 
            width: 130px; 
            background-color: #F1FAFF; 
            border:1px solid #CFCFCF;
            font: normal normal 11px verdana, sans-serif; 
            }
      
 #y-ban #d2 span.haku { padding-top: 8px; display:block; }
 #y-ban #d2 span.haku form { margin: 0px; padding-top: 5px; }
 #y-ban #d2 span.haku a { text-decoration: none; color: #626262; }
        
 #y-ban #d2 span.haku a img { 
            border: 0px; 
            width: 9px; height: 9px; 
            margin-right: 3px; margin-left: 6px; margin-top: 8px; 
            }

  #y-ban #d2 span.haku a.nappi img { width: 22px; height: 11px;}
   
  #y-ban #d3 { 
            clear:both; 
            position: relative; 
            width: 100%; 
            background: #F3F3F3;
            height: 25px; 
            text-align: left;
            }

#navi {
	position:absolute;
	top:0px;
	left:0px;
}

#navi ul { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; }
#navi ul li { 
            list-style-type: none; 
            display: inline; 
            margin-left: 20px; 
            }
          
#navi ul li a { 
            font: italic bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; 
            text-decoration: none; 
            color: #646464; 
            }
          
#navi ul li a:hover { text-decoration: underline; }

#navi ul li ul { display:none }

/* FOOTERS */
  
  
  #footeres #footeres2 address {
			visibility: hidden;
			
  			}
 div#footeras2  div#f1 address { visibility: hidden; }        

  #footeres { 
            clear: both; 
            font: normal bold 11px "Trebuchet MS", sans-serif; 
            border-top: 1px solid #c0c0c0; 
            width: 776px;
            margin:auto; 
            padding-top: 10px; 
            }

  /* ie5mac \*/
  #footeres { 
            padding-top: 0px;
            border: 0px solid #000; 
            width:100%; 
            height:54px; 
            background: #F1F1F1; 
            border-bottom: 3px solid #A7A7A7; 
            }

  #footeres #footeres2 { 
            width:776px; 
            margin: auto; 
            text-align: left; 
			      position: relative;
            
            }
	  #footeres #footeres2 #f1-fi { 
  padding-top: 9px; 
  float:left; 
  width: 388px; 
  font: italic bold 13px "Trebuchet MS", sans-serif; 
  letter-spacing: 0.02em; 
	background: transparent url(img/info-footer-FI.gif) 0px 10px no-repeat;
  }
  
 #footeres #footeres2 #f1-en { 
  padding-top: 9px; 
  float:left; 
  width: 388px; 
  font: italic bold 13px "Trebuchet MS", sans-serif; 
  letter-spacing: 0.02em; 
	background: transparent url(img/info-footer-EN.gif) 0px 10px no-repeat;
  }			
 #footeres #footeres2 a#ajoohjeet-fi, a#ajoohjeet-en{ 
			position: absolute; 
			left: 250px;
			top: 10px;
			border: 1px;
			display: block;
			background: transparent url(img/info-footer-ohje-FI.gif) 0px 15px no-repeat;
			width: 100px;
			height: 70px;
			text-indent: -10000px;
			text-decoration:none;
            }
			
a#ajoohjeet-en{
background: transparent url(img/info-footer-ohje-EN.gif) -2px 14px no-repeat;
}


			
  #footeres #footeres2 #f1 img{
  margin-top:4px;
  }
  #footeres #footeres2 #f1 #txtinfo{
  display:none;
  }
      
  #footeres #footeres2 #f2 { float:left; width: 388px; }
        
  #footeres #footeres2 #f2 div { 
            margin-top: 11px; 
            float:right; width:340px; 
            height: 32px; 
            display:block;
            background: url(img/digital.gif); 
            }
          
  #footeres #footeres2 #f2 div h4 { display: none; }

  #footeres, #footeras  { color: #575757; }
  #footeres  a, #footeras a { color: #575757; }  
  
  /* ALASIVUN ALATUNNISTE */          
  
  #footeras { 
    position:relative;
    width:100%; 
    height:33px; 
    background: #F1F1F1; 
    border-bottom: 3px solid #A7A7A7; 
    
    }
  
  #footeras #footeras2 { 
    position:relative;
    width:776px; 
    margin: auto; 
    text-align: left; 
    
    }
  

 
 /* kuvien sijoittaminen alasivun tunnisteeseen */ 
#footeras #footeras2 #f1  #astunniste-fi, #astunniste-en{
			position:absolute;
			height:30px;
			background: transparent url(img/info-footer-as-FI.gif) 0px 14px no-repeat;
   }
   #astunniste-en
{
		   background: transparent url(img/info-footer-as-EN.gif) 0px 14px no-repeat;

}
   
 #footeras #footeras2 a#ajoohjeet2-fi, a#ajoohjeet2-en{ 
			position: absolute; 
			left: 320px;
			top: 14px;
			border: 1px;
			display: block;
			height: 20px;
			background: transparent url(img/info-footer-as-ohje-FI.gif) 20px 0px no-repeat;
			width: 75px;
			text-indent: -10000px;
			text-decoration:none;
}
 
	
a#ajoohjeet2-en{
			background: transparent url(img/info-footer-as-ohje-EN.gif) 0px 0px no-repeat;
			width:97px;
}
 #footeras #footeras2 #f1 img{ 
 			margin-top:4px; }
 
 
 
#footeras #footeras2 #f1 #txtinfo { 
			display:none; }

#footeras #footeras2 #f2 { 
     position:absolute;
     right: 5px; 
     width: 270px; }
  
  #footeras #footeras2 #f2 div { 
    margin-top: 8px; 
    float:right; 
    width: 233px; height: 23px;
	display:block;
    background: url(img/digital-small.gif); 
    background-repeat: no-repeat; 
    }
  
  #footeras #footeras2 #f2 div h4 { display: none; }

  #footer2 { 
    clear:both;
    margin:auto; 
    width:776px; 
    text-align: left; 
    font: normal normal 11px verdana, sans-serif; 
    color: #fff;
    }

  #footer2 #p1 { 
    float:left; 
    width: 251px; height: 23px; 
    background-color: #711913; 
    margin-right: 11px; 
    color: #DC6056;
    }

  #footer2 #p1 span { margin-left: 10px; margin-top: 4px; display: block;}
  #footer2 #p1 span a { color: #DC6056; }
  #footer2 #p1 span a:hover { color: #fff; }
   
  #footer2 #p2 { 
            float:left; 
            width: 251px; height: 23px; 
            background-color: #004F7D; 
            margin-right: 12px;
            }

  #footer2 #p2 span { text-align:center; margin-top: 4px; display: block; color: #49A3D8; }
  #footer2 #p2 span a { color: #49A3D8; text-decoration:underline;}
  #footer2 #p2 span a:hover { color: #fff; }
    
  #footer2 #p3 { 
            float:left; 
            width: 251px; height: 23px; 
            background-color: #565656; 
            position: relative;
            }

  #footer2 #p3 span { 
            text-align:right; 
            margin-right: 10px; margin-top: 4px; 
            display:block; 
            color: #A5A5A5; 
            }
  
  #footer2 #p3 span a { color: #a5a5a5;  text-decoration:underline; }
  #footer2 #p3 span a:hover { color: #fff; }          

/* ETUSIVU */
  
  #imgban { 
            width: 100%; text-align:center; 
            height: 279px;
            overflow: hidden;
            background: #C1C1C1 url(img/bg-kuvio.gif); 
            clear:both; 
            background-repeat: no-repeat; 
          }
  
  #imgban .imglnk { width: 776px; height: 279px; }
  
  #imgban #kuva-fi { 
            clear: both; margin:auto; 
            border:0px solid #000;
            width: 776px; height: 279px; 
            } 
  
  #imgban #kuva-en {
            clear: both; margin:auto; 
            border:0px solid #000; 
            width: 776px; height: 279px; 
            background: url(/ap-pics/case_en.jpg); 
            } 
  
  #container-es { 
  width: 776px; 
  margin:auto; 
  text-align:left;
  font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
  font-size:11px;
  }
  
  #container-es #palsta-es { display: table; width: 776px; }
  #kuvateksti {
  }
 
 #kuvateksti td{
	color:#616161;
  }
  
  #tulosta {
  float: right;
  padding-right: 15px;
  }

  #tulosta img {
  margin:0px;
  padding:0px;
  }
  
  #tulosta p {
  margin:4px;
  padding:0px;
  }
  
  /* ie5mac \*/
  #container-es #palsta-es { background-image: url(img/bg-es-palsta.gif); background-repeat: repeat-y; }
  /* */
  
  #container-es #palsta-es #c1 { width: 261px; float:left; }
  #container-es #palsta-es #c2 { width: 261px; float:left; }
  #container-es #palsta-es #c3 { width: 250px; float:left; }
  .tankki { width: 220px; margin-left: 15px; display: block; }
  
  .tankki h2 { 
            color: #000; 
            font: italic normal 18px "Trebuchet MS", sans-serif; 
            margin: 15px 0px 0px 0px; 
			padding: 0px;
            }
  /* ie5mac \*/
  .tankki h2 { color: #fff; }
  /* */  
  .tankki p { font: normal normal 11px verdana, sans-serif; color: #000; padding-bottom: 15px;}
  /* ie5mac \*/
  .tankki p { color: #fff; }
  /* */
  .tankki a.pun { 
            font:  normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
            color: #fff; text-decoration: none; 
            background: #820E05; 
            padding-left: 5px; padding-right: 5px; 
			
            }

  .tankki a.pun:hover { background: #000; }
  
  .tankki a.sin { 
            font:  normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
            color: #fff; text-decoration: none; 
            background: #00588B; 
            padding-left: 5px; padding-right: 5px; 
            }

  .tankki a.sin:hover { background: #000; }
  
  .tankki a.har { 
            font:  normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
            color: #fff; text-decoration: none; 
            background: #545454; 
            padding-left: 5px; padding-right: 5px; 
            }

  .tankki a.har:hover { background: #000; }  

/* ALASIVU */ 


  #greyline { background: #fff; }
  #cbloom { background: #fff; }  

  /* ie5mac \*/
  #greyline { width: 100%; background: url(img/bg-as-line.gif); background-repeat: repeat-x;}
  #cbloom { width: 100%; background: url(img/bg-kuvio.gif); background-repeat: no-repeat; }  
  /* */ 

  #content-as {                
            position:relative;
            text-align:left; 
            margin: auto; 
            padding:10px;
            clear:both; 
            width:758px; 
            background: #fff;
            min-height: 600px;
        }
  /* \*/
  #content-as {
            background: #fff url(img/bg-as.gif);
            background-repeat: repeat-y;
            
			
     }
  /* */ 
  #xcontent-as { position: relative; }
  #content-as #a1 { 
            float:left; 
            width: 410px;
            padding-bottom: 40px;
			      padding-left: 20px; 
            }
	#content-as #a1-flow {
		padding: 0px 20px 0px 20px;
		}		

  #content-as #a1 span a, #page a { text-decoration: underline; color: #005C91; }
  #content-as #a1 span a:hover, #msg a:hover { text-decoration: underline; }

  #content-as #a1 ul { list-style-type: square; margin-left:40px; padding:0px;}
  #content-as #a1 ul li { font: normal normal 11px verdana, sans-serif; padding-bottom: 5px; }

  #content-as #a1 h2, #page h2 { 
            font: bold italic 24px arial, sans-serif; 
            color: #565656; 
            letter-spacing: -0.5px; 
            padding-top: 0px; 
            margin-left: 0px; 
            margin-bottom: 10px; 
            }

  #content-as #a1 h3, #page h3 { 
            font: bold italic 18px arial, sans-serif; 
            color: #565656; 
            margin-bottom: 10px;
            }

  #content-as #a1 h4, #page h4 { 
            font: normal bold 12px arial, sans-serif; 
            color: #565656; 
            margin-bottom: 10px;
            }

  #content-as #a1 ul.more  { 
            display: table; 
            list-style-type: none; 
            background: url(img/ul-bg.gif); 
            background-repeat: no-repeat; 
            padding-left: 30px; 
            margin: 0px;
            }

  #content-as #a1 ul.more li { display:inline;
}
  #content-as #a1 ul.more li a { 
            text-decoration: underline; 
            color: #005C91; 
            font: normal normal 11px verdana, sans-serif; 
            letter-spacing: 1px; 
            }

  #content-as #a1 ul.more li a:hover { text-decoration: underline; }
 
 
  #content-as p { margin:0px; padding:1em 0em; }
 
          
  #content-as #a2 { 
	overflow:hidden;
    float: left; 
    width: 308px; 
    padding-bottom: 30px;
	padding-left: 15px;
    }
  #content-as #a2 img { margin-right: 0px; }
  #content-as #a2 img.kuvapaikka { border: 4px solid #F3F3F3; margin-bottom: 20px; } 

/* alavalikko */

  #subnav { 
            font: normal normal 11px arial, sans-serif; 
            line-height: 18px; 
			width: 630px;
            }

  #subnav h4 { font: bold italic 14px verdana, sans-serif; color: #C3C3C3; margin: 0px; padding: 10px; }
  
  #subnav a { font: normal normal 11px verdana, sans-serif; color: #004F7D; text-decoration:none; }        
  
  #subnav ul { 
            padding: 10px;
            margin: 0; 
            }
  
  #subnav ul li { 
  			display: inline;
            margin-right: 15px;
            list-style-type: none; 
            color:#BC2A1F;
            }

  #subnav ul li a { 
            background: url(img/redbox.gif) no-repeat; 
            background-position: 0px 3px; 
            padding-left: 15px;
            }

  #subnav ul li a:hover { text-decoration: underline; }
  #subnav ul li ul { border: 0px; margin: 0px; padding: 0px; }
  #subnav ul li ul li { 
            padding: 0px 0px 0px 5px;
            list-style-type: none; 
            }

  #subnav ul li ul li a { 
            margin: 0px; padding-left: 15px;
            background: url(img/n-sin.gif) no-repeat; 
            background-position: 5px 3px;
            }

#page { 
            font: normal normal 11px verdana, sans-serif; 
            line-height: 18px; 
            margin:auto; display: table; 
            width: 736px; border:0px solid #000; 
            padding-top: 0px; padding-bottom: 40px;
			margin-left:20px;
            
            }

  #msg .kuvapaikka { 
            border: 4px solid #F3F3F3; 
            float: right;  
            margin: 0px 0px 15px 15px; 
            }

/* SEARCH */
  #pages { font: normal bold 11px verdana, sans-serif; }

  #search { padding-right: 20px; padding-left: 20px; padding-bottom: 40px; padding-top: 30px; }
  #search h2 { 
            font: bold italic 24px verdana, sans-serif; 
            letter-spacing: -0.5px; 
            color: #565656; 
            margin: 0px; 
			padding: 0px 0px 15px 0px; 
            }

  #search p, dl { font: normal normal 11px verdana, sans-serif; line-height: 18px; }
  #search a { color: #005C91; }

/* taulukot */

     table.tbl-yhteys { width: 100% ;}
     table.tbl-yhteys tr td  { font: normal normal 11px verdana, sans-serif; width: 40%; vertical-align: top;}
     
     .padding {
        padding:10px;
     }
     
/* haku */
#page a.num2 { text-decoration: none; font-weight: bold; color: black; }