body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.nav > li > a
{
  padding: 5px;
  font-size: 18px;
  background-color: #e0e0e0;
}

.navbar-default
{
  margin-bottom: 5px;
  padding: 2px;
  background-color: #c8c4c0;
}

.valinta input 
{ 
  align-self: start; 
}
.valinta label 
{ 
  margin-left: 1.5% !important; 
  position: relative !important; 
  top: 18px !important; 
}

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

.tsv-header
{
  margin-left: 10px;
}

}

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

.nav
{
  background-color: #a8a4a0;
  width: 100%;
}


.menu1
{
  padding: 0px;
}

.nav > li > a
{
  padding: 5px;
  font-size: 22px;
  background-color: #e0e0e0;
  margin: 2px;
  border: 1px solid black;
}

}

.dropdown-menu > li > a
{

  font-size: 20px;
}

.navbar
{
  border: 0px;
}

*  ul
{
  padding: 0px;
  margin: 0px;
}

.nav > li
{
  margin: 2px;
}

.form-signin {
  max-width: 530px;
  padding: 15px;
  margin: 0 auto;
}

.form-main {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
  background-color: #c8c4c0;
  font-size: 1.5em;
  font-family: verdana;
  padding-top: 0px;
}

.tsv-header {
  color: #20A020;
  text-align: center;
  font-size: 26px;
  line-height: 46px;
/*  margin-left: 18px; */
}

.tsv-header h2 {

}

.tila {
  color: #4040E0;
  font-weight: bold;
}

.henkilo {
  color: #3030A0;
}

.brd {
  border: 1px solid gray;
}

.row {
  padding-top: 3px;
  padding-bottom: 3px;
}

.btn {
  padding: 0px;
//  font-size: 18px;
}