html, body { background: white; }
.header-logo-holder { line-height: 70px; }

.header-logo { max-height: 50px; }

ul.fomenu li {
  display: inline;
}

ul.fomenu li a {
  text-decoration: none;
  color: #ffffff;
  line-height: 70px;
  font-size: 1.3em;
  /*margin-left: 10px;*/
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  border-radius: 4px; 
  padding: 5px 10px;
}

ul.fomenu li a:hover {
  /*border-bottom: 2px solid #ffffff;*/
  background: #666666;
}

.footer { padding: 20px 0px; position: relative; }
.footer .border { position: absolute; top: 4px; width: 100%; height: 1px; background-color: white; border: none; }

.footer, .footer a {
  color: #ffffff;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.h1link {
  text-decoration: none;
  font-size: 2em; 
}

h1 { margin-bottom: 0.6em; }

.briefcikk { position: relative; }
.briefcikk .img { border: 0px solid red; margin: 0px; }
.briefcikk .img span { display: block; background-color: gray; color: white; text-align: center; margin: 10px 0px; border-radius: 4px; }
.briefcikk-name { text-decoration: none; }

#login-success, #login-fail, #subs-success, #rend-success { display: none; border-radius: 4px; }

.dashboard-col { position: relative; margin-bottom: 30px; background-color: #ffffff;  }
.dashboard-col .image { display: block; width: 100%; height: auto;
  -webkit-box-shadow: 0px 0px 14px rgba(100, 100, 100, 0.8);
  -moz-box-shadow:    0px 0px 14px rgba(100, 100, 100, 0.8);
  box-shadow:         0px 0px 14px rgba(100, 100, 100, 0.8);
}
.dashboard-col .overlay { position: absolute; bottom: 0; left: 12px; right: 12px; background-color: rgba(150, 150, 150, 1); overflow: hidden; height: 3em; transition: .5s ease; }
.dashboard-col:hover .overlay { height: 100%; background-color: rgba(150, 150, 160, 0.90); }
.dashboard-col .text { white-space: nowrap; color: white; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-size: 1.2em; }
.dashboard-col .text .kategleiras { font-size: 0.9em; white-space: normal; display: none; transition: .5s ease;}
.dashboard-col:hover .text .kategleiras { display: block; border-top: 1px solid white; }

@media screen and (min-width: 769px) and (max-width: 1199.98px) {
  .dashboard-col .text { white-space: nowrap; font-size: 0.9em; }
}

@media (max-width: 768px) {
  .dashboard-col .text { white-space: nowrap; font-size: 1.0em; }
}

a.kateg-link { font-size: 1.1em; text-decoration: none; color: #444444; display: block; border-radius: 4px;  transition: .5s ease; }
a.kateg-link:hover { color: white; background-color: rgba(150, 150, 150, 1); }