body { 
font-size: 11px; 
font-family: Verdana; 
background-color: #000; 
background-image: url("images/main_bg.gif"); 
background-repeat: repeat-x; 
text-align: center; 
margin: 0 
}


/*<agl.folder "N1 and layers">*/
#naviarea { 
background-image: url("images/n1_bg.gif"); 
background-repeat: repeat-x; 
visibility: visible; 
position: relative; 
z-index: 2; 
width: 750px; 
height: 32px; 
float: left 
}

#n1middle1 {
width: 0px;
visibility: hidden;
height: 0px;
}


.n1item { 
visibility: visible; 
position: relative; 
height: 32px; 
float: left 
}


.n1item p { 
color: #fff; 
font-size: 11px; 
font-family: Verdana; 
font-weight: normal; 
margin: 2px; 
padding: 8px;
}

.n2itemfirst {
width: 0px;
visibility: hidden;
height: 0px;
overflow: hidden;
}

.n1item a { 
color: #8f8f8f; 
font-family: Verdana; 
text-decoration: none 
}


.n1item a:hover { 
color: #afafaf 
}


.n1itemselected { 
}


.n1itemselected p { 
background-color: black;
border-radius: 5px;
}


.n1itemselected a { 
color: #fff; 
text-decoration: none 
}


.n1itemselected a:hover { 
color: #d7d7d7 
}



.n2layernaviarea { 
background-color: #fafafa; 
visibility: inherit; 
position: absolute; 
z-index: 2; 
width: 165px; 
height: auto; 
padding-bottom: 15px;
background-image: url(images/naviend.gif);
background-position: bottom;
background-repeat: no-repeat ;
}


.n2layernaviarea a { 
color: #9f0004; 
position: relative; 
width: 145px !important; 
float: left 
}


.n2item {
float: left;
border-style: solid;
border-width: 1px;
border-color: #fff #e2e2e2 #e2e2e2 #fff;
width: 165px;
box-sizing: border-box;
}



.n2item p {
background-color: transparent;
border-radius: 0;
}


/*</agl.folder>*/
/*<agl.folder "Subnavigation">*/
#subnaviarea { 
font-family: Arial, Verdana; 
visibility: visible; 
position: relative; 
width: 180px; 
height: auto; 
float: left 
}


#subnaviarea a { 
color: #ccc; 
text-decoration: none 
}


#subnaviarea a:hover { 
color: #fff; 
text-decoration: none 
}


#subnaviarea p { 
margin: 0; 
padding: 5px 10px 
}


#subnavititle { 
color: #ef8846; 
font-family: Arial, Verdana; 
background-color: #65000a; 
background-image: url("images/subnavi_path_bg.gif"); 
background-repeat: repeat-x; 
visibility: visible; 
position: relative; 
width: 100%; 
height: 26px; 
float: left; 
border-top: 1px solid #fff; 
border-bottom: 1px solid #cecece 
}


.subnaviitem { 
color: #fff; 
font-family: Arial, Verdana; 
background-color: #666; 
background-image: url("images/subnavi_item_bg.gif"); 
background-repeat: repeat-x; 
visibility: visible; 
position: relative; 
width: 100%; 
float: left; 
border-top: 1px solid #f1f1f1; 
border-bottom: 1px solid #b4b4b4 
}


.subnaviitemselected { 
color: #000; 
font-family: Arial, Verdana; 
background-color: #d7d7d7; 
visibility: visible; 
position: relative; 
width: 100%; 
float: left; 
border-top: 1px solid #f4eee6; 
border-bottom: 1px solid #b4a590 
}


.subnaviitemselected a { 
color: #ccc 
}


.subnaviitemselected a:hover { 
color: #fff 
}


.subnaviitempath { 
color: #ef8846; 
font-family: Arial, Verdana; 
background-color: #65000a; 
background-image: url("images/subnavi_path_bg.gif"); 
background-repeat: repeat-x; 
visibility: visible; 
position: relative; 
width: 100%; 
float: left; 
border-top: 1px solid #fff; 
border-bottom: 1px solid #cecece 
}


.subnaviitempath a { 
color: #ef8846 
}


.subnaviitempath a:hover { 
color: #fff 
}


.subnaviitemlevelsub { 
font-family: Arial, Verdana; 
background-color: #fff; 
visibility: visible; 
position: relative; 
width: 100%; 
float: left 
}


.subnaviitemlevelsub p { 
padding-left: 20px 
}


.subnaviitemlevelsub a { 
color: #fff 
}


.subnaviitemlevelsub a:hover { 
color: #ccc 
}


/*</agl.folder>*/
/*<agl.folder "Basic structure">*/
#kontti { 
background-color: #fff; 
background-image: url("images/kontti_bg.gif"); 
background-repeat: repeat-y; 
text-align: left; 
visibility: visible; 
position: relative; 
width: 100%; 
height: auto; 
float: left 
}


#konttiindex { 
background-color: #fff; 
background-image: url("images/kontti_bg_index.gif"); 
background-repeat: repeat-y; 
text-align: left; 
visibility: visible; 
position: relative; 
width: 100%; 
height: auto; 
float: left 
}


#asemoija { 
visibility: visible; 
margin: 0 auto; 
position: relative; 
width: 770px 
}


#maincol { 
text-align: left; 
visibility: visible; 
position: relative; 
width: 750px; 
height: auto; 
float: left 
}


#middlecol { 
text-align: left; 
visibility: visible; 
position: relative; 
width: 750px; 
height: auto; 
float: left 
}


#contentarea { 
visibility: visible; 
position: relative; 
width: 750px; 
height: auto; 
float: left 
}


#contentmain { 
visibility: visible; 
position: relative; 
width: 570px; 
height: auto; 
float: left 
}


#toparea { 
visibility: visible; 
position: relative; 
z-index: 2; 
width: 750px; 
height: 110px; 
float: left 
}


#topleft { 
visibility: visible; 
position: relative; 
width: 200px; 
height: 110px; 
float: left 
}


#topmiddle { 
visibility: visible; 
position: relative; 
width: 380px; 
height: 110px; 
float: left 
}


#topright { 
visibility: visible; 
position: relative; 
width: 170px; 
height: 110px; 
float: left 
}


#topmargin { 
visibility: visible; 
position: relative; 
width: 770px; 
height: 26px; 
float: left 
}


#bottommargin { 
visibility: visible; 
position: relative; 
width: 770px; 
height: 20px; 
float: left 
}


#marginleft { 
visibility: visible; 
position: relative; 
width: 10px; 
height: auto; 
float: left 
}


#marginright { 
visibility: visible; 
position: relative; 
width: 10px; 
height: auto; 
float: left 
}


/*</agl.folder>*/
/*<agl.folder "Contentareas">*/
#path { 
font-size: 11px; 
font-family: Arial; 
position: relative; 
width: 100%; 
height: 25px; 
float: right 
}


#pagecontents { 
visibility: visible; 
position: relative; 
z-index: 0; 
width: 100%; 
height: auto; 
float: left 
}


#footer { 
font-weight: normal; 
background-color: #7d7d7d; 
visibility: visible; 
position: relative; 
width: 100%; 
height: auto; 
float: left 
}


#footercontents { 
visibility: visible; 
position: relative; 
width: 80%; 
float: left 
}


#footer p { 
color: #afafaf; 
font-size: 11px; 
margin: 0; 
padding: 8px 10px 5px 
}


#footer a { 
color: #e2e2e2 
}


#tobainfo { 
font-size: 11px; 
font-family: Arial; 
text-align: right; 
visibility: visible; 
position: relative; 
width: 20%; 
float: left 
}


#tobainfo a { 
color: #afafaf; 
text-decoration: none 
}


/*</agl.folder>*/
#contentmainindex { 
visibility: visible; 
position: relative; 
width: 750px; 
float: left; 
clear: both 
}




.mainbgimg {
background-image: url("album/bg_muotoja.gif");
background-repeat: repeat-x;

}