*
{
    margin: 0;
    padding: 0;
}

body
{
    background: #e6e6e6 url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_body.gif) repeat-x !important;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #666666;
    overflow: auto !important;
}

.clearfix:after, #content .content-wrapper:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    margin-bottom: 0px;
}

* html .clearfix, * html #content .content-wrapper
{
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix, *:first-child + html #content .content-wrapper
{
    zoom: 1;
}
/* IE7 */

a, a:link
{
    text-decoration: none;
    color: #0072BC;
}

.link-item a:visited,
.ms-WPBody a:visited,
.cqwp-item a:visited,
.recommend-wrapper .link a:visited,
.feedbackLink a:visited,
#page-content-wrapper a:visited
{
    color: #999 !important;
}

a:hover
{
    text-decoration: underline;
}

h1
{
    color: #444444;
    font-size: 24px;
    font-weight: normal;
    /*padding-bottom: 12px;*/
    line-height: 1.2em;
}

.databank h1
{
    margin-top: 0;
}

.databank #webpart-area .wpa-wrapper-subpage
{
    width: 490px !important;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

h1 strong.header-title
{
    color: #434343;
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

h2
{
    color: #079ed1;
    font-size: 16px;
    font-weight: normal;
    line-height: 17px;
}

.feedbackLink
{
    float: left;
    line-height: 31px;
    margin: 0 0 0 10px;
    background-color: #fff;
}

    .feedbackLink a
    {
        display: block;
        padding: 0 0 0 35px;
        background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_linkarrow.gif) no-repeat left center;
    }

#bg-image
{
    float: none;
    display: block;
    margin: 0 auto 0 auto;
    background: #e6e6e6 url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_body.gif) repeat-x top;
}

#main-wrapper
{
    margin: 0 auto 0 auto;
    display: block;
    width: 1000px;
    height: auto;
    float: none;
    text-align: left;
}

#header
{
    width: 1000px;
    /*border: solid 1px red;*/
}

    #header a
    {
        color: #403f3f;
        font-family: Verdana;
        font-size: 10px;
        font-weight: bold;
    }

    #header .top-links
    {
        width: 1000px;
        height: 40px;
        /*border: solid 1px red;*/
    }

        #header .top-links a
        {
            float: left;
            font-family: Verdana;
            font-size: 10px;
            font-weight: bold;
            color: #666666;
            padding: 15px 15px 0px 5px;
        }

            #header .top-links a.arrow
            {
                padding-top: 14px;
                padding-left: 0px;
                padding-right: 48px;
                float: right;
                height: 20px;
            }

            #header .top-links a.key-logo
            {
                padding-top: 14px;
                padding-right: 30px;
                padding-left:10px;
                background: transparent url('/_layouts/images/Endero.Kuntaliitto.KN2/key_logo.png') no-repeat right center;
/*                padding-right: 48px;*/
                float: right;
                height: 20px;
            }

            #header .top-links a.media-logo
            {
                padding-top: 14px;
                padding-right: 20px;
                background: transparent url('/_layouts/images/Endero.Kuntaliitto.KN2/media_logo.png') no-repeat right center;
/*                padding-right: 48px;*/
                float: right;
                height: 20px;
            }

            #header .top-links a.no-logo
            {
                padding-top: 14px;
                padding-right: 30px;
                padding-left:0px;
/*                padding-right: 48px;*/
                float: right;
                height: 20px;
            }


    #header .header-row
    {
        clear: both;
        height: 130px;
    }

        #header .header-row .logo
        {
            float: left;
            width: 242px;
        }

#links-below-searchbox
{
    clear:both;
    margin-top:15px;
}

.below-search-box
{
    margin-bottom: 10px;    
    overflow: auto;
}

.below-search-box a.right-basket {
    display: inline-block;
    width: 182px;
    text-align: right;
    padding-right:30px !important;
    padding-bottom:3px !important;
    margin-right:20px;
    background: transparent url('/_layouts/images/Endero.Kuntaliitto.KN2/basket.png') no-repeat right center;
}

    .below-search-box a.right-basket img
    {
        vertical-align:middle;
    }
.below-search-box a.right-contact {
    display: inline-block;
    width: 182px;
    text-align: right;
    margin-right:20px;
    padding-right:30px !important;
    background: transparent url('/_layouts/images/Endero.Kuntaliitto.KN2/contact.png') no-repeat right center;
}

.searchbox-surround {
    padding:4px 0px 4px 4px;
    background-color:#00a5d5;
    overflow:auto; 
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.logo img
{
    border: 0;
}

.marginNull { margin: 0; }

#header .header-row .article-column
{
    float: left;
    width: 256px;
    min-height: 130px;
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_kolumni.gif) no-repeat bottom left;*/
    border-right: 1px solid #aaa;
    font-size: 10px;
    color: #000000;
    padding-top: 0px !important;
}

    #header .header-row .article-column strong,
    #header .header-row .article-column2 strong
    {
        /*color: #079ed1;
    text-transform: uppercase;
    padding-top: 0px !important;*/
    }

    #header .header-row .article-column p.column-title,
    #header .header-row .article-column2 p.column-title
    {
        margin-top: 10px;
        color: #079ed1;
        text-transform: uppercase;
        font-weight: bold;
    }

#header .header-row .article-column2
{
    float: left;
    width: 250px;
    padding-left: 20px;
    min-height: 130px;
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_kolumni2.gif) no-repeat bottom left;*/
    border-right: 1px solid #ccc;
    font-size: 10px;
    /*font-weight: bold;*/
    color: #000000;
}

    #header .header-row .article-column2 img,
    #header .header-row .article-column img
    {
        margin: 0 0 0 5px;
        padding: 0 0 0 0;
    }

#header .header-row .article-column .column-content
{
    margin: 0;
    padding: 0;
    border: 0;
    width: 126px;
    height: 130px;
    float: left;
}

#header .header-row .article-column2 .column-content
{
    margin: 0;
    padding: 0;
    border: 0;
    width: 120px;
    height: 130px;
    float: left;
}

#header .header-row .article-column .column-image,
#header .header-row .article-column2 .column-image
{
    margin: 0;
    padding: 0;
    border: 0;
    width: 130px;
    height: 130px;
    float: left;
    position: relative;
}

    #header .header-row .article-column .column-image img,
    #header .header-row .article-column2 .column-image img
    {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

#header .header-row .search
{
    float: left;
    width: 230px;
    font-family: Verdana;
    font-size: 10px;
}
    /*#header .header-row .search input 
{
    width: 153px;
    height: 22px;
    padding: 5px 0px 0px 10px;
    border: 0px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_searchtextbox.gif) no-repeat;
    font-family: Verdana;
    font-size: 10px;
    margin: 0px;
}*/

    #header .header-row .search .searchbox-wrapper
    {
        float: left;
        padding: 17px 0px 0px 19px;
        height: 22px;
    }

        #header .header-row .search .searchbox-wrapper .search-textbox
        {
            float: left;
            width: 153px;
            height: 22px;
        }

        #header .header-row .search .searchbox-wrapper .search-button
        {
            float: left;
            width: 42px;
            height: 22px;
        }

            #header .header-row .search .searchbox-wrapper .search-button img
            {
                padding-top: 0px;
                margin-top: 0px;
                border: 0px;
            }

    #header .header-row .search .header-links
    {
        clear: both;
        width: 220px;
        text-align: right;
        line-height: 18px;
        padding-top: 5px;
    }

    #header .header-row .search .searchbox-wrapper .ms-sbtext
    {
        display: none;
    }

.s4-search INPUT.ms-sbplain, .searchbox-wrapper INPUT.ms-sbplain, .shadowed INPUT.ms-sbplain
{
    width: 170px !important;
    height: 25px;
    line-height: 22px;
    padding: 2px 0 2px 10px;
    border: 0 !important;
//    background: #fff url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_searchtextbox.gif) no-repeat;
//    background: #00a6d6;
    background: #fff;
    color: #000;
    font-family: Verdana;
    font-size: 10px;
    margin: 0;
}

.s4-search .ms-sbgo, .searchbox-wrapper .ms-sbgo,
.s4-search .ms-sbcell, .searchbox-wrapper .ms-sbcell, .shadowed .ms-sbcell,
.s4-search TD, .searchbox-wrapper TD, .shadowed .searchbox-wrapper TD,
.s4-search A, .searchbox-wrapper A, .shadowed .searchbox-wrapper A,
TABLE.s4-search, .searchbox-wrapper .ms-sbtable, .shadowed .ms-sbtable,
.s4-search TR, .searchbox-wrapper .ms-sbtable tr, .shadowed .ms-sbtable tr,
.s4-search .srch-gosearchimg, .searchbox-wrapper .ms-sbtable .srch-gosearchimg, .shadowed .ms-sbtable .srch-gosearchimg
{
    padding: 0 !important;
    border: 0 !important;
    margin: 0 !important;
}

#header .header-row .search .searchbox-wrapper .ms-sbgo img
{
    height: 25px;
    padding: 0px !important;
    border: 0px !important;
    margin-top: 0px !important;
    background-color: #00a5d5 !important;
}

.srch-gosearchimg {
    background: transparent !important;
}


.s4-search .srch-gosearchimg {
    background: transparent !important;
}

#main-navi
{
    clear: both;
    margin-top: 8px;
    /*border: solid 1px red;*/
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_mainnavilink.gif) repeat-x;
    height: 52px;
    font-size: 10px !important;
    font-family: Verdana !important;
}

    #main-navi ul
    {
        margin: 0px;
        padding: 0px;
    }

        #main-navi ul li
        {
            float: left;
            list-style-type: none;
            padding-top: 4px;
            /*padding-top: 17px;
    height: 35px;*/
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/mainnavi_separator.gif) no-repeat top left;
        }

            #main-navi ul li:first-child
            {
                background: transparent none;
            }

        #main-navi ul.static li a
        {
            font-family: Verdana;
            color: #ffffff;
            text-transform: uppercase;
            /*padding: 12px 15px 15px 15px;*/
            padding: 12px 15px 12px 15px;
            /*border-bottom: solid 6px #f7fcfe;*/
        }

    #main-navi .s4-tn LI.static > .menu-item
    {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    /*#main-navi ul li a.active*/
    #main-navi ul li.selected a
    {
        border-bottom: solid 8px #52a7f6;
    }

    #main-navi ul li a:hover
    {
        background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_mainnavilink_hover.gif) no-repeat bottom center;
        border-bottom: solid 8px #52a7f6;
    }

    /* overridden OOB styles */
    #main-navi .menu-horizontal A.dynamic-children SPAN.additional-background
    {
        background-image: none;
        padding-right: 0px;
    }

    #main-navi ul.dynamic
    {
        display: block;
        background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/mainnavi-layer-list-bg3.png) no-repeat bottom left;
        width: 270px;
        border: 0px;
        margin: 0px;
        padding-bottom: 21px;
    }

        #main-navi ul.dynamic li
        {
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/mainnavi-layer-listitem-bg.png) repeat-y;
            width: 245px;
            height: auto;
            padding-left: 20px;
        }

            #main-navi ul.dynamic li:hover
            {
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/mainnavi-layer-listitem-on.png) repeat-y;
                height: auto;
                padding-left: 20px;
            }

            #main-navi ul.dynamic li:first-child
            {
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/mainnavi-layer-first-listit.png) no-repeat;
                width: 245px;
                height: auto;
                padding-left: 20px;
                margin: 0px;
                padding-top: 16px;
            }

            #main-navi ul.dynamic li:hover
            {
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/mainnavi-layer-listitem-on.png) repeat-y;
                width: 245px;
                height: auto;
                padding-left: 20px;
                /*margin-bottom: 9px;*/
            }

            #main-navi ul.dynamic li a
            {
                color: #f1f0f0;
                text-transform: none;
                background-image: none;
                margin: 0px;
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/mainnavi-layer-item-line.gif) no-repeat bottom left;
                border: 0px;
                font-weight: normal;
                padding-top: 3px !important;
                padding-bottom: 7px !important;
            }

                #main-navi ul.dynamic li a .menu-item-text
                {
                    white-space: normal !important;
                }

/*#breadcrumb 
{
    clear: both;
    width: 1000px;
    height: 26px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_breadcrumb.gif) no-repeat;
    padding: 14px 0px 0px 20px;
    font-size: 10px;
}*/
#breadcrumb
{
    clear: both;
    width: 1000px;
    /*background: transparent url(../img/bg_breadcrumb.gif) no-repeat;*/
    font-size: 10px;
}

    #breadcrumb span span
    {
        font-size: 10px;
        font-weight: bold;
    }

        #breadcrumb span span a
        {
            font-size: 10px;
            font-weight: normal;
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/breadcrumb-arrow.gif) no-repeat top right;
            padding: 0px 21px 0px 0px;
        }

    #breadcrumb a.active
    {
        font-weight: bold;
    }

    #breadcrumb .bc-content
    {
        width: 980px;
        margin-top: 10px;
        margin-bottom: 1px;
        background: #ffffff;
        padding: 7px 0px 7px 20px;
        line-height: 16px;
    }

    #breadcrumb .bc-footer
    {
        float: left;
        width: 1000px;
        height: 0px;
        background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/breadcrumb-bottom.gif) no-repeat;
    }


#content
{
    clear: both;
    width: 1000px;
    /*margin-top: 10px; */
    /*font-size: 70%;*/
}
    /* Frontpage */
    #content .frontpage-wrapper
    {
        clear: both;
        width: 1000px;
        margin-top: 10px;
    }

    /*#content .frontpage-wrapper .left-column */
    #content .content-wrapper .left-column-fp
    {
        float: left;
        width: 764px;
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_left-column-bg.png) no-repeat top right;*/
        margin: 0 0 10px 0;
    }
    /*#content .frontpage-wrapper .right-column */
    #content .content-wrapper .right-column-fp
    {
        float: left;
        width: 236px;
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_right-column-bg2.png) no-repeat top left;*/
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_right-column-bg.png) no-repeat fixed 8px 0px;*/
    }

        #content .content-wrapper .right-column-fp .bottom
        {
            /*background: url(/_layouts/images/Endero.Kuntaliitto.KN2/subpage-content-shadow-bot.gif) no-repeat -5px 0;*/
            width: 6px;
            height: 11px;
        }

        /*#content .frontpage-wrapper .right-column .header */
        #content .content-wrapper .right-column-fp .header
        {
            width: 236px;
            height: 0px;
            /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_rightcolumnheader2.png) no-repeat top left;*/
            /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_rightcolumnheader.gif) no-repeat top left;*/
        }
        /*#content .frontpage-wrapper .right-column .content-wrapper-rc */
        #content .content-wrapper .right-column-fp .content-wrapper-rc
        {
            width: 230px;
            margin-left: 6px;
            clear: both;
            overflow: hidden;
            background-color: #fff;
            padding-top: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }
            /*#content .frontpage-wrapper .right-column .content-wrapper-rc .content */
            #content .content-wrapper .right-column-fp .content-wrapper-rc .content
            {
                float: left;
                width: 224px;
                margin-left: 6px;
                background-color: #ffffff;
            }

    #content .content-wrapper .customBodyHolder
    {
        margin-left: 0px;
    }

    /* Frontpage */

    /* Area Frontpage */

    #content .content-wrapper
    {
        clear: both;
        width: 1000px;
        background-color: #e6e6e6;
    }

        #content .content-wrapper.fp
        {
            background: none !important;
        }

        #content .content-wrapper .left-column
        {
            float: left;
            width: 247px;
            background-color: #fff;
            margin: 10px 10px 10px 0px;
            padding: 0 0 10px 0;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

        #content .content-wrapper .center-column
        {
            float: left;
            /*width: 511px;*/
            width: 510px;
            padding-left: 0px;
        }

            #content .content-wrapper .center-column .page-content
            {
                background-color: #fff;
                width: 510px;
                height: auto;
                margin-top: 0px;
            }

                #content .content-wrapper .center-column .page-content h1
                {
                    background-color: #fff;
                    padding-left: 10px;
                    padding-bottom: 10px;
                }


        #content .content-wrapper .page-content-wide
        {
            position: relative;
            width: 960px;
            padding: 20px 20px 0px 20px;
            background-color: #fff;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            margin: 10px 0px 10px 0px;
        }

        #content .content-wrapper .content-shadow
        {
            display: block;
            float: left;
            width: 11px;
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/subpage-content-shadow-bg.gif) repeat-y;
            /*height: 100%;*/
            min-height: 500px;
            margin-top: 13px;
        }
        /* center column right shadow integrated */
        /*.shadowed { background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/subpage-content-shadow-bg.gif) 100% 13px repeat-y; padding-right: 18px; width: 492px !important; margin: 13px 0 0; }
.shadowed .top, .shadowed .bottom { float: right; height: 32px; width: 11px; background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/subpage-content-shadow-top.gif) right top repeat-y; margin: 0 -18px -32px 0; }
.shadowed .bottom { background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/subpage-content-shadow-bot.gif) right top repeat-y; height: 22px; margin-bottom: 0; }

.shadowed #resultList .s4-wpTopTable { width: 492px !important; }
.shadowed .ms-sbplain {  width: 151px !important; }*/

        #content .content-wrapper .center-column.shadowed .page-content
        {
            background: none;
        }

        #content .content-wrapper .center-column.shadowed .databank
        {
            background-color: #fff;
            -webkit-border-bottom-left-radius: 10px;
            -webkit-border-bottom-right-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            -moz-border-radius-bottomright: 10px;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

        #content .content-wrapper .center-column.shadowed .page-content h1, #content .content-wrapper .center-column.shadowed .page-content p, #content .content-wrapper .center-column.shadowed .page-content h2, #content .content-wrapper .center-column.shadowed .page-content strong
        {
            padding-bottom: 10px;
        }

        #content .content-wrapper .content-shadow .top
        {
            height: 32px;
            min-height: 500px;
        }

        #content .content-wrapper .content-shadow .bottom
        {
            height: 22px;
        }

#page-content-wrapper
{
    clear: both;
    height: auto;
    margin-bottom: 10px;
    padding-bottom: 15px;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

    #page-content-wrapper .text
    {
        display: block;
        height: auto;
        padding: 0 30px 13px 13px;
        font-size: 11px;
        font-weight: bold;
        color: #4b4b4b;
        line-height: 18px;
    }

.shadowed #page-content-wrapper .text
{
    width: 482px;
    padding-left: 10px;
}

#page-content-wrapper .image
{
    float: right;
    display: block;
    height: auto;
    margin: 0 0 10px 0px;
}

    #page-content-wrapper .image .admin-description, 
    {
        clear: both;
        font-size: 11px;
        color: #000;
        line-height: 18px;
        font-style: italic;
        padding-bottom: 10px;
    }

#page-content-wrapper .admin-description {
    padding-bottom: 10px;
}

#page-content-wrapper .content-text
{
/*    clear: both;*/
    padding: 0 13px 0 10px;
    font-size: 11px;
    color: #000;
    line-height: 18px;
/*    margin-top: 1em; */
}

#page-content-wrapper .footer
{
    clear: both;
    height: 3px;
    margin-right: 18px;
}

/*
#content .content-wrapper .right-column 
{
    float: left;
    padding-top: 20px;
    width: 214px;
    padding-left: 20px;
    padding-right: 8px;
}
*/
#content .content-wrapper .right-column
{
    float: left;
    width: 232px;
    padding-top: 10px;
    background-color: #e6e6e6;
    height: 100%;
}

    #content .content-wrapper .right-column .column-content
    {
        padding: 2px 6px 0px 12px;
        width: 220px;
    }

    #content .content-wrapper .right-column .ms-WPBody
    {
        word-wrap: break-word;
        width: 203px;
        padding-bottom: 10px;
        padding-left: 0;	/* 5px >> XX on 25.09.2015 for fixing the right column of: /fi/palvelualueet/demokratia/Sivut/default.aspx */
        background-color: #fff;
		padding-right: 5px;
    }

.right-column .dfwp-list, .right-column .dfwp-list a
{
    width: auto;
    font-family: Verdana, Arial;
}

.right-column .dfwp-list, .right-column .dfwp-list .link-item a:before {
    content: "> ";
    margin-left: -15px;
}

ul.dfwp-list {
    margin-left:-5px !important;
}

.slm-layout-main {
    margin-left:5px;
}

.right-column .item
{
    padding-top: 0;
}

.right-column p
{
    margin-top: 0;
}

.right-column .slm-layout-main
{
    overflow: visible;
}

.byline-date-wrapper .date
{
    margin-bottom: 6px;
}

.right-column .s4-wpTopTable
{
    pading-bottom: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* Area Frontpage */

/* Subnavi */

#subnavigation
{
    display: block;
    width: 230px;
    padding: 20px 0 0 0;
}
    /* second level */
    #subnavigation ul
    {
        margin: 0px !important;
        padding: 0px !important;
        width: 211px;
    }

        #subnavigation ul li
        {
            padding: 0 0 0 19px;
            margin: 0px 0 0 0;
            list-style-type: none;
        }

            #subnavigation ul li.active
            {
                /*background: transparent url(/_layouts/images/Endero/sn-level1-open.gif) no-repeat;*/
            }

            #subnavigation ul li a
            {
                display: block;
                font-size: 11px;
                color: #444444;
                padding: 8px 0 6px 10px;
                border-bottom: solid 1px #dfdfdf;
                width: 201px;
            }

                #subnavigation ul li a.active
                {
                    background: #4cabed none;
                    color: #ffffff !important;
                    border-bottom: solid 1px #cfc7bc;
                }

            #subnavigation ul li.active a
            {
            }

            #subnavigation ul li.active ul li a
            {
            }

            /* third level */
            #subnavigation ul li ul
            {
                margin: 0px;
                padding: 0 0 0 0 !important;
                background-color: #f2ede7;
                margin-top: 8px;
                margin-bottom: 25px;
            }

                #subnavigation ul li ul li
                {
                    padding: 0px 0 0px 0px !important;
                    margin: 0px 0 0 0;
                    list-style-type: none;
                    width: 187px;
                }

                    #subnavigation ul li ul li.active
                    {
                    }

                    #subnavigation ul li ul li a
                    {
                        display: block;
                        font-size: 11px;
                        color: #444444 !important;
                        padding: 8px 0 8px 10px !important;
                        border-bottom: solid 1px #ffffff;
                        width: 201px;
                    }

                    /* fourth level */
                    #subnavigation ul li ul li ul
                    {
                        width: 211px;
                        padding: 0 0 0px 0 !important;
                        background: #e2dad2 none !important;
                        margin-top: 8px;
                        margin-bottom: 0px !important;
                    }

                        #subnavigation ul li ul li ul li
                        {
                            margin: 0px !important;
                            padding: 0px !important;
                        }

                            #subnavigation ul li ul li ul li a
                            {
                                display: block;
                                font-size: 11px;
                                color: #444444 !important;
                                padding: 8px 0 8px 20px !important;
                                border-bottom: solid 1px #ffffff !important;
                                width: 191px;
                            }

                            /* fifth level */
                            #subnavigation ul li ul li ul li ul
                            {
                                margin: 0px 0px 0px 0px !important;
                                padding: 0 0 0px 0 !important;
                                background: #cfc6bc none !important;
                            }

                                #subnavigation ul li ul li ul li ul li
                                {
                                    margin: 0px !important;
                                    padding: 0px !important;
                                    font-weight: normal;
                                }

                                    #subnavigation ul li ul li ul li ul li a
                                    {
                                        display: block;
                                        font-size: 11px;
                                        color: #444444 !important;
                                        padding: 8px 0 8px 27px !important;
                                        border-bottom: solid 1px #ffffff !important;
                                        width: 184px;
                                    }

            #subnavigation ul li a:hover
            {
                color: #ffffff !important;
                font-weight: bold !important;
                text-decoration: none;
                background-color: #52a7f6 !important;
            }

            #subnavigation ul li.active a
            {
                font-weight: bold;
            }

            #subnavigation ul li.active ul li a
            {
                font-weight: normal;
            }

            #subnavigation ul li.active ul li.active a
            {
                font-weight: bold;
            }

            #subnavigation ul li.active ul li.active ul li a
            {
                font-weight: normal;
            }

            #subnavigation ul li.active ul li.active ul li.active a
            {
                font-weight: bold;
            }

            #subnavigation ul li.active ul li.active ul li.active ul li a
            {
                font-weight: normal;
            }

            #subnavigation ul li.active ul li.active ul li.active ul li.active a
            {
                font-weight: bold;
            }

            #subnavigation ul li.active ul li.active ul li.active ul li.active ul li a
            {
                font-weight: normal;
            }

            #subnavigation ul li.active ul li.active ul li.active ul li.active ul li.active a
            {
                font-weight: bold;
            }

/*
#subnavigation a.active, 
#subnavigation li:first-child a.active
{
    background: #4cabed none !important;
    color: #ffffff !important;
    font-weight: bold !important;    
}
*/

/* Filtering (subnavi) */
.filtering
{
    padding-top: 45px;
}

/* Subnavi */

#feeditem-wrapper
{
    position: relative;
    clear: both;
    width: 758px;
    height: 270px;
    margin: 0px;
    padding: 0px;
}

    #feeditem-wrapper .header
    {
        float: left;
        width: 760px;
        height: 8px;
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_feeditemtop2.gif) no-repeat;*/
        margin: 0px;
        padding: 0px;
        background-color: #f0f6f9;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    #feeditem-wrapper .content
    {
        float: left;
        /*width: 764px;*/
        width: 735px;
        padding: 0 0 0 25px;
        height: 253px !important;
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_feeditemcontent.png) repeat-y;*/
        margin: 0 0 0px 0;
        background-color: #f0f6f9;
    }

    #feeditem-wrapper .button-layer
    {
        position: absolute;
        display: block;
        float: right;
        top: 233px;
        left: 5px;
        width: 320px;
        height: 28px;
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-buttons-bg.png) no-repeat;*/
        background: rgb(255,255,255);
        background: rgba(240,246,249,0.6);
        margin: 0 0 0 426px;
        padding: 0px;
    }

        #feeditem-wrapper .button-layer .play-pause-layer
        {
            float: right;
            width: 60px;
            border: 1px;
        }

            #feeditem-wrapper .button-layer .play-pause-layer .pause
            {
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-button-pause.png) no-repeat;
                display: block;
                width: 24px;
                height: 28px;
                border: 0px;
                overflow: hidden;
                padding-top: 30px;
            }

            #feeditem-wrapper .button-layer .play-pause-layer input.pause:hover
            {
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-button-pause-mo.png) no-repeat;
            }

            #feeditem-wrapper .button-layer .play-pause-layer input.play
            {
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-button-play.png) no-repeat;
                display: block;
                width: 24px;
                height: 28px;
                border: 0px;
                overflow: hidden;
                padding-top: 30px;
            }

                #feeditem-wrapper .button-layer .play-pause-layer input.play:hover
                {
                    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-button-play-mo.png) no-repeat;
                }

        #feeditem-wrapper .button-layer .number-layer
        {
            float: right;
            padding-right: 20px;
        }

        #feeditem-wrapper .button-layer a
        {
            float: left;
            /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-button-bg.png) no-repeat;*/
            color: #1b577b;
            font-size: 11px;
            font-weight: bold;
            font-family: Verdana;
            padding: 7px 8px 6px 9px;
            margin-top: 0px;
        }

            #feeditem-wrapper .button-layer a.selected
            {
                float: left;
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-button-sel-bg.png) no-repeat;
                color: #ffffff;
                font-size: 11px;
                font-weight: bold;
                font-family: Verdana;
                padding: 7px 8px 6px 9px;
                margin-top: 0px;
            }

            #feeditem-wrapper .button-layer a:hover
            {
                float: left;
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-button-sel-bg.png) no-repeat;
                color: #ffffff;
                font-size: 11px;
                font-weight: bold;
                font-family: Verdana;
                padding: 7px 8px 6px 9px;
                margin-top: 0px;
                text-decoration: none;
            }

            #feeditem-wrapper .button-layer a.play-pause
            {
                float: left;
                background: transparent none;
                color: #1b577b;
                font-size: 11px;
                font-weight: bold;
                padding: 0px;
                margin-top: 0px;
            }

    #feeditem-wrapper .content .wrapper
    {
        clear: both;
        /*padding-left: 43px;*/
    }

        #feeditem-wrapper .content .wrapper .text
        {
            position: relative;
            float: left;
            width: 345px;
            /*width: 345px;*/
            padding-right: 20px;
            line-height: 19px;
            height: 210px;
        }

            #feeditem-wrapper .content .wrapper .text p, #feeditem-wrapper .content .wrapper .text h2
            {
                margin-top: 15px;
            }

            #feeditem-wrapper .content .wrapper .text .link-div
            {
                position: absolute;
                top: 185px;
            }

        #feeditem-wrapper .content .wrapper .image
        {
            float: left;
            width: 354px;
        }

    #feeditem-wrapper .footer
    {
        float: left;
        width: 760px;
        height: 10px;
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_feeditembottom2.gif) no-repeat;*/
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_feeditembottom.png) no-repeat;*/
        background-color: #f0f6f9;
        margin: 0 0 0px 0;
        padding: 0px;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

a.readmore-link
{
    float: left;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-link-readmore.gif) no-repeat top left;
    margin-top: 10px;
    padding-left: 37px;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-right: 10px;
    font-size: 12px;
    color: #1b577b;
}

a.video-link
{
    float: left;
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_videolink.gif) no-repeat top left;*/
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-link-video.gif) no-repeat top left;*/
    padding-left: 37px;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-right: 10px;
    font-size: 10px;
    color: #1b577b;
}

a.signup-link
{
    float: left;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/carouselfeed-link-signup.gif) no-repeat top left;
    padding-left: 37px;
    padding-top: 5px;
    padding-bottom: 6px;
    padding-right: 10px;
    font-size: 10px;
    color: #1b577b;
}

#webpart-area
{
    clear: both;
    padding-top: 11px; 
    /* background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_contentareatopmargin.png) no-repeat;*/
}

    #webpart-area img
    {
        padding: 0px 5px 0px 5px;
    }

    #webpart-area .wa-contentrow img
    {
        padding: 0;
    }

    #webpart-area .ms-WPHeader TD
    {
        border-bottom: 0px !important;
    }

    /* Frontpage */

    #webpart-area .header
    {
        width: 764px;
        height: 0;
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_contentareatop.png) no-repeat;*/
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_contentareatop.gif) no-repeat;*/
        background-color: #fff;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    #webpart-area .wa-content
    {
        float: left;
        width: 764px;
        height: auto;
        /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/wa-content-bg.png) no-repeat top right;*/
    }

        #webpart-area .wa-content .text
        {
            float: left;
            width: 739px;
            background-color: #ffffff;
            padding-left: 6px;	/* 19px >> 6px on 23.09.2015 for fixing: /fi/Sivut/default.aspx */
            /*padding-top: 18px;*/
            padding-top: 0px;
            padding-right: 13px; /* 0px >> 13x on 23.09.2015 for fixing: /fi/Sivut/default.aspx */
            margin: 10px 0 0 0;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }

            #webpart-area .wa-content .text .wpa_wrapper
            {
                display: block;
                background-color: transparent;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                margin-top: 10px;
                height: auto;
                width: 764px;
                clear: both;
            }

                #webpart-area .wa-content .text .wpa_wrapper .left
                {
                    float: left;
                    width: 365px;
                    padding-right: 15px;
                    /*border: solid 1px red;*/
                }

                #webpart-area .wa-content .text .wpa_wrapper .right
                {
                    float: left;
                    width: 365px;
                    padding-right: 14px;
                    /*width: 369px;*/
                    /*border: solid 1px red;  */
                }

        #webpart-area .wa-content .image
        {
            float: left;
            width: 6px;
            height: 175px;
            /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/fp_contentarearight.png) repeat-y;*/
        }

    #webpart-area .wa-contentrow
    {
        padding-bottom: 20px;
    }

    /* Subpage */

    #webpart-area .wpa-wrapper-subpage
    {
        clear: both;
        width: 492px; /* 490px >> 492px on 17.09.2015 for fixing: fi/asiantuntijapalvelut/aek/Sivut/default.aspx */
        background-color: #fff;
        padding: 0px 10px 0px 10px;
        margin-bottom: 0px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        #webpart-area .wpa-wrapper-subpage .left
        {
            float: left;
            width: 239px;
        }

        #webpart-area .wpa-wrapper-subpage .right
        {
            float: left;
            width: 239px;
            margin-left: 14px;
        }

            #webpart-area .wpa-wrapper-subpage .left .dfwp-list,
            #webpart-area .wpa-wrapper-subpage .right .dfwp-list
            {
                width: 97% !important;
            }
    /*#webpart-area .wpa-wrapper-subpage .left .cqwp-item,
#webpart-area .wpa-wrapper-subpage .right .cqwp-item { background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/shadow_narrow.jpg) left bottom no-repeat; }*/

    #webpart-area .wide
    {
        clear: both;
        width: 468px;
        margin-left: 24px;
    }

.webpart-area
{
    margin-bottom: 10px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.webpart-green
{
    width: 100%;
    clear: both;
}

.webpart-blue
{
    width: 100%;
    /*width: 347px;*/
    clear: both;
}

.webpart-gray
{
    width: 214px;
    clear: both;
}

/* Green web part */

.webpart-green .ms-WPHeader
{
    width: 100%;
    padding-left: 15px;
    font-size: 14px;
    color: #403f3f;
    text-transform: uppercase;
    height: 55px;
}

.webpart-gray img {
    /* margin-left:-6px; */ /* removed on 30.10.2015 for fixing Gray-webpart Liiteet img: http://www.kunnat.net//fi/asiantuntijapalvelut/aek/alueiden-kehittaminen/Sivut/default.aspx */
    border:0;
}

.webpart li.dfwp-item
{
    list-style-type: none;
}

.webpart-green .ms-WPHeader TD
{
    border: 0px;
}

    .webpart-green .ms-WPHeader TD A img
    {
        margin-left: -5px;
    }

.webpart-green .ms-WPTitle
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_lgreen_line.gif) repeat-x left;
    font-size: 14px;
    color: #403f3f;
    text-transform: uppercase;
    height: 30px;
    margin-left: 5px;
    padding-left: 0px;
    padding-top: 15px;
    margin-top: 0px;
}

.webpart-green .ms-WPHeader .ms-wpTdSpace
{
    height: 55px;
}


.webpart-green a[disabled="disabled"]:hover
{
    text-decoration: none;
}

.webpart-green a[disabled="disabled"]
{
    color: rgb(102, 102, 102);
}

/*
.webpart-green .wp_header 
{
    width: 332px;
    padding-left: 15px;  
    height: 60px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_header.gif) no-repeat left bottom;
}


.webpart-green .wp_header-sub
{
    padding-left: 15px;
    font-size: 14px;
    color: #403f3f;
    text-transform: uppercase;
    height: 60px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_header.gif) no-repeat left bottom;
}
*/

/* Orange web part */

.webpart-orange .ms-WPHeader
{
    width: 100%;
    padding-left: 15px;
    font-size: 14px;
    color: #403f3f;
    text-transform: uppercase;
    height: 55px;
    margin: 0px 10px 0px 10px;
}

.webpart-orange .ms-WPTitle
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_wp_orange_line.gif) repeat-x left top;
    font-size: 14px;
    color: #403f3f;
    height: 35px;
    margin-left: 3px;
    padding-left: 0px;
    width: 197px;
}

    .webpart-orange .ms-WPTitle span
    {
        display: block;
        padding-top: 5px;
        text-transform: uppercase;
    }

.webpart-orange.non-webpart .ms-WPTitle
{
    height: 35px !important;
    margin-left:0px !important;
    padding-left:0px !important;
    width: 197px !important;
	margin-right: 8px;
}


.webpart-orange .ms-WPHeader .ms-wpTdSpace:first-child
{
    background: transparent none;
    width: 5px !important;
    height: 55px;
}


.webpart-orange .ms-WPHeader .ms-wpTdSpace
{
    background: transparent;
    width: 9px !important;
    height: 55px;
}

.webpart-orange .non-webpart .ms-WPHeader .ms-wpTdSpace
{
    background: transparent;
    width: 0px !important;
}

.webpart-orange .ms-WPHeader .ms-WPHeaderTdMenu
{
    border-top: 0px;
}

.webpart-orange H4
{
    font-size: 16px;
    color: #ba5700;
    padding-bottom: 12px;
}

.right-column .webpart-orange
{
    padding-bottom: 0px;
}

.groupheader.item.medium {
    font-size: 9pt !important;
    padding-left:0px !important;
}
/* Gray web part */

.webpart-gray .ms-WPHeader
{
    width: 100%;
    padding-left: 15px;
    font-size: 14px;
    color: #403f3f;
    text-transform: uppercase;
    height: 35px;
}

.webpart-gray .ms-WPTitle
{
    font-size: 14px;
    color: #222;
    height: 40px; /* tämän pienentäminen laittaa tekstin varjon päälle */
    margin-left: 3px;
    /* padding-left: 5px; */
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_wp_blue_line.gif) repeat-x;
    width: 196px;
}

.right-column .webpart-gray .ms-WPTitle
{
    /* margin-left: 0; */
}

.webpart-gray .ms-WPTitle span
{
    display: block;
    padding-top: 5px;
    text-transform: uppercase;
}

.webpart-gray .ms-WPHeader .ms-wpTdSpace:first-child
{
    background: transparent none;
    width: 5px !important;
    height: 55px;
}

.webpart-gray .ms-WPHeader .ms-wpTdSpace
{
    background: transparent none;
    width: 9px !important;
    height: 55px;
}

.webpart-gray .ms-WPHeader .ms-WPHeaderTdMenu
{
    border-top: 0px;
    /* background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_wp_blue_line.gif) repeat-x; */
}

.webpart-gray H4
{
    font-size: 16px;
    font-weight: normal;
    font-family: Verdana;
    color: #53237b;
    padding-bottom: 0px;
    margin: 0px;
}

.webpart-gray .no-margin .ms-wpContentDivSpace
{
	margin: 0 10px;
	/* margin: 0px !important; */ /* 0px >> XX on 23.09.2015 for fixing the right column layout "webpart-gray" */
}

/* Blue web part */

.webpart-blue .ms-WPHeader
{
    width: 100%;
    padding-left: 15px;
    font-size: 14px;
    color: #403f3f;
    text-transform: uppercase;
    height: 55px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_blue_bg.gif) repeat-x left top;
}

.webpart-blue .ms-WPTitle
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_wp_blue_line.gif) repeat-x;
    font-size: 14px;
    color: #ffffff;
    height: 55px;
    margin-left: -5px;
    padding-left: 15px;
}

    .webpart-blue .ms-WPTitle span
    {
        display: block;
        padding-top: 5px;
        text-transform: uppercase;
    }

.webpart-blue .ms-WPHeader .ms-wpTdSpace:first-child
{
    background: transparent none;
    width: 5px !important;
    height: 55px;
}

.webpart-blue .ms-WPHeader .ms-wpTdSpace
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_blue_right.gif) no-repeat left top;
    width: 9px !important;
    height: 55px;
}

.webpart-blue .ms-WPHeader .ms-WPHeaderTdMenu
{
    border-top: 0px;
}

.webpart-blue .wp_header
{
    width: 332px;
    padding-left: 24px;
    padding-top: 8px;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    height: 54px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_blue_header.gif) no-repeat left top;
}

/* Lightblue web part */

.webpart-lightblue .ms-WPHeader
{
    width: 100%;
    padding-left: 15px;
    font-family: Verdana;
    /*font-size: 14px;*/
    color: #079dd1;
    text-transform: none;
    height: 48px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_lightblue_bg.gif) repeat-x 0 25px;
}

.webpart-lightblue .ms-WPTitle
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_lightblue_h3.gif) no-repeat left bottom;
    font-family: Verdana;
    font-size: 16px;
    color: #079dd1;
    text-transform: none;
    height: 48px;
    margin-left: -5px;
    padding-left: 15px;
    padding-top: 0px;
    margin-top: 0px;
}

.webpart-lightblue .ms-WPHeader .ms-wpTdSpace
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_lightblue_right.gif) no-repeat left bottom;
    height: 48px;
}

/* old */

.webpart-gray .wp_header
{
    width: 202px;
    padding-left: 12px;
    padding-top: 8px;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    height: 54px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_gray_header.gif) no-repeat left top;
}

.webpart-green .wp_content,
.webpart-blue .wp_content
{
    padding-left: 25px;
    padding-right: 25px;
    line-height: 19px;
}

    .webpart-green .wp_content p,
    .webpart-blue .wp_content p
    {
        margin: 5px;
    }

    .webpart-green .wp_content .wp_contentitem
    {
        background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_line.gif) no-repeat left bottom;
        padding-bottom: 20px;
    }

    .webpart-blue .wp_content .wp_contentitem
    {
        border-top: solid 1px #dfdfdf;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        .webpart-blue .wp_content .wp_contentitem:first-child
        {
            border-top: 0px;
            padding-top: 0px;
        }

.webpart-gray .wp_content .wp_contentitem
{
    border-top: solid 1px #dfdfdf;
    padding-bottom: 0px;
    padding-top: 10px;
}

    .webpart-gray .wp_content .wp_contentitem:first-child
    {
        padding-bottom: 0px;
        padding-top: 0px;
        border: 0px;
    }

.webpart-gray .wp_content .wp_contentitem_thin
{
    border-bottom: solid 1px #dfdfdf;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 11px;
    margin-right: 11px;
}

    .webpart-gray .wp_content .wp_contentitem_thin:first-child
    {
        border-bottom: solid 1px #dfdfdf;
        padding-bottom: 10px;
        padding-top: 0px;
        margin-left: 11px;
        margin-right: 11px;
    }

.webpart-green .wp_footer,
.webpart-blue .wp_footer
{
    width: 347px;
    height: 105px;
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_footer.gif) no-repeat left bottom;*/
}

.webpart-gray .wp_footer
{
    width: 214px;
    height: 105px;
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_footer.gif) no-repeat -20px bottom;*/
}

.webpart-green .wp_footer a,
.webpart-blue .wp_footer a
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_linkarrow.gif) no-repeat top right;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 40px;
    float: right;
    height: 30px;
    font-weight: bold;
}

.webpart-gray .wp_footer a, .webpart-gray .wp_footer a:visited
{
    color: #0072BC !important;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_linkarrow.gif) no-repeat top right;
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 40px;
    float: right;
    /*height: 30px;*/
    height: 23px;
    font-size: 10px;
    font-weight: bold;
}

.blue-webpart-title
{
    margin-bottom: 30px;
    color: #079ed1;
    font-size: 16px;
    min-height:55px;
    border-bottom: 5px solid #00a6d6;
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_wp_blue_line.gif) repeat-x;*/
}

    .blue-webpart-title a:link, .blue-webpart-title a:active, .blue-webpart-title a:hover
    {
        color: #079ed1;
        text-decoration: none;
    }

.blue-webpart-image
{
    margin-bottom: 18px;
}

    .blue-webpart-image a img
    {
        margin: 0 !important;
    }

.blue-webpart-text
{
    padding-left: 11px;
    padding-right: 11px;
}

    .blue-webpart-text a, .webpart-gray .blue-webpart-text a
    {
        color: #666666;
    }

.violet-webpart-title
{
    font-size: 16px;
    color: #53237b;
    padding-bottom: 12px;
}

#footer
{
    clear: both;
    margin: 0 auto 0 auto;
    background-color: #697483; /*url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_footer.gif) repeat-x left top;*/
    min-height: 425px;
    width: 100%;
}

    #footer .shadow
    {
        margin: 0 auto 0 auto;
        width: 1000px;
        height: 0px;
        background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/footer_shadow.gif) no-repeat;
    }

    #footer .footer-linklist
    {
        display: block;
        clear: both;
        float: none;
        margin: 0 auto 0 auto;
        background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_footer-linklist.gif) repeat-x;
        border-top: solid 8px #ffffff;
        border-bottom: solid 8px #ffffff;
        height: 43px;
    }

        #footer .footer-linklist .bg-lines
        {
            margin: 0 auto 0 auto;
            height: 43px;
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/footer_linklist-wrapper-bg.gif) no-repeat center top;
        }

        #footer .footer-linklist .wrapper
        {
            clear: both;
            margin: 0 auto 0 auto;
            width: 1000px;
            height: 43px;
        }

            #footer .footer-linklist .wrapper ul
            {
                margin: 0px 0px 0px 0px;
                padding: 0px 0px 0px 15px;
            }

                #footer .footer-linklist .wrapper ul li
                {
                    float: left;
                    list-style-type: none;
                    padding-top: 4px;
                    height: 28px;
                    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/footer-linklist-separator.gif) no-repeat top right;
                }

                    #footer .footer-linklist .wrapper ul li.no-separator
                    {
                        background: transparent none;
                    }

                    #footer .footer-linklist .wrapper ul li a
                    {
                        display: block;
                        font-family: Verdana;
                        font-size: 11px;
                        font-weight: bold;
                        color: #ffffff;
                        padding: 12px 15px 15px 15px;
                    }

                        #footer .footer-linklist .wrapper ul li a.up-arrow-link
                        {
                            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_up-arrow.png) no-repeat right top;
                            padding-right: 50px;
                            margin-top: 0px;
                        }

                        #footer .footer-linklist .wrapper ul li a.rss-link
                        {
                            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_rss.png) no-repeat right top;
                            padding-right: 40px;
                            margin-right: 15px;
                        }

    #footer .footer-contentarea
    {
        width: 1000px;
        margin: 0 auto 0 auto;
        color: #ffffff;
        line-height: 19px;
        font-size: 11px;
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

        #footer .footer-contentarea p
        {
            margin-top: 10px !important;
            margin-bottom: 10px !important;
        }

        #footer .footer-contentarea .content-table
        {
            clear: both;
            padding-top: 25px !important;
            margin-top: 0px !important;
        }

            #footer .footer-contentarea .content-table .content-row
            {
                display: block;
                clear: both;
                margin-top: 0px !important;
            }

                #footer .footer-contentarea .content-table .content-row .content-leftcell
                {
                    float: left;
                    width: 365px;
                    padding-left: 31px;
                    padding-top: 0px !important;
                    margin-top: 0px !important;
                    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/footer-paral-line.gif) repeat-y top right;
                    margin-bottom: 14px !important;
                }

                #footer .footer-contentarea .content-table .content-row .content-rightcell
                {
                    float: left;
                    width: 583px;
                    padding-left: 21px;
                }

                    #footer .footer-contentarea .content-table .content-row .content-rightcell div
                    {
                        float: left;
                    }

        #footer .footer-contentarea h3
        {
            color: #ffffff;
            font-size: 12px;
            font-weight: bold;
            height: 48px;
            /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_footercontent-title2.gif) no-repeat bottom left;*/
            padding-left: 12px;
            margin-left: -12px;
            padding-top: 0px !important;
            margin-top: 0px !important;
        }

        #footer .footer-contentarea a
        {
            color: #ffffff;
        }

            #footer .footer-contentarea a.arrow
            {
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_linkarrow-footer.png) no-repeat;
                padding-top: 8px;
                padding-left: 38px;
                padding-bottom: 20px;
                font-weight: bold;
            }

        #footer .footer-contentarea ul
        {
            float: left;
            padding: 0px;
            margin: 0px 20px 0px 0px;
        }

            #footer .footer-contentarea ul li
            {
                list-style-type: none;
            }

        #footer .footer-contentarea .content-table .content-row .content-linecell
        {
            width: 1000px;
            height: 13px;
            /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_footer-line2.gif) no-repeat;*/
        }

        #footer .footer-contentarea .content-table .content-row .content-cell
        {
            width: 1000px;
            height: auto;
        }

    #footer .footer-botline
    {
        display: block;
        clear: both;
        float: none;
        margin: 0 auto 0 auto;
        background: #414a56 url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_footer-bot.gif) repeat-x left top;
        height: 56px;
    }

        #footer .footer-botline .links
        {
            width: 1000px;
            margin: 0 auto 0 auto;
            color: #ffffff;
            text-align: right;
            font-size: 11px;
            padding-top: 25px;
        }

            #footer .footer-botline .links a
            {
                color: #ffffff;
                padding-right: 45px;
            }

/* Wysiwyg-styles */

#content h2.ms-rteElement-H2
{
    color: #434343;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 15px;
}

#content h3.ms-rteElement-H3
{
    color: #434343;
    font-size: 12px;
    font-family: Verdana;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 15px;
}

#content h4.ms-rteElement-H4
{
    color: #434343;
    font-size: 11px;
    font-family: Verdana;
    font-weight: bold;
    font-style: normal;
    line-height: 16px;
    margin-bottom: 15px;
}

.ms-rtestate-field ul, .ms-rtestate-field ol
{
    margin: 0px;
    padding: 0px 0px 0px 35px;
}

    .ms-rtestate-field ul li
    {
        margin: 0px;
        /*padding: 0px 0px 7px 25px;*/
        padding-left: 2px;
    }

        .ms-rtestate-field ul li div.ms-rteElement-H4
        {
            color: #434343;
            font-size: 11px;
            font-style: normal;
        }

/* Wysiwyg-styles */

/* OOB overridden styles */
/* Ribbon */
#s4-ribbonrow
{
    display: none;
}

#pageStatusBar
{
    font-size: 11px !important;
}

#s4-statusbarcontainer
{
    padding-top: 0px;
}

/* Tabs */

.endero-webpartzone-tabstrip
{
    clear: both;
    display: block;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-bg.gif) no-repeat;
    width: 498px;
    min-height: 66px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
}

    .endero-webpartzone-tabstrip span
    {
        float: left;
        margin-left: 0px;
        background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-normal-bg.gif) repeat-x;
    }

        .endero-webpartzone-tabstrip span:first-child
        {
            float: left;
            margin-left: 0px;
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-first-left.gif) no-repeat;
        }

        .endero-webpartzone-tabstrip span.endero-webpartzone-tab-selected:first-child
        {
            float: left;
            margin-left: 0px;
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-first-left-selected.gif) no-repeat;
        }

        .endero-webpartzone-tabstrip span.endero-webpartzone-tab-selected,
        .endero-webpartzone-tabstrip span.last-selected
        {
            float: left;
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-bg.gif) repeat-x;
            height: 40px;
        }

            .endero-webpartzone-tabstrip span.endero-webpartzone-tab-selected a
            {
                display: block;
                background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-right-sel.gif) no-repeat top right;
                padding: 10px 30px 0px 30px;
                height: 30px;
            }

        .endero-webpartzone-tabstrip span:first-child.endero-webpartzone-tab-selected a
        {
            display: block;
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-right-sel.gif) no-repeat top right;
            padding: 10px 30px 0px 15px;
            height: 30px;
        }

        .endero-webpartzone-tabstrip span a
        {
            display: block;
            color: #ffffff;
            padding: 10px 30px 0px 30px;
            height: 30px;
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-right.gif) no-repeat top right;
        }

        .endero-webpartzone-tabstrip span:first-child a
        {
            display: block;
            color: #ffffff;
            padding: 10px 30px 0px 15px;
            height: 30px;
            background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-right.gif) no-repeat top right;
        }

.tabitem-shadow-right
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-shadow-right.gif) no-repeat top right !important;
}

.tabitem-shadow-left
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-shadow-left.gif) no-repeat top left !important;
}

.tabitem-last
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-last-right.gif) no-repeat top right !important;
    padding-right: 15px;
}

.tabitem-last-selected
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-last-right-sel.gif) no-repeat top right !important;
    padding-right: 15px;
}

/* ContentPageFunctionsTop.ascx */

#content-page-functions-top
{
    position: absolute;
    left: 782px;
    top: 24px;
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/contentpagefunctions_bg.gif) no-repeat;*/
    width: 166px;
    height: 40px;
    padding-left: 34px;
    font-family: Verdana;
    font-size: 10px;
    color: #656565;
}

    #content-page-functions-top a
    {
        font-family: Verdana;
        font-size: 10px;
        color: #656565;
        /*text-decoration: none;   */
    }

#middle-column-wrapper
{
    width: 510px;
    float: left;
    background: transparent;
}

#lang-version-selector
{
    font-family: Verdana;
    font-size: 10px;
    color: #656565;
    /*color: #666666;
    font-weight: bold;*/
    text-align: right;
    padding-top: 24px;
    height: 20px;
    padding-right: 15px;
    width: 495px;
    margin: 10px 0 0 0px;
    background-color: #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-topleft: 10px;
}

    #lang-version-selector a
    {
        color: #656565;
        /*color: #666666;
    font-weight: bold;*/
    }

/*
.endero-webpartzone-tabstrip span.last a 
{
   display: block;
   color: #ffffff;   
   padding: 10px 30px 0px 30px;
   height: 30px;    
   background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-last-right.gif) no-repeat top right;
}

.endero-webpartzone-tabstrip span.last-selected a 
{
   display: block;
   color: #ffffff;   
   padding: 10px 30px 0px 30px;
   height: 30px;    
   background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/tabs-item-last-right-sel.gif) no-repeat top right;
}

/*
#s4-workspace 
{
    background-color: transparent;
    background-image: none !important;
    background-attachment: scroll !important;
}
#s4-bodyContainer 
{
    background-image: none !important;
    background-attachment: scroll !important;  
}
*/

/* */

/* Enchanced CQWP */

.right-column .dfwp-list
{
    width: 97% !important;
    margin-left: 0px;
    margin-top: -8px;
}

.wa-contentrow .dfwp-list
{
    padding-left: 0;
}

/* ImageOnRight, ImageOnLeft */
.cqwp-item
{
    clear: both;
    width: 100%;
    height: auto;
    border-top: solid 1px #dfdfdf;
    display: block;
    line-height: 19px;
    padding: 10px 0px 10px 0px;
}

.webpart-green .cqwp-item
{
    /*clear: both;*/
    float: left;
    width: 100%;
    height: auto;
    border-top: 0px;
    /*    background: url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_line.gif) no-repeat left bottom;*/
    display: block;
    line-height: 19px;
    padding: 2px 0px 8px 0px;
}

.cqwp-item ul.dfwp-column
{
    padding: 0px 20px 0px 20px;
    width: auto !important;
}

#webpart-area li.dfwp-item:first-child .cqwp-item
{
    border-top: 0px;
    padding-top: 0px;
}

.cqwp-item .date-title-wrapper
{
    clear: both;
    width: 100%;
    display: block;
}

    .cqwp-item .date-title-wrapper .date
    {
        clear: both;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .cqwp-item .date-title-wrapper .title
    {
        clear: both;
        margin-top: 5px;
        margin-bottom: 5px;
    }

.cqwp-item .description-image-wrapper
{
    clear: both;
    width: 100%;
    display: block;
}

    .cqwp-item .description-image-wrapper .description
    {
        float: left;
        width: 50%;
        margin-bottom: 10px;
    }

    .cqwp-item .description-image-wrapper .description-wide
    {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .cqwp-item .description-image-wrapper .image-area-right,
    .cqwp-item .description-image-wrapper .image-area-left
    {
        float: left;
        width: 48%;
        margin-bottom: 10px;
    }

    .cqwp-item .description-image-wrapper .image
    {
        width: 100% !important;
        height: 100% !important;
    }

.cqwp-item a,
.docicon-title-description-wrapper a
{
    color: #0072BC !important;
    font-family: Verdana;
    font-size: 100%;
}

/* TitleDescription */

.cqwp-item .title-div
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.cqwp-item .description-div
{
}

/* BylineDateTitleDescription */

.cqwp-item .byline-date-title-wrapper
{
    clear: both;
}

    .cqwp-item .byline-date-title-wrapper .byline
    {
        float: left;
        padding-right: 5px;
    }

    .cqwp-item .byline-date-title-wrapper .date
    {
        float: left;
    }

    .cqwp-item .byline-date-title-wrapper .title
    {
        clear: both;
    }

/* DocIconTitleDescription */

.dfwp-item .byline-date-wrapper
{
    clear: both;
}

    .dfwp-item .byline-date-wrapper .byline
    {
        float: left;
        padding-right: 5px;
    }

    .dfwp-item .byline-date-wrapper .date
    {
        float: left;
    }

    .dfwp-item .byline-date-wrapper .date
    {
        float: none;
    }
/*hakunostot, päivämääräät laitettu eri riville */
		
.dfwp-item .docicon-title-description-wrapper
{
    clear: both;
    display: block;
    width: 100%;
    line-height: 1.2em;
	padding-top: 5px;
}

    .dfwp-item .docicon-title-description-wrapper .docicon
    {
        float: left;
        min-width: 30px;
    }

        .dfwp-item .docicon-title-description-wrapper .docicon .image
        {
            width: auto !important;
            height: auto !important;
            padding: 0 !important;
            float: none !important;
            margin-right: 10px !important;
        }
	

	
	.webpart-gray .dfwp-item .docicon-title-description-wrapper .docicon , .right-column .dfwp-item .docicon-title-description-wrapper .docicon  /* added on 25.09.2015 for fixing Orange-webpart Liiteet: /fi/palvelualueet/demokratia/Sivut/default.aspx */
      {
        min-width: 20px; 
		width: 20px;
    }

	.webpart-gray .dfwp-item .docicon-title-description-wrapper .title, .right-column .dfwp-item .docicon-title-description-wrapper .title    /* added on 25.09.2015 for fixing Orange-webpart Liiteet: /fi/palvelualueet/demokratia/Sivut/default.aspx */
      {
        width: 164px; 
    }

	.webpart-green .dfwp-item .docicon-title-description-wrapper .title  /* added on 25.09.2015 for fixing Green-webpart Liiteet: /fi/asiantuntijapalvelut/aek/typ/yhteistyosopimusmalli/Sivut/default.aspx */
	{
		width: 92%;
	}
	
    .dfwp-item .docicon-title-description-wrapper .title
    {
        float: left;
        /* width: 80%; */ /* 80% >> XX on 17.09.2015 for fixing: /fi/tietopankit/tapahtumat/Sivut/default.aspx */
        padding-bottom: 10px;
    }


        .dfwp-item .docicon-title-description-wrapper .title .description
        {
            clear: both;
        }
/*  */
.wa-contentrow .ms-wpContentDivSpace
{
    margin-left: 1px;
    margin-right: 0;
}

.wa-contentrow .image-area
{
    padding-top: 8px;
}

.page-content-wide .wa-contentrow .image-area
{
    padding-top: 0px;
}

/* CWQP footer links */

.cwqp-blue-arrow a, .cwqp-blue-arrow a:visited, .cwqp-blue-arrow a:active
{
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_linkarrow.gif) no-repeat top right;
    /*margin-top: 10px;*/
    margin-top: 1px;
    padding-top: 10px;
    padding-right: 40px;
    float: right;
    /*height: 30px;*/
    height: 23px;
    color: #0072BC !important;
    font-weight: bold;
}

/* Footer */
/* Frontpage */
#webpart-area .s4-wpTopTable
{
    padding-bottom: 65px;
    padding-bottom: 5px;
    /* width: 347px; */ /* 347px >> XX on 17.09.2015 for fixing: /fi/tietopankit/tapahtumat/Sivut/default.aspx */
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_footer.gif) no-repeat left bottom;*/
}


#dvReunaAlue01 .s4-wpTopTable, #dvReunaAlue02 .s4-wpTopTable, #dvReunaAlue03 .s4-wpTopTable
{
    width: 100%; 
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_footer.gif) no-repeat left bottom;*/
}

#webpart-area .wpa-wrapper-subpage .s4-wpTopTable
{
    /*background: url("/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_footer.gif") no-repeat scroll 0 100% transparent;*/
    /*padding-bottom: 65px;*/
    padding-bottom: 5px;
    width: 100%;
}

.page-content-wide #webpart-area .s4-wpTopTable
{
    padding-bottom: 0px;
    width: 347px;
    background: none;
}

/* Right column */

.content-wrapper-rc .s4-wpTopTable
{
    /*padding-bottom: 58px;*/
    padding-bottom: 5px;
    width: 214px;
    /*background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_footer.gif) no-repeat -20px bottom;*/
}

.content-wrapper-rc .webpart-gray .s4-wpTopTable .wp_footer
{ /*display: none;*/
    background: none;
    height: 31px;
}

.content-wrapper-rc .ms-WPHeader TD
{
    border-bottom: 0px;
}


/* Recommend.ascx */

.recommend-wrapper
{
    float: left;
    margin: 0 20px 0 0;
    height: 31px;
    display: block;
}

    .recommend-wrapper .link,
    .recommend-wrapper .button
    {
        float: left;
    }

    .recommend-wrapper .spacer,
    .recommend-wrapper .recommendations
    {
        float: left;
        /*padding: 10px 0px 10px 0px;*/
        line-height: 31px;
    }

    .recommend-wrapper .link a
    {
        display: block;
        background-repeat: no-repeat;
        line-height: 31px;
        padding: 0 0 0 35px;
    }

/* UserProfile.ContentPagePersons.ascx */

#additional-details-short .rightcol span
{
    display: block;
}

#contentpagepersons-wrapper
{
    position: relative;
    clear: both;
    width: 450px;
    height: 170px;
    margin: 0px;
    padding-bottom: 65px;
    padding-top: 0px;
}

#additional-details
{
    padding: 20px 0 2px 10px;
    width: 500px;
    height: 31px;
    background-color: #fff;
    overflow: hidden;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-bottom: 10px;
}

    #additional-details a
    {
        background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/person_details_up-arrow.gif) no-repeat right;
        border-right: 5px solid transparent;
        color: #403f3f;
        font-weight: bold;
        float: right;
        color: #0072bc !important;
        height: 23px;
        padding: 10px 40px 0 0;
        display: block;
        overflow: hidden;
    }

#additional-details-header
{
    font-family: Verdana, Tahoma, sans-serif;
    font-weight: normal;
    color: #403f3f;
    text-transform: uppercase;
    font-size: 14px;
    padding: 0;
    margin: 10px 0 0 0px;
    display: block;
    float: left;
}

#additional-details-green
{
    /*background: #fff url(/_layouts/images/Endero.Kuntaliitto.KN2/person_details_green.gif) no-repeat left top;*/
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    height: 6px;
    margin: 0 0 0 0px;
}

.additional-details-darkblue
{
    height: 6px;
    background-color: #405E94;
}

#additional-details-short
{
    width: 500px;
    padding-left: 10px;
    /* padding-top: 10px; */
}

    #additional-details-short .leftcol
    {
        float: left;
        width: 170px;
        color: #666666 !important;
        font-weight: bold;
        padding-bottom: 15px;
    }

    #additional-details-short .rightcol
    {
        margin-left: 150px;
        margin-bottom: 0px;
        width: 330px;
        padding-bottom: 15px;
    }

#contentpagepersons-wrapper .header
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 375px;
    height: 30px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_linkarrow.gif) no-repeat top left;
    margin-top: 10px;
    padding-top: 10px;
    padding-left: 40px;
    float: left;
    height: 30px;
    color: #0072BC !important;
    font-weight: bold;
}

#contentpagepersons-wrapper .person-wrapper
{
    position: absolute;
    background-color: #f2eee9;
    float: left;
    top: 15px;
    left: 0px;
    width: 484px;
    height: 176px;
    border-bottom: solid 1px white;
}

#contentpagepersons-wrapper .leftcol
{
    position: absolute;
    top: 16px;
    left: 15px;
    width: 125px;
    height: 125px;
}

#contentpagepersons-wrapper .title
{
    position: absolute;
    top: 16px;
    left: 120px;
    width: 250px;
    height: 20px;
    color: #0072BC !important;
    font-weight: bold;
}

#contentpagepersons-wrapper .content
{
    position: absolute;
    top: 40px;
    left: 120px;
    width: 150px;
    height: 125px;
    padding-bottom: 10px;
    padding-right: 10px;
    line-height: 16px;
}

#contentpagepersons-wrapper .rightcol
{
    position: absolute;
    top: 40px;
    left: 210px;
    width: 250px;
    height: 125px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    color: #444444;
    line-height: 16px;
}

#contentpagepersons-wrapper .footer
{
    position: absolute;
    top: 182px;
    left: 0px;
    bottom: 25px;
    width: 444px;
    background: transparent url(/_layouts/images/Endero.Kuntaliitto.KN2/bg_linkarrow_gray.gif) no-repeat left;
    background-color: #f2eee9;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 40px;
    float: left;
    height: 30px;
    color: #0072BC !important;
    font-weight: normal;
}

#additional-details-bottom
{
    /*    background: url("/_layouts/images/Endero.Kuntaliitto.KN2/person_details_footer.gif") no-repeat scroll left bottom transparent;*/
    background-color: #fff;
    padding-bottom: 5px;
    padding-top: 10px;
    width: 510px;
    margin-left: 0px;
    margin-bottom: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* UserProfile.PageUpdateInfo.ascx */

#pageupdate-info
{
    /* padding-top: 5px;
	background-color: #fff;
    padding-bottom: 5px;*/
    width: 492px; 
}

    #pageupdate-info .leftcol
    {
        float: left;
        width: 130px;
    }

    #pageupdate-info .rightcol
    {
        margin-left: 130px;
        width: 300px;
    }

/* FormGenerator */

.FormGeneratorForm
{
    font-family: Verdana;
    color: #444444;
    font-weight: normal;
}

.FormGeneratorSubtitle
{
    color: #434343;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin: 20px 0 10px;
    /*font-weight: bold;
    margin: 0;
    padding-top: 15px;
    border: none;
    border-bottom: 1px solid #dfdfdf;
    width:300px;*/
}

.FormGeneratorFormItem
{
    margin: 0;
    padding: 0 0 15px 0;
}

.FormGeneratorFieldName
{
    font-weight: bold;
}

.FormGeneratorDescription
{
    font-weight: normal;
}

.FormGeneratorTextBox,
.FormGeneratorDropDown,
.FormGeneratorMultilineTextBox
{
    border: 1px solid #aeb4ce;
    width: 300px;
}

.FormGeneratorClearButton,
.FormGeneratorSubmitButton
{
    border: 1px solid #aeb4ce;
    color: #0072BC;
    background-color: #ffffff;
}

.FormGeneratorErrorBox
{
    color: red;
}

.FormGeneratorThankYouBox
{
    font-weight: bold;
}

.link-area
{
    cursor: hand;
    cursor: pointer;
}

/* +++++++++++++++++++++++++++ added by shahi for people +++++++++++++++++++++++++++  */
.dvSericeContactsShort          /* for the div, the container for the service desk contact in the brief view */
{
    /* width: 490px; */
    margin-right: 10px;
    background-color: #F7EFE7;
    float: left;
    margin-bottom: 16px;
}

.dvServiceContacts p {padding-top: 2px; padding-bottom: 8px;}

.dvServiceContactsDetails       /* for the div, the container for the service desk contact in the detail view */
{
    /* width: 490px; */
    background-color: #F7EFE7;
    float: left;
    margin: 0 10px 20px;
}

.dvServiceContacts              /* for the div to hold the controls for the service desk contact information */
{
    /* font-weight: bold; */
    padding: 6px;
    overflow: hidden;
}

div.dvServiceContacts ul
{
    /* font-weight: bold; */
    padding: 10px;
}

.dvServiceImage                 /* for the div to hold the image for the service desk contact */
{
    float: left;
    padding: 12px;
    height: 100px;
    width: 100px;
}

.dvNewFooterLinkTop             /* round corner div for the top part of new footer beneath the member's list */
{
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 5px 0 5px;
    width: 500px;
    text-align: center;
}

.dvNewFooterLinkBottom          /* round corner div for the bottom part of new footer beneath the member's list */
{
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    padding-bottom: 5px;
    padding-top: 10px;
    width: 510px;
}

/* --------------------------- added by shahi for people ---------------------------  */

/* People  */

.people
{
    /*background: #f2eee9 url(/_layouts/images/Endero.Kuntaliitto.KN2/peoplecard_top.png) no-repeat top center;*/
    background: #fff;
    overflow: hidden;
    margin: 0 0 0px 0;
	/* width: 510px; */   /* 510px >> XX on 17.09.2015 for fixing: fi/Yhteystiedot/henkilosto/johto/Sivut/default.aspx and /fi/Kuntaliitto/media/tiedotteet/Sivut/default.aspx */ 
}

.people-inside
{
    margin: 0px 10px 5px 10px;
    background-color: #EFEDE7;
}

.people-picture
{
    float: left;
    padding: 15px 38px 15px 15px;
    width: 74px;
}

    .people-picture img
    {
        display: block;
    }

.people-name-and-title
{
    margin-bottom: 1em;
}

    .people-name-and-title a
    {
        color: #0072bc;
    }

        .people-name-and-title a span:first-child:after
        {
            content: "";
        }

        .people-name-and-title a span:after
        {
            content: ", ";
        }

.people-name-and-title
{
    text-transform: lowercase;
}

    .people-name-and-title a
    {
        text-transform: capitalize;
    }

.people-name
{
    text-transform: capitalize;
    font-weight: bold;
}

div.job-description-list ul
{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 15px; /* adjust this to position the list */
}

.people-data
{
    float: left;
    width: 310px;
    margin: 19px 0 0 0;
    padding: 0 0 10px 0;
}

.dataLabel
{
    float: left;
    width: 95px;
    color: #666;
}

.data
{
    float: left;
    width: 205px;
    margin: 0 0 0 10px;
    color: #444;
    clear: right;
}

.row
{
    clear: both;
}

    .row div.dataLabel, .row div.data
    {
        margin: 3px 0 0 0;
    }

.people-vcard
{
    border-top: 1px solid #fff;
    line-height: 50px;
    clear: both;
}

    .people-vcard a
    {
        background: url(/_layouts/images/Endero.Kuntaliitto.KN2/peoplecard_download.gif) no-repeat center left;
        display: block;
        margin: 0 0 0 17px;
        padding: 0 0 0 45px;
    }

.additional-details-hidden
{
    display: none;
}

.additional-details-visible
{
    background-color: #fff;
    ;
}


#additional-details-content .people-data
{
    float: left;
    width: 355px;
    margin: 19px 0 0 0;
    padding: 0 0 10px 0;
}

/* Share */
#shareThisPage
{
    float: left;
    margin: 0 20px 0 0;
}

    #shareThisPage a
    {
        line-height: 31px;
    }

        #shareThisPage a img
        {
            display: block;
            float: left;
            margin: 0 3px 0 0;
        }

/* jQuery DatePicker */
/*.ui-datepicker { margin-left: 160px; }*/

/* Databank */
.shadowed .databank INPUT.ms-sbplain,
.shadowed .wpa-wrapper-subpage INPUT.ms-sbplain
{
    width: 430px !important;
}
/*.shadowed #webpart-area .wpa-wrapper-subpage .s4-wpTopTable { background: url("/_layouts/images/Endero.Kuntaliitto.KN2/webpart_green_footer_db.gif") no-repeat scroll 0 100% transparent; }*/

/* Event calendar */
#resultList .srch-Title3
{
    padding: 0;
}

#resultList .srch-Metadata2
{
    padding: 0;
    margin-left: 0;
}
/*will break tietopankki result list! .dataBank #resultList .srch-Metadata2 { margin-bottom: 0 !important; } */

/* Search results page */
#searchTerm
{
    clear: both;
    margin: 0 0 16px 0;
    padding: 0 0 0 210px;
}

.shadowed .ms-sbgo a
{
    display: block;
    width: 64px;
    height: 22px;
    background-repeat: no-repeat !important;
}

#searchTerm .ms-sbgo img, .shadowed .ms-sbgo img
{
    display: none;
}

#searchTerm .ms-sbplain, .shadowed .ms-sbplain
{
    padding: 0 2px 0 10px;
    height: 22px;
    line-height: 22px;
    background: url("/_layouts/images/Endero.Kuntaliitto.KN2/bg_searchtextbox.gif") no-repeat scroll 0 0 transparent;
    border: none !important;
}

#scopeTabs
{
    margin: 0 0 16px 0;
    padding: 0 15px 0 15px;
}

    #scopeTabs .ms-sctabcn,
    #scopeTabs .ms-sctabcnhover
    {
        background: url(/_layouts/images/Endero.Kuntaliitto.KN2/scope_separator.gif) no-repeat 0 11px;
        border: none;
        font-weight: bold;
        color: #666;
        padding: 0 0 0 3px;
    }

        #scopeTabs .ms-sctabcn span,
        #scopeTabs .ms-sctabcnhover span
        {
            padding: 0 15px;
            display: block;
            border-bottom: 8px solid #52a7f6;
            line-height: 33px;
        }

        #scopeTabs .ms-sctabcn:first-child,
        #scopeTabs .ms-sctabcnhover:first-child
        {
            background: none;
        }

    #scopeTabs .ms-sctabrx
    {
        border-bottom: 8px solid #f2ede7;
    }

    #scopeTabs .ms-sctabcf,
    #scopeTabs .ms-sctabcfhover
    {
        padding: 0 0 0 3px;
        background: url(/_layouts/images/Endero.Kuntaliitto.KN2/scope_separator.gif) no-repeat center left;
    }

        #scopeTabs .ms-sctabcf:first-child,
        #scopeTabs .ms-sctabcfhover:first-child
        {
            padding: 0;
            background: none;
        }

        #scopeTabs .ms-sctabcf a,
        #scopeTabs .ms-sctabcfhover a
        {
            display: block;
            background: none;
            padding: 0 15px;
            line-height: 33px;
            border-bottom: 8px solid #f2ede7;
            color: #1d577c;
            font-weight: bold;
        }

#searchResultsContainer
{
    clear: both;
    width: 755px !important;
    background-color: #fff;
    margin-top: 0px;
    margin-bottom: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 10px !important;
}

    #searchResultsContainer .page-content
    {
        width: auto !important;
    }

#resultFiltering
{
    float: left;
    margin: 0 34px 0 15px;
}

.ms-searchref-main
{
    background: none;
    border: none;
    width: 175px !important;
}


.ms-searchref-categoryname
{
    font-size: 11px;
    color: #444;
    font-weight: bold;
    background: #f2ede7 no-repeat center bottom;
    height: 22px;
    line-height: 21px;
    padding: 1px 3px 7px 5px;
    margin-bottom: 6px;
}

ul.ms-searchref-filters
{
    border-bottom: 1px solid #dfdfdf;
}

li.ms-searchref-filter, li.ms-searchref-filtermsg
{
    border-top: 1px solid #dfdfdf;
    margin: 0;
    padding: 6px 20px 6px 5px;
}

li.ms-searchref-selected, li.ms-searchref-filtermsg
{
    color: #fff;
    border: none;
    background-color: #52a7f6;
}

    li.ms-searchref-selected .ms-searchref-count
    {
        color: #fff !important;
    }

.ms-searchref-filterlink,
.ms-searchref-filterlink:hover,
.ms-searchref-morelink
{
    color: #0072BC !important;
}

li.ms-searchref-selected .ms-searchref-filterlink
{
    color: #fff !important;
    font-weight: bold;
}

.srch-Title2 a:link, .srch-Title2 a:hover
{
    color: #0072BC !important;
}

.srch-results
{
    padding: 0;
}

.srch-BestBets
{
    max-width: 516px !important;
}

DIV.srch-BestBetsBottom2
{
    width: 516px !important;
}


.shadowed .ms-sbgo a			/* search bar in search result and tiedotteet page: fi, sv -- #ctl00_ctl22_g_7db850d1_854c_461d_b772_b06f2f8cc717_SAE0D020F_go, #ctl00_ctl22_g_98ef4b86_7836_4495_a599_72cd99355a06_S8A0885AE_go */
{
	background: url("/_layouts/images/Endero.Kuntaliitto.KN2/btn_hae.png") no-repeat scroll 4px 4px #00a5d5 !important;
	height: 37px;
	width: 52px;	
}

#middle-column-wrapper .ms-sbrow .ms-sbcell .ms-sbplain		/* search bar in search result and tiedotteet page: fi, sv -- #ctl00_ctl22_g_7db850d1_854c_461d_b772_b06f2f8cc717_SAE0D020F_go, #ctl00_ctl22_g_98ef4b86_7836_4495_a599_72cd99355a06_S8A0885AE_go */
{
	width: 445px !important;
	border: 4px solid #00a5d5 !important;
}

#webpart-area2 .ms-sbrow .ms-sbcell .ms-sbplain		/* search bar in tiedotteet page: fi, sv -- #ctl00_ctl22_g_7db850d1_854c_461d_b772_b06f2f8cc717_SAE0D020F_go, #ctl00_ctl22_g_98ef4b86_7836_4495_a599_72cd99355a06_S8A0885AE_go */
{
	width: 418px !important;
}


#resultList
{
    float: left;
    width: 516px !important;
}

#resultListHeader
{
    border-bottom: 1px solid #dfdfdf;
    padding: 0 0 6px;
    margin: 0 0 20px;
}

#totalResults
{
    float: left;
    color: #666;
    line-height: 19px;
}

#resultSorting
{
    float: right;
    color: #666;
}

#searchResultsSupportColumn
{
    float: left;
    padding: 5px 5px 10px 5px;
    width: 220px;
    margin: 10px 0 10px 260px;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


/* Custom table styles for rich html editor. Note that the numbers are quite odd, since there are already table styles 1-3 and 6 in controls.css. */
table.ms-rteTable-4
{
    -ms-name: "Kunnat.net - Perustaulukko";
    border-collapse: collapse;
    border: none;
}

    table.ms-rteTable-4 th,
    table.ms-rteTable-4 td
    {
        text-align: left;
        padding-left: 2px;
    }

table.ms-rteTable-5
{
    -ms-name: "Kunnat.net - Perustaulukko viivoilla";
    border-collapse: collapse;
    border: 1px solid #eee;
}

    table.ms-rteTable-5 td,
    table.ms-rteTable-5 th
    {
        border: 1px solid #eee;
        text-align: left;
        padding-left: 2px;
    }

table.ms-rteTable-6b
{
    -ms-name: "Kunnat.net - Rivitetty taustavärillä";
    border-collapse: collapse;
    border: none;
}

    table.ms-rteTable-6b tr.ms-rteTableEvenRow-6b
    {
        background: #e3efff;
    }

th.ms-rteTableHeaderFirstCol-6b,
th.ms-rteTableHeaderEvenCol-6b,
th.ms-rteTableHeaderOddCol-6b,
th.ms-rteTableFirstCol-6b
{
    text-align: left;
    padding-left: 2px;
    border-bottom: 1px solid #002e63;
    background: #e3efff;
}

table.ms-rteTable-6b td, .ms-rteTableOddRow-6b th, .ms-rteTableEvenRow-6b th
{
    padding-left: 2px;
    text-align: left;
    border: none;
    background: none;
}

table.ms-rteTable-8
{
    -ms-name: "Kunnat.net - Kehykset ympärillä";
    border-collapse: collapse;
    border: 1px solid #c6c7c6;
}

    table.ms-rteTable-8 td,
    table.ms-rteTable-8 th
    {
        border: none;
        padding-left: 2px;
        text-align: left;
    }

    table.ms-rteTable-8 tr.ms-rteTableHeaderRow-8
    {
        background: #e3efff;
    }

table.ms-rteTable-9
{
    -ms-name: "Kunnat.net - Sarakkeissa taustaväri";
    border-collapse: collapse;
    border: none;
}

    table.ms-rteTable-9 td,
    table.ms-rteTable-9 th
    {
        border: none;
        padding-left: 2px;
        text-align: left;
    }

th.ms-rteTableHeaderFirstCol-9,
th.ms-rteTableHeaderEvenCol-9,
td.ms-rteTableEvenCol-9,
th.ms-rteTableFirstCol-9
{
    background: #e3efff;
}

/* Custom Text styles for rich html editor. */
h2.ms-rteElement-H2kn2
{
    -ms-name: "Kunnat.net - Otsikko 2";
    color: #434343;
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    margin: 20px 0 10px;
}

h3.ms-rteElement-H3kn2
{
    -ms-name: "Kunnat.net - Otsikko 3";
    color: #434343;
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0 10px;
    color: #434343;
    font-weight: bold;
}

h4.ms-rteElement-H4kn2
{
    -ms-name: "Kunnat.net - Otsikko 4";
    color: #434343;
    font-size: 12px;
    line-height: 16px;
    margin: 20px 0 10px;
    color: #434343;
    font-weight: bold;
}

h5.ms-rteElement-H5kn2
{
    -ms-name: "Kunnat.net - Otsikko 5";
    color: #434343;
    font-size: 11px;
    line-height: 16px;
    margin: 20px 0 10px;
    font-weight: bold;
    margin: 20px 0 10px;
    font-style: normal;
}

P.ms-rteElement-P2
{
    -ms-name: "Kunnat.net - Leipäteksti";
}

.ms-rteElement-P2
{
    line-height: 18px;
    color: #000;
    margin: 0 0 10px;
}

ul li .ms-rteElement-P2
{
    margin: 0;
}

.ms-rteElement-P2kn2HarmaaTeksti
{
    -ms-name: "Kunnat.net - Harmaa teksti";
    color: #828282;
}

hr.ms-rteElement-HRkn2
{
    -ms-name: "Kunnat.net - Vaakaviiva";
    margin: 10px 0;
}

P.ms-rteElement-P2kn2Sitaatti
{
    -ms-name: "Kunnat.net - Sitaatti";
    margin-left: 35px;
    font-style: italic;
}

P.ms-rteElement-Pkn2KolumninostoOikealle
{
    -ms-name: "Kunnat.net - Kolumninosto oikealle";
    font-size: 1.3em;
    font-style: italic;
    width: 40%;
    float: right;
    margin: 0 0 10px 10px;
}

P.ms-rteElement-Pkn2KolumninostoVasempaan
{
    -ms-name: "Kunnat.net - Kolumninosto vasempaan";
    font-size: 1.3em;
    font-style: italic;
    width: 40%;
    float: left;
    margin: 0 10px 10px 0;
}

/* NO Bullet */
#content .content-wrapper .left-column-fp .wa-content ul li
{
    list-style-type: none;
}

#content .content-wrapper .webpart-green ul li
{
    list-style-type: none;
}

/* misc overrides */
#webpart-area .wa-contentrow .s4-wpTopTable
{
    width: 215px;
}

/* misc sp overrides */
.ms-WPHeader td, .ms-fakewptitle
{
    border-bottom: none !important;
}

.ms-WPHeader
{
    background: transparent;
}

nobr
{
    white-space: normal;
}

.ms-usereditor #content
{
    width: auto;
    clear: none;
    margin: auto;
}
/* People picker has multiple #content elements. */
.ms-dlgContent
{
    position: fixed !important;
}
/* A fix for the sp2010 modal dialog positioning (position: absolute). */
.ms-PartSpacingVertical
{
    display: none;
}


/* EventCalendar */
.event-header-title
{
}

.event-title H2
{
    font-weight: bold;
}

.event-date-and-place
{
    margin-bottom: 10px;
}

.event-ingress
{
    font-weight: bold;
    color: #666666;
}

.event-description
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.event-info-tbl
{
    padding: 0;
    margin: 0;
    margin-left: -2px;
}

.event-info-row
{
    padding-bottom: 10px;
}

.event-info-title
{
    padding-left: 0;
    margin-left: 0;
    width: 180px;
    font-weight: bold;
    color: #666666;
    vertical-align: top;
}

.event-info-value
{
    vertical-align: top;
}

.event-sitelink
{
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.event-attachments div
{
    margin-top: 15px;
    font-weight: bold;
    color: #666666;
}

.event-attachments ul
{
    list-style-type: square;
    margin-top: -20px;
}

.event-attachments li
{
    margin-left: 145px;
}

#content .content-wrapper div.job-description-list ul li
{
    list-style-type: disc;
}

.fb-like
{
    float: left;
    padding-top: 9px;
    padding-left: 30px;
    width: 110px;
}

#middle-column-wrapper .fb-like {
    padding-top:0;
    margin-top: -6px;
    padding-left:160px;
}

#socialMediaIntegrationControl .fb-like {

    padding-top:0;
    margin-top: 0;
    padding-left:0;
    width: 144px;
}

.twitter-follow-button
{
    padding-top: 9px;
    padding-left: 30px;
}

.twitter-follower
{
    float: left;
    width: 110px;
}

.right-column-fp tr
{
    margin-bottom: 10px;
}

.ms-WPBody ul
{
    margin-left: 10px;
}

    .ms-WPBody ul li
    {
        margin-left: 10px;
    }

.search-page
{
    width: 750px !important;
}

.hide-if-empty
{
     display:none; 
}

.description, .ms-WPBody
{
    font-size: 11px;
}

.ms-WPHeaderMenuImg
{
    padding: 0;
}

.banner-zone
{
    float:left;
    width: 100%;
}

.banner-center-right
{
    float:left;
    margin-left: 26%; 
    width: 74%;
}

.ReunaAluePosition
{
    padding: 0 10px 0 10px;   /* 10px >> 0 10px 0 10px on 16.10.2015 for removing empty space from top of the main body part: http://www.kunnat.net/fi/asiantuntijapalvelut/tuke/Sivut/default.aspx */
}

.AlignLeft
{
    float:left;
}

.BRClearBoth
{
    clear:both;
}

.ContentPageWebpartArea
{
    /* margin-left: -10px; */ /* -10px >> XX on 17.09.2015 for fixing: /fi/tietopankit/tapahtumat/Sivut/default.aspx */
}

#socialMediaIntegrationControl
{
	/* padding-left: 10px; */ /* 10px >> XX on 17.09.2015 for fixing: "socialMediaIntegrationControl" user control position */
}

#twitter-widget-1
{
	padding-left: 4px; padding-right: 4px; /* added on 17.09.2015 for making a bit extra blank pixels between fb, twitter and linkedin icons on "socialMediaIntegrationControl" user control */
}

.webpart-gray p
{
	margin: 0 5px;	/*  >> added on 23.09.2015 for fixing the right column layout "webpart-gray" */
}

.ReunaAluePosition .dfwp-item .docicon-title-description-wrapper .title
{
	width: 182px;	/*  >> added on 23.09.2015 for fixing the bullet issue at: /asiantuntijapalvelut/kuntatalous/Sivut/default.aspx  */
}

#webpart-area2 .wpa-wrapper-subpage
{
	clear: both;
	width: 490px; /* 490px >> 492px on 17.09.2015 for fixing: fi/asiantuntijapalvelut/aek/Sivut/default.aspx */
	background-color: #fff;
	padding: 10px 10px 0px 10px;
	margin-bottom: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.srch-Page
{
	padding: 0.2em 0 4em 2em;	/*  >> added on 20.10.2015 for fixing search result paging issue at: http://www.kunnat.net/fi/tietopankit/uutisia/Sivut/results.aspx?start1=21  */
}

.wpa-wrapper-subpage #SRSB
{
	padding: 10px 0 50px 0;	/*  >> added on 20.10.2015 for fixing search result paging issue at: http://www.kunnat.net/fi/tietopankit/uutisia/Sivut/results.aspx?start1=21  */
}