/* Reduced version of TWITTER-BOOTSSTRAP.3-CSS
 *  by http://website-bauen.de
 */

 

html { 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	background: #e9e9ea;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #444;
  margin: 0 auto;
  padding: 0;
}
audio, canvas, video { display: inline-block;}
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
h1 { font-size: 22px;line-height: 22px;font-weight: 700;margin: 18px 0 6px 0;padding: 0;color: #4c4c4c;}
h2 { font-size: 17px;line-height: 19px;font-weight: 600;margin: 16px 0 6px 0;padding: 0;color: #4c4c4c;}
h3 { font-size: 15px;line-height: 17px;font-weight: bold;margin: 16px 0 2px 0;padding: 0;color: #5c5c5c;}
h4 { font-size: 14px;line-height: 16px;font-weight: bold;margin: 14px 0 2px 0;padding: 0;color: #555;}
h5 { font-size: 12px;line-height: 14px;font-weight: bold;margin: 14px 0 2px 0;padding: 0;color: #555;}
h6 { font-size: 11px;line-height: 13px;font-weight: bold;margin: 14px 0 2px 0;padding: 0;color: #555;}
@media screen and (max-width: 767px) { 
	h1 { font-size: 19px;}
	h2 { font-size: 16px;}
}
p { font-size: 13px;line-height: 16px;font-weight: normal;text-align: justify;margin: 6px 0 8px 0;color: #444}
.intro-text { font-size: 14px;line-height: 16px;font-weight: normal;margin: 6px 0 8px 0;color: #222;}
.small { font-size: 80%;font-weight: normal;color: #444;}
a {color: #024f85;text-decoration: none;}
a:hover, a:focus { color: #0303ff;text-decoration: underline;}
b, strong { font-weight: bold;}
cite { font-size: 13px;font-weight: bold;margin: 8px;color:#4b4b4b;}
cite span { color: #666;}
cite a, cite a:link, cite a:visited  { text-decoration: none;}
blockquote { 
	font-size: 13px;
	font-style: italic;
	margin: 8px 6px;
	padding: 8px 8px 8px 34px;
	border-radius: 8px;
	background:  #e7e7e7 url(../img/icon-quote.png) left top no-repeat;
} 
sub { 
  bottom: -0.25em;
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup { 
  top: -0.5em;
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
hr { 
	width: 92%;
	max-width: 980px;
	height: 0;
	margin: 0 auto;
	padding: 0 18px;
	border: 0;
	border-top: 1px solid #777;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media print {
  * { 
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
	}
	a, a:visited, a:focus, a:link { color: #024f85;text-decoration: underline;}
	tr, img { page-break-inside: avoid;}
	img { max-width: 100% !important;}
	p, h1, h2, h3 { orphans: 3;widows: 3;}
	h1, h2, h3 { page-break-after: avoid;}
	p, .carousel { page-break-inside: avoid;}
	select { background: #fff !important;}
	#header { height: 160px;margin-top: 0;}
	#pack_header { vertical-align: top;margin-top: 0;padding-top: 0;}
	.split-left_spec1, .split-right_spec1 { background: #ccc !important;}
	#right-col { vertical-align: top;}
	.navbar, .go-page-top { display: none;}
	.label { border: 1px solid #bbb;}
}

img { border: 0;vertical-align: middle;}
.img-left { float: left;margin: 6px 12px 6px 1px;}
.img-right { float: right;margin: 6px 1px 6px 12px;}
.img-left_no-squeeze { float: left;margin: 6px 12px 6px 1px;}
.img-right_no-squeeze { float: right;margin: 6px 1px 6px 12px;}
.img-center {float: none;position: relative;margin: 4px auto;}
.img-full { width: 100%;}
.img-border { border: #bbbbbb solid 1px;}
.img-responsive { display: block;height: auto;max-width: 100%;}
.img-rounded { border-radius: 6px;}
/* to avoid squeezed text: */
@media screen and (max-width: 598px) { 
	.img-left_no-squeeze { float: none;position: relative;margin: 6px auto 6px 24px;max-width: 440px;}
	.img-right_no-squeeze { float: none;position: relative;margin: 6px auto 6px 24px;max-width: 440px;}
}
.img-thumbnail {
  display: inline-block;
  height: auto;
  max-height: 132px;
  max-width: 164px;
  margin: 6px auto;
  padding: 2px;
  line-height: 1.428571429;
  border: 1px solid #777;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
ul, ol  { margin: 0 5px 0 -10px;font-size: 13px;}
ul ul, ol ul, ul ol, ol ol { margin: 0 5px;font-size: 13px;}
.list-unstyled { padding-left: 0;list-style: none;}
.list-inline { padding-left: 0;list-style: none;}
.list-inline > li { display: inline-block;padding-right: 5px; padding-left: 5px;}
.list-inline > li:first-child { padding-left: 0;}

fieldset { padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0;}
textarea { font-family: inherit;font-size: 100%;margin: 0;}
textarea { overflow: auto;vertical-align: top;}
input { margin: 0;font-family: inherit;font-size: 100%; line-height: normal;}
input[type="submit"] { cursor: pointer;-webkit-appearance: button;}
label { display: inline-block;margin-bottom: -2px;font-weight: normal;}
label.control-label { color: #444;}
legend { padding: 0;border: 0;}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
select { font-family: inherit;font-size: 100%;margin: 0;}
select[multiple],
select[size] { height: auto;}
select optgroup { font-family: inherit;font-size: inherit;font-style: inherit;}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.form-control, input.kontakt1, textarea.kontakt2 {
  display: block;
  width: 260px;
  height: 24px;
  padding: 3px 8px;
  margin: 0 10px;
  font-size: 13px;
  color: #222;
  vertical-align: middle;
  background-color: #fbfbfb;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus, input.kontakt1:focus, textarea.kontakt2:focus  {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control:-moz-placeholder { color: #999999;}
.form-control::-moz-placeholder { color: #999999; opacity: 1;}
.form-control:-ms-input-placeholder { color: #999999;}
.form-control::-webkit-input-placeholder { color: #999999;}
.form-control[disabled],
.form-control[readonly] { cursor: not-allowed;background-color: #eeeeee;}

fieldset[disabled] .form-control { cursor: not-allowed;background-color: #eeeeee;}
textarea.form-control { height: auto;}
.form-group { margin-bottom: 15px;}
.form-control-static { margin-bottom: 0;}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline { padding-top: 7px;margin-top: 0;margin-bottom: 0;}
.form-horizontal .radio,
.form-horizontal .checkbox { min-height: 27px;}
.form-horizontal .form-group { margin-right: -15px;margin-left: -15px;}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
}
.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { float: left;margin-left: -20px;}
.radio + .radio,
.checkbox + .checkbox { margin-top: -5px;}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline { margin-top: 0;margin-left: 10px;}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline { cursor: not-allowed;}
.input-sm {height: 30px;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
select.input-sm { height: 30px;line-height: 30px;}
textarea.input-sm { height: auto;}
.input-lg { height: 46px;padding: 10px 16px;font-size: 18px;line-height: 1.33;border-radius: 6px;}
select.input-lg { height: 46px;line-height: 46px;}
textarea.input-lg { height: auto;}

.btn {
  display: inline-block;
  padding: 4px 2px;
  margin: 1px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
}
.btn-default { color: #333333;background-color: #ffffff;border-color: #cccccc;}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default { color: #333333;background-color: #3dc3e0;border-color: #ccc;}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default { background-image: none;}
.btn:focus {
  outline: none;
}
.btn:hover,
.btn:focus { color: #333333;text-decoration: none;}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
button::-moz-focus-inner { padding: 0;border: 0;}

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {display: none;}

.input-group { position: relative;display: table;border-collapse: separate;}
.input-group[class*="col-"] { float: none;padding-right: 0;padding-left: 0;}
.input-group .form-control {width: 100%;margin-bottom: 0;}

.input-group-addon,
.input-group-btn,
.input-group .form-control { display: table-cell;}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0;}
.input-group-addon,
.input-group-btn { width: 1%;white-space: nowrap;vertical-align: middle;}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {margin-top: 0;}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input-group-addon:first-child { border-right: 0;}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0;}
.input-group-addon:last-child { border-left: 0;}
.input-group-btn { position: relative;white-space: nowrap;}
.input-group-btn:first-child > .btn { margin-right: -1px;}
.input-group-btn:last-child > .btn { margin-left: -1px;}
.input-group-btn > .btn { position: relative;}
.input-group-btn > .btn + .btn { margin-left: -4px;}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active { z-index: 2;}

.collapse { display: none;}
.collapse.in { display: block;}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 0px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.navbar-collapse {
  padding-right: 5px;
  padding-left: 5px;
  overflow-x: visible;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before { display: table;content: " ";}
.navbar-collapse:after { display: table;content: " ";clear: both;}
.navbar-collapse.in { overflow-y: auto;}
@media (min-width: 725px) {
  .navbar-collapse { width: auto;}
  .navbar-collapse.collapse { display: block !important;height: auto !important;padding-bottom: 0;overflow: visible !important;}
  .navbar-collapse.in { overflow-y: visible;}
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) { .navbar-toggle { display: none;}}
.navbar-toggle {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li { display: inline-block;}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #cccccc;
  content: "/\00a0";
}
.breadcrumb > .active { color: #999999;}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager { margin: 20px 0;text-align: center;list-style: none;}
.pager:before { display: table;content: " ";}
.pager:after { display: table;content: " ";clear: both;}
.pager li { display: inline;}
.pager li > a,
.pager li > span {
  font-size: 13px;
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #bbbbbb;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus { text-decoration: none; background-color: #eeeeee;}
.pager .next > a,
.pager .next > span { float: right;margin-right: 10%;}
.pager .previous > a,
.pager .previous > span { float: left;margin-left: 10%;}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span { color: #999999;cursor: not-allowed;background-color: #ffffff;}

.carousel { position: relative;min-width: 224px;margin: 10px -4px 4px auto; padding: 0;}
.carousel-inner { position: relative;width: 100%;overflow: hidden;}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
          transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  height: auto;
  max-width: 100%;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block;}
.carousel-inner > .active { left: 0;}
.carousel-inner > .next,
.carousel-inner > .prev {position: absolute;top: 0;width: 100%;}
.carousel-inner > .next { left: 100%;}
.carousel-inner > .prev { left: -100%;}
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0;}
.carousel-inner > .active.left { left: -100%;}
.carousel-inner > .active.right { left: 100%;}
.carousel-control {
  position: absolute;
  top: 72%;		
  bottom: 0;
  left: 0;
  width: 6%;
  font-size: 20px;
  color: #000;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.6;
}
.carousel-control.right { right: -4px; left: auto;}
.carousel-control:hover,
.carousel-control:focus {
  color: #3b3b3b;
  text-decoration: none;
  outline: none;
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left { left: 50%;}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right { right: 50%;}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 2px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000;  /* was: #000 \9  .. shift to ie-only */ 
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3b3b3b;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 8px;
  height: 8px;
  margin: 0;
  background-color: #3b3b3b;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 8px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 2px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {text-shadow: none;}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}

/*========== general defines ============= */
.clear { clear: both;}
.clearfix:before { display: table;content: " ";}
.clearfix:after { display: table;content: " ";clear: both;}
.pull-right { float: right !important;}
.pull-left { float: left !important;}
.affix { position: fixed;}
.center-block { display: block;margin-right: auto;margin-left: auto;}


.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  visibility: visible;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}