body {
  padding-top: 6px;
}

a {
    color:              #326a0f;
}

a:hover {
    color:              #184e10;
    text-decoration:    none;
}

/* Pikkubannereiden rajaviivojen väri*/
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #184e10;
}



/* Kaikille bannerin teksteille tumma varjo korostamaan tekstiä*/
.main_banner_style_div {
    text-shadow:        1px 1px 3px #000000 !important;
}

.header {
	color:             #00cccc;
	border-bottom:     1px solid #eee;
	line-height:       1.0;
	font-weight:       100;
	background:        #fff;
    margin-top:        0px;
}

.logo {

    display:            inline-block;
    width:              20%;
    vertical-align:     baseline;
    height:             100%;
    vertical-align:     middle;

}



.logo img {
  max-width:            200px;
  height:               auto;
  width:                auto; /* For IE8 */
}



.header a {

	color:             #cccccc;

    text-decoration:    none;

}



.pagination_links li a {

    color:              #326a0f;

    text-decoration:    none;

}



.pagination_links li a:hover {

    color:              #184e10;

    text-decoration:    none;

}





.footer {

  padding-top:          40px;

  padding-bottom:       40px;

  margin-top:           60px;

  border-top:           1px solid #184e10;

}



.table_col_header {

    color:             #184e10; 

    text-decoration:    none;

    }



.table_col_header a {

    color:             #184e10; 

    text-decoration:    none;

    }



.table-no-border>thead>tr>th, 

.table-no-border>tbody>tr>th, 

.table-no-border>tfoot>tr>th, 

.table-no-border>thead>tr>td, 

.table-no-border>tbody>tr>td, 

.table-no-border>tfoot>tr>td {

  border-top: none; 

}







}



.jumbotron {

  text-align:           center;

  background-color:     transparent;

}



.jumbotron .btn {

  padding:              14px 24px;

  font-size:            21px;

  color:                #fff;

  background-color:     #326a0f; /* Old browsers */

  background-image:     -webkit-gradient(linear, left top, left bottom, from(#184e10), to(#326a0f));

  background-image:     -webkit-linear-gradient(top, #184e10 0%, #326a0f 100%);

  background-image:      -o-linear-gradient(top, #184e10 0%, #326a0f 100%);

  background-image:     -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #184e10), to(#326a0f));

  background-image:     linear-gradient(top, #184e10 0%, #326a0f 100%);

  filter:               progid:DXImageTransform.Microsoft.gradient( startColorstr='#184e10', endColorstr='#326a0f',GradientType=0 ); /* IE6-9 */

  background-repeat:    repeat-x; /* Repeat the gradient */

  border:               1px solid #184e10;

}



.btn {

  color:                #fff !important;

  background-color:     #326a0f !important; /* Old browsers */

  background-image:     -webkit-gradient(linear, left top, left bottom, from(#184e10), to(#326a0f)) !important;

  background-image:     -webkit-linear-gradient(top, #184e10 0%, #326a0f 100%) !important;

  background-image:      -o-linear-gradient(top, #184e10 0%, #326a0f 100%) !important;

  background-image:     -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #184e10), to(#326a0f)) !important;

  background-image:     linear-gradient(top, #184e10 0%, #326a0f 100%) !important;

  filter:               progid:DXImageTransform.Microsoft.gradient( startColorstr='#184e10', endColorstr='#326a0f',GradientType=0 ) !important; /* IE6-9 */

  background-repeat:    repeat-x !important; /* Repeat the gradient */

  border: 1px solid     #184e10 !important;

  box-shadow:           2px 2px 8px #888888 !important;

  border-radius:        0px 0px 0px 0px;

}



.btn:hover {

  color:                #fff !important;

  box-shadow:           1px 1px 3px #888888 !important;

}



.btn:active {

  color:                #fff !important;

}



.nav-justified {

  background-color:     #fff;

  border:               1px solid #184e10;

  border-radius:        0px;

}



.nav-justified > li > a {

  padding-top:          15px;

  padding-bottom:       15px;

  margin-bottom:        0;

  color:                #fff;

  text-align:           center;

  background-color: #326a0f; /* Old browsers */

  background-image: -webkit-gradient(linear, left top, left bottom, from(#184e10), to(#326a0f));

  background-image: -webkit-linear-gradient(top, #184e10 0%, #326a0f 100%);

  background-image:      -o-linear-gradient(top, #184e10 0%, #326a0f 100%);

  background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #184e10), to(#326a0f));

  background-image:         linear-gradient(top, #184e10 0%, #326a0f 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184e10', endColorstr='#326a0f',GradientType=0 ); /* IE6-9 */

  background-repeat: repeat-x; /* Repeat the gradient */

  border-bottom: 1px solid #326a0f;

}

.nav-justified > .active > a,

.nav-justified > .active > a:hover,

.nav-justified > .active > a:focus {

  background-color: #326a0f;

  background-image: none;

  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);

          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);

}

.nav-justified > li:first-child > a {

  border-radius: 0px 0px 0 0;

}

.nav-justified > li:last-child > a {

  border-bottom: 0;

  border-radius: 0 0 0px 0px;

}



@media (min-width: 768px) {

  .nav-justified {

    max-height: 52px;

  }

  .nav-justified > li > a {

    border-right: 1px solid #326a0f;

    border-left: 1px solid #184e10;

  }

  .nav-justified > li:first-child > a {

    border-left: 0;

    border-radius: 0px 0 0 0px;

  }

  .nav-justified > li:last-child > a {

    border-right: 0;

    border-radius: 0 0px 0px 0;

  }

}



/* Responsive: Portrait tablets and up */

@media screen and (min-width: 768px) {

  /* Remove the padding we set earlier */

  .masthead,

  .marketing,

  .footer {

    padding-right: 0;

    padding-left: 0;

  }

}



.sponsor_divider {

    display:            block;

    text-align:         center;

    overflow:           hidden;

    white-space:        nowrap; 

    margin-top:         60px;

    margin-bottom:      60px;

}



.sponsor_divider > span {

    position:           relative;

    display:            inline-block;

}



.sponsor_divider > span:before,

.sponsor_divider > span:after {

    content:            "";

    position:           absolute;

    top:                50%;

    width:              9999px;

    height:             1px;

    background:         #184e10;

}



.sponsor_divider > span:before {

    right: 100%;

    margin-right:       15px;

}



.sponsor_divider > span:after {

    left:               100%;

    margin-left:        15px;

}



.sponsor_empty_divider {

    display:            block;

    overflow:           hidden;

    white-space:        nowrap; 

    margin-top:         60px;

    margin-bottom:      60px;

    position:           relative;

    display:            inline-block;

    width:              100%;

    height:             1px;

    background:         #184e10;

}



.main_banner_style_div {

    background-color:    red;
    color:               white; 
    padding:             20px;
    margin-top:          20px;
    margin-bottom:       20px;
    text-align:          center;
    font-size:           26px;
    font-weight:         bold;
    display:             inline-block;
    width:               70%;
    margin-left:         50px; 
    margin-right:        0px;

}




.banner_div {

    display:            inline-block;

    vertical-align:     baseline;

    height:             40px;

    margin:             10px;

}



.nav {

    margin-bottom:      6px;

}



.sponsor_row {

    height:             60px;

    width:              100%;

    white-space:        nowrap;

    text-align:         center; margin: 1em 0;

    margin-left:        0px;

    text-align:         center;

    font-size:          26px;

    font-weight:        bold;

    margin-left:        auto;

    margin-right:       auto;

}



.sponsor_item {

    display:            inline-block;

    height:             100%;

    vertical-align:     middle;

    max-width:          192px;

    margin:             10px

}



.vcenter {

    display: inline-block;

    vertical-align: middle;

    float: none;

}



.inline-error-message {

    color:              red;

    margin:             10px;

    font-weight:        bold;

}



/* Jari Kuokka, 22.2.2016, muokkaa valikon hoverilla toimivaksi */

ul.nav li.dropdown:hover > ul.dropdown-menu {

    display: block

}



/* Jari Kuokka, 22.2.2016, muokkaa valikon hoverilla toimivaksi, poistaa marginaalin valikkojen välistä, pyöristää alakulmat */

@media only screen and (min-width : 768px) {

    .dropdown:hover .dropdown-menu {

        display: block;

        margin-top: 0px;

        border-radius: 0px 0px 4px 4px;

        

    }

}



/* Jari Kuokka, 23.2.2016, Navigointivalikon asetukset */



.navbar-inverse {

  background-color: transparent !important;

  border-color:     transparent !important;

  margin-left:      -16px;

}



.navbar-inverse .navbar-brand {

  color:            #999;

}

.navbar-inverse .navbar-brand:hover,

.navbar-inverse .navbar-brand:focus {

  color:            #fff;

  background-color: transparent;

}

.navbar-inverse .navbar-text {

  color:            #999;

}

.navbar-inverse .navbar-nav > li > a {

  color:            #999;

}

.navbar-inverse .navbar-nav > li > a:hover,

.navbar-inverse .navbar-nav > li > a:focus {

  color:            #fff;

  background-color: transparent;

}

.navbar-inverse .navbar-nav > .active > a,

.navbar-inverse .navbar-nav > .active > a:hover,

.navbar-inverse .navbar-nav > .active > a:focus {

  color:            #fff;

  background-color: #080808;

}

.navbar-inverse .navbar-nav > .disabled > a,

.navbar-inverse .navbar-nav > .disabled > a:hover,

.navbar-inverse .navbar-nav > .disabled > a:focus {

  color:            #444;

  background-color: transparent;

}

.navbar-inverse .navbar-toggle {

  border-color:     #333;

}

.navbar-inverse .navbar-toggle:hover,

.navbar-inverse .navbar-toggle:focus {

  background-color: #333;

}

.navbar-inverse .navbar-toggle .icon-bar {

  background-color: #fff;

}

.navbar-inverse .navbar-collapse,

.navbar-inverse .navbar-form {

  border-color:     transparent;

}

.navbar-inverse .navbar-nav > .open > a,

.navbar-inverse .navbar-nav > .open > a:hover,

.navbar-inverse .navbar-nav > .open > a:focus {

  color:            #fff;

  background-color: #080808;

}

@media (max-width: 767px) {

  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {

    border-color:   #080808;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {

    background-color: #080808;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {

    color:          #999;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {

    color:          #fff;

    background-color: transparent;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {

    color:          #fff;

    background-color: #080808;

  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,

  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {

    color:          #444;

    background-color: transparent;

  }

}

.navbar-inverse .navbar-link {

  color:            #999;

}

.navbar-inverse .navbar-link:hover {

  color:            #fff;

}