ul.horizontal
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

body
{
    background: url('images/bg-white-grad.jpg') 0 0;
    font-family: Arial;
    font-size: 11px;
}

    body .bg-wrap
    {
        background: url('images/gradient_squares.png') 0 0;
    }

Xbody .bg-wrap
{
    background: #d6eef0 url('images/bg-img-1.jpg') no-repeat 50% 0%;
}

Xbody .bg-wrap
{
    background: url('images/bg-img-2.jpg') 0 0;
}


body, html
{
    height: 100%;
}

.bg-wrap
{
    min-height: 87%;
}


/*  [common]  */
.align-r
{
    text-align: right;
}

.b-txt
{
    font-weight: bold;
}

.fleft
{
    float: left;
}

.fright
{
    float: right;
}
/*  [/common]  */


body .custom-bg, body .navbar .custom-bg
{
    background: url('images/bg-white-grad.jpg') 0 0;
}

.bg-wrap > .container-fluid
{
    margin-top: 0px;
}

/*  [fonts]  */
a, a:hover,
.breadcrumb li.active
{
    color: #b80000;
}

.title a,
.ingress,
.topnav a
{
    font-size: 16px;
}

h1, h2, h3, h4,
.carousel h3
{
    font-weight: normal;
}

.nc-content h3
{
    font-size: 20px;
    font-weight: normal;
}

/*content headers*/

.main-content h1, .blogentry h1
{
    font-size: 24px;
    line-height: 30px;
}

.main-content h2, .main-content h3,
.blogentry h2, .blogentry h3
{
    font-size: 20px;
    line-height: 22px;
}

.txt-color-1
{
    color: #666;
}

.txt-color-2,
.breadcrumb a
{
    color: #999;
}

.txt-color-3
{
    color: #ccc;
}

footer, .breadcrumb
{
    font-size: 14px;
}
/*  [/fonts]  */

/*  [header]  */
.header
{ /*Banner in use*/
    /* background: url('images/bg-apple.png') no-repeat 200px 0;*/
}

img.logo
{
    margin: 34px 0 34px 15px;
}

.header .srch-box
{
    /*background: #e5e5e5;*/
    padding: 15px;
    float: right;
    margin-top: 25px;
    opacity: 0.7;
}

.srch-box input
{
    height: 22px;
    border: solid 1px #ababab;
}

    .srch-box input[type='text']
    {
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        width: 172px;
        margin: 0;
        border-right: none;
        padding: 0 5px;
    }

.srch-box .s-btn
{
    background: url('images/srch-btn.jpg') 0 0;
    width: 20px;
    height: 24px;
    padding: 2px 0;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
}
/*  [/header]  */




/*  [navbar]  */
.navbar .navbar-inner
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    border-radius: 0;
    box-shadow: none;
    filter: none;
    background: url(images/bg-topnav.jpg) repeat-x 0px 0px;
    padding: 0;
    margin: 0 20px;
}
/*
    .navbar.custom .navbar-inner
    {
        background-image: url('images/bg-black-grad.jpg');
     
    }
   */
.navbar .nav > li > a,
.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus
{
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .navbar .nav > li > a,
    .navbar .nav > li > a:hover,
    .navbar .nav > li > a:focus
    {
        color: #ccc;
    }

.topnav.navbar .nav > li > a
{
    color: #333;
}

.navbar.custom li:first-child
{
    background: none;
}

.navbar.custom li
{
    /*background: url('images/v-sep-black.gif') no-repeat 0 50%;*/
}

    .navbar.custom li a:hover
    {
        color: #ccc;
    }


/*.topnav.navbar .nav > li.active,
.topnav.navbar .nav > li:hover
{
    background: url('images/bg-nav-act-alt.jpg') repeat-x 0 0;
}

    .topnav.navbar .nav > .active > a,
    .topnav.navbar .nav > li:hover > a:hover
    {
        background: url('images/bg-nav-act-arrow.gif') no-repeat 50% 100%;
    }

    .topnav.navbar .nav > .active > a,
    .topnav.navbar .nav > li:hover > a:hover
    {
        color: #fff;
    }*/

.navbar .nav > li > a,
.navbar .nav > .active > a
{
    color: #fff;
    padding-bottom: 17px;
    box-shadow: none;
}


/*  [custom]  */
.navbar.custom
{
    line-height: normal;
    margin-bottom: 0;
}

    .navbar.custom .navbar-inner
    {
        margin: 0;
        min-height: 0;
        padding: 0 20px;
    }

    .navbar.custom .nav
    {
        margin-right: 0;
    }

        .navbar.custom .nav > li > a
        {
            padding: 3px 10px;
        }

        .navbar.custom .nav > li.last > a
        {
            padding-right: 0;
        }

        .navbar.custom .nav > li.active
        {
            background-color: inherit;
        }

            .navbar.custom .nav > li.active > a
            {
                color: #f00;
                box-shadow: none;
                background-color: inherit;
            }
/*  [/custom]  */
/*  [/navbar]  */


.row-fluid div.span4
{
    padding: 0;
    /*
    padding: 10px 20px;
*/
}

.navbar-static-bottom
{
    /* 
    height: 132px;
    margin-top: -132px;
*/
    min-height: 100px;
    /* clear: both; */
    color: #999;
    font-size: 14px;
    padding: 20px 20px 20px 0;
}

.color-alt, .color-alt:hover
{
    color: #ccc;
}

footer .icon-item
{
    width: auto;
    display: inline-block;
    min-height: 45px;
}

footer .icon-item
{
    background: none;
}

    footer .icon-item a
    {
        padding: 15px 0px 15px 55px;
        margin-left: 20px;
    }

    footer .icon-item.item-1 a
    {
        background: url('images/icon-1.png') no-repeat 0 0;
    }

    footer .icon-item.item-2 a
    {
        background: url('images/icon-2.png') no-repeat 0 0;
    }

    footer .icon-item.item-3 a
    {
        background: url('images/icon-3.png') no-repeat 0 0;
    }

/*
.row-fluid > div
{
    margin-bottom: 20px;
}
*/



/*  [leftnav]  */
.sidebar-nav > ul > li
{
    background: url('images/lnav-arrow-r.png') no-repeat 97% 8px;
}

    .sidebar-nav > ul > li.selected-path, .sidebar-nav > ul > li.active
    {
        background-image: url('images/lnav-arrow-d.png');
    }

.sidebar-nav > ul li.selected-path > a, .sidebar-nav > ul li.selected-path > a.hover
{
    color: rgb(184, 0, 0);
}

.nav-list a
{
    color: #333;
}

.nav-list > .active > a, .nav-list > .active > a:link
{
    color: #000;
    font: bold;
}

.sidebar-nav, .sidebar-nav > ul
{
    padding: 0;
}

    .sidebar-nav > ul > li
    {
        border-bottom: solid 1px #fff;
    }

.nav-list > li > a, .nav-list .nav-header
{
    margin: 0;
}

.sidebar-nav > .nav > .selected-path, .sidebar-nav > .nav > .active
{
    background-color: #f5f5f5;
    background-color: rgba(184, 0, 0, 0.05);
    /**ie8 hack*/
    /*<!-- [if IE]> background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19B80000,endColorstr=#19B80000);
    zoom: 1;
    <![endif]; -->*/
}

.sidebar-nav ul
{
    margin: 0;
    padding: 0;
}

.sidebar-nav li.active > a:hover
{
    background-color: rgb(150, 0, 0);
}

.sidebar-nav ul ul li a
{
    padding-left: 20px;
}

.sidebar-nav ul ul ul li a
{
    padding-left: 30px;
}

.sidebar-nav ul ul ul ul li a
{
    padding-left: 40px;
}
/*  [/leftnav]  */

/*  [bg-color]  */
.row-fluid div.nc-content, .row-fluid .sidebar-nav
{
    background-color: #eae5e8;
    background-color: rgba(51,51,51, 0.05);
}

/*.content-page .main-content .row-fluid .nc-content
{
    background-color: rgba(255,255,255, 0.4);
    /**ie8 hack*/
/*<!-- [if IE]> background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);
    zoom: 1;
    <![endif]; -->*/
/*}*/
/*  [/bg-color]  */

.row-fluid div.nc-content
{
    padding: 10px 10px;
    margin-bottom: 15px;
}

h2
{
    font-size: 20px;
    font-weight: normal;
    margin: 0;
}

/*  [carousel]  */
/*
    .carousel, .carousel-inner,
    .carousel .item
    {
        min-height: 260px;
    }

*/
.carousel-inner
{
    background: #fff;
}

.carousel .item .dual.img-content
{
    width: 70%;
    float: left;
    position: relative;
}

.carousel .item .extra
{
    background: url('images/bg-carousel-txt.gif') no-repeat 100% 30%;
    position: absolute;
    width: 30px;
    height: 100px;
    top: 0;
    right: 0;
}

.carousel .item .dual.txt-content
{
    width: 25%;
    float: left;
    padding: 2.5%;
}

.left.carousel-control
{
    left: -15px;
}

.right.carousel-control
{
    right: -15px;
}
/*  [/carousel]  */

.navbar .nav > li > a
{
    text-shadow: none;
}


body .container-fluid,
.topnav
{
    max-width: 1000px;
    margin: 0 auto;
}

    .topnav .navbar-inner
    {
        margin: 0;
    }

.carousel-control
{
    top: 50%;
    outline: none;
}

.carousel h3
{
    font-weight: normal;
    font-size: 24px;
    color: #b80000;
    font-family: Georgia;
    margin: 0 0 5.5% 0;
    line-height: normal;
    padding: 0;
}

.carousel-control
{
    color: #aeb2b6;
    background: #e3e3e3;
    border-width: 1px;
    font-weight: bold;
}

    .carousel-control:hover
    {
        color: #5b6673;
        background: #d7d7d7;
    }


.padded-l
{
    padding-left: 15px;
}

.nc-content > h2
{
    /*line-height: 1.6em;*/
    margin-bottom: 10px;
    min-height: 50px;
}
/*  [rss]  */
a.rss
{
    display: block;
    width: 20px;
    height: 20px;
    background: url('images/rss-icon.png') no-repeat 0 0;
}

    a.rss:hover
    {
        background: url('images/rss-icon-act.png') no-repeat 0 0;
    }
/*  [/rss]  */

.nc-content > .item
{
    margin-bottom: 15px;
}

.nc-content .group-image,
.nc-content .content-image
{
    margin-bottom: 15px;
}

.nc-content .group-image-right
{
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}

.nc-content > .align-r > a
{
    background: url('images/arrow-red-r.png') no-repeat 100% 50%;
    padding-right: 16px;
}

.linklist-item a
{
    display: block;
    background: url('images/bg-list-item.png') no-repeat 0 4px;
    padding: 0px 0 0px 15px;
}



.navbar-static-bottom.custom-bg
{
    padding: 0;
    height: auto;
    margin-top: 0;
    float: left;
    width: 100%;
}
/*
.social-links .icon-item
{
    float: left;
}
*/


/*  [footer]  */
footer
{
    padding: 20px;
}

    footer .row-fluid > div
    {
        margin-bottom: 10px;
    }

    footer h4
    {
        margin-top: 0;
    }

    footer .social-links .icon-item
    {
        float: left;
    }

        footer .social-links .icon-item,
        footer .social-links .icon-item > a
        {
            display: block;
        }

    footer .social-links .item-1 a
    {
        margin-left: 0;
    }
/*
h2.with-rss
{
    width: 70%;
    float: left;
}
*/

.collapser
{
    display: none;
}

.clearer
{
    clear: both;
}

.breadcrumb
{
    background-color: transparent;
    border-radius: 0;
    padding: 8px 0;
    margin-bottom: 10px;
}

.border-color-1
{
    border-top: solid 5px #000;
}


body .row-fluid div.bg-color-1
{
    background-color: #b5d1e3;
    background-color: rgba(124, 179, 218, 0.5);
    /**ie8 hack*/
    /*<!-- [if IE]> background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F7CB3DA,endColorstr=#7F7CB3DA);
    zoom: 1;
    <![endif]; -->*/
}

.border-color-2
{
    border-top: solid 5px #666;
}

body .row-fluid div.bg-color-2
{
    background-color: #a9d7b3;
    background-color: rgba(102, 192, 119, 0.5);
    /**ie8 hack*/
    /*<!-- [if IE]> background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F66C077,endColorstr=#7F66C077);
    zoom: 1;
    <![endif]; -->*/
}

.w20
{
    width: 20%;
}

.w80
{
    width: 80%;
}

body.content-page .bg-wrap > .container-fluid
{
    margin-top: 0;
}

/*read more link in nodepage*/
.nc-content > .item > .align-l > a
{
    background: url('images/arrow-red-r.png') no-repeat 100% 50%;
    padding-right: 16px;
}

/*Newsarchive limit search checkbox*/
.search-form label
{
    margin-bottom: 0px;
    display: inline;
}


.search-form legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 22px;
    color: #393f4e;
    border: 0;
    border-bottom: 0px;
}

/*-------Haku dialogi---------------------------*/
.dialog
{
    background-color: #ffffff;
    text-align: left;
}

.dialog-content
{
    float: left;
    background-color: #ffffff;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

    .dialog-content table.subjects
    {
        margin-bottom: 10px;
    }

        .dialog-content table.subjects td
        {
            padding: 2px;
        }

        .dialog-content table.subjects th
        {
            padding-left: 7px;
            padding-right: 5px;
        }

.subjects-category, .subjects-selected
{
    border-left: 1px solid #A8A8A8;
    border-right: 1px solid #B8B8B8;
    border-top: 1px solid #818181;
    border-bottom: 1px solid #E5E5E5;
    height: 180px;
    width: 150px;
    padding: 1px;
    overflow-y: auto;
    overflow-x: hidden;
    background-image: url('images/textarea_white_bg.png');
    background-repeat: no-repeat;
    color: #2F2B2B;
    cursor: pointer;
    /*white-space: nowrap;	*/
}

    .subjects-category ul, .subjects-selected ul
    {
        display: block;
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }

        .subjects-category ul li, .subjects-selected ul li
        {
            display: block;
            padding-left: 2px;
            padding-right: 2px;
            padding-top: 1px;
            padding-bottom: 1px;
            line-height: 1.10em;
        }

            .subjects-category ul li.selected
            {
                background-color: #cccccc;
            }

            .subjects-category ul li:hover, .subjects-selected ul li:hover
            {
                background-color: #000000;
                color: #ffffff;
            }

        .subjects-selected ul li
        {
            padding-left: 15px;
            background-image: url('images/cross_red.gif');
            background-repeat: no-repeat;
            background-position: 4px center;
            border-bottom: 0px solid #D7D7D7;
            border-top: 0px solid #FFFFFF;
        }

.faded
{
    background-image: none;
    background-color: transparent;
    border-style: none;
    height: auto;
    overflow: auto;
}

.no-border
{
    border-style: none;
}

.ui-widget-overlay-main
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .50;
    filter: Alpha(Opacity=50);
    z-index: 99;
}
/**Sitemap*/
.sitemap ul li
{
    list-style-type: none;
}

/**NewsArchive, EventCalendar ja Searchpagen tuloslista*/
table.searchtable
{
    border-collapse: collapse;
    width: 100%;
}

    table.searchtable td
    {
        padding-left: 16px;
        padding-top: 5px;
        padding-right: 16px;
        padding-bottom: 2px;
        border-spacing: 0px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #CECECE;
        vertical-align: top;
    }


.search-validation-error
{
    color: red;
}

/**Tapahtumakalenterin hakulaatikko*/
.calendar
{
}

    .calendar table
    {
        width: 200px;
        border-collapse: collapse;
    }

    .calendar td
    {
        text-align: center;
        vertical-align: middle;
        padding-top: 5px;
        padding-bottom: 5px;
        border-style: solid;
        border-width: 1px;
        border-color: #CECECE;
    }

        .calendar td.selected
        {
            background-color: #999;
        }

        .calendar td.inactiveday
        {
            background-color: #EBEBEB;
        }

        .calendar td.today
        {
            background-color: #cad9f0;
        }

        .calendar td a:link, .calendar td a:hover, .calendar td a:visited
        {
            color: #000000;
            font-weight: normal;
        }

        .calendar td.selected a:link, .calendar td.selected a:hover, .calendar td.selected a:visited
        {
            color: #FFFFFF;
        }

    .calendar .header1
    {
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #999;
    }

        .calendar .header1 a
        {
            font-size: 1.20em;
        }

            .calendar .header1 a:link, .calendar .header1 a:hover, .calendar .header1 a:visited
            {
                color: #FFFFFF;
                font-weight: bold;
            }

    .calendar .header2
    {
        font-weight: bold;
    }

        .calendar .header2 a
        {
            font-size: 1.20em;
        }

            .calendar .header2 a:link, .calendar .header2 a:hover, .calendar .header2 a:visited
            {
                color: #000000;
                font-weight: bold;
            }

/*Document published and modified text*/
.documentdate
{
    color: #666666;
}

/* Paging styles */
.page-list-controls
{
    width: 100%;
}

    .page-list-controls table
    {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .page-list-controls td
    {
        vertical-align: middle;
    }

        .page-list-controls td div
        {
            width: 16px;
            height: 17px;
        }

    .page-list-controls .dots
    {
        color: #8D8D8D;
        font-weight: bold;
    }

    .page-list-controls .goto-page
    {
        margin-top: 1px;
        margin-left: 1px;
        padding-right: 2px;
        text-align: center;
        background: url('images/page_list_goto.png') no-repeat;
    }

        .page-list-controls .goto-page a
        {
            display: block;
            padding-top: 1px;
        }

            .page-list-controls .goto-page a:link, .page-list-controls .goto-page a:hover, .page-list-controls .goto-page a:visited
            {
                color: #8d8d8d;
                text-decoration: none;
                font-weight: bold;
            }

    .page-list-controls td.selected .goto-page a:link, .page-list-controls td.selected .goto-page a:hover, .page-list-controls td.selected .goto-page a:visited
    {
        color: #000000;
    }
/*Hakuboksit*/
.search-form input
{
    height: 30px;
}

    .search-form input[type="checkbox"]
    {
        vertical-align: text-bottom;
        height: 15px;
    }

.search-form search-limit label
{
    vertical-align: bottom;
}


/*Office*/
.nc-content .office-info .name
{
    font-weight: bold;
}

/*Event*/
.nc-content .event-space
{
    margin-bottom: 15px;
}

.nc-content .event-info .name
{
    font-weight: bold;
}

.nc-content .event-info .value
{
}

/**common*/
.empty-row
{
    margin-bottom: 15px;
}

/**add event*/
.nc-content .event-input-form label
{
    /*font-weight: bold;*/
}

.nc-content .event-input-form .help
{
    font-size: 0.9em;
    color: #666;
}

.mandatory
{
    color: red;
}
/**tämäkään ei toiminut. rikkoo textboxin koon jos portlet zonen sisällä*/
/*Remove space from empty portlet zones*/
/*Remove space from empty portlet zones*/
#portletrow1 .row-fluid [class*="span"],
#portletrow2 .row-fluid [class*="span"],
#portletrow3 .row-fluid [class*="span"],
#portletrow4 .row-fluid [class*="span"],
#portletrow5 .row-fluid [class*="span"],
#portletrow6 .row-fluid [class*="span"],
#portletrow7 .row-fluid [class*="span"],
#portletrow8 .row-fluid [class*="span"],
#portletrow9 .row-fluid [class*="span"],
#portletrow10 .row-fluid [class*="span"],
#portletrow11 .row-fluid [class*="span"]
{
    min-height: 0px;
}

#portletrow4 .row-fluid [class*="span"]
{
    min-height: 0px;
}

#portletrow5 .row-fluid [class*="span"]
{
    min-height: 0px;
}

/*Content classifications */
.classification
{
    color: #666;
    border-top: 5px;
}

/*Top Banner*/
.banner
{
    height: 140px;
    overflow: hidden;
    position: absolute;
}

/**Content directory portlet*/
.nc-content .contentdirectory label
{
    font-weight: bold;
}

.nc-content .contentdirectory .selected
{
    /*color: #B80000;
    font-size: 18px;*/
    font-weight: bold;
}

/*---------Liedosta tuodut----------------*/

/*	[pagelayout]	*/
.bg-wrap > .navbar.custom
{
    background: url("images/bg-white-grad.jpg") repeat scroll 0 0 transparent;
}

    .bg-wrap > .navbar.custom > .custom-bg
    {
        max-width: 1000px;
        margin: 0 auto;
    }

.bg-wrap > .custom-bg
{
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px;
}

/* media query footer overflow */
.bg-wrap
{
    margin-bottom: -20px;
}

/*	[altered elements] */
.header .srch-box
{
    position: absolute;
    right: 30px;
    margin-top: 0;
    top: 30px;
    z-index: 70;
    opacity: 1;
}

img.logo
{
    display: none;
}

.bg-wrap > .header
{
    position: relative;
}

#hlLogoFrontpage
{
    display: block;
    float: left;
    /*margin: 20px 0 0 27px;*/
    position: absolute;
    z-index: 70;
}

.header a.bg-img
{
    display: block;
    overflow: hidden !important;
}

.bg-wrap > .header
{
    overflow: hidden;
}

    .bg-wrap > .header a.bg-img img
    {
        min-height: 120px;
        min-width: 1000px;
        max-width: auto;
    }

body
{
    background-image: none;
}

.nav-collapse ul.nav li
{
    max-width: 125px;
}

    .nav-collapse ul.nav li a,
    .nav-collapse > ul.nav > li.active > a
    {
        padding: 0 10px;
        min-height: 47px;
    }

/*	[/altered elements] */

.classificationheader
{
    font-weight: bold;
}

.classification ul
{
    list-style: none;
    margin: 0;
    padding: 0 0 0 15px;
}

    .classification ul li
    {
        display: inline;
    }

.row-fluid div.nc-content.bottom
{
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0C333333,endColorstr=#0C333333)*/
    filter: none !important;
    background: none;
}

.content-picture
{
    padding: 3px 3px 5px 3px;
    margin: 0px 10px 10px 10px;
    border-style: none;
    border-width: 0px;
}

.content-picture-left
{
    float: left;
    padding: 3px 3px 5px 3px;
    margin: 0px 10px 10px 10px;
    border-style: none;
    border-width: 0px;
}

.content-picture-right
{
    float: right;
    padding: 3px 3px 5px 3px;
    margin: 0px 10px 10px 10px;
    border-style: none;
    border-width: 0px;
}

.content-picture-text
{
    margin: 0 0 10px 0;
    padding: 5px 0 0 0;
    font-size: 11px;
    line-height: 150%;
    color: #888;
    clear: both;
}

p.ingress
{
    font-weight: bold;
}

/*Content directory*/
.contentdirectory > .alphabet > a
{
    font-size: 16px;
    float: left;
    margin-right: 3px;
}

.contentdirectory > .alphabet.selected > a
{
    font-size: 16px;
    float: left;
    color: #7dbe00;
    text-decoration: underline;
}


.carousel-caption
{
    /* default fallback */
    background: #f2f2f2;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}

    .carousel-caption > p
    {
        color: #000;
    }

    .carousel-caption > h4
    {
        color: #003399;
    }


.carousel-caption
{
    /* default fallback */
    background: #f2f2f2;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}

    .carousel-caption > p
    {
        color: #000;
    }

    .carousel-caption > h4
    {
        color: #003399;
    }

.carousel-caption-text
{
    /* default fallback */
    background: #f2f2f2;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    bottom: 0;
    left: 0;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 0;
}

    .carousel-caption-text > p
    {
        color: #000;
    }

    .carousel-caption-text > h4
    {
        color: #003399;
    }

table tr td img
{
    max-width: none;
}


.comments-list table
{
    width: 100%;
}

.comments-list td,
.forum-comments-list td
{
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 10px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #D1D1D1;
    vertical-align: middle;
}

.comments-list tr.odd,
.forum-comments-list tr.odd
{
    background-color: #F4F4F4;
}

.comments-list td.header-1
{
    font-size: 1.20em;
    width: 110px;
    font-weight: bold;
}

.comments-list td.header-2,
.forum-header-replycount,
.forum-header-viewcount
{
    font-size: 1.20em;
    color: #000000;
    font-weight: bold;
}

.comments-list .comment,
.forum-comments-list .comment
{
    padding-right: 30px;
    vertical-align: top;
}

.comments-list .comment,
.forum-header-viewcount,
.comments-list .header-2
{
    padding-left: 10px;
}

.contentcomment .help
{
    font-size: 0.9em;
    color: #666;
}

.comments-write table
{
    width: 95%;
    table-layout: fixed;
}

.comments-write td
{
    vertical-align: top;
}

    .comments-write td.firstcolumn
    {
        width: 250px;
    }

.comments-write .name
{
    float: left;
}

.comments-write .comment
{
    float: left;
    width: 100%;
}

.comments-zerocomments
{
    font-weight: bold;
}

.forum-thread-list tr
{
    border-bottom: 1px solid #CECECE;
}

.forum-thread-replycount,
.forum-thread-viewcount
{
    text-align: center;
}

.newThread a
{
    font-weight: bold;
}

/* side content*/
.box-content .atticon
{
    width: auto;
}

.dynamicform-radiobuttonlist td label
{
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
}

.dynamicform-radiobuttonlist td input
{
    vertical-align: top;
    display: inline-block;
}

.dynamicform-help
{
    margin-left: 0px !important;
    font-size: 0.9em;
    color: #666;
}

.dynamicform-subheading
{
    font-weight: bold;
    padding-bottom: 5px;
}

.modal.fade.in
{
    top: 3%;
}

.tagcloud1
{
}

.tagcloud2
{
    font-size: 115%;
}

.tagcloud3
{
    font-size: 130%;
}

.tagcloud4
{
    font-size: 145%;
}

.tagcloud5
{
    font-size: 160%;
}

.tagcloud6
{
    font-size: 175%;
}

.blogtags
{
    border-bottom: 1px solid #CECECE;
}

/*Telk custom*/
.row-fluid [class*="span"]
{
    margin-left: 1.5641%;
}

.row-fluid .span6
{
    width: 50.7179%;
}

.row-fluid .span3
{
    width: 23.0769%;
}

body
{
    font-family: Verdana;
    font-size: 11px;
    color: #000;
}


    body .bg-wrap
    {
        background: #eee;
        background-color: #eee;
    }

/*fonttikoko*/
.footer, .breadcrumb
{
    font-family: Verdana;
    font-size: 11px;
}

.topnav a, .sidebar-nav a
{
    font-family: Arial;
    font-size: 12px;
    color: #000;
}

a, a:hover
{
    color: #000;
}

    a:hover
    {
        color: #000;
        /*font-weight: bold;*/
        text-shadow: none;
        text-decoration: underline;
    }

/*Background, content backgournd, side-navi background*/
.row-fluid div.nc-content, .row-fluid .sidebar-nav,
.well, .sidebar-nav ul
{
    background-color: #fff;
    box-shadow: none;
}

.sidebar-nav ul
{
    padding-left: 5px;
    padding-right: 5px;
}

.well
{
    border: none;
}

.row-fluid div.nc-content
{
    padding-left: 5px;
    padding-right: 5px;
}

.bg-wrap > .navbar.custom
{
    background: url("images/bg-white-grad.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.navbar.custom li
{
    /*background: url("images/v-sep-black.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0);*/
}

.bg-wrap > .container-fluid, .navbar.topnav, .container-fluid
{
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
}


.navbar.custom .nav > li.active > a, .breadcrumb li.active
{
    color: #000;
    font-weight: bold;
    background-color: #fff;
    text-shadow: none;
}

.navbar .nav > li a
{
    color: #000 !important;
    background-color: #fff;
    text-shadow: none;
}

.nav-list > .active > a, .nav-list > .active > a:link, .nav-list > li.active > a:hover,
.nav > li > a:focus, .nav > li > a:hover
{
    color: #000;
    font-weight: bold;
    background-color: #fff;
    text-decoration: bold;
}

.navbar-static-top li a:hover, .navbar-static-top li.active > a:hover
{
    text-decoration: underline !important;
    font-weight: normal;
}
/*Sidebar*/
.sidebar-nav ul li, .nav-list > li > a
{
    padding: 0;
}

.sidebar-nav > ul li.selected-path > a, .sidebar-nav > ul li.selected-path > a.hover
{
    background-color: #fff;
    color: #000;
}

/*Breadcrumb*/

.breadcrumb li.active, .breadcrumb > li
{
    color: #000;
    text-shadow: none;
}
/*Murupolku*/
.breadcrumb li a:hover
{
    text-decoration: underline;
}

/*Main navi*/

/*rakennetasojen taustavärit*/
.topnav.navbar .nav > li.nav-main-element-1 > a
{
    background: url('images/bg-main-nav-node-1.jpg') repeat-x 0 0;
}

.topnav.navbar .nav > li.nav-main-element-2 > a
{
    background: url('images/bg-main-nav-node-2.jpg') repeat-x 0 0;
}

.topnav.navbar .nav > li.nav-main-element-3 > a
{
    background: url('images/bg-main-nav-node-3.jpg') repeat-x 0 0;
}

.topnav.navbar .nav > li.nav-main-element-4 > a
{
    background: url('images/bg-main-nav-node-4.jpg') repeat-x 0 0;
}

.topnav.navbar .nav > li.nav-main-element-5 > a
{
    background: url('images/bg-main-nav-node-5.jpg') repeat-x 0 0;
}

.topnav.navbar .nav > li.nav-main-element-6 > a
{
    background: url('images/bg-main-nav-node-6.jpg') repeat-x 0 0;
}

.topnav.navbar .nav > li.nav-main-element-7 > a
{
    background: url('images/bg-main-nav-node-7.jpg') repeat-x 0 0;
}

.topnav.navbar .nav > li.nav-main-element-8 > a
{
    background: url('images/bg-main-nav-node-8.jpg') repeat-x 0 0;
}

.topnav.navbar .nav > li.nav-main-element-9 > a
{
    background: url('images/bg-main-nav-node-9.jpg') repeat-x 0 0;
}

/*Aktiivinen taso*/
.topnav.navbar .nav > li.active,
.topnav.navbar .nav > li:hover,
.topnav.navbar .nav > li
{
    color: #000;
    font-weight: bold;
}

    .topnav.navbar .nav > .active > a,
    .topnav.navbar .nav > li:hover > a:hover
    {
        color: #000;
        font-weight: bold;
    }
/*Nuoli pois*/
.sidebar-nav > ul > li
{
    background: none;
}
/*Navigaation korkeus 40px*/
.nav-collapse ul.nav li a,
.nav-collapse > ul.nav > li.active > a
{
    padding: 0 10px;
    min-height: 40px;
}

.nav-collapse .nav li
{
    width: 12.5%;
    max-width: 125px;
}
/*Marginaali pois päänavista ja leveys*/
.nav-collapse .nav
{
    margin-right: 0px;
    width: 100%;
}

/*Content areas*/
/*värilaatikot sisältöjen päällä*/
.active-node-1 > .container-fluid > .row-fluid > .left-content
{
    border-top: 10px solid #a4bdd8;
}

.active-node-1 > .container-fluid > .row-fluid > .center-content
{
    border-top: 40px solid #a4bdd8;
}

.active-node-1 > .container-fluid > .row-fluid > .right-content
{
}

.active-node-2 > .container-fluid > .row-fluid > .left-content
{
    border-top: 10px solid #fcbb76;
}

.active-node-2 > .container-fluid > .row-fluid > .center-content
{
    border-top: 40px solid #fcbb76;
}

.active-node-2 > .container-fluid > .row-fluid > .right-content
{
}

.active-node-3 > .container-fluid > .row-fluid > .left-content
{
    border-top: 10px solid #df9296;
}

.active-node-3 > .container-fluid > .row-fluid > .center-content
{
    border-top: 40px solid #df9296;
}

.active-node-3 > .container-fluid > .row-fluid > .right-content
{
}

.active-node-4 > .container-fluid > .row-fluid > .left-content
{
    border-top: 10px solid #529a9b;
}

.active-node-4 > .container-fluid > .row-fluid > .center-content
{
    border-top: 40px solid #529a9b;
}

.active-node-4 > .container-fluid > .row-fluid > .right-content
{
}

.active-node-5 > .container-fluid > .row-fluid > .left-content
{
    border-top: 10px solid #6a9ac2;
}

.active-node-5 > .container-fluid > .row-fluid > .center-content
{
    border-top: 40px solid #6a9ac2;
}

.active-node-5 > .container-fluid > .row-fluid > .right-content
{
}

.active-node-6 > .container-fluid > .row-fluid > .left-content
{
    border-top: 10px solid #9f85af;
}

.active-node-6 > .container-fluid > .row-fluid > .center-content
{
    border-top: 40px solid #9f85af;
}

.active-node-6 > .container-fluid > .row-fluid > .right-content
{
}

.active-node-7 > .container-fluid > .row-fluid > .left-content
{
    border-top: 10px solid #a79688;
}

.active-node-7 > .container-fluid > .row-fluid > .center-content
{
    border-top: 40px solid #a79688;
}

.active-node-7 > .container-fluid > .row-fluid > .right-content
{
}


.active-node-8 > .container-fluid > .row-fluid > .left-content
{
    border-top: 10px solid #6a9ac2;
}

.active-node-8 > .container-fluid > .row-fluid > .center-content
{
    border-top: 40px solid #6a9ac2;
}

.active-node-8 > .container-fluid > .row-fluid > .right-content
{
}

/*palstojen pisteet*/
.row-fluid .center-content, .row-fluid .right-content
{
    border-left: 1px dotted black;
}


    .row-fluid .right-content .item p
    {
        padding-left: 5px;
        padding-right: 5px;
    }

.no-padding
{
    padding: 0px !important;
}

.border-color-1
{
    border-top: 10px solid #6A9AC2;
}

.row-fluid div.nc-carousel
{
    padding-left: 0px;
    padding-right: 0px;
}

.row-fluid .left-content div.nc-content, .row-fluid .right-content div.nc-content
{
    padding: 0px;
}


.cookienotification {
    background-color: #6a9ac2;
    color: white;
    min-height: 60px;
    text-align: center;
    padding: 20px 40px;
    font-size: 1.2em;
}

    .cookienotification .fa-times-circle {
        /*   display:none; */
    }

.cookieinfo-close {
    float: right;
    display: block;
    padding: 5px 8px;
    min-width: 100px;
    margin-left: 5px;
    border-radius: 5px;
    cursor: pointer;
    color: rgb(0, 0, 0);
    background: rgb(241, 214, 0);
    text-align: center;
    margin-top: 1em;
}


    .cookieinfo-close:hover {
        box-shadow: azure;
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(0,0,0,.11), 0 2px 6px rgba(0,0,0,.08);
        background: rgb(230, 213, 83);
    }

@media (max-width: 560px) {

    .cookieinfo-close {
        float: none;
    }
}

.cookieinfo-content {
    display: inline-block;
    width: 78%;
    padding: 5px 0 5px 0;
}

.cookienotification ul li {
    list-style: none;
}

.close-cookienotification {
    position: absolute;
    top: 10px;
    right: 10px;
}

.cookienotification .fa {
    font-size: 1.5em;
}