* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

html,body {
	font-family:Segoe UI;
	font-size:14px;
}	

.bglayer {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -999;
}

#loading {
	position: fixed; z-index: 30000; opacity: 1; filter: alpha(opacity = 100); top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; color: black;
    background:#eee;
}

header {
	width: 100%; 
	min-width:340px;
    left: 0;
    top: 0;
	height:100px;
}

header div#topbar {
	background-color:#004e91;
	height:100px;
	color:white;
	box-shadow:0px 0px 8px 0px #ccc;
	-webkit-backface-visibility: hidden;
	position:fixed;
	top:0;
	width:100%;
	z-index:50000;
	overflow:hidden	
}

h1 {font-size:23px !important;}

header div#topbar a {
	color:white;
}
 
footer {
	margin-top:0px;
    width: 100%;
    left: 0;
    bottom: 0;
	color:black;
}

a {
	color:#004e91
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.small {
	font-size:80%;
}
.inner{
    margin: 0 auto;
	padding:10px;
    max-width: 1000px;
    min-width:340px;
}

.logo {
	width:146px;
	height:60px;
	margin-top:5px;
}

.sa  {margin-bottom:5px;}
.sa0 {margin-bottom:10px;}
.sa1 {margin-bottom:20px;}
.sa2 {margin-bottom:30px;}
.sa3 {margin-bottom:50px;}
.sb  {margin-top:5px;}
.sb0 {margin-top:10px;}
.sb1 {margin-top:20px;}
.sb2 {margin-top:30px;}
.sb3 {margin-top:50px;}

.fb {font-weight:bold;}

.pad0	{padding:2px;}
.pad1	{padding:5px;}

.underlined0 {padding-bottom:4px;border-bottom:1px solid #aaa;}
.underlined1 {
	padding-bottom:4px;
	border-bottom:2px solid #222;
}
.overlined0 {padding-top:4px;border-top:1px solid #aaa;}
.overlined1 {padding-top:4px;border-top:3px double  #aaa;}

.underlined_s0 {border-bottom:1px dotted #999;}

.hidden {display:none}

.ui-datepicker { z-index: 9999 !important; }

section#content {
    background-color: #fff;
    max-width: 1000px;
    min-width:340px;
    margin:0  auto;
    padding: 10px 10px 10px;
	border:1px solid #ccc;
	box-shadow:0px 0px 8px 0px #ccc;
	min-height:500px;
	border-bottom: 3px solid #044f90;
}

section#content_widgetpage {
    max-width: 1000px;
    min-width:340px;
    margin:0  auto;
    --padding: 20px 20px 20px;
	min-height:500px;
}



hr {border:0;border-top:1px solid #bbb;margin-top:10px;margin-bottom:10px;}

h1,h2,h3	{margin-bottom:4px;}

/* Form Styles */
label { 
	display: inline-block; 
	width: 8em; 
}
.form_line {
	padding-bottom:10px;
}
form input[type=text] {
	width:350px;
	padding:5px;
}
form input[type=password] {
	width:350px;
	padding:5px;
}
form input[type=submit] {
	padding:5px;
	min-width:100px;
}
form aselect {
	width:350px;
	padding:5px;
}

select optgroup {
	margin-bottom:10px;
}

.input_small_220 {width:220px !important}

/* Table styles */
table {border-collapse: collapse;}
th {text-align:left;}
td {vertical-align:top;text-align:left}
.list1 th {border-bottom:1px solid #999;padding:3px;}
.list1 tr {border-bottom:1px dotted #999;}
.list1 td {padding:3px;}

.list2 th {border-bottom:1px solid #999;padding:6px;}
.list2 tr {border-bottom:1px dotted #999;}
.list2 td {padding:6px;}


.tbl1 tr td {padding:2px;}
.tal {text-align:left;}
.tar {text-align:right;}

/* Widget styles */
.widget_options {color:green;font-size:80%}
.widget_container { 
    background-color: #fff;
	padding:10px;
	margin-bottom:15px;
	border:1px solid #ccc;
	box-shadow: 2px 2px 5px rgba(200, 200, 200, 0.6);
	border-bottom: 3px solid #044f90;
}
.widget { 
	background-color:#fff;
	border:1px solid #ccc;
	padding:0px;
	margin-bottom:15px;
	box-shadow: 2px 2px 5px rgba(200, 200, 200, 0.6);
	display: flex;
	flex-flow: column;	
	border-bottom: 3px solid #044f90;
}
.widget-frameless { 
	padding:0px;
	margin-bottom:15px;
	display: flex;
	flex-flow: column;	
}
.widget-title {
	padding:4px;
	padding-left:10px;
	abackground-color:#eaeaea;
	background: linear-gradient(180deg, #059 calc(10%), rgba(0,0,0,0) calc(10% + 0px));
}
.widget .widget-content {padding:10px;height:80%}
.widget .widget-content-nopadding {padding:0px;flex-grow : 1;}

.sectionselectoritem {
    height:50px;
    width:190px;
    padding: 10px;
    padding-top:15px;
    background-color:#fafafa;
    color:black;
    box-shadow: 2px 2px 5px rgba(160, 160, 160, 0.6);
    margin-left:1px;
    margin-right:10px;
    margin-bottom:15px;
    cursor:pointer;
    text-align:center;
    border:1px solid #bbb;
}

.sectionselectoritemactive {
    background-color:#059 !important;
    color:white !important;
    border:1px solid #999;
    box-shadow: 2px 2px 5px rgba(120, 120, 120, 0.6);
}

/* Pic Styles */
img .icon16 {width:16px;height:16px;}
img .icon32 {width:32px;height:32px;}

/* jQuery UI style adjustments */
.ui-widget {
    font-size:95% !important;
}

/* DataTables Anpassungen */
.dataTables_filter label {
	width:680px !important;
	text-align:left;
	margin-bottom:10px;
}

.dataTables_filter input {
	width:455px;
	margin-left:90px !important;
	padding:5px;
}	

.dataTable thead th {
	padding-left:10px !important;
}
.datatable_group {
	font-weight:bold;
	background-color:#dadada !important;
}
.dt-button {
	padding:2px;
	background-color: transparent;
	color:#004e91;
	border:0px;
	text-decoration:underline;
}
.dataTables_filter {
   float: left !important;
   text-align:center !important;
}

#cloud ul  {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#cloud ul li  {
  margin: 0 5px;
  display: inline-block;
  vertical-align: middle;
  color:#059;
  font-size: 12px;
}