@charset "utf-8";
/* CSS Document */
body {
 margin: 0px;
 padding: 0px;
 background-image: url(../public/layout/bg_repeat.jpg);
 background-attachment: fixed;
 background-repeat: repeat;
 background-position: left top;
 line-height: 21px;
 font-family: 'Droid Sans', arial, serif;
 font-size: 14px;
 color: #262622;
}
a:link, a:visited {
 text-decoration: none;
 color: #333333;
}
a:hover {
 text-decoration: underline;
 color: #666666;
}
p {
 padding: 0px;
 margin: 0px 0px 20px 0px;
}
.news p {
 padding: 0px;
 margin: 5px 0px 12px 0px;
}
h1 {
 font-size: 26px;
 line-height: 30px;
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
}
h2 {
 font-size: 16px;
 padding: 0px;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 8px;
 margin-left: 0px;
 
}
h3 {
 color: #A00113;
 font-size: 13px;
 font-weight: bold;
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 
}
.previewnews .date {
 font-weight: bold;
 color: #A00113;
 font-size: 12px;
 padding-left: 15px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 margin: 0px;
}
.news .date {
 font-weight: bold;
 color: #A00113;
 font-size: 16px;
}
.previewnews {
 line-height: 18px;
 margin-bottom: 5px;
}
#ContentRight p {
 margin: 0px 0px 0px;
}
.previewnews-link {
 padding-top: 0px;
 padding-right: 0px;
 padding-left: 15px;
 background-image: url(../public/layout/arrow.png);
 background-position: left center;
 background-repeat: no-repeat;
 font-weight: bold;
 padding-bottom: 0px;
 margin: 0px;
}
.news h2 {
 font-size: 26px;
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 6px;
 margin-left: 0px;
}
/* MENU */
#Menu ul {
 margin: 0px;
 padding: 0px;
}
#Menu ul li {
 float: left;
 list-style-type: none;
}
a.btn1 {
 background-image: url(../public/layout/btn1_blogi.png);
 background-repeat: no-repeat;
 background-position: left top;
 display: block;
 float: left;
 height: 34px;
 width: 79px;
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom: 0px;
 margin-left: 0px;
}
a:hover.btn1 {
 background-image: url(../public/layout/btn1_blogi_hover.png);
}

a.btn2 {
 background-image: url(../public/layout/btn2_reitti.png);
 background-repeat: no-repeat;
 background-position: left top;
 display: block;
 float: left;
 height: 34px;
 width: 92px;
}
a:hover.btn2 {
 background-image: url(../public/layout/btn2_reitti_hover.png);
}

a.btn3 {
 background-image: url(../public/layout/btn3_osallistujat.png);
 background-repeat: no-repeat;
 background-position: left top;
 display: block;
 float: left;
 height: 34px;
 width: 186px;
}
a:hover.btn3 {
 background-image: url(../public/layout/btn3_osallistujat_hover.png);
}

a.btn4 {
 background-image: url(../public/layout/btn4_triviaa.png);
 background-repeat: no-repeat;
 background-position: left top;
 display: block;
 float: left;
 height: 34px;
 width: 119px;
}
a:hover.btn4 {
 background-image: url(../public/layout/btn4_triviaa_hover.png);
}
.RightContentHeader {
 margin: 0px;
 
}
#MainFrame {
 margin-left: auto;
 margin-right: auto;
 padding: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 width: 100%;
 background-image: url(../public/layout/bg.jpg);
 background-attachment: scroll;
 background-repeat: no-repeat;
 background-position: center top;
 height: 1040px;
}
#Banner {
 padding: 0px;
 height: 340px;
 width: 1030px;
 position: relative;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
}
#LogoFrame {
 height: 180px;
 width: 480px;
 margin: 0px;
 padding: 0px;
 position: absolute;
 left: 14px;
 top: 50px;
}
.Logo {
 display: block;
 height: 180px;
 width: 480px;
}
#Menu {
 width: 500px;
 height: 45px;
 float: left;
 position: absolute;
 left: 97px;
 top: 315px;
}
#MainContentFrame {
 padding: 0px;
 width: 1030px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
}
#MainContentFrameTop {
 width: 1030px;
 float: left;
 margin: 0px;
 padding: 0px;
 background-image: url(../public/layout/maincontentframe_top.png);
 background-position: bottom;
 height: 44px;
}
#MainContentFrameMiddle {
 width: 1030px;
 float: left;
 margin: 0px;
 padding: 0px;
 background-image: url(../public/layout/maincontentframe_middle.png);
 background-position: center top;
 background-repeat: repeat-y;
 overflow: hidden;
}
#MainContentFrameBottom {
 width: 1030px;
 float: left;
 background-image: url(../public/layout/maincontentframe_bottom.png);
 background-position: top;
 height: 100px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 padding-top: 45px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 background-repeat: no-repeat;
}
#Kone {
 float:left;
 height: 60px;
 width: 500px;
 margin: 0px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 20px;
 line-height: 60px;
 color: #666666;
}
#Bonsait {
 float:right;
 width: 470px;
 margin: 0px;
 text-align: right;
 padding-top: 0px;
 padding-right: 30px;
 padding-bottom: 0px;
 padding-left: 0px;
 height: 60px;
 line-height: 60px;
 color: #666666;
}
#ContentWide {
 float: left;
 width: 890px;
 padding-top: 20px;
 padding-right: 70px;
 padding-bottom: 20px;
 padding-left: 70px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
#ContentLeft {
 float: left;
 width: 580px;
 padding-top: 20px;
 padding-right: 0px;
 padding-bottom: 20px;
 padding-left: 70px;
 margin-top: 0px;
 margin-right: 30px;
 margin-bottom: 0px;
 margin-left: 0px;
}
#ContentRight {
 float: left;
 width: 280px;
 margin: 0px;
 padding-top: 20px;
 padding-right: 70px;
 padding-bottom: 20px;
 padding-left: 0px;
}
.RightModule {
 margin: 10px 0 10px 0px;
}
#Footer {
}
.MemberFrame {
 float: left;
 width: 850px;
 padding-top: 0px;
 padding-right: 20px;
 padding-bottom: 0px;
 padding-left: 20px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
.MemberLeft {
 float: left;
 width: 110px;
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 10px;
 padding-left: 20px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}
.MemberRight {
 float: left;
 width: 660px;
 padding-top: 10px;
 padding-right: 20px;
 padding-bottom: 10px;
 padding-left: 20px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}


/* comments */

.commentsitem {
/* background:url("../images/bg_comment-btm.png") no-repeat scroll right bottom transparent;*/
 margin: 5px 0 15px 0;
 width: 630px;
 position:relative;
}

.commentsitem-name {
 float:left;
 text-align: right;
 width:88px;
 margin:18px 10px 0 0;
}


.commentsitem-comment {
 /*background:url("../images/bg_comment-top.png") no-repeat scroll right top transparent; */
 float:left;
 width: 496px;
 margin-bottom: 0;
 padding:18px 13px 18px 23px;