.body {
  background-color: #dee7f2;
  font-family: Arial,Helvetica,sans-serif
  font-size: 1em;
   color:#000000;
}

.pageband {
  margin-top:40px;
  margin-bottom:40px;
}

.page {
  margin: 0px auto 20px auto;
  border: 1px solid #aaaaaa;
  background-color:#ffffff;
  height:29.7cm;
  width:21cm;
  position:relative;
}

#page1.row {
  border:solid #C0C0C0 1px;

}


.inputzaehler {
	font-weight:bold;
	border:none;
	color:#005587;
}


.zone {
  position:absolute;
  overflow:hidden;
  margin:0;
}

.dynazone {
  position:relative;
  overflow:hidden;
  margin:0;
}


.obj {
  position:absolute;
  overflow:none;
  text-align:left;
  margin:0;
}


.fieldset-container {
  position:absolute;
  left:0px;
}


.label {
   line-height:5pt;
}



label {
  font-size:0.9em;
  color:#333333;
}



.checkbox label {
  font-size:1em;
  color:#000000;
}


.radio label {
  font-size:1em;
  color:#000000;
}



.form-control {
   color:#000000;
   font-size:1em;
}


input[type="text" i]{
   font-size:1em;
   font-weight:bold;
}

.tabspalte {
	padding: 0px; 0px;	
	
}

.rtfobj {
/*
  font-size:1em;

  Has been removed to make relative font sizes working.
  Nobody knows if this item is needed anywhere.
  So we leave this comment here to know why we took the item out.
*/

/*
  Reimplemented on 2108-05-25 because RTF-Texts get a bad line distance
*/
  font-size:1em;
}


.input {
  border:1px solid rgba(0,0,0,0); /* border:none causes input disabling in 'chrome' */
  width:100%;
  background-color:rgba(0,0,0,0)
}

.left-cb-label {
  position:absolute;
  top:0px;
  left:20px;
  line-height:14pt;
}

.left-cb-input {
  position:absolute;
  top:0px;
  left:-4px;
  line-height:14pt;
}

.right-cb-label {
  position:absolute;
  top:0px;
  right:20px;
  line-height:14pt;
}

.right-cb-input {
  position:absolute;
  top:0px;
  right:-3px;
  line-height:14pt;
}


/* This styles are needed only as long as old style checkboxes are supported */

.left-checkbox-label {
  display:block;
  margin-left:20px;
  line-height:14pt;
}

.left-checkbox-input {
  position:relative;
  float:left;
  margin-left:-20px;
  line-height:14pt;
}

.right-checkbox-label {
  display:block;
  margin-right:20px;
  line-height:14pt;
}

.right-checkbox-input {
  position:relative;
  float:right;
  margin-right:-20px;
  line-height:14pt;
}


.eforms-popup {
  position:absolute;
  background-color: #555555;
  color:#dddddd;
  border: 1px solid #888888;
  border-radius: 5px;
  padding: 5px;
  z-index: 9999;
  max-width:150px;
}  

p {
margin-top:1mm;
margin-bottom:1mm;
}

/* Classes to be added to elements with bad input */
.input-with-error{
	border-color:#DF0044 !important;
}

.label-with-error{
	color:#DF0044 !important;
}

/* Infield label input fields */

.infieldlabel {
	background: #dfdfdf;
	position: relative;
        color:#FE5000 !important;
}

.infieldlabel label {
	display:  block;
	position: absolute;
	top:      5px;
	left:     5px;
	font-size: 80%;
	color:#FE5000 !important;
	font-weight: normal;
	letter-spacing: 0.03em;
}

.infieldlabel input {
	font-size: 120%;
	padding:  1.2em 5px 5px 5px;
	color:    #444444;
	height:   auto;
	border:   1px #bbbbbb solid;
	border-radius: 5px;
	outline:  none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.infieldlabel textarea {
	font-size: 120%;
	padding:  1.2em 5px 5px 5px;
        color: #444444;
	height:   auto;
	border:   1px #bbbbbb solid;
	border-radius: 5px;
	outline:  none;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.infieldlabel select {
	font-size: 120%;
	padding:  1.2em 5px 5px 5px;
	color:    #444444;
	height:   auto;
	border:   1px #bbbbbb solid;
	border-radius: 5px;
	outline:  none;
	box-shadow: none;
	-webkit-box-shadow: none;
}


/* Infield errors */

.infielderror {
	background-color:#DF0044;
	color:#ffffff;
}


/* Field Sets */

.fieldset-inner-bs {
  font-size:1em;
  padding-left:15px;
  padding-top:0px;
  padding-right:15px;
  padding-bottom:20px;
  color: #000000;
}

.fieldset-legend-bs {
  font-size:1em;	
  padding-left:15px;
  padding-top:20px;
  padding-right:15px;
  margin-bottom:5px;
}





/* Labels bewegen sich bei focus nach oben */
.fancy-input label {
  position: absolute;
  padding: 0 .5em;
  top: -0em;
  left: 1em;
  transition: all .3s ease;
}
.fancy-input label.like-placeholder {
  color: #333333;
  top: 1.5em;
  left: 1em;
}

input.infoboxadresse, textarea.infoboxadresse {
	
	border: none;
	outline: none;
	background: transparent;
    	border: 0px;
	margin-left:-2px;
	font-weight:normal;

   
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
   
    color:#000000;
	pointer-events: none;
	width: 100%;
   
	
}


.kontaktbox {
	
font-size: 0.9em;	
	
}



.spalte {
  display: inline-block;
  width: 45%;
  height: 25px;

  
}



.spvoll {
	clear: both;
	width:100%;
	border-bottom: 1px;
	
}
.tabkap {
	clear: both;
	
	
}

#report {
	background-color: #eeeeee; 
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-top: 1%;
}

.linieweiss {
	border-color: #ffffff;
	
}


/*
  Datepicker
*/

.dpDiv {

}
.dpTable {
	BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #aaaaaa 1px solid; COLOR: #505050; BORDER-BOTTOM: #aaaaaa 1px solid; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ece9d8; TEXT-ALIGN: center
}
.dpTR {

}
.dpTitleTR {

}
.dpDayTR {

}
.dpTodayButtonTR {

}
.dpTD {
	CURSOR: pointer
}
.dpDayHighlightTD {
	BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; CURSOR: pointer; BORDER-BOTTOM: #aaaaaa 1px solid; BACKGROUND-COLOR: #cccccc
}
.dpTitleTD {

}
.dpButtonTD {

}
.dpTodayButtonTD {

}
.dpDayTD {
	BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; COLOR: white; BORDER-BOTTOM: #aaaaaa 1px solid; BACKGROUND-COLOR: #cccccc
}
.dpTitleText {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: gray
}
.dpDayHighlight {
	FONT-WEIGHT: bold; COLOR: #4060ff
}
.dpButton {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #d8e8ff; PADDING-BOTTOM: 0px; COLOR: gray; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
.dpTodayButton {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #d8e8ff; COLOR: gray; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}

/* End datepicker */


/* Tooltip container */
.bstooltip {
  position: relative;
  display: inline-block;
  
}

/* Tooltip text */
.bstooltip .bstooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #555;
  color: #fff;
  text-align: left;
  padding: 10px 10px;
  border-radius: 6px;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 0%;
  margin-left: -140px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */
.bstooltip .bstooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.bstooltip:hover .bstooltiptext {
  visibility: visible;
  opacity: 1;
}


ul {
  list-style: none;
}
.list {
  width: 100%;
  background-color: #ffffff;
  border-radius: 0 0 5px 5px;
}
.list-items {
  padding: 10px 5px;
}
.list-items:hover {
  background-color: #dddddd;
}



/*NEU */



.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}





body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}


