.hide_screen_only,.show_print_only,.hide {
	display: none;
}

.show_screen_only,.hide_print_only,.show {
	display: block;
}

.show_screenreader_only {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

div#activityindicator {
	position: absolute;
	height: 60px;
	width: 60px;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	background-color: #666666;
	z-index: +100;
	display: none;
}

div#navbartop {
	position: sticky;
	top: 125px;
	z-index: 100;
}

div#navbarbot {
	display: none;
}

.edibody .edibekannt {
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #e8e8e8 0, #f5f5f5 100%);
	background-repeat: repeat-x;
	border: 1px solid #dcdcdc;
	border-bottom: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 6px 15px;
	margin: 0;
}

.edibody .edititle {
	background-color: #f5f5f5;
	border: 1px solid #dcdcdc;
	border-bottom: none;
	padding: 6px 15px;
	margin: 0;
}

.edibody .editext {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 6px 15px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.edibody .editext .oldval,.edibody .editext .todoldval {
	background-color: #FFCCCC;
}

.edibody .editext .newval,.edibody .editext .todnewval {
	background-color: #FFFFCC;
}

div#abteilungen {
	width: 65%;
	float: left;
}

div#abteilungen .spalte {
	float: left;
	margin: 5px;
	margin-left: 0px;
	min-width: 6em;
	background-color: #FFFFFF;
}

div#abteilungen .spalte a,div#abteilungen .spalte a:visited {
	color: #993300;
}

div#abteilungen .spalte a:hover,div#abteilungen .spalte a:active,div#abteilungen .spalte a:focus {
	color: #666666;
}

.fieldvalidationerror {
	background-color: #f2dede;
	background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
	background-repeat: repeat-x;
	border-color: #dca7a7;
}

.fieldvalidationerror.checkbox, .fieldvalidationerror.radio {
	border: 1px solid #dca7a7;
	border-radius: 4px;
	padding: 5px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}

#ValidationError {
	position: sticky;
	top: 150px;
	margin-left: 100px;
	margin-right: 100px;
	z-index: 1100;
}

.domino-richtext {
	border: 1px solid #DDDDDD;
    padding: 6px;
    border-radius: 4px;
}

.domino-richtext .dijitEditorIFrameContainer {
	padding: 6px;
}

.dijitTextBox, .dijitComboBox  {
	border: 1px solid #DDDDDD;
  border-radius: 4px;
	
}

.loader {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -60px;
  margin-top: -60px;
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #ff9933; /* Orange */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  z-index: 100;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#druckbereich.mitPB {}
#druckbereich.ohnePB {}

#druckbereich.mitPB .idpage	{
	page-break-after:always;
} 
#druckbereich.ohnePB .idpage	{ 
	page-break-after:auto; 
}

/*
	LEGACY Section - @Steve Aumüller
	This section adjusts the layout of older tags used in the <div class="edibody"> to look like their 
	newer bootstrap counter parts
	
	<div class="bereich">	= class="editext"
	<dl>					= <div class="row">
	<dt>					= <span class="class="col-sm-3 text-right">
	<dd>					= <p class="col-sm-9">
*/
.edibody .editext:empty {
	display: none;
}
.edibody .bereich {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 6px 15px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.edibody dl {
	margin: 0 -15px 0 -15px;
}
.edibody dl::before, .edibody dl::after {
	display: table;
    content: " ";
}
.edibody dl::after {
	clear: both;
}
.edibody dt, .edibody dd {
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	position: relative;
}
.edibody .bereich dl:last-of-type dd {
	margin: 0;
}
.edibody dt {
	display: inline;    
	text-align: right;
}
.edibody dd {
	margin: 0 0 10px;
}
@media (min-width: 768px) {
	.edibody dt {
		float: left;
		width: calc(25% - 8px);
	}
	.edibody dd {
		float: left;
		width: calc(75% + 8px);
	}
}

hr.formsep {
	margin-top: -5px;
	margin-bottom: 10px;
}

img.pflicht {
	vertical-align: top;
}