.bodybg{
background:#666666;
color:#000;
margin:0px;
padding:0px;
font-family:arial;
}
.bottomright	{ background-image: url(./layout/bottomright.jpg); background-repeat: no-repeat; background-position: right bottom; padding: 0px 25px 32px 26px; text-align:left; }
.rightfade	{ background-image: url(./layout/rightfade.jpg); background-repeat: repeat-y; background-position: top right; }
.bottom	{ background-image: url(./layout/bottomfade.jpg); background-repeat: repeat-x; background-position: bottom; }
.bottomleft	{ background-image: url(./layout/bottomleft.jpg); background-repeat: no-repeat; background-position: bottom left; }
.leftfade	{ background-image: url(./layout/leftfade.jpg); background-repeat: repeat-y; background-position: left top;}
.topfade	{ background-image: url(./layout/topfade.jpg); background-repeat: repeat-x; background-position: top left;  background-color: white;}
.topright	{ background-image: url(./layout/topright.jpg); background-repeat: no-repeat; background-position: top right ; margin-right: auto; margin-left: auto;}
.topleft	{ background-image: url(./layout/topleft.jpg); background-repeat: no-repeat; background-position: left top;}
.wrapper{
width:990px;
margin:auto;
text-align:center;
background:#fff;
}
.intro{
background:#003f8f url(./layout/artekno_logo.jpg) bottom center no-repeat;
height:190px;
text-align:right;
}

.langselect{
padding:8px;
}
.archive{
padding-right:8px;
}
.archive a {
color:#fff;
text-decoration:none;
font-size:10pt;
font-weight:bold;
}

.intro h5{
font-size:16pt;
margin:0px;
color:#fff;
padding-top:120px;
padding-left:20px;
}

#navibar{
margin-top:0px;
background:#ccc;
color:#fff;
margin-bottom:5px;
padding:3px 6px 6px 6px;
height:100%;
text-align:center;
}

#navibar a{
color:#333;
text-decoration:none;
background:#ccc;
font-size:10pt;
padding:6px 10px 6px 10px;
text-transform:uppercase;

}
#navibar a.active{
color:#fff;
text-decoration:none;
background:#333;
font-size:10pt;
padding:6px 10px 6px 10px;
text-transform:uppercase;
}
#navibar a:hover{
color:#fff;
text-decoration:none;
background:#333;
font-size:10pt;
padding:6px 10px 6px 10px;
text-transform:uppercase;
}
.mainnavi{
color:#fff;
padding:4px 2px 4px 20px;
float:left;
}
.separator{

display:inline;
}
.clear{
clear: both;
height: 0;
line-height: 0;
font-size: px; /*for IE*/
}
.breadcrumbs{
text-align:left;
text-decoration:none;
line-height:14pt;
font-size:10pt;
color:#333;
padding-left:38px;

}
.breadcrumbs a{
text-decoration:none;
line-height:14pt;
font-size:10pt;
color:#333;
}

#subnavicontent{
min-height:400px;
margin-right:5px;
padding-left:30px;
padding-top:10px;
width:200px;
float:left;

}

#subnavicontent a{
display:block;
background:#fff;
padding:4px 3px 4px 8px;
color:#333;
font-size:11pt;
font-weight:bold;
margin:0px;
text-decoration:none;

}

#subnavicontent a.active{
display:block;
background:#fff;
padding:4px 3px 4px 8px;
color:#333;
font-size:11pt;
font-weight:bold;
margin:0px;
text-decoration:none;

color:#999;
}
#subnavicontent a.subactive{
background: #fff url(./layout/next_arrow.gif) center left no-repeat;
color:#999;
font-size:11pt;
font-weight:normal;
text-decoration:none;
}
#subnavicontent ul li a:hover
{
	background: #fff url(./layout/next_arrow.gif) center left no-repeat;
	color:#999;
}
#subnavicontent a:hover
{
	background: #fff url(./layout/next_arrow.gif) center left no-repeat;
	color:#999;
}
#subnavicontent ul
{
margin: 0 0 0 10px;
padding: 0;
list-style-type: none;
text-align: left;

}
#subnavicontent ul li {
display: inline;
}

#subnavicontent ul li a
{
text-decoration: none;
color:#333;
background-color: #fff;
font-size:11pt;
font-weight:normal;
	padding:6px 3px 4px 18px;
}

.maincontent{
margin:0px 60px 0px 3px;
text-align:left;
padding:8px;
float:right;
width:610px;

}
.maincontent h1{
margin:0px;
padding:0px;
font-weight:bold;
font-size:14pt;
}
.maincontent h2{
margin:0px 0px 8px 0px;
padding:0px;
font-weight:bold;
font-size:12pt;
}
.maincontent h3{
margin:0px 0px 8px 0px;
padding:0px;
font-weight:bold;
font-size:11pt;
}
.maincontent h5{
margin:0px 0px 8px 0px;
padding:0px;
font-weight:bold;
font-size:10pt;
text-align:left;
}
.maincontent p{
line-height:11pt;
font-size:10pt;
}
.maincontent  li{
line-height:11pt;
font-size:10pt;
}
.footer{
text-align:center;
font-size:9pt;
color:#333;
line-height:14pt;
}
.footer a{
font-size:9pt;
padding:0px 10px 0px 10px;
color:#333;
text-decoration:none;
}
.footer a:hover{
text-decoration:underline;
}
#icons{
width:100%;
text-align:center;
}
#designer{
text-align:right;
font-size:9pt;
color:#333;
text-decoration:none;
padding-right:8px;
}
#designer a{
font-size:9pt;
color:#ccc;
text-decoration:none;
}
.tauluotsa{
font-size:12px;
}
.taulu{
font-size:11px;
}
.white{
background:#fff;
}
.groupheader{
color:#000;
text-decoration:none;


}
.groupimage{
margin:0px 8px 0px 8px;
}
#bottomimages{
float:right;
width:674px;
text-align:left;

}

      div#subnavicontent div.pncontainer a {
        color: #333;	
      }
      div#subnavicontent div.pncontainer a.pnhover {
        color: #999;
        background: #fff url(./layout/next_arrow.gif) center left no-repeat;
      }
      .pncontainer img {
        zoom: 1;
        opacity: .50;
        filter: alpha(opacity=50);
      }
      .pncontainer img.pnhover {
        opacity: 1;
        filter: alpha(opacity=100);
      }