/* 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: 85;
height: 40px;
margin: 0px;
padding: 0px;
overflow: hidden;
text-align: left;
}


#penover {
position: absolute;
top: 86px;
left: 26px;
width: 122;
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;
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;
/* height: 375; */
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: 14pt;
font-family: "georgia, arial";
font-style: normal;
font-weight: normal;
text-decoration: none;
}

.teksti2 { 
font-size: 13pt;
font-family: "georgia, arial";
font-style: normal;
font-weight: normal;
text-decoration: none;
}



