/* CSS by www.hakkapeliitat.com  updated:2009-07-12 */

html {
overflow: auto;

scrollbar-3dlight-color:777777;
scrollbar-arrow-color:ffffff;
scrollbar-base-color:aaaaaa;
scrollbar-darkshadow-color:555555;
scrollbar-face-color:;
scrollbar-highlight-color:ffffff;
scrollbar-shadow-color:;

a:link {text-decoration: none; color: #FCFF00;}  /* unvisited link */
a:visited {text-decoration: none; color: #B54C00;} /* visited link */
a:active {text-decoration: none; color: #B54C00;} /* selected link */
a:hover {text-decoration: none; color: #602A02;} /* mouse over link */
}

body {
background-image: url("../root/bg[x06].jpg");
background-repeat: repeat;
margin: 0px;
padding: 0px;
overflow: auto;
text-align: center;
}


#top {
position: absolute;
top: 192px;
left: 0px;
background-image: url("../root/hakkapeliitat_header.gif");
background-position: top center;
background-repeat: no-repeat;
color: #AD6A0A;
margin: 0px;
padding: 0px;
overflow: hidden;
height: 27px;
width: 100%;
text-align: center;
}

#ffiover {
position: absolute;
top: 26104px;
left: 47px;
width: 85px;
height: 40px;
margin: 0px;
padding: 0px;
overflow: hidden;
text-align: left;
}

#fenover {
position: absolute;
top: 120px;
left: 26px;
width: 85px;
height: 40px;
margin: 0px;
padding: 0px;
overflow: hidden;
text-align: left;
}


#penover {
position: absolute;
top: 86px;
left: 26px;
width: 122px;
height: 75px;
margin: 0px;
padding: 0px;
overflow: hidden;
text-align: left;
}

#footer {
position: absolute;
top: 750px;
left:0px;
color : #AD6A0A;
margin:0px;
padding:0px;
overflow : hidden;
height: 27px;
width: 100%;
text-align: center;
}

#mapip {
position: absolute;
top: 0px;
left:0px;
width: 0px;
height: 0px;
visibility:hidden;
}

#main {
position:relative;
top: 0px;
left: 0px;
visibility:hidden;
color: #AD6A0A;
margin: 0px;
padding: 0px;
overflow: hidden;
width: 1200px;
height: 810px;
text-align: left;
}

.mainpic {
border: 0px;
margin: 0px;
}

#post_it {
position:absolute;
top: 0px;
right: 150px;
background-image: url("../root/gallery_bg.gif");
background-position: top right;
background-repeat: no-repeat;
color : #AD6A0A;
margin:0px;
padding: 0px;
overflow : hidden;
height: 361px;
width: 368px;
text-align: center;
border: 0px;
}



.phlink {
border: 0px;
margin-top: 175px;
}

#card {
position:absolute;
top: 35px;
right: 10px;
background-image: url("../root/shoutbox_bg.gif");
background-position: top right;
background-repeat: no-repeat;
height: 770px;
width: 320px;
margin: 0px 10px 0px 0px;
padding: 0px;
overflow : hidden;
float: right;
color : #AD6A0A;
font-family: Sylfaen, "Palatino Linotype";
text-align: right;

}


#box {
position:absolute;
top: 325px;
right: 35px;
background-color: none ;
margin: 0px;
padding: 0px;
overflow : hidden;
height: 400px;
width: 250px;
text-align: center;
color:#313527;
font-weight : bold;
}

#box1 {
margin: 0px;
padding: 0px;
float: left;
}

#box2 {
margin: 0px;
padding: 0px;
float: right;
}

#x1 {
border: 0px;
float: left;
text-align: center;
}

#x2 {
margin: 0px;
padding: 0px;
float: left;
display: none;
border: 0px;
text-align: center;
}

#box1 a:link {text-decoration: none; color: #313527;}  /* unvisited link */
#box1 a:visited {text-decoration: none; color:#313527;} /* visited link */
#box1 a:active {text-decoration: none; color: #900C00;} /* selected link */
#box1 a:hover {text-decoration: none; color: #D6D300;} /* mouse over link */

#box2 a:link {text-decoration: none; color: #313527;}  /* unvisited link */
#box2 a:visited {text-decoration: none; color:#313527;} /* visited link */
#box2 a:active {text-decoration: none; color: #900C00;} /* selected link */
#box2 a:hover {text-decoration: none; color: #D6D300;} /* mouse over link */

#framey1 {
background-color:transparent;
position: static;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 50px;
overflow : auto;
height: 500px;
width: 860px;
text-align: left;
float:left;
}


.teksti1 { 
font-size: 14px;
font-family: "georgia, arial";
font-style: normal;
font-weight: normal;
text-decoration: none;
}

.teksti2 { 
font-size: 13px;
font-family: "georgia, arial";
font-style: normal;
font-weight: normal;
text-decoration: none;
}

/* H menu */

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#menu {
position : absolute;
left: 0px;
top: 160px;
height: 10px;
width: 500px;
margin-top: 0px;
padding-top: 0px;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align: left;
}
.parent {
margin-top: 0px;
padding:0px;
text-decoration: none;
text-align: center;
font-size: 13px;
color: #AD6A0A ;
width: 80px;
height: 32px;
}
.parentlong {
text-decoration: none;
margin-top: 0px;
font-size: 13px;
color: #050571;
width: 120px;
height: 10px;
}
#menu dl {
float: left;
}
#menu li {
display: inline;

}
#menu a {
text-align: center;
text-decoration: none;
color: #AD6A0A ;
}


#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6
{
position: absolute;
left: 100px;
display: none;
font-size: 12px;
font-family: arial, sans-serif;
text-align: left;
border-top: 0px solid #050571;
margin: 30px 0px 0px 0px;
width: 650px;
height: 10px;
}

#menu a:link {text-decoration: none; color: #AD6A0A;}  /* unvisited link */
#menu a:visited {text-decoration: none; color:#AD6A0A;} /* visited link */
#menu a:active {text-decoration: none; color: #900C00;} /* selected link */
#menu a:hover {text-decoration: none; color: #DFB515;} /* mouse over link */

#smenu1 a:link {text-decoration: none; color: #AD6A0A;}  /* unvisited link */
#smenu1 a:visited {text-decoration: none; color:#AD6A0A;} /* visited link */
#smenu1 a:active {text-decoration: none; color: #900C00;} /* selected link */
#smenu1 a:hover {text-decoration: none; color: #DFB515;} /* mouse over link */

#smenu2 a:link {text-decoration: none; color: #454D32;}  /* unvisited link */
#smenu2 a:visited {text-decoration: none; color:#454D32;} /* visited link */
#smenu2 a:active {text-decoration: none; color: #900C00;} /* selected link */
#smenu2 a:hover {text-decoration: none; color: #DFB515;} /* mouse over link */

#smenu3 a:link {text-decoration: none; color: #454D32;}  /* unvisited link */
#smenu3 a:visited {text-decoration: none; color:#454D32;} /* visited link */
#smenu3 a:active {text-decoration: none; color: #900C00;} /* selected link */
#smenu3 a:hover {text-decoration: none; color: #DFB515;} /* mouse over link */

#smenu4 a:link {text-decoration: none; color: #454D32;}  /* unvisited link */
#smenu4 a:visited {text-decoration: none; color:#454D32;} /* visited link */
#smenu4 a:active {text-decoration: none; color: #900C00;} /* selected link */
#smenu4 a:hover {text-decoration: none; color: #DFB515;} /* mouse over link */

#smenu5 a:link {text-decoration: none; color: #454D32;}  /* unvisited link */
#smenu5 a:visited {text-decoration: none; color:#454D32;} /* visited link */
#smenu5 a:active {text-decoration: none; color: #900C00;} /* selected link */
#smenu5 a:hover {text-decoration: none; color: #DFB515;} /* mouse over link */

#smenu6 a:link {text-decoration: none; color: #454D32;}  /* unvisited link */
#smenu6 a:visited {text-decoration: none; color:#454D32;} /* visited link */
#smenu6 a:active {text-decoration: none; color: #900C00;} /* selected link */
#smenu6 a:hover {text-decoration: none; color: #DFB515;} /* mouse over link */


/* V menu */


#nv_linkA {
position:relative;
top: 2px;
left: 90px;
margin:0px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
list-style: none;
}

.nv_linkA{
background-image: url("/root/sign_01.png");background-repeat: no-repeat;
position:relative;
top: 2px;
left: 90px;
margin:0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-size: 16px;
color: #FB3600;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.nv_linkB{
background-image: url("/root/sign_01.png");background-repeat: no-repeat;
position:relative;
top: 2px;
left: 90px;
margin:31px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-size: 16px;
color: #FB3600;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.nv_linkC{
background-image: url("/root/sign_fb.png");background-repeat: no-repeat;
position:relative;
top: 2px;
left: 90px;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 6px;
text-align: left;
font-size: 16px;
color: #FB3600;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.nv_linkD{
background-image: url("/root/sign_smf.png");background-repeat: no-repeat;
position:relative;
top: 2px;
left: 90px;
margin:24px 0px 0px 0px;
padding: 0px 0px 0px 6px;
text-align: left;
font-size: 16px;
color: #FB3600;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

.nv_linkE{
background-image: url("/root/sign_mb.png");background-repeat: no-repeat;
position:relative;
top: 2px;
left: 90px;
margin:0px;
padding: 0px 0px 0px 6px;
text-align: left;
font-size: 16px;
color: #FB3600;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#nv_linkA A:link {text-decoration:none; color:#7C360C; padding: 0px 0px 0px 16px;}  /* unvisited link */
#nv_linkA A:visited {text-decoration:none; color:#7C360C; padding: 0px 0px 0px 16px;} /* visited link */
#nv_linkA A:active {text-decoration:none; color:#020946; padding: 0px 0px 0px 16px;} /* selected link */
#nv_linkA A:hover {text-decoration: none; color:#313527; padding: 0px 0px 0px 16px;} /* mouse over link */


img.rssbox{ vertical-align:text-bottom;}