.table {
  display:table;
	width:100%;
	border-spacing:2px 2px;
	font-size:1.4em;
}
.table .headline{
	font-weight:600;
	vertical-align:top;
}

.table div {
    display:table-row;

}
.table div div {
    display:table-cell;
	/*width:25%;*/
	font-size:0.75em;
	background:#F8F5F5;
	padding:7px;
}
.table_cell_header{
	font-weight:700;
}
.tb_aktiv {
	color:#42BC35;
}
.tb_inaktiv {
	color:#ff0000;
}

td,th {
  font-size: 14px;
}


.logo{
	margin-top: 30px;
  margin-left: 20px;
  width: 550px;
  float: left;
}

.filialwahl{
  text-align: center;
}
.filialschild {
  /*margin-top: -30px;*/
  float:right;
  margin-right: 50px;
}

.hilight_gruen {
    color: #2EBF2D;
    font-weight: bold;
}
.hilight_rot {
    color: #ff0000;
    font-weight: bold;
}
.bold {
    font-weight: bold;
}
.border {
    border-bottom: 1px solid #000;
}
.border_weiss {
    border-bottom: 1px solid #fff;
}
/*------------------------------------------------------------------
[6. Widget / .widget]
*/

.widget {

    position: relative;
    clear: both;

    width: auto;

    margin-bottom: 2em;

    overflow: hidden;
}

.widget-header {

    position: relative;

    height: 55px;
    line-height: 40px;

    background: #f9f6f1;
    background:-moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Opera11.10+ */
    background:-ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* IE10+ */
    background:linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')";


    border: 1px solid #d6d6d6;


    -webkit-background-clip: padding-box;
}

.widget-header h3 {

    position: relative;
    top: 2px;
    left: 10px;

    display: inline-block;
    margin-right: 3em;

    font-size: 14px;
    font-weight: 800;
    color: #525252;
    line-height: 18px;

    text-shadow: 1px 1px 2px rgba(255,255,255,.5);
}

.widget-header [class^="icon-"], .widget-header [class*=" icon-"] {

    display: inline-block;
    margin-left: 13px;
    margin-right: -2px;

    font-size: 16px;
    color: #555;
    vertical-align: middle;



}




.widget-content {
    padding: 20px 15px 15px;

    background: #FFF;


    border: 1px solid #D5D5D5;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.widget-header+.widget-content {
    border-top: none;

    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.widget-nopad .widget-content {
    padding: 0;
}

/* Widget Content Clearfix */
.widget-content:before,
.widget-content:after {
    content:"";
    display:table;
}

.widget-content:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.widget-content {
    zoom:1;
}

/* Widget Table */

.widget-table .widget-content {
    padding: 0;
}

.widget-table .table {
    margin-bottom: 0;

    border: none;
}

.widget-table .table tr td:first-child {
    border-left: none;
}

.widget-table .table tr th:first-child {
    border-left: none;
}


/* Widget Plain */

.widget-plain {

    background: transparent;

    border: none;
}

.widget-plain .widget-content {
    padding: 0;

    background: transparent;

    border: none;
}


/* Widget Box */

.widget-box {

}

.widget-box .widget-content {
    background: #E3E3E3;
    background: #FFF;
}




#espas{
  float: left;
  margin-left: 200px;
}

#form{
	width:60%;
}
#merkliste_show{
	width: 30%;
	float: right;
	padding: 10px;
	background: #337ab7;
	color: #fff;
}
#spalte_links{
	display:table;
	width:70%;
	border-spacing:2px 2px;
	float:left;
}

.rahmen{
	background: #F6F6F6;
	padding: 10px;
	border: #E4D5D0 1px solid;
	border-radius: 3px;
	margin-bottom: 10px;
}


.btn-primary{
	background: #BB3E48;
	color: #fff;
}
.dbkasten{

	width:40%;
	float:left;
	border:#cccccc 1px solid;
	margin:5px;
	padding:10px;
	line-height:20px;
}
.dbkasten h1{
	font-size:1.3em;
	color:#7F7F7F;
}
.dbkasten span{
	color:#666666;
	font-size:0.8em;
}

/* Navigation links */


.navbar-fixed-left {
  width: 230px;
  position: fixed;
  border-radius: 0;
  height: 100%;
	float: left;
}

.navbar-fixed-left .navbar-nav > li {
  float: none;  /* Cancel default li float: left */
  width: 200px;
}

.navbar-fixed-left + .container {
  padding-left: 60px;
}

/* On using dropdown menu (To right shift popuped) */
.navbar-fixed-left .navbar-nav > li > .dropdown-menu {
  margin-top: -50px;
  margin-left: 170px;
}

.form-group {
	margin-top: 10px;
}

#clear{
	clear: both;
}



#titelzeile{
	background: #FFD581;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 30px;
	padding-left: 30px;
}
#titelzeile_rechts {
	float: right;
}

.modal-dialog{
  width: 800px !important;
}

.kc_titel {
  font-size: 1.6em;
  font-weight: 500;
  float: left;
  padding-bottom: 12px;
}
.kc_rahmen {
  min-height: 270px !important;
  box-shadow: 3px 3px 3px grey !important;
}
.kc_inner {
  padding: 0 !important;
}
.kc_neutral {
  background: #D2E1B6 !important;
}
.kc_frau{
  background: #F9DCF0 !important;
}
.kc_herr{
  background: #DEE6F1 !important;
}
.kc_button {
  padding-top: 0  !important;
  padding-bottom: 0  !important;
  background: #ff0000  !important;
  border-radius: 0px !important;
  color: #ffffff !important;
}

.kc_button_ok {
  padding-top: 0  !important;
  padding-bottom: 0  !important;
  background: #6DD900  !important;
  border-radius: 0px !important;
  color: #000 !important;
}

.kc_tdklein {
  font-size: 0.875em;
  height: 25px;
}
.kc_tdgross{
  font-size: 1em;
}
.kc_linie {
  border: 0; height: 1px; background: #ccc; background-image: linear-gradient(to right, #ccc, #ccc, #ccc);
}
.kc_link a,.kc_link{
  color: #000000 !important;
}
.kc_link_kl a,.kc_link_kl{
  font-size: 0.875em !important;
  text-decoration: underline !important;
}
.kc_status {
  width:15px;
  height: 15px;
  margin-top:-8px;
}

.kc_button_kl {
  float: right;
}
.vlinie{
  border-left: 1px solid #000;
}
.pleft{
  padding-left:10px  !important;
}

#iconbox {
  background: #43a6b6;
  min-height: 80px;
  padding: 10px 0px 10px 0px;
}
#iconbox img:hover{
  box-shadow: 3px 3px 2px grey;
}
#mediengalerie {
  margin: 10px 10px 10px 0px; 
  height: 50vH;
}
  #mediengalerie .box {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border: 1px solid #cccccc; }
  #mediengalerie .imagebox {
    margin: 1px; text-align: center; }
#mediengalerie .imagebox img {width: 99%;}

#mediengalerie_auswahl {
  margin: 10px 10px 10px 0px;
  display: block;
  clear: both; }
  #mediengalerie_auswahl .box {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 1px solid #cccccc; }
  #mediengalerie_auswahl .box:hover {
    border: 1px solid #000000;
    cursor: pointer; }


#inhalte{
	background: #F3F7F7;
	padding: 10px;
}

#inhalte .beitrag{
	width: 49%;
	float: left;
	padding: 15px;
}

.ampel {
  /*float: right;*/
}


.col-3 {
    width: 30%;
}
.col-3:nth-child(3n + 1) {
    clear: both;
    margin-left: 0;
}
.col {
    margin-left: 3%;
    float: left;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 20px;
}
.col:first-child {
    margin-left: 0;
	padding-right: 0px;
}





#inhalte .kasten_home{
	text-align: center;
	padding:0 40px;
	margin-bottom: 50px;
	margin-top: -35px;
}

.toplinks ul,li{
	list-style: none;
	list-style-position: inherit;
}
.toplinks ul{
	margin-left: -20px;
}


.funkyradio div {
  clear: both;
  overflow: hidden;
	width: 150px;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}


.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */

    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
	text-indent: 0;
}


#startbilder {
    width: 100%;
    /*margin: 0 auto;*/
}

.jbcol-6{
  width: 48%;
}
.statistik_zellen{
  text-align: center;
}

.highlight{
  background:#00ff00;
  font-weight:bold;
  padding:2px;
}

.tr_highlight{
  background: #06c406 !important;
  transition: all 0.5s ease-in-out;
}

.texthighlight{
  color:#42BC35;
}
.textnonhighlight{
  color: #ff0000;
}

#kommentare {
  height: 435px;
  overflow: scroll;
}

#vertragsrapport {
  background: #f0c54e;
  padding: 10px;
  display: none;
}
#checkgeprueft_hinweise {
  float: right;
}

#suchformular {
  width: 90%;
}



.dropzone_rahmen { width: 100%; background: #39aa40; padding: 10px; }

.dropzone { width: 100%; height: 60px; border: 2px dashed #fff; color: #fff; line-height: 60px; text-align: center; margin: 0 auto; }

.dragover { border-color: #000; color: #000; }

.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile + label { font-size: 1.1em; font-weight: 500; color: white; background-color: #288BCC; display: inline-block; padding: 5px; }
.inputfile:focus + label { background-color: red; }
.inputfile + label { cursor: pointer; }
.inputfile + label:hover { background-color: red; }

#uploads { margin-top: 20px; }