@charset "iso-8859-1";
/* CSS Document */
body {
background: #f5f5f5 url(ulkoasu/background.jpg) no-repeat 0 0;
padding:0;
margin:0;
width:100%;
height:100%;
font-family:"Courier New", Courier, monospace;
font-size:14px;
line-height:120%;

behavior: url(csshover.htc);
}

em {font-style:italic;}
b, strong {font-weight:bold;}

#ruler {
float:left;
display:block;
width:810px;
padding:50px 0 0 150px;
margin:0;
}
#header {
float:left;
display:block;
width:810px;
height:170px;
margin:0;
padding:0;
text-align:left;
}
#header a.etusivu {
text-decoration:none;
padding:0;
margin:50px 200px 0 10px !important;
margin:50px 200px 0 5px;
float:left;
display:block;
}
#header a.logo {
text-decoration:none;
padding:0; 
margin: 0;
float:left;
display:block;
}
#header img {
border:0;
padding:0;
margin:0;
}
#menu {
float:left;
display:block;
width:810px;
height:50px;
margin:0;
padding:0;
background:transparent;
}
#menu ul {
float:left;
display:block;
padding:0 0 0 15px;
margin:0;
background:transparent;
}
#menu li {
float:left;
display:block;
padding:0;
margin:0;
background:transparent;
position:relative;
z-index:11;
}
#menu li a {
float:left;
display:block;
width:104px;
height:50px;
padding:0 6px 0 1px;
margin:0;
background:transparent;
text-decoration:none;
}

/*** STYLED MENU-LINKS ***/
#menu li a#link-1 {background:transparent url(ulkoasu/link.gif) no-repeat 1px 0;}
#menu li a#link-2 {background:transparent url(ulkoasu/link.gif) no-repeat -110px 0;}
#menu li a#link-3 {background:transparent url(ulkoasu/link.gif) no-repeat -220px 0;}
#menu li a#link-4 {background:transparent url(ulkoasu/link.gif) no-repeat -330px 0;}
#menu li a#link-5 {background:transparent url(ulkoasu/link.gif) no-repeat -440px 0;}
#menu li a#link-6 {background:transparent url(ulkoasu/link.gif) no-repeat -550px 0;}
#menu li a#link-7 {background:transparent url(ulkoasu/link.gif) no-repeat -660px 0;}
#menu li a#link-1:hover {background-position:1px -50px;}
#menu li a#link-2:hover {background-position:-110px -50px;}
#menu li a#link-3:hover {background-position:-220px -50px;}
#menu li a#link-4:hover {background-position:-330px -50px;}
#menu li a#link-5:hover {background-position:-440px -50px;}
#menu li a#link-6:hover {background-position:-550px -50px;}
#menu li a#link-7:hover {background-position:-660px -50px;}

#menu ul a, #menu ul a:visited {		
text-decoration:none;
color:#000;
}

#menu ul li ul a,#menu ul li ul a:visited  {
width:100px;
line-height:30px;
background:#fefefe;
height:auto;
border:0;
margin:0;
padding:0 5px 0 5px;
text-align:left;
float:left;
display:block;
}
#menu ul li ul a:hover {
color:#333;
text-decoration:underline;
background-color:#f5f5f5;
}
#menu ul li ul {				
list-style:none;				
position:absolute;	
top:50px;
left:-5px;
display:none;				
background:#fefefe;		
border:1px solid #222;
height:auto;
margin:0;
padding:0;
z-index:10;

overflow:visible;
}
#menu ul li ul li {
padding:0;
margin:0;
float:left;
clear:both;
}
#menu ul li ul li ul {
position:absolute;	
top:-1px;
left:110px;
z-index:10;
}	
#menu ul li:hover ul {display:block;}
#menu ul li:hover ul li ul {display:none;}
#menu ul li ul li:hover ul {display:block;}
#menu ul li ul li:hover ul li ul {display:none;}
#menu ul li ul li ul li:hover ul {display:block;}
#menu ul li ul li ul li:hover ul li ul {display:none;}
#menu ul li ul li ul li ul li:hover ul {display:block;}
#menu ul li ul li ul li ul li:hover ul li ul {display:none;}

#mainbody {
float:left;
display:block;
width:804px;
margin:0;
padding:80px 0 0 0;
background:transparent url(ulkoasu/mainbody.gif) no-repeat 0 0;
}
#mainbody .content {
float:left;
display:block;
width:800px;
padding:0 3px 0 1px;
margin:0;
background:transparent url(ulkoasu/content.gif) repeat-y top left;
}
#mainbody .footer {
float:left;
display:block;
width:800px;
padding:0 3px 10px 1px;
margin:0;
background:transparent url(ulkoasu/footer.gif) no-repeat bottom left;
}

#col-side {
float:right;
display:block;
width:360px;
height:400px;
margin:10px;
padding:0;
background:transparent url(ulkoasu/imagebox.jpg) no-repeat 0 0;
position:relative;
z-index:1;
}
#col-side div {
position:absolute;
z-index:2;
width:250px;
height:330px;
padding:0;
margin:0;
top:40px;
left:6px;
display:none;
}
#col-side div#image-1 {
display:block;
}
div.admin, div.vieras {
float:left;
display:block;
width:600px;
margin:5px 0 5px 20px;
padding:0;
border-left:2px solid #999;
}
div.admin {border-left:2px solid #900;}
div.admin p {font-style:italic;color:#900;}
div.admin p, div.vieras p {
padding:5px 0 10px 20px;
margin:0;
}

table.form {
float:left;
display:block;
width:750px;
margin:0 0 20px 20px;
padding:0;
text-align:left;
border-collapse:collapse;
}
table.form td.label {
text-align:right;
padding:2px;
margin:0;
width:25%;
}
table.form td.label label {
margin:0;
padding:0;
}
table.form td.field {
text-align:left;
padding:2px;
margin:0;
}