/*
 * @copyright Copyright (C) Markus Gees, Teutoburger Weg 65, 33758 Schloß Holte - Stukenbrock
 *
 * @module JIMMO Loan Budget Calculator J3
 * @package Joomla 3.x
 *
 * @author JIMMO TOOLs Team
 * @JIMMO TOOLs ist ein Projekt von NetJet UG (haftungsbeschränkt)
 *
 * @http://www.jimmo-tool.de
 * @info@jimmo-tool.de
 *
 * @license http://www.gnu.org/copyleft/gpl.html GNU/GPL, see license.txt
 */

.lb_small {
  width: 33.33%;
}

.lb_medium {
  width: 14.285%;
}

.lb {
  padding: 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
  text-align: right;
  display: block;
  float: left;
}

.lb_header {
  font-weight: bold;
}

.lb_clear {
  clear: both;
}

.lb_btn {
  color: #ffffff;
  font-size: 20px;
  background: #3498db;
  padding: 10px 0px;
  text-align: center;
  text-decoration: none;
  width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
  margin-bottom: 9px;
}

.lb_btn:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.lb_form {
  max-width: 600px;
}

.lb_clr {
  clear: both;
}

.lb_left {
  float:left;
  width: 49%;
}

.lb_right {
  float:right;
  width: 49%;
}

.lb_full {
  width: 100%;
}

.lb_form label, .lb_form input {
  width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.lb_tilgplantarget > div {
  border-bottom: 1px solid #cecece;
}

.lb_roterrahmen {
  border: 1px solid #ff0000 !important;
}

.lb_ergebnis {
  background-color: #ecf6ce !important;
  color: #000 !important;
}

.lb_ueberschrift {
  font-weight: bold;
}

.lb_warnung {
  color: #ff0000;
}

.lb_info {
  border: 1px solid #cecece;
  text-align: center;
  border-radius: 20px;
  display: block;
  float: left;
  width: 20px;
  margin-right: 5px;
  color: #cecece;
  position: relative;
}

.lb_tooltip {
  display: block;
  position: absolute;
  left: -5000px;
  background: #fff;
  color: #aeaeae;
  border: 1px solid #cecece;
  text-align: left;
  padding: 6px;
  width: 200px;
  z-index: 100;
}

.lb_info:hover > .lb_tooltip {
  top: 10px;
  left: 10px;
}

.lb_copyright {
  clear: both;
  color: #cecece;
}

@media (max-width: 600px) {

  .lb_jahr {
    width: 100%;
    background: #e2e2e2;
    color: #fff;
  }

  .lb_left {
    float:none;
    width: 100%;
  }

  .lb_right {
    float:none;
    width: 100%;
  }

}