@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
body, html, ul, p, figure, h1, h2, h3, h4, a, object, embed, div {
  margin: 0;
  padding: 0;
  outline: 0;
}

textarea:focus, input:focus, select:focus {
  outline: none;
}

input[type=search] {
  -webkit-appearance: none;
  -webkit-box-sizing: content-box;
  margin: 0;
  padding: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

body, html {
  width: 100%;
}

.text, .submit, .textarea {
  font-family: "Droid Sans", sans-serif;
}

body {
  color: #333333;
  font-size: 18px;
  line-height: 150%;
  font-family: "Droid Sans", sans-serif;
  font-weight: 400;
}

strong, b {
  font-weight: 700;
}

ul {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: #00656C;
}
a:hover {
  color: #00656C;
}

td {
  vertical-align: top;
}

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-family: "Droid Sans", sans-serif;
  font-weight: 700;
}

h1 {
  color: #333333;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 30px;
}

h2 {
  color: #333333;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 12px;
}

h4 {
  font-weight: 400;
}

#wrapper {
  width: 1000px;
  padding: 0 75px 0 75px;
  background: #FFFFFF;
  margin: 0 auto;
}

#header {
  height: 0px;
}

#footer {
  padding-top: 75px;
  padding-bottom: 30px;
  text-align: left;
}
#footer .right {
  text-align: right;
}

.text, .textarea {
  background: #f0f0f0;
  border-radius: 5px;
  padding: 10px 20px;
  color: #777777;
  border: none;
  width: 350px;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.5pt;
}

.submit {
  color: #FFFFFF;
  font-weight: 700;
  background: #bd0f1f url(../img/pfeil_weiss.png) no-repeat right center;
  padding: 10px 20px;
  border-radius: 5px;
  border: none;
  padding-right: 42px;
  padding-left: 12px;
  font-size: 24px;
  cursor: pointer;
  letter-spacing: -0.5pt;
}
.submit:hover {
  color: #FFFFFF;
}

.left {
  float: left;
  width: 48%;
}

.right {
  float: right;
  width: 48%;
}

.cb:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

body.login .text {
  display: block;
  float: right;
}
body.login .submit {
  float: right;
}

.success {
  background: #DFF0D8;
  border: 1px #D6E9C6 solid;
  color: #468847;
  padding: 8px 35px 8px 14px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.error {
  background: #F2DEDE;
  border: 1px #EED3D7 solid;
  padding: 8px 35px 8px 14px;
  border-radius: 5px;
  color: #B94A48;
  margin-bottom: 20px;
}

hr {
  border: none;
  height: 1px;
  /* Set the hr color */
  color: #333;
  background-color: #333;
  padding: 0;
  margin: 10px 0;
}

* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

*:before,
*:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.bg-white {
  background: #ffffff !important;
}

.nav-link {
  color: #70706F;
}

.nav-link.active, .nav-link:focus, .nav-link:hover {
  color: #bd0f1f !important;
}

.nav-tabs .nav-link.active {
  background-color: #e2e2e2;
  border-bottom: #e2e2e2;
  font-weight: bold;
}

.tab-pane.active .tab-pane-header {
  padding: 2rem;
  background-color: #e2e2e2;
  border-top-right-radius: .5rem;
  border-top-left-radius: .5rem;
  margin-bottom: 1rem;
}

.tab-pane:first-child .tab-pane-header {
  border-top-left-radius: 0;
}

body.dashboard table {
  width: 100%;
  border-collapse: collapse;
}
body.dashboard table tr td, body.dashboard table tr th {
  padding: 7px 0;
  border: none;
}
body.dashboard table tr td.start, body.dashboard table tr th.start {
  text-align: center;
}
body.dashboard table tr td.aktiv, body.dashboard table tr th.aktiv {
  text-align: center;
}
body.dashboard table tr td.aktiv.gruen, body.dashboard table tr th.aktiv.gruen {
  color: #009900;
}
body.dashboard table tr td.aktiv.rot, body.dashboard table tr th.aktiv.rot {
  color: #FF0000;
}
body.dashboard table tr td.right, body.dashboard table tr th.right {
  text-align: right;
}
body.dashboard table tr td.left, body.dashboard table tr th.left {
  text-align: left;
}
body.dashboard table tr:nth-child(2n) {
  background: #FAFAFA;
}
body.dashboard table th {
  font-weight: bold;
}
body.dashboard .stelle .name {
  width: 550px;
}
body.dashboard .stelle .funktion {
  width: 150px;
}
body.dashboard ul.stellentyp_auswahl {
  width: 250px;
}
body.dashboard ul.stellentyp_auswahl li {
  display: block;
}
body.dashboard ul.stellentyp_auswahl li a {
  float: right;
}