/* RAKENNE */

body {
    margin: 0px;
    background-color: #88BFB7;
    font-family: Helvetica, 'Trebuchet MS', sans-serif;
    font-size: 12px;
    color: #000000;
}

h1 {
    font-weight: bold;
    font-size: 25px;
    color: #89ba19;
}

h2 {
    font-weight: normal;
    font-size: 18px;
    color: #737272;
}


br.clearer {
    clear: both;
}

a {
    text-decoration: underline;
    color: #89ba16;
}

a:hover {
    text-decoration: none;
}

p {
    margin: 10px 0px 10px 0px;
    padding:0px 0px;
    line-height: 1.5em;
    }

input[type=text]{
    width: 200px;
    }

div.container {
    width: 980px;
    padding: 15px 25px 0px 25px;
    background-color: #FFFFFF;
    margin: 0 auto;
    margin-top: 100px; 
    margin-bottom: 100px;
}

    div.head {
        width: 980px;
        height: 120px;
        overflow: hidden;
    }

        div.navi {
            width: 980px;
            height: 30px;
            overflow: hidden;
        }

            div.navi a {
                display: block;
                float: left;
                display: inline; /* IE6 bugfix */
                padding: 5px 15px 5px 0px;
                text-decoration: none;
                font-size: 15px;
                color: #000000;
                text-transform: uppercase;
                font-weight: normal;
            }

            div.navi a:hover {
                color: #7DC200;
            }

            div.navi a.active {
                color: #7DC200;
            }            

        div.subnav {
            width: 665px;
            height: 30px;
        }                        
            
        div.subnav a{
            font-size: 13px;
            text-decoration: none;
        }            
    
        div.subnav a:hover{
            color: #000000;
        }         
        
    div.area1 {
        float:left;
        width: 665px;
    }
    
    div.content{
        padding-right: 140px;
        padding-left: 25px;
        min-height: 510px;
        }
    
    
    div.imagediv {
        position: relative;
        clear: both;
        width: 330px;
        height: 660px;
        line-height: 0px;        
    }

    
    
    div.imagebox {
        position: absolute;
        top: 295px;
        right: 250px;
        background: url('../images/anuvehvilainen.jpg') no-repeat top left;
        width: 232px;
        height: 52px;
    }
    
    div.imagebox2 {
        position: absolute;
        top: 20px;
        right: 250px;
        background: url('../images/35.jpg') no-repeat top left;
        width: 143px;
        height: 120px;
    }
        
    div.imagediv img{
        margin: 0px;
        padding: 0px;
    }    
    
    div.area2 {
        float: right;
        width: 305px;
        min-height: 540px;      
    }
                
        .vuosi{
            font-size: 1.1em;
            }
        
        ul.sivunumeroinnit{
            margin: 0px;
            padding: 0px;
            list-style-type: none;
            margin-top: 10px;
            margin-bottom: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            border-top: 2px dotted #D1D1D1;
            border-bottom: 2px dotted #D1D1D1;            
            }

        ul.sivunumeroinnit li{
            display: inline;
            font-size: 1.1em;
            margin-right: 5px;
            }                        
            
            div.keskusta {
                width: 500px;
                height: 40px;
                padding-top: 15px;
                text-align: right;
            }

                div.keskusta img {
                    border: 0px;
                }


    div.footer {
        width: 665px;
        border-top: 1px solid #E5E5E5;
        padding-top: 15px;
        color: #727171;
    }

    .footerbox {
        float:left;
        width: 180px;
        height: 45px;
        border-right: 1px solid #E5E5E5;
        padding: 5px 15px 20px 0px;
        margin-right: 10px;
        margin-bottom: 15px;      
        color: #727171;
    }
        
    
/* GALLERIA */

.gallery_image {
    height: 110px;
    width: 140px;
    margin-right: 5px;
    margin-bottom: 5px;    
    float: left;
    text-align: center;
    overflow: hidden;  
    border: 1px solid #89BA16;
    padding: 5px;
}

.gallery_image img {
    padding: 0;
    margin: 0 auto;
    float: none;
    border: 0px;
}

.gallery_image .img a {
    clear: both;
}

.gallery_image p.description {
    
}