/* Header */
header {
  background-color: #ffffff; /* #333333; /* tumma harmaa */
  color: #ffffff;
}

/* Ensisijainen nappi */
.btn-primary {
  color: #fff;
  background-color: #555555; /* neutraali harmaa */
  border-color: #555555;
}

.btn-primary:hover {
  color: #fff;
  background-color: #444444; /* hieman tummempi hover */
  border-color: #444444;
}

/* Linkit */
a {
  color: #333333; /* tumma harmaa linkkiväri */
  text-decoration: none;
}

a:hover {
  color: #555555; /* hover hieman vaaleampi harmaa */
  text-decoration: underline;
}

/* Main-alue */
main {
  background-color: #ffffff; /* valkoinen tausta */
  color: #333333; /* tumma harmaa teksti */
}

/* Toimintopalkin navigaatio */
#actionbar .navbar-nav > li > a {
  border-right: 1px solid #444444;
  background-color: #333333;
  color: #ffffff;
}

/* Navigaatiopalkki */
.navbar-inverse {
  background-color: #333333;
  border-color: #222222;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand {
  color: #ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-brand:hover {
  color: #cccccc; /* hover vaalea harmaa */
}