body {
  padding-top: 6px;
}

a {
    color:              #4C67A1;
}

a:hover {
    color:              #415A8F;
    text-decoration:    none;
}


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



/* 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:            100%; 
  height:               auto;
  width:                auto; /* For IE8 */
}



.header a {

	color:             #cccccc;

    text-decoration:    none;

}



.pagination_links li a {
    color:              #4C67A1;
    text-decoration:    none;
}



.pagination_links li a:hover {

    color:              #415A8F;

    text-decoration:    none;

}





.footer {

  padding-top:          40px;

  padding-bottom:       40px;

  margin-top:           60px;

  border-top:           1px solid #415A8F;

}



.table_col_header {

    color:             #415A8F; 

    text-decoration:    none;

    }



.table_col_header a {
    color:             #415A8F; 
    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:     #4C67A1; /* Old browsers */
  background-image:     -webkit-gradient(linear, left top, left bottom, from(#415A8F), to(#4C67A1));
  background-image:     -webkit-linear-gradient(top, #415A8F 0%, #4C67A1 100%);
  background-image:      -o-linear-gradient(top, #415A8F 0%, #4C67A1 100%);
  background-image:     -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #415A8F), to(#4C67A1));
  background-image:     linear-gradient(top, #415A8F 0%, #4C67A1 100%);
  filter:               progid:DXImageTransform.Microsoft.gradient( startColorstr='#415A8F', endColorstr='#4C67A1',GradientType=0 ); /* IE6-9 */
  background-repeat:    repeat-x; /* Repeat the gradient */
  border:               1px solid #415A8F;

}

.btn {
  color:                #fff !important;
  background-color:     #4C67A1 !important; /* Old browsers */
  background-image:     -webkit-gradient(linear, left top, left bottom, from(#415A8F), to(#4C67A1)) !important;
  background-image:     -webkit-linear-gradient(top, #415A8F 0%, #4C67A1 100%) !important;
  background-image:      -o-linear-gradient(top, #415A8F 0%, #4C67A1 100%) !important;
  background-image:     -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #415A8F), to(#4C67A1)) !important;
  background-image:     linear-gradient(top, #415A8F 0%, #4C67A1 100%) !important;
  filter:               progid:DXImageTransform.Microsoft.gradient( startColorstr='#415A8F', endColorstr='#4C67A1',GradientType=0 ) !important; /* IE6-9 */
  background-repeat:    repeat-x !important; /* Repeat the gradient */
  border: 1px solid     #415A8F !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 #415A8F;
  border-radius:        0px;
}



.nav-justified > li > a {

  padding-top:          15px;
  padding-bottom:       15px;
  margin-bottom:        0;
  color:                #fff;
  text-align:           center;
  background-color: #4C67A1; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#415A8F), to(#4C67A1));
  background-image: -webkit-linear-gradient(top, #415A8F 0%, #4C67A1 100%);
  background-image:      -o-linear-gradient(top, #415A8F 0%, #4C67A1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #415A8F), to(#4C67A1));
  background-image:         linear-gradient(top, #415A8F 0%, #4C67A1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415A8F', endColorstr='#4C67A1',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #4C67A1;
}

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #4C67A1;
  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 #4C67A1;

    border-left: 1px solid #415A8F;

  }

  .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:         #415A8F;

}



.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:         #415A8F;

}



.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;

}