/* Layout alkaa */

#container {
width: 1000px;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
}

#header {
width: 100%;
margin-left: auto;
margin-right: auto;
}

#footer {
background: url(footer.png) no-repeat;
width: 703px;
margin-left: auto;
margin-right: auto;
}

#top {
background: url(top.png) top left no-repeat;
width: 607px;
height: 410px;
margin-left: auto;
margin-right: auto;
}

#palkki {
background: url(palkki.png) no-repeat;
width: 369px;
height: 134px;
margin-top: 93px;
position: absolute;
}

#palkki2 {
background: url(palkki2.png) no-repeat;
width: 238px;
height: 285px;
margin-top: 70px;
margin-left: 369px;
position: absolute;
}

#menu {
background: url(menu.png) no-repeat;
width: 369px;
height: 72px;
margin-top: 227px;
position: absolute;
}

#palkki3 {
background: url(palkki3.png) no-repeat;
width: 703px;
height: 111px;
margin-top: 299px;
margin-left: -48px;
position: absolute;
}

#logo {
width: 160px;
height: 38px;
margin-top: 23px;
margin-left: 36px;
position: absolute;
}

#aloitussivuksi {
width: 79px;
height: 11px;
margin-top: 52px;
margin-left: 378px;
position: absolute;
}

#suosikkeihin {
width: 72px;
height: 11px;
margin-top: 52px;
margin-left: 479px;
position: absolute;
}

#kuva {
background: url(jupe2.png) no-repeat;
width: 119px;
height: 134px;
margin-left: 4px;
position: absolute;
}

#kuva a, #kuva a:link, #kuva a:visited { display: block; }
#kuva img { border: 0; }
#kuva a:hover img { visibility: hidden; }

#tonttulakki {
width: 108px;
height: 84px;
margin-top: -19px;
margin-left: 17px;
position: absolute;
}

#slogan {
background: url(slogan.png) no-repeat;
width: 203px;
height: 96px;
margin-top: 20px;
margin-left: 143px;
position: absolute;
}

#menu {
background: url(menu.png) no-repeat;
width: 369px;
height: 72px;
margin-top: 227px;
position: absolute;
}

#menu_pohja {
background: url(menu_pohja.png) no-repeat;
width: 555px;
height: 37px;
margin-top: 12px;
margin-left: 4px;
position: absolute;
}

#nav { padding: 12px 0 0 55px; margin: 0; list-style: none; z-index: 200; }
#nav li { display: block; float: left; }
#nav li a.top_link { display: block; float: left; font-family: Tahoma; color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; padding: 0 0 0 0; cursor: pointer; }
#nav li a.top_link span { float: left; display: block; padding: 0 35px 0 0; height: 20px; }
#nav li a.top_link span.end { padding: 0 0 0 46px; }

#nav li:hover a.top_link,
#nav a.top_link:hover
{ color: #FFFFFF; }

#nav li:hover { position: relative; z-index: 200; }
#nav a:hover { position: relative; white-space: normal; z-index: 200; }

#nav :hover ul { left: 0; top: 16px; background: #FFFFFF; padding: 3px; border: 1px solid #6F6F6F; white-space: nowrap; width: 130px; height: auto; z-index: 300; }
#nav :hover ul li { display: block; height: 20px; position: relative; float: left; width: 130px; font-weight: normal; }
#nav :hover ul li a { display: block; font-size: 11px; height: 20px; width: 130px; line-height: 20px; text-indent: 5px; color: #5A5850; text-decoration: none; }
#nav li ul li a.arrow { background: #FFFFFF url(arrow.gif) 120px 6px no-repeat; cursor: pointer; }
#nav :hover ul li a:hover { background: #90A2AC; color: #FFFFFF; }
#nav :hover ul li a.arrow:hover { background: #3F96A9 url(arrow_over.gif) 120px 6px no-repeat; color: #FFFFFF; }

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{ left: 129px; top: -4px; background: #FFFFFF; padding: 3px; border: 1px solid #000000; white-space: nowrap; width: 130px; z-index: 400; height: auto; }

#nav ul,
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{ position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none; }

#nav li:hover li:hover > ul { left: 130px; top: -4px; background: #FFFFFF; padding: 3px; border: 1px solid #000000; white-space: nowrap; width: 130px; z-index: 400; height: auto; }
#nav li:hover > ul ul { position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none; }
#nav li:hover li:hover > a.arrow { background: #3F96A9 url(arrow_over.gif) 120px 6px no-repeat; color: #FFFFFF; border-color: #FFFFFF; } 
#nav li:hover li:hover > li a.arrow { background: #FFFFFF url(arrow.gif) 120px 6px no-repeat; color: #000000; border-color: #FFFFFF; }

#hakukone {
margin-top: 246px;
position: absolute;
}

#hakukone input.hakukone {
background: #FFFFFF;
font-family: Tahoma;
font-size: 13px;
color: #000000;
margin-left: 12px;
width: 161px;
*width: 159px; /* IE */
height: 16px;
position: absolute;
}

#hakukone input.hae {
margin-top: 3px;
margin-left: 199px;
width: 25px;
height: 15px;
position: absolute;
}

#aika {
width: 412px;
position: absolute;
}

#kello {
background: url(kello.png) right no-repeat;
width: 105px;
height: 105px;
padding-left: 9px;
float: left
}

#kello_pohja {
margin-top: -5px;
}

#paivamaara {
font-family: Tahoma;
font-size: 11px;
color: #5A5850;
font-weight: bold;
width: 270px;
padding-top: 25px;
padding-left: 10px;
float: left;
}

#nimipaiva {
font-family: Tahoma;
font-size: 11px;
color: #5A5850;
width: 270px;
padding-top: 2px;
padding-left: 10px;
float: left;
}

#bannerit {
width: 468px;
height: 60px;
padding-top: 34px;
padding-left: 8px;
}

#copyright {
background: url(copyright.png) right no-repeat;
width: 703px;
height: 11px;
padding-top: 28px;
padding-bottom: 10px;
}

/* Layout päättyy */