body {
	background-color: var(--background_color);
	color:#212121;
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
	line-height:140%;
}
.clear {
	clear:both;
}
input, select, option {
	font-family: 'Source Sans Pro', sans-serif;
	padding:0 3px;
	font-size:100%;
}
textarea {
	font-family: 'Source Sans Pro', sans-serif;
	padding:0 3px;
	font-size:100%;
}
a {
	text-decoration:none;
}
#top {
	margin-top:6px;
	padding:3px 20px;
	width:auto;
	background-color:#242529;
	position:relative;
	color:#fff;
	text-align:right;
	display:block;
}
#top a {
	color:#fff;
}
#ibs_container {
	width:auto;
	height:auto;
	display:block;
}
.head-font {
	font-size:120%;
	display:block;
	margin-bottom:20px;
}
ul#nav {
	width:100%;
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-evenly;
	background:#242529;
	position:relative;
	margin:0;
	padding:0;
}

ul#nav li {
	margin:0 10px;
	display:block;
	color:#fff;
}
ul#nav li a {
	display:block;
	padding:20px;
	color:#fff;
}
ul#nav li a:hover  {
	display:block;
	padding:20px;
}
ul#nav li a:hover, .dropdown:hover .dropbtn  {
	background-color:#3496CC;
}
ul#nav li ul.submenu {
	display:block;
	position:absolute;
	width:150px;
	height:auto;
	background:#3496CC;
	list-style:none;
	padding:0;
	margin:0;
	z-index:999;
	display:none;
}
ul#nav li:hover ul.submenu {
	display:block;
}
ul#nav li ul.submenu li {
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}
ul#nav li ul.submenu a {
	display:block;
	list-style:none;
	padding:10px 20px;
	margin:0;
}
ul.submenu li:hover ul#nav li a  {
	background:#3496CC;
}
#navigation {
	display:block;
	background-color:#434343;
	color:#FFF;
	height:auto;
	margin:0;
	width:230px;
	padding:0;
	float:left;
}
#navigation li {
	margin:0;
	display:block;
	list-style:none;
	cursor:pointer;
	/* border-bottom:1px solid #777; */
	border-top:1px solid #555;
}
#navigation a {
	color:#fff;
	text-decoration:none;
	padding:5px 10px;
	display:block;
}
#navigation li.sub {
	background-color:#666;
}
#navigation li.sub a {
	padding:5px 10px 5px 20px;
}
#navigation li:hover {
		background-color:#3496CC;
}
#content {
	width:auto;
	min-height:500px;
	padding:0 20px;
	margin:10px 0 0;
	display:block;
}
#header {
	margin-top:30px;
	height:54px;
	display:block;
	margin-right : 20px;
	margin-left : 20px;
}
#header #logo {
	float:right;
	margin-bottom:20px;
	
}
.benutzerliste {
	padding:0;
	margin:0;
}
.benutzerliste li {
	padding:5px;
	margin:10px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	display:block;
	list-style:none;
}
.benutzerliste li span {
	float:right;
	margin-left:48px;
}
.benutzerliste li strong {
	float:right;
	margin-right:190px;
	font-weight:normal;
}
.buttonNew {
	padding:2px;
	border:1px solid #32CD32;
	border-radius:3px;
}
a .buttonNew {
	text-decoration:none;
	color:#212121;
}
.buttonNew img {
	margin-bottom:-7px;
}
.editUserCol {
	width:50%;
	float:left;
}
.editUserCol span {
	display:block;
}
.editUserColWide {
	width:100%;
	float:left;
}
.editUserColWide span {
	display:block;
}
.editUserCol input, .editUserCol select, .editUserCol option {
	width:80%;
}
.editUserCol textarea {
	width:80%;
	height:160px;
}
.editUserColWide {
	width:100%;
	float:left;
}
.editUserColWide textarea {
	width:90%;
	height:160px;
}
.editUserRow {
	margin-bottom:16px;
}
.search-objects {
	float:right;
	margin:0;
}
.search-objects-cont {
	margin:16px 0;
}
.news-items {
	display:block;
	margin-bottom:20px;
}
.news-items strong {
	font-size:112%;
}
.news-items span {
	font-size:90%;
	color:#666;
}
.news-items p {
	margin:3px 0;
}
.erfolgreich {
	display:block;
}
#loginContainer {
	width:210px;
	height:70px;
	position:absolute;
	right:0;
	bottom:-80px;
	background-color:#242529;
	border-radius:0 0 0 20px;
	padding:0 0 10px 8px;
	color:#fff;
}
#loginContainer .send {
	float:right;
	margin:0;
	padding:0;
	margin-top:2px;
}
#loginContainer .buttons {
	width:170px;
}
#loginContainer a {
	color:#fff;
	text-decoration:underline;
}
#loginContainer a:hover {
	color:#ddd;
}
pre {
	width:600px;
	height:auto;
	white-space:pre-line;
}
.antraege {
	width:100%;
	height:auto;
}
.antraege h3 {
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-size:140%;
	color:#212121;	
	letter-spacing:-1px;
}
.antraege h4 {
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-size:100%;
	color:#212121;	
}
.antraege .container {
	border:2px solid #e1e009;
	width:auto;
	height:auto;
	margin-bottom:5px;
}
.antraege .container .headline {
	background-color:#e1e009;
	width:auto;
	height:auto;
	padding:5px;
	text-align:center;
	font-weight:bold;
}
.antraege .container .subheadline {
	width:auto;
	height:auto;
	padding:5px 5px 10px;
	font-weight:bold;
	display:block;
}
.antraege .container .row {
	width:auto;
	height:auto;
	padding:5px;
	display:block;
}
.antraege .container .row .col {
	width:32%;
	height:auto;
	display:block;
	margin-left:1%;
	float:left;
}
.antraege .container .row .col.last {
	margin-right:0%;
}
.antraege .container .row .col input {
	display:block;
	border:0;
	border-bottom:1px solid #212121;
	width:95%;
	font-size:100%;
}
.antraege .container .row .col strong {
	display:block;
	border:0;
	border-bottom:1px solid #212121;
	font-size:100%;
	font-weight:normal;
}
.antraege .container .row .col span {
	display:block;
	border:0;
	width:100%;
	margin-top:-4px;
	margin-bottom:5px;
	font-size:80%;
}
.antraege .container .row .col input.radio {
	width:auto;
	margin:0;
	padding:0;
	display:inline;
}
.erfolgreich, .fehler {
	width:auto;
	height:auto;
	background-color:#5BA617;
	padding:10px;
	margin-bottom:10px;
	color:#fff;
}
.fehler {
	background-color:#E4151F;
}
#failed {
	border:1px solid #E4151F;
	background-color:#FF9090;
}
.antraege .container .row input[type=radio] {
	margin:0;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 200px;
}

.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	font-size:80%;
} 
input[type=radio]:checked + label:before {  
    content: "\2022";  
    color: #f3f3f3;  
    font-size: 30px;  
    text-align: center;  
    line-height: 10px;  
}  
.radiofailed {  
  color:#E4151F;   
} 
.FeldGruppe {
	border-radius : 6px;
	border:3px solid #A3A3A3;
	max-width : 75%;
}
.Feld {
	margin : 15px;
}
.antrag .subnav {
	width:auto;
	height:auto;
	list-style:none;
	margin:0;
	padding:0;
	margin-bottom:18px;
	float:left;
}
.antrag .subnav li {
	width:auto;
	height:auto;
	list-style:none;
	margin:0 18px 0 0;
	float:left;
	padding:0;
	border:1px solid #aaa;
}
.antrag .subnav li a {
	padding:3px;
	color:#212121;
}
.antrag .suche {
	float:right;
	width:300px;
	height:auto;
	text-align:right;
}
.antrag .suche input[type="text"] {
	border:0;
	border-bottom:1px solid #212121;
	width:auto;
	font-size:100%;	
}
.antrag .Liste, .bonitaetspruefung .Liste {
	width:100%;
	height:auto;
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
.antrag .Liste li, .bonitaetspruefung .Liste li {
	width:100%;
	height:auto;
	display:block;
	list-style:none;
	padding:10px 0;
	border-bottom:1px solid #dcd;
}
.antrag .Liste li .strasse, .antrag .Liste li .hausnummer, .antrag .Liste li .postleitzahl, .antrag .Liste li .ort, .antrag .Liste li .energieart, .antrag .Liste li .zaehlernummer,
.bonitaetspruefung .Liste li .strasse, .bonitaetspruefung .Liste li .hausnummer, .bonitaetspruefung .Liste li .postleitzahl, .bonitaetspruefung .Liste li .ort, .bonitaetspruefung .Liste li .energieart, .bonitaetspruefung .Liste li .zaehlernummer {
	width:auto;
	height:auto;
	float:left;
	min-height:5px;
}
.antrag .Liste li .strasse, .bonitaetspruefung .Liste li .strasse {
	width:30%;
}
.antrag .Liste li .hausnummer, .bonitaetspruefung .Liste li .hausnummer {
	width:5%;
}
.antrag .Liste li .postleitzahl, .bonitaetspruefung .Liste li .postleitzahl {
	width:10%;
}
.antrag .Liste li .zaehlernummer, .bonitaetspruefung .Liste li .zaehlernummer {
	display: block;
	width: 100%;
	font-weight: bold;
}
.antrag .Liste li .ort, .bonitaetspruefung .Liste li .ort {
	width:15%;
}
.antrag .Liste li .energieart, .bonitaetspruefung .Liste li .energieart {
	width:5%;
}
.statistik .monatlichrow {
	width:auto;
	height:auto;
	display:block;
}
.statistik .monatlichrow .col {
	width:15%;
	height:auto;
	margin-right:1.5%;
	float:right;
}
.statistik .monatlichrow .col strong {
	display:block;
}
.statistik .monatlichrow .col span {
	display:block;
	font-size:140%;
}
.BtnAktionen {
	width:auto;
	height:auto;
	padding-top:2px;
	padding-left:5px;
	float:right;
}
.BtnEigeneAktionen {
	width:auto;
	height:auto;
	float:right;
	border:1px solid #dcd;
	border-radius:5px;
	background-color:#F2F5A9;
}
.BtnEigeneAktionen a {
	padding:2px 5px;
	display:block;
	font-style:italic;
	color:#444;
}
.stammdaten ul.anzeige {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	font-size:90%;
}
.stammdaten ul.anzeige li {
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	margin-bottom:5px;
}
.stammdaten ul.anzeige li .position {
	font-weight:bold;
	background-color:#434343;
	width:4%;
	float:left;
	padding:0.2% 0;
	text-align:center;
	color:#efefef;
}
.stammdaten ul.anzeige li .bezeichnung {
	font-weight:normal;
	background-color:#666;
	width:30%;
	float:left;
	padding:0.1% 0.5%;
	text-align:left;
	color:#efefef;
	margin-left:1%;
}
.stammdaten ul.anzeige li .typ {
	font-weight:normal;
	background-color:#666;
	width:22%;
	float:left;
	padding:0.1% 0.5%;
	text-align:left;
	color:#efefef;
	margin-left:1%;
}
.stammdaten ul.anzeige li .energieart {
	font-weight:normal;
	background-color:#666;
	width:8%;
	float:left;
	padding:0.1% 0.5%;
	text-align:left;
	color:#efefef;
	margin-left:1%;
}
.stammdaten ul.anzeige li .gruppe {
	font-weight:normal;
	background-color:#666;
	width:22%;
	float:left;
	padding:0.1% 0.5%;
	text-align:left;
	color:#efefef;
	margin-left:1%;
}
.stammdaten ul.anzeige li .titel {
	font-weight:bold;
	background-color:#434343;
	width:93%;
	float:left;
	padding:0.1% 0.5%;
	text-align:left;
	color:#efefef;
}
.stammdaten ul.anzeige li:hover div {
	background-color:#3496CC;
}
@media all and (max-width: 850px) {
   ul#nav {
		flex-direction: column;
		justify-content: space-around;
	}
	ul#nav li a {
		display:block;
		padding:8px 20px;
		color:#fff;
	}
	ul#nav li a:hover  {
		display:block;
		padding:8px 20px;
	}
	ul#nav li a:hover, .dropdown:hover .dropbtn  {
		background-color:#3496CC;
	}
	ul#nav li ul.submenu {
		display:block;
		position:absolute;
		width:auto;
		display:block;
		height:auto;
		background:#3496CC;
		list-style:none;
		padding:0;
		margin:0;
		z-index:999;
		display:none;
	}
	ul#nav li:hover ul.submenu {
		display:block;
	}
	ul#nav li ul.submenu li {
		display:block;
		list-style:none;
		padding:0;
		margin:0;
	}
	ul#nav li ul.submenu a {
		display:block;
		list-style:none;
		padding:10px 20px;
		margin:0;
	}
	ul.submenu li:hover ul#nav li a  {
		background:#3496CC;
	}
	#Editor {
		
	}
	.Gruppenleiste {
		display : flex;
	}
	.Formulargruppe {
		min-width : 700px;
	}
	.GruppenStelle {
		margin : 1px;
		color : white;
		background-color : gray;
		height : 30px;
		font-weight : bold;
		font-size : 20px;
		text-align : central;
		width : 80px;
	}
	.FormulargruppeName {
		color : white;
		background-color : gray;
		height : 30px;
		font-weight : bold;
		font-size : 20px;
		margin : 1px;
	}
	.FormularFeld {
		display : flex;
		margin-left : 20px;
		box-sizing : border-box;
		height : 30px;
	}
	.FormularFeld:hover {
		background-color : blue;
	}
	.FeldStelle {
		color : white;
		background-color : gray;
		height : 30px;
		font-size : 18px;
		text-align : central;
		width : 80px;
		margin : 1px;
	}
	.feldTyp {
		color : white;
		background-color : gray;
		height : 30px;
		font-size : 18px;
		text-align : central;
		margin : 1px;
	}
	.FeldInhalt {
		color : white;
		background-color : gray;
		height : 30px;
		font-size : 18px;
		text-align : central;
		margin : 1px;
	}
	.Pflichtfeld_Checkbox {
		color : white;
		background-color : gray;
		height : 30px;
		font-size : 18px;
		margin : 1px;
		display : flex;
	}
	
	}canvas{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
    body > .grid {
      height: 100%;
    }
    .image {
      margin-top: -100px;
    }
    .column {
      max-width: 450px;
    }
	img.image {
	  width:230px !important;
	}