html {
    position: relative;
    min-height: 100%;
    overflow-y: scroll;
}
body {
    background-color: #e5e6e9;
    /* Margin bottom by footer height */
    margin-bottom: 500px;
}
body.hide-x-overflow { overflow-x: hidden; }

h1 { font-family: 'Titillium Web', sans-serif; }

/* Override bootstrap margins and paddings */
h1, h2, h3, h4, h5, h6 {
    margin: 5px -5px;
    padding: 9px 5px 10px 5px;
}

.bg-light-blue { background-color: #C6D9F0; }

/* VÄRILUOKAT */
.vihrea { background-color: #b4d28c; }
.vihrea-vaalea { background-color: #b7d3ad; }
.kahvi { background-color: #dbc698; }
.laihakahvi { background-color: #d4c0a7; }
.sininen-vaalea { background-color: #c6d9f0; }
.sininen-tumma { background-color: #7d92c9; }
.vanharosa { background-color: #debde4; }
.lila { background-color: #c1b0d5; }
.harmaa { background-color: #d3d7dd; }

a, a:link, a:visited { color: #628259; }

.news-list a, .news-list a:link, .news-list a:visited { color: #222; }

.header {
    position: relative;
    display: block;
    height: 130px;
    overflow: hidden;
}
.header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 114px;
    background-color: #f4f4f4;
}
.header-xs {
    border-bottom: 6px solid #d1dcba;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    z-index: 1;
}
.banner-container {
    position: relative;
    min-height: 258px;
    margin-top: -41px;
    overflow:hidden;
}
.banner-container span > img,
.banner-container p:nth-child(1) img {
    display: block;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    min-height: 200px;
    height:auto;
}
.banner-container p:nth-child(2) img {
    display:none;
}
.banner-container:after {
  content:"";
  display:block;
  clear:both;
}

.footer {
    position: absolute;
    display:block;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    min-height: 450px;
    padding-top: 50px;
    font-size:13px;
    background-color: #475057;
    overflow: hidden;
    color: #d5dabf;
}

.footer h1,.footer h2,.footer h3, .footer i
{
    font-weight: bold;
    color:#b0c87e;
}

.copyright-container { font-size: 0.8em; position:absolute; bottom: 20px; }

.news-container { padding:20px; border:1px solid #c0c0c0; }

.no-margin { margin: 0; }

#MainContent { min-height: 300px; background-color: #e5e6e9; padding-top:15px; padding-bottom:15px; }
#MainContent img { max-width: 100%; height:auto!important; } /* Mikään sisältöalueen kuva ei voi olla suurempi kuin sisältöalue itse */

.banner img { margin-bottom: 20px; }

.modal-content { border: 5px solid #294E9C; border-radius: 0; }
.modal-content-area { padding: 20px; }
.modal-header { color: #fff; background-color: #1e1e1e; border-bottom: none; padding: 3px 20px 7px 20px; }
.modal-header .close { color:#fff; font-size:80px; opacity: 0.9; margin-top: -7px; margin-right: -12px; }
.modal-title { font-size: 2.8em; }

.form-horizontal .control-label { padding-top: 0; } /* Yliajetaan bootstrap oletus */

/*.img-logo { position: absolute; top:60px; left:15px; }*/
.img-logo { position: absolute; top:0; left:15px; }
.img-header-bg { position: absolute; bottom:0; right:0; }

@media only screen and (max-width: 765px) {
    .img-logo {
        height: 55px;
    }
}

.btn-logout { border:0; border-bottom-right-radius:10px; border-bottom-left-radius:10px; padding: 3px 20px; background-color: #1e1e1e; color: #fff; position:absolute; bottom: -33px; right: 4px; }
.nav .btn-logout { position:relative; right:auto; bottom: auto; border-bottom-right-radius:0; border-bottom-left-radius:0; }

.search-input { margin-top:8px; width: 95%; }

.black-bg {
    background-color: #000;
}
.white-bg {
    background-color: #fff;
}
.blue-bg {
    background-color: #0069B7;
}
.xs-small { font-size: 75%; }

.blue { color: #428bca; }


.btn {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.btn-default {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #000;
}

.btn:hover, .btn:focus, .btn:active { background-color: #000; border: 1px solid #b0c87e; }

.btn-primary {
    background-color: #628259; color: #E9E9E9;
}

/* BREADCRUMB */

#breadcrumb {
    width: 100%;
    padding: 0;
}
#breadcrumb ul, #breadcrumb li
{
    display:none;
}
#breadcrumb ul { height: 20px; }
#breadcrumb li, #breadcrumb li a
{
    padding:0;
    line-height:20px;
    float:left;
}
#breadcrumb li a { padding-left:14px; padding-right:4px; background: url(../images/breadcrumb.gif) no-repeat left 7px transparent; text-decoration: underline; color: #b0c87e; }
#breadcrumb ul, #breadcrumb li.path, #breadcrumb a.active
{
    display:inline-block;
}

ul.breadcrumb-home { display:inline-block; margin-left:-14px; text-decoration: underline; color: #428bca; }
ul.breadcrumb-home li { display:inline-block !important; }
ul.breadcrumb-home li a { background: none !important; padding-right:0 !important; }
ul.breadcrumb-home:hover, .breadcrumb-home:focus { text-decoration: underline; }

a.breadcrumb-home { display:inline-block; text-decoration: underline; color: #428bca; }
img.breadcrumb-home { margin-right:4px; }


/* MENU */

/*#mainNav .nav.MainMenu { float: right; }*/
#mainNav .nav.MainMenu a { text-transform: uppercase; line-height: 23px; }

.navbar {
    min-height: 65px;
    background-color: #f4f4f4;
    border: none;
    border-bottom: 6px solid #c0d19b;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    z-index: 9999;
}

.navbar-toggle-container {
    position:relative;
    height:70px;
    width:100%;
    z-index:2;
    background-color:#1e1e1e;
}
.navbar-toggle {
    background-color: #d1dcba;
}

#mainNav {
    position:relative;
    top: 45px;
    height: 100%;
    padding-right: 0;
}
#mainNav .nav {
    /*float:right;*/
}
#mainNav li {
    display:inline-block;
    background-color: transparent;
}

#mainNav .nav > li > a {
    padding: 4px 10px;
    color: #4b151f;
}

    #mainNav li a.selected, #mainNav li.path a.active {
        /*background: rgba(30,30,30,1);
    background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,30,30,1)), color-stop(100%, rgba(99,100,99,1)));
    background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);
    background: -o-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);
    background: -ms-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);
    background: linear-gradient(to bottom, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);*/
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#636463', GradientType=0 );*/
        color: #879e5f;
    }
#mainNav li.path { border: none; }

#mainNav .not-active ul
{
    display:none;
}
    #mainNav .nav > li > a:hover,
    #mainNav .nav > li > a:focus {
        text-decoration: none;
        /*background: rgba(30,30,30,1);
    background: -moz-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,30,30,1)), color-stop(100%, rgba(99,100,99,1)));
    background: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);
    background: -o-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);
    background: -ms-linear-gradient(top, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);
    background: linear-gradient(to bottom, rgba(30,30,30,1) 0%, rgba(99,100,99,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#636463', GradientType=0 );*/
        color: #879e5f;
    }

.nav > li > a:hover, .nav > li > a:focus
{
    background-color:transparent;
    text-decoration:none;
}

#mainNav ul li ul { display:none; }

/* MOBILE MENU */

#mobileNav {
    margin-top:65px;
    background-color: #1e1e1e;
    border-bottom: 6px solid #c0d19b;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
    z-index:9999;
}
#mobileNav a {
    color: #f5f5f5;
}
#mobileNav a:hover, #mobileNav a:focus {
    color: #b0c87e;
}
#mobileNav li a.selected { color: #b0c87e; }


/* SUBMENUT */

.SubMenu {
    margin-left: 20px;
    font-size: 14px;
}

.subNav-container {
    position: relative;
    top: 48px;
}

#subNav .subNav { min-height: 27px; }

#subNav {
    position:relative;
    height: 100%;
    padding-right: 0;
    opacity: 0.8;
    min-width:200%;
    min-height: 27px;
    z-index:100;
    overflow-x:hidden;
    line-height: 27px;
}
#subNav ul {
    margin-left: -16px;
}
#subNav li { border: none; display:inline-block; float:left; }
/*#subNav li { margin-left: 20px; }*/
#subNav li a { /*background: url(../images/submenu.gif) no-repeat left 55% transparent;*/ padding:0 10px; color: #242424; }
    #subNav li a.selected { /*background: url(../images/submenu_selected.gif) no-repeat left 55% transparent;*/
        color: #879e5f;
    }
#subNav li.path a.active { background-color: transparent; color: #242424; }

    #subNav li a:hover {
        color: #879e5f;
    }

    #subNav > li > a:hover,
    #subNav > li > a:focus {
        text-decoration: none;
        /*background: url(../images/submenu_selected.gif) no-repeat left 55% transparent;*/
        color:#00519d;
    }

.highlight-bg { background-color: #E7AF19; }

.news-header {
	width: 100%;
	float: left;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.news-header {
	padding-left: 80px;
	min-height: 50px;
	margin-bottom: 15px;
}
.news-header a {
	line-height: 25px;
	font-size: 18px;
	float: left;
	text-align: left;
	text-transform: capitalize;
}
.news-header .date {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
	height: 50px;
}
.news-header .date span {
	width: 100%;
	float: left;
	line-height: 35px;
	text-align: center;
}
.news-header .date span.month {
	line-height: 15px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	border-top-width: 1px;
	border-top-style: solid;
    border-top-color: #d5dabf;
}
.news-header .date span.day {
	font-size: 24px;
	font-weight: 600;
	/*color: #333;*/
}

.news-header span
{
    color: #fff;
}
.news-header a
{
    color:#fff;
}

.news-header a:hover, .yhteyestiedot a:hover
{
    color: #bdd784;
    text-decoration:none;
}

.news-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.news-list li { padding: 0; margin: 0; }
.news-list li span { display: inline-block; }

.yhteyestiedot
{
    width:100%;
}

.yhteyestiedot p {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 15px;
}

.yhteyestiedot p .fa, .yhteyestiedot p .glyphicon {
    line-height: 30px;
    display: block;
    float: left;
	font-size: 20px;
    margin-right: 10px;
}
.yhteyestiedot p a {
	color: #fff;
    line-height: 30px;
    display: block;
    float: left;
}

.footer #flickrfooter ul {list-style:none; margin:7px 0 0 0; padding:0px;}
.footer #flickrfooter ul li {display:inline; float:left; margin:0px; padding:0px; background:transparent; border:none;}
.footer #flickrfooter ul li a {background:transparent;}
.footer #flickrfooter ul li img {margin:0px 12px 8px 0px; width:52px; height:52px; opacity: 0.8; -moz-opacity: 0.8;}
.footer #flickrfooter ul li img:hover {opacity: 1; -moz-opacity: 1; }
.footer #flickrfooter ul li a {display:inline; padding:0px; margin:0px;}

.carousel-inner .item {
    min-height: 428px;
}
.carousel-inner a {
    color: #fff;
}
.carousel-inner .carousel-caption {
    position: relative;
    bottom: initial;
    top: 120px;
    left: 0;
    right: 0;
    text-align: left;
}
.carousel-transparent-bg {
    display:block;
    background-color: #222;
    opacity: 0.4;
    position: absolute;
    left: -30px;
    top: 0;
    width: 116%;
    min-height: 180px;
    height: 100%;
    z-index: -1;
}
.carousel-control { z-index: 999; }
.carousel-indicators li { 
    background-color: #b0c87e; 
    border: none; 
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.5);
}
.carousel-indicators li.active { background-color: #90B04A; border: 7px solid #90B04A; }

.carousel .item {-webkit-transition: opacity 1.2s; -moz-transition: opacity 1.2s; -ms-transition: opacity 1.2s; -o-transition: opacity 1.2s; transition: opacity 1.2s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}

.mansoft_kuvagalleria {
    width: 358px!important;
    height: auto!important;
    background-color: #fff!important;
    margin-bottom: 30px!important;
    margin-right: 10px!important;
    margin-left: 11px!important;
}
.kuvagalleria_kuvateksti {
    text-align:left!important;
    min-height: 100px!important;
    line-height: 20px!important;
    padding:20px 20px!important;
}
#lbCenter, #lbBottomContainer { z-index: 9999; }

.lightboxDesc {
    font-size: 12px;
}

#ShowSubscribe, #ShowContact {
    min-width: 150px;
}