*{
 margin:0 auto;
 padding:0;
}
body {
 background-color:#ffffff;
 /*background-image: url('../userfiles/Image/layout/main_bg.jpg');*/
 /*background-repeat:repeat-x;*/
 color:#666;
 font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
 font-size:8pt; /* 10px; */
 line-height:18px; /*15px;*/
}

#wrapper{
 width:900px;
 background-image: url('../userfiles/Image/layout/wrapbg.jpg');
 background-repeat:repeat-y;
 margin-bottom: 20px;
}

#content {

}

#content-index {
        width:766px;
}

* html #content{
 margin-left:8px;
}

#header {
 height:103px;
 background: #fff;
}

#breadcrumbs {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:#B8C1C6 none repeat scroll 0 0;
        height:28px;
        padding:0px 0px 0px 0px;
        width:899px;
}

#snapshot {
        color:#ffffff;
        padding:5px 0px 0px 5px;
}

#snapshot a {
        color:#666666;
        text-decoration:none;
}

#snapshot a:hover {
        text-decoration:none;
        color:#ffffff;
}

#logo a{
 width: 157px;
 height: 102px;
 float: left;
 background: #fff url('../userfiles/Image/layout/logo.jpg') 0 0 no-repeat;

}

#logo h1{

}

/*menu taso 1*/
#menu {
 float: left;
 width: 157px;
 height: 100%;
 padding: 0;
 margin: 0;
 position:relative;
}


#contact {
 float:center;
 color: #4a6379;
 font-size: 12px;
 padding: 10px 2px 5px 2px;
 bottom: 0;
 left: 0;
 position:absolute;
}


/* Alasivu S1 */
#maincontent {
 float:left;
 width:523px; /*415px*/
 /*margin-left:5px;*/
}

/* Oikea palsta S2 */
#rightcontent {
 float:right;
 width:215px;
 margin-right:2px;
}


#footer {
       -moz-background-clip:border;
       -moz-background-inline-policy:continuous;
       -moz-background-origin:padding;
       background:#FFFFFF url(../userfiles/Image/layout/footer.jpg) repeat-x scroll 0 0;
       clear:both;
       color:#4A6379;
       font-size:11px;
       height:5px;
       margin:0;
       padding-top:25px;
       padding-bottom:45px;
       text-align:center;
}


/* kuvagalleria */
.pictures {
          margin-left:10px;
}

/* kielivalinta */
#lang {
       background-color:white;
       text-align:center;
}

#lang a {
        color:#999999;
        text-decoration:none;
}

#lang a:hover {
        color:#444444;
        text-decoration:none;
}



#menu ul {
 list-style: none;
 margin: 0;
 padding: 0px;
  /* padding: 5px 0; */
 
}
#menu li {
 display:block;
 border-bottom: 1px solid #b8c1c6; /* 1px dashed #b8c1c6; */
 padding: 0;
 margin: 0;
        padding-left:0px;

 
 
}

#menu li ul li {
 display:block;
 /* padding: 1px 0 1px 0; */ 
 padding: 0px 0 0px 0; 
 border-bottom: none;
        /* viiva alaotsikot */
        border-top:1px solid #B8C1C6;

}



/* menu taso 1 muotoilu */
#menu a {
 display:block;
 padding-right:5px; /* 1. taso valistys oikea */
 text-decoration:none;
 padding: 3px 20px 5px 2px;
 color:#4a6379;
 font-size:12px;

}

#menu a.second {
 background: url('../userfiles/Image/layout/arrow_g.gif') 140px 7px no-repeat;
}

#menu a.second:hover {
 color: #333;
 background: #b8c1c6;
}

#menu a.third {
 background: #b8c1c6 url('../userfiles/Image/layout/arrow_b.gif') 140px 5px no-repeat;
}

#menu a.third:hover {
 color: #333;
 background: #b8c1c6 url('../userfiles/Image/layout/arrow_b.gif') 140px 5px no-repeat;
}
#menu a.deeper {
 background: #b8c1c6 url('../userfiles/Image/layout/arrow_b.gif') 140px 5px no-repeat;
}

#menu a.deeper:hover {
 color: #333;
 background: #b8c1c6 url('../userfiles/Image/layout/arrow_b.gif') 140px 5px no-repeat;
}


#menu li a:hover {
 color: #333;
 background-color: #dee1e6; /* #b8c1c6; */
 
}

#menu li ul li a{
 display:block;
 padding:0 0 0 10px; /* 1. taso valistys oikea */
 text-decoration:none;
 text-transform: uppercase;
 /* height:18px; */
 color:#333;
 font-size:10px;
}

#menu li ul li ul li a{
 display:block;
 padding:0 0 0 15px; /* 2. taso valistys oikea */
 text-decoration:none;
 text-transform: none;
 /* height:18px; */
 color:#333;
 font-size:10px;
}


/* Topmenu */

#art {

}

#art a{
 width:105px;
 height:103px;
 float: left;
 background: #fff url('../userfiles/Image/layout/artvilla.jpg') 0 0 no-repeat;
}


li.topbtn a.mainlink {
 width:105px;
 height:103px;
 padding: 0;
 float: left;

}


/* menu flash korjaus */
ul#topmenu {
 margin:0;
 padding:0;

}

li.topbtn ul {
    display: none;
}

li.topbtn {
 margin:0;
 padding:0;
 position:relative;
 list-style:none;
 list-style-position:outside;
 display:inline;
 float:left;
}

.loma a.mainlink {
 background: #fff url('../userfiles/Image/layout/btn_loma.jpg') 0 0 no-repeat;
}
.loma a.mainlink:hover {
 background: #fff url('../userfiles/Image/layout/btn_loma_h.jpg') 0 0 no-repeat;
}

.kokous a.mainlink {
 background: #fff url('../userfiles/Image/layout/btn_kokous.jpg') 0 0 no-repeat;
}
.kokous a.mainlink:hover{
 background: #fff url('../userfiles/Image/layout/btn_kokous_h.jpg') 0 0 no-repeat;
}

.juhla a.mainlink {
 background: #fff url('../userfiles/Image/layout/btn_juhla.jpg') 0 0 no-repeat;
}
.juhla a.mainlink:hover {
 background: #fff url('../userfiles/Image/layout/btn_juhla_h.jpg') 0 0 no-repeat;
}

.kuntoutus a.mainlink {
 background: #fff url('../userfiles/Image/layout/btn_kuntoutus.jpg') 0 0 no-repeat;
}
.kuntoutus a.mainlink:hover {
 background: #fff url('../userfiles/Image/layout/btn_kuntoutus_h.jpg') 0 0 no-repeat;
}

/* tapahtumat nettilehti akkilahdot */
.tapahtumat a.mainlink {
 background: #fff url('../userfiles/Image/layout/tapahtumat_btn.png') 0 0 no-repeat;
        margin-left:4px;
}
.tapahtumat a.mainlink:hover {
 background: #fff url('../userfiles/Image/layout/tapahtumat_hover.png') 0 0 no-repeat;
}
.nettilehti a.mainlink {
 background: #fff url('../userfiles/Image/layout/nettilehti_btn.png') 0 0 no-repeat;
        margin: 0 2px;
}
.nettilehti a.mainlink:hover {
 background: #fff url('../userfiles/Image/layout/nettilehti_hover.png') 0 0 no-repeat;
}
.akkilahdot a.mainlink {
 background: #fff url('../userfiles/Image/layout/akkilahdot_btn.png') 0 0 no-repeat;
}
.akkilahdot a.mainlink:hover {
 background: #fff url('../userfiles/Image/layout/akkilahdot_hover.png') 0 0 no-repeat;
}

/*anchor*/
a,
a:link{
        color:#009900; /* #4a6379; */
 /*color:#b2b3b5;*/
 text-decoration:none;
}
a:hover{
        color:#007700;
 text-decoration:underline;
}



/* Sisältö koko sivu */
/*main content */
h1,
h2,
h3,
h4,
h5,
h6{
 /* padding-bottom:20px; */
 padding: 10px 10px 5px;
        color:#4a6379;
 
}
h1{
 font-size:17px;
        padding-bottom:5px;
        font-weight:normal;
        line-height:20px;


}

h2 {
 font-size:15px;
 padding-bottom:5px;
        font-weight:normal;
}


h3{
 font-size:14px;
 padding-bottom:5px;
        font-weight:normal;

}
h4{
 font-size:12px;
 padding-bottom:5px;

}
h5{
 font-size:12px;
 padding-bottom:5px;
}
h6{
 font-size:12px;
 padding-bottom:5px;

}

p, ul, ol, li, td {
 padding: 5px 10px;
 /* padding: 5px 10px; */
}

p.small {
 font-size:10px;
}

hr {
 border:solid 1px #ABB5BC;

}


/* uutinen */
.uutinen {
 border-bottom:1px inset #4A6379;
 margin-bottom:10px;
}

/* uutinen otsikko */
.uutinen h4 {
    font-size:16px;
    font-weight:normal;
}

/* uutinen paivamaara */
.pvm {
 font-weight:bold;
 padding-left:10px;
 color:#4A6379;
}



/*contact-form*/
form{
 padding:0;
 margin:0;
}


/*common styles*/

p, pre, ol, dl {
        padding-bottom:5px;
        padding-left:10px;
        padding-right:10px;
}

ul li{
 list-style:outside;
 margin-left:15px;
        padding:0px 0px 3px 0px;
}

ol li{
 list-style:decimal;
 margin-left:20px;
}
dl dt{
 font-weight:bold;
}
dl dd{
 padding-bottom:10px;
 margin-left:10px;
 font-style:italic;
}


strong{
 font-weight:bold;
}
em, code{
 font-style:italic;
}
ul, ul li {
 list-style-type:disc;

}
ol, ol li {
 list-style-type:decimal;
}
table {
 margin-bottom:1.4em;
 width:100%;
}
th {
 font-weight:bold;
}

th, td, caption {
        padding:4px 10px 4px 10px;
}


tfoot {
 font-style:italic;
}
sup, sub {
 line-height:0;
}
abbr, acronym {
 border-bottom: 1px dotted;
 cursor:help;
}
address {
 margin:0 0 1.5em;
 font-style:italic;
}
del {
 text-decoration: line-through;
}
pre {
 white-space:pre;
}
img.centered, .aligncenter, div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
img.alignright {
 display: inline;
 margin:0 0 10px 20px;
}
img.alignleft {
 display: inline;
 margin:0 20px 10px 0px;
}
.alignright {
 float: right;
}
.alignleft {
 float: left;
}


em{
 font-style:italic;
}

.clear { clear: both; background: none; }


.feedform {
    padding: 10px;
}

.feedformitem label {
    font-weight: normal;
}

.feedformitem label.bold{
    font-weight: bold;
}

.feedformitem label.error{
    color: red;
}