/* --------- ANCHOR
================================================== */
[id*="Anchor-"],
[id*="ID"],
.anchor {
	top: 130px
}
@media (max-width: 767px) {
	[id*="Anchor-"],
	[id*="ID"],
	.anchor {
		top: 60px
	}
}
/* --------- end ANCHOR -------- */




body {
    background-color: #f8f8f8;
    font-family: 'opensans', sans-serif;
	font-weight: normal;

}


/* --------- AUFBAU
================================================== */
#wrapper {
    width: 100%;
}
.container.content {
	width: auto !important
}
.content {
    padding: 1.5em 15px 3em 15px;
    min-height: 568px;
    background-color: #fff;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    max-width: 1100px;
	}
.content.bg-content {
	box-shadow: none
	}
@media(min-width:768px) {
    .content {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 3em 30px 4em 30px;
        border-left: 1px solid #e7e7e7;
    }
}
.admin-footer {
	text-align: center;
	padding: 2.5em 1em 1em 1em;
	color: #aaa;
	font-size: 85%
}

.carousel-wrapper {
	width: 100%;
	max-width: 100%;
	float: left
	}
.carousel-wrapper .container {
	width: 100%;
	max-width: 100%;
	}
/* --------- end AUFBAU -------- */






/* --------- SONSTIGES / TEXT
================================================== */
h1, h2, h3, h4, h5, h6 {
	margin-top: 2em;
	margin-bottom: .5em;
	font-weight: bold;
}
h1 		{ color: #0099ff; text-transform: uppercase;
		margin-top: 0 !important; padding-top: 0; padding-bottom: .3em; margin-bottom: 1.2em !important;
		border-bottom: 1px solid #ddd !important;
		line-height: 1.2em
		 }
h2 		{ font-size: 250%; color: #000; margin-top: 1.5em; margin-bottom: 1em  }
h3 		{ font-size: 185% !important; color: #0099ff; font-size: 140% }
h4 		{  }
h5 		{ color: #0099ff }
h6 		{ color: #0099ff }


@media  (max-width:992px) {
	h2	{ font-size: 200% !important }
	h3	{ font-size: 165% !important }
	}


form h1 	{ margin: 0 0 1.2em 0 !important }
form h2 	{ margin: 0 0 1.2em 0 !important }
form h3,
form h4,
form h5,
form h6 	{ margin-bottom: .7em !important }


a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
	color: #0099ff !important;
	}
a h1:hover,
a h2:hover,
a h3:hover,
a h4:hover,
a h5:hover,
a h6:hover, {
	color: #0066cc !important;
	text-decoration: underline
	}


small {
	font-weight: normal;
	}



a 		{ color: #0099ff }
a:hover { color: #0066cc; text-decoration: none }


p 		{ font-weight: normal !important }
p i 	{ width: 25px }


b	{
	font-weight: bold;
	}

a b,
b a 		{ color: #0099ff; font-weight: bold }
a b:hover,
b a:hover 	{ color: #0066cc;  text-decoration: underline; font-weight: bold }



blockquote		{ color: #0099ff}
blockquote cite { color: #888 }



.txt_s	{ font-size: 80% !important }
.txt_xs	{ font-size: 75% !important }

.fa.gray,
.fa.grau,
.fa.text-gray,
.fa.text-grau { color: #bbb !important }


.hr-s,
.hr-xs {
	border-color: rgba(0, 0, 0, 0.15)
	}
.hr-xs {
	padding: 0;
	margin: 0;
	padding-bottom: .6em;
	margin-top: -.5em
	}



.show-grid [class*="col-"] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}



.pfeil {
	clear: both;
	margin-bottom: .5em;
	}
.pfeil:before {
	content: "\f105";
    font-family: 'FontAwesome';
	margin-right: .4em;
	}


.clearer {
	clear: both
}


.bg-content.border,
.well.border,
.bildrahmenmitte.border,
.bild-top.border {
	border-top: 5px solid #0099ff;
	background-image: none
	}


/* --------- end SONSTIGES / TEXT -------- */







/* --------- LISTEN
================================================== */
.content ul a {
	color: #0099ff;
	}
.content ul a:hover {
	color: #0066cc;
	}
.content ul li:before {
	color: #0099ff;
	}
.content ul li:hover:before {
	color: #0066cc;
	}
.content ul.list-inline li a.active {
	background: #0099ff;
	}
.content ul.list-inline li a.active:hover {
	background: #0066cc;
	}

.underline li a:after{
	background: #0099ff;
	}
/* --------- end LISTEN -------- */



/* ----- LISTEN / FILEICONS -------------
================================================== */
.content ul a {
	color: #0099ff;
	}
.content ul a:hover {
	color: #0066cc;
	}
.content ul li:before {
	color: #0099ff;
	}
.content ul li:hover:before {
	color: #0066cc;
	}
/* --------- list-lines -------- */









/* --------- MENU
================================================== */
#sticky,
.navbar {
	position: relative !important;
	border: none !important;
	z-index: 100;
	}
nav {
	position: fixed !important;
	width: 100% !important;
	}


.navbar-header {
	position: fixed !important;
	width: 100%;
	height: 50px;
	z-index: 10;
	border: none !important;
	box-shadow: 0 0 .9em rgba(0, 0, 0, 0.4);
	background: #0099ff !important;
	}

.navbar-brand {
		font-size: 185%;
		}
	.navbar-brand b {
		text-transform: uppercase;
		font-weight: bold !important;
		border-right:  1px solid rgba(255, 255, 255, 0.7);
		padding-right: .5em;
		margin-right: .5em;
		color: #eee !important;
		font-size: 85%;
		}
	.navbar-brand:hover b {
		color: #fff !important;
		text-decoration: none
		}
	.navbar-brand a {
		color: rgba(255, 255, 255, 0.8) !important;
		letter-spacing: .05em;
		font-weight: 300 !important;
		}
	.navbar-brand a:hover {
		color: #fff !important;
		}
	@media(max-width: 767px) {
		.navbar-brand {
			margin-left:5px;
			font-size: 150%
			}
		.navbar-brand b {
			margin-right: .2em;
			}
		.navbar-brand a {
			letter-spacing: 0;
			}
	}


.navbar-top-links {
	position: fixed;
	right: 0;
	z-index: 100;
	}
	.navbar-top-links li {
		float: left;
		margin: 0 0 0 0;
		min-width: 65px;
		text-align: center;
		border: rgba(255, 255, 255, 0.15) 1px solid;
		border-top: none;
		border-bottom: none;
		}
	.navbar-top-links li {
	    display: inline-block;
		}
	.navbar-top-links li:last-child {
	    margin-right: 15px;
	    border-left: none
		}
	.navbar-top-links li a {
	    padding: 15px;
	    height: 50px;
	    color: #eee !important
		}

	.navbar-top-links li.dropdown.load {
		height: 50px;
		padding-top: .5em;
		font-size: 80%;
		line-height: 1.1em;
		color: rgba(255, 255, 255, 0.5);
		font-weight: bold
		}
	@media(max-width: 767px) {
		.navbar-top-links li.dropdown.load {
			padding-top: .8em;
			font-size: 75%;
			font-weight: normal
			}
		}
	@media(max-width: 350px) {
		.navbar-top-links li.dropdown.load {
			display: none
			}
		}


	.navbar-top-links li.dropdown > a:hover,
	.navbar-top-links li.dropdown > a:focus,
	.navbar-top-links li.dropdown .open {
	   	background: #0088ee !important;
	   	}
	.navbar-top-links .dropdown-menu li  {
		width: 100%
	   	}
	@media(max-width: 767px) {
		.navbar-top-links {
			right: 45px !important
			}
		.navbar-top-links li {
			min-width: 50px;
			}
		}



	.dropdown-toggle:hover,
	.dropdown-toggle:focus,
	open > .dropdown-toggle {
		background: #0088ee !important;
		color: #fff !important
	}


	.navbar-top-links .dropdown-menu li {
	    display: block;
	    text-align: left;
	}
	.navbar-top-links .dropdown-menu li:last-child {
	    margin-right: 0;
	}
	.navbar-top-links .dropdown-menu li a {
	    padding: .4em 20px !important;
	    color: #666 !important;
	     height: auto !important
	}
	.navbar-top-links .dropdown-menu li a div {
	    white-space: normal;
	}
	.navbar-top-links .dropdown-messages,
	.navbar-top-links .dropdown-tasks,
	.navbar-top-links .dropdown-alerts {
	    width: 310px;
	    min-width: 0;
	}

.navbar-toggle {
	background: #000;
	border-radius: 0;
	border: none;
	height: 50px;
	width: 60px;
	margin: 0;
	text-align: center;
	background: #0088ee
	}
.navbar-toggle .icon-bar {
	background: #fff !important;
	width: 27px;
	margin-top: 3px;
	margin-bottom: 5px;
	margin-left: 7px;
	height: 3px
	}
.navbar-toggle:hover {
	background: #0077dd !important
	}
/* --------- end MENU -------- */






.sidebar .sidebar-search {
    padding: 15px;
	}

.sidebar li.subline {
	padding-top: 0;
	padding-bottom: .2em;
	clear: both;
	float: left;
	font-weight: 600;
	border-bottom: none;
	color: #000;
	text-transform: none;
	letter-spacing: 0;
	font-size: 105%;
	margin: 2em 0 0 0
	}
.sidebar li.subline:hover {
	background: none
	}




.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
	float: left;
    clear: both;
    width: 100%;
    padding: .8em 15px;
    color: #666;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: .05em;
    font-size: 90%;
    line-height: 1.3em
	}
.sidebar ul li:hover {
    background: #eee;
    background-color: rgba(0, 154, 255, 0.1);
    }
.sidebar ul li a {
    float: left;
    background: none;
	color: #0099ff;
    margin: 0 -25px 0 0;
    padding: 0;
    }
.sidebar ul li a i {
	font-size: 14px;
	width: 25px;
	}
	.sidebar .nav-second-level i 	{ font-size: 13px }
	.sidebar .nav-third-level i 	{ font-size: 12px }

.sidebar ul li a:hover,
.sidebar ul li a:focus,
.sidebar ul li:hover a,
.sidebar ul li:hover a:hover {
	background: none
   }

.sidebar ul li a.active {
	background-color: rgba(0, 153, 255, 0.1);
    margin: -.8em -15px;
	padding: .8em 15px;
	width: calc(100% + 30px) !important;
	margin-right: -45px
	}


.sidebar ul li a.re {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	color: #aaa !important;
	}
.sidebar ul li a.re:hover {
	color: #0099ff !important;
	background: none
	}
.sidebar ul li a.re.active {
	background: none;
	color: #0099ff !important;
	position: absolute;
	right: 22px;
	top: .8em;
	width: 20px !important;
	}
.sidebar ul li a.re i {
	}
	.sidebar .nav-second-level .re i,
	.sidebar .nav-third-level .re i 	{ margin-top: 4px }





.sidebar a.dropdown {
	width: 100%
    }
.sidebar a.dropdown:after {
    content: "\f104";
    font-family: 'FontAwesome';
    float: right;
    right: 6px;
    position: absolute
	}
.sidebar .active > a.dropdown:after {
    content: "\f107";
    font-family: 'FontAwesome';
	}






.sidebar .nav-second-level,
.sidebar .nav-third-level {
   margin-top: 25px;
   margin-left: 33px;
   }
.sidebar .nav-third-level {
   margin-left: 20px;
   }

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0 !important;
    line-height: .8em;
    padding: 0;
    margin-bottom: 2px;
    clear: both
	}

	 .sidebar .nav-second-level li a,
	 .sidebar .nav-third-level li a {
	  	padding: .5em;
	   	}
	.sidebar .nav-second-level li a:hover,
	.sidebar .nav-third-level li a:hover {
		background-color: rgba(0, 153, 255, .08);
		}
	.sidebar .nav-second-level li a.active,
	.sidebar .nav-third-level li a.active {
		background-color: rgba(0, 153, 255, .2);
		margin: 0;
		padding: .5em 6px .5em 6px;
		width: 100% !important;
		margin-right: -30px
		}
	.sidebar .nav-second-level li a.active:hover,
	.sidebar .nav-third-level li a.active:hover {
		background-color: none;
    	}

	 .sidebar .nav-second-level li a.active i,
	.sidebar .nav-third-level li a.active i {
		position: absolute;
		top: -.7em;
		right: 15px
		}


.sidebar .divider {
	}
.sidebar .divider:hover {
    background: none
	}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
    .sidebar .sidebar-nav.navbar-collapse {
	    padding-right: 0;
	    padding-left: 0;
		}
}
@media(max-width: 767px) {
	.sidebar {
		margin-top: 50px !important;
	}
	.sidebar h4 {
		margin-top: 1.5em !important;
		margin-bottom: .2em
	}
	.sidebar .sidebar-nav.navbar-collapse {
		border-bottom: 1px solid #ccc;
		box-shadow: 0 .3em .5em rgba(0, 0, 0, 0.2)
		}

	.sidebar-nav {
	  max-height: 500px !important;
	}
}
/* --------- end SIDEBAR -------- */






/* --------- BUTTONS
================================================== */
.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
	}
.btn-primary.btn-outline {
	   color: #428bca;
	}
.btn-success.btn-outline {
    color: #5cb85c;
	}
.btn-info.btn-outline {
    color: #0099ff;
    background: none
	}
.btn-info.btn-outline:hover {
   background: rgba(0, 153, 255, 0.9);
	}
.btn-warning.btn-outline {
    color: #f0ad4e;
	}
.btn-danger.btn-outline {
    color: #d9534f;
	}


.btn-info {
    background: #0099ff;
	border-color: rgba(0, 0, 0, .1)
	}
.btn-info:hover {
    background: #0088ee;
    border-color: rgba(0, 0, 0, .1);
	}


.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
	}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
	}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
	}
/* --------- end BUTTONS -------- */











/* --------- FARBEN
================================================== */
.hausfarbe, .text-hausfarbe 					{ color: #0099ff !important }
.hausfarbe_hell, .text-hausfarbe_hell			{ color: #0099ff !important; opacity: 0.7 }
.hausfarbe_hell2, .text-hausfarbe_hell2 		{ color: #0099ff !important; opacity: 0.5 }
.hausfarbe_hell3, .text-hausfarbe_hell3			{ color: #0099ff !important; opacity: 0.3 }
.hausfarbe_dunkel, .text-hausfarbe_dunkel		{ color: #0066cc !important }
.hausfarbe_dunkel2, .text-hausfarbe_dunkel2		{ color: #004499 !important }
.hausfarbe_dunkel3, .text-hausfarbe_dunkel3		{ color: #002277 !important }

.bg-grey .border-middle span					{ background: #f6f6f6 }
.bg-hausfarbe .border-middle span				{ background: #0099ff }
.bg-hausfarbe2 .border-middle span				{ background: #b3e2fe }
.bg-transp .border-middle span					{  }

.orange,
.text-orange 	{ color: #ff8800 !important }

.rot,
.red,
.text-rot,
.text-red 	{ color: #f12244 !important }

.gruen,
.green,
.text-gruen,
.text-green 	{ color: #33cc88 !important }

.blau,
.blue,
.text-blau,
.text-blue 		{ color: #0099ff !important}

.bg-blau,
.bg-blue 		{ background: #0099ff !important }

.bg-orange 		{ background: #ff8800 !important }

.bg-rot,
.bg-red 		{ background: #f12244 !important }

.bg-gruen,
.bg-green 		{ background: #f12244 !important }

.bg-grau,
.bg-grays 		{ background: #e6e6e6 !important }

.bg-primary 			{ background: #0099ff !important }
.bg-hausfarbe 			{ background: #0099ff !important }
.bg-hausfarbe2 			{ background: rgba(0, 153, 255, 0.3) !important }

.icon i 				{ background: #0099ff }
.bg-hausfarbe .icon i 	{ background: #55bbff }
.bg-hausfarbe2 .icon i 	{ background: #0099ff }
/* --------- end FARBEN -------- */







/* --------- PAGETOP
================================================== */
.pagetop-scroll {
    bottom: 100px;
    right: 30px;
    background: rgba(0, 154, 255, 0.2);
	border-radius: 55px;
    width: 55px;
    height: 55px;
	padding: 0 !important;
    text-align: center;
    border: none;
    text-shadow: none
}
.pagetop-scroll .glyphicon,
.pagetop-scroll:hover .glyphicon  {
    color: #fff;
    text-align: center;
    margin-top: 1em
}
.pagetop-scroll:hover {
    color: #fff;
    background: #0099ff;
}
a.pagetop-scroll {
	color: #fff !important
}
a.pagetop-scroll:hover {
	color: #ddd !important;
	text-decoration: none !important;
	border: none
}
@media (max-width: 600px) {
	.pagetop-scroll {
    	right: 10px;
    	border-radius: 45px;
	    width: 45px;
	    height: 45px;
	    bottom: 30px;
	    right: 10px
	}
	.pagetop-scroll .glyphicon,
	.pagetop-scroll:hover .glyphicon {
	    margin-top:.65em
	}
}
/* --------- end PAGETOP -------- */










/* --------- SORTIERUNG
================================================== */
.fa.sortby  {
	font-size: 13px;
	}
/* --------- end SORTIERUNG -------- */







/* ----- DIV-Spalten -------------
================================================== */
.row.div-head-bg {
  background: none;
  color: #000;
  border-bottom: 2px solid #ddd;
}
.row.div-head-bg > [class*="col-"] {
	padding-left: 0
	}
/* --------- end DIV-Spalten -------- */




/* ----- TABLE -------------
================================================== */
.table > thead {
  background: none;
  color: #000;
  border-bottom: 2px solid #ddd
	}


.datepicker thead {

}
.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th,
.datepicker thead tr th,
.datepicker tfoot tr th {
  background: none;
  color: #0099ff
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover,
.datepicker thead tr th:hover,
.datepicker tfoot tr th:hover {
  background: none !important;
  color: #0066cc
}


.table > thead > tr > th,
.table > thead > tr > td {
  background: none;
  color: #000
}
.table > thead.sub > tr > th,
.table > thead.sub > tr > td   {
	border-bottom: 2px solid #ddd;
	color: #999;
	padding-top: .35em
}
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  color: #000;
  border-top: #ddd 2px solid;
  border-bottom: #ddd 2px solid;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding-top: .35em;
  padding-bottom: .35em;
}



table td:first-child {
	font-weight: normal;
	padding-left: 0
	}



.dataTables_wrapper {
    position: relative;
    clear: both;
	}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
	}
table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: 'FontAwesome';
	}
table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: 'FontAwesome';
	}
table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: 'FontAwesome';
    color: rgba(50,50,50,.5);
	}
/* --------- end TABLE -------- */










/* ----- PAGINATION -------------
================================================== */
.pagination_navi a {
	text-align: center;
	padding: .1em .4em;
	margin: .15em;
	border-radius: 2px;
	display: inline-block;
	background: rgba(0, 153, 255, 0.2);
	border: 1px solid rgba(0, 153, 255, 0.25);
	}
.pagination_navi a.aktiv {
	background: #0099ff;
	border-color: #0099ff;
	color: #fff
	}
.pagination_navi a.inaktiv:hover {
	background: rgba(0, 153, 255, .5);
	color: #fff
	}
/* --------- end PAGINATION -------- */








/* --------- kleine Kästen für Regionen
================================================== */
.box {
	padding: .3em .35em;
	color: #888;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: #f6f6f6;
	margin: 0 2px 3px 0;
	border-radius: 1px;
	line-height: 1.2em;
	position: relative;
	display: inline-block;
	float: left;
	}

.box.box-xs {
	font-size: 65%;
	}
.box.box-sm {
	font-size: 75%
	}

.box.aktiv,
.box.gruen {
	color: #66aa00;
	background: rgba(103, 186, 0, 0.2);
	border-color: rgba(103, 186, 0, 0.2);
	}
.box.inaktiv,
.box.rot {
	color: rgba(255, 0, 0, 0.8);
	background: rgba(255, 0, 0, 0.1);
	border-color: rgba(255, 0, 0, 0.1)
	}
/* --------- end kleine Kästen für Regionen -------- */





/*.box {
	background: white;
	overflow: hidden;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	}*/

.header {
	background: darkcyan;
	/* Folgende Angaben sind relevant für die vertikale Zentrierung */
	display: table;
	width: 100%;
	height: 10em;
	}



/* ----- ARTIKEL ZÄHLEN -------------
================================================== */
.chart {
	font-size: 80%;
	line-height: 1em;
	margin-bottom: 3em;
	position: relative;
	display: inline-block;
	}
	.chart.width100 .chart-wrapper {
	width: 100%;
	}
	.chart.width100 .chart-wrapper .chart-row {
	width: calc(100% - 90px);
	}

	@media (max-width: 992px) {
		.chart .chart-wrapper {
		width: 100%;
		}
		.chart .chart-wrapper .chart-row {
		width: calc(100% - 90px);
	}
		}


.chart-time {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: .5em;
	padding-bottom: .5em;
	float: left;
	width: calc(100% - 220px);
	margin-left: 70px;
	margin-right: 150px;
	display: flex;
	justify-content: space-between
	}
	.chart-time span {
		font-size: 90%;
		width: 100%;
		text-align: center
		}

.chart-wrapper {
	float: left;
	clear: both;
	}
	.chart-row {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: .5em;
		padding-bottom: .5em;
		float: left;
		}
		.chart-defintion {
			float: left;
			font-weight: 600;
			display: table;
			width: 70px;
			height: 70px;
			}
			.chart-defintion.leer {
				height: auto;
				}
			.chart-defintion.summe {
				width: 60px;
				}
			.chart-content {
				display: table-cell;
				vertical-align: top;
				}
			.chart-defintion.summe .chart-content {
				vertical-align: bottom;
				font-weight: normal;
				text-align: right;
				}
		.chart-items {
			display: flex;
			justify-content: space-between;
			width: calc(100% - 130px);
			float: left;
			text-align: center;
			color: #888
			}
			.chart-count {
				margin: 0 2px;
				text-align: center;
				border-right: 1px dotted #ddd;
				width: 100%;
				}
			.chart-count i {
				width: 10px;
				height: 10px;
				border-radius: 2px;
				display: block;
				clear: both;
				margin-bottom: 2px;
				background: #e6e6e6;
				border: 1px solid rgba(0, 0, 0, 0.12);
				text-align: center;
				margin: 0 auto 2px auto;
				}
	.chart-text {
		float: left;
		width: 80px;
		margin-left: 10px;
		font-size: 80%;
		font-weight: 400;
		color: #777;
		line-height: 1.1em
		}
	.chart .chart-text .chart-content {
		width: 80px;
		}
		.chart.balken .chart-text .chart-content {
		height: 85px;
		}
	.chart-text .row {
		margin-bottom: 0
		}
	.chart-text .row [class*="col-"]:last-child {
		text-align: right !important
		}




.chart .chart-count i.grau,
.chart .chart-count i.gray 		{ background: #e6e6e6 }
.chart .chart-count i.blau,
.chart .chart-count i.blue 		{ background: #0099ff }
.chart .chart-count i.orange 	{ background: #ff8800 }
.chart .chart-count i.rot,
.chart .chart-count i.red 		{ background: #f12244 }
.chart .chart-count i.gruen,
.chart .chart-count i.green 	{ background: #33cc88 }

.chart.balken {
	}
	.chart.balken .chart-defintion {
		height: 80px;
		}
	.chart.balken .chart-content {
		vertical-align: bottom;
		}
	.chart.balken .chart-items {
		display: table;
		height: 80px;
		vertical-align: bottom;
		}
	.chart.balken .chart-count {
		display: table-cell;
		vertical-align: bottom;
		padding: 0 2px !important;
		width: 15px;
		}
	.chart.balken .chart-count i {
		width: 100%;
		}

/* --------- end ARTIKEL ZÄHLEN -------- */






/* --------- FORMULAR
================================================== */
.checkbox .checkbox label {
	float: left
	}
.checkbox .checkbox input {
	float: left;
	margin-right: .3em
	}	
/* --------- end FORMULAR -------- */




/* --------- DRUCKVERSION
================================================== */
@media print {
	body {
		font-size: smaller;
		}

	.sidebar { display: none !important; }


	.content {
		 width: 100% !important;
		 margin: 0 !important;
		 border: none;
		 background: none !important
	 }

	 .page-header,
	 h1 {
		 padding-top: 0;
		 margin-bottom: .5em !important
	 }
}
/* --------- end DRUCKVERSION -------- */