@font-face {
    font-family: 'Interstate';
    src: url('/Static/Fonts/interstate-regular.ttf');
}

@font-face {
    font-family: Interstate Bold;
    src: url('/Static/Fonts/interstate-bold.ttf');
}

@font-face {
    font-family: Interstate Bold IE;
    src: url('/Static/Fonts/interstate-bold.eot');
}

@font-face {
    font-family: Interstate Light;
    src: url('/Static/Fonts/interstate-light.ttf');
}

@font-face {
    font-family: Interstate Light IE;
    src: url('/Static/Fonts/interstate-light.eot');
}

/** general styles **/
body {
    margin-left: auto;
    margin-right: auto;
    min-height: 1000px;
    width: 100%;
    font-family: Arial;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    color: #231f20;
}

div {
    color: #231f20;
}

.col-sm-4, .col-lg-4 {
    padding-left: 10px;
}

a {
    color: #0076bd;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: #003b8b;
    }

/* headings */
h1 {
    font-family: "Interstate Light";
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
}

h2 {
    font-family: "Interstate Light";
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
}

h3 {
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
}

h4 {
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
}

h5 {
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
}

h6 {
    font-family: Arial;
    font-size: 15px;
}



/*Ruudunlukuohjelmaa varten*/
.hiddenVisible {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
}
/*end of Ruudunlukuohjelmaa varten*/

/* Error page*/
.voitmyos {
    padding-bottom: 90px;
    padding-top: 22px;
    font-family: 'Interstate Light';
    font-style: normal;
    font-weight: normal;
}

.voitmyosspan {
    font-size: 24px;
}

.voitmyos ul {
    padding-top: 5px;
}

    .voitmyos ul a:before {
        content: "\203A ";
        color: #b6006C;
        padding-right: 5px;
        font-weight: bold;
    }

    .voitmyos ul li {
        background-image: none !important;
        padding-left: 0px !important;
    }

.hakuboxi {
    margin-top: 25px;
    margin-bottom: 35px;
}

#filenotfoundform .jumbotron h1 {
    font-size: 36px !important;
}
/*End of Error page*/

/* headings with indent */
.indented_heading1 {
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
}

.indented_heading2 {
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    padding-left: 10px;
}

.indented_heading3 {
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    padding-left: 20px;
}


.innerpagecontent p img {
    border: 1px solid #b1b1b1;
    float: right;
    margin: 5px 0 5px 5px;
    padding: 2px;
}



/* lists */
.container ul {
    list-style-type: none;
    /**margin-left:22px;**/
    padding-left: 0px;
}

    .container ul li {
        background: url(images/list_bullet_disc.png) left 12px no-repeat;
        padding-left: 10px;
        line-height: 18px;
        padding-top: 5px;
    }

    .container ul ul {
        margin-left: 10px;
    }

        .container ul ul li {
            background: url(images/list_bullet_circle.png) left 13px no-repeat;
        }

.container ol {
    margin-left: 0px;
    counter-reset: item;
    padding-left: 0px;
}

    .container ol li {
        display: block;
        padding-left: 1em;
        text-indent: -1em;
        line-height: 18px;
        padding-top: 5px;
    }

    .container ol > li:before {
        content: counter(item) ". ";
        counter-increment: item;
        color: #008fcb;
    }

    .container ol li ul li {
        padding-left: 25px;
    }

    .container li.longlist, .container ul.longlist li, .container ol.longlist li {
        background: url(images/list_bullet_disc.png) left 13px no-repeat;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
        line-height: 21px;
    }




/* blockquotes */
.blockquote_blue {
    border-left: solid 5px #a2daf4;
    padding-left: 20px;
    margin: 8px 0 8px 0;
    font-size: 18px;
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    line-height: 1.3 !important;
    display: block;
    color: #333333;
}

.blockquote_blue_long {
    border-left: solid 5px #a2daf4;
    padding-left: 20px;
    margin: 12px 0 12px 0;
    display: block;
    line-height: 1.7 !important;
}

.blockquote_green {
    border-left: solid 5px #b0ca34;
    padding-left: 20px;
    margin: 8px 0 8px 0;
    font-size: 18px;
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    line-height: 1.3 !important;
    display: block;
    color: #333333;
}

.blockquote_green_long {
    border-left: solid 5px #b0ca34;
    padding-left: 20px;
    margin: 12px 0 12px 0;
    display: block;
    line-height: 1.7 !important;
}

.blockquote_pink {
    border-left: solid 5px #b6006c;
    padding-left: 20px;
    margin: 8px 0 8px 0;
    font-size: 18px;
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    line-height: 1.3 !important;
    display: block;
    color: #333333;
}

.blockquote_pink_long {
    border-left: solid 5px #b6006c;
    padding-left: 20px;
    margin: 12px 0 12px 0;
    display: block;
    line-height: 1.7 !important;
}

/* text indent */
.indent {
    padding-left: 20px;
    display: block;
}

/* link list */
a.linklist_item, p.linklist_item a {
    font-size: 14px;
    display: inline-block;
    padding-left: 1em;
    text-indent: -0.8em;
}


    a.linklist_item:before, p.linklist_item a:before {
        color: #B6006C;
        content: "\203A";
        font-weight: bold;
        padding-right: 5px;
    }


/** text color emphasis **/
.grey {
    color: #999999;
}

.blue {
    color: #0076bd;
}

.greenyellow {
    color: #99ae35
}

.purple {
    color: #8a1a6e;
}

.green {
    color: #4e8846;
}

.darkblue {
    color: #003b8b;
}

/* tables */
table {
    padding: 10px;
    margin-bottom: 10px;
}

    table th, thead tr td, table thead tr:last-child td {
        padding: 10px;
        border-bottom: 2px solid #a2daf4;
        text-align: left;
        font-weight: bold;
    }

    table td {
        padding: 10px;
        border-bottom: solid 1px #dddddd;
    }

    table tr:last-child td {
        border-bottom: none;
    }

    table tfoot {
        border-top: solid 3px #dddddd;
    }

/* form elements */
input[type="text"], input[type="password"] {
    border: solid 1px #cccccc;
    border-radius: 3px;
    /**color:#6D6E71;**/
    font-size: 15px;
    height: 35px;
    padding: 0 3px 0 3px;
    padding-top: 3px\9; /* IE8, IE9 */
    display: inline-block;
    margin: 0 5px 5px 0;
    float: left;
}

input[type="submit"], input[type="submit"]:focus,
#cookieWarning input[type="button"] {
    background-color: #b6006c;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    padding: 5px;
    border: none;
    border-radius: 3px;
    width: 75px;
    height: 35px;
    margin-bottom: 3px;
    cursor: pointer;
}

    .registerArea input[type="submit"], input[type="submit"]:focus,
    #cookieWarning input[type="button"] {
        width: 120px;
    }

    .forgotpw input[type="submit"], input[type="submit"]:focus,
    #cookieWarning input[type="button"] {
        width: 75px;
    }

#forgotpw #Main_MainContent_ValidationSummary1,
.pwerror {
    color: red;
}

.loginpage #Main_RegistrationWizard___CustomNav0_StepNextButtonButton {
    width: 120px;
}

input[type="submit"]:hover,
#cookieWarning input[type="button"]:hover {
    background-color: #6c0040;
    color: #ffffff;
}

input[type="checkbox"] {
    margin: 6px 3px 0 0;
    margin-top: 4px\9;
    float: left;
    display: inline-block;
}

/* IE9, IE10 */
@media screen and (min-width:0\0) {
    input[type="checkbox"] {
        margin: 4px 3px 0 0;
    }
}

textarea {
    border: solid 1px #cccccc !important;
    border-radius: 3px;
    font-family: Arial;
    /**color:#6D6E71;**/
    font-size: 15px;
}

    input[type="text"]:active, input[type="text"]:focus,
    input[type="password"]:active, input[type="password"]:focus,
    textarea:active, textarea:focus, select:focus {
        border-color: #74b9ef !important;
        color: #231F20;
    }

select {
    background: transparent;
    padding: 5px;
    line-height: 1;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    height: 34px;
    -webkit-appearance: menulist;
    font-family: Arial;
    /**color:#6D6E71;**/
    font-size: 15px !important;
}

/* FormBlockControl */

legend {
    color: #555555;
    border: none;
    font-size: 18px;
}

fieldset {
    color: #555555;
}

table#id_matrix {
    width: 100%;
}

#id_matrix label {
    font-size: 13px;
}

#id_matrix td {
    border: none;
    padding-left: 0px;
    width: 100%;
}

    /*Select all elements (input,label,textarea etc. under table cells*/
    #id_matrix td > * {
        display: block;
        text-align: left;
        width: 100%;
    }

#id_matrix input[type="submit"] {
    width: 120px;
    text-align: center;
    float: left;
}

.graph label {
    width: 100px;
    color: #555555;
    font-size: 13px;
}

ul.graph {
    padding-left: 0px;
    margin-left: 0px;
}

    ul.graph li {
        list-style: none;
        background-image: none;
        color: #004874;
        font-size: 12px;
        font-weight: bold;
        padding-left: 0px;
    }

.graph li span {
    background-image: url('images/barpic.png');
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 10px;
    letter-spacing: -0.075em;
    margin-right: 5px;
}


/** Navbar **/

.navbar-collapse {
    padding: 0px;
}

/*navbar-brand (Logo)*/
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
    /**color:#000000;
	max-width:230px;**/
    padding: 0px;
}

.navbar-default ul {
    margin-left: 0px;
    width: 100%;
}

.navbar > .container .navbar-brand {
    margin-left: 0;
}

.navbar-default .navbar-brand img {
    display: inline;
    float: left;
    height: 37px;
    margin-right: 10px;
}

.navbar-default .navbar-brand span {
    display: inline;
    float: right;
    width: 90px;
}

.navbar-header {
    width: 230px;
    margin-right: 5px;
    padding-bottom: 10px;
    margin-top: -15px;
}

.navbar-default .navbar-nav > li:first-child,
.navbar-default .navbar-nav > li:first-child:hover {
    padding-left: 2px;
}

/*navbar-right = SEARCH*/

/* hide search for mobile version */
.navbar-right.mobile {
    display: none;
}

.navbar-right {
    /**width: /**220px;25%;**/
    min-width: 190px;
    height: 58px;
    float: right;
    border-radius: 5px;
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    margin-top: 10px;
    margin: 0 4px 0 0;
}

/* navigation link texts need more space rss english and swedish versions -> nav-right must be smaller */
html[lang="en"] .navbar-right {
    min-width: 180px;
}

html[lang="sv"] .navbar-right {
    min-width: 160px;
}


.navbar-right li {
    box-shadow: 0 0 3px 1px #a9d0e8;
}

.navbar-right .search input {
    height: 58px;
    border: 0px;
    margin: 0px;
    float: left;
}

.navbar-right.desktop .search input {
    height: 38px;
}

.navbar-right .search .text {
    width: 162px;
    border-radius: 5px 0px 0px 5px;
    padding-left: 5px;
    color: #6d6e71;
    font-size: 16px;
}

/* IE9 */
html[lang='\en'] .navbar-right .search .text {
    padding-top: 15px;
}
/* IE8 */
@media \0screen {
    .navbar-right .search .text {
        padding-top: 15px;
    }
}

/**html[lang="sv"] .navbar-right .search .text 
{
     width:100px;
}


html[lang="en"] .navbar-right .search .text
{
    width:120px;
}**/

.navbar-right .search .button {
    border-radius: 0px 5px 5px 0px;
    background: url(images/icon_search.png) 10px 12px no-repeat #b6006c;
    text-indent: -9999px;
    width: 35px;
}

    .navbar-right .search .button:hover {
        background-color: #6C0040;
    }

/* search auto-complete */
.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
    padding-left: 5px;
    box-shadow: 0 0 3px 1px #A9D0E8;
    width: 128px;
    background: #ffffff;
}

html[lang="sv"] .ui-autocomplete {
    width: 98px;
}

html[lang="en"] .ui-autocomplete {
    width: 118px;
}

.ui-autocomplete li {
    list-style-type: none;
    color: #6D6E71;
    font-size: 16px;
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
}

    .ui-autocomplete li a {
        cursor: pointer;
    }

.navbar-fixed-top {
    top: auto;
}

.navbar {
    width: 100%;
    border: 0px none transparent;
    border-radius: 0px;
    font-size: 14px;
    border: 0px none transparent;
    background: #ffffff;
    margin: 0;
}

.navbar-nav {
    padding-left: 0px;
}


/* CHANGE */
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    color: #000;
    font-weight: bold;
    /*border: 1px solid #00b5d2;*/
    border-radius: 3px 0 0 3px;
    padding: 6px 10px 0 8px;
    padding: 6px 12px 0 8px\9; /* IE8, IE9 */
    /*background: -webkit-linear-gradient(#00caf5, #0094d3);*/ /* For Safari */
    /*background: -o-linear-gradient(#00caf5, #0094d3);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#00caf5, #0094d3);*/ /* For Firefox 3.6 to 15 */
    /*background: -ms-linear-gradient(#00caf5, #0094d3);
    background: linear-gradient(#00caf5, #0094d3);*/ /* Standard syntax */
    /*filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#00caf5', endColorstr='#0094d3',GradientType=0 );*/ /* For IE */
    background-color: #5BC5F1;
    float: left;
    height: 35px;
    /**max-width:140px;
	max-width:120px\9;**/ /* IE8, IE9 */
    text-align: right;
    font-family: 'Interstate';
    font-size: 16px;
}
/*hoover
    .navbar-default .navbar-nav > li > a:hover {
        background: -o-linear-gradient(#0090c6, #006e9c);
    background: -moz-linear-gradient(#0090c6, #006e9c);
    background: -ms-linear-gradient(#0090c6, #006e9c);
    background: linear-gradient(#0090c6, #006e9c);
    background-color: #0090c6;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090c6', endColorstr='#006e9c',GradientType=0 );
    color: #ffffff;
    }*/

/** Tietoa ja ohjeita **/
.navbar-default .navbar-nav > li:first-child + li > a:first-child {
    /*width:105px;*/
}


/** Toiminta ja ratkaisut **/
.navbar-default .navbar-nav > li:first-child + li + li > a:first-child {
    /*width:115px;*/
}

/** Ajankohtaista **/
.navbar-default .navbar-nav > li:first-child + li + li + li > a:first-child {
    /*width:145px;*/
    /*padding-top:16px;*/
    border-radius: 3px;
    text-align: left;
    /* padding-left:15px;*/
}

/** Tietoa KKV:stä **/
.navbar-default .navbar-nav > li:first-child + li + li + li + li > a:first-child {
    /*width:180px;
    width:155px\9;*/
    /*padding-top:16px;*/
    border-radius: 3px;
    text-align: left;
    /*padding-left:15px;*/
}

/** Yhteystiedot **/
.navbar-default .navbar-nav > li:first-child + li + li + li + li + li > a:first-child {
    /*width:130px;*/
    /*padding-top:16px;*/
    border-radius: 3px;
    text-align: left;
    /*padding-left:15px;*/
}

/** Information och anvisningar **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li > a:first-child {
    /*padding-top:5px !important;*/
    /*width:155px;*/
}

/** Verksamhet och beslut **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li + li > a:first-child {
    /*width:145px;*/
}

/** Aktuellt **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li + li + li > a:first-child {
    /* width:110px;*/
}

/** Om oss **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li + li + li + li > a:first-child {
    /*width:100px;*/
}

/** Kontaktuppgifter **/
html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li + li + li + li + li > a:first-child {
    /*width:160px;*/
}

/** Facts and advice **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child + li > a:first-child {
    /*width:125px;*/
}

/** Activities and decisions **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child + li + li > a:first-child {
    /*padding-top:5px !important;*/
    /*width:150px;*/
}

/** Current issues **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child + li + li + li + li > a:first-child {
    /*width:155px;*/
}

/** About us **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child + li + li + li + li > a:first-child {
    /*width:120px;*/
}

/** Contact information **/
html[lang="en"] .navbar-default .navbar-nav > li:first-child + li + li + li + li + li > a:first-child {
    /*padding-top:5px;*/
}


/**_:-moz-tree-row(hover), html[lang="en"] .navbar-default .navbar-nav > li:first-child  + li + li > a:first-child
{
    padding-top:16px !important;
}**/

html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li + li + li > a:first-child,
html[lang="en"] .navbar-default .navbar-nav > li:first-child + li + li + li > a:first-child {
    /*padding-top:16px  !important;*/
}







/* smaller font for english and swedish to fit link texts to navigation */
/**html[lang="sv"] .navbar-default .navbar-nav > li > a, 
html[lang="sv"] .navbar-default .navbar-nav > li > a:hover,
html[lang="en"] .navbar-default .navbar-nav > li > a, 
html[lang="en"] .navbar-default .navbar-nav > li > a:hover  
{
    font-size:15px;
    font-size:13px\9;  /* IE8, IE9 */
/**}**/

.navbar-default .navbar-nav > li > a.dropdown-toggle,
.navbar-default .navbar-nav > li > a.dropdown-toggle:hover {
    border-radius: 0 3px 3px 0;
    /*padding:15px 15px 0 8px;*/
    padding: 9px 2px 5px 7px;
}

.navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li:hover {
    padding-left: 7px;
    padding-right: 0px;
    border-right: solid 3px #ffffff;
    border-radius: 5px;
    height: 52px;
    position: static;
    background: none;
}


    .navbar-default .navbar-nav > li:first-child a {
        border-radius: 3px;
        text-align: center;
    }




    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: #ffffff;
    }

.navbar-default .navbar-right > li, .navbar-default .navbar-right > li:hover {
    padding: 0px;
    border: none;
    border: solid 1px #68aed8;
    height: auto;
}


/* navigation button's white lines (mobile size) */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}



/*active top navigation*/

/* CHANGE */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
    /*background: -webkit-linear-gradient(#0090c6, #006e9c);*/ /* For Safari */
    /*background: -o-linear-gradient(#0090c6, #006e9c);*/ /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#0090c6, #006e9c);*/ /* For Firefox 3.6 to 15 */
    /*background: -ms-linear-gradient(#0090c6, #006e9c);*/ /* For IE */
    /*background: linear-gradient(#0090c6, #006e9c);*/ /* Standard syntax */
    background-color: #00568A;
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090c6', endColorstr='#006e9c',GradientType=0 );*/ /* For IE */
    color: #ffffff;
    /*border: 1px solid #00b5d2;*/
}

/* top navigation dropdown open */
/* CHANGE */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #000;
}

.navbar-default .navbar-nav > .active.open > a,
.navbar-default .navbar-nav > .active.open > a:hover,
.navbar-default .navbar-nav > .active.open > a:focus {
    color: #FFF;
}


/** top navigation inactive dropdown open -> grey arrow  **/
.navbar-default .navbar-nav > .open > a:nth-child(2):after {
    /*background:url(images/menu_active.png) 20px 58px no-repeat;*/
    border-radius: 3px;
    border-right: 8px solid transparent;
    /*border-top:10px solid #0094d3;
    border-left:10px solid #0094d3;*/
    border-bottom: 8px solid transparent;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 15px solid #0094d3;
    content: " ";
    height: 0;
    right: 9px;
    pointer-events: none;
    position: absolute;
    top: 97%;
    width: 0;
}

/** top navigation active dropdown open -> blue arrow  **/
.navbar-default .navbar-nav > .open.active > a:nth-child(2):after {
    border-radius: 3px;
    border-right: 8px solid transparent;
    /*border-top:10px solid #0094d3;
    border-left:10px solid #0094d3;*/
    border-bottom: 8px solid transparent;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 15px solid #0076bd;
    content: " ";
    height: 0;
    right: 9px;
    pointer-events: none;
    position: absolute;
    top: 97%;
    width: 0;
    /*
    border-right:8px solid transparent;
    border-bottom:8px solid transparent;
    
    border-left:8px solid #0076bd;
    border-top: 15px solid #0076bd;*/
}
/*
.navbar-default .navbar-nav > .open.active:hover > a:first-child:after {
     border-top:10px solid #0076bd;
    border-left:10px solid #0076bd;
}*/

/*top navigation dropdown image*/
.caret {
    position: absolute;
    top: 50%;
    left: 33%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-image: url('../../Svg/KKV-kuvakkeet-Lisaa.svg');
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    border: 0px none transparent;
    border-radius: 50%;
    background-color: #00568A;
}

.active .dropdown-toggle .caret {
    background-color: #01425d;
}

/* dropdown image when dropdown is open */
.open .caret {
    /*background-image: url('images/topnavminus.png');*/
}
/*
.open .caret:after{
    width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	
	border-top: 15px solid #0094d3;
    content: " ";
    height: 0;
    right: 8px;
    pointer-events: none;
    position: absolute;
    top: 97%;
    width: 0;
}*/


.moresubjects li {
    background: none !important;
    padding-left: 0px !important;
}

.moresubjects ul li {
    padding-left: 0px !important;
}

.moresubjects a {
    padding-top: 1px;
    color: #3083c1;
    font-size: 14px;
    padding-left: 0px !important;
}

    .moresubjects a:before {
        content: "\203A ";
        padding-right: 5px;
        color: #b6006c;
        font-weight: bold;
    }

.moresubjects {
    height: 20px;
    position: absolute;
    top: 255px;
}

.column4 .moresubjects,
.column5 .moresubjects,
.column6 .moresubjects {
    top: 560px;
}

.moresubjects ul {
    height: 20px;
}

/*Top navigation first child, image with gradient background*/
/* CHANGE */
.navbar-nav li:first-child a, .navbar-nav li:first-child a:hover {
    /*padding-top:16px;*/
    /*background: -o-linear-gradient(#00caf5, #0094d3);
    background: -moz-linear-gradient(#00caf5, #0094d3);
    background: -ms-linear-gradient(#00caf5, #0094d3);
    background: linear-gradient(#00caf5, #0094d3);
    filter: progid:DXImageTransform.Microsoft.Gradient( startColorstr='#00caf5', endColorstr='#0094d3',GradientType=0 ); 
    background-image: url('images/homepic.gif') !important;
    background-repeat: no-repeat !important;
    background-position: 7px 5px !important;*/
    width: 35px;
    background-color: #5BC5F1;
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 5px 5px no-repeat;
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 5px 5px no-repeat, -moz-linear-gradient(top, #5BC5F1, #5BC5F1); /* FF 3.6+*/
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 5px 5px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#5BC5F1), to(#5BC5F1)); /* Safari 4+, Chrome 2+*/
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 5px 5px no-repeat, -webkit-linear-gradient(top, #5BC5F1, #5BC5F1); /* Safari 5.1+, Chrome 10+*/
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 5px 5px no-repeat, -o-linear-gradient(top, #5BC5F1, #5BC5F1); /* Opera 11.10*/
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 5px 5px no-repeat, linear-gradient(#5BC5F1, #5BC5F1); /**/
    background-position: center;
}


/* CHANGE */
/*Top navigation first child selected*/
.navbar-default .navbar-nav > li.active:first-child > a,
.navbar-default .navbar-nav > li.active:first-child > a:hover {
    background-color: #0090c6;
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 7px 5px no-repeat;
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 7px 5px no-repeat, #00568A; /* FF 3.6+*/
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 7px 5px no-repeat, #00568A; /* Safari 4+, Chrome 2+*/
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 7px 5px no-repeat, #00568A; /* Safari 5.1+, Chrome 10+*/
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 7px 5px no-repeat, #00568A; /* Opera 11.10*/
    background: url('../../Svg/KKV-kuvakkeet-Kotisivu.svg') 7px 5px no-repeat, #00568A; /**/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0090c6', endColorstr='#006e9c',GradientType=0 ); /* For IE */
    color: #000;
    background-position: center;
    /*border: 1px solid #00b5d2;*/
}



.dropdown-menu {
    z-index: 2001;
}

    .dropdown-menu li:first-child a,
    .dropdown-menu li:first-child a:hover {
        background-image: none !important;
        width: 100%;
    }

/**.navbar-nav  li:last-child a, .navbar-nav  li:last-child a:hover   {
	max-width:155px;
}**/
/* for ie8 */
/**.linkboxes .linkbox:first-child + .linkbox + .linkbox **/
/**.navbar-nav li + li +li a
{
    
   max-width:155px\9 !important;
}**/

/* CHANGE */

/* dropdown-toggle (link to open dropdown menu) */
.navbar-default .navbar-nav > li > a.dropdown-toggle, .navbar-default .navbar-nav > li > a.dropdown-toggle:hover {
    position: relative; 
    min-width: 25px; 
    /*background: -webkit-linear-gradient(#757678, #5b5c5d); /* For Safari */
    /*background: -o-linear-gradient(#757678, #5b5c5d); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#757678, #5b5c5d); /* For Firefox 3.6 to 15 */
    /*background: -ms-linear-gradient(#757678, #5b5c5d);
	/*background: linear-gradient(#757678, #5b5c5d); /* Standard syntax */
    /*background-color: #0077c1;*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#757678', endColorstr='#5b5c5d',GradientType=0 ); /* For IE */
}

/* active menu link dropdown-toggle  */
/*CHANGE */
.navbar-default .navbar-nav > li.active > a.dropdown-toggle,
.navbar-default .navbar-nav > li.active > a.dropdown-toggle:hover {
    /*
    background: -webkit-linear-gradien(#0076bd, #0076bd);
    background: linear-gradient(#0076bd, #0076bd);
    */
    background-color: #00568A;
    /*background: -webkit-linear-gradient(#0b6c97, #0b5c7e); /* For Safari */
    /*background: -o-linear-gradient(#0b6c97, #0b5c7e); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#0b6c97, #0b5c7e); /* For Firefox 3.6 to 15 */
    /*background: -ms-linear-gradient(#0b6c97, #0b5c7e);
	/*background: linear-gradient(#0b6c97, #0b5c7e); /* Standard syntax */
    /*background-color: #0077c1 !important;*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b6c97', endColorstr='#0b5c7e',GradientType=0 ); /* For IE */
}


a.dropdown-toggle {
    height: 58px;
}

/** dropdown-menu (megamenu) **/
.dropdown-menu.mobile {
    display: none;
}

.dropdown-menu {
    max-width: 1037px;
    position: absolute;
    top: 100px;
    /**left:15%;**/
    /**float:left;**/
    box-shadow: none;
    border: 30px solid transparent;
    left: 50%;
    /**margin-left:-285px;**/
    margin-left: -519px;
    border-radius: 0 0 5px 5px;
    background: transparent;
}



    .dropdown-menu > div:first-child {
        /*box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.43);*/
        float: left;
        /*border-radius:5px 5px 5px 5px;*/
        background: #ffffff;
        border: 3px solid #0077c1;
    }

    .dropdown-menu .column {
        float: left;
        width: 100%;
        height: 28px;
    }

    .dropdown-menu .columnbottom {
        width: 100%;
        height: 24px;
        float: left;
    }

    /*Dropdown menu, six columns*/
    .dropdown-menu h3 {
        margin-top: 0px;
    }

    .dropdown-menu ul {
        margin-left: 0px !important;
        height: 200px;
        overflow: hidden;
    }

        .dropdown-menu ul.bluelink {
            padding-top: 0px;
        }


    .dropdown-menu .bluelink a {
        padding-left: 8px;
    }



    .dropdown-menu .column1 {
        width: 28%;
        float: left;
        height: 258px;
        border-right: 1px solid #d2d2d2;
        margin-left: 3%;
    }

    .dropdown-menu .column2 {
        width: 38%;
        height: 258px;
        padding-left: 30px;
        float: left;
        border-right: 1px solid #d2d2d2;
    }

    .dropdown-menu .column3 {
        width: 28%;
        height: 258px;
        padding-left: 30px;
        float: left;
        margin-right: 3%;
    }

    .dropdown-menu .column4 {
        width: 28%;
        height: 288px;
        float: left;
        border-top: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        padding-top: 34px;
        margin-left: 3%;
    }

    .dropdown-menu .column5 {
        width: 38%;
        height: 288px;
        padding-left: 30px;
        float: left;
        border-top: 1px solid #d2d2d2;
        border-right: 1px solid #d2d2d2;
        padding-top: 34px;
    }

    .dropdown-menu .column6 {
        width: 28%;
        height: 288px;
        padding-left: 30px;
        float: left;
        border-top: 1px solid #d2d2d2;
        padding-top: 34px;
        margin-right: 3%;
    }

.moresubjects ul {
    background-color: aliceblue;
    height: 20px;
}

.dropdown-menu h3 {
    font-size: 16px;
    font-weight: bold;
}

.dropdown-menu .column h3 a {
    color: #231F20;
    font-size: 16px !important;
    font-weight: bold;
}

.dropdown-menu .column h4 a {
    color: #231F20;
    font-size: 15px !important;
    font-weight: bold;
}

.dropdown-menu .column ul.bluelink {
    padding-top: 0px;
    margin: 0px;
}

    .dropdown-menu .column ul.bluelink li a {
        padding-top: 0px;
        font-size: 14,5px;
    }

/*  navigation ends */


/** mainbanner on startpage **/
body .advertisement {
    min-height: 100px;
    display: block;
    /*background-image: url(images/bg_banner.png);
    background-size: 100% auto;
    width: 978px !important;
    background-repeat: no-repeat; 
	background-position:center top;
    border-radius: 3px;*/
}

/* CHANGE */
.bx-wrapper .bx-next {
    right: 25px !important;
}

@media only screen and (max-width: 767px) {
    .bx-wrapper .bx-next {
        right: 13px !important;
    }
}

.container .slider li {
    background: none !important;
}

.bx-wrapper .bx-controls-direction a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.bx-wrapper .bx-pager.bx-default-pager a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.bx-wrapper ul li {
    background: none !important;
    padding-left: 8px !important;
}

.bx-wrapper .bx-prev img, .bx-wrapper .bx-next img {
    padding: 5px 8px 5px 5px;
    background-color: rgba(0,0,0,0.3);
    border-radius: 3px;
}

.banner {
    padding-top: 50px;
    font-family: "Interstate Light";
    font-style: normal;
    font-weight: normal;
}

    .banner div {
        max-width: 430px;
        margin: auto;
        font-size: 35px;
        color: #414042;
    }

    .banner a {
        background: url(images/icon_button.png) 145px 5px no-repeat #b6006c;
        color: #ffffff;
        padding: 8px 50px 8px 10px;
        font-size: 14px;
        font-weight: bold;
        display: block;
        width: 180px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-top: 10px;
        font-family: 'Arial';
    }

        .banner a:hover {
            background-color: #6C0040;
        }

/* coloured link boxes on startpage */
.boxes .box {
    width: 134px;
    height: 134px;
    margin: 4px;
    border-radius: 3px;
    text-align: center;
    padding: 0;
}

    .boxes .box:first-child {
        margin-left: 0px;
    }

/* CHANGE */
.boxes.startpage .box {
    position: relative; 
}

.boxes.startpage .box img {
    z-index: 1;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-right: -50%;
    max-width: 60px;
    max-height: 100%;
    transform: translate(-50%, -50%);
}

/* background gradients for linkboxes on startpage, on sectionstartpage and on the rightside of a standard page */
.boxes .box1, .linkboxes .box1, .linkboxes .box1 .linkbox-img {
    background: -webkit-linear-gradient(#dad846, #cfcd00); /* For Safari */
    background: -o-linear-gradient(#dad846, #cfcd00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dad846, #cfcd00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dad846, #cfcd00); /* Standard syntax */
    background-color: #cfcd00;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad846', endColorstr='#cfcd00',GradientType=0 );
    border-color: #dad846;
}

/* CHANGE */
.boxes.startpage .box {
    margin: 7px;
}


.boxes.startpage .box1 {
    background: -webkit-linear-gradient(rgba(218, 216, 70, 1), rgba(218, 216, 70, 0.2)); /* For Safari */
    background: -o-linear-gradient(rgba(218, 216, 70, 1), rgba(218, 216, 70, 0.2)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(218, 216, 70, 1), rgba(218, 216, 70, 0.2)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(218, 216, 70, 1), rgba(218, 216, 70, 0.2)); /* Standard syntax */
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad846', endColorstr='#cfcd00',GradientType=0 );
}

.boxes .box2, .linkboxes .box2, .linkboxes .box2 .linkbox-img {
    background: -webkit-linear-gradient(#b1c554, #98b31e); /* For Safari */
    background: -o-linear-gradient(#b1c554, #98b31e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b1c554, #98b31e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b1c554, #98b31e); /* Standard syntax */
    background-color: #98b31e;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1c554', endColorstr='#98b31e',GradientType=0 ); /* For IE */
    border-color: #b1c554;
}

.boxes .box3, .linkboxes .box3, .linkboxes .box3 .linkbox-img {
    background: -webkit-linear-gradient(#7fc372, #52b944); /* For Safari */
    background: -o-linear-gradient(#7fc372, #52b944); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7fc372, #52b944); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7fc372, #52b944); /* Standard syntax */
    background-color: #52b944;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fc372', endColorstr='#52b944',GradientType=0 ); /* For IE */
    border-color: #7fc372; 
}

.boxes .box4, .linkboxes .box4, .linkboxes .box4 .linkbox-img {
    background: -webkit-linear-gradient(#4ea2bc, #0085a7); /* For Safari */
    background: -o-linear-gradient(#4ea2bc, #0085a7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4ea2bc, #0085a7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4ea2bc, #0085a7); /* Standard syntax */
    background-color: #0085a7;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea2bc', endColorstr='#0085a7',GradientType=0 ); /* For IE */
    border-color: #4ea2bc;
}

.boxes .box5, .linkboxes .box5, .linkboxes .box5 .linkbox-img {
    background: -webkit-linear-gradient(#4a6ca0, #144084); /* For Safari */
    background: -o-linear-gradient(#4a6ca0, #144084); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4a6ca0, #144084); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4a6ca0, #144084); /* Standard syntax */
    background-color: #144084;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a6ca0', endColorstr='#144084',GradientType=0 ); /* For IE */
    border-color: #4a6ca0;
}

.boxes .box6, .linkboxes .box6, .linkboxes .box6 .linkbox-img {
    background: -webkit-linear-gradient(#a65491, #8a1a6e); /* For Safari */
    background: -o-linear-gradient(#a65491, #8a1a6e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#a65491, #8a1a6e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#a65491, #8a1a6e); /* Standard syntax */
    background-color: #8a1a6e;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a65491', endColorstr='#8a1a6e',GradientType=0 ); /* For IE */
    width: 264px;
    margin-right: 0px;
    border-color: #a65491;
}

.boxes .kkv_magenta, .linkboxes .kkv_magenta, .linkboxes .kkv_magenta .linkbox-img {
    background: -webkit-linear-gradient(#e5198c, #b81570); /* For Safari */
    background: -o-linear-gradient(#e5198c, #b81570); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e5198c, #b81570); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e5198c, #b81570); /* Standard syntax */
    background-color: #e6198d;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5198c', endColorstr='#b81570',GradientType=0 ); /* For IE */
    width: 264px;
    margin-right: 0px;
    border-color: #e5198c;
}



/* CHANGE */

.boxes.startpage .kkv_magenta {
    background: -webkit-linear-gradient(rgba(229, 25, 140, 1), rgba(184, 21, 112, 1)); /* For Safari */
    background: -o-linear-gradient(rgba(229, 25, 140, 1), rgba(184, 21, 112, 1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(229, 25, 140, 1), rgba(184, 21, 112, 1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(229, 25, 140, 1), rgba(184, 21, 112, 1)); /* Standard syntax */
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5198c', endColorstr='#b81570',GradientType=0 ); /* For IE */
    width: 134px;
    margin-right: 0px;
}

.boxes .kkv_magenta h4 a {
    /*
    background: url(images/icon_box6.png) center 15px no-repeat;
        */
    width: 134px;
}

.boxes.startpage .box6 {
    background: -webkit-linear-gradient(rgba(166, 84, 145, 1), rgba(166, 84, 145, 0.25)); /* For Safari */
    background: -o-linear-gradient(rgba(166, 84, 145, 1), rgba(166, 84, 145, 0.25)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(166, 84, 145, 1), rgba(166, 84, 145, 0.25)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(166, 84, 145, 1), rgba(166, 84, 145, 0.25)); /* Standard syntax */
    background-color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a65491', endColorstr='#8a1a6e',GradientType=0 ); /* For IE */
    width: 264px;
    margin-right: 0px;
}

/* CHANGE */
.boxes.startpage .box5 {
    width: 264px; 
    margin-right: 0; 
}


.boxes .box7, .linkboxes .box7 {
    background: linear-gradient(#008ECA, #0075A6) repeat scroll 0 0 #8A1A6E;
    background: -o-linear-gradient(#008ECA, #0075A6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#008ECA, #0075A6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#008ECA, #0075A6); /* Standard syntax */
    background-color: #0075A6;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ECA', endColorstr='#0075A6',GradientType=0 ); /* For IE */
    width: 260px;
    border-color: #008ECA;
}

.boxes .box8, .linkboxes .box8 {
    background: linear-gradient(#ff6700, #cc5a0d) repeat scroll 0 0 #ff6700;
    background: -o-linear-gradient(#ff6700, #cc5a0d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ff6700, #cc5a0d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ff6700, #cc5a0d); /* Standard syntax */
    background-color: #cc5a0d;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6700 ', endColorstr='#cc5a0d',GradientType=0 ); /* For IE */
    width: 260px;
    border-color: #ff6700;
}

/* CHANGE */
/* Rightside box styles*/

.rightside .box1 h4 {
    background-color: #cfcd00;
}

.rightside .box2 h4 {
    background-color: #98b31e;
}

.rightside .box3 h4 {
    background-color: #52b944;
}

.rightside .box4 h4 {
    background-color: #0085a7;
}

.rightside .box5 h4 {
    background-color: #144084;
}

.rightside .box6 h4 {
    background-color: #8a1a6e;
}

.rightside .box7 h4 {
    background-color: #0075A6;
}

.rightside .box8 h4 {
    background-color: #cc5a0d;
}

.rightside .box1 {
    border-style: solid;
    border-width: 3px;
    border-color: #cfcd00;
}

.rightside .box2 {
    border-style: solid;
    border-width: 3px;
    border-color: #98b31e;
}

.rightside .box3 {
    border-style: solid;
    border-width: 3px;
    border-color: #52b944;
}

.rightside .box4 {
    border-style: solid;
    border-width: 3px;
    border-color: #0085a7;
}

.rightside .box5 {
    border-style: solid;
    border-width: 3px;
    border-color: #144084;
}

.rightside .box6 {
    border-style: solid;
    border-width: 3px;
    border-color: #8a1a6e;
}

.rightside .box7 {
    border-style: solid;
    border-width: 3px;
    border-color: #0075A6;
}

.rightside .box8 {
    border-style: solid;
    border-width: 3px;
    border-color: #cc5a0d;
}


/* CHANGE */
.boxes .box.box1 a, .boxes .box.box2 a, .boxes .box.box3 a, .boxes .box.box6 a {
    color: #000;
}

/* sectionstart page linkboxes */
.linkboxes .linkbox {
    background-size: 100% 70px;
}


    /* no margin on the right side for every third linkbox */
    .linkboxes .linkbox:nth-child(3n) {
        margin-right: 0px;
    }

    /* for ie8 */
    .linkboxes .linkbox:first-child + .linkbox + .linkbox,
    .linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox + .linkbox + .linkbox {
        margin-right: 0px\9;
    }


/* startpage linkboxes */
.boxes .box a {
    color: #ffffff;
    width: 134px;
    height: 134px;
    float: left;
    padding: 60px 10px 0 10px;
    font-size: 16px;
    font-family: 'Interstate';
    font-style: normal;
    font-weight: normal;
}

.boxes .box h4 {
    font-size: 18px;
    font-family: 'Interstate';
    font-style: normal;
    font-weight: normal;
    padding-top: 0px;
}

/* background icons for startpage linkboxes */
/* CHANGE */
/* Images now added from maintenance */

.boxes .box1 h4 a {
    /*
    background: url('images/icon_box1.png') center 15px no-repeat;
        */
}

.boxes .box2 h4 a {
    /*
    background: url('images/icon_box2.png') center 15px no-repeat;

    */
}

.boxes .box3 h4 a {
    /*
    background: url('images/icon_box3.png') center 15px no-repeat;
        */
}

.boxes .box4 h4 a {
    /*
    background: url('images/icon_box4.png') center 15px no-repeat;
        */
}

.boxes .box5 h4 a {
    /*
    background: url('images/icon_box5.png') center 15px no-repeat;
        */
    width: 260px;
}

.boxes .box6 h4 a {
    /*
    background: url('images/icon_box6.png') center 15px no-repeat;
        */
    width: 260px;
}


.linkboxes .linkbox {
    width: 305px;
    background-color: #f0f0f0;
    border-radius: 4px;
    margin: 10px 30px 20px 0;
    padding: 0 0 0px 0;
    border-width: 2px; 
    border-style: solid; 
}

    .linkboxes .linkbox .linkbox-img {
        float: left;
        max-width: 61px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-left: 61px;
        padding-right: 11px; 
        height: 65px;
        padding-bottom: 5px;
    }

    .linkboxes .linkbox .linkbox-img img {
        max-width: 55px;
        z-index: 1;
    }

    .linkboxes .linkbox h4 {
        color: #ffffff;
        font-size: 19px;
        font-size: 18px\9; /* IE8, IE9 */
        margin: 0px;
        width: 100%;
        height: 65px;
        border-radius: 4px 4px 0 0;
        background-repeat: no-repeat;
        background-position: 20px 15px;
        display: flex; 
        align-items: center; 
        width: 100%; 
    }

    .linkboxes .linkbox.box7 h4 a,
    .linkboxes .linkbox.box8 h4 a {
        padding-left: 30px;
    }

    .linkboxes .linkbox h4 a {
        color: #ffffff;
        font-size: 17px;
        font-size: 17px\8; /* IE8, IE9 */
        margin-left: 0px;
        padding: 10px;
        height: 65px;
        display: flex;
        justify-content: flex-start; 
        align-items: center; 
        flex: 1; 
        background-color: rgba(0,0,0,0.2);
        width: 100%; 
    }

    /* CHANGE */
    /* Ratkaisut ja julkaisut-page style */
    .section1 .linkboxes .linkbox {
        border-width: 2px; 
    }

    .section1 .linkboxes .linkbox div {
        background-color: #fff;
    }

    .section1 .linkboxes .linkbox h4 {
        font-size: 19px; 
        padding-left: 25px; 
        padding-top: 0 !important; 
    }

    .section1 .linkboxes .linkbox h4 a {
        font-size: 19px;
        background-color: transparent; 
        padding-left: 0; 
    }

/* IE9 */
/**:root .linkboxes .linkbox h4, :root .linkboxes .linkbox h4 a
{
    font-size:22px\0;
}**/

html[lang="en"] .linkboxes .box2 h4,
html[lang="en"] .linkboxes .box4 h4 {
    padding-top: 15px;
}


.linkboxes .box6 h4 {
}

.linkboxes .box7:first-child h4,
.linkboxes .box7 + .box7 + .box7 + .box7 h4 {
    padding-top: 15px;
}

html[lang="en"] .linkboxes .box7 + .box7 h4,
html[lang="en"] .linkboxes .box7 + .box7 + .box7 h4 {
    padding-top: 15px;
}

html[lang="en"] .linkboxes .box7 + .box7 + .box7 + .box7 + .box7 + .box7 h4 {
    padding-top: 0px;
}

/* CHANGE */
/*
.linkboxes .box8:first-child h4,
.linkboxes .box8 + .box8 + .box8 + .box8 + .box8 h4 {
    padding-top: 15px;
}
    */

.linkboxes .box8 + .box8 + .box8 + .box8 + .box8 + .box8 h4 {
    padding-top: 5px;
}


.linkboxes .linkbox div {
    background-color: #fff;
    border-radius: 0 0 3px 3px;
    padding: 10px;
    height: 300px;
}

    .linkboxes .linkbox div div {
        background-color: transparent;
        border-radius: 0 0 3px 3px;
        padding: 0px;
        height: auto;
    }

/* background icons for sectionstartpage linkbox headings */
/* CHANGE */
/* Images added from maintenance */
.linkboxes .box1 h4 {
    /*
    background-image: url('images/icon_box1.png');
        */
}

.linkboxes .box2 h4 {
    /*
    background-image: url('images/icon_box2.png');
        */
}

.linkboxes .box3 h4 {
    /*
    background-image: url('images/icon_box3.png');
        */
}

.linkboxes .box4 h4 {
    /*
    background-image: url('images/icon_box4.png');
        */
}

.linkboxes .box5 h4 {
    /*
    background-image: url('images/icon_box5.png');
        */
}

.linkboxes .box6 h4 {
    /*
    background-image: url('images/icon_box6.png');
        */
}

.linkboxes .bluelink {
    margin-bottom: 5px;
}

    .linkboxes .bluelink li {
        padding: 3px 0 3px 0;
    }

.linkboxes .linkbox .bluelink a:before {
    color: #0076BD;
}

.linkboxes .linkbox a {
    margin-left: 15px;
    font-size: 15px;
}

.linkboxes .linkbox p {
    margin: 5px 15px 0px 15px;
    font-size: 15px;
    font-style: italic;
}

/**.linkboxes .box1 p {
    color:#b6b400;
}

.linkboxes .box2 p {
    color:#99ae35;
}

.linkboxes .box3 p {
    color:#4e8846;
}

.linkboxes .box4 p {
    color:#1886a8;
}

.linkboxes .box5 p {
    color:#003b8b;
}

.linkboxes .box6 p {
color:#8a1a6e;
}**/

.linkboxes .linkbox a:before {
    content: "\203A "; /** › **/
    color: #B6006C;
    font-weight: bold;
    padding-right: 5px;
}

.linkboxes .linkbox h4 a:before {
    content: normal;
}




/** headings **/
.jumbotron H1 {
    font-size: 28px !important;
    color: #231f20;
}

.jumbotron .innerpage H1 {
    font-size: 36px;
    color: #231f20;
}

/* "cookieWarning" */
#cookieWarning {
    background-color: #F1F6F9;
    border-width: 2px 0 2px 0;
    border-color: #5B5C5E;
    border-style: solid;
    padding: 0 20px 0 20px;
    display: block;
}

    #cookieWarning .CookieWarningText {
        float: left;
        padding-top: 20px;
    }


    #cookieWarning input[type="button"] {
        float: right;
        margin-top: 20px;
        width: 135px;
        font-size: 15px;
    }

/** Breadcrumbs (headerlinks, breadcrumb, footer)  **/
.breadcrumb {
    background-color: transparent;
    border: 0 none transparent;
    font-size: 12px;
    text-align: right;
    padding-left: 0px;
    float: left;
    margin: 0px;
}

ul.breadcrumb {
    margin: 0px;
}

    ul.breadcrumb li {
        background: none;
        padding-left: 0px;
    }

    ul.breadcrumb.inner li + li:before,
    .mobilemenu ul.breadcrumb.inner li:before {
        content: "\203A "; /** › **/
        font-size: 15px;
        color: #0076BD;
        padding-right: 2px;
    }



.breadcrumb li {
    display: inline-block;
    float: left;
}

/* breadcrumb2 = headerlinks on the right side */
.breadcrumb2 {
    padding-right: 0px;
    padding-top: 3px;
}

.logorow .breadcrumb2 {
    padding-top: 0;
}

    .logorow .breadcrumb2:not(:last-child):first-child:after {
        content: "|";
        color: #bb2679;
        font-weight: bold;
        padding: 0 5px 0 5px;
    }

.logorow .breadcrumb > li + li:before {
    color: #bb2679;
    font-weight: bold;
    padding-right: 0px;
}

.logorow .breadcrumb > li + li:before {
    padding-right: 5px;
    content: "|";
}

.logorow .breadcrumb li.active a {
    color: #231F20;
    cursor: default;
}

.logo .breadcrumb {
    width: 100%; 
    margin-left: 10px; 
}

.logo .breadcrumb a {
    float: left; 
}

.breadcrumb img {
    width: 15px; 
    transform: rotate(180deg);
    margin: 0 5px 3px 0;
}


.row {
    max-width: 978px;
    margin-left: auto;
    margin-right: auto;
}

.jumbotron {
    padding: 0 !important;
    margin: 0px;
    font-size: 13px;
    font-weight: normal;
    line-height: normal;
    background: #ffffff;
}

/* logorow =headerlinks */
.logorow {
    background-color: #ffffff;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding: 20px 0 0 5px;
}

    .logorow .col-lg-4 {
        padding: 0px;
    }

    .logorow .col-xs-4 {
        padding-right: 0px;
    }



/**.logorow .col-xs-4 ul li
{
    float:right;
}**/



/**.logorow .col-lg-4:last-child  {
	padding-left:45px;
}**/

/*
.container > .navbar-collapse{
    width: 978px;
	margin-right: auto;
	margin-left: auto;
}*/

.container {
    padding-left: 0px;
    padding-right: 0px;
    width: 100% !important;
}




/** Links section on startpage (links on blue background) **/

.links .col-md-4 {
    /**padding-left:0px;
	padding-right:30px;**/
    width: 330px;
    background-color: #f4fafe;
    border-radius: 5px;
    padding-left: 15px;
    min-height: 190px;
    margin: 10px 0 0 0;
}

.startpage.links .col-md-4 {
    border: 1px solid #d4edfc;
}
/* CHANGE */

.container.links.startpage {
    margin-top: 20px; 
}

.links .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.links .row > [class*='col-'] {
        display: flex;
        flex-direction: column;
}

.advisory-btn h1 {
    margin-top: 15px; 
    margin-bottom: 15px; 
}

.advisory-btn .kune_button.sidetitle {
    display: flex; 
    align-items: center; 
    height: 55px; 
    font-size: 16px; 
    background-position-x: 97% !important; 
    margin-bottom: 3px; 
}

.links .col-md-9 {
    padding-left: 0; 
    max-width: 711px; 
}

.links .col-md-9 .col-sm-6 {
    padding-left: 0; 
}


.links .col-md-9 .col-sm-6:nth-child(2) {
    padding-right: 0;
}

@media only screen and (max-width: 767px) {
    .links .col-md-9 .col-sm-6:nth-child(1) {
        padding-right: 0; 
    }
}

/* CHANGE */
    .startpage.links .col-md-4:first-child {
        /*margin-right:6px;*/
        border-radius: 5px 0 0 5px;
        border: none;
        background-color: #FFF; 
    }

.startpage.links .col-md-3 {
    padding-left: 15px;
    margin-right: 0px;
    border-radius: 5px;
    border: 1px solid #d4edfc;
    background-color: #f4fafe;
    width: 265px;
}

@media only screen and (max-width: 767px) {
    .startpage.links .col-md-3 {
        width: 100%; 
        margin-top: 20px;
        margin-right: 16px; 
    }
}

.startpage.links .col-md-4 + .col-md-4 {
    border-radius: 0 5px 5px 0;
    margin-right: 12px;
    padding-left: 0px;
    width: 300px;
}

    .startpage.links .col-md-4:nth-child(2) {
        border: none !important;
        background: #FFF; 
    }

.links .col-md-4:last-child {
    padding-right: 0px;
    width: 305px;
}

/** for ie8 **/
.links .col-md-4 + .col-md-4 + .col-md-4 {
    padding-right: 0px;
    width: 305px;
}

.startpage.links .col-md-4 + .col-md-4 + .col-md-4 {
    padding-left: 15px;
    width: 330px;
    margin-right: 0px;
    border-radius: 5px;
    border: 1px solid #555;
}

.links .bluelink {
    padding-top: 0px;
}

/* CHANGE */
.readmore_1 {
    background-color: #fff !important;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-top: 10px !important;
    padding-bottom: 15px !important;
    padding-left: 30px !important;
}
    
    .readmore_1 a {
        float: right; 
        margin-right: 20px; 
    }

    .readmore_1 a:before {
        content: "" !important;
        /*
        background-color: #cdcdcd !important;
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding-top: 9px !important;
        padding-bottom: 10px !important;
        padding-right: 15px !important;
        padding-left: 12px !important;
        color: #0075c0 !important;
            */
    }

    .readmore_1 a:after {
        content: "\203A ";
        padding: 0 10px 0 10px; 
        font-weight: bold; 
    }

.sectionstartpage .links {
    background: #f2f6f8;
    border-top: solid 1px #dbdada;
    margin-top: 25px;
}

    .sectionstartpage .links .col-md-4 + .col-md-4 + .col-md-4 {
        padding-left: 0px;
    }
    /**.links .list-group 
{
    background-color:#e0f2fb;
    border-radius:5px;
    padding-left:15px;
    min-height:160px;
}**/

    .sectionstartpage .links .col-md-4 {
        background-color: transparent;
        border-radius: 0px;
        padding-left: 0px;
        min-height: 0px;
    }

/** themes (= Tietoa ja ohjeita) **/
.themes h1 a {
    /* CHANGE */
    color: #0076bd;
}

/** announcements (= Ajankohtaista) **/

.announcements {
    margin-bottom: 25px;
}

    /**.announcements  .row:last-child {
	background:url('images/triangle.png') right bottom no-repeat;
	padding-bottom:85px;

}**/

    .announcements h1 {
        /**border-bottom:dashed 4px #68c1c4;**/
        background: url('images/bg_dashed.png') left bottom repeat-x;
        padding-bottom: 10px;
        margin-top: 35px;
        height: 42px;
    }

        .announcements h1 a {
            /* CHANGE */
            color: #0076bd;
            float: left;
            display: inline-block;
        }

    .announcements a.rss {
        background: url(images/icon_rss.png) right top no-repeat;
        width: 26px;
        height: 26px;
        float: left;
        margin-left: 10px;
    }

    .announcements h4, .announcements h4 a {
        font-size: 21px;
        color: #231F20;
    }


    .announcements .col-sm-6 {
        padding-left: 0px;
    }

.announce {
    color: #01549c;
    padding-bottom: 100px;
}

.announcetitle {
    font-weight: normal;
    font-size: 15px;
    padding-top: 10px;
}

    .announcetitle:last-of-type {
        border-bottom: none;
    }

.announcedate {
    font-size: 14px;
    font-style: italic;
    width: 100%;
    font-style: italic;
    padding-bottom: 2px;
    border-bottom: solid 1px #e4e4e5;
    padding-bottom: 10px;
}

.more {
    margin-top: 15px;
    float: left;
    font-size: 14.5px;
}

    .more:before {
        color: #B6006C;
        content: "\203A "; /** › **/
        font-weight: bold;
        padding-right: 5px;
    }

/** Statistics (= Käydyimmät sivut, Käytetyimmät asiasanat, KKV sosiaalisessa mediassa) **/
.statistics {
    min-height: 100px;
    background: #f4fafe;
    /**border-top:solid 2px #d0dfe7;**/
    box-shadow: 0px -2px 2px #d0dfe7;
    padding-bottom: 25px;
}

    .statistics .col-sm-6.nopadding {
        display: inline-block;
    }

    .statistics ol {
        padding-left: 15px;
    }

        .statistics ol li {
            padding: 5px 0 5px 0;
            font-size: 14.5px;
        }

            .statistics ol li:before {
                color: #b6006c;
                font-size: 12px;
                font-weight: bold;
                padding-right: 5px;
            }

    .statistics .some_link a {
        display: block;
        color: #231f20;
        padding: 5px 0 0 25px;
        text-indent: 0px;
        font-size: 15px;
    }

    .statistics .some_link .fb {
        background: url(images/icon_fb.png) left 5px no-repeat;
    }

    .statistics .some_link .twitter {
        background: url(images/icon_twitter.png) left 5px no-repeat;
    }

    .statistics ul {
        padding: 0px;
        margin: 0px;
    }

    .statistics .arrowboxLeft, .statistics .arrowboxRight {
        list-style-type: none;
        position: relative;
        background: #a2daf4;
        width: 305px;
        height: 100%;
        border-radius: 7px;
        padding: 10px 10px 10px 10px;
        margin-bottom: 20px;
        font-size: 15px;
    }

/* Twitter boxes */
.arrowboxLeft:after {
    top: 97%;
    left: 6%;
    position: absolute;
    pointer-events: none;
    content: " ";
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-top: 7px solid #a2daf4;
    border-left: 7px solid #a2daf4;
    border-bottom: 7px solid transparent;
    border-radius: 2px;
}

.arrowboxRight:after {
    top: 97%;
    left: 90%;
    position: absolute;
    pointer-events: none;
    content: " ";
    width: 0;
    height: 0;
    border-right: 7px solid #a2daf4;
    border-top: 7px solid #a2daf4;
    border-left: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-radius: 2px;
}

/**.statistics .arrowboxRight 
{
    background:url(images/arrowboxRight.png) right bottom no-repeat #a2daf4;
    
}**/

/**.statistics .arrowboxLeft a, .statistics .arrowboxRight a 
{
    padding-left:5px;
}**/

.statistics .arrowboxLeft span, .statistics .arrowboxRight span {
    color: #ffffff;
    font-size: 12px;
    padding-left: 0px;
    padding-top: 15px;
    font-style: italic;
}

.arrowboxRightSpan {
    color: #ffffff;
    font-size: 12px;
    padding-left: 0px;
    padding-top: 7px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-style: italic;
}

.statistics .sidelinks {
    padding-top: 0px;
}

.statistics .keyword {
    font-family: 'Interstate';
    font-style: normal;
    font-weight: normal;
    line-height: 24px;
}



    .statistics .keyword:after {
        content: ", ";
    }

    .statistics .keyword:last-child:after {
        content: normal;
    }

.statistics .keyword_1 {
    color: #003b8b;
    font-size: 20px;
}

    .statistics .keyword_1:hover {
        color: #022c65;
    }


.statistics .keyword_2 {
    color: #008fcb;
    font-size: 17px;
    line-height: 1.8em;
}

    .statistics .keyword_2:hover {
        color: #036994;
    }

.statistics .keyword_3 {
    font-size: 14px;
    color: #5ec5ed;
}

    .statistics .keyword_3:hover {
        color: #50a4c4;
    }








/**.date
{
    color: black;
    width: 100%;
}

.subject
{
    color: #01549c
}**/



/** bluefooter = BottomMenu **/

.bluefooter {
    background-color: #0076bd;
    min-height: 100px;
    color: #ffffff;
    font-family: 'Interstate';
    font-style: normal;
    font-weight: normal;
    padding: 0px 0 80px 0;
}

    .bluefooter .col-md-2 {
        /**width:20%;**/
    }

    .bluefooter ul li:before {
        content: "\203A "; /** › **/
    }

    .bluefooter h4 {
        font-family: 'Interstate';
        font-style: normal;
        font-weight: normal;
        font-size: 21px;
        margin: 30px 0 20px 0;
        color: #ffffff;
    }

        .bluefooter h4 a {
            font-family: 'Interstate';
            font-style: normal;
            font-weight: normal;
            font-size: 19px;
            margin: 0px;
            display: inline-block;
            padding-left: 0;
            text-indent: 0;
        }

    .bluefooter p {
        margin: 0px;
    }

    .bluefooter a {
        color: #ffffff;
        font-size: 14px;
        margin: 5px 0 5px 0;
        padding-left: 1em;
        text-indent: -0.8em;
        display: inline-block;
        font-family: Arial;
    }

        .bluefooter a:before {
            content: "\203A "; /** › **/
            padding-right: 5px;
            color: #ffffff;
            font-weight: bold;
        }

    .bluefooter h4 a:before {
        content: "";
        padding-right: 0px;
    }

/**.keywords {
	padding-right:30px;
}**/



/** blackfooter = Bottom Footer **/

.blackfooter {
    background-color: #003b8b;
    height: 38px;
    text-align: left;
    color: #ffffff;
}

    .blackfooter a {
        color: #ffffff;
        font-size: 14px;
        padding: 0 15px 0 10px;
    }

    .blackfooter li {
        white-space: nowrap;
    }

    .blackfooter .breadcrumb > li:before {
        content: "|";
        color: #BB2679;
    }

    .blackfooter .breadcrumb > li.copyright:before,
    .blackfooter .breadcrumb > li:nth-child(2):before {
        content: normal;
    }

    /* copyright */
    .blackfooter .breadcrumb li.copyright {
        padding: 5px 25px 0 0;
        font-size: 15px;
    }

        /* hide copyright for mobile size */
        .blackfooter .breadcrumb li.copyright.mobile {
            display: none;
        }




/** Contentpage **/

.headingaineisto {
    color: #0077c1 !important;
    margin-top: 0px;
    padding-top: 0px;
}

.heading_aineistotemplate {
    color: #ff6600 !important;
    font-weight: bold;
    font-size: 34px !important;
}

.col-8 H1, .col-8sm H1, .col-lg-8 H1 {
    font-size: 36px !important;
    color: #ff6600 !important;
    font-weight: bold;
    margin-bottom: 30px;
}


/*left navigation*/

/* hide mobile menu */
.innerpage .mobilemenu {
    display: none;
}



.well_aineisto .backtoroot a,
.well_aineisto .backtoroot a:focus,
.well_aineisto .backtoroot a:hover {
    background-image: url('images/backtotop.png') !important;
    background-repeat: no-repeat;
    background-position: 18px 8px;
    padding-top: 4px !important;
    padding-left: 50px !important;
    font-size: 13px !important;
}

.well_aineisto .backtoroot {
    color: #ff6500 !important;
    background-color: #d1ecf9;
    height: 30px;
    width: 290px;
    line-height: 30px;
}

    .well_aineisto .backtoroot a:before {
        content: none !important;
    }



/* well = left navigation 
.nav > li > a:hover, .nav > li > a:focus {
    background-color: none !important;
}*/

.toc {
    color: #ff6500;
    padding-left: 22px !important;
    padding-bottom: 7px !important;
    font-size: 17px !important;
    background-color: #d1ecf9;
    font-weight: bold;
}

.tocwidth {
    width: 290px;
    height: 34px;
    background-color: #d1ecf9;
    padding-top: 6px;
    padding-bottom: 2px;
}



.well,
.well_aineisto {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 10px;
    background-color: #ffffff;
    border: 0px none transparent;
    box-shadow: none;
    width: 250px;
    /**font-family:'Interstate Regular';**/
    font-size: 16,5px;
    /* margin:30px 0 0 -15px;*/
    margin: 0px 0px 0px 0px;
}

.well_aineisto {
    margin-top: 24px;
}

.well > a {
    font-weight: bold;
    display: inline-block;
    padding-left: 1em;
    text-indent: -0.7em;
    line-height: 17px;
    width: 200px;
    margin-left: 10px;
    margin-bottom: .5rem;
}


.well_aineisto > a {
    font-weight: bold;
    display: inline-block;
    padding-left: 1em;
    text-indent: -0.7em;
    line-height: 35px;
    width: 290px;
}

/* CHANGE */
.well .nav {
    padding-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    margin-left: 10px;
    width: 200px;
}

.well.color-menu .nav {
    padding-left: 12px; 
} 


.well_aineisto .nav {
    padding-top: 0px;
    margin-left: 0px;
    padding-left: 0px;
    border-top: 1px solid #e5f4fb;
    width: 290px;
}


.well .nav li {
    font-size: 17px;
    padding-bottom: 5px;
    background-image: none;
    padding-left: 0px;
    padding-top: 0px;
    line-height: 22px;
}

.well .nav > li > a {
    padding: 0px 18px 0px 0px !important;
    font-size: 15px;
}

.leftmenu .nav {
    font-size: 12px !important;
}

.well .nav > li > a:hover,
.well .nav > li > a:focus {
    background-color: transparent !important;
}



.well_aineisto .nav li {
    /**font-family:'Interstate';
	font-style: normal; 
	font-weight: normal;**/
    padding-bottom: 5px;
    background-image: none;
    padding-left: 0px;
    padding-top: 0px;
    line-height: 16px;
}

.well .nav li a {
    /*font-family: Arial;
    font-weight: bold; 
    color: #0076bd;
    padding-left: 0px;    
    line-height:14px;
    display:inline-block;
    font-size: 15px;*/
    font-family: Arial;
    font-weight: normal;
    padding-left: 0px;
    padding-top: 4px;
    padding-bottom: 1px;
    font-size: 15px;
    line-height: 17px;
    display: inline-block;
}



.well_aineisto .nav li a {
    font-family: Arial;
    font-weight: bold;
    padding-left: 0px;
    padding-top: 4px;
    padding-bottom: 1px;
    line-height: 22px;
    display: inline-block;
}

.well_aineisto .nav li a {
    font-weight: normal;
}


.well .nav li:hover,
.well .nav li a:hover,
.well .nav li a:focus {
    background-color: none;
}

.well_aineisto .nav > li > a:hover,
.well_aineisto .nav > li > a:focus {
    background-color: #d1ecf9;
}


.well_aineisto .nav li:hover,
.well_aineisto .nav li a:hover
.well_aineisto .nav li:focus,
.well_aineisto .nav li a:focus {
    width: 100%;
}


/* selected upper level on navigation */
.well .nav li.active a,
.well .nav li.active {
    font-weight: bold;
}

.well_aineisto .nav li.active a,
.well_aineisto .nav li.active {
    font-weight: normal;
    background-image: url('images/arrow_white.png') !important;
    background-repeat: no-repeat;
    background-position: left 9px;
}

    .well .nav li.active ul li a,
    .well_aineisto .nav li.active ul li a {
        font-weight: normal;
    }

    .well .nav li.active ul.level2 li.active > a,
    .well_aineisto .nav li.active ul.level2 li.active > a {
        font-weight: bold;
    }

/* CHANGE */
.leftmenuselected {
    height: 50px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    border-radius: 5px;
    margin-bottom: 2px;
}

.leftmenu {
    background-position: top left;
    height: 52px;
    padding-left: 58px;
    position: relative; /*for centering li text*/
    display: flex !important;
    align-items: center;
    flex-direction: row;
    border-radius: 5px;
    margin-bottom: 2px;
}


/*Blue left navigation menu*/

.well_aineisto .nav {
    overflow-y: auto;
    max-height: 500px;
    position: relative;
}

/*Aineistosivun left menu positioned over*/
.sidebar-nav {
    background-color: transparent;
}

.backtoroot {
    z-index: 1;
}

.well_aineisto {
    position: fixed !important;
    z-index: 996;
}

.bluefooter,
.blackfooter {
    z-index: 997 !important;
    position: relative;
}

/*Aineistosivun left menu positioned over ends here*/

.well .infonav a {
    padding-left: 0px !important;
}

.well .infonav {
    margin-left: 0px !important;
    width: 231px;
}

    .well .infonav li {
        padding-left: 1em !important;
        padding-bottom: 0px;
        line-height: 18px;
        background: initial;
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }

        .well .infonav li a {
            text-indent: 0em !important;
        }

.well .level3 .leftmenu a, .well .level3 .leftmenu {
    background-color: #f0f0f0;
}


.color-menu .level1.infonav .leftmenu a {
    font-weight: bold; 
}

.color-menu .level2.infonav .leftmenu a {
    font-weight: normal;
} 

.level1.infonav .leftmenu a {
    color: #ffffff;
    background-color: rgba(0,0,0,0.2);
    font-size: 12px !important;
    float: right;
    display: flex !important;
    flex: 1; 
    align-items: center;
    height: 50px;
    width: 100%;
    text-indent: initial;
    padding: 0px 0px 0px 0px;
    border-radius: 0 5px 5px 0;
}

/*CHANGE */
.leftmenu img {
    max-width: 50px;
}

.leftmenu li {
}

.level1.infonav .leftmenuselected a {
    color: #ffffff;
    background-color: rgba(0,0,0,0.2);
    font-size: 12px !important;
    float: right;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    height: 50px;
    width: 100%;
    padding: 0px 0px 0px 0px;
    border-radius: 0 5px 5px 0;
}

    .level1.infonav .leftmenu a::before, .level1.infonav .leftmenuselected a::before {
        content: "";
    }

    .level1.infonav .active {
        box-sizing:content-box; 
        border-width: 3px; 
        border-style: solid; 
    }

    .level2.infonav .active {
        border: none;
    }

    .level2.infonav {
        border-width: 3px !important; 
        border-style: solid !important;
        border-radius: 3px; 
        background-color: #FFF !important; 
        margin-top: -6px !important; 
        margin-bottom: 2px; 
    }   

/*CHANGE */
.leftmenuselected img {
    max-width: 50px;
}


.level2.infonav .leftmenu a {
    height: inherit;
    justify-content: inherit;
    align-items: baseline;
}

.well.sidebar-nav .nav.level1.infonav li {
    padding-left: 0 !important;
}

.leftmenu .nav li.active,
.leftmenu .nav li.active a {
    font-weight: normal !important;
}

.well .level2 .leftmenu,
.well .level2 .leftmenuselected a {
    height: initial;
    height: auto;
    color: #0077c1;
}

.well .level2 .leftmenuselected a {
    padding-left: 6px !important;
    font-weight: bold;
    background-color: #fff;
    position: relative;
    top: auto;
    transform: none;
    text-indent: -0.7em !important;
    padding-right: 8px;
}

.well .level3 .leftmenuselected a {
    padding-left: 20px !important;
    text-indent: -0.7em !important;
}


.well .level4 .leftmenuselected a {
    padding-left: 47px !important;
}

.well .level2 .leftmenuselected {
    height: initial;
    height: auto;
}

.well .leftmenu.active {
    height: 50px;
}

/*CHANGE*/
.infonav .level1 {
    background-color: #ffffff !important;
    margin-bottom: -1px;
}

.infonav .level2 {
    background-color: #fff;
    padding-bottom: 6px;
    border: 1px solid #ffffff;
    padding-top: 2px !important;
}

.infonav .level3 {
    width: 180px;
    background-color: #fff;
    padding-top: 2px;
    margin-left: 15px !important; 
}

.infonav .level4 {
    width: 160px;
    background-color: #fff;
    margin-left: 20px !important;
}

.leftmenuselected a:before,
.leftmenu a:before {
    content: none;
}

.well .level2 .leftmenu a:before,
.well .level2 .leftmenuselected a:before {
    content: "\203A ";
    color: #b6006c;
    padding-right: 5px;
}

/* CHANGE */
.well {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    background-color: #ffffff;
    border: 3px solid #00568A;
    border-radius: 5px;
    box-shadow: none;
    width: 240px;
    font-size: 16.5px;
    margin: 15px 0 0 -15px;
}

.well h4 a:before {
    content: ""; 
    padding: 0; 
}

.well h4.sidetitle {
    background-color: #00568A;
    margin-top: 0; 
    padding: 5px 0 10px 7px; 

    font-size: 18px !important;
}

.well h4.sidetitle a {
    color: #FFF; 
}

.well.color-menu {
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 10px;
    background-color: #ffffff;
    border: 0px none transparent;
    box-shadow: none;
    width: 250px;
    font-size: 16.5px;
    margin: 30px 0 0 -15px;
}
    /* selected link */
    .well .selected a,
    .well .selected {
        color: #b6006c;
        font-weight: bold !important;
    }

.well_aineisto .selected a,
.well_aineisto .selected {
    font-weight: bold;
    padding-left: 36px;
    /*background-color: #d1ecf9;*/
}

.well .selected a {
    background-image: none;
}

.well_aineisto .selected a {
    background-image: url('images/arrow_white.png') !important;
    background-repeat: no-repeat;
    background-position: left bottom;
}


.well ul li {
    /*background-color: #ffffff;*/
}

.well_aineisto ul li {
    background-color: #d1ecf9;
    border-bottom: 1px solid #e5f4fb;
}


.well .selected ul li a,
.well_aineisto .selected ul li a {
    color: #0076BD;
    font-weight: normal !important;
}

.well a:before {
    content: "\203A ";
    color: #b6006c;
    padding-right: 5px;
}

.well .level1 li {
    padding-top: 0px;
    /*
    padding-right: 3px;
        */
    padding-left: 1em;
}

.well_aineisto .level1 li a {
    padding-left: 34px;
    text-indent: -0.7em;
}

.well .level1 li a {
    padding-left: 1em;
    text-indent: -0.7em;
}

.well li:hover,
.well .level1 li:hover {
    background-color: none;
}

.well_aineisto .level1 li a:before {
    /*content: "\203A ";*/
    padding-right: 8px;
}

.well .level2 li {
    padding-left: 0px !important;
    height: 100%;
}

.well .level2,
.well .level2 a {
    background-color: #ffffff;
    /*background: linear-gradient( #ffffff,  #ffffff);*/
    margin-left: 0px;
    margin-top: -1px;
    padding-top: 0px;
    padding-left: 18px !important;
    /*text-indent: -0.7em !important;*/
    padding-left: 14px !important;
}

    .well .level2 .leftmenu a,
    .well .level2 .leftmenu {
        margin-left: 0px;
        background-color: #fff;
        color: #0076bd;
        text-indent: -0.7em !important;
        padding-left: 9px !important;
        position: relative;
        top: auto;
        transform: none;
    }

        .well .level2 .leftmenu.active {
            height: initial;
            height: auto;
        }

        /* CHANGE */
        .well .level2 .leftmenu:first-child {
            margin-top: 10px; 
        }

        .well .level3 .leftmenu:first-child {
            margin-top: 0px;
        }

.well .level3 .leftmenu {
    padding-left: 24px !important;
}

.well .level4 .leftmenu {
    padding-left: 50px !important;
}

.leftmenu .well .level2 {
    margin-left: 0px !important;
    background-color: #fff;
    /*
    background: linear-gradient( #f0f0f0,  #f0f0f0) !important;
        */
}

.level2 .leftmenu {
    background-color: #fff;
    /*
    background: linear-gradient( #f0f0f0,  #f0f0f0) !important;
         */
}

.leftmenu {
    /* width:250px;*/
    background-color: #ffffff;
}

.well_aineisto .level2,
.well_aineisto .level2 a,
.well_aineisto .level2 .leftmenu a {
    background-color: #e5f4fb;
    background: linear-gradient( #e5f4fb, #e5f4fb);
    margin-left: 0px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    color: #0076bd;
    padding-left: 26px;
}

    .well_aineisto .level2 li {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        line-height: 14px !important;
    }

.well_aineisto .nav .level2 li.active a,
.well_aineisto .nav .level2 li.active {
    background-image: none !important;
    background-repeat: no-repeat;
}

.well_aineisto .level2 li:hover {
    background-color: #e5f4fb !important;
}


.well .level3 li a:before {
    color: #b6006c;
    padding-right: 5px;
}

.well level4 li a:before {
    content: none !important;
}

.well_aineisto .level2 li a:before,
.well_aineisto .level3 li a:before {
    /*content: "\203A ";*/
    font-weight: bold;
    padding-right: 5px;
}

.well .level2 li a {
    padding-left: 0px;
    text-indent: 0px;
    font-weight: normal;
}

    .well .level2 li a:before {
        content: none;
    }

.well_aineisto .level2 li a {
    padding-left: 0px;
    text-indent: 0px;
    font-weight: normal;
}

    .well_aineisto .level2 li a:hover {
        color: #003b8b;
    }

.well_aineisto .level2 .selected a,
.well_aineisto .level2 .selected li {
    background-image: none !important;
    background-color: #e5f4fb;
}

    .well_aineisto .level2 .selected a:hover {
        color: #003b8b;
    }

/* CHANGE */
.well .level2 {
    width: 200px;
    padding-top: 5px;
}

.color-menu.well .level2 {
    width: 219px;
    padding-top: 5px;
    overflow-wrap: break-word; 
    overflow-y: hidden;
}


.well .level3 {
}

.well_aineisto .level3 {
    margin-left: 20px;
    padding-left: 0;
    padding-top: 0px;
}
/*
.well .level3 li {
    background: url(images/list_bullet_disc.png) left 10px no-repeat;
    padding-left: 10px;
    padding-bottom: 0px !important;
}*/

.well .leftmenu .level3 li {
    background: none;
}

    .well .level3 li a {
        padding-left: 0px;
        font-weight: normal;
        padding-bottom: 0px;
    }

.well .level4 li {
    background: none;
}

.kune {
    float: left;
    padding: 0px;
}
/*Kuluttaja-neuvonta-osion 1&2-nosto-osat*/

.kune1 {
    margin-left: 3px !important;
}

.kune1, .kune2 {
    background-color: #89296b;
    float: left;
    height: 80px;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
    color: #ffffff;
    font-size: 50px;
    text-align: center;
    padding-top: 10px;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border: 0px solid #89296b;
    font-family: 'Interstate' !important; /*interstate regular*/
}

/*Kuluttajaneuvonta-osion nosto-osien tekstien taustat kune1text & kune2text***/
.kune1text {
    width: 242px;
}

.kune2text {
    width: 568px;
}

.kune1text,
.kune2text {
    height: 80px;
    font-size: 16px;
    background-color: #e3198b;
    float: left;
    color: #ffffff;
    background: -webkit-linear-gradient(#e5198c, #b91571);
    background: -o-linear-gradient(#e5198c, #b91571);
    background: -moz-linear-gradient(#e5198c, #b91571);
    background: linear-gradient(#e5198c, #b91571);
    background-color: #b91571;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5198c', endColorstr='#b91571',GradientType=0 );
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border: 0px solid #89296b;
    font-family: Interstate Light;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .kune1text a,
    .kune2text a {
        padding-top: 5px;
        font-family: Interstate; /*Interstate regular*/
        color: #ffffff;
        text-decoration: none;
    }

    .kune1text ul li {
        background-image: none !important;
        padding-left: 0px;
    }

    .kune1text a:before,
    .kune2text a:before {
        content: "\003e";
        color: #ffffff;
        padding-right: 5px;
    }

    

.kunecontent_left H1 {
    color: #89296b !important;
    font-family: 'Interstate';
    font-weight: bold;
    font-size: 30px !important;
    margin-top: 0px;
}

.kunecontent_left H2 {
    color: #89296b !important;
    font-family: 'Interstate';
    font-size: 24px !important;
}

.kunecontent_left H3 {
    color: #89296b !important;
    font-family: 'Interstate';
    font-size: 20px !important;
}

.kune_twin H1 {
    color: #89296b !important;
    font-family: 'Interstate';
    font-weight: bold;
    font-size: 26px !important;
}

.kunecontent_left,
.kunecontent_right {
    font-size: 16px;
    line-height: 21px !important;
}

.kunecontent_right {
    padding-left: 20px;
}

.sidetitleright,
.sidetitleright a {
    font-size: 21px;
    color: #000000;
    margin-bottom: 20px;
}

.kune_purple {
    margin-top: 20px;
    margin-bottom: 30px;
}

.kune_button {
    float: left;
    width: 290px;
    height: 56px;
    border-radius: 5px;
    color: #ffffff;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -moz-linear-gradient(top, #e6198d, #b81570) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#e6198d), to(#b81570)) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-linear-gradient(top, #e6198d, #b81570) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -o-linear-gradient(top, #e6198d, #b81570) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, linear-gradient(#e6198d, #b81570 !important);
    background-color: #e6198d !important;
    padding-top: 16px;
    padding-left: 20px;
    padding-right: 42px;
}

/* CHANGE */

.box6 .kune-button {
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -moz-linear-gradient(top, #e6198d, #b81570) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#e6198d), to(#b81570)) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-linear-gradient(top, #e6198d, #b81570) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -o-linear-gradient(top, #e6198d, #b81570) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, linear-gradient(#e6198d, #b81570 !important);
    background-color: #e6198d !important;
}

.box5 .kune_button {
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -moz-linear-gradient(top, #295db6, #103d8e) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#295db6), to(#103d8e)) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-linear-gradient(top, #295db6, #103d8e) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -o-linear-gradient(top, #295db6, #103d8e) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, linear-gradient(#295db6, #103d8e !important);
    background-color: #295db6 !important;
}

    .kune_button a {
        color: #ffffff;
    }

        .kune_button a:after {
            content: "\00a0\003e\00a0";
            background-color: #bc1673;
            border-radius: 50%;
            padding: 2px;
            position: absolute;
            left: 260px;
        }

/*red colored button in kune site*/
.kunecontent_right .kune_button {
    font-size: 16px;
    margin-bottom: 10px !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -moz-linear-gradient(top, #e6198d, #b81570) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#e6198d), to(#b81570)) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-linear-gradient(top, #e6198d, #b81570) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -o-linear-gradient(top, #e6198d, #b81570) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, linear-gradient(#e6198d, #b81570 !important);
    background-color: #e6198d !important;
}

/*blue colored button in kune site*/
.box4 .kune_button {
    font-size: 16px;
    margin-bottom: 10px !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -moz-linear-gradient(top, #56aacc, #0091cf) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from(#56aacc), to(#0091cf)) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -webkit-linear-gradient(top, #56aacc, #0091cf) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, -o-linear-gradient(top, #56aacc, #0091cf) !important;
    background: url('../../Svg/KKV-kuvakkeet-Painike-Small.svg') 250px center no-repeat, linear-gradient(#56aacc, #0091cf !important);
    background-color: #0091cf !important;
}


.kunecontent_right .kune_purple {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 16px;
}


.kunecontent {
    margin-top: 32px;
}

.kune_blue {
    background-color: #ddf1f9;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 15px;
}

.kune_yellow {
    background-color: #fceb87;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 15px;
}

    .kune_yellow .sidetitle,
    .kune_blue .sidetitle,
    .kune_gray .sidetitle {
        background: none !important;
    }


    .kune_yellow .sidetitle,
    .kune_yellow p,
    .kune_yellow ul li,
    .kune_gray .sidetitle,
    .kune_gray p,
    .kune_gray ul li,
    .kune_blue .sidetitle,
    .kune_blue p,
    .kune_blue ul li {
        color: #000000 !important;
    }

        .kune_yellow a,
        .kune_yellow p a,
        .kune_yellow ul li a,
        .kune_gray p a,
        .kune_gray ul li a,
        .kune_gray a,
        .kune_blue p a,
        .kune_blue ul li a,
        .kune_blue a {
            color: #0076bd !important;
            padding-left: 0px !important;
        }

    .kune_yellow ul li,
    .kune_gray yl li,
    .kune_blue ul li {
        padding-left: 3px !important;
    }

        .kune_yellow a:hover,
        .kune_yellow p a:hover,
        .kune_yellow ul li a:hover,
        .kune_gray p a:hover,
        .kune_gray ul li a:hover,
        .kune_gray a:hover,
        .kune_blue p a:hover,
        .kune_blue ul li a:hover,
        .kune_blue a:hover {
            text-decoration: none;
            color: #003b8b !important;
        }

.kune_gray {
    background-color: #f5f5f5;
    border-radius: 3px;
    padding: 20px;
    margin-bottom: 15px;
}

.kunecontent_right ul li {
    list-style-image: none !important;
}

    .kunecontent_right ul li:before {
    }

@media (max-width: 1050px) {
    .row .kunecontent_left {
        margin-left: 15px;
    }

    .kune1, .kune2 {
        margin-left: 15px !important;
    }
}

.rightside .kune_blue a.linklist_item:before,
.rightside .kune_blue p.linklist_item a:before,
.rightside .kune_blue ul.bluelink a:before,
.rightside .kune_yellow a.linklist_item:before,
.rightside .kune_yellow p.linklist_item a:before,
.rightside .kune_yellow ul.bluelink a:before,
.rightside .kune_gray a.linklist_item:before,
.rightside .kune_gray p.linklist_item a:before,
.rightside .kune_gray ul.bluelink a:before {
}

.kkv_lightblue {
    background-color: #d9f2fb;
    color: #000000 !important;
}

    .kkv_lightblue .sidetitle,
    .kkv_lightblue p,
    .kkv_lightblue a,
    .kkv_lightblue a:before,
    .kkv_darkyellow .sidetitle,
    .kkv_darkyellow p,
    .kkv_darkyellow a,
    .kkv_darkyellow a:before {
        color: #000000 !important;
    }

    .kkv_lightblue .sidetitle,
    .kkv_darkyellow .sidetitle {
        background: none !important;
        border-bottom: 1px dashed #000000;
    }

.kkv_darkyellow {
    background-color: #ffc200;
    color: #000000 !important;
}



.kune_blue ul li,
.kune_yellow ul li,
.kune_gray ul li {
    background: none !important;
    padding-left: 0px !important;
}

    .kune_blue ul li:before,
    .kune_yellow ul li:before,
    .kune_gray ul li:before {
        content: "\203A ";
        padding-right: 5px;
        color: #b6006c;
        font-weight: bold;
    }

/* TEST CHANGE */
.row .kune_blue ul li:before,
.row .kune_yellow ul li:before,
.row .kune_gray ul li:before {
    content: "";
    padding-right: 5px;
    color: #b6006c;
    font-weight: bold;
}

.rightside .kune_yellow .bluelink li,
.rightside .kune_blue .bluelink li,
.rightside .kune_gray .bluelink li {
    padding-left: 13px !important;
}

    .rightside .kune_yellow .bluelink li:before,
    .rightside .kune_blue .bluelink li:before,
    .rightside .kune_gray .bluelink li:before {
        content: none !important;
    }

.rightside .kune_yellow .linklist_item,
.rightside .kune_blue .linklist_item,
.rightside .kune_gray .linklist_item {
    padding-left: 13px !important;
}

.kunecontent_right .kune_yellow .linklist_item,
.kunecontent_right .kune_blue .linklist_item,
.kunecontent_right .kune_gray .linklist_item {
    padding-left: 13px !important;
    font-size: 16px !important;
}

.kunecontent_right .kune_yellow .bluelink a,
.kunecontent_right .kune_blue .bluelink a,
.kunecontent_right .kune_gray .bluelink a {
    font-size: 16px !important;
}



.kune_blue .bluelink a {
    text-indent: -0.8em;
    display: inline-block;
}

.contentkune_left, .contentkune_right {
    width: 50%;
    padding-left: 0px;
    float: left;
}

/* breadcrumb inner = contentpage breadcrumb */
.inner {
    padding-top: 6px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
}

/**.inner > li + li:before  {
    color: #b6006c;
    font-weight: bold;   
}**/


/* container for innerpage (breadcrumb + sidebar + content) */
.innerpage {
    padding-top: 20px;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 25px;
}

    .innerpage .col-3 {
        padding-left: 5px;
    }

.innerpagecontent H1 {
    padding: 0px;
    margin-top: 0px;
    padding-top: 21px;
    padding-bottom: 8px;
}

.innerpagecontent .ingress {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

/**.innerpagecontent h4.sidetitle 
{
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

.innerpagecontent #keywords a 
{
    font-size:13px;
}**/

/**.innerpagecontent {
    padding-left:15px;
}**/

.nopadding {
    padding-left: 0px;
}

/* pagetitle on top of left navigation */
.pagetitle, .pagetitle a, .pagetitle a:hover {
    font-family: "Interstate Light";
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    color: #0076bd;
    padding-left: 0px;
    padding-bottom: 10px;
}

/* sidetitle on the right side */
.sidetitle {
    font-size: 21px;
    font-family: Interstate;
    font-style: normal;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
}

    .sidetitle a {
        color: #231F20;
    }

.sidelinks {
    padding-bottom: 26px;
    padding-top: 15px;
    display: block;
    clear: both;
}

.rightside a#A1 {
    display: block;
    float: left;
}

    .rightside a#A1:before {
        color: #B6006C;
        content: "\203A "; /** › **/
        font-weight: bold;
        padding-right: 2px;
    }

/**.sidelinks a:after 
{
    content:", ";
}**/

.sidelinks a:last-child:after {
    content: normal;
}


/* coloured boxes on the rightside  */
.rightside .green {
    background-color: #68c1c4;
}

/* CHANGE */
.rightside .gradient {
    border-radius: 4px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    color: #ffffff;
    font-size: 15px;
    /*
    padding:8px 7px 0 7px;
        */
}



    .rightside .gradient h4 {
        margin-top: 0px;
    }

    .rightside .gradient ul {
        padding-top: 10px;
    }


    .rightside .gradient ul {
        margin-left: 0px;
    }

        .rightside .gradient ul li {
            background: url(images/list_bullet_disc_white.png) left 10px no-repeat;
        }

            .rightside .gradient ul li ul li {
                background: url(images/list_bullet_disc_white_circle.png) left 10px no-repeat;
            }

            .rightside .gradient ul li.linklist_item {
                background: none;
            }

    .rightside .gradient ol {
        padding-left: 0px;
    }

        .rightside .gradient ol li:before {
        }




        .rightside .gradient ul li, .rightside .gradient ul li a,
        .rightside .gradient ol li, .rightside .gradient ol li a,
        .rightside .gradient p a, .rightside .gradient p {
            font-size: 14.5px;
        }

            .rightside .gradient p.linklist_item {
                padding-left: 10px;
            }

    /* CHANGE */
    .rightside .gradient .sidetitle {
        /*
    font-family: "Interstate Light";
        */
        font-style: normal;
        font-weight: normal;
        font-size: 18px !important;
        /**border-bottom: 2px dashed #ffffff;**/
        /*
    background:url(images/bg_dashed_white.png) left bottom repeat-x;
        */
        padding-bottom: 10px;
        padding-left: 7px;
    }

    .rightside .gradient p {
        margin-left: 18px;
    }

    .rightside .gradient.box1 .sidetitle, .rightside .gradient.box2 .sidetitle {
        /*
    background:url(images/bg_dashed_black.png) left bottom repeat-x;
        */
    }


    .rightside .gradient .sidetitle a {
    }

    .rightside .gradient ul li, .rightside .gradient ul li a,
    .rightside .gradient p a, .rightside .gradient p,
    .rightside .gradient .announcetitle a, .rightside .gradient .announcedate,
    .rightside .gradient .PagingContainer ul li:after {
        font-size: 14.5px;
    }

.rightside .listitem {
    font-family: Arial;
    font-size: 15px;
    color: #b6006c;
    font-weight: bold;
}

.rightside .gradient .list-group .list-group-item {
    background-image: none !important;
    padding: 3px 0 3px 0;
}

    /* CHANGE */
    .rightside .gradient .list-group .list-group-item a::before {
        color: #0076bd;
        content: "\203A";
        font-weight: bold;
        padding-right: 5px;
    }

    /*CHANGE */
    .rightside .gradient .list-group .list-group-item a {
        padding-left: 20px;
    }


/*CHANGE*/
.rightside .gradient input {
    margin: 0 7px 10px; 
    max-width: 180px; 
}

.rightside .kune_blue.gradient input,
.rightside .kune_yellow.gradient input,
.rightside .kune_gray.gradient input,
.rightside .kune_purple.gradient input {
    margin-left: 0;
}

.rightside .gradient a.linklist_item {
    line-height: 16px;
    display: inline-block;
    padding-top: 3px;
}


    .rightside .gradient a.linklist_item:before,
    .rightside .gradient p.linklist_item a:before,
    .rightside .gradient ul.bluelink a:before {
        color: #ffffff;
    }

.rightside .gradient .announcetitle, .rightside .gradient .announcedate {
    margin-left: 7px;
}

.kune_blue a.linklist_item:before,
.kune_blue p.linklist_item a:before,
.kune_blue ul.bluelink a:before,
.kune_yellow a.linklist_item:before,
.kune_yellow p.linklist_item a:before,
.kune_yellow ul.bluelink a:before,
.kune_gray a.linklist_item:before,
.kune_gray p.linklist_item a:before,
.kune_gray ul.bluelink a:before {
    color: #b6006c !important;
}

.kune_blue ul li:before {
}



/** black font color for yellow and yellowgreen boxes **/
.rightside .gradient.box1 ol li:before, .rightside .gradient.box2 ol li:before,
.rightside .gradient.box1 ul li, .rightside .gradient.box2 ul li,
.rightside .gradient.box1 ul li a, .rightside .gradient.box2 ul li a,
.rightside .gradient.box1 p a, .rightside .gradient.box2 p a,
.rightside .gradient.box1 .sidetitle, .rightside .gradient.box2 .sidetitle,
.rightside .gradient.box1 .sidetitle a, .rightside .gradient.box2 .sidetitle a,
.rightside .gradient.box1 ul li, .rightside .gradient.box2 ul li,
.rightside .gradient.box1 ul li a, .rightside .gradient.box2 ul li a,
.rightside .gradient.box1 ol li, .rightside .gradient.box2 ol li,
.rightside .gradient.box1 ol li a, .rightside .gradient.box2 ol li a,
.rightside .gradient.box1 p a, .rightside .gradient.box2 p a,
.rightside .gradient.box1 p, .rightside .gradient.box2 p,
.rightside .gradient.box1 a.linklist_item:before, .rightside .gradient.box2 a.linklist_item:before,
.rightside .gradient.box1 a.linklist_item:before, .rightside .gradient.box2 a.linklist_item:before,
.rightside .gradient.box1 p.linklist_item a:before, .rightside .gradient.box2 p.linklist_item a:before,
.rightside .gradient.box1 ul.bluelink a:before, .rightside .gradient.box2 ul.bluelink a:before,
.rightside .gradient.box1 .announcetitle a, .rightside .gradient.box2 .announcetitle a,
.rightside .gradient.box1 .announcedate, .rightside .gradient.box2 .announcedate,
.rightside .gradient.box1 .PagingContainer ul li:after, .rightside .gradient.box2 .PagingContainer ul li:after {
    color: #231F20;
}

.rightside .gradient.box1 .sidetitle, .rightside .gradient.box2 .sidetitle {
    border-color: #231F20;
}

.rightside .gradient.box1 ul li, .rightside .gradient.box2 ul li {
    list-style-type: disc;
    background-image: none;
    margin-left: 15px;
    padding-left: 0px;
}

    .rightside .gradient.box1 ul li ul li, .rightside .gradient.box2 ul li ul li {
        list-style-type: circle;
    }

.rightside .gradient .PagingContainer ul li, .rightside .gradient .PagingContainer ul li {
    margin-left: 0;
    background-image: none;
}



/* keywords (bottom of a content page content) */
.keywords {
    font-size: 13px;
    padding-bottom: 10px;
}

/* info = print link, date and add this toolbar (bottom of page content) */
.info {
    font-size: 13px;
    margin: 5px 0 10px 0;
}

    .info a {
        margin-left: 3px;
    }

    .info .date_print a:before,
    .addthis_button_compact:before {
        content: "|";
        color: #BB2679;
        font-weight: bold;
        padding-right: 5px;
        font-family: Arial;
    }

    .info .date_print {
        padding-top: 12px;
        display: inline;
        float: left;
    }

    .info .addthis_toolbox {
        margin-left: 3px;
        display: inline;
        width: 150px;
    }

    .info #somebarbottom a {
        margin-left: 2px;
    }

#somebarbottom, #somebar, #Main_Content_MainContent_somebarbottom, #Main_Content_somebarbottommobile {
    padding-bottom: 2px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    text-align: right;
}

#rowinfomobile {
    float: left; 
    width: 100%; 
}

.addthis_button_compact {
}

.list-group-item {
    background-color: transparent;
    border: 0px none transparent;
    padding-bottom: 7px;
    padding-left: 0px;
    padding-top: 0px;
}


.bluelink a {
    padding-left: 2px;
    font-size: 15px;
    display: inline-block;
    padding-left: 1em;
    text-indent: -0.8em;
}

ul.bluelink a:before {
    content: "\203A "; /** › **/
    padding-right: 5px;
    color: #b6006c;
    font-weight: bold;
}

.kune_blue ul.bluelink a:before, .kune_yellow ul.bluelink a:before, .kune_gray ul.bluelink a:before {
    content: "\203A "; /** › **/
    padding-right: 5px;
    color: #b6006c;
    font-weight: bold;
}


.kunecontent_right .kune_gray ul li,
.kunecontent_right .kune_yellow ul li,
.kunecontent_right .kune_blue ul li {
    /*background: url(images/list_bullet_disc_pink.png) left 10px no-repeat !important;*/
    background: none !important;
    padding-left: 0px !important;
}

    .kunecontent_right .kune_gray ul li:before,
    .kunecontent_right .kune_yellow ul li:before,
    .kunecontent_right .kune_blue ul li:before {
        content: "\203A";
        padding-right: 5px;
        color: #b6006c;
        font-weight: bold;
    }

.kunecontent_right .kune_gray .bluelink,
.kunecontent_right .kune_blue .bluelink,
.kunecontent_right .kune_yellow .bluelink {
    padding-left: 13px !important;
}

    .kunecontent_right .kune_gray .bluelink li:before,
    .kunecontent_right .kune_yellow .bluelink li:before,
    .kunecontent_right .kune_blue .bluelink li:before {
        content: none !important;
    }

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

    ul.bluelink li {
        padding: 3px 5px 3px 5px;
        background: none;
    }

        ul.bluelink li a {
            line-height: 18px;
        }

ul li ul.bluelink li {
    background: none;
}



ol.bluelink {
    color: #b6006c;
    margin-left: 20px;
}

/* sitemap */
ul.sitemap {
    margin-left: 0px;
}

    ul.sitemap li {
        padding: 3px 0 3px 0;
        font-size: 15px;
        font-weight: bold;
        list-style-type: none;
        background: none;
    }

.sitemap li a:before {
    color: #B6006C;
    content: "\203A "; /** › **/
    padding-right: 5px;
}

.sitemap li li a:before {
    content: normal;
}

ul.sitemap li li {
    font-weight: normal;
    background: url(images/list_bullet_disc.png) left 13px no-repeat;
    padding-left: 10px;
}

    ul.sitemap li li li {
        font-weight: normal;
        background: url(images/list_bullet_circle.png) left 13px no-repeat;
    }


/** FeedbackForm **/
.xForm {
    background-color: #f1f6f9;
    /**border:solid 1px #cccccc;**/
    border-radius: 5px;
    padding: 30px 20px 30px 20px;
}

    .xForm table td {
        border: none;
    }

    .xForm label {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #333333;
        width: 130px;
        text-align: right;
        padding-right: 25px;
    }

    .xForm input, .xForm textarea {
        width: 230px;
        float: none;
    }

        .xForm input[type="submit"] {
            width: 90px;
            float: right;
            margin-right: 5px;
        }

    .xForm span {
        font-size: 13px;
    }

    .xForm .xformvalidator {
        color: #b94a48;
        font-weight: bold;
        font-size: 15px;
        display: block;
        text-align: right;
    }

/** Search **/
.linkbutton {
    color: #0076bd;
    cursor: pointer;
    clear: both;
}

    .linkbutton:hover {
        color: #003b8b;
    }

    .linkbutton:before {
        color: #B6006C;
        content: "\203A";
        font-weight: bold;
        padding-right: 5px;
    }

#searchOptions table td {
    border: none;
    padding: 0px;
}

    #searchOptions table td label {
        font-weight: normal;
    }

.searchOptionsHeader {
    font-weight: bold;
    margin-top: 15px;
}


.listResult h3 img {
    margin: 0 5px 3px 0;
}

.listResult {
    border-bottom: 1px solid #E4E4E5;
}


/** KeywordIndexBlockControl (Asiasanaluettelo) **/

.keywordblock .letters {
    margin: 10px 0 30px 0;
}

    .keywordblock .letters a:before {
        color: #BB2679;
        content: "|";
        padding-right: 5px;
    }

    .keywordblock .letters a:first-child:before {
        content: normal;
    }

.keywordblock h4 {
    text-transform: uppercase;
}

.keywordblock ul li, .keywordblock ul li ul li {
    background-image: none;
    padding-left: 0px;
}

.keywordblock ul, .keywordblock ul ul {
    margin-left: 0px;
}

    .keywordblock ul li {
        border-top: 3px solid #CCCCCC;
        padding-bottom: 5px;
        width: 170px;
        display: inline;
        float: left;
        margin-right: 15px;
    }

        .keywordblock ul li:nth-child(3n+1) {
            clear: both;
        }


    .keywordblock ul ul li {
        border-top: none;
        display: block;
        min-height: 0px;
        clear: none !important;
    }

/** keywordsearch (FAQMainPage) **/
.keywordssearch {
    display: block;
    clear: both;
}

    .keywordssearch .keywordscolumn {
        margin-top: 10px;
        float: left;
        width: 130px;
        margin-right: 20px;
        /**border-top: 3px solid #CCCCCC;**/
        padding: 5px 0 0 2px;
    }


        .keywordssearch .keywordscolumn:nth-child(4n) {
            clear: both;
        }

    .keywordssearch a {
        line-height: 18px;
        display: inline-block;
        padding-bottom: 7px;
    }
/*Somebar buttons*/
.social-media-buttons .btn {
    padding: 0px 0px 0px 0px !important;
}

.fa-facebook-square:before {
    color: #205b9b;
    font-size: 0.8em;
}

.fa-facebook-square:hover {
    color: #205b9b;
}

.fa-google-plus:before {
    background-color: red;
    border-radius: 4px;
    color: #ffffff;
    padding: 2px 2px 2px 3px;
    font-size: 0.8em;
}

.fa-linkedin:before {
    background-color: #007cb7;
    border-radius: 4px;
    color: #ffffff;
    padding: 2px 4px 2px 4px;
    font-size: 0.8em;
}

.fa-twitter:before {
    background-color: #00aae4;
    color: #ffffff;
    padding: 2px 3px 2px 3px;
    border-radius: 4px;
    font-size: 0.8em;
}
/* End of contentpage */


/** ResolutionSearch (Ratkaisuhaku) **/

input[type="text"].txtSearch,
input[type="submit"].btn {
    margin-top: 15px;
}

.linkbox input[type="text"].txtSearch {
    margin-left: 15px;
    width: 170px;
}

.resultblock {
    border-bottom: 1px solid #CCCCCC;
    padding-top: 10px;
    margin-top: 20px;
    padding-bottom: 10px;
    float: left;
}


.rqSearch {
    color: #b94a48;
    font-weight: bold;
    font-size: 22px;
}

#dcol {
    margin-bottom: 20px;
    clear: both;
}

.tbSearch {
    margin-bottom: 20px;
}

#acol:before {
    color: #B6006C;
    content: "\203A "; /** › **/
    font-weight: bold;
    padding-right: 5px;
}

#searchExtent.overlay {
    background: #fff;
    border-radius: .3em;
    box-shadow: 5px 5px 15px rgba(0,0,0,.5);
    position: absolute;
    padding: 1em;
    width: 100%;
}

#searchExtent a {
    font-size: 13px;
}



    #searchExtent a.deselectall:before {
        /**content:"|";**/
        padding-right: 5px;
        color: #BB2679;
        font-weight: bold;
        font-size: 13px;
    }

/**#searchExtent a:before {
    color: #B6006C;
    content: "\203A";
    font-weight: bold;
    padding-right: 5px;
}**/



.lbInBetween, .ltKilpailu, .ltKuluttaja, .ltToimiala {
    font-weight: bold;
    font-size: 15px;
    color: #333333;
}

input.datePicker {
    width: 100px;
    margin-bottom: 30px;
    float: none;
}

.ui-datepicker select {
    font-size: 1em !important;
    height: auto;
    padding: .2em 0;
}



.Kilpailu, .Kuluttaja, .Kilpailu td, .Kuluttaja td, .Industry, .Industry td {
    border: none;
    padding: 0px;
}

    .Kilpailu td label, .Kuluttaja td label, .Industry td label {
        font-weight: normal;
        font-size: 14px;
        /**font-family: 'Open Sans', sans-serif; **/
        padding-left: 3px;
    }

.searchResults {
    margin-top: 20px;
}

    .searchResults .lbParties p {
        margin-bottom: 0px;
    }

    .searchResults a {
        display: block;
        font-weight: bold;
    }

    .searchResults .lbIDRow {
        font-size: 12px;
    }

.result {
    margin-bottom: 10px;
    /**border-bottom: 1px solid #E4E4E5;**/
    padding-bottom: 10px;
}

    .result p {
        margin-bottom: 0px;
    }

    .result a.resultLink {
        font-weight: bold;
    }

    .result span {
        font-size: 13px;
    }

    .result .keywords {
        display: block;
    }

    .result .keyword {
        font-weight: normal;
        display: inline;
    }

.PagingContainer {
    margin-bottom: 20px;
    display: block;
}

    .PagingContainer ul {
        margin-left: 0px;
    }

        .PagingContainer ul li {
            display: inline;
            background-image: none;
            padding: 2px 5px 2px 0;
            font-size: 14px;
            float: left;
        }

            .PagingContainer ul li:after {
                color: #BB2679;
                content: "|";
                padding-left: 5px;
                font-weight: bold;
            }

            .PagingContainer ul li:last-child:after {
                content: normal;
            }

            .PagingContainer ul li a {
                font-size: 14px;
            }

.searchResults .pager a, .searchResults .pager span {
    display: inline;
    font-weight: normal;
    font-size: 14px;
}

.pager {
    float: left;
    margin-top: 10px;
}

    .pager a:before, .pager span:before {
        color: #BB2679;
        content: "|";
        padding-right: 5px;
        font-weight: bold;
    }

    .pager a:first-child:before {
        content: normal;
    }

    .pager .aspNetDisabled {
        display: none;
    }


/**.searchResults .pager a:before 
{
  content: "|";
  color:#BB2679;
  padding-right:3px;

}**/

.resolution_info {
    font-size: 13px;
    padding: 10px 0 20px 0;
    font-style: italic;
}

    .resolution_info .info_label {
        font-weight: bold;
    }

.Casenumber {
    margin-bottom: 25px;
}

.AdditionalLinks ul li, .ExternalLinks ul li {
    background-image: none;
}

    .AdditionalLinks ul li a, .ExternalLinks ul li a {
        line-height: 16px;
        padding-top: 3px;
        padding-left: 1em;
        text-indent: -0.8em;
        display: inline-block;
    }

.AdditionalLinks ul, .ExternalLinks ul {
    margin-left: 0px;
    padding-left: 0px;
}

    .AdditionalLinks ul li, .ExternalLinks ul li {
        padding-left: 0px;
    }

        .AdditionalLinks ul li a:before, .ExternalLinks ul li a:before {
            color: #B6006C;
            content: "\203A";
            font-weight: bold;
            padding-right: 5px;
        }


/**DebtAndFinancialAdviceContactSearch (talous- ja velkaneuvonta) **/

.letters {
    margin-bottom: 20px;
}

    .letters .separator {
        color: #BB2679;
    }

.alphabeticalGroup {
    margin-top: 10px;
    float: left;
    width: 130px;
    margin-right: 15px;
    border-top: 3px solid #CCCCCC;
    padding: 5px 0 0 2px;
}


.alphabeticalMunicipalities .alphabeticalGroup:nth-child(3n+2) {
    clear: both;
}

.alphabeticalGroup span {
    font-weight: bold;
    clear: right;
}

.searchResults .contact {
    padding: 0;
}

    .searchResults .contact h2 {
        margin: 30px 0 10px 0;
    }


.searchResults .contactrow {
    margin: 10px 0 10px 0;
}

    .searchResults .contactrow.address1 {
        margin-bottom: 0px;
    }

    .searchResults .contactrow.address2 {
        margin-top: 0px;
    }

    .searchResults .contactrow .lblWww {
        float: left;
        padding-right: 5px;
    }

    .searchResults .contactrow .www a {
        font-weight: normal;
    }

    .searchResults .contactrow a {
        display: inline;
        font-weight: normal;
    }


/** ContactSearch, ContactList (Yhteystiedot) **/

h2.contact_header,
h3.contact_header,
h4.contact_header {
    font-family: Arial;
}

h2.contact_header {
    font-size: 27px;
}

h3.contact_header {
    font-size: 22px;
}

h4.contact_header {
    font-size: 18px;
}

ul.abgroup {
    margin-left: 0px;
}

    ul.abgroup li {
        padding: 0 0 10px 0;
        background-image: none;
        font-size: 13px;
    }

    ul.abgroup .name {
        font-weight: bold;
        font-size: 15px;
        display: block;
    }

    ul.abgroup .designation {
        font-weight: bold;
    }

.contact {
    padding: 30px 0 30px 0;
}

    .contact .designation {
        font-size: 17px;
    }

    .contact h2 {
        margin: 8px 0 20px 0;
    }


    .contact .contactgroups {
        margin-top: 15px;
    }

    .contact .phone {
        margin-top: 10px;
    }

    .contact .email {
        margin-bottom: 10px;
    }

/** Marek  **/
.abgroup h3 img {
}

/**.abgroup h3 img:before 
{
  font-family: 'Glyphicons Halflings';
  content: "\e084";   
  color:#0076bd;
  padding-right:10px;
  
}**/

.abgroup.marek li {
    padding-top: 15px;
    font-size: 15px;
}

    .abgroup.marek li div {
        display: block;
        clear: both;
    }

.abgroup.marek h3 {
    display: inline;
    float: left;
    margin-top: 8px;
    width: 220px;
}



.glyphicon-ok-sign {
    color: #0076bd;
    font-size: 32px;
    margin: 5px 0 0 10px;
    cursor: default;
}

.glyphicon-exclamation-sign {
    color: #B6006C;
    font-size: 32px;
    margin-left: 10px;
    cursor: default;
}

/** Login page (to extranets) **/

.loginpage {
    padding-top: 30px;
}


    .loginpage.container {
        width: 550px !important;
        margin: auto;
    }

    .loginpage.innerpage {
        padding: 15px;
        background-color: #F1F6F9;
        margin-top: 10px;
        border-radius: 5px;
    }

    .loginpage .row table {
        padding: 0px;
    }

        .loginpage .row table td {
            text-align: left;
            padding: 2px 10px 2px 0;
            border: 0px;
            vertical-align: middle;
        }

            .loginpage .row table td input[type="text"],
            .loginpage .row table td input[type="password"] {
                float: left;
                width: 150px;
            }

            .loginpage .row table td span {
                float: left;
                color: #b94a48;
                font-weight: bold;
                font-size: 22px;
                margin-top: 10px;
            }

            .loginpage .row table td input[type="submit"] {
                float: right;
                margin-right: 15px;
            }


    .loginpage .confirmationMessage {
        width: 100%;
    }

#Main_MainContent_ctrlLogin label {
    color: #333333;
}


#Main_MainContent_validationSummary1 {
    clear: both;
    color: red;
}


.loginpage.blackfooter,
.loginpage.blackfooter ul {
    background-color: #ffffff;
    color: #231F20;
    padding: 5px 0 0 0;
}

    .loginpage.blackfooter ul li:before {
        content: normal;
    }



.loginpage .navbar-toggle {
    display: none;
}


/** Keywords (Admin) **/
.formKeywords {
    padding-left: 25px;
    font-size: 14px;
}

    .formKeywords .dataTables_length {
        width: 200px;
        display: inline-block;
    }

    .formKeywords .dataTables_filter {
        display: inline-block;
    }

    .formKeywords .dataTables_length select {
        margin: 0 0 10px 5px;
        background: transparent;
        padding: 5px;
        line-height: 1;
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        height: 34px;
        -webkit-appearance: none;
        font-size: 14px;
    }

        .formKeywords .dataTables_length select option {
        }

    .formKeywords .tblKeywords {
        border-spacing: 0;
    }

        .formKeywords .tblKeywords td {
            vertical-align: middle;
        }

        .formKeywords .tblKeywords tr:nth-child(even) {
            background: #f2f9fd;
        }


        .formKeywords .tblKeywords td input[type="text"] {
            width: 150px;
        }

        .formKeywords .tblKeywords td input[type="button"] {
            background: transparent;
            border: 0px;
            cursor: pointer;
            color: #0076BD;
        }

            .formKeywords .tblKeywords td input[type="button"]:hover {
                color: #003B8B;
            }


    .formKeywords .tdGroupPopup .grouppopup table tr {
        background: #ffffff;
    }

    .formKeywords .tdGroupPopup .grouppopup table td {
        border: 0px;
        padding: 0px;
    }

    /**.formKeywords .dataTables_info 
{
   padding-left:20px; 
}**/

    .formKeywords .dataTables_paginate {
        margin-top: 10px;
    }

        .formKeywords .dataTables_paginate a {
            padding-right: 20px;
        }

        .formKeywords .dataTables_paginate .paginate_disabled_previous,
        .formKeywords .dataTables_paginate .paginate_disabled_next {
            color: #999999;
        }


        .formKeywords .dataTables_paginate a:first-child:before {
            content: "\2039 "; /** ‹ **/
            font-weight: bold;
            padding-right: 5px;
            font-size: 15px;
        }

        .formKeywords .dataTables_paginate a:last-child:after {
            content: "\203A "; /** › **/
            padding-left: 5px;
            font-size: 15px;
        }

    .formKeywords input[type="submit"] {
        width: 155px;
        cursor: pointer;
    }

    .formKeywords #btnUpdate,
    .formKeywords #btnUpdateGroups,
    .formKeywords #btnSave {
        background: #0076bd;
    }

        .formKeywords #btnUpdate:hover,
        .formKeywords #btnUpdateGroups:hover,
        .formKeywords #btnSave:hover {
            background: #004874;
        }

    .formKeywords .dataTables_wrapper {
        padding-top: 40px;
    }

    .formKeywords #pnlEditItem {
        padding-top: 20px;
    }

        .formKeywords #pnlEditItem table {
            padding: 0px;
        }

            .formKeywords #pnlEditItem table td {
                border: 0px;
                padding: 5px 5px 5px 0;
                vertical-align: middle;
            }

        .formKeywords #pnlEditItem #btnSave {
            float: right;
            width: 70px;
        }



/** Feedbacks (Admin) **/

.formFeedbacks input[type="text"],
.formSignatures input[type="text"] {
    float: none;
}

.formFeedbacks, .formSignatures {
    padding-left: 25px;
    font-size: 14px;
}

    .formFeedbacks .tblFeedbacks,
    .formSignatures .tblSignatures {
        border-spacing: 0;
    }

        .formFeedbacks .tblFeedbacks td,
        .formSignatures .tblSignatures td {
            vertical-align: middle;
        }

        .formSignatures .tblSignatures input[type="submit"] {
            font-size: 12px;
            height: 28px;
            width: 80px;
        }

    .formSignatures #pnlEditItem table td {
        border: 0px;
        padding: 5px 5px 5px 0;
        vertical-align: middle;
    }

        .formSignatures #pnlEditItem table td #btnSave {
            float: right;
            margin-right: 2px;
            background: #0076bd;
        }

            .formSignatures #pnlEditItem table td #btnSave:hover {
                background: #004874;
            }

#FeedbackAnswer_pnlFeedback a:before {
    content: "\2039 "; /** ‹ **/
    font-weight: bold;
    padding-right: 5px;
    font-size: 15px;
    color:
}

.feedbackAnswer {
    margin-top: 15px;
}


.answerLabel {
    width: 150px;
    display: inline-block;
    float: left;
}

.feedbackAnswerRow {
    vertical-align: top;
    padding: 5px 0 5px 0;
}

    .feedbackAnswerRow table {
        padding: 0px;
    }

        .feedbackAnswerRow table td {
            border: 0px;
            padding: 0px;
        }

.answerChk {
    display: inline-block;
}



.feedbackAnswerRow select {
    background: transparent;
    padding: 5px;
    line-height: 1;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    height: 34px;
    -webkit-appearance: none;
    font-size: 14px;
}

.feedbackAnswerBtnsRow {
    margin: 15px 0 25px 0;
}

    .feedbackAnswerBtnsRow input[type="submit"] {
        background: #0076BD;
    }

        .feedbackAnswerBtnsRow input[type="submit"]:hover {
            background: #004874;
        }

    .feedbackAnswerBtnsRow #FeedbackAnswer_btnRemove {
        background: #B6006C;
    }

        .feedbackAnswerBtnsRow #FeedbackAnswer_btnRemove:hover {
            background: #6C0040;
        }


    .feedbackAnswerBtnsRow #FeedbackAnswer_btnSaveSend,
    .feedbackAnswerBtnsRow #FeedbackAnswer_btnRedirectToAddress {
        width: auto;
    }




/*media queries*/


/** this is for Windows Phone 8 devices to render correctly in landscape mode **/
@-ms-viewport {
    width: device-width;
}

/* Large desktop */
@media screen and (min-width: 1200px) {
    .well_aineisto {
        position: relative;
        margin-bottom: 10px;
    }
}




/** this media query is only for setting width and padding for header and main menu and position of dropdownmenu **/
@media screen and (min-width:979px) and (max-width: 1200px) {

    .well_aineisto {
        position: relative !important;
        margin-bottom: 10px;
    }

    .navbar-default .navbar-nav > li:first-child a {
        width: 35px;
    }

    .dropdown-menu li:first-child a {
        width: 100%;
    }

    .logorow .col-xs-4 {
        padding-right: 15px;
    }

    .dropdown-menu {
        margin-left: -370px;
    }
}

/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 979px) {
    .well_aineisto {
        position: relative !important;
        margin-bottom: 10px;
    }

    .kune2 {
        margin-top: 4px;
        margin-left: 3px;
    }

    .kune2text {
        margin-top: 4px;
    }

    .contentkune_left, .contentkune_right {
        width: 100%;
    }

    .logo, .logorow {
        padding-left: 5px;
    }

        .logo img {
            max-width: 230px;
        }

    #MainMenu {
        height: 85px;
    }

    /** Tietoa ja ohjeita **/
    .navbar-default .navbar-nav > li:first-child + li > a:first-child {
        /*width:90px;*/
    }

    html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li > a:first-child {
        /**max-width:140px;**/
        width: 130px;
    }

    html[lang="en"] .navbar-default .navbar-nav > li:first-child + li > a:first-child {
        /**max-width:140px;**/
        width: 90px;
    }

    /** Toiminta ja ratkaisut **/
    .navbar-default .navbar-nav > li:first-child + li + li > a:first-child {
        /*width:110px;*/
        /**max-width:175px;**/
    }

    html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li + li > a:first-child {
        /**max-width:150px;**/
        width: 100px;
        padding-top: 5px;
    }

    html[lang="en"] .navbar-default .navbar-nav > li:first-child + li + li > a:first-child {
        width: 120px;
        padding-top: 5px;
    }


    /** Ajankohtaista **/
    .navbar-default .navbar-nav > li:first-child + li + li + li > a:first-child {
        width: auto;
        max-width: 100%;
        padding-left: 10px;
    }

    html[lang="en"] .navbar-default .navbar-nav > li:first-child + li + li + li > a:first-child {
        padding-top: 5px !important;
        width: 90px;
    }

    html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li + li + li > a:first-child {
        width: 75px;
    }

    /** Tietoa KKV:stä **/
    .navbar-default .navbar-nav > li:first-child + li + li + li + li > a:first-child {
        width: 90px;
        padding-top: 5px;
        padding-left: 10px;
    }

    html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li + li + li + li > a:first-child {
        /**max-width:100px;**/
        width: 75px;
        padding-top: 16px;
    }

    html[lang="en"] .navbar-default .navbar-nav > li:first-child + li + li + li + li > a:first-child {
        width: 85px;
        padding-top: 16px;
    }

    /** Yhteystiedot **/
    .navbar-default .navbar-nav > li:first-child + li + li + li + li + li > a:first-child {
        width: 115px;
        padding-left: 10px;
    }

    html[lang="sv"] .navbar-default .navbar-nav > li:first-child + li + li + li + li + li > a:first-child {
        width: 130px;
        padding-left: 5px;
    }

    /** .navbar-header
    {
        clear:both;
        display:block;
        float:none !important;
        margin-top:0px;  
    }**/

    .navbar-brand {
        display: none;
    }

    /**.navbar 
    {
        max-width: 768px;
    }**/

    .navbar-default .navbar-nav > li > a:first-child {
        font-size: 15px;
    }

    html[lang="en"] .navbar-default .navbar-nav > li a:first-child,
    html[lang="sv"] .navbar-default .navbar-nav > li a:first-child {
        font-size: 14px;
    }

    .navbar-default .navbar-nav > li:first-child a:first-child {
        padding-left: 6px;
    }

    html[lang="sv"] .navbar-default .navbar-nav > li:first-child a:first-child {
        width: 90px;
        padding-left: 6px;
        padding-top: 5px;
    }

    html[lang="en"] .navbar-default .navbar-nav > li:first-child a:first-child {
        width: 90px;
        padding-left: 6px;
    }

    .navbar-right {
        min-width: 160px;
    }

        .navbar-right .search .text {
            width: 125px;
        }

    .pull-right {
        padding-left: 10px;
        display: inline-block;
    }

    .navbar-header {
        display: none;
    }

    .dropdown-menu {
        left: 0;
        border-left: 0px;
        margin-left: 0px;
    }

    .well {
        width: 235px;
    }


    .container.links,
    .container.announcements,
    .container.statistics,
    .pageheading,
    .container.linkboxes,
    .container.innerpage,
    .container.blackfooter {
        padding-left: 5px;
    }



    .container.announcements {
        padding-right: 5px;
    }

    .boxes .box:first-child {
        margin-left: 4px;
    }

    .boxes .box6 {
        width: 276px;
    }

    /**.links .col-md-4:last-child {
            padding-right: 30px;
       }**/

    /**.linkboxes .box4 
        {
            margin-left:30px;
        }**/

    /* no margin on the right side for every second linkbox */
    .linkboxes .linkbox:nth-child(3n) {
        margin-right: 30px;
    }

    .linkboxes .linkbox:nth-child(2n) {
        margin-right: 0px;
    }

    /* for ie8 */
    .linkboxes .linkbox:first-child + .linkbox + .linkbox,
    .linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox + .linkbox + .linkbox {
        margin-right: 30px\9;
    }

        .linkboxes .linkbox:first-child + .linkbox,
        .linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox {
            margin-right: 0px\9;
        }



    .xForm label {
        text-align: left;
    }

    .alphabeticalMunicipalities .alphabeticalGroup:nth-child(3n+2) {
        clear: none;
    }

    .alphabeticalMunicipalities .alphabeticalGroup:nth-child(2n+2) {
        clear: both;
    }

    .keywordblock ul li:nth-child(3n+1) {
        clear: none;
    }

    .keywordblock ul li:nth-child(2n+1) {
        clear: both;
    }


    .keywordssearch .keywordscolumn {
        clear: both;
        margin-top: 0px;
        padding-top: 0px;
        width: 100%;
    }

    .bluefooter .col-sm-6 {
        width: 50%;
    }
}


/** this media query is only for setting  main navigation font size **/
/**@media screen and (min-width: 768px) and (max-width: 830px) 
{
    .navbar-default .navbar-nav > li a:first-child {
        font-size:14px;
      }
      
}**/



/*tablet size*/

@media screen and (max-width: 767px) {


    .well_aineisto {
        position: relative !important;
        margin-bottom: 10px;
    }

    .container {
    }

    .statistics {
        margin: 0px !important;
        padding-left: 20px;
    }

    .themes h1 {
        margin-left: 20px;
    }

    .startpage,
    .announcements {
        margin-left: 20px;
    }

    .bluefooter,
    .blackfooter,
    .advertisement {
        margin: 0px !important;
    }
    /**.row
     {
         max-width: 595px;
     }**/
    .kune1text {
        width: 245px;
    }

    .kune1 {
        margin-top: 4px;
    }

    .kune1text {
        margin-top: 4px;
    }

    .kune2 {
        height: 115px;
        margin-top: 4px;
        padding-top: 16px;
        margin-left: 3px;
    }

    .kune2text {
        margin-top: 4px;
        width: 245px;
        height: 115px;
    }

    .contentkune_left, .contentkune_right {
        width: 100%;
    }

    #epi-quickNavigator {
        right: 0px !important;
    }

    #cookieWarning {
        height: 100% !important;
    }

        #cookieWarning .CookieWarningText {
            float: none;
        }

        #cookieWarning input[type="button"] {
            float: none;
            display: block;
            margin: 0 0 10px 0;
        }

    /* navbar-header = logo + navigation button */
    .navbar-header {
        width: 100%;
        /**min-width:400px;**/
        margin-top: 0px;
        /**padding-right:20px;**7
         padding-left:4px;
     }
     
      .navbar-brand 
     {
         display:none;
     }
     
     .logo 
     {
         /**float:left;  **/
    }

    .logorow .col-lg-4:first-child {
        float: left;
    }

    .logorow .col-lg-4:last-child {
        padding-left: 5px;
    }

    .navbar {
        background-color: #ffffff;
        border: 0px none transparent;
    }


    /* Navigation */

    /*navibutton*/
    button.navbar-toggle {
        background: -webkit-linear-gradient(#008eca, #0075a6); /* For Safari */
        background: -o-linear-gradient(#008eca, #0075a6); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#008eca, #0075a6); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#008eca, #0075a6); /* Standard syntax */
        background-color: #008eca;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008eca', endColorstr='#0075a6',GradientType=0 );
        color: #ffffff;
        margin-right: 0px;
        margin-bottom: 0px;
        float: right;
        height: 38px;
        width: 93px;
        padding-left: 47px;
        background-image: url('images/searchicon.png');
        background-repeat: no-repeat;
        background-position: 10px 8px;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #008eca;
    }

    .navbar-toggle .icon-bar {
        width: 29px;
        height: 3px;
    }


    /* navbar-collapse opens from navibutton */
    .navbar-collapse {
        padding: 0px;
        /**background:url(images/navbar_open.png) 90% top no-repeat;**/
        border: 0px;
        box-shadow: 0px;
        width: 100%;
        /**padding-right:20px;**/
        /**height:100% !important;
	    display:block !important;**/
    }

        /* blue triangle before opened dropdown list */
        .navbar-collapse:before {
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #DFF2FB;
            border-style: solid;
            border-width: 0 12.5px 13px;
            content: " ";
            height: 0;
            right: 35px;
            position: absolute;
            top: 18.5%;
            width: 0;
        }

        .navbar-collapse.in {
            overflow: visible;
        }

    .navbar-nav {
        margin: 0 0 10px 0px;
        background: #dff2fb;
        padding: 10px !important;
        float: right;
        /** min-width:300px;
	    max-width:700px;**/
        width: 100%;
    }

    /* hide search for desktop */
    .navbar-right.desktop {
        display: none;
    }

    /* show search for mobile/tablet versions on top of navigation */
    .navbar-right.mobile {
        display: block;
        margin: 9px 0 0 0px;
        border-radius: 0px;
        height: 70px;
        /**min-width:300px;
	    max-width:700px;**/
        width: 100%;
        padding-left: 10px !important;
    }

    .navbar-default .navbar-right > li, .navbar-default .navbar-right > li:hover {
        border: 1px solid #68AED8;
        padding: 0;
        float: right;
    }

    .navbar-default .navbar-nav > li > a:first-child, .navbar-default .navbar-nav > li > a:first-child:hover {
        /**width:220px;
		max-width:220px;**/
        min-width: 200px;
        max-width: 100%;
        /**max-width:100%\9;
		max-width:590px;**/
        width: 100%;
        text-align: left;
        /*padding-top:15px;*/
        float: left;
        border-radius: 5px;
    }

    html[lang="sv"] .navbar-default .navbar-nav > li > a:first-child,
    html[lang="en"] .navbar-default .navbar-nav > li > a:first-child {
        padding-top: 15px !important;
        font-size: 14px;
    }

    /* navibutton for opening dropdown-menu */
    .navbar-default .navbar-nav li .dropdown-toggle, .navbar-default .navbar-nav li .dropdown-toggle:hover {
        width: 58px;
        margin-left: -58px;
        float: right;
    }

    .navbar-default .navbar-nav > li:last-child > a:first-child, .navbar-default .navbar-nav > li:last-child > a:first-child:hover {
        padding-top: 5px;
    }

    .navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li:hover {
        border-radius: 5px;
        border: 0px;
        padding-right: 0;
        height: 35px;
        text-align: left;
        position: relative;
        display: block;
        clear: both;
        width: 100%;
        min-width: 200px;
        /*background: linear-gradient(#7F8184, #5B5C5E);*/
        margin-bottom: 10px;
        padding-left: 0px;
        padding-top: 0px;
    }

    .navbar-default .navbar-right > li, .navbar-default .navbar-right > li:hover {
        height: auto;
        padding-left: 0px;
        width: 100%;
        max-width: 340px;
    }


    .navbar-default .navbar-nav > .active, .navbar-default .navbar-nav > .active:hover {
        /**background:none;**/
        background: linear-gradient(#008ECA, #0075A6);
        border-radius: 5px;
        height: 35px;
        margin-bottom: 10px;
    }

    .navbar-default .navbar-nav > li a:first-child {
        width: 100% !important;
        padding-right: 60px;
    }

    .navbar-default .navbar-nav > .open > a:first-child:after {
        content: normal;
    }


    /* hide dropdown-menu for desktop (megamenu) */
    .navbar-nav .open .dropdown-menu {
        display: none;
    }

        /* show dropdown-menu for mobile/tablet versions */
        .navbar-nav .open .dropdown-menu.mobile {
            display: block;
            margin: 10px 0 10px 0;
            /**background:url(images/dropdown-menu_open.png) 230px top no-repeat ;**/
        }

            /* blue triangle before opened dropdown list */
            /*.dropdown-menu.mobile:before {
	    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00568A;
        border-style: solid;
        border-width: 0 12.5px 13px;
        content: " ";
        height: 0;
        /**left: 92%;*
        right:20px;
        position: absolute;
        top: 105%;
        width: 0;
        
	}*/


            .navbar-nav .open .dropdown-menu.mobile li {
                background: #00568a;
                float: left;
                min-width: 180px;
                /**max-width:700px;**/
                width: 100%;
                background-image: none;
                padding: 5px 10px 5px 20px;
                clear: both;
            }

                .navbar-nav .open .dropdown-menu.mobile li:first-child {
                    border-radius: 5px 5px 0 0;
                    padding-top: 15px;
                    /**margin-top:10px;**/
                }

                .navbar-nav .open .dropdown-menu.mobile li:last-child {
                    border-radius: 0 0 5px 5px;
                    padding-bottom: 30px;
                }

        .navbar-nav .open .dropdown-menu.mobile {
            float: left;
            padding: 0px;
            width: 100%;
            /**max-width:700px;**/
            margin: 15px 0 15px 0;
        }

    .navbar-default .navbar-nav .open .dropdown-menu li a {
        color: #ffffff !important;
        padding: 0px;
        font-size: 15px;
    }

        .navbar-default .navbar-nav .open .dropdown-menu li a:before {
            color: #82c0df;
            content: "\203A "; /** › **/
            font-weight: bold;
            padding-right: 5px;
            font-size: 15px;
        }


    /** ul.bluelink a:before {
        color: #82c0df;
        content: ">";
        font-weight: bold;
        padding-right: 5px;
    }**/

    /* search */
    .navbar-right {
        width: 100%;
        text-align: left;
    }

        .navbar-right .search .text {
            float: left;
            /**max-width: 590px;**/
            /**min-width: 250px;**/
            width: 100%;
        }

        .navbar-right .search .button {
            width: 58px;
            background-image: url('images/searchicon.png');
            background-position: 18px 20px;
            margin-left: -58px;
        }

        .navbar-right .search {
            width: 100%;
        }


    /* left navigation */
    #sidebar {
        padding-left: 0px;
        color: #0077c1;
    }

        /* hide left navigation for desktop */
        #sidebar .sidebar-nav {
            display: none;
        }


        /*aineistosivun menu näytetään*/
        #sidebar .well_aineisto {
            display: initial;
            display: block;
        }

    /* shoe left navigation for mobile/tablet versions */
    .innerpage .mobilemenu {
        display: block;
    }

        .innerpage .mobilemenu .sidebar-nav {
            width: 100%;
            margin: 5px 0 0 0;
            padding: 0px;
        }

            .innerpage .mobilemenu .sidebar-nav .nav {
                margin: 0 0 10px 0;
                background: #dff2fb;
                padding: 0 0 0 20px !important;
                min-width: 300px;
                max-width: 750px;
                width: 100%;
                height: auto;
            }

            .innerpage .mobilemenu .sidebar-nav h3 {
                margin-top: 0px;
                padding-left: 5px;
            }

        .innerpage .mobilemenu .nav li a {
            background: transparent;
            padding-top: 4px;
            padding-bottom: 1px;
            font-size: 15px;
            line-height: 17px;
            color: #0076bd;
            text-decoration: none;
        }

            .innerpage .mobilemenu .nav li a:hover {
                color: #003b8b;
            }

            .innerpage .mobilemenu .nav li a:before {
                content: "\203A ";
                color: #b6006c;
                padding-right: 5px;
            }

        .innerpage .mobilemenu .nav li {
            height: 30px;
            padding-left: 1em;
        }


        .innerpage .mobilemenu .col-3 {
            float: left;
            width: 100%;
            padding-right: 0px;
        }



        .innerpage .mobilemenu .breadcrumb {
            float: left;
            padding-left: 5px;
        }


            /**.innerpage .mobilemenu .breadcrumb > li:after {
        
        content: "/";
        padding-left:1px;
    }**/


            .innerpage .mobilemenu .breadcrumb li a, .innerpage .mobilemenu .breadcrumb li {
                float: left;
                padding-right: 2px;
            }

            .innerpage .mobilemenu .breadcrumb > li:before {
                padding-left: 3px;
            }

    .pagetitle, .innerpagebreadcrumb {
        display: none;
    }



    /* mainbanner on startpage */
    .banner {
        padding-top: 20px;
        height: 200px;
        text-align: left;
    }

        .banner div {
            font-size: 28px;
        }

        .banner a {
            min-width: 120px;
            font-size: 14px;
            margin-top: 10px;
            padding: 8px 30px 8px 10px;
            background-position: 90% 5px;
        }


    .advertisement {
        background-position: right top;
    }

    /* coloured linkboxes on startpage */
    .boxes .box:first-child {
        margin-left: 4px;
    }

    .boxes .box {
        border-radius: 0px;
    }

    .boxes .box6 {
        width: 134px;
    }

        .boxes .box6 h4 a {
            width: 134px;
        }

    /* Linksarea on startpage */

    .links {
        padding-left: 4px;
    }

    /* Links */
    .startpage.links .list-group {
        min-height: 0px;
    }

    .startpage.links .col-md-4:first-child {
        width: 276px;
        border-radius: 5px 5px 0 0;
        min-height: 100%;
        border-bottom: none;
        border-right: 1px solid #d4edfc;
        border-top: 1px solid #d4edfc;
    }

    .startpage.links .col-md-4:nth-child(2) {
        border-top: none !important;
    }

    .startpage.links .col-md-4 + .col-md-4 {
        width: 276px;
        margin-top: 0px;
        padding-left: 15px;
        border-radius: 0 0 5px 5px;
        min-height: 0px;
        border: 1px solid #d4edfc;
    }

        .startpage.links .col-md-4 + .col-md-4 + .col-md-4 {
            width: 276px;
            margin-top: 10px;
            border-radius: 5px;
            min-height: 0px;
        }

    .startpage.links .col-md-4 h4 {
        margin-top: 0px;
    }

    .startpage.links .col-md-4 + .col-md-4 h4 {
        display: none;
    }

    .startpage.links .col-md-4 + .col-md-4 + .col-md-4 h4 {
        display: block;
    }

    .startpage.links .col-md-4:first-child .bluelink {
        padding-bottom: 0px;
    }



    /**.links .col-md-4:last-child {
            padding-right: 30px;
        }**/


    /* no margin on the right side for every second linkbox */
    .linkboxes .linkbox:nth-child(3n) {
        margin-right: 30px;
    }

    .linkboxes .linkbox:nth-child(2n) {
        margin-right: 0px;
    }


    /* for ie8 */
    .linkboxes .linkbox:first-child + .linkbox + .linkbox,
    .linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox + .linkbox + .linkbox {
        margin-right: 30px\9;
    }

        .linkboxes .linkbox:first-child + .linkbox,
        .linkboxes .linkbox:first-child + .linkbox + .linkbox + .linkbox {
            margin-right: 0px\9;
        }





    /* Announcements on startpage */
    .announcements {
        padding-left: 4px;
    }

        .announcements h4 {
            clear: both;
        }

        .announcements a.more {
            margin-bottom: 30px;
        }




    .sectionstartpage .pageheading,
    .container.linkboxes,
    .sectionstartpage .container.links {
        padding-left: 0px;
    }

    .innerpagecontent,
    .info,
    .keywords {
        padding: 0 5px 0 15px;
    }

    .keywordblock ul li:nth-child(3n+1) {
        clear: none;
    }

    .keywordblock ul li:nth-child(2n+1) {
        clear: both;
    }



    .alphabeticalMunicipalities .alphabeticalGroup:nth-child(3n+2) {
        clear: both;
    }

    .keywordssearch .keywordscolumn {
        clear: both;
        margin-top: 0px;
        padding-top: 0px;
        width: 100%;
    }




    /* coloured boxes on rightside of a contentpage */
    .rightside .green,
    .rightside .box1,
    .rightside .box2,
    .rightside .box3,
    .rightside .box4,
    .rightside .box5,
    .rightside .box6,
    .rightside .box7,
    .rightside .box8 {
        max-width: 290px;
        float: left;
        margin: 0 15px 15px 0;
    }

    .rightside .gradient:nth-child(3n) {
        clear: both;
    }

    .rightside {
        padding: 35px 5px 35px 15px;
    }

    /** Footer **/
    .bluefooter {
        padding-top: 0px;
    }

        .bluefooter .col-md-2 {
            width: 100%;
        }


        .bluefooter h4 {
        }

            .bluefooter h4 a {
                margin-top: 20px;
                padding: 5px;
                text-indent: 0;
            }

        .bluefooter a {
            clear: both;
        }

    .blackfooter a {
        font-size: 15px;
    }

    .blackfooter {
        height: auto;
        padding: 20px;
    }

        .blackfooter ul {
            padding-left: 0px;
            margin-left: 0px;
        }

        .blackfooter .breadcrumb li.copyright {
            margin: 30px 0 10px 0;
            background: none;
        }

    .loginpage .breadcrumb li.copyright {
        margin-top: 0px;
    }

    .blackfooter .breadcrumb li.copyright.desktop {
        display: none;
    }

    .blackfooter .breadcrumb li.copyright.mobile {
        display: block;
    }


    .blackfooter ul.breadcrumb li {
        display: list-item;
        float: left;
        width: 100%;
        text-align: left;
        padding: 3px 0 3px 10px;
        background: url(images/list_bullet_disc_pink.png) left 10px no-repeat;
    }

    .blackfooter ul li a {
        padding-left: 0px;
        margin-bottom: 3px;
        float: left;
    }

    .blackfooter .breadcrumb > li + li:before {
        content: "";
        padding: 0;
    }


    .blackfooter .breadcrumb > li + li:after {
        content: "";
    }
}

/*mobile size*/
@media screen and (max-width: 480px) {

    .well_aineisto {
        position: relative;
        margin-bottom: 10px;
    }

    .kune2 {
        height: 115px;
        margin-top: 4px;
        padding-top: 16px;
    }

    .kune2text {
        margin-top: 4px;
        width: 245px;
        height: 115px;
    }

    .contentkune_left, .contentkune_right {
        width: 100%;
    }

    .links .col-md-4:first-child {
        /*margin-right:6px;*/
        border-right: 1px solid #d4edfc;
        border-bottom: none;
    }

    .startpage.links .col-md-4 + .col-md-4 {
        border-radius: 0 0 5px 5px;
        margin-right: 12px;
        border-left: 1px solid #d4edfc;
        border-bottom: 1px solid #d4edfc;
    }

    .navbar-default .navbar-nav > li:first-child, .navbar-default .navbar-nav > li:first-child:hover {
        padding-left: 0px;
    }

    .container {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .startpage,
    .announcements {
        margin-left: 20px;
    }

    .statistics {
        margin: 0px !important;
        padding-left: 20px;
    }

    .themes h1 {
        margin-left: 20px;
    }

    .bluefooter,
    .blackfooter,
    .advertisement {
        margin: 0px !important;
    }

    .logorow .col-lg-3, .logorow .col-lg-6 {
        padding-left: 0px;
    }

    .logorow .breadcrumb > li + li:before {
        padding: 0 2px 0 2px;
    }

    .logorow .breadcrumb2:first-child:after {
        padding: 0 2px 0 2px;
    }

    .navbar-header {
        width: 100%;
        min-width: 60px;
        margin-top: 0px;
    }

    .navbar .breadcrumb {
        display: none;
    }

        .navbar .breadcrumb.breadcrumb2 {
            display: block;
            float: left;
        }

        .navbar .breadcrumb li a {
            font-size: 11px;
        }

    .navbar-collapse {
        background-position: 250px 0px;
        padding-right: 0px;
    }

    .navbar-nav {
        float: left;
        /**padding-left:0px !important;
        padding-right:0px !important;**/
    }



        .navbar-nav .open .dropdown-menu.mobile li:first-child:before {
            left: 88%;
        }

    .navbar-brand {
        display: none;
    }

    .logo {
        float: left;
    }

        .logo img {
            max-width: 175px;
            min-width: 80px;
            margin: 15px 0 0 10px;
        }

    /* advertisement */
    .advertisement {
        background-position: right top;
        height: 350px;
    }

    .banner {
        padding-top: 30px;
        height: 140px;
    }

        .banner div {
            font-size: 20px;
        }

        .banner p a, .banner p a:hover {
            background: transparent;
            text-indent: -9999px;
            position: absolute;
            top: -10px;
            left: 0px;
            height: 140px;
            width: 300px;
        }

    /* Boxes */
    .boxes .box6 {
        width: 134px;
    }

    /* Announcements */
    .announcements h1 {
        width: 284px;
    }

    .announcements .rss {
        display: none;
    }

    .announcements .col-md-6 {
        display: block;
        float: left;
        padding-top: 10px;
    }

    .announcements .row:last-child {
        background-image: none;
    }

    .announcements .announcetitle {
        width: 284px;
    }


    /* Links */
    .links .list-group {
    }





    /* Statistics */
    .statistics .arrowboxLeft, .statistics .arrowboxRight {
        min-width: 180px;
        width: 100%;
    }

    /**.row
     {
         max-width: 322px;
     }**/

    .nopadding {
        padding-right: 0px;
    }

    .well {
        padding-left: 0px;
    }

    /* mobile sidemenu */
    /**.innerpage .mobilemenu .sidebar-nav h3  
    {
        margin-left:10px ;
    }**/

    /**.innerpagecontent 
   {
       padding-left:0px;
   }**/

    /* FeedbackForm */
    .xForm label {
        text-align: left;
    }


    .Kilpailu label {
        max-width: 200px;
    }

    .Kilpailu td {
        vertical-align: top;
    }

        .Kilpailu td input {
            margin-right: 5px;
            float: left;
        }



    .alphabeticalMunicipalities .alphabeticalGroup:nth-child(3n+2) {
        clear: none;
    }

    .alphabeticalMunicipalities .alphabeticalGroup:nth-child(2n+2) {
        clear: both;
    }


    iframe {
        max-width: 280px;
    }


    .info .addthis_toolbox {
        display: block;
        float: none;
        clear: both;
        margin-left: 0px;
    }

        .info .addthis_toolbox .addthis_button_compact:before {
            content: normal;
        }

        .info .addthis_toolbox .addthis_button_compact {
            margin-left: 0px;
        }

    /** Footer **/
    .bluefooter {
        padding-top: 0px;
    }

        .bluefooter h4 a {
            margin-top: 20px;
        }

        .bluefooter a {
            clear: both;
        }
}


/** 404 NotFound page **/
#FileNotFoundForm .navbar {
    background: #ffffff;
}

    #FileNotFoundForm .navbar .navbar-toggle {
        display: none;
    }

#FileNotFoundForm .innerpagecontent {
    padding-left: 0px;
}

.notfoundbox {
    padding: 10px 10px 10px 10px;
    width: 100%;
    background-color: #f0f0f0;
    font-weight: bold;
    width: 100%;
    margin-bottom: 25px;
}

#FileNotFoundForm .blackfooter .breadcrumb > li:before {
    content: normal;
}

#FileNotFoundForm .blackfooter .breadcrumb > li {
    padding-top: 0px;
}



.epi-overlay-block {
    float: left;
}

/*************************/
/* REGISTER PAGE         */
/*************************/


.registerArea {
    width: 200%;
}

    .registerArea fieldset {
        width: 100%;
    }

    .registerArea label {
        display: inline-block;
        line-height: 1em;
    }

    .registerArea input {
        display: inline-block;
        margin: 0.3em 0 1em 0;
    }

    .registerArea .button {
        background-color: #b6006c;
        color: #ffffff;
        font-weight: bold;
        font-family: Arial;
        font-size: 12px;
        padding: 5px;
        border: none;
        border-radius: 3px;
        width: 120px;
        height: 35px;
        margin-bottom: 3px;
        cursor: pointer;
    }


#MessageArea .registererror {
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    color: Red;
}



#fp-carousel .carousel-inner h2 {
    font-weight: normal;
    font-size: 24px;
}

    #fp-carousel .carousel-inner h2 a {
        font-weight: normal;
        font-size: 24px;
    }

#fp-carousel .top-border {
    border-top: 5px solid #1e3250;
    margin-left: -14px;
    margin-right: -14px;
    margin-top: 14px;
}

#fp-carousel .carousel-inner h2 {
    background-color: rgba(12,31,58,0.7);
    margin: 0px 0px 0px 0px;
    width: 100%;
    color: #FFF;
    text-align: center;
    padding: 0.714286rem 0.625rem;
    box-sizing: border-box;
    position: absolute;
    top: 203px;
}

#fp-carousel .carousel-inner p {
    margin: 0px 0px 0px 0px;
    height: 100%;
}

.carousel-inner .item img {
    max-width: 100%;
    max-height: 100%;
}


.advertisement .col-sm-12,
.advertisement .col-md-12 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
/* videos in carousel */
.video-preview-image {
    cursor: pointer;
}

.videocontent {
    display: none;
}

    .videocontent iframe {
        max-width: 100% !important;
    }

/* custom jquery ui */
.ui-front {
    z-index: 1000;
}

.ui-widget-overlay {
    background: rgb(0,0,0);
    opacity: .98;
}

.ui-widget.kkv-no-title .ui-dialog-titlebar {
    display: none;
}

.kkv-no-title.ui-dialog .ui-dialog-content {
    padding: 0;
}


/* stickynav aineistosivu */
#stickynav {
    overflow-y: auto;
    width: 315px;
    margin-top: 26px;
}

    #stickynav header {
        background: #d1ecf9;
        color: #ff6500;
        font-size: 1.15em;
        font-weight: bold;
        margin-bottom: 1px;
        padding: .8rem .8rem .8rem 1.6rem;
    }

    #stickynav.affix {
        top: 20px;
    }

    #stickynav .nav {
        width: 326px;
        margin-left: 0;
        padding-left: 0;
    }

    #stickynav .nav-stacked > li + li {
        margin-top: 1px;
    }

    .container #stickynav ul li {
        background-image: none; 
    }

    #stickynav li {
        background-color: #d1ecf9;
        display: block;
        padding: 0;
    }

        #stickynav li ul {
            margin: 0;
        }

        #stickynav li li {
            background-color: #e5f4fb;
            background: linear-gradient( #e5f4fb, #e5f4fb);
        }

    #stickynav .nav a::before {
        content: '';
        display: none;
    }

    #stickynav .nav a {
        display: block;
        padding: .8rem .8rem .8rem 1.6rem !important;
    }

    #stickynav .active > a {
        background: url(/static/css/kkv/images/arrow_white.png) no-repeat 0 .8rem transparent;
    }

    #stickynav ul.nav ul {
        display: none;
    }

    #stickynav ul.nav .active > ul {
        display: block;
    }

/* basscss flex utilities + added justify classes */

.flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-center {
    align-items: center
}

.flex-baseline {
    align-items: baseline
}

.flex-stretch {
    align-items: stretch
}

.flex-start {
    align-items: flex-start
}

.flex-end {
    align-items: flex-end
}

.flex-justify {
    justify-content: space-between
}

.flex-justify-end {
    justify-content: flex-end
}

.flex-justify-start {
    justify-content: flex-start
}

.flex-justify-center {
    justify-content: center
}

.flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}

.flex-grow {
    flex: 1 0 auto
}

.flex-none {
    flex: none
}

.flex-first {
    order: -1
}

.flex-last {
    order: 99999
}

@media (min-width: 40em) {
    .sm-flex {
        display: flex
    }
}

@media (min-width: 52em) {
    .md-flex {
        display: flex
    }
}

@media (min-width: 64em) {
    .lg-flex {
        display: flex
    }
}

/* jeesusteippiä */

.pl15px {
    padding-left: 15px !important;
}

.pl0 {
    padding-left: 0 !important;
}

.ofh {
    overflow: hidden;
}

/* helpers */
.relative {
    position: relative;
}

/* tag-buttons */
.tags {
    margin-bottom: 1rem;
    font-size: .8em;
}

.tag {
    background: #C7F2F9;
    border: 1px dotted #aaa;
    border-radius: 3px;
    display: inline-block;
    margin: 0 .5em .5em 0;
    padding: 0 .7em 0 0;
}

    .tag .close {
        color: #c00;
        float: none;
        font-size: 1em;
        margin-right: .1em;
        padding: .3em.5em;
    }

        .tag .close:hover, .tag .close:focus {
            opacity: 1;
        }

.selectTimeorder .selected {
    font-weight: bold;
}

.selectTimeorder .separator {
    color: #BB2679;
}


.separator {
    color: #0076bd;
}

.loginpage #Main_RegistrationWizard.registerArea label {
    display: block;
    clear: both;
}

.loginpage #Main_RegistrationWizard.registerArea input.button {
    float: left;
    margin-left: 20%;
}


/*button fix*/
.rightside .kune_button {
    padding-top: 16px !important;
    font-size: 16px !important;
    background: url('images/kunebluebtn2.png') right center no-repeat, linear-gradient(#56aacc, #0091cf ) !important;
}

.rightside .gradient .kune_button {
    padding-top: 16px !important;
    font-size: 16px !important;
    background: url('images/kuneredbtn2.png') right center no-repeat, linear-gradient(#e6198d, #b81570 ) !important;
}

/*front mmobile list rest*/
@media screen and (max-width: 767px) {
    .announcements > .row > .col-md-6 > div > div, .statistics > .row > .col-md-4 > div > ol > li {
        display: none;
    }

        .announcements > .row .col-md-6 > div > div:nth-child(1), .announcements > .row .col-md-6 > div > div:nth-child(2), .announcements > .row .col-md-6 > div > div:nth-child(3), .announcements > .row .col-md-6 > div > div:nth-child(4), .announcements > .row .col-md-6 > div > div:nth-child(5), .announcements > .row .col-md-6 > div > div:nth-child(6), .statistics > .row > .col-md-4 > div > ol > li:nth-child(1), .statistics > .row > .col-md-4 > div > ol > li:nth-child(2), .statistics > .row > .col-md-4 > div > ol > li:nth-child(3), .statistics > .row > .col-md-4 > div > ol > li:nth-child(4), .statistics > .row > .col-md-4 > div > ol > li:nth-child(5) {
            display: block !important;
        }

    .statistics > .row > .col-md-4:first-child > div {
        float: left;
        max-height: 180px;
        overflow: hidden;
    }
}

/*color boxes optimize*/
@media screen and (max-width: 470px) {
    .container.boxes.startpage > .row > .box { /*border:1px red solid!important;*/
        width: 43% !important;
    }

        .container.boxes.startpage > .row > .box a {
            width: 100% !important;
            font-size: 15px !important;
        }
}

/*color boxes optimize sectiopage*/
@media screen and (max-width: 670px) {
    .sectionstartpage .linkboxes .linkbox {
        width: 90% !important;
        margin-left: 5% !important;
    }

    .sectionstartpage .pageheading h1 {
        margin-left: 5% !important;
    }
}


/* Audio player positioning */
@media screen and (max-width: 1200px) {
    .rsbtn.rsexpanded .rsbtn_exp span.rsbtn_exp_inner {
        position: absolute !important;
        min-width: 260px !important;
        height: 26px !important;
        bottom: 12px !important;
    }
}