@charset "utf-8";
/* CSS Document */

@page {
  margin-top: 0;
}


/* Menu-ikonin asetukset */
.menu_btn1
{
	margin: 0px 0px 0px 0px;
	height:52px;
	width: 52px;
	float: left;
	border: none;
	background: #000; 
}

/* Menun taustaväri */
.menu1
{
	background: #000;
	
}
	
.navbar-nav 
{
	border: none;
}
 
/* Menun listan elementtien fonttikoon sain säädettyä tällä */

.navbar-nav > li > a:hover{
	background-color: #000;
	color: #ffffcc;
}

.navbar-nav > li > a:focus{
	background-color: #000;
	color: #ffffcc;
}

.dropdown-menu a{
	background-color: #000;
}

.dropdown-menu li a:hover{
	background-color: #000;
	color: #ffffcc;
}

.dropdown-menu li a:focus{
	background-color: #000;
	color: #ffffcc;
}

.dropdown-menu li
{
	background-color: #000;
}

.dropdown-menu
{
	background-color: #000;
}

/* Drop-down listan otsikko kun lista on auki */

.navbar-nav li.dropdown.open > .dropdown-toggle,
.navbar-nav li.dropdown.active > .dropdown-toggle,
.navbar-nav li.dropdown.open.active > .dropdown-toggle {
  background: #000;
  color: #ffffff;
}

/* Drop-down menun fonttien värit */
.dropdown-menu > li > a {
	color: #ffffff;
}

.dropdown-menu > li > a:hover {
   color: #ffffcc;
}

/* Drop-down listan fontit kun auki kapealla mobiiliasettelulla */
.navbar-nav li.dropdown.open > .dropdown-menu > li > a,
.navbar-nav li.dropdown.active > .dropdown-menu > li > a,
.navbar-nav li.dropdown.open.active > .dropdown-menu > li > a {
  background: #000;
  color: #ffffff;
}

.navbar-nav li.dropdown.open > .dropdown-menu > li > a:hover,
.navbar-nav li.dropdown.active > .dropdown-menu > li > a:hover,
.navbar-nav li.dropdown.open.active > .dropdown-menu > li > a:hover {
  background: #000;
  color: #ffffcc;
}

.navbar-nav li
{
	font-size: 20px;
	background: #000;
	border: none;
}

@media (max-width: 1680px) {
	.navbar-nav li
	{
		font-size: 16px;
		background: #000;
		border: none;
	}
}

@media (max-width: 1400px) {
	.navbar-nav li
	{
		font-size: 14px;
		background: #000;
		border: none;
	}
}

			  
/* Tämä on menun muuttumisrajan vaaka/mobiili asettamiseksi */ 
@media (max-width: 1023px) {
	
	.navbar-nav li
	{
		font-size: 16px;
		background: #000;
		border: none;
	}
	
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	.navbar-collapse.collapse.in { 
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
}


	
.navbar-default {
    background-color: #000;
    border-color: #000;
    border-radius: 0;
}

/*
	Nämä rivit kopioin sivulta http://www.kodingmadesimple.com/2016/02/change-bootstrap-navbar-color-text-hover-color.html olleesta tutoriaalista.
	Näyttävät toimivan taustavärin ja fonttivärin säätämiseksi.
*/

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding-left: 15px;
	padding-right: 0px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #000;
	color: #ffffcc;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffcc;
    background-color: #000;
}

.navbar-default .navbar-text {
    color: #ffffcc;
}

.navbar-default .navbar-toggle {
    border-color: #000;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #000;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}