*
{
	outline: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

html, body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body
{
	font-size: 14px;
	line-height: 15px;
	font-weight: normal;
	font-style: normal;
	font-family: roboto_light, Arial, Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
}

	body.Page > form
	{
		padding: 40px;
	}

table
{
	border-spacing: 0;
}

img
{
	border-style: none;
	border-width: 0px;
}

tr
{
	font-size: 14px;
	font-style: normal;
	font-family: roboto_light, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
}

th
{
	border: 0px;
}

a {
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: roboto_light, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #0f73b9;
}

	a:hover {
		text-decoration: underline;
		color: #0f73b9;
	}

	a[disabled], span[disabled]
	{
		color: #808080;
	}

	a:hover[disabled]
	{
		color: #808080;
		text-decoration: none;
	}

.displayNone
{
	display: none;
}

/* ************************* */
/* Klassen für Überschriften */
/* ************************* */

h1
{
	font-family: roboto_thin,Arial,Verdana,Sans-Serif;
	color: rgb(80,80,80);
	font-size: 23px;
	text-decoration: none;

}

	h1.white
	{
		font-family: roboto_thin,Arial,Verdana,Sans-Serif;
		color: white;
		font-size: 23px;
		text-decoration: none;
	}

	h1.popup
	{
		font-family: roboto_thin,Arial,Verdana,Sans-Serif;
		color: White;
		font-size: 17px;
		text-decoration: none;
	}

h2
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: Black;
	font-size: 16px;
	text-decoration: none;
	margin-bottom: 16px;
}

	h2.small
	{
		font-family: roboto_medium,Arial,Verdana,Sans-Serif;
		color: Black;
		font-size: 14px;
		text-decoration: underline;
	}

h3
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: Black;
	font-size: 14px;
	text-decoration: underline;
	padding-bottom: 20px;
}

	h3.small
	{
		font-family: roboto_medium,Arial,Verdana,Sans-Serif;
		color: Black;
		font-size: 12px;
		text-decoration: none;
		padding-bottom: 10px;
	}

		h3.small.underline
		{
			text-decoration: underline;
		}

h4
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: Black;
	font-size: 12px;
	text-decoration: none;
	padding-bottom: 10px;
}

	h4.small
	{
		font-family: roboto_medium,Arial,Verdana,Sans-Serif;
		color: Black;
		font-size: 10px;
		text-decoration: none;
		padding-bottom: 10px;
	}

	h4.underline
	{
		text-decoration: underline;
	}


/* ****************************** */
/* Ende Klassen für Überschriften */
/* ****************************** */

/* ****************************** */
/* Klassen für Schriftvariationen */
/* ****************************** */

/* Fließtext und Body-Standardformatierung */
.runningtext, body
{
	font-family: roboto_light,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 14px;
	text-decoration: none;
}

/* Fließtext mit Fettschrift */
.runningtext_bold
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 14px;
	text-decoration: none;
}
/* Subtext */
.runningtext_sub
{
	font-family: roboto_light,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 12px;
	text-decoration: none;
}

/* Subtext mit Fettschrift */
.runningtext_sub_bold
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 12px;
	text-decoration: none;
}

/* Subtext mit Fettschrift weiss */
.runningtext_sub_bold_white
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: white;
	font-size: 12px;
	text-decoration: none;
}

/* Subtext mit Fettschrift grau */
.runningtext_sub_bold_gray
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: #505050;
	font-size: 12px;
	text-decoration: none;
}

.tableHead tr, .tableHead th, .tableHead td
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: white;
	font-size: 12px;
	text-decoration: none;
}

/* Überschriften Hilfe */
.helptext_headline
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 14px;
	text-decoration: none;
}

/* Fließtext Hilfe */
.helptext
{
	font-family: roboto_light,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 14px;
	text-decoration: none;
	line-height:17px;
}

/* Fließtext Hilfe mit Fettschrift */
.helptext_bold
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 14px;
	text-decoration: none;
}

/* Subtext Hilfe*/
.helptext_sub
{
	font-family: roboto_light,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 12px;
	text-decoration: none;
}

/* Subtext Hilfe mit Fettschrift*/
.helptext_sub_bold
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 12px;
	text-decoration: none;
}

.helptext .videoPreviewImage {
	width: 30%;
	border: 1px solid #0F73B9;
}

.helptext .videoPreviewLink
{
	cursor: pointer;
	font-weight: bold;
}

	.helptext .videoPreviewLink:not(:last-child)
	{
		margin-right: 20px;
	}

.register-help .helptext .videoPreviewImage
{
	width: 50%;
}

ol.runningtext, ul.runningtext
{
	margin-left: 20px;
}

ol.helptext, ul.helptext
{
	margin-left: 20px;
}

.errormessage
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: black;
	font-size: 20px;
	text-decoration: none;
}

.oc_text {
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: #0f73b9;
	font-size: 18px;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
}
/* *********************************** */
/* Ende Klassen für Schriftvariationen */
/* *********************************** */

.disabled
{
	color: #808080;
}

	.disabled:hover
	{
		color: #808080;
		text-decoration: none;
		cursor: default;
	}

a.noUnderline:hover
{
	text-decoration: none;
}

.fontminus1, .minus1
{
	font-size: 8pt;
	line-height: 11px;
	font-weight: normal;
	font-style: normal;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
}

.reallyTiny
{
	font-size: 0.7em;
	line-height: 11px;
	font-weight: normal;
	font-style: normal;
	font-family: roboto, Arial, Geneva, Helvetica, Verdana, sans-serif;
}

.asshelp
{
	font-size: 9pt;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
	background-color: #ffffcf;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: left;
}

.aminus1
{
	font-size: 14px;
	line-height: 11px;
	font-weight: normal;
	font-style: normal;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #000080;
}

	.aminus1:hover
	{
		font-size: 14px;
		line-height: 11px;
		font-weight: normal;
		font-style: normal;
		font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
		text-decoration: none;
		color: #000080;
	}

.text
{
	font-size: 10pt;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
}

.inactive
{
	color: #808080;
}

.fehlermeldung
{
	font-size: 14px;
	line-height: 15px;
	font-style: normal;
	font-family: roboto, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #dc0000;
	vertical-align: top;
}

	.fehlermeldung ul
	{
		margin: 0px;
		list-style-type: none;
		padding: 0px;
		text-align: center;
	}

	.fehlermeldung div
	{
		width: 15px;
		height: 15px;
		display: inline-block;
		background-position: center;
		background-repeat: no-repeat;
		background-image: url(../images/icon_invalid.png)
	}

.upload
{
	font-size: 14px;
	line-height: 16px;
	color: #000080;
	font-style: normal;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	border: 1px solid #8F8F8F;
	background-color: #efefef;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-left: 3px;
}

.asyncupload input
{
	font-size: 12px;
	line-height: 14px;
	color: Black;
	font-style: normal;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	border: 1px solid rgb(143,143,143);
	background-image: url(../images/bg_textbox.gif);
	background-repeat: repeat-x;
}

.versteckt
{
	display: none;
}

.sichtbar
{
	display: block;
}

.sichtbar_inline
{
	display: inline;
}

.hilfefeldbreit
{
	border: 1px solid #bfbfbf;
	background-color: #ffffcf;
	width: 600px;
	padding: 20px;
}

.tabpanelpopup
{
	border: 1px solid #8F8F8F;
	border-left: 0px;
	border-right: 0px;
}

.pager a
{
	font-size: 10pt;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #000080;
}

	.pager a:hover
	{
		font-size: 10pt;
		line-height: 14px;
		font-weight: normal;
		font-style: normal;
		text-decoration: underline;
		color: #000080;
	}

.pager table
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

.pager td
{
	margin: 0px;
	font-size: 11pt;
	line-height: 14px;
	padding-left: 3px;
	padding-right: 3px;
}

.ProgressDisplay
{
	font-weight: bold;
}

	.ProgressDisplay .StatusMessage
	{
		height: 20px;
	}

	.ProgressDisplay .ProgressBar
	{
		background-position: center;
		background-repeat: repeat-x;
	}

	.ProgressDisplay .ImageButton
	{
		border-width: 0px;
		margin: 0px;
		padding: 0px;
	}

		.ProgressDisplay .ImageButton img
		{
			margin: 0px;
			padding: 0px;
			vertical-align: top;
		}

.cal_today
{
	border: solid 1px red;
}

.cal_selectedday
{
	border: none;
	background-color: #2D82C0;
	font-weight: bold;
	color: White;
	text-decoration: none;
}

	.cal_selectedday a
	{
		background-color: #2D82C0;
		font-weight: bold;
		color: White;
		text-decoration: none;
	}

		.cal_selectedday a:hover
		{
			background-color: #2D82C0;
			font-weight: bold;
			color: White;
			text-decoration: underline;
		}

.cal_weekendday
{
	border: solid 1px white;
	border-collapse: collapse;
}

.link
{
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	color: #000080;
	text-decoration: none;
}

	.link:hover
	{
		font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
		font-size: 15px;
		text-decoration: none;
		color: #000000;
	}

.linie
{
	background-color: #DFDFDF;
}

.text
{
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	font-style: italic;
	font-size: 13px;
	line-height: 15px;
	color: #000000;
}

	.text:hover
	{
		color: #000000;
		text-decoration: none;
	}

.text2
{
	font-size: 10pt;
	line-height: 14px;
	font-weight: normal;
	font-style: normal;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #000080;
}

	.text2:hover
	{
		color: #000080;
		text-decoration: none;
	}

.header_coursename
{
	font-size: 8pt;
	line-height: 12px;
	padding-top: 55px;
	color: Black;
	padding-bottom: 55px;
	position: absolute;
	bottom: 0px;
	margin-left: 16px;
}

.border_top_bottom td
{
	border-bottom: solid 1px #8F8F8F;
	border-top: solid 1px #8F8F8F;
}
/*AutoComplete flyout */
.autocomplete_completionListElement
{
	margin: 0px !important;
	background-color: White;
	color: windowtext;
	border: buttonshadow;
	border-width: 1px;
	border-style: solid;
	cursor: 'default';
	overflow: auto;
	height: 100px;
	text-align: left;
	list-style-type: none;
	padding: 0px;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: rgb(45,130,192);
	color: white;
	padding: 1px;
	font-size: 12px;
}

/* AutoComplete item */
.autocomplete_listItem
{
	background-color: window;
	color: windowtext;
	padding: 1px;
	font-size: 12px;
}

#SearchGridTable
{
	border-spacing: 0px;
	padding-right: 20px;
}

.contentTable
{
	width: 100%;
}

.ManSysiFrame
{
	background-color: White;
}

.showOnPrint
{
	display: none;
}

.Favorite_Accordion_Header
{
	position: relative;
	height: 29px;
	cursor: pointer;
}

.Favorite_Accordion_Content
{
	height: 350px;
	width: 100%;
	overflow: auto;
	padding-top: 8px;
}

/* GridViewPager */

.topPager .pagerRow td
{
	width: 20px;
	text-align: center;
	border-top: 1px solid #d2d2d2;
	border-bottom: 0px;
}

	/*Displayangabe auf initial gesetzt, damit die alleinsetehende Klasse .hidden hier nicht greift*/
	.topPager .pagerRow td.hidden
	{
		width: 0px;
		display: initial;
	}

	.topPager .pagerRow td.currentPage
	{
		border-top-width: 2px;
	}

.bottomPager .pagerRow td
{
	width: 20px;
	text-align: center;
	border-top: 0px;
	border-bottom: 1px solid #d2d2d2;
}

	/*Displayangabe auf initial gesetzt, damit die alleinsetehende Klasse .hidden hier nicht greift*/
	.bottomPager .pagerRow td.hidden
	{
		width: 0px;
		display: initial;
	}

	.bottomPager .pagerRow td.currentPage
	{
		border-bottom-width: 2px;
	}

.pfeilRechts,
.pfeileRechts,
.pfeilLinks,
.pfeileLinks,
.pfeileRechts:after,
.pfeileLinks:after
{
	border-color: #505050;
}

/***************************/
/*Einbau der neuen Schatten*/
/***************************/

.th_container
{
	width: 49px;
	height: 100%;
	background-color: white;
	z-index: 1;
	padding-bottom: 49px;
}

/*HeaderZeile Schatten*/
.bs_th
{
	z-index: 1;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 14px;
	margin-top: -14px;
	/*Firefox*/
	box-shadow: 0 5px 3px -4px rgba(0,0,0,0.83);
	/*Chrome*/
	-webkit-box-shadow: 0 6px 3px -4px rgba(0,0,0,0.58);
}

.bs_th_container
{
	height: 39px;
	margin-top: -39px;
}

/*HeaderZellen Schatten rechts*/
.bs_th2
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 100%;
	width: 14px;
	z-index: 0;
	/*Firefox*/
	box-shadow: 3px 0 2px -2px rgba(0,0,0,0.56);
	/*Chrome*/
	-webkit-box-shadow: 3px 0 2px -2px rgba(0,0,0,0.55);
}

/*HeaderZellen Schatten links, nur für ZuWeiÜ Spalte Recommendation und erste Kursspalte im SimpleHTML und erste Spalte Untersuchungsübersicht... O.o */
.bs_th2_left
{
	position: absolute;
	bottom: 0px;
	height: 100%;
	left: -16px;
	width: 14px;
	z-index: 0;
	/*Firefox*/
	box-shadow: 3px 0 2px -2px rgba(0,0,0,0.56);
	/*Chrome*/
	-webkit-box-shadow: 3px 0 2px -2px rgba(0,0,0,0.55);
}

/*Container für Tabellenzellen*/
.td_help_div
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bs_tr
{
	z-index: -1;
	position: absolute;
	left: 0px;
	width: 100%;
	height: 14px;
	margin-top: -14px;
	/*Firefox*/
	box-shadow: 0 3px 2px -2px rgba(0,0,0,0.56);
	/*Chrome*/
	-webkit-box-shadow: 0 3px 2px -2px rgba(0,0,0,0.55);
}

.borderRight2
{
	border-right: 2px solid white;
}

.borderLeft2
{
	border-left: 2px solid transparent;
}

/*IE*/
@media screen and (min-width:0\0)
{
	.bs_th
	{
		box-shadow: 0 5px 3px -3px rgba(0,0,0,0.58);
	}

	.bs_tr
	{
		box-shadow: 0 4px 3px -3px rgba(0,0,0,0.55);
	}
}

/* ----------------Änderungen Kreuztabellen -------------------- */
/*wenn keine Schulungen/Themen angezeigt werden, den SACB zwischen Pager und ZuWeiÜ anzeigen, !important da margin im control mit inline style gesetzt wird*/
.noCoursesShowAllCourseButton
{
	margin-bottom: 46px !important;
	margin-top: 45px !important;
}
.showAllCoursesButton
{
	padding-left: 66%;
}

.shadowRight
{
	position: absolute;
	top: 0;
	right: -7px;
	z-index: 1;
}

.shadowLeft
{
	position: absolute;
	top: 0;
	left: -7px;
	z-index: 1;
}

.oneClickDictonary
{
	position: relative;
	height: 0px;
	width: 48px;
	font-size: 0px;
	line-height: 0px;
}

.gv_table
{
	border-spacing: 0 2px;
	position: relative;
	text-align: left;
	border-collapse: separate !important;
}

.width51
{
	width: 51px;
}

.height51
{
	height: 51px;
}

.whiteSpaceNoWrap
{
	white-space: nowrap;
}

.marginBottom10,
.checkBox.marginBottom10
{
	margin-bottom: 10px;
}

.recImageButtonUpdatePanel
{
	bottom: 0;
	height: 18px;
	left: 0;
	margin: auto;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
}

.zindex1
{
	z-index: 1;
	position: relative;
}

.countImg
{
	position: absolute;
	top: 1px;
	right: -2px;
}
/*---------------- Änderungen Kreuztabellen Ende ---------------*/

.gv_table th
{
	font-weight: normal;
	text-align: left;
}

.gv_table th, .gv_table td
{
	text-align: left;
}

.gv_table tr
{
	position: relative;
}

.tableHeadFont, .tableHeadFont td, .gridViewHeader th, .gridViewHeader th > a, .gridViewHeader th > a:hover
{
	font-size: 12px;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #ffffff;
	white-space: nowrap;
}

.headerColorBlack .gridViewHeader th, .headerColorBlack .gridViewHeader th > a, .headerColorBlack .gridViewHeader th > a:hover
{
	color: #000000;
}

.tr_row
{
	vertical-align: bottom;
}
.bs_container
{
	width:0px;
}

.statusRow
{
	text-align: center !important;
}

/*Dropdown*/
.dropdowndesign {
	height: 22px;
	font-family: roboto_light, Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	border: none;
	border-width: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.18);
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../include/pfeil.png) no-repeat right transparent;
	padding-right: 15px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin-bottom: 1px;
}

.dropdowndesign:disabled,
.dropdowndesign[disabled="disabled"]
{
	border-bottom: 1px dashed rgba(0, 0, 0, 0.18);
	color: rgba(0,0,0,0.65);
}

.dropdowndesign::-ms-expand
{
	display: none;
}

.dropdowndesign:focus
{
	border-bottom-width: 2px;
	margin-bottom: 0;
}

.dropdowndesign option {
	background-color: white;
}

.dropdowndesign optgroup
{
	font-weight: lighter;
	font-style: italic;
	color: black;
	background-color: #EBEBEB;
}

.dropdowndesign optgroup > option {
	padding-left: 15px;
	background-color: none;
}

/***************************RadioButton Control**************************/
.radioButton .outerRadio
{
	border-radius: 50%;
}

.radioButton .innerRadio
{
	position: absolute;
	top: 1px;
	left: 1px;
	width: 9px;
	height: 9px;
	display: block;
	border-radius: 50%;
	background: #8c8c8c;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.radioButton input[type=radio]:checked + .outerRadio
{
	-webkit-transition: border-color 0.5s;
	-moz-transition: border-color 0.5s;
	-o-transition: border-color 0.5s;
	transition: border-color 0.5s;
	border-color: #8c8c8c;
}

	.radioButton input[type=radio]:checked + .outerRadio .innerRadio
	{
		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		transition: opacity 0.5s;
		opacity: 1;
	}

.radioButton .radioImage
{
	display: inline;
	position: relative;
}

/**************************Switch Control***********************************/
.clickSwitch input
{
	display: none;
}

.clickSwitch
{
	cursor: pointer;
	position: relative;
	line-height: 14px;
	height: 15px;
	margin-top: 10px;
}

.containerLabel
{
	display: block;
	width: 23px;
	position: relative;
	height: 100%;
	float: left;
}

.clickSwitch .outer, .clickSwitch .inner
{
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	border-radius: 15px;
}

.clickSwitch .outer
{
	background: rgb(140, 140, 140);
	width: 23px;
	height: 9px;
}

.clickSwitch .inner
{
	height: 13px;
	width: 13px;
	border: 1px solid #8c8c8c;
	background: #ffffff;
	-moz-box-shadow: 0px 0px 5px -2px #000;
	-webkit-box-shadow: 0px 0px 5px -2px #000;
	box-shadow: 0px 0px 5px -2px #000;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	left: 0;
}

.clickSwitch .l2
{
	cursor: pointer;
	font-size: 12px;
	font-family: roboto_medium;
	margin-left: 3px;
	color: rgb(80,80,80);
}

.clickSwitch input[type=checkbox]:checked + .outer + .inner
{
	left: 8px;
}

/*Switch disabled*/
.clickDisabled,
.clickDisabled .outer,
.clickDisabled .inner,
.clickDisabled .l2,
.clickDisabledClicked,
.clickDisabledClicked .outer,
.clickDisabledClicked .inner,
.clickDisabledClicked .l2
{
	cursor: not-allowed;
}

	.clickDisabled .outer,
	.clickDisabledClicked .outer
	{
		background: #e6e6e6;
	}

	.clickDisabled .inner,
	.clickDisabledClicked .inner
	{
		border: 1px solid #b4b4b4;
		background: #e6e6e6;
	}

	/*Switch aktive disabled*/
	.clickDisabledClicked .inner
	{
		left: 8px;
	}

/***********************CheckBox Control********************************/
.checkBox,
.radioButton
{
	display: inline-block;
	height: 15px;
	font-family: roboto_medium;
	font-size: 12px;
	position: relative;
	min-width: 10px;
	color: rgb(80,80,80);
	margin: 4px 0;
	white-space: nowrap;
}

	.checkBox input[type=checkbox],
	.radioButton input
	{
		display: none;
	}

	.checkBox .outerCheck
	{
		border-radius: 15%;
	}

	.checkBox .outerCheck,
	.radioButton .outerRadio
	{
		position: relative;
		border: 2px solid #8c8c8c;
		background-color: transparent;
		width: 11px;
		height: 11px;
		display: block;
		-webkit-transition: border-color 0.5s, background-color 0.5s;
		transition: border-color 0.5s, background-color 0.5s;
	}

	.checkBox .innerCheck
	{
		width: 3px;
		height: 7px;
		display: block;
		position: absolute;
		left: 3px;
		top: 0px;
		border: 2px solid white;
		-moz-border-radius: 15%;
		-webkit-border-radius: 15%;
		border-radius: 15%;
		transform: rotate(45deg);
		border-left: none;
		border-top: none;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.checkBox input:checked + .outerCheck
	{
		-webkit-transition: border-color 0.5s, background-color 0.5s;
		transition: border-color 0.5s, background-color 0.5s;
		border-color: #8c8c8c;
		background-color: #8c8c8c;
	}

.fontminus1 .checkBox {
	line-height: 15px;
}
	
		.checkBox input:checked + .outerCheck .innerCheck
		{
			-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
			opacity: 1;
		}

.completeWhiteBox.checkBox,
.completeWhiteBox .checkBox,
.completeWhiteRadio.radioButton
{
	color: #ffffff;
}

	.completeWhiteBox.checkBox input + .outerCheck,
	.completeWhiteBox .checkBox input + .outerCheck
	{
		background-color: transparent !important;
		border-color: #ffffff !important;
	}

	.completeWhiteBox.checkBox input:checked + .outerCheck .innerCheck,
	.completeWhiteBox .checkBox input:checked + .outerCheck .innerCheck
	{
		border-color: #ffffff !important;
	}

.checkBox .l1Check,
.radioButton .l1Radio
{
	cursor: pointer;
	display: inline-block;
}

.checkBox .l2Check,
.radioButton .l2Radio
{
	position: relative;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
	min-width: 5px;
	margin-left: 1px;
	vertical-align: top;
}

.radioButton.horizontal
{
	margin-right: 20px;
}

.completeWhiteRadio.radioButton input:checked + .outerRadio .innerRadio
{
	background: #ffffff !important;
}

.completeWhiteRadio.radioButton input:checked + .outerRadio
{
	border-color: #ffffff !important;
}

.completeWhiteRadio.radioButton .outerRadio
{
	border-color: #ffffff;
}
/*Radiobutton disabled*/
.disabledRadio .outerRadio
{
	background: #e6e6e6 !important;
}

.disabledRadio .l1Radio
{
	cursor: not-allowed;
}

.disabledRadio .l2Radio
{
	cursor: not-allowed;
}

/*Radiobutton active and disabled***/
.disabledRadio input[type=radio]:checked + .outerRadio
{
	border: 2px solid #8c8c8c !important;
}

	.disabledRadio input[type=radio]:checked + .outerRadio .innerRadio
	{
		background: #b4b4b4 !important;
	}

/*Checkbox aktive null*/
.nulldesign .innerCheck
{
	width: 7px;
	left: 1px;
	top: 1px;
	border: 1px solid #8c8c8c;
	-moz-border-radius: 15%;
	-webkit-border-radius: 15%;
	border-radius: 15%;
	background: #8c8c8c;
	/* stehen lassen sonst funktioniert das Nulldesign nicht! */
	opacity: 1;
	transform: none;
	transition: none;
}

/*Checkbox disabled*/
.disabledCheck .outerCheck
{
	border: 2px solid #b4b4b4;
	background: #e6e6e6;
}

.disabledCheck .l1Check,
.disabledCheck .l2Check
{
	cursor: not-allowed;
}

/*Checkbox aktiv disabled*/

.disabledCheck input[type=checkbox]:checked + .outerCheck
{
	border: 2px solid #b4b4b4 !important;
	background: #e6e6e6 !important;
}

	.disabledCheck input[type=checkbox]:checked + .outerCheck .innerCheck
	{
		border-right: 2px solid #b4b4b4 !important;
		border-bottom: 2px solid #b4b4b4 !important;
		opacity: 1;
	}

.checkBox.imageCheckBox label,
.checkBox.imageCheckBox .controlImage,
.radioButton.imageRadioButton label,
.radioButton.imageRadioButton .controlImage
{
	display: table-cell;
	vertical-align: middle;
}

.imagePadding .controlImage
{
	padding: 0 3px;
}

.radioButton.imageRadioButton .controlImage
{
	padding: 0 5px;
}
/************CheckBox**************/
.check
{
	display: inline-block;
	cursor: pointer;
}

	.check input
	{
		width: 1px;
		height: 1px;
		display: none;
	}

	.check .outer
	{
		border: 2px solid #8c8c8c;
		background-color: transparent;
		width: 11px;
		height: 11px;
		display: block;
		float: left;
		margin: 0px 0px 0px 0px;
		-webkit-transition: border-color 0.5s, background-color 0.5s;
		transition: border-color 0.5s, background-color 0.5s;
		border-radius: 15%;
	}

	.check .inner
	{
		width: 3px;
		height: 7px;
		display: block;
		margin: 0px 0px 0px 3px;
		border: 2px solid white;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		border-left: none;
		border-top: none;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.check input:checked + .outer
	{
		-webkit-transition: border-color 0.5s, background-color 0.5s;
		transition: border-color 0.5s, background-color 0.5s;
		border-color: #8c8c8c;
	}

		.check input:checked + .outer .inner
		{
			-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
			opacity: 1;
		}

/**********Checkboxen mit Positionierung********************/
.checkdesign
{
	display: inline-block;
	height: auto;
	width: auto;
	position: relative;
}

	.checkdesign input
	{
		width: 1px;
		height: 1px;
		opacity: 0;
	}

	.checkdesign .outer
	{
		position: absolute;
		top: 1px;
		border: 2px solid #8c8c8c;
		border-radius: 15%;
		background-color: transparent;
		width: 11px;
		height: 11px;
		display: block;
		float: left;
		-webkit-transition: border-color 0.5s, background-color 0.5s;
		transition: border-color 0.5s, background-color 0.5s;
	}

	.checkdesign .inner
	{
		width: 3px;
		height: 7px;
		display: block;
		position: absolute;
		left: 3px;
		top: 0px;
		border: 2px solid white;
		-moz-border-radius: 15%;
		-webkit-border-radius: 15%;
		border-radius: 15%;
		transform: rotate(45deg);
		border-left: none;
		border-top: none;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.checkdesign input:checked + .outer
	{
		-webkit-transition: border-color 0.5s, background-color 0.5s;
		transition: border-color 0.5s, background-color 0.5s;
		border-color: #8c8c8c;
	}

		.checkdesign input:checked + .outer .inner
		{
			-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
			opacity: 1;
		}

	.checkdesign .l1
	{
		cursor: pointer;
	}

	.checkdesign .l2
	{
		position: absolute;
		top: 0px;
		cursor: pointer;
		width: auto;
		white-space: nowrap;
	}

/**********Radiobutton mit Positionierung**********************/
.radiodesign
{
	display: inline-block;
	position: relative;
}

	.radiodesign input
	{
		width: 1px;
		height: 1px;
		opacity: 0;
	}

	.radiodesign .outer
	{
		position: absolute;
		top: 9px;
		left: -6px;
		border: 2px solid #8c8c8c;
		width: 11px;
		height: 11px;
		display: block;
		float: left;
		margin: -5px -6px 10px 10px;
		border-radius: 50%;
		-webkit-transition: border-color 0.5s;
		transition: border-color 0.5s;
	}

	.radiodesign .inner
	{
		width: 9px;
		height: 9px;
		margin: 1px 0px 0px 1px;
		display: block;
		border-radius: 50%;
		background: #8c8c8c;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
		transition: opacity 0.5s;
	}

	.radiodesign input:checked + .outer
	{
		-webkit-transition: border-color 0.5s;
		transition: border-color 0.5s;
		border-color: #8c8c8c;
	}

		.radiodesign input:checked + .outer .inner
		{
			-webkit-transition: opacity 0.5s;
			transition: opacity 0.5s;
			opacity: 1;
		}

	.radiodesign .l1
	{
		cursor: pointer;
	}

	.radiodesign .l2
	{
		position: absolute;
		left: 23px;
		top: 3px;
		cursor: pointer;
		min-width: 10px;
		display: inline-block;
	}

/*Radiobutton*/
.radio
{
	display: inline-block;
	cursor: pointer;
	font-family: roboto_medium;
	font-size: 12px;
	color: rgb(80,80,80);
}

	.radio input
	{
		display: none;
	}

	.radio .outer
	{
		border: 2px solid #8c8c8c;
		width: 11px;
		height: 11px;
		display: block;
		display: inline-block;
		border-radius: 50%;
		-webkit-transition: border-color 0.5s; /* For Safari 3.1 to 6.0 */
		transition: border-color 0.5s;
	}

	.radio .inner
	{
		width: 9px;
		height: 9px;
		display: block;
		margin: 1px;
		border-radius: 50%;
		background: #8c8c8c;
		opacity: 0;
		-webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
		transition: opacity 0.5s;
	}

	.radio input:checked + .outer
	{
		-webkit-transition: border-color 0.5s; /* For Safari 3.1 to 6.0 */
		transition: border-color 0.5s;
		border-color: #8c8c8c;
	}

		.radio input:checked + .outer .inner
		{
			-webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
			transition: opacity 0.5s;
			opacity: 1;
		}

/*NullCheck Design*/
.nullchecked
{
	display: inline-block;
	cursor: pointer;
}

	.nullchecked input
	{
		width: 1px;
		height: 1px;
		opacity: 0;
	}

	.nullchecked .outer
	{
		border: 2px solid #0f73b9;
		width: 11px;
		height: 11px;
		display: block;
		float: left;
		margin: 0;
		border-radius: 15%;
	}

	.nullchecked .inner
	{
		width: 7px;
		height: 7px;
		display: block;
		margin: 1px 0px 0px 1px;
		border: 1px solid #0f73b9;
		background: #0f73b9;
		border-radius: 15%;
	}

.buttons
{
	border: none;
	color: #505050;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	padding: 0 5px;
}

.enabledStatus
{
	border: none;
	text-align: center;
	cursor: default;
}

.rahmen
{
	border-top: 2px solid gray;
	border-bottom: 2px solid gray;
}

.pagerStyle
{
	background: white;
	color: gray;
	height: 25px;
}

/* Abstände */

.marginTop
{
	margin-top: 40px;
}

.marginLeft
{
	margin-left: 40px;
}

.paddingTop
{
	padding-top: 28px;
}

/*#region Formularformatierung*/
.formMarginBottom
{
	margin-bottom: 20px;
}

.formTable
{
	width: 100%;
}

.formInputContainer
{
	width: 100%;
	/*margin: 15px 0;*/ /*Auskommentiert solange Layouttabelle in Verwendung */
}

	.formInputContainer > td
	{
		padding: 3px 0;
	}

		.formInputContainer > td.formLabel,
		.formLabel
		{
			/*float: left;*/ /*Auskommentiert solange Layouttabelle in Verwendung */
			text-align: right;
			padding-right: 20px;
			font-family: roboto;
			font-size: 12px;
			vertical-align: top;
			line-height: 23px;
			white-space: nowrap;
		}

.formEmptyRow > td
{
	padding-top: 20px;
}

.formTop
{
	vertical-align: top; /* formTop solange Layouttabelle in Verwendung */
}

.formInput
{
	white-space: nowrap;
	/*display: inline-block;*/ /*Auskommentiert solange Layouttabelle in Verwendung */
}

.formInline > div
{
	display: inline-block;
}

.formInputFloatElements /* Bei mehr als einem Element in einer Zelle (oder in Tabelle packen)*/
{
	float: left;
	margin-right: 10px;
}

.stripline
{
	position: relative;
	height: 1px;
	background-color: #DCDCDC;
	width: 100%;
	padding-right: 40px;
	left: -20px;
}

.formInputTextMultiLine
{
	display: inline-block;
	margin: 4px 0 6px 0;
	font-family: roboto_light, Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	white-space: normal;
}
/*#endregion*/
#overlay {
	visibility: hidden;
}

#pnl_headline, #SiteHeadLine1_HeadLineControl, #NavUpdatePanel
{
	margin-top: 10px;
	display: none;
}

.Logo
{
	position: absolute;
	top: 0px;
	margin-left: 15px;
}

.Logo2
{
	visibility: hidden;
	position: absolute;
	top: 91px;
	margin-left: 15px;
}

.NavSelected .Logo2
{
	visibility: visible;
	position: absolute;
	top: 91px;
	margin-left: 15px;
}

.naviHeader
{
	padding: 0;
	width: 29px;
	height: 134px;
	float: left;
	cursor: pointer;
	background-repeat: no-repeat;
	margin-left: -4px;
	margin-right: -4px;
}

.naviContent
{
	height: 134px;
	width: 600px;
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-image: url(../images/navibg.png);
}

.topNavPositioning
{
	position: absolute;
	top: 63px;
	left: 265px;
}

.subNavPositioning
{
	position: absolute;
	top: 104px;
	left: 265px;
}

	.subNavPositioning input
	{
		margin-top: 2px;
	}
/*Ende Navigation*/

.link1
{
	font-family: roboto_light, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

	.link1:hover
	{
		font-family: roboto_light, Verdana, Arial, Geneva, Helvetica, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		text-decoration: underline;
	}

.link2
{
	font-family: roboto_light, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #324D96;
	text-decoration: none;
}

	.link2:hover
	{
		font-family: roboto_light, Verdana, Arial, Geneva, Helvetica, sans-serif;
		font-size: 11px;
		color: #324D96;
		text-decoration: underline;
	}

.link2_aktiv
{
	font-family: roboto_light, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.gridview
{
	border: solid 1px #8F8F8F;
}

	.gridview td
	{
		border: solid 1px #8F8F8F;
	}

		.gridview td b
		{
			font-weight: bold;
		}

	.gridview th b
	{
		font-weight: bold;
	}

	.gridview tr td table tr td
	{
		border: 0px;
	}

	.gridview tr th table tr td
	{
		border: 0px;
	}

.gridview_red
{
	border: solid 2px #dd0000;
}

	.gridview_red td
	{
		border: solid 1px #dd0000;
	}

		.gridview_red td b
		{
			font-weight: bold;
		}

	.gridview_red th b
	{
		font-weight: bold;
	}

.gridview_yellow
{
	border: solid 2px #ffdf00;
}

	.gridview_yellow td
	{
		border: solid 1px #ffdf00;
	}

		.gridview_yellow td b
		{
			font-weight: bold;
		}

	.gridview_yellow th b
	{
		font-weight: bold;
	}

.gridview_green
{
	border: solid 2px #00bf00;
}

	.gridview_green td
	{
		border: solid 1px #00bf00;
	}

		.gridview_green td b
		{
			font-weight: bold;
		}

	.gridview_green th b
	{
		font-weight: bold;
	}

.gridview_blue
{
	border: solid 2px rgb(45,130,192);
}

	.gridview_blue td
	{
		border: solid 1px rgb(45,130,192);
	}

		.gridview_blue td b
		{
			font-weight: bold;
		}

	.gridview_blue th b
	{
		font-weight: bold;
	}

.gridview_lightbrown
{
	border: solid 2px rgb(184,157,120);
}

	.gridview_lightbrown td
	{
		border: solid 1px rgb(184,157,120);
	}

		.gridview_lightbrown td b
		{
			font-weight: bold;
		}

	.gridview_lightbrown th b
	{
		font-weight: bold;
	}

.gridview_brown
{
	border: solid 2px rgb(184,157,120);
}

	.gridview_brown td
	{
		border: solid 1px rgb(184,157,120);
	}

		.gridview_brown td b
		{
			font-weight: bold;
		}

	.gridview_brown th b
	{
		font-weight: bold;
	}


.gridview_purple
{
	border: solid 2px rgb(153,0,204);
}

	.gridview_purple td
	{
		border: solid 1px rgb(184,157,120);
	}

		.gridview_purple td b
		{
			font-weight: bold;
		}

	.gridview_purple th b
	{
		font-weight: bold;
	}

.gridview_lightgreen
{
	border: solid 2px rgb(153,255,0);
}

	.gridview_lightgreen td
	{
		border: solid 1px rgb(153,255,0);
	}

		.gridview_lightgreen td b
		{
			font-weight: bold;
		}

	.gridview_lightgreen th b
	{
		font-weight: bold;
	}

.gridview_lightgray
{
	border: solid 2px rgb(200,200,200);
}

	.gridview_lightgray tr, .gridview_lightgray th
	{
		border: solid 1px rgb(200,200,200);
	}

	.gridview_lightgray .borderTD
	{
		border: solid 1px rgb(200,200,200);
	}

	.gridview_lightgray td b
	{
		font-weight: bold;
	}

	.gridview_lightgray th b
	{
		font-weight: bold;
	}

/*
 Styleangabe für Opera Datagrid-Header
 benötigt zusätzlich gridlines="none" und useaccessibleheader="true" für das jeweilige Datagrid
*/
.gridHeader th, .gridHeader td
{
	border: 1px solid #8F8F8F;
}

	.gridHeader th table tr th
	{
		border: 0px;
	}

.tableheader_red
{
	background-color: #DC0000;
	height: 39px;
	white-space: nowrap;
}

	.tableheader_red th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_red th table tr td
		{
			border: 0px;
		}

	.tableheader_red .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_red .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

/* dunkelrote Header (DoManSys) */
.tableheader_darkred
{
/*	background-image: url(../images/tableheader_darkred.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	color: white;
	height: 26px;
	vertical-align: middle;
}

	.tableheader_darkred th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
		color: White;
	}

		.tableheader_darkred th table tr td
		{
			border: 0px;
		}

	.tableheader_darkred .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_darkred .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_yellow
{
	background-color: #EBCD23;
	height: 39px;
	white-space: nowrap;
}

	.tableheader_yellow th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_yellow th table tr td
		{
			border: 0px;
		}

	.tableheader_yellow .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_yellow .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_green
{
	background-color: #37AF19;
	height: 39px;
	white-space: nowrap;
}

	.tableheader_green th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_green th table tr td
		{
			border: 0px;
		}

	.tableheader_green .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_green .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_lightbrown
{
	/*background-image: url(../images/tableheader_lightbrown.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	color: #000000;
	height: 26px;
	vertical-align: middle;
}

	.tableheader_lightbrown th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_lightbrown th table tr td
		{
			border: 0px;
		}

	.tableheader_lightbrown .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_lightbrown .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_brown
{
	/*background-image: url(../images/tableheader_brown.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	color: #000000;
	height: 26px;
	vertical-align: middle;
}

	.tableheader_brown th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_brown th table tr td
		{
			border: 0px;
		}

	.tableheader_brown .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_brown .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_purple
{
	/*background-image: url(../images/tableheader_purple.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	color: #FFF;
	height: 26px;
	vertical-align: middle;
}

	.tableheader_purple th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_purple th table tr td
		{
			border: 0px;
		}

	.tableheader_purple .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_purple .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_lightgreen
{
	/*background-image: url(../images/tableheader_lightgreen.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	color: #000000;
	height: 26px;
	vertical-align: middle;
}

	.tableheader_lightgreen th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_lightgreen th table tr td
		{
			border: 0px;
		}

	.tableheader_lightgreen .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_lightgreen .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_lightgray
{
	/*background-image: url(../images/tableheader_lightgray.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	color: #000000;
	height: 26px;
	vertical-align: middle;
}

	.tableheader_lightgray th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_lightgray th table tr td
		{
			border: 0px;
		}

	.tableheader_lightgray .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_lightgray .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_blue
{
	background-color: #266B9F;
	font-weight: bold;
	color: white;
	height: 26px;
	vertical-align: middle;
}

	.tableheader_blue th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_blue th table tr td
		{
			border: 0px;
		}

	.tableheader_blue .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_blue .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}


.tableheader_bigblue
{
	background-color: #266B9F;
	font-weight: bold;
	color: white;
	height: 52px;
	vertical-align: middle;
}

	.tableheader_bigblue th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_bigblue th table tr td
		{
			border: 0px;
		}

	.tableheader_bigblue .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_bigblue .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_bigwhite
{
	/*background-image: url(../images/tableheader_bigwhite.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	color: black;
	height: 52px;
	vertical-align: middle;
}

	.tableheader_bigwhite th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_bigwhite th table tr td
		{
			border: 0px;
		}

	.tableheader_bigwhite .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_bigwhite .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.tableheader_darkblue th
{
	background-color: #266B9F;
	font-weight: bold;
	color: white;
	height: 26px;
	vertical-align: middle;
}

.tableheader_darkblue th
{
	border: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}

	.tableheader_darkblue th table tr td
	{
		border: 0px;
	}

.tableheader_darkblue .arrow_asc
{
	padding-left: 5px;
	padding-top: 2px;
}

.tableheader_darkblue .arrow_desc
{
	padding-left: 1px;
	padding-top: 2px;
}

.tableheader_gray
{
	/*background-image: url(../images/tableheader_gray.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	color: #FFFFFF;
	height: 26px;
	vertical-align: middle;
}

	.tableheader_gray th
	{
		border: 0;
		padding-top: 0px;
		padding-bottom: 0px;
	}

		.tableheader_gray th table tr td
		{
			border: 0px;
			color: White;
		}

	.tableheader_gray .arrow_asc
	{
		padding-left: 5px;
		padding-top: 2px;
	}

	.tableheader_gray .arrow_desc
	{
		padding-left: 1px;
		padding-top: 2px;
	}

.arrow_asc
{
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 0px;
}

.arrow_desc
{
	padding-left: 1px;
	padding-top: 2px;
	padding-bottom: 0px;
}

.innerTD_border_none td
{
	border: none;
}

.documentBrowser
{
	width: 300px;	
	text-align: left;
	padding: 0px 5px;
}

	.documentBrowser td
	{
		border: none;
		white-space: nowrap;
	}

	.documentBrowser a:hover
	{
		color: #8F8F8F;
		text-decoration: none;
	}

#TabStripDataList
{
	position: relative;
	top: 1px;
	z-index: 1;
	margin-right: 50px;
}

.tab52_links
{
	/*background-image: url(../images/tab52_left.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab52_disabled .tab52_links
{
	/*background-image: url(../images/tab52_left_inactive.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab52_links_selected
{
	/*background-image: url(../images/tab52_left_selected.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab52_mitte
{
	/*background-image: url(../images/tab52_middle.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

.tab52_disabled .tab52_mitte
{
	/*background-image: url(../images/tab52_middle_inactive.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

.tab52_mitte_selected
{
	/*background-image: url(../images/tab52_middle_selected.gif);
	background-repeat: repeat-x;*/
	color: Black;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 11px;
	padding-bottom: 11px;
	font-family: roboto_medium, Verdana, Arial;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
}

.tab52_rechts
{
	/*background-image: url(../images/tab52_right.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab52_disabled .tab52_rechts
{
	/*background-image: url(../images/tab52_right_inactive.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab52_rechts_selected
{
	/*background-image: url(../images/tab52_right_selected.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab52_mitte a
{
	font-family: roboto_medium, Verdana, Arial;
	font-size: 11px;
	color: rgb(100, 100, 100);
	text-decoration: none;
	line-height: 15px;
	display: block;
	padding-top: 11px;
	padding-bottom: 11px;
}

	.tab52_mitte a:hover
	{
		font-family: roboto_medium, Verdana, Arial;
		font-size: 11px;
		color: rgb(100, 100, 100);
		text-decoration: none;
		line-height: 15px;
		display: block;
		padding-top: 11px;
		padding-bottom: 11px;
	}

	.tab52_mitte a[disabled]
	{
		font-family: roboto_medium, Verdana, Arial;
		font-size: 11px;
		color: #BCBCBC;
		text-decoration: none;
		line-height: 25px;
		display: block;
		width: 100%;
		height: 100%;
	}

.tab52_shadow
{
	/*background-image: url(../images/tab52_shadow.gif);*/
	width: 2px;
	height: 26px;
}

.tab52_disabled .tab52_shadow
{
	/*background-image: url(../images/tab52_shadow_inactive.gif);*/
	width: 2px;
	height: 26px;
}

.tab_shadow
{
	/*background-image: url(../images/tab_shadow.gif);*/
	width: 2px;
	height: 26px;
}

.tab_disabled .tab_shadow
{
	/*background-image: url(../images/tab_shadow_inactive.gif);*/
	width: 2px;
	height: 26px;
}

.tab_links
{
	/*background-image: url(../images/tab_left.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab_disabled .tab_links
{
	/*background-image: url(../images/tab_left_inactive.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab_links_selected
{
	/*background-image: url(../images/tab_left_selected.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab_mitte
{
	/*background-image: url(../images/tab_middle.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}

.tab_disabled .tab_mitte
{
	/*background-image: url(../images/tab_middle_inactive.gif);
	background-repeat: repeat-x;*/
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}

.tab_mitte a
{
	font-family: roboto_medium, Verdana, Arial;
	font-size: 11px;
	color: rgb(100, 100, 100);
	text-decoration: none;
	line-height: 25px;
	display: block;
	width: 100%;
	height: 100%;
}

	.tab_mitte a:hover
	{
		font-family: roboto_medium, Verdana, Arial;
		font-size: 11px;
		color: rgb(100, 100, 100);
		text-decoration: none;
		line-height: 25px;
		display: block;
		width: 100%;
		height: 100%;
	}

	.tab_mitte a[disabled]
	{
		font-family: roboto_medium, Verdana, Arial;
		font-size: 11px;
		color: #BCBCBC;
		text-decoration: none;
		line-height: 25px;
		display: block;
		width: 100%;
		height: 100%;
	}

.tab_mitte_selected
{
	/*background-image: url(../images/tab_middle_selected.gif);
	background-repeat: repeat-x;*/
	color: Black;
	padding-left: 5px;
	padding-right: 5px;
	font-family: roboto_medium, Verdana, Arial;
	font-size: 11px;
	line-height: 25px;
	white-space: nowrap;
}

.tab_rechts
{
	/*background-image: url(../images/tab_right.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab_disabled .tab_rechts
{
	/*background-image: url(../images/tab_right_inactive.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.tab_rechts_selected
{
	/*background-image: url(../images/tab_right_selected.gif);
	background-repeat: no-repeat;*/
	width: 3px;
}

.TSDL div
{
	height: 47px;
	display: inline-block;
	border: 1px solid #8F8F8F;
	border-bottom: none;
	margin-bottom: -3px;
	background-color: White;
}

.TSDL .tab_disabled div
{
	border: 1px solid #BEBEBE;
	border-bottom: none;
}

.TSDL div a, .TSDL div span
{
	text-decoration: none;
	display: inline-block;
	height: 35px;
	width: 100%;
	padding-top: 17px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: -17px;
	color: black;
}

.TSDL .tab_disabled div a
{
	color: #BEBEBE;
	font-style: italic;
}

.TSDL div a:hover
{
	color: rgb(143,143,143);
}

.TSDL div.TSDL_TopDiv
{
	height: 4px;
	width: 100%;
	border: none;
	padding: 0px;
	vertical-align: middle;
	margin-bottom: 0px;
}

.TSDL .tab_disabled DIV A
{
	color: #8F8F8F;
	font-style: italic;
}

.TSDL div.RMS
{
	background-color: rgb(170,40,130);
}

.TSDL .tabSelected
{
	margin-bottom: 0px;
	height: 52px;
}

.TSDL div.neutral
{
	background-color: #323232;
}

.pager
{
	font-size: 11pt;
	line-height: 14px;
	font-style: normal;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
	/*background-image: url(../images/pager.gif);
	background-repeat: repeat-x;*/
}

.nobackgroundimage
{
	background-image: none;
}

.knopf
{
	font-family: roboto_medium, Arial, Verdana, sans-serif, Helvetica, Geneva;
	font-size: 13px;
	font-weight: normal;
	line-height: 34px;
	height: 34px;
	width: 138px;
	color: #000000;
	border: 0px;
	background-color: transparent;
	background-image: url(../images/knopf.png);
	background-position: center;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

	.knopf:hover
	{
		background-image: url(../images/knopf_hover.png);
		background-position: center;
		cursor: pointer;
	}

	.knopf[disabled]
	{
		color: #808080;
		background-image: url(../images/knopf.png);
		background-position: center;
		cursor: not-allowed;
	}

.headline_text
{
	color: Black;
	padding-left: 10px;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 8px;
	vertical-align: bottom;
	white-space: nowrap;
}

.topMainNavDiv td input
{
	padding-right: 3px;
}

.HelpFavoLangDiv
{
	position: absolute;
	top: 0px;
	right: -2px;
}

	.HelpFavoLangDiv td
	{
		padding-right: 2px;
	}

	.HelpFavoLangDiv .LanguageDiv
	{
		position: absolute;
		display: none;
		top: 26px;
		right: 119px;
		width: 70px;
		height: 75px;
	}

		.HelpFavoLangDiv .LanguageDiv table
		{
			width: 100%;
			height: 100%;
		}

			.HelpFavoLangDiv .LanguageDiv table td
			{
				padding: 0;
				margin: 0;
			}

/*Accordion */
.AccordionHeader
{
	color: black;
	font-size: 14px;
	cursor: pointer;
}

.AccordionHeaderSelected
{
	color: black;
	font-size: 14px;
	cursor: default;
}

.HierFavList
{
	width: 100%;
}

#menu_iManSys tr
{
	background-color: #0f73b9;
}

	#menu_iManSys tr:hover {
		background-color: #045289;
	}

#menu_LeManSys tr
{
	background-color: #2D9BCD;
}

	#menu_LeManSys tr:hover
	{
		background-color: #0775A7;
	}

#menu_MedManSys tr
{
	background-color: #0FBEA5;
}

	#menu_MedManSys tr:hover
	{
		background-color: #028C79;
	}

#menu_SkillManSys tr
{
	background-color: #EB5F23;
}

	#menu_SkillManSys tr:hover
	{
		background-color: #C43D03;
	}

#menu_RiskManSys tr
{
	background-color: #AA2891;
}

	#menu_RiskManSys tr:hover
	{
		background-color: #8A0871;
	}

#menu_DoManSys tr
{
	background-color: #D23232;
}

	#menu_DoManSys tr:hover
	{
		background-color: #B30707;
	}

#menu_Administration tr
{
	background-color: #8C8C8C;
}

	#menu_Administration tr:hover
	{
		background-color: #696969;
	}

#menu_iManSys table, #menu_LeManSys table, #menu_MedManSys table, #menu_SkillManSys table, #menu_RiskManSys table, #menu_DoManSys table, #menu_WinManSys table, #menu_Administration table
{
	border: 1px solid white;
	border-collapse: collapse;
}

#menu_iManSys tr a, #menu_LeManSys tr a, #menu_MedManSys tr a, #menu_SkillManSys tr a, #menu_RiskManSys tr a, #menu_DoManSys tr a, #menu_WinManSys tr a, #menu_Administration tr a
{
	display: block;
	color: white;
}

	#menu_iManSys tr a:hover, #menu_LeManSys tr a:hover, #menu_MedManSys tr a:hover, #menu_SkillManSys tr a:hover, #menu_RiskManSys tr a:hover, #menu_DoManSys tr a:hover, #menu_WinManSys tr a:hover, #menu_Administration tr a:hover
	{
		text-decoration: none;
		color: white;
	}

#menu_iManSys td, #menu_LeManSys td, #menu_MedManSys td, #menu_SkillManSys td, #menu_RiskManSys td, #menu_DoManSys td, #menu_WinManSys td, #menu_Administration td
{
	height: 25px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-collapse: collapse;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Neues Design - TreeViews */
.AccordionAgent
{
	display: inline-block;
	min-width: 280px;
	color: #505050;
}

.cblJalousie
{	
	color:White;
	border-bottom: 1px solid #ffffff;
	position: relative;
	white-space: nowrap;
	display: block;
	width: 100%;
	font-family: roboto_medium;
	font-size: 12px;
}

.cblJalousie td
{
	border-bottom:1px solid white;
	padding-left:10px;
	padding-right:10px;
	background-color: #0f73b9;
	height:29px;
}

.treeNodeItem,
.jalousie
{
	background-color: #dcdcdc;
	border-bottom: 1px solid #ffffff;
	line-height: 29px;
	position: relative;
	white-space: nowrap;
	display: block;
	height: 29px;
	width: 100%;
	font-family: roboto_medium;
	font-size: 12px;
	color: rgb(80,80,80);
}

.jalousie
{
	border: none;
	margin-bottom:1px;
}

.jalousie.accBodyPart
{
	background-color: #0f73b9;
	color:White;
}

	.treeNodeItem.lastNode
	{
		border-bottom: none;
	}

	.treeNodeItem.isExpanded
	{
		background-color: #c8c8c8;
	}

.nodeIndent
{
	height: 29px;
	display: block;
	background-color: #ffffff;
	position: absolute;
}

.TreeDrop.treeCollapse
{
	height: 100%;
	position: absolute;
	width: 100%;
	cursor: pointer;
	left: 0;
	background-image: url(../images/Widgets/empty.png);
}

.treeNodeItem.selectedNode a
{
	color: #ffffff;
}

.nodeText
{
	margin-right: 20px;
	margin-left: 29px;
	text-align: left;
}

.favorites .nodeText
{
	margin-right: 50px;
}

.removeHierarchy.nodeText
{
	margin-right: 32px;
}

.flatTreeLinkButton
{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
}

.flatTreeLinkButton + .treeviewCheckbox
{
	margin-left: 5px;
}

.expandContainer,
.expandPointer
{
	position: absolute;
	height: 28px;
	width: 30px;
	right: 0;
	top: 1px;
	cursor: pointer;
}

	.expandContainer > img,
	.expandPointer > img
	{
		bottom: 0;
		cursor: pointer;
		margin: auto 7px;
		position: absolute;
		right: 0;
		top: 0;
	}

.treeViewRoot.treeNodeItem > img
{
	left: 10px;
	right: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

.treeNodeItem > img#HierarchyFavoriteListAddIcon
{
	right: 30px;
	position: absolute;
	top: 7px;
}

.treeviewCheckbox
{
	position: absolute;
	z-index: 1;
	cursor: pointer;
	text-align: right;
}

.jalousieCheckBox
{
	position: absolute;
	z-index: 1;
	height: 29px;
	width: 23px;
	cursor: pointer;
	text-align: right;
}

	.treeviewCheckbox .outerCheck,
	.jalousieCheckBox .outerCheck
	{
		margin: auto;
		top: 3px;
	}

.jalousieContents .jalousieCheckBox
{
	left: 10px;
}

.jalousieContents .nodeIndent
{
	width: 10px;
}

.jalousieContents .nodeText
{
	margin-left: 39px;
}

.innerResizeContainer .ui-icon,
.resizeContainer .ui-icon
{
	background-image: url(../images/TreeViewBasicImages/tree_resize_handle.png);
}

.innerResizeContainer .ui-icon-gripsmall-diagonal-se,
.resizeContainer .ui-icon-gripsmall-diagonal-se
{
	background-position: 0 0;
}

.innerResizeContainer .ui-resizable-se,
.resizeContainer .ui-resizable-se
{
	width: 8px;
	height: 8px;
	bottom: 2px;
}

.GroupSelectorClickArea
{
	background-color: #dedede;
	line-height: 30px;
	margin: -1px;
	position: relative;
}

.GroupSelectorClickArea
{
	background-color: #dedede;
	line-height: 30px;
	border: 1px solid #ffffff;
	padding-left: 10px;
	position: relative;
	padding-right: 10px;
	cursor: pointer;
}

	.GroupSelectorClickArea > table
	{
		display: inline-block;
		vertical-align: middle;
	}

.treeNodeItem .clickAreaSelected > a
{
	color: #ffffff;
}

.GroupSelectorClickArea.linkButton
{
	border: 1px solid #ffffff;
}

.hierFavTreeSelectorItem > span
{
	padding-left: 10px;
}

.hierFavTreeSelectorItem
{
	line-height: 30px;
	background-color: #dedede;
	font-weight: 600;
	font-size: 13px;
	position: relative;
	cursor: pointer;
}

.hierFavTreeSelectorItemDeleteImage
{
	right: 10px;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	display: none;
}

.treeNodeItem:hover .hierFavTreeSelectorItemDeleteImage
{
	display: block;
}

.treeNodeItem .TreeDrop.ui-draggable.ui-draggable-dragging
{
	background-color: #bcbcbc;
	line-height: 20px;
	border-radius: 30px;
	padding-left: 10px;
	left: 0px;
	height: 20px;
}

.selectorContainer
{
	height: 400px;
}

/* Tabstrips */

.tabListGapLine
{
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
	top: -5px;
	height: 0;
	width: 60px;
	border-top: solid 1px rgba(0,0,0,0.08);
}

.tabListCounter {
	border: solid 2px;
	border-radius: 4px;
	float: left;
	margin-top: -1px;
	margin-right: 5px;
	padding: 0 4px;
	font-family: roboto_medium;
	font-size: 14px;
}

.tab_disabled > .tabListCounter
{
	border-color: #8f8f8f;
	padding: 0 5px 0 3px;
	font-style: italic;
	color: #8f8f8f;
}

.tabStripContainer {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 1px;
}

.accordionTabStripDataList, #TabStripDataList.accordionTabStripDataList
{
	display: block;
	margin-right: 30px;
	min-width: 250px;
	position: relative;
	top: 1px;
	width: 75%;
	border-collapse: collapse;
}

#TabStripDataList.marginLocations
{
	margin-bottom: -2px;
	margin-left: 3px;
}

.tabListItem a,
.tabListItemSelected
{
	font-family: roboto_medium;
	font-size: 12px;
}

.tabListItem
{
	color: rgb(80,80,80);
}

.tabListItem, .tabListItemSelected
{
	height: 100%;
	vertical-align: bottom;
	padding: 0 15px 10px;
	text-align: center;
	white-space: nowrap;
	position: relative;	
}

.tabBorder
{
	height: 2px;
	bottom: 0;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
}

.tabListItem .tabBorder
{
	width: 0;
}

.tabAnimation .tabBorder
{
	-webkit-animation: borderTabSelected .15s linear forwards;
	-moz-animation: borderTabSelected .15s linear forwards;
	-o-animation: borderTabSelected .15s linear forwards;
	animation: borderTabSelected .15s linear forwards;
}

@keyframes borderTabSelected
{
	0%
	{
		width: 0;
		color: #505050;
	}

	100%
	{
		width: 100%;
	}
}

.tabListItem.previousTab .tabBorder
{
	-webkit-animation: borderTabUnselected .15s linear forwards;
	-moz-animation: borderTabUnselected .15s linear forwards;
	-o-animation: borderTabUnselected .15s linear forwards;
	animation: borderTabUnselected .15s linear forwards;
}

@keyframes borderTabUnselected
{
	0%
	{
		width: 100%;
	}

	100%
	{
		width: 0;
		background-color: #505050;
	}
}

/* Keyframes in Theme css*/
.accordionTabStripDataList .tabListItemSelected.tabAnimation
{
	-webkit-animation: tabColorSelected .15s linear forwards;
	-moz-animation: tabColorSelected .15s linear forwards;
	-o-animation: tabColorSelected .15s linear forwards;
	animation: tabColorSelected .15s linear forwards;
}

.accordionTabStripDataList .tabListItem.previousTab a
{
	-webkit-animation: tabColorUnselected .15s linear forwards;
	-moz-animation: tabColorUnselected .15s linear forwards;
	-o-animation: tabColorUnselected .15s linear forwards;
	animation: tabColorUnselected .15s linear forwards;
}

td.ignore
{
	border: none;
	padding: 0;
}

.wideTablListItem .tabListItem,
.wideTablListItem .tabListItemSelected
{
	max-width: 150px;
}

.noMaxWidth .tabListItem,
.noMaxWidth .tabListItemSelected
{
	max-width: none;
}

.accordionTabStripDataList a
{
	text-decoration: none;
	color: #505050;
}

.accordionTabStripDataList .tabListItem.tab_disabled a
{
	font-style: italic;
	color: #8f8f8f;
	cursor: not-allowed;
}

.treeViewRoot.treeNodeItem
{
	cursor: pointer;
	background-color: #c8c8c8;
	margin-right: 30px;
	display: block;
	width: 100%;
}

.treeViewDisplayTable
{
	display: table;
}

.resizeContainer,
.innerResizeAndScrollContainer .innerResizeContainer,
.riskFilterAdminContainer,
.resizeContainer2
{
	/*max-height: 400px;*/
	min-width: 280px;
	display: inline-block;
	position: relative;
}

.tabStripContainer + .resizeContainer,
.resizeContainerBorder
{
	margin-bottom: 2px;
}

	.tabStripContainer + .resizeContainer:after,
	.resizeContainerBorder:after
	{
		content: '';
		background-color: #ffffff;
		height: 1px;
		position: relative;
		display: block;
		border-bottom: 1px solid #d2d2d2;
	}

.treeViewScrollContainer
{
	/*max-height: 389px;*/
	min-height: 29px;
}

.resizeContainer .ui-resizable-handle, .innerResizeContainer .ui-resizable-handle
{
	z-index: 799 !important; /* nicht 800 oder mehr, weil die Nase dann über "gemanagten" Panels liegt*/
	bottom: 2px;
	position: absolute;
	right: 1px;
	cursor: se-resize;
}

.resizeContainer.scrollY.scrollX .ui-resizable-handle
{
	right: 17px;
	bottom: 17px;
}

.resizeContainer.scrollY .ui-resizable-handle
{
	right: 17px;
}

.resizeContainer.scrollX .ui-resizable-handle
{
	bottom: 17px;
}

.resizeContainer2 .AccordionAgent
{
	height: 280px;
	overflow: auto;
}

.resizeContainerSmall
{
	height: 200px;
}

.treeViewRootImage
{
	height: 12px;
}

/** Treeview Container **/

.treeViewScrollContainer,
.innerTreeViewScrollContainer
{
	height: 100%;
}


/*drag n drop mit filedrop.js (fd)*/
.fd-zone
{
	position: relative;
	overflow: hidden;
	width: 15em;
	margin: 0 auto;
	text-align: center;
}
/* Hides <input type="file"> while simulating "Browse" button: */
.fd-file
{
	opacity: 0;
	font-size: 118px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	padding: 0;
	margin: 0;
	cursor: pointer;
	filter: alpha(opacity=0);
	font-family: sans-serif;
}
/* Provides visible feedback when use drags a file over the drop zone: */
.fd-zone.over
{
	border-color: maroon;
	background: #eee;
}
/*Progress bar*/
.fd-progress
{
	height: 3px; /* Can be anything */
	position: relative;
	background: #0f73b9;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 1px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}

	.fd-progress > span
	{
		display: block;
		height: 100%;
		-webkit-border-top-right-radius: 8px;
		-webkit-border-bottom-right-radius: 8px;
		-moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-moz-border-radius-bottomleft: 20px;
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		-webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
		-moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);
		position: relative;
		overflow: hidden;
	}

		.fd-progress > span.default
		{
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
			background-image: -webkit-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
			background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
			background-image: -ms-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
			background-image: -o-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
		}

		.fd-progress > span.error
		{
			background-color: Red;
			background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #f0a3a3), color-stop(1, #f42323) );
			background-image: -webkit-linear-gradient( center bottom, #f0a3a3 37%, #f42323 69% );
			background-image: -moz-linear-gradient( center bottom, #f0a3a3 37%, #f42323 69% );
			background-image: -ms-linear-gradient( center bottom, #f0a3a3 37%, #f42323 69% );
			background-image: -o-linear-gradient( center bottom, #f0a3a3 37%, #f42323 69% );
		}

		.fd-progress > span.success
		{
			background-color: rgb(84,240,84);
			background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) );
			background-image: -webkit-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
			background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
			background-image: -ms-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
			background-image: -o-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% );
		}
/*drag n drop*/

.marginButton40
{
	margin-right: 40px;
}

.marginButtonTable
{
	margin-top: 20px;
}

.marginTopButton20
{
	margin-top: 20px;
}

.marginButton201010
{
	margin: 10px 20px 10px 0;
}

/* verbessertes Scrollen auf IPad */
#ScrollDiv
{
	-webkit-overflow-scrolling: touch;
}

/* Image/Text-Buttons */
.imageTextButton
{
	position: relative;
	display: inline-block;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
	color: #0f73b9;
}

.ImageTextbuttonImageContainer > img
{
	margin: 0px auto;
	display: block;
}

.multilineText
{
	margin-right: 40px;
	height: 60px;
}

.multilineText60
{
	margin: 0 20px 0 20px;
}

.imageTextButton:hover
{
	text-decoration: underline;
}

.imageTextButton > span.multiLine60
{
	font-size: 11px;
	line-height: 10px;
}

.imageTextButtonDisabled
{
	cursor: not-allowed;
	color: rgba(15, 115, 185, 0.5);
}
	.imageTextButtonDisabled img
	{
		opacity:0.5;
	}

	.imageTextButtonDisabled:hover
	{
		text-decoration: none;
	}

.imageTextButton > img
{
	position: relative;
}

.imageTextButton > span
{
	position: relative;
	margin-left: 5px;
	bottom: 4px;
	display: inline;
	font-family: roboto_medium;
	font-size: 14px;
	line-height: 1px;
}

	.imageTextButton > span.IconRight
	{
		margin-left: 0;
		margin-right: 5px;
	}

	.imageTextButton > span.multiLine
	{
		top: 5px;
		display: block;
		margin: 0px;
		left: 0px;
		text-align: center;
		line-height: 14px;
	}

.L1, .L2
{
	margin: 0px;
	padding: 0px;
}

.L2, .L2empty
{
	margin-top: 3px;
}

.L2empty
{
	visibility: hidden;
}

.paddingLeftRight20
{
	padding-left: 20px;
	padding-right: 20px;
}

.paddingLeftRight10
{
	padding-left: 10px;
	padding-right: 10px;
}

.marginLeftRight20
{
	margin-left: 20px;
	margin-right: 20px;
}

.marginLeftRight6
{
	margin-left: 6px;
	margin-right: 6px;
}

.marginLeftRight10
{
	margin-left: 10px;
	margin-right: 10px;
}

.paddingLeftRight8
{
	padding-left: 8px;
	padding-right: 8px;
}

#ButtonPanel table td
{
	padding: 0 20px;
}

.paddingTopBottom8
{
	padding-top: 8px;
	padding-bottom: 8px;
}

.marginTopBottom6
{
	margin-top: 6px;
	margin-bottom: 6px;
}

.padding20Padding8
{
	padding: 8px 20px 8px 20px;
}

.margin20Margin6
{
	margin: 6px 20px 6px 20px;
	display: inline-block;
}

.marginBottomTop10
{
	margin: 10px 0;
}

.displayBlock
{
	display: block;
}

.whiteSpace
{
	white-space: nowrap;
}
/* // Image/Text-Buttons */

/* Controls */
/*********************/
/* inaktive Elemente */
/*********************/
a.aspNetDisabled
{
	color: Gray;
}

	a.aspNetDisabled:hover
	{
		color: Gray;
		text-decoration: none;
	}

/**********************************************/
/* Workoaround Breite AsyncFileUpload Firefox */
/**********************************************/
.afuWorkaround input
{
	width: 100% !important;
}

body
{
	background-color: White;
}

input.noMSClear::-ms-clear
{
	display: none;
}

/*********************/
/* Pager */
/*********************/
.pageButtonDivTop
{
	width: 100%;
	height: 28px;
	border-top: 1px solid rgb(210, 210, 210);
	text-align: center;
}

.pageDropDownDivTop
{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 30px;
}

.pageButtonDivBottom
{
	width: 100%;
	height: 30px;
	border-bottom: 1px solid rgb(210, 210, 210);
	text-align: center;
}

.pageDropDownDivBottom
{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 32px;
}

.linkButton
{
	padding: 0 5px;
}

.labelTop,
.labelBottom
{
	display: inline-block;
}

.labelTop
{
	border-top: 2px solid #0f73b9;
	margin-top: -1px;
}

.labelBottom
{
	border-bottom: 2px solid #0f73b9;
	margin-top: 3px;
}

.buttonTop, .buttonBottom
{
	font-family: roboto_medium;
	line-height: 26px;
	padding: 0 5px;
}

.pfeilRechts, .pfeileRechts,
.pfeilLinks, .pfeileLinks
{
	display: inline-block;
	border-width: 2px;
	border-style: solid;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
}

.pfeilRechts, .pfeileRechts
{
	border-left: none;
	border-bottom: none;
}

.pfeilLinks, .pfeileLinks
{
	border-right: none;
	border-top: none;
}

	.pfeileRechts:after,
	.pfeileLinks:after
	{
		content: '';
		position: absolute;
		border-width: 2px;
		border-style: solid;
		width: 6px;
		height: 6px;
	}

.pfeileRechts:after
{
	top: -6px;
	left: 4px;
	border-left: none;
	border-bottom: none;
}

.pfeileLinks:after
{
	top: -4px;
	left: 2px;
	border-right: none;
	border-top: none;
}

/****************************/
/* ausgewähltes Item in TSDL*/
/****************************/

.treeNodeItem.selectedNode,
.clickAreaSelected
{
	color: #ffffff;
}

.AccordionAgent.disabled .treeNodeItem.selectedNode
{
	background-color: rgb(80,80,80);
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
	border-bottom: 1px solid rgba(0, 0, 0, 0.18);
	border-top: none;
	border-left: none;
	border-right: none;
	background-color: transparent;
	font-family: roboto_light;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 1px;
}

	input[type="text"][disabled="disabled"],
	input[type="tel"][disabled="disabled"],
	input[type="email"][disabled="disabled"],
	input[type="password"][disabled="disabled"],
	textarea[disabled="disabled"],
	input[type="text"]:disabled,
	input[type="tel"]:disabled,
	input[type="email"]:disabled,
	input[type="password"]:disabled,
	textarea:disabled
	{
		color: rgba(0, 0, 0, 0.65);
		background-color: transparent;
		border-bottom: 1px dashed rgba(0, 0, 0, 0.18);
	}

	textarea.flexible
	{
		overflow: hidden;
		resize: horizontal;
	}

textarea
{
	padding-top: 1px;
}

	textarea:disabled
	{
		resize: none;
	}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"]
{
	height: 22px;
}

	input[type="text"]:focus,
	input[type="tel"]:focus,
	input[type="email"]:focus,
	input[type="password"]:focus,
	textarea:focus
	{
		border-bottom-width: 2px;
		margin-bottom: 0;
	}

.padding-right
{
	padding-right: 20px;
}

.padding-left
{
	padding-left: 20px;
}

.datagridClass
{
	position: relative;
}

.shadowElemHeader, .shadowElemRows
{
	z-index: 1;
	vertical-align: bottom;
}

	.shadowElemRows > div, .shadowElemHeader > div
	{
		width: 100%;
		position: absolute;
		height: 10px;
		margin-top: -11px;
		left: 0px;
	}

	.shadowElemRows > div
	{
		box-shadow: 0px 3px 2px -3px rgba(0,0,0,1);
		-webkit-box-shadow: 0px 4px 2px -3px rgba(0,0,0,0.55);
	}

@media screen and (min-width:0\0)
{
	.shadowElemRows > div
	{
		box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.57);
	}
}

.shadowElemHeader > div
{
	box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.91);
	-webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.64);
}

@media screen and (min-width:0\0)
{
	.shadowElemHeader > div
	{
		box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.61);
	}
}

.userSelectorDatagrid .aitem.checked
{
	background-color: rgb(212, 216, 225) !important;
}

.userSelectorDatagrid .item.checked
{
	background-color: rgb(230, 234, 243) !important;
}

.userSelectorDatagrid .aitem:hover,
.userSelectorDatagrid .item:hover
{
	background-color: #dcdcdc !important;
}

.userSelectorDatagrid .aitem.checked:hover,
.userSelectorDatagrid .item.checked:hover
{
	background-color: #c7cbd4 !important;
}

.paddingTopBottom2
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.gridViewSortImage
{
	display: inline-block;
	width: 9px;
	margin-left: 3px;
}

.floatLeft
{
	float: left;
}

.floatRight {
	float: right;
}

.clear
{
	clear: both;
}

/********************Ampeltabellen*******************************/
.traffic_light_h2
{
	padding-left: 120px;
}

.traffic_light_div
{
	white-space: nowrap;
}

.traffic_light_image
{
	display: inline-block;
	width: 80px;
	padding-right: 40px;
	vertical-align: top;
}

.traffic_light_grid
{
	vertical-align: top;
	display: inline-block;
}

.traffic_light_distance
{
	margin-bottom: 80px;
}

.traffic_light_noDistance
{
	margin-bottom: 0px;
}

.traffic_light_marginNoPager
{
	margin-top: -19px;
}

.traffic_light_marginPager
{
	margin-top: 4px;
}

.traffic_light_marginPages
{
	margin-top: 33px;
}

/****************Zeilenumbruch verhinderrn************************************/
.noLineBreak
{
	white-space: nowrap;
	display: inline-block;
}

/****************Textausrichtung rechts***************************************/
.textAlignCenter
{
	text-align: center !important;
}

/* Formatierung der SlideBoxen */
.slideBoxHeader
{
	line-height: 29px;
	background-color: #DCDCDC;
}

.tblBorderLRB
{
	border-left: 3px solid #DCDCDC;
	border-right: 3px solid #DCDCDC;
	border-bottom: 3px solid #DCDCDC;
}

.tblBorderSpace
{
	height: 1px;
	background-color: #FFFFFF;
}

/* anpassen der filter zurücksetzen- button */
.delFilter > span
{
	font-family: roboto_medium,Arial,Verdana,Sans-Serif;
	color: #505050;
	font-size: 11px;
	text-decoration: none;
	font-style: italic;
	margin-top: -5px;
	padding-left: 12px;
	display: block;
}

.delFilter > img
{
	margin-top: -2px;
}
/* Ende - Formatierung der SlideBoxen */

.popupcontentItem {
	position: absolute;
	left: 0px;
	right: 0px;
}

	/* ... Navigation */
	.popupcontentItem.navigation {
		margin-top: 0px;
		top: 0px;
		height: 43px;
		overflow: hidden;
	}

		.popupcontentItem.navigation.superpopup {
			margin-top: 20px;
			height: 116px;
			overflow: auto;
		}

	/* ... Content */
	.popupcontentItem.content {
		top: 43px;
		padding: 20px;
		margin-right: 0px; /* Korrektiv für JQWindow(.afterMaximize/ .afterCascade) */
		bottom: 48px;
		overflow: auto;
	}

		.popupcontentItem.content.superpopup {
			top: 136px;
		}

		.popupcontentItem.content.nopaddingleft {
			padding-left: 0px;
		}

	/* ... Footer */
	.popupcontentItem.footer {
		bottom: 0px;
		height: 48px;
		background-color: rgb(235, 235, 235);
		border-top: 1px solid rgb(140, 140, 140);
		overflow: hidden;
	}

		.popupcontentItem.footer.cancelbutton {
			text-align: center;
		}

.popupcontentItemFooterCancelButton {
	margin-top: 14px;
}

.popupcontentItem .content > .columnSelector {
	top: calc(top - 43);
}

/* Formatierung PopUpContent Ende */

.linkButtonItem
{
	float: left;
	width: 230px;
	height: 48px;
	margin: 0px 20px;
	background-color: Gray;
	cursor: pointer;
}

.linkButtonImg
{
	float: left;
	width: 48px;
}

.linkButtonDiv
{
	float: left;
	padding: 10px 0px 0px 10px;
	color: white;
}

.buttonMargin
{
	margin: 0px 20px;
}

.tabStripContainerPopup
{
	margin: 0px;
	padding-left: 20px;
	padding-top: 20px;
	height: 22px;
	border-bottom: 1px solid #d2d2d2;
}


/* Boilerplate - Formatierung */
.boilerPlateTopic
{
	color: white;
	background-color: #0f73b9;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	padding-left: 10px;
	border-bottom: 1px solid white;
}

.boilerPlateEntry
{
	padding: 5px 5px 5px 29px;
	border: 1px solid #0f73b9;
	background-color: white;
	background-image: url(../RiskManagement/images/icon_boiler_plate.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	background-size: 15px;
	margin: 0 1px 1px 0;
	cursor: pointer;
}
/* Boilerplate - Formatierung */

/* Cursor -> Pointer für UserSelector*/
.cursorPointer
{
	cursor: pointer;
}
/* ENDE Boilerplate - Formatierung ENDE */

/* Sollte sich mit bereits exisitierenden hidden-Klassen auf Zellebene nicht ins Gehege kommen */
.hidden
{
	display: none;
}

.CheckedCountLabel 
{
	font-size: 12px;
}

.detailsDiv 
{
	border: 10px solid rgba(0,0,0,0.5);
	position: absolute;
	z-index: 2;
	background-color: #ffffff;
	padding: 10px;
}
.detailsHeader 
{
	font-family: roboto_medium;
}

.detailsInfo td
{
	padding: 5px;
}

.detailsInfo + .detailsHeader td 
{
	padding-top: 13px;
}

.closeDetails
{
	position:absolute; 
	top:1px; 
	right:1px;
	cursor: pointer;
}

.scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_less
{
	background-image: url(../images/TreeViewBasicImages/arrow_top.png);
}

.scroll-element.scroll-y.scroll-element_arrows_visible .scroll-arrow_more
{
	background-image: url(../images/TreeViewBasicImages/arrow_down.png);
}

.scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_more
{
	background-image: url(../images/TreeViewBasicImages/arrow_right.png);
}

.scroll-element.scroll-x.scroll-element_arrows_visible .scroll-arrow_less
{
	background-image: url(../images/TreeViewBasicImages/arrow_left.png);
}

.marginLeft20 
{
	margin-left: 20px;
}
.marginRight10 {
	margin-right: 10px;
}
.marginLeft10 {
	margin-left: 10px;
}
.marginRight20 
{
	margin-right: 20px;
}
.marginRight40 
{
	margin-right: 40px;
}
.marginTopBottom20 
{
	margin: 20px 0;
}
.marginTop20 
{
	margin-top: 20px;
}

.marginTop10 {
	margin-top: 10px;
}
.marginBottom20 
{
	margin-bottom: 20px;
}

.marginBottom40
{
	margin-bottom: 40px;
}

.marginTop30 {
	margin-top: 30px;
}

.marginBottom30 {
	margin-bottom: 30px;
}

.paddingRight10 {
	padding-right: 10px;
}

.paddingLeft10 {
	padding-left: 10px;
}

.paddingBottom10 {
	padding-bottom: 10px;
}

.paddingTop10 {
	padding-top: 10px;
}

.paddingTop20 {
	padding-top: 20px;
}

.paddingBottom20 {
	padding-bottom: 20px;
}

.paddingBottom40 {
	padding-bottom: 40px;
}

.paddingLeft30 {
	padding-left: 30px;
}

.paddingRight30 {
	padding-right: 30px;
}

.paddingTop30 {
	padding-top: 30px;
}

.paddingBottom30 {
	padding-bottom: 30px;
}

.paddingLeft40 {
	padding-left: 40px;
}

.marginTopBottom4 {
		margin-top: 4px;
		margin-bottom: 4px;
	}

.headerStyleValues {
	line-height: 29px;
	padding-left: 8px;
	font-family: roboto_medium;
	font-size: 12px;
	color: black;
 }

 .refreshDesign {
	font-family: roboto;
	font-size: 16px;
}

.valignMiddleAlignCenter {
	vertical-align: middle;
	text-align: center;
	color: white;
}

.boldReplacement {
	font-family: roboto_medium;
	font-size: 14px;
}

.buttonsHiddenDistance {
	margin: 6px 20px;
}

.preloaderDiv {
	background-color: #324D96;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100001;
	top: 0px;
	left: 0px;
}

.preloaderTable {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100002;
	top: 0px;
	left: 0px;
}

.preloaderTable td {
	color: white;
}

.fontItalic {
	font-style: italic;
}

.margin10 {
	margin: 10px;
}

.margin20 {
	margin: 20px;
}

.padding10 {
	padding: 10px;
}

.padding20 {
	padding: 20px;
}

.padding40 {
	padding: 40px;
}

.verticalAlignTop {
	vertical-align: top;
}

.verticalAlignBottom {
	vertical-align: bottom;
}

.verticalAlignMiddle {
	vertical-align: middle;
}

.textAlignLeft {
	text-align: left;
}

.textAlignRight {
	text-align: right;
}

.textAlignCenter {
	text-align: center;
}

.width100 {
	width: 100%;
}

.width50 {
	width: 50%;
}

.width2 {
	width: 2px;
}

.width3 {
	width: 3px;
}

.height2 {
	height: 2px;
}

.height3 {
	height: 3px;
}

.height10 {
	height: 10px;
}

.height20 {
	height: 20px;
}

.height30 {
	height: 30px;
}

.height100 {
	height: 100%;
}
.colorWhite {
	color: white;
}
.whiteSpaceNormal {
	white-space: normal;
}

td.examContainer:nth-child(3) 
{
	width: 90px;
	text-align: right;
}

td.examContainer:nth-child(2) 
{
	width: 70px;
	padding-left: 18px;
}

table.examLabel 
{
	width: 100%;	
	padding-right: 4px;
	cursor: pointer;
}

table.examLabel tr
{
	font-family: roboto_medium;
	font-size: 12px;
}

.pauseRow 
{
	height: 22px !important;
}

.pauseRow > td:not(:first-child) 
{
	padding-top: 29px !important;
	padding-bottom: 8px !important;
}

.pauseRow > td:nth-child(2)
{
	vertical-align: top;
}

.spacer
{
	position: absolute; 
	height: 22px; 
	margin-top: -31px;
	margin-left: -21px;
}

.pauseRow .spacer
{
	background-color: white; 
	border-bottom:1px solid gray; 
	border-top:1px solid gray; 
	width: 100%;
}

.paddingRight8
{
	padding-right: 8px;
}

.paddingLeft8
{
	padding-left: 8px;
}

.intersectingRow > td 
{
	border-bottom: 3px solid red;
}

.ribAppointment
{
	width: 118px;
	height: 86px;
	display: block;
}

.ribAppointment img 
{
	height: 70px;
	margin-top: 8px;
}

.ribAppointment .ImageTextbuttonImageContainer 
{
	height: 100%;
}

.scrollTextBox
{
	display:none;
	height: 0;
}

/*********PopUpDesign***********/
.popUpRadioButtonDescription { /*Design für den Text, der die Funktion der RadioButtonList beschreibt*/
	float: left;
	margin-right: 20px;
	margin-top: 3px;
}
.popUpTDDesign {/*Ausrichtung des PopUp*/
	padding: 20px;
	width: auto;
	height: auto;
}
.shadowGreyDiv {/*Größe des Schattens*/
	width: 2px;
	height: 2px;
	background-color: White;
	font-size: 1px;
	line-height: 1px;
}

.dialog.modal::before
{
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	background-color: rgba(0,0,0,0.3);
	z-index: -1;
}

/*********ContextMenu***********/
.contextTable
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	cursor: pointer;
}

.firstTDContextTable
{
	padding-left: 15px;
	padding-right: 10px;
	line-height: 33px;
	vertical-align: middle;
	text-align: center;
}

.secondTDContextTable
{
	line-height: 33px;
	vertical-align: middle;
	padding-right: 15px;
}

.contextTableBoxShadow
{
	/* Firefox */	
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
	
	/* Chrome */
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
}

/*****Ende Contextmenü*******/

/************Formatierung für StringResources***************/
.roleInfoBox {
	margin-left: 15px;
}
.smallLineDistance {
	margin-bottom: 2px;
}

/********** PageContent + Footer **********/
.PageContent, .PageWithNaviContent
{
	padding-left: 154px;
	overflow-y: auto;
}

.contentPanels
{
	padding: 40px;
}

.PageWithNaviContent
{
	padding-top: 40px;
}

.PageFooter
{
	position: fixed;
	bottom: 0px;
	height: 50px;
	width: 100%;
	background-color: rgb(235, 235, 235);
	border-top: 1px solid rgb(140, 140, 140);
	overflow: hidden;
}




/* Dashboard-Styles ... */
.containerStyle
{
	display: block;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 100;

	border: 5px solid;
	border-top: none;
	box-sizing: border-box;
	border-color: #0f73b9;

	overflow: hidden;
}

.titleStyle
{
	height: 56px;
	padding-left: 20px;

	background-color: #0f73b9;

	overflow: hidden;
}

.outerTitleStyle
{
	display: table;
	height: 100%;
}

.titleBackStyle
{
	display: table-cell;
	vertical-align: middle;
}

.titleBackText
{
	padding-left: 20px;
	line-height: 26px;

	font-family: roboto_light;
	font-size: 17px;
	color: white;

	cursor: default;
}

.titleBackAlternateText
{
	line-height: 26px;

	font-family: segoe ui;
	font-size: 20px;
	color: white;
}

.titleCloseStyle
{
	position: fixed;
	right: 0;
	margin: 5px;
}

.titleCloseStyle:hover
{
	position: fixed;
	right: 0;
	margin: 5px;

	background-image: url(../images/ButtonIcons/btn_close_hover.svg);
}

.titleCloseAlternateText
{
	font-family: segoe ui;
	font-size: 28px;
	color: white;
}

.contentStyle
{
	overflow: auto;
}

.myPageContent
{
	padding: 40px;
	cursor: default;
	overflow: auto;
}
/* ... Dashboard-Styles */


#ASM_Notifier
{
	font-size: 12px;
	font-family: roboto_medium, Arial, Geneva, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #000000;
	padding: 15px;
	text-align: center;
	margin-left: 5%;
	width: 90%;
	position: absolute;
	top: -60px;
	z-index: 10000000;
	border-radius: 3px;
	box-shadow: rgba(0, 0, 0, 0.34902) 0px 0px 5px 1px;
}

.greenNotifier
{
	border: 3px solid #37AF19;
	background-color: #9CD88D;
}

.yellowNotifier
{
	border: 3px solid #EBCD23;
	background-color: #F4E486;
}

.redNotifier
{
	border: 3px solid #DC0000;
	background-color: #F08D8D;
}
/* Ende ASM_Notifier */

.ButtonBackground
{
	padding: 6px 10px 0; 
	border-radius: 7px; 
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
	height:24px;
}

.noteText
{
	color: #000;
	background-color: #D5EBF5;
	padding: 10px !important;
	float: left;
}

ul.ChangePasswordPolicyList, .ChangePasswordPolicyList li
{
	list-style:disc;
	overflow:visible;
}

ul.ChangePasswordPolicyList
{
	margin-left:20px;
}

/* ExpandingPanel */
.expanderPanel
{
	margin-bottom: 1px;
}

.expanderHeader
{
	display: block;
	padding-right: 37px;
	cursor: pointer;
	position: relative;
	line-height: 29px;
	color: #505050;
	background-color: #dcdcdc;
	font-size: 12px;
	font-family: roboto_medium;
}

.expanderHeader .expanderTitle
{
	margin-left: 10px;
}

.expanderHeader .expanderImg
{
	position: absolute;
	width: 30px;
	height: 30px;
	margin-right: 4px;
	top: 0;
	right: 0;
	background: url(../images/ButtonIcons/icon18_down2.svg) no-repeat 6px 6px;
}

.expanderHeader.expanded .expanderImg
{
	background: url(../images/ButtonIcons/icon18_up2.svg) no-repeat 6px 6px;
}

.expanderContent
{
	display: none;
	padding: 20px;
	border-bottom: 3px solid #dcdcdc;
	border-left: 3px solid #dcdcdc;
	border-right: 3px solid #dcdcdc;
}

.expanderContent .formInputContainer
{
	width: unset;
}

/*Media Queries Navigation*/
@media (max-width: 1000px)
{
	#Navigation_MajorDiv .ImageText, #Navigation_MajorDiv .UserLoginCell {
		display: none;
	}
}

@media (max-width: 800px) {
	#Navigation_FeedbackDiv {
		display: none;
	}
}

@media (max-width: 700px) {
	#Navigation_HelpDIV {
		display: none;
	}
}

/******** popupVNav *************/
.TileNavigationRadio input {
	display: none;
}

.TileNavigationRadio {
	display: block;
	width: 120px;
	height: 120px;
	font-family: roboto, Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
}

	.TileNavigationRadio.vertical {
		margin: 0 40px 20px 0;
	}

	.TileNavigationRadio.horizontal {
		margin: 0 20px 40px 0;
	}

	.TileNavigationRadio .containerTable {
		width: calc(100% - 4px);
		height: calc(100% - 4px);
		background-color: #ebebeb;
		border: 2px solid #8c8c8c;
		color: #8c8c8c;
		cursor: pointer;
		display: table;
	}

	.TileNavigationRadio .containerCell {
		display: table-cell;
		vertical-align: middle;
	}

	.TileNavigationRadio input:checked + .containerTable {
		color: #ffffff;
		background-color: #0f73b9;
		border: 2px solid #0f73b9;
	}

	.TileNavigationRadio input[disabled=disabled] + .containerTable {
		cursor: not-allowed;
	}

	.TileNavigationRadio .TileNavigationText {
		margin-top: 2px;
		padding: 0 10px;
	}

	.TileNavigationRadio.noImage .containerTable {
		position: relative;
	}

	.TileNavigationRadio.noImage .TileNavigationText {
		position: absolute;
		bottom: 25px;
		width: 100%;
	}

	.controlImage img {
		display: inline-block;
		pointer-events: none;
		cursor: pointer;
	}

.verticalMiddle {
	top: 50%;
	position: relative;
	transform: translateY(-50%);
}

#currentConditions {
	white-space: pre-wrap;
}