body {
  padding-bottom: 40px;
  background-color: #ffffff;
}
.form-signin-heading, .form-signup-heading {
	color: #000000;
}
.form-signin-text {
	color: #000000;
}
.form-signin, .form-signup {
  max-width: 330px;
  padding: 125px 15px 15px 15px;
  margin: 0 auto;
}
.form-newer{
  max-width: 330px;
  padding: 15px 15px 15px 15px;
  margin: 0 auto;
}
.form-signout {
  max-width: 330px;
  padding: 15px 15px 15px 15px;
  margin: 0 auto;
}
.form-new {
  max-width: 600px;
  padding: 15px 15px 15px 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading, .form-signup .form-signup-heading,
.form-signin .checkbox, .form-signup .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox, .form-signup .checkbox{
  font-weight: normal;
}
.form-signin .form-control, .form-signup .form-control, .form-new .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus, .form-signup .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"], .form-signup input[type="text"], .form-new input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"], .form-signup input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin .btn, .form-signup .btn, .form-signout .btn {
  margin-bottom: 10px;
}
#footer {
   position:absolute;
   padding-top: 25px;
   bottom:0;
   width:100%;
   height:60px;
   background:#eee;
   text-align: center;
}
#footer_log {
   position:absolute;
   padding-top: 25px;
   bottom:0;
   width:100%;
   height:220px;
   background:#eee;
   text-align: center;
}
.login_wrapper {
	padding-top: 0px;
	padding-bottom: 25px;
	padding-right: 30px;
	margin-bottom: 20px;
	background-color: #eee;
	text-align: right;
	min-height: 70px;
}
.right {
	padding-top: 25px;
}
#header > a  > img {
	width: 230px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}

.logo > a  > img {
	float: right;
	padding-top: 15px;
	padding-left: 10px;
	height: 55px;
	
}

.no_link {
	color: #333333;
}
.no_link:hover,
.no_link:focus {
	color: #333333;
	text-decoration: none;
}

.col-sm-1.detail {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;

}
.col-sm-2.detail {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;

}
.col-sm-4.detail {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
}
.col-sm-6.detail {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
}
.col-sm-8.detail {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
}
.col-sm-10.detail {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
}

.col-sm-1.detail_hd{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #8F8F8F;
	color: #ffffff;
}
.col-sm-2.detail_hd{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #8F8F8F;
	color: #ffffff;
}
.col-sm-4.detail_hd{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #8F8F8F;
	color: #ffffff;
}
.col-sm-6.detail_hd{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #8F8F8F;
	color: #ffffff;
}
.col-sm-8.detail_hd{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #8F8F8F;
	color: #ffffff;
}
.col-sm-10.detail_hd{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #8F8F8F;
	color: #ffffff;
}

.col-sm-1.detail_hdb{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #BCBABA;
	color: #ffffff;
}
.col-sm-2.detail_hdb{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #BCBABA;
	color: #ffffff;
}
.col-sm-4.detail_hdb{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #BCBABA;
	color: #ffffff;
}
.col-sm-6.detail_hdb{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #BCBABA;
	color: #ffffff;
}
.col-sm-8.detail_hdb{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #BCBABA;
	color: #ffffff;
}
.col-sm-10.detail_hdb{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #BCBABA;
	color: #ffffff;
}

.col-sm-2.detail_act {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #428CCA;
	color: #ffffff;
}
.col-sm-4.detail_act {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #428CCA;
	color: #ffffff;
}
.col-sm-6.detail_act {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #428CCA;
	color: #ffffff;	
}

.col-sm-2.detail_actb{
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #42A0EF;
	color: #ffffff;
}
.col-sm-4.detail_actb {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #42A0EF;
	color: #ffffff;
}
.col-sm-6.detail_actb {
	font-size: 16px;
	padding: 10px;
    border: 1px solid #D8D8D8;
	background-color: #42A0EF;
	color: #ffffff;	
}


.col-sm-1.button {
	padding-left: 2px;
	padding-right: 2px;
}
.col-sm-2.button {
	padding-left: 2px;
	padding-right: 2px;	
}
.col-sm-12.button {
	padding-left: 2px;
	padding-right: 2px;	
}




/* Spalten einer Zeile gleich hoch */
.row {
  /*display: flex;
  flex-wrap: wrap;*/
}
.row  > [class*='col-'] {
  /*display: flex;
  flex-direction: column;*/
}


.table-responsive {
	height: 480px;
    overflow-y: auto;
	
}
.ui-autocomplete {
	max-height: 500px;
    overflow-y: auto;
	overflow-x: hidden;
}
.new_password {
	padding-right: 15px;
	
}
.col-sm-2.input {
	font-size: 16px;
	padding: 1px;
    border: 1px solid #D8D8D8;	
}
.col-sm-4.input {
	font-size: 16px;
	padding: 1px;
    border: 1px solid #D8D8D8;	
}
.col-sm-8.input {
	font-size: 16px;
	padding: 1px;
    border: 1px solid #D8D8D8;	
}
.col-sm-10.input {
	font-size: 16px;
	padding: 1px;
    border: 1px solid #D8D8D8;	
}
.form-control {
	height: 40px;
	font-size: 16px;
}

@media all and (max-width: 450px){
	.logo  {
		visibility: hidden;
		display: none;
	}

}