/* ------------------------------ */
/* Info				  */
/* ------------------------------ */
/*
	Margin:
		Low		4px
		Medium	  	8px
		High		12px
		High-XL	 	16px

	Colors:
		White			#ffffff
		white-Dark		#eeeeee
		white-DarkDark		#dddddd
		Gray-LightLight 	#f6f6f6
		Gray-Light		#e0e0e0
		Gray-Light		#d0d0d0
		Gray			#9f9f9f
		Gray			#8c8c8c
		Gray			#6c6f70	
		Gray			#6c6c6c
		Gray-DarkDark		#505050
		Gray-DarkDarkDark	#4c4c4c
		Black			#000000
		AERA-Red		#c9282d
		Red			#ee4000
		Green			#22a744
		Green-Dark		#008000
		Blue			#2244cc
		Blue-Light		#3333ff
		Blue-LightLight		#0066ff

	Order:
		float
		width
		height
		margin
		padding
		background-color
		overflow
		overflow-x
		overflow-y
		border
		border-top
		border-right
		border-bottom
		border-left
		font-family
		font-size
		font-weight
		text-align
		color
		text-decoration
		-webkit-text-size-adjust:

*/


/* ------------------------------ */
/* CSS Utils			  */
/* ------------------------------ */

/* Colors */
.color-primary { color: #809fff !important; }
.color-success { color: #28a428 !important; }
.color-warning { color: #0066ff !important; }
.color-error { color: #ee4000 !important; }
.color-ci { color: #c9282d !important; }
.bgcolor-primary { background-color: #0039e6 !important; }
.bgcolor-success { background-color: #99e699 !important; }
.bgcolor-warning { background-color: #0066ff !important; }
.bgcolor-error { background-color: #ee4000 !important; }
.bgcolor-ci { background-color: #c9282d !important; }
.border-primary { border-color: #0039e6 !important; }
.border-success { border-color: #99e699 !important; }
.border-warning { border-color: #0066ff !important; }
.border-error { border-color: #ee4000 !important; }
.border-ci { border-color: #c9282d !important; }

/* Text */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-ucase { text-transform: uppercase; }
.text-lcase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }

/* Rounded Corner */
.border-rounded { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.border-rounded-circle { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.border { border: 1px solid #f0f0f0; }
.border-top { border-top: 1px solid #f0f0f0; }
.border-right { border-right: 1px solid #f0f0f0; }
.border-bottom { border-bottom: 1px solid #f0f0f0; }
.border-left { border-left: 1px solid #f0f0f0;}

/* Button Bar */
.buttonbar-bottom-base { position: relative; }
.buttonbar-top-base { position: relative; padding-top: 30px; }
.buttonbar-bottom { width: 100%; height: 40px; position: absolute; left: 0; bottom: 0; padding: 0px 8px 0px 8px; }
.buttonbar-top { width: 100%; height: 30px; position: absolute; top: 0; left: 0; }

/* Card */
.card { border: 3px solid #000000 !important; padding: 0px !important; }
.card-head { padding: 8px; white-space: nowrap; }
.card-head-title { font-size: 22px; }
.card-body { padding: 12px !important; box-sizing: border-box !important; }

/* Card-Controls */
.card > .ContentSeperator1 { margin: 4px 12px !important; border-bottom: 1px solid #e0e0e0 !important; }
.card .ContentTitle1 { font-size: 28px !important; }

/* Card-Colors */
.card-color-primary { border-color: #8c8c8c !important; }
.card-color-primary .card-head { background-color: #8c8c8c; color: #ffffff;}
.card-color-success { border-color: #22a744 !important; }
.card-color-success .card-head { background-color: #22a744; color: #ffffff;}
.card-color-danger { border-color: #ffe01a !important; }
.card-color-danger .card-head { background-color: #ffe01a; color: #ffffff;}

/* ------------------------------ */
/* Animations			  */
/* ------------------------------ */
@keyframes Expand {
	0% {
		height: 0%;
		opacity: 0;
	}
}


/* ------------------------------ */
/* FA - Extensions                */
/* ------------------------------ */
.has-badge[data-count]:after{
  position:absolute;
  top:10px;
  content: attr(data-count);
  padding:5px;
  border-radius:999px;
  line-height:12px;
  color: white;
  background: #6c6c6c;
  text-align:center;
  min-width:12px;
  font-weight:bold;
}
ul.fa-ul { line-height: 20px; }
ul.fa-ul li { padding: 0px 0px 2px 4px; }


.fa-spin-fast {
  -webkit-animation: fa-spin 1s infinite linear;
          animation: fa-spin 1s infinite linear;
}

.fa-spin-faster {
  -webkit-animation: fa-spin .5s infinite linear;
          animation: fa-spin .5s infinite linear;
}

/* ------------------------------ */
/* Page - Structure               */
/* ------------------------------ */

/* Page */
div.PageStruct {
	width: 100%;
	min-width: 980px;
	height: 100%;
	margin: 0px;
	overflow: visible;
}
div.PageContainer {
	background-color: #ffffff;
}

/* Head */
div.HeadStruct {
	position: fixed;		/* FIX Header Bar */
	top: 0px;			/* FIX Header Bar */
	left: 0px;			/* FIX Header Bar */
	max-height: 60px;
	z-index: 999;			/* FIX for Plugins that integrates in page - i.e. Passwordmanager */
}
div.HeadContainer {
	background-color: #c9282d;
}
table.HeadContentStruct {
	width: 100%;
	height: 60px;
	table-layout: fixed;
}
td.HeadContentLeftStruct {
	width: 230px;
}
td.HeadContentMiddleStruct {
	width: auto;
}
td.HeadContentRightStruct {
	width: 320px;
	margin-left: 300px;
}
div.HeadContentLeftContainer {
	height: 100%;
	padding: 6px 0px 0px 12px;
}
div.HeadContentMiddleContainer {
	height: 100%;
	padding: 17px 8px 0px 8px;
}
div.HeadContentRightContainer  {
	height: 100%;
	padding: 12px 0px 0px 8px;
}

/* HeadButton */
div.HeadButtonContainer {
	float: right;
	width: 78px;
	height: 48px;
	font-size: 11px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #ffffff;
}
div.HeadButtonContainer > a {
	color: #ffffff;
}
i.HeadButtonContainerIcon {
	font-size: 22px;
	line-height: 28px;
}

/* Tool */
div.ToolStruct {
	clear: both;
	width: auto;
	margin: 60px 0px 0px 0px;	/* FIX Header Bar */
}
div.ToolContainer {
}
table.ToolContentStruct {
	width: 100%;
	background-color: #e0e0e0;
	table-layout: fixed;
	border-top: 0px
}
td.ToolContentLeftStruct {
}
td.ToolContentRightStruct {
	width: auto;
}
div.ToolContentLeftContainer {
	height: 100%;
	padding: 4px 0px 4px 12px;
}
div.ToolContentRightContainer {
	height: 100%;
	padding: 4px 8px 4px 0px;
	text-align: right;
}

/* Boody */
div.BodyStruct {
}
div.BodyContainer {
	position: relative;
}
div.BodyLeftStruct {
	float: left;
	clear: both;
	width: 230px;
	margin: 0px;
	font-size: 12px;
	z-index: 1;
	position: relative;
}
div.BodyLeftBackground {
	position: absolute;
	z-index: 0;
	width: 230px;
	top: 0;
	bottom: 0;
	background-color: #f6f6f6;
}
div.BodyLeftContainer {
	height: 100%;
	padding: 12px 8px 8px 8px;
}
div.BodyRightStruct {
	min-height: 1000px;
	margin-bottom: 0;
	overflow: hidden;
	z-index: 3;
}
div.BodyRightContainer {
	height: 100%;
	padding: 10px;
	min-width: 310px;
	max-width: 1400px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* Foot */
div.FootStruct {
	clear: both;
}
div.FootContainer {
	background-color: #6c6c6c;
	border-top: 1px solid #e0e0e0;
}
div.FootLeftStruct {
	float: left;
	clear: both;
	width: 230px;
	margin: 0px;
	font-size: 12px;
}
div.FootRightStruct {
	margin-bottom: 0;
	overflow: hidden;
	z-index: 3;
}
div.FootRightContainer {
	min-width: 310px;
	max-width: 1200px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 16px;
}
div.FootRightContainer a, div.FootRightContainer a:hover {
	color: #f6f6f6;
}
div.FootRightContainer div.ContentTitle3 {
	color: #f6f6f6;
}
div.FootRightContainerHead {
	font-size: 15px;
}


/* ------------------------------ */
/* PageHeadRight				  */
/* ------------------------------ */
td.PageHeadRightSearchBarTypeContainer {
	width: 1%;
	background-color: #ffffff;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
td.PageHeadRightSearchBarExpressionContainer {
	width: auto;
	background-color: #ffffff;
}
td.PageHeadRightSearchBarButtonContainer {
	width: 1%;
	background-color: #ffffff;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
select.PageHeadRightSearchBarType {
	height: 26px;
	margin: 0px;
	padding: 0px 2px 0px 2px;
	background-color: #f6f6f6;	
	border: 1px solid #f6f6f6;
	line-height: 24px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
select.PageHeadRightSearchBarType:focus {
	border: 1px solid #e0e0e0;
	outline: none;
}
input.PageHeadRightSearchBarExpression {
	width: 100%;
	height: 26px;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	line-height: 24px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input.PageHeadRightSearchBarExpression:focus {
	border: 1px solid #e0e0e0;
	outline: none;
}
input.PageHeadRightSearchBarButton, button.PageHeadRightSearchBarButton {
	width: 54px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	font-size: 13px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
input.PageHeadRightSearchBarButton:focus, button.PageHeadRightSearchBarButton:focus {
	border: 1px solid #e0e0e0;
	outline: none;
}
div.PageHeadRightSearchBarResultList {
	visibility: hidden;
	position: absolute;
	width: auto;
	margin-top: 1px;
	background-color: #ffffff;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
	z-index: 999;
}
div.PageHeadRightSearchBarResultItem {
	padding: 4px 8px 4px 8px;
	cursor: pointer;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}
div.PageHeadRightSearchBarResultItem:hover { 
	padding: 4px 8px 4px 8px;
	background-color: #eeeeee;
	cursor: pointer;
}
div.PageHeadRightSearchBarResultItemSelected {
	padding: 4px 8px 4px 8px;
	background-color: #dddddd;
	cursor: pointer;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}


/* ------------------------------ */
/* PageBodyRightContent		   */
/* ------------------------------ */
div.PageBodyRightContentContainerTransparent {
	padding: 0px 0px 0px 0px;
}


/* ------------------------------ */
/* Content						*/
/* ------------------------------ */
div.ContentContainer {
	padding: 40px 0px 40px 0px;
	background-color: #ffffff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div.ContentContainerTransparent {
	padding: 8px 8px 8px 8px;
}
div.ContentContainerInner {
	padding: 0px;
}
div.ContentContainerIcon {
	margin: 0px 0px 3px 0px;
	padding: 1px 4px 1px 24px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}
div.ContentContainerNavigation {
	padding: 8px 8px 8px 8px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
}
div.ContentContainerNavigationAttachment {
	padding: 0px;
	background-color: #ffffff;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	text-align: left;
}
div.ContentTitle1 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #6c6c6c;
}
div.ContentTitle2 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #6c6c6c;
}
div.ContentTitle3 {
	margin: 0px 0px 12px 0px;
	font-size: 16px;
	color: #6c6c6c;
}
div.ContentTitle4 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 32px;
	font-weight: bold;
	color: #6c6c6c;
}
div.ContentTitle5 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 20px;
	font-weight: bold;
	color: #6c6c6c;
}
div.ContentSubtitle1 {
	padding: 0px 0px 6px 0px;
	font-size: 16px;
	color: #6c6c6c;
}
div.ContentSubtitle2 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: bold;
	color: #c9282d;
}
div.ContentSubtitle3 {
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	background-color: #f6f6f6;
	font-weight: bold;
	color: #6c6c6c;
}
div.ContentSubtitle4 {
	padding: 0px 0px 6px 0px;
	color: #6c6c6c;
}
div.ContentSeperator1 {
	margin: 4px 0px 4px 0px;
	border-bottom: 3px solid #e0e0e0;
}
div.ContentSeperator1Slim {
	margin: 4px 0px 4px 0px;
	border-bottom: 1px solid #e0e0e0;
}
div.ContentSeperator1Menu {
	margin: 6px 0px 9px 0px;
	border-bottom: 3px solid #e0e0e0;
}
div.ContentSeperator1Dark {
	margin: 4px 0px 4px 0px;
	border-bottom: 3px solid #6c6c6c;
}
div.ContentSeperator1Green {
	margin: 4px 0px 4px 0px;
	border-bottom: 3px solid #44e5b5;
}
div.ContentSeperator1Yellow {
	margin: 4px 0px 4px 0px;
	border-bottom: 3px solid #ffcc42;
}
div.ContentSpacerHeight4 {
	width: 0px;
	height: 0px;
	margin-top: 4px;
}
div.ContentSpacerHeight8 {
	width: 0px;
	height: 0px;
	margin-top: 8px;
}
div.ContentSpacerHeight12 {
	width: 0px;
	height: 0px;
	margin-top: 12px;
}
div.ContentSpacerHeight16 {
	width: 0px;
	height: 0px;
	margin-top: 16px;
}
div.ContentSpacerHeight24 {
	width: 0px;
	height: 0px;
	margin-top: 24px;
}
span.ContentSpacerWidth12a {
	margin-right: 6px;
	margin-left: 6px;
	color: #505050;
}
table.ContentContainer {
	width: 100%;
	padding: 8px 8px 8px 8px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
tr.ContentContainer {
}
td.ContentContainer {
	padding: 0px 4px 0px 0px;
}
table.ContentContainer2 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px;
}
tr.ContentContainer2 {
}
td.ContentContainer2 {
	padding: 8px 8px 8px 8px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
table.ContentContainerTransparent {
	width: 100%;
	padding: 8px 8px 8px 8px;
}
tr.ContentContainerTransparent {
}
td.ContentContainerTransparent {
	padding: 0px 4px 0px 0px;
}
table.ContentContainerBlock {
	width: 100%;
	padding: 8px 8px 8px 8px;
	background-color: #ffffff;
}
tr.ContentContainerBlock {
}
td.ContentContainerBlock {
	padding: 10px 10px 10px 10px;
	background-color: #f6f6f6;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
td.ContentContainerBlockSeperator {
	padding: 4px;
}
table.ContentContainerBlock i {
	min-width: 24px;
	text-align: center;
}
table.ContentContainerInner {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
tr.ContentContainerInner {
}
td.ContentContainerInner {
	padding: 0px 4px 0px 0px;
}
td.ContentContainerInnerRight {
	padding: 0px 0px 0px 0px;
	text-align: right;
}
td.ContentContainerInnerLast {
	padding: 0px 0px 0px 0px;
}
td.ContentContainerInnerLastRight {
	padding: 0px 0px 0px 0px;
	text-align: right;
}
td.ContentContainerInnerSingle {
	padding: 0px 0px 0px 0px;
}
td.ContentContainerInnerSingleRight {
	padding: 0px 0px 0px 0px;
	text-align: right;
}
table.ContentContainerTile {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
tr.ContentContainerTile {
}
td.ContentContainerTile {
	padding: 8px;
	border: 1px solid #e0e0e0;
}
.ContentIcon1 {
	color: #44e5b5;
}

/* ------------------------------ */
/* Graph			  */
/* ------------------------------ */
td.Graph {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
div.GraphElement {
	background-color: #c9282d;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	animation: Expand 1s 1;
	opacity: 1;
}
div.GraphElement:hover {
	opacity: 0.5;
}

/* ------------------------------ */
/* Notification				      */
/* ------------------------------ */
div.NotificationInformationSeparator {
	margin: 0px 0px 3px 0px;
	padding: 3px 0px 0px 0px;
	border-bottom: 3px solid #22a744;
}
div.NotificationInformationTitle {
	padding: 0px 0px 2px 0px;
	font-size: 18px;
	color: #6c6c6c;
}
div.NotificationInformation {
	margin: 0px 0px 12px 0px;
}
div.NotificationInformation > ul {
	padding: 4px 0px 4px 0px;
	margin: 0;
}
div.NotificationInformation li::before {
	color: #22a744;
}
div.NotificationErrorSeparator {
	margin: 0px 0px 3px 0px;
	padding: 3px 0px 0px 0px;
	border-bottom: 3px solid #ee4000;
}
div.NotificationErrorTitle {
	padding: 0px 0px 2px 0px;
	font-size: 18px;
	color: #ee4000;
}
div.NotificationError {
	margin: 0px 0px 12px 0px;
}
div.NotificationError li::before {
	color: #6c6c6c;
}
div.NotificationExclamationSeparator {
	margin: 0px 0px 3px 0px;
	padding: 3px 0px 0px 0px;
	border-bottom: 3px solid #0066ff;
}
div.NotificationExclamationTitle {
	padding: 0px 0px 2px 0px;
	font-size: 18px;
	color: #6c6c6c;
}
div.NotificationExclamation {
	margin: 0px 0px 12px 0px;
}
div.NotificationExclamation li::before {
	color: #0066ff;
}

/* ------------------------------ */
/* Dropdown                       */
/* ------------------------------ */
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    min-width: 160px;
    background-color: #f6f6f6;
    color: #6c6c6c;
    z-index: 999;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dropdown-content a {
    display: block;
    padding: 12px 9px;
    text-decoration: none;
    color: #6c6c6c;
}
.dropdown-content div {
    display: block;
    padding: 3px 9px 4px 9px;
    text-decoration: none;
    color: #6c6c6c;
    border-bottom: 1px solid #e0e0e0;
}
.dropdown-content a:hover {
    background-color: #c9282d;
    color: #ffffff;
}
.dropdown:hover .dropdown-content {
    display: block;
}


/* ----------------------------- */
/* Dialog						 */
/* ----------------------------- */
div.DialogOverlay {
	visibility: hidden;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url('/Bilder/BackgroundLow.png');
	text-align: center;
	z-index: 1000;	
}
div.DialogTitle {
	padding: 4px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #6c6c6c;
	font-size: 13px;
	font-weight: bold;
	color: #6c6c6c;
}
div.DialogContent {
	padding: 6px;
}
span.DialogDescription {
	font-size: 12px;
}


/* --------------------------- */
/* Text						   */
/* --------------------------- */
div.Text6 {
	padding: 2px 0px 2px 0px;
	font-size: 12px;
}
div.Text8 {
	margin: 6px 0px 0px 0px;
}
div.Text10 {
	color: #8c8c8c;
}
div.Text11 {
	padding: 4px 0px 0px 0px;
	font-size: 12px;
}
span.Text {
	font-weight: normal;
	color: #000000;
}
span.Text2 {
	font-size: 15px;
	font-weight: bold;
	color: #6c6c6c;
}
span.Text3 {
	color: #6c6c6c;
}
span.Text6 {
	font-size: 12px;
}
span.Text7 {
	font-size: 15px;
	font-weight: bold;
	color: #22a744;
}
span.Text8 {
	color: #c9282d;
}
span.Text9 {
	font-weight: bold;
	color: #6c6c6c;
}
span.Text10 {
	font-weight: bold;
	color: #8c8c8c;
	text-decoration: line-through;
}
span.Text11 {
	font-size: 15px;
	font-weight: bold;
	color: #6c6c6c;
	line-height: 20px;
}
span.Text13 {
	color: #ee4000;
}
span.Text15 {
	font-size: 15px;
	font-weight: bold;
	color: #6c6c6c;
}
span.Text16 {
	font-style: italic;
}
span.Text17 {
	font-size: 15px;
}
span.Text18 {
	color: #4c4c4c;
}
span.Text19 {
	font-size: 24px;
	font-weight: bold;
	color: #6c6c6c;
}
span.Text20 {
	font-size: 15px;
	font-weight: normal;
	color: #6c6c6c;
	line-height: 20px;
}
span.Text21 {
	font-size: 15px;
	color: #6c6c6c;
	line-height: 20px;
}
span.Text22 {
	font-weight: bold;
	text-decoration: underline;
}

/* --------------------------- */
/* Link						   */
/* --------------------------- */
a.Link2 {
   color: #000000;
}
a.Link2:hover {
   color: #000000;
   text-decoration: underline;
}
a.LinkNavigation {
	color: #505050;
}
a.LinkNavigation:hover {
	color: #505050;
	cursor: pointer;
	text-decoration: underline;
}
a.LinkProduct {
	font-size: 15px;
	font-weight: bold;
	color: #3366cc;
}
a.LinkProduct:hover {
	text-decoration: underline;
}
a.LinkTitle1 {
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #3366cc;
}
a.LinkTitle1:hover {
	color: #3366cc;
	cursor: pointer;
	text-decoration: underline;
}
div.LinkNavigation {
	margin: 4px 0px 8px 0px;
	padding: 0px 4px 3px 4px;
	font-size: 14px;
}
div.LinkNavigationImage {
	margin: 4px 0px 8px 0px;
	padding: 1px 4px 1px 20px;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
}
div.LinkNavigationIcon {
	margin: 4px 0px 8px 0px;
	padding: 1px 4px 1px 4px;
	font-size: 14px;
}
a.LinkNavigationIcon, a.LinkNavigationIcon:visited, a.LinkNavigationIcon:hover{
	color: #c9282d;
	text-decoration: none;
}
i.LinkNavigationIcon {
	min-width: 24px;
	font-size: 16px;
}
.LinkExternal:after {
	padding-left: 4px;
	font-family: "Font Awesome 5 Pro";
	content: "\f360";
}


/* ---------------------------- */
/* Description					*/
/* ---------------------------- */
a.Description {
	color: #505050;
}
a.Description:hover {
	cursor: help;
}


/* ------------------------------ */
/* Image						  */
/* ------------------------------ */
div.ProductImage {
	max-width: 100px;
	margin: 4px;
	text-align: center;
}
div.ProductImage img {
	max-width: 100px;
	margin: 0px auto 0px auto;	
}

div.ImageProduct {
	position: relative;
	display: inline-block;
	width: 75px;
	height: 75px;
	border-radius: 2px;
	background-color:#FFF;
}

div.ImageProduct img {
	position: absolute; 
	margin: auto; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	height: auto; 
	width: auto;
	max-height: 100%; 
	max-width: 100%;        
}


/* ------------------------------ */
/* Compatibility				  */
/* ------------------------------ */

/* Standard-Elemente */
/* ----------------- */

a.Nowrap{
	padding: 0px;
	text-decoration: none;
	white-space: nowrap;
}
a.Nowrap:hover{
	padding: 0px;
	text-decoration: underline;
	white-space: nowrap;
}
div.Absatz{
	padding: 6px 0px 0px 0px;
}
div.AbsatzGross{
	padding: 14px 0px 0px 0px;
}
div.Beschriftung{
	padding: 4px 6px 4px 6px;
	background-color: #f6f6f6;
}
div.Kleiner{
	font-size: 12px;
}
div.KleinerMitAbsatz{
	padding: 3px 0px 0px 0px;
	font-size: 12px;
}
div.Rahmen{
	border: 1px solid #d0d0d0;
}
div.RahmenInhalt{
	margin: 0px 0px 14px 0px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
}
iframe.PDF{
	width: 100%;
	height: 600px;
}
span.Fett{
	font-weight: bold;
}
span.Gross{
	font-size: 16px;
}
span.Kleiner{
	font-size: 12px;
}
span.Normal{
	font-size: 14px;
}
span.Nowrap{
	font-size: 14px;
	white-space: nowrap;
}
span.Rot{
	color: #ee4000;
}
span.Blau{
	color: #3333ff;
}
span.Gruen{
	color: #22a744;
}
td.Rechts{
	text-align: right;
}
	

/* objSeite */
/*----------*/
a.objSeiteHauptmenueTrenn{
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #000000;
}
a.objSeiteHauptmenueTrenn:hover{
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #000000;
	text-decoration: underline;
}
div.objSeite{
	min-width: 980px;
	max-width: 1240px;
	margin: 0px auto 0px auto;
}
div.objSeiteInhalt{
	border: 1px solid #f6f6f6;
}
div.objSeiteHauptmenue{
	padding: 2px 4px 4px 0px;
	font-size: 14px;
	text-align: right;
}
span.objSeiteHauptmenueTrenn{
	padding: 0px 6px 0px 6px;
	border-right: 1px solid #000000;
}


/* objInhalt */
/* --------- */
div.objInhaltBeschreibung{
	padding-bottom: 6px;
}
div.objInhaltInlineRahmen{
	margin: 0px;
	padding: 16px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
}
div.objInhaltInlineRand{
	margin: 0px;
	padding: 14px;
	border: 0px;
}
div.objInhaltTitel{
	padding-bottom: 8px;
	font-size: 24px;
	color: #6c6c6c;
}
div.objInhaltTitelGrau{
	padding-bottom: 8px;
	font-size: 24px;
	color: #6c6c6c;
}
div.objInhaltBereichSplitLinks{
	margin: 0px 14px 14px 0px;
	padding: 14px;
	border: 0px solid #e0e0e0;
}


/* objFormular */
/* ----------- */
div.objFormular{
	margin: 0px 0px 14px 0px;
	padding: 10px 14px 14px 14px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div.objFormularTitel{
	padding-bottom: 4px;
	font-size: 24px;
	color: #6c6c6c;
}
div.objFormularBeschreibung{
	padding: 4px 0px 4px 0px;
}
div.objFormularInline{
	padding-top: 10px;
	background-color: #ffffff;
}
div.objFormularInlineRand{
	padding: 8px 14px 8px 14px;
	border: 0px;
}
div.objFormularUntertitel{
	padding: 12px 0px 0px 0px;
	font-size: 18px;
	color: #6c6c6c;
}
div.objFormularUntertitelAbsatz{
	padding: 18px 0px 0px 0px;
	font-size: 16px;
	color: #000000;
    font-weight: bold;
}
table.objFormular{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	border: 0px solid #e0e0e0;
	border-collapse: collapse;
	border-spacing: 0px;
}
td.objFormularBeschriftung{
	padding: 8px 6px 8px 0px;
	border-bottom: 1px solid #e0e0e0;
	color: #6c6c6c;
}
td.objFormularInhalt1{
	padding: 8px 4px 8px 0px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left !important;
}
td.objFormularInhalt2{
	padding: 8px 4px 8px 0px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left !important;
}
div.objFormularFunktion{
	margin-Top: 8px;
	line-height: 23px;
}


/* objTabelle */
/* ---------- */
div.objTabelle{
	margin: 0px 0px 14px 0px;
	padding: 40px 14px 14px 14px;	
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div.objTabelleBemerkung{
	padding: 20px;
	background-color: #ffffff;
	border-bottom: 1px solid #e0e0e0;
}
div.objTabelleBeschreibung{
	padding-bottom: 8px;
}
div.objTabelleFilter{
	padding-bottom: 6px;
}
div.objTabelleFunktion{
	margin-Top: 10px;
}
div.objTabelleInline{
	background-color: #ffffff;
	padding-top: 10px;
}
div.objTabelleInlineRand{
	padding: 0px 14px 14px 14px;
	border: 0px;
}
div.objTabelleInhalt{
	border-bottom: 0px;
	padding-top: 0px;
}
div.objTabelleSeitenzahl{
	padding: 6px 4px 6px 4px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e0e0e0;
}
div.objTabelleSeitenzahl td {
	padding: 10px 3px;
	border: none;
}
div.objTabelleSuche{
	padding: 0px 0px 10px 0px;
}
div.objTabelleTitel{
	padding-bottom: 4px;
	font-size: 18px;
	font-weight: bold;
	color: #6c6c6c;
}
td.objTabelleLinks{
	padding: 15px 9px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;
}
td.objTabelleLinksErweitertEnde{
	padding: 0px 4px 4px 4px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;
}
td.objTabelleLinksNowrap{
	padding: 4px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;
	white-space: nowrap;
}
td.objTabelleRechts{
	padding: 4px;
	border-bottom: 1px solid #e0e0e0;
	text-align: right;
}
td.objTabelleRechtsErweitert{
	padding: 0px 4px 2px 4px;
	text-align: right;
}
td.objTabelleRechtsErweitertEnde{
	padding: 0px 4px 4px 4px;
	border-bottom: 1px solid #e0e0e0;
	text-align: right;
}
td.objTabelleRechtsNowrap{
	padding: 4px;
	border-bottom: 1px solid #e0e0e0;
	text-align: right;
	white-space: nowrap;
}
th.objTabelleLinks{
	padding: 6px 4px 6px 4px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
th.objTabelleLinksNowrap{
	padding: 6px 4px 6px 4px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
th.objTabelleRechts{
	padding: 6px 4px 6px 4px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
th.objTabelleRechtsNowrap{
	padding: 6px 4px 6px 4px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
tr.objTabelle2{
	background-color: #ffffff;
}
tr.objTabelle2Block{
	background-color: #ffffff;
}
div.objTabelle2SeitenzahlEintragSchritt{
	display: block;
	float: left;
	margin: 0px 2px 0px 2px;
	padding: 3px 0px 3px 0px;
	width: 25px;
	text-align: center;
	color: #6c6c6c;
	border: 1px solid #f6f6f6;
}
div.objTabelle2SeitenzahlEintrag{
	display: block;
	float: left;
	width: 25px;
	padding: 3px 0px 3px 0px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #f6f6f6;
	text-align: center;
}
div.objTabelle2SeitenzahlEintrag:hover{
	width: 25px;
	border: 1px solid #e0e0e0;
}
div.objTabelle2SeitenzahlEintragAuswahl{
	display: block;
	float: left;
	width: 25px;
	margin: 0px 2px 0px 2px;
	padding: 3px 0px 3px 0px;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
}


/* objTabelle2 */
/* ----------- */
div.objTabelle2{
	margin: 0px 0px 14px 0px;
	padding: 40px 14px 14px 14px;	
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div.objTabelle2Bemerkung{
	padding: 4px;
	background-color: #ffffff;
	border-bottom: 1px solid #e0e0e0;
}
div.objTabelle2Beschreibung{
	padding-bottom: 8px;
	padding-left: 4px;
}
div.objTabelle2Funktion{
	margin-Top: 10px;
}
div.objTabelle2Inline{
	padding-top: 10px;
	background-color: #ffffff;
}
div.objTabelle2Inhalt{
	padding-top: 0px;
}
div.objTabelle2Aktionsleiste{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #e0e0e0;
}
div.objTabelle2AktionsleisteEnde{
	margin: 0px 8px 0px 8px;
	padding: 6px 4px 6px 4px;
}
div.objTabelle2Titel{
	font-size: 36px;
    line-height: 42px;
	padding-bottom: 6px;
	padding-left: 4px;
	font-weight: bold;
	color: #6c6c6c;
}
div.objTabelle2TitelKlein{
	padding-bottom: 4px;
	padding-left: 4px;
	color: #c9282d;
	font-weight: bold;	
}
td.objTabelle2Links{
	padding: 15px 9px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left !important;
}
td.objTabelle2LinksAbstand{
	padding: 4px 8px 4px 8px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left !important;
}
td.objTabelle2LinksNowrap{
	padding: 4px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;
	white-space: nowrap;
}
td.objTabelle2Rechts{
	padding: 4px;
	border-bottom: 1px solid #e0e0e0;
	text-align: right;
}
td.objTabelle2RechtsNowrap{
	padding: 4px;
	border-bottom: 1px solid #e0e0e0;
	text-align: right;
	white-space: nowrap;
}
td.objTabelle2BlockLinks{
	padding: 6px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;
}
td.objTabelle2BlockLinksNowrap{
	padding: 6px;
	border-bottom: 1px solid #e0e0e0;
	text-align: left;
	white-space: nowrap;
}
td.objTabelle2BlockRechts{
	padding: 6px;
	border-bottom: 1px solid #e0e0e0;
	text-align: right;
}
th.objTabelle2Links{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
th.objTabelle2LinksNowrap{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
th.objTabelle2Rechts{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
th.objTabelle2RechtsNowrap{	
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
th.objTabelle2BlockLinks{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
th.objTabelle2BlockLinksNowrap{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
th.objTabelle2BlockRechts{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
th.objTabelle2BlockRechtsNowrap{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
tr.objTabelle2{
	background-color: #ffffff;
}
tr.objTabelle2Block{
	background-color: #ffffff;
}
div.objTabelle2SeitenzahlEintragSchritt{
	display: block;
	float: left;
	margin: 0px 2px 0px 2px;
	padding: 3px 0px 3px 0px;
	width: 25px;
	text-align: center;
	color: #6c6c6c;
	border: 1px solid #f6f6f6;
}
div.objTabelle2SeitenzahlEintrag{
	display: block;
	float: left;
	width: 25px;
	padding: 3px 0px 3px 0px;
	margin: 0px 2px 0px 2px;
	border: 1px solid #f6f6f6;
	text-align: center;
}
div.objTabelle2SeitenzahlEintrag:hover{
	width: 25px;
	border: 1px solid #e0e0e0;
}
div.objTabelle2SeitenzahlEintragAuswahl{
	display: block;
	float: left;
	width: 25px;
	margin: 0px 2px 0px 2px;
	padding: 3px 0px 3px 0px;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
}


/* objBlock */
/* -------- */
div.objBlock{
	margin: 0px 0px 14px 0px;
	padding: 10px 14px 14px 14px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div.objBlockInline{
	padding-top: 8px;
}
table.objBlock{
	width: 100%;
}
td.objBlock{
	padding: 6px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
}
img.objBlock{
	margin: 0px 6px 0px 0px;
	border: 1px solid #e0e0e0;
}

/* objBaum */
/* ------- */
div.objBaum{
	margin-bottom: 14px;
	padding: 14px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
div.objBaumTitel{
	font-size: 18px;
	padding-bottom: 8px;
}
div.objBaumBeschreibung{
	padding-bottom: 8px;
}
div.objBaumFunktion{
	padding-Top: 10px;
}
div.objBaumKartei{
	margin-bottom: 14px;
	padding: 14px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-top: 0px;
}
ul.objBaumElement{
	margin: 0px;
	padding: 0px;
}
ul.objBaumUnterelement{
	margin: 0px;
	padding-left: 10px;
	list-style-position: outside;
	list-style-type: disc;
}
li.objBaumElement{
	margin-bottom: 2px;
	padding: 0px;
}
a.objBaumElement{
	padding: 0px;
	text-decoration: none;
}
a.objBaumElement:hover{
	text-decoration: underline;
}


/* objKartei */
/* --------- */
div.objKartei{
	padding: 20px 0px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-bottom: 0px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	overflow: hidden;
}
div.objKarteiInhalt{
	margin: 0px 0px 14px 0px;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-top: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
table.objKartei{
	margin: 0px;
	padding: 0px;
	border: 0px solid #e0e0e0;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.objKartei td {
	border: 0px solid #e0e0e0;
	padding-right: 20px;
}
table.objKartei td a {
		text-decoration: none !important;
}
td.objKarteiReiter{
	border-bottom: 2px solid #EBEBEB !important;
    font-size: 18px;
    margin-right: 30px;
    padding-bottom: 10px;
    position: relative;
    text-transform: initial;
    white-space: nowrap;
	align-items: center;
    background-color: transparent;
    cursor: pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
	opacity: 0.5;
}
td.objKarteiReiterAktiv{	
	border-bottom: 2px solid #C9282D !important;
    font-size: 18px;
    margin-right: 30px;
    padding-bottom: 10px;
    position: relative;
    text-transform: initial;
    white-space: nowrap;
	align-items: center;
    background-color: transparent;
    cursor: pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none;
}
td.objKarteiReiterEnde{

}

/* -------------------- */
/* ProductTile		  	*/
/* -------------------- */
div.ProductMiniTile {
	display: inline-block;
    border: 1px solid #dddddd;
    border-radius: 2px;
	padding: 5px;
    margin: 0px 10px 10px 0px;
	height: 50px;
}

div.ProductMiniTileImage {
	position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 2px;
    overflow: hidden;
    background-color: #FFF;
	vertical-align: middle;
	margin-right: 10px;
}

div.ProductMiniTileImage img {
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
}

div.ProductMiniTileProductName {
	display: inline-block;
	vertical-align: middle;
	width: 150px;
}

div.ProductMiniTileCenterElement {
	display: inline-block;
	width: 0px;
	height: 100%;
	vertical-align: middle;
}

/* -------------------- */
/* ProductRelationTile	*/
/* -------------------- */
div.ProductRelationTile {
	padding: 5px;
}


/* -------------------- */
/* Accordion		  	*/
/* -------------------- */
div.accordion {}
div.accordionNavigation {
	background-color: #cecece;
	padding: 10px;
	margin: 10px 0px 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #3c3c3c;
	cursor: pointer;
}
div.accordionBody {
	height: 0px;
	overflow: hidden;
	padding: 0px;
	background-color: #eeeeee;
    font-size: 16px;
    color: #3c3c3c;
	opacity: 0;
	transition: opacity 0.5s;
}
.accordionDisplay div.accordionBody {
	height: auto;
	padding: 10px;
	opacity: 1;
}

/* -------------------- */
/* Expandablecontent 	*/
/* -------------------- */
div.InformationShortable {
	margin-bottom: 5px;
	padding-bottom: 5px;
	overflow:hidden;
	content: "";
	position:relative;  
}
div.InformationShortable.Shorted {
	max-height: var(--InformationShortablePreviewHeight, 100px);
	text-overflow: ellipsis;
}
div.InformationShortable.Shorted:after {
	content:'';
	width:100%;
	height:100%;    
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(transparent, white);
	pointer-events: none;
}


/* -------------------- */
/* Dialog open		  	*/
/* -------------------- */

div.UrlDialogOpen {
	width: 100%;
}

div.UrlDialogOpen input[type="text"]{
	float: left;
}

div.UrlDialogOpen button.UrlDialogButton {
	margin-left: 6px;
}


/* -------------------- */
/* Dialog body		  	*/
/* -------------------- */

body.DialogBody {
	background-color: #ffffff;
    overflow: auto;
}

/* -------------------- */
/* Url-Dialog	      	*/
/* -------------------- */

.UrlDialogOverlay {
	position: fixed;
	top: 0px;
    left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(100,100,100, 0.4);
	z-index: 999;
}

.UrlDialogOverlay .UrlDialog {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #ffffff;
	max-width: 95vw;
    max-height: 95vh;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #9a9a9a;
	box-shadow: 0px 0px 10px #888;
}

.UrlDialogOverlay .UrlDialog .UrlDialogHeader {
	height: 36px;
    border-bottom: 1px solid #dddddd;
}

.UrlDialogOverlay .UrlDialog .UrlDialogHeader .UrlDialogClose {
	width: 30px;
	height: 30px;
	float: right;
	text-align: center;
	cursor: pointer;
	color: #d6d5d5;
	padding-right: 4px;
}

.UrlDialogOverlay .UrlDialog .UrlDialogHeader .UrlDialogClose:hover {
	color: #f93340;
}

.UrlDialogOverlay .UrlDialog .UrlDialogHeader .UrlDialogClose:active {
	color: #ee0000;
}
	
.UrlDialogOverlay .UrlDialog .UrlDialogHeader .UrlDialogClose i {
	line-height: 36px;
	font-size: 24px;
}

.UrlDialogOverlay .UrlDialog .UrlDialogHeader .UrlDialogName {
	float: left;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    font-size: 15px;
    font-weight: bold;
    max-width: calc(100% - 45px);
    color: #6c6c6c
}

.UrlDialogOverlay .UrlDialog .UrlDialogBody {
	max-width: inherit;
}

.UrlDialogOverlay .UrlDialog .UrlDialogBody iframe{
	width: 100%;
    height: 100%;
    border: none;
}

.UrlDialogOverlay .UrlDialog .UrlDialogLoadingIcon {	
	margin: 0 auto;
	display: block;
}

/* -------------------- */
/* FontAwsome Dialog  	*/
/* -------------------- */

div.FontAwsomeSymbolSelectorTile {
	width: 150px;
	height: 178px;
	float: left;
	border: 1px solid #7e7e7e;
	margin: 6px;
	cursor: pointer;
}

div.FontAwsomeSymbolSelectorTileContent
{
	height: 150px;
	width: 150px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 50px;
}

div.FontAwsomeSymbolSelectorTileContent i {
	font-size: 50px;
}

div.FontAwsomeSymbolSelectorTileDescription
{
	height: 20px;
	text-align: center;
	padding: 4px;
	background-color: #e7e7e7;
	overflow: hidden;
	text-overflow: ellipsis;	
	white-space: nowrap;
}

/* -------------------- */
/* KompatibilitÃ¤t		*/
/* -------------------- */

div.objTabelle input, 
div.objTabelle2 input, 
div.objKarteiInhalt input, 
div.ContentContainer input,
div.RahmenInhalt input {
	width: auto !important;
	display: initial !important;
}

.objTabelle input[type=checkbox], 
.objTabelle2 input[type=checkbox], 
.objKarteiInhalt input[type=checkbox], 
.ContentContainer input[type=checkbox] {
	width: 20px !important;
    height: 20px !important;	
}

.objTabelle textarea, .objTabelle2 textarea, .objKarteiInhalt textarea {
	width: 98%;
	word-wrap: soft;
}

.objTabelle td:last-child:not(.objTabelle2RechtsNowrap):not(.objTabelle2Rechts):not(.objTabelleRechts), 
.objTabelle th:last-child:not(.objTabelle2RechtsNowrap):not(.objTabelle2Rechts):not(.objTabelleRechts), 
.objKarteiInhalt th:last-child:not(.objTabelle2RechtsNowrap):not(.objTabelle2Rechts):not(.objTabelleRechts),
.objKarteiInhalt td:last-child:not(.objTabelle2RechtsNowrap):not(.objTabelle2Rechts):not(.objTabelleRechts) {
    text-align: left !important;
}

.objTabelle2Funktion button, 
input[type=submit], 
.objFormularInline button, 
div.RahmenInhalt button,
div.ContentContainer form button {
	align-items: center;
    background-color: transparent;
    cursor: pointer;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    margin: 0;
    outline: 0;
    text-decoration: none;
    text-transform: uppercase;
	border: 3px solid #323232;
    color: #323232;
    font-size: 16px;
    font-weight: bold;
    padding: 13px 30px;
    vertical-align: bottom;
    height: 50px;
}

.ContentContainer input[type=button] {
	padding: 8px;
}

.ContentContainer input[type=file] {
	height: 50px;
}

.objTabelle2Funktion button:first-of-type, .objFormularFunktion input:first-of-type {
	background-color: #323232;
    color: #fff;
    padding: 13px 30px;
}

div.objTabelle2Aktionsleiste table {
	width: auto;
}

div.objTabelle2Aktionsleiste table td{
    padding: 0px 3px;
	border: none;
}

div.objKarteiInhalt, 
div.objKartei, 
div.objTabelle2Aktionsleiste, 
div.objTabelle, 
div.objTabelle2,
div.RahmenInhalt {
	border: none !important;
}

div.objKarteiInhalt select, 
div.objKartei select, 
div.objTabelle2Aktionsleiste select, 
div.objTabelle select, 
div.objFormular select,
div.ContentContainer select {
	appearance: auto;
}
div.ContentContainer td:first-child {
    text-align: left;
}

div.objDirectory {
	overflow: hidden;
	padding-top: 40px;
}

div.objBaum ul {
	margin: initial;
}

div.objTabelle2 .button {
	padding: 5px;
}

div.objTabelleTitel, div.objTabelle2Titel, div.objFormularTitel {
	color: #323232;
	font-size: 36px;
    line-height: 42px;
	padding-top: 20px;
	padding-bottom: 10px;
	text-transform: uppercase;
	text-align: left;
}

.slider__item > .CMS .CMSElement:last-child {
	padding-bottom: 0 !important;
}

.slider__item > .CMS .CMSElement:first-child {
	padding-top: 0 !important;
}

@media only screen and (min-width: 768px) {
	div.objKarteiInhalt, 
	div.objKartei, 
	div.objTabelle, 
	div.ContentContainer, 
	div.objTabelle2,
	div.objDirectory,
	div.RahmenInhalt {
		margin: 0px auto !important;
		max-width: 1620px !important;
		min-width: 310px !important;
		padding-left: 50px !important;
		padding-right: 40px !important;
	}
}
