@font-face {
	font-family: 'Audi Type Screen Bold';
	src: url("../fonts/AudiTypeScreen-Bold.eot"); /* IE9 Compat Modes */
	src: url("../fonts/AudiTypeScreen-Bold.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	url("../fonts/AudiTypeScreen-Bold.woff") format('woff'), /* Modern Browsers */
	url("../fonts/AudiTypeScreen-Bold.ttf")  format('truetype'); /* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Audi Type Screen Normal';
	src: url("../fonts/AudiTypeScreen-Normal.eot"); /* IE9 Compat Modes */
	src: url("../fonts/AudiTypeScreen-Normal.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	url("../fonts/AudiTypeScreen-Normal.woff") format('woff'), /* Modern Browsers */
	url("../fonts/AudiTypeScreen-Normal.ttf")  format('truetype'); /* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Audi Type Screen Light';
	src: url("../fonts/AudiTypeScreen-Light.eot"); /* IE9 Compat Modes */
	src: url("../fonts/AudiTypeScreen-Light.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	url("../fonts/AudiTypeScreen-Light.woff") format('woff'), /* Modern Browsers */
	url("../fonts/AudiTypeScreen-Light.ttf")  format('truetype'); /* Safari, Android, iOS */
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Audi Type Extended Bold;
	src: url("../fonts/AudiType-ExtendedBold.eot");
	src: url("../fonts/AudiType-ExtendedBold.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	url("../fonts/AudiType-ExtendedBold.ttf") format('truetype');
}

@font-face {
	font-family: Audi Type Bold;
	src:url("../fonts/AudiType-Bold.eot");
	src: url("../fonts/AudiType-Bold.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	url("../fonts/AudiType-Bold.ttf") format('truetype');
}

@font-face {
	font-family: Audi Type Normal;
	src: url("../fonts/AudiType-Normal.eot");
	src: url("../fonts/AudiType-Normal.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	url("../fonts/AudiType-Normal.ttf") format('truetype');
}

@font-face {
	font-family: Audi Type Extended;
	src:url("../fonts/AudiType-ExtendedNormal.eot");
	src: url("../fonts/AudiType-ExtendedNormal.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */
	url("../fonts/AudiType-ExtendedNormal.ttf") format('truetype');
}

/* ALLGEMEIN **********************/
* {
	margin: 0;
	padding: 0;
	font-family: "Audi Type Screen Light", Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 28px;
	color: #333;
}

html {
	overflow-y: auto;
	overflow-x: hidden;
}

.strong_text {
	font-weight: bold;
}

a, a:link, a:visited {
	text-decoration: none;
	color: #000001;
}

a:hover, a:active, a:focus {
	color: #CC0033;
	outline: none;
}

ul {
	list-style: none outside none;
}

ul li {
	margin-bottom: 0;
	list-style:disc;
	list-style-position: inside;

}

h2 {
	font-family: Audi Type Extended, Verdana, Helvetica, sans-serif;
	color: #000001;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 125%;
	margin-bottom: 15px;
}

h3 {
	font-family: "Audi Type Extended", Verdana, Geneva, sans-serif;
	font-size: 21px!important;
	line-height: 28px!important;
	font-weight: bold;

	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

h4 {
	font-family: "Audi Type Extended", Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;

	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

h4 span {
	font-family: "Audi Type Extended", Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 125%;
	margin:5px 0;
	padding-bottom: 0;
}

h4 img {
	/* Shows plus/minus img correct */
	margin:-6px 0;
	padding-left:10px !important;
}

p {
	margin-bottom: 5px;
}

img {
	border: 0;
}

img.imageIcon {
	cursor: pointer;
}

.mandatory_input {
	color: #000001;
}

body {
	background: white;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

#content_area {
	margin: auto;
	width: calc(100vw - 275px);
	position: absolute;
	left: 275px;
	top: 250px;
	min-height: 100%;
}

/* HEADER **********************/
#header_area {
	min-height: 250px;
	/*box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);*/
	position: absolute;
	left: 275px;
	top: 0;
	width: calc(100vw - 275px);
	background: #FFFFFF; /*#000000 url("../images/header_bg.gif") repeat left*/
}

.header_wrapper {
	width: 100%;
	margin: 0;
}

.header_wrapper .header_bkg {
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
}

.header_wrapper .header_bkg img {
	position: relative;
}

#header_area.small {
	width: 710px;
	margin: auto;
	min-height: 119px;
}

#header_area #caption {
	margin-top: 0;
	margin-left: 0;
	float: left;
	visibility: hidden;
}

#header_area.small #caption {
	margin-top:0;
	margin-left:0;
	visibility: hidden;
}

#header_area.small #logo {
	margin-top: 50px;
}

#header_area #caption span {
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

#header_area #caption span.line1 {
	color: #bb0a30;
	font-family: "Audi Type Extended Bold", Verdana, Helvetica, sans-serif;
	visibility: hidden;
}

#header_area #caption span.line2 {
	color: black;
	font-family: Audi Type Extended, Verdana, Helvetica, sans-serif;
	visibility: hidden;
}

#header_area #logo {
	position: relative;
	float: right;
	display: block;
	margin-top: 0;
    margin-left: 0;
	right: 0;
	height: 250px;
}

#header_area.small #logo img {
	padding-right: 4px;
}

#breadcrumb {
	/*margin-bottom: 9px;*/
	color: #000001;
	font-size: 11px;
	width: 971px;
	height: 0;
}

#breadcrumb ul {
	height: 19px;
	padding-left: 0;
	padding-top: 10px;
	float: left;
	line-height: 12px;
}

#breadcrumb ul li {
	display: inline;
	list-style:none;
}

#breadcrumb ul li a {
	font-family: Audi Type Extended, Verdana, Helvetica, sans-serif;
	padding: 15px;
	color: #000001;
	text-decoration: none;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#breadcrumb ul li a:hover {
	color: #CC0033;
}

form.breadcrumbForm_small {
	padding: 0;
	height: 15px;
	float: right;
	margin-bottom: 10px;
}

#breadcrumb form.breadcrumbForm,form.breadcrumbForm {
	float: right;
	margin-top: 1px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 8px;
	height: 15px;
	line-height: 10px !important;
}

#breadcrumb form.breadcrumbForm select,form.breadcrumbForm_small select {
	border: 1px solid #B3B8BE;
	display: block;
	height: 17px;
	width: 200px;
}

select.login {
	float: left;
}

#top_menu {
	float: right;
	padding-right: 30px;
	color: #BBBBBB;
	font-weight: bold;
}

#top_menu a {
	display: block;
	float: left;
	color: #DDD;
	margin: 5px;
	text-decoration: none;
}

#top_menu a:hover {
}

#history {
	float:right;
	padding-right:8px;
}

#top_buttons {
	float:right;
}

#top_buttons a {
	padding: 0 2px;
}

/* MENU **********************/
#menu_area {
	width: 275px;
	min-height: 100%;
	/* background-color: #2d2d2d;*/
	background-color: #212a33;
	background-image: url("../images/audi-logo.png");
	background-repeat: no-repeat;
	background-position: 25px 50px;

	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
}


#menu {
	margin-top: 125px;
	height: calc(100% - 125px);
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
}

#menu ul {
	margin-bottom: 20px;
	display: block;
	width: 253px;
}

#menu ul li {
	display: block;
	width: 242px;
	margin: 0;
	padding: 0;
	line-height: 39px;
	list-style:none;
}

#menu ul li.sub1, #menu ul li.sub2, #menu ul li.sub3, #menu ul li.sub4 {
	background-color: #212a33;
	/* background-color: #262626; */
	width: 275px;
}

#menu ul li a {
	border-bottom: 1px solid #C2C2C2;
	font-family: "Audi Type Screen Normal", "Audi Type Normal", Verdana, Helvetica, sans-serif;
	color: #C2C2C2;
	display: block;
	text-decoration: none;
	padding: 12px 0;
	font-size: 14px;
	line-height: 1.2;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 25px;
	width: 195px;
}

#menu ul li a:hover {
	color: #e5e5e5;
}

#menu ul li a.current {
	color: #FFFFFF;
	font-family: "Audi Type Screen Bold", "Audi Type Bold", Verdana, Helvetica, sans-serif;
}


#menu ul li a.current:hover {
}

#menu ul li a.submenu_opened {
	background-position:3px -200px !important;
}

#menu ul li.sub1 a {
	margin-left:38px;
	width:180px;
	border-bottom: 0;
}

#menu ul li.sub1 a.current {
	color: #FFFFFF;
	font-family: "Audi Type Screen Bold", "Audi Type Bold", Verdana, Helvetica, sans-serif;
	border-bottom: 0;
}

#menu ul li.sub2 a {
	margin-left: 51px;
	width: 167px;
	border-bottom: 0;
}

#menu ul li.sub2 a.current,#menu ul li.sub3 a.current,#menu ul li.sub4 a.current {
	color: #FFFFFF;
}

#menu ul li.sub1 a.current:hover,#menu ul li.sub2 a.current:hover,#menu ul li.sub3 a.current:hover,#menu ul li.sub4 a.current:hover {
	color: #FFFFFF;
}

#menu ul li.sub3 a {
	margin-left: 65px;
	width: 154px;
}

#menu ul li.sub4 a {
	margin-left: 78px;
	width: 141px;
}

#menu ul li.last a {
	/*padding-bottom: 2px;*/
	/*border-bottom: 0;*/
}

#menu .switch-lang { }
#menu .switch-lang ul { margin-left: 25px; }
#menu .switch-lang li { display: inline-block; width: auto; }
#menu .switch-lang li a { width: auto; border-width: 0; margin-left: 0; margin-right: 10px; }
#menu .switch-lang li img { width: 22px; }


#info_box {
	color: #BBBBBB;
	font-weight: bold;
	margin: 30px 5px 15px 13px;
	width: 200px;
}

#info_box h3 {
	font-weight: normal;
}

#info_box #version {
	padding-top: 15px;
	color: #BBBBBB;
}

#info_box .definition_label {
	width: 90px;
}

#info_box .definition_value {
	margin-left: 90px;
	margin-bottom: 2px;
	font-weight: normal;
	text-align: right;
}

.content_box {
	line-height: 28px;
	font-family: "Audi Type Screen Light", Verdana, Geneva, sans-serif !important;
	color: #333333;
	font-size: 16px;
}

.content_box ul, .content_box ol {
    padding-left: revert;
}

.content_box b {
	line-height: 28px;
	font-family: "Audi Type Screen Bold", Verdana, Geneva, sans-serif !important;
	color: #333333;
	font-size: 16px;
}

.content_box_right {
	float: right;
	width: 203px;
}

.content_box_left {
	width: 450px;
	float: left;
	padding-bottom: 30px;
}

.content_box table th, .content_box table td {
	padding: 5px;
}


/* WORK_AREA *****************/
#work_area {
	width: 80%;
	padding-bottom: 30px;
	margin: auto;
}

#work_area_caption {

}

#work_area_caption {
	margin-top: 20px;
	margin-bottom: 20px;
}

#work_area_caption span {
	display: block;
	line-height: 17px;
	font-family: "Audi Type Extended", Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}

#work_area_caption span.line1 {
	font-family: "Audi Type Extended", Verdana, Geneva, sans-serif;
	font-size: 21px;
	line-height: 24px;
}

#work_area_caption span.line2 {
	color: #2B2F33;
	padding-left: 130px;
}

#work_area.small {
	margin: auto;
	float: none;
}

#work_area.small h4 {
	margin-top:10px;
}

#work_area.small h2 {
	margin-top:10px;
}

#work_area.small .work_box {
	padding-top:0;
}

.page_box,.message_box,.work_box {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.tabbed_box {
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

.message_box,.work_box,.tabbed_box, .message_box i,.work_box i,.tabbed_box i, .message_box b,.work_box b,.tabbed_box b{
	padding-bottom: 15px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 10px;
	width: 100%;
	margin-bottom: 10px;
}

.message_box i,.work_box i,.tabbed_box i, .message_box b,.work_box b,.tabbed_box b{
	padding: 0;
	margin: 0;
}

.message_box {
	padding: 0;
}

.work_box,.tabbed_box {
	margin-bottom: 10px;
}
.message_box b,.work_box b,.tabbed_box b{
	line-height: 28px;
	font-family: "Audi Type Screen Bold", Verdana, Geneva, sans-serif !important;
	color: #333333;
	font-size: 16px;
}
ul.content li {
	background: url("../images/list_item.gif")
	no-repeat 0 4px;
	padding-left: 10px;
	list-style:none;
}

.content ul li {
	background: url("../images/list_item.gif")
	no-repeat 1px 4px;
	padding-left: 10px;
	list-style:none;
}

ul.message_box {
	padding-bottom: 10px;
}

ul.message_box li {
	font-weight: bold;
	font-size: 16px;
	list-style:none;
	margin-bottom: 10px;
}

ul.message_box li.error {
	color: #CC0033;
}

ul.message_box li.warning {
	color: #000001;
}

ul.message_box li.info {
	color: #000001;
}

ul.message_box li.success {
	color: green;
}

.error {
	font-weight: bold;
	font-size: 16px;
	color: #CC0033;
}

.warning {
	font-weight: bold;
	font-size: 16px;
	color: #000001;
}

.info {
	font-weight: bold;
	font-size: 16px;
	color: #000001;
}

.success {
	font-weight: bold;
	font-size: 16px;
	color: green;
}

.page_box {
	background-color: #b3b8be;
	width: 680px;
	padding: 5px 10px;
}

.tabbed_box .page_box,.work_box .page_box {
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
}

.page_description {
	float: left;
}

.page_list {
	float: right;
}

.page_list span.active {
	color: #000001;
	font-weight: bold;
}

h1.underline,h2.underline,h3.underline,h4.underline {
	padding-bottom: 7px;
	border-bottom: 1px solid #B0B6B8;
	margin-bottom: 12px;
}

.work_box p, .tabbed_box p {
	margin-bottom: 5px;
	overflow: hidden; /* Hide tails of long URLs for printing version to stay in tact */
}

.hint_box {
	color: #555555;
	margin-left: 192px;
	display: block;
}

.work_box a,.tabbed_box a,.page_box a,.page_box a {
	color: #000001;
}

.work_box a:hover,.tabbed_box a:hover,.page_box a:hover {
	color: #CC0033;
}

.seperator_line {
	background-color: #a4a4a4;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: -20px;
	margin-right: -20px;
}

/* FORM **********************/
form {
	padding: 0;
	margin: 0;
	line-height: 17px;
}

.work_box input,.tabbed_box input,.ui-dialog input {
	border-style: none;
	width: 400px;
	border-bottom: 1px solid black;
	background: #f8f8f8;
}

.work_box input.large,.tabbed_box input.large,.ui-dialog input.large {
	width: 460px;
}

.work_box input.file,.ui-dialog input.file {
	height: 20px;
}

.work_box input.date,.ui-dialog input.file {
	margin-right: 2px;
}

input.calendar {
	width: 80px !important;
}

input.time {
	width: 40px !important;
}

img.time {
	padding-left: 5px;
	position: relative;
	margin-bottom:-5px;
	height:18px;
}

.timezone {
	padding-left: 3px;
}

.work_box img.input_icon,.ui-datepicker-trigger,.ui-dialog img.input_icon {
	cursor: pointer;
	padding-left: 1px;
	position: relative;
	top: 3px;
}

img.ui-datepicker-trigger {
	height: 18px;
	margin-bottom: -2px;
	margin-top: -4px;
	padding-left: 5px;
	padding-right: 20px;
}

.work_box select,.tabbed_box select,.ui-dialog select {
	border-style: none;
	width: 400px;
	border-bottom: 1px solid black;
	background: #f8f8f8;
	display:block;
	height: 28px;
}


.floatItemBox {
	display: inline;
	float: left;
	margin-right: 5px;
	padding: 0 1px;
}

.floatItem {
	background-color: grey;
	color: #000001;
	display: inline;
	float: left;
	margin-right: 2px;
	margin-top: 2px;
	padding-left: 5px;
}

.floatItemIcon {
	margin-top:2px;
}

.work_box select.long,.tabbed_box select.long,.ui-dialog select.long {
	width: 462px;
}

.work_box option,.tabbed_box option,.ui-dialog option {
	padding-left: 4px;
}

.work_box textarea,.tabbed_box textarea,.ui-dialog textarea {
	border-style: none;
	width: 400px;
	border-bottom: 1px solid black;
	background: #f8f8f8;
}

.work_box textarea.large,.tabbed_box textarea.large,.ui-dialog textarea.large
{
	width: 460px !important;
	height: 180px;
}

.work_box input.radio,.tabbed_box input.radio,.ui-dialog input.radio {
	width: auto;
	margin-right: 5px;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	border:none;
}

.work_box input.checkbox,.tabbed_box input.checkbox,.ui-dialog input.checkbox {
	width: 18px;
	height: 18px;
	margin-right: 3px;
	float: left;
	margin-top: 2px;
	margin-bottom: 0;
	border:none;
}

.work_box label,.tabbed_box label,.ui-dialog label {
	display: block;
	float: left;
	width: 180px;
	padding-right:10px;
}

.work_box .input_field,.tabbed_box .input_field,.ui-dialog .input_field {
	display: block;
	width: 100%;
	min-height: 17px;
	margin-bottom: 4px;
}

.work_box .input_box,.tabbed_box .input_box,.ui-dialog .input_box {
	margin-left: 190px;
}

.input_item {
	vertical-align: baseline;
	margin-bottom: 1px;
}

.empty_space {
	display: block;
	height: 17px;
	width: 10px;
}

.definition_label {
	display: block;
	float: left;
	font-weight: bold;
	width: 190px;
}

.definition_value {
	margin-left: 190px;
	line-height: 1.5;
}

.error_box {
	color: #000001;
	font-weight: bold;
	margin-left: 192px;
}

.error_box span.error {
	color: #CC0033;
}

.error_box span.warning {
	color: #000001;
}

.error_box span.info {
	color: #000001;
}

.buttons_panel {
	display: block;
	margin-left: 0;
	padding: 0;
	margin-top: 0;
}

.buttons_panel.left {
	margin-left: 0;
	margin-bottom: 15px;
}

.primary_action {
	margin-right: 1px;
	padding-left: 190px;
	float: left;
	font-size: 13px;
}

input.primary_hidden {
	border: 0;
	height: 0;
	line-height: 0;
	width: 0;
}

.primary_action button {
	font-family: "Audi Type Screen Normal", serif;
	margin: 0 30px 0 0;
	padding: 5px 20px 5px 20px;
	line-height: 1.5em;
	cursor: pointer;
	font-weight: bold;
	background-color: #000001;
	border-radius: 0;
	color: white;
}

.primary_action button:hover {
	background-color: #6D7579;
}

.ui-button-text-only .ui-button-text {
	padding: 0.4em 1em;
}

.ui-button .ui-button-text {
	display: block;
	line-height: 1.4;
	color: #FFFFFF;
}

.secondary_action {
	display: block;
	float: left;
}

.secondary_action a {
	display: block;
	color: black;
	text-decoration: none;
	background: transparent url("../images/link_arrows.gif") no-repeat scroll 0 -154px;
	cursor: pointer;
	padding-left: 11px;
	line-height: 28px;
	font-weight: normal;
}

.secondary_action a:hover {
	color:#cc0033;
}

.secondary_action a.back {
	background: transparent url("../images/link_arrows.gif") no-repeat scroll 0 -106px;
}

.confirm_box {
	display: none;
	border: 1px solid #ddd;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 250px;
}

.confirm_box a {
	display: inline;
	padding-left: 10px;
	padding-right: 15px;
	background-position:0 -161px;
}

.secondary_action .empty_space {
	height: 10px;
}

.buttons_inline {
	display: block;
	margin-left: 0;
	padding: 0;
	margin-top: 0;
}

.tab_navigation ul {
	width: 100%;
	line-height: 12px;
}

.tab_navigation ul li {
	border-left: 1px solid #E5EAEE;
	border-right: 1px solid #E5EAEE;
	border-top: 1px solid #E5EAEE;
	margin: 0 1px 2px 0;
	padding: 0 0 0 2px;
	float: left;
	display: block;
	height: 22px;
	list-style:none;
}

.tab_navigation ul li.active {
	border-color: #6D7579;
	font-weight: bold;
}

.tab_navigation ul li a {
	font-family: Audi Type Extended, Verdana, Helvetica, sans-serif;
	float: left;
	text-decoration: none;
	padding: 4px 10px 6px;
	white-space: nowrap;
}

.tab_navigation ul li.active a {
	text-decoration: underline;
}

.tab_navigation ul li.disabled span {
	float: left;
	color: #959596 !important;
	padding: 4px 10px 6px;
	white-space: nowrap;
}

.hide {
	display: none;
}

a.folded_link, img.folded {
	margin-top: 2px;
	position: absolute;
	right: 4px;
}

img.hide, img.show {
	cursor: pointer;
	display: inline;
	float: right;
	padding: 0 0 0 10px;
}

.info_box_right {
	float: right;
}

.right_box {
	width: 180px;
	background-color: #B3B8BE;
	padding: 15px;
}

/* TABLE **********************/
table {
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
}

table td,table th {
	text-align: left;
	padding: 7px 7px 7px 0;
}

table td.tabletitel {
	font-weight: bold !important;
}

.work_box table,.tabbed_box table {
	margin-bottom: 0;
	padding-bottom: 5px;
}

table tr.sub1 td {
	background-color: #A0A4AD;
	padding-left: 5px;
}

table tr.sub2 td {
	background-color: #989CA4;
	padding-left: 10px;
}

table tr.sub2 td:first-child {
	padding-left: 10px;
}

table.dotted td,table.dotted th {
	border-bottom: 1px solid #B0B6B8;
	padding: 7px 5px 7px 10px;
	text-align: left;
}

table.zebra td,table.zebra th {
	background: transparent;
	text-align: left;
	padding-left: 4px;
}

table.zebra tr.marked td,table.zebra tr.marked th {
	background-color: white;
}

.work_box table.zebra tr.marked td,.work_box table.zebra tr.marked th {
	background-color: white;
}

table th.small,table td.small {
	width: 20px;
}

table th.middle,table td.middle {
	width: 24px;
}

table th.center,table td.center {
	text-align: center;
}

table th.right,table td.right {
	text-align: right;
}

table th a {
	text-decoration: none;
	color: black;
}

table th a.sort_off {
	background:
			url("../images/button_col_sort_off.gif")
			no-repeat scroll 0 0;
	padding-left: 15px;
}

table th a.sort_up {
	background:
			url("../images/button_col_sort_asc.gif")
			no-repeat scroll 0 0;
	padding-left: 15px;
}

table th a.sort_down {
	background:
			url("../images/button_col_sort_desc.gif")
			no-repeat scroll 0 0;
	padding-left: 15px;
}

table th a.sort_off, span.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {
	margin:-4px 0;
	background:
			url("../images/button_col_sort_off.gif")
			no-repeat scroll 3px;
}

table th a.sort_up, span.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-n {
	margin:-4px 0;
	background:
			url("../images/button_col_sort_asc.gif")
			no-repeat scroll 3px;
}

table th a.sort_down, span.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s.ui-icon-triangle-1-s {
	margin:-4px 0;
	background:
			url("../images/button_col_sort_desc.gif")
			no-repeat scroll 3px;
}

table.checkbox td {
	padding: 0;
}

table.checkbox input {
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	cursor: default;
}

table.checkbox label {
	font-weight: normal;
}

.ui-datatable .ui-datatable-data td,.ui-datatable .ui-datatable-data th,.ui-datatable .ui-datatable-data-empty td,table td {
	border-bottom:1px solid #E3E2E2;
	border-top:none;
	border-right:none;
	border-left:none;
}


table.team-ranking td {
	border-bottom:1px solid #000;
	border-top:none;
	border-right: 10px white solid;
	border-left:none;
}

.ui-datatable th,.ui-datatable tfoot td {
	text-align: right;
}

.ui-datatable th.ui-state-active, .ui-datatable th.ui-state-default {
	background: none;
	border: none;
	white-space:nowrap;
}

.ui-sortable-column {
	padding-left:2px !important;
}

.ui-datatable table thead tr {
}

.ui-datatable tfoot .ui-widget-header {
	background:none;
	border:none;
	color: black;
}

tfoot {
	height:30px;
}

/* PAGING *********************/
.ui-paginator-prev.ui-state-default.ui-corner-all {
	background: transparent url("../images/paging_sprite.gif") no-repeat	scroll 2px 1px;
	border:medium none;
}
.ui-paginator-prev.ui-state-default.ui-corner-all:hover {
	background: transparent url("../images/paging_sprite.gif") no-repeat	scroll 2px -21px;
}

.ui-paginator-prev.ui-state-default.ui-corner-all.ui-state-disabled {
	background: transparent url("../images/paging_sprite.gif") no-repeat	scroll 2px -41px;
}

.ui-paginator-next.ui-state-default.ui-corner-all {
	background: transparent url("../images/paging_sprite.gif") no-repeat	scroll 2px -65px;
	border:medium none;
}
.ui-paginator-next.ui-state-default.ui-corner-all:hover {
	background: transparent url("../images/paging_sprite.gif") no-repeat	scroll 2px -86px;
}

.ui-paginator-next.ui-state-default.ui-corner-all.ui-state-disabled {
	background: transparent url("../images/paging_sprite.gif") no-repeat	scroll 3px -106px;
}

span.ui-icon.ui-icon-seek-prev, span.ui-icon.ui-icon-seek-next {
	visibility: hidden;
}

/* LINKS *********************/
a.ext {
	background: transparent url("../images/link_arrows.gif") no-repeat scroll 2px -161px;
	color: #000001;
	padding-left: 10px;
	font-weight: normal;
}

a:hover.ext {
	color: #CC0033;
}

a.download {
	background: transparent url("../images/download.png") no-repeat;
	color: #000001;
	text-decoration: none;
	font-weight: normal;
	display: block;
	height: 16px;
	padding-left: 32px;
	padding-top: 10px;
}

a.edit {
	background: url("../images/icon_edit.png") no-repeat center transparent;
	display: block;
	width: 32px;
	height: 32px;
}

a.delete {
	background: url("../images/delete.png") no-repeat center transparent;
	color: #000001;
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	font-weight: normal;
	margin:-7px 0;
}

a.up {
	background: url("../images/button_sort_on_up.gif") no-repeat transparent;
	display: block;
	width: 12px;
	height: 10px;
}

a.down {
	background: url("../images/button_sort_on_down.gif") no-repeat transparent;
	display: block;
	width: 12px;
	height: 10px;
}

a.mail {
	background: url("../images/mail.png") no-repeat transparent;
	color: black;
	padding-left: 16px;
	cursor: pointer;
	display: block;
	height: 32px;
	margin-top:-2px;
}

a.list {
	background: url("../images/icon_list.png") no-repeat center transparent;
	display: block;
	width: 32px;
	height: 32px;
}

a.jumper_arrow {
	background: transparent url("../images/link_arrows.gif") no-repeat scroll 0 -157px;
	color: black;
	padding-left: 10px;
	cursor: pointer;
}

a.jumper_arrow:hover {
	color: #CC0033;
}

a.addInput, a.add {
	background: transparent url("../images/button_plus.gif") no-repeat scroll 0 0;
	color: #000001;
	cursor: pointer;
	display:block;
	width:32px;
	height:32px;
}

a.previous {
	background: transparent url("../images/previous.gif") no-repeat;
	float: right;
	width: 11px;
	height: 16px;
	cursor: pointer;
	display: block;
}

a.overview {
	float: right;
	color: black;
	margin: 0 8px;
	cursor: pointer;
	display: block;
	letter-spacing: 0;
	line-height: 14px;
}

a.next {
	background: transparent url("../images/next.gif") no-repeat;
	float: right;
	width: 11px;
	height: 16px;
	cursor: pointer;
	display: block;
}

/* FOOTER_AREA *****************/
#securezone {
	position: absolute;
	right: 3px;
	bottom: 3px;
}

#footer_area {
	position: fixed;
	bottom: 0;
	color: #CBCBCB;
	clear: both;
	padding-top: 5px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 971px;
}

#footer_menu {
	height: 23px;
	position: relative;
	margin-bottom: 5px;
}

#footer_menu ul {
	height: 23px;
	margin: 0 !important;
	overflow: hidden;
}

#footer_menu ul li {
	float: left;
	list-style:none;
}

#footer_menu ul li a {
	color: #FFFFFF;
	display: block;
	height: 17px;
	padding: 4px 9px 0;
	font-size: 0.9em;
	line-height: 15px;
	text-decoration: none;
}

#footer_menu ul li a:hover,#footer_menu ul li a:focus {
	color: #CC0033;
}

#footer_separator {
	padding-left: 0;
	padding-right: 6px;
}

#footer_separator A {
	padding-left: 7px !important;
}

#footer_menu ul li .myusername {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 9px;
	display: block;
	float: left;
	height: 17px;
	color: #2b2f33;
}

/* UPLOAD *********************/
.uploadprogress_box {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.uploadprogress_box img {
	float: left;
	padding-right: 6px;
}

.uploadprogress_box p.status {
	padding-top: 7px;
	font-weight: bold;
}

.upload_frame {
	width: 0;
	height: 0;
	display: none;
}

/* TABLE in w:line  */
.input_box table {
	width: auto;
	padding: 0;
	margin: 0;
}

.input_box table tr {
	height: 17px;
}

.input_box table td {
	padding: 0 15px 0 0;
	margin-right: 2px;
}

.input_box table input {
	display: inline;
	padding: 0;
	margin: 5px 10px 2px 0;
	float: left;
}

.input_box table input[type=checkbox], .input_box table input[type=radio] {
	height: 18px;
	width: 18px;
}

.input_box table label {
	width: auto;
	display: inline;
	padding: 0;
	margin: 0;
}

.highlight_bad {
	color: #CC0033;
	font-size: 16px;
}

.highlight_neutral {
	color: #6d7579;
	font-size: 16px;
}

.highlight_good {
	color: #000001;
	font-size: 16px;
}

.loading {
	background: transparent url("../images/loading.gif") no-repeat;
	padding: 6px 0 12px 30px;
	color: #000001;
	height: 20px;
}

/* changes for primefaces */
.input_box table tr {
	border: none;
}
.input_box table td {
	border: none;
}

.ui-inputfield {
	padding: 0;
}

.ui-widget-content {
	border: 0 solid #E3E2E2;
}

ul.ui-tabs-nav {
	background: transparent;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav, .ui-tabs .ui-tabs-nav {
	padding-left: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	font-weight: bold;
}

.ui-tabs .ui-tabs-panels {
	border: 1px solid #E3E2E2;
	width: auto;
	padding: 10px 10px 20px;
}

.ui-autocomplete-input {
	background-color: white;
	color: black;
}

/*hide ugly fileupload bars*/
.fileupload-buttonbar {
	background: #FFFFFF;
	padding: 0;
	border: none;
}

.fileupload-content {
	background: #FFFFFF;
	border: none;
}

/*primefaces-components should not have a border*/
div.work_box .ui-widget-content {
	border: none;
}

div.ui-tooltip {
	width: auto;
	background: #4c4c4c;
	border: 0;
	box-shadow: none;
	padding: 0 8px;
}

div.ui-tooltip .ui-tooltip-content {
	color: white;
	font-size: 11px;
	padding: 0;
}

.ui-dialog {
	border:1px solid #E5EAEE !important;
}

.ui-state-default {
	background-image: none;
}

.ui-widget-content {
	color:#000001 !important;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
	border:0 !important;
}

.ui-fileupload-buttonbar {
	padding:0;
	background:none;
	border:none;
}

input.ui-inputfield {
	background:none !important;
	border: 1px solid #B3B8BE !important;
	color:#000000 !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-radius:0;
}

.ui-messages-error, .ui-message-error {
	border:none !important;
	background:none !important;
}

.ui-message-error-icon {
	display:none !important;
}

span.ui-message-error-detail {
	color:#cc0033 !important;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	background:none !important;
}

.ui-dialog .ui-dialog-title {
	min-height: 14px;
}

.ui-dialog .ui-dialog-title, .ui-dialog-content p {
	font-size: 16px;
}

.buttons_panel._left .primary_action {
	padding-left: 0;
}

.ui-dialog .ui-button .ui-button-text {
	font-weight: bold;
}

.ui-widget-overlay {
	background: #434C53;
	opacity: 0.8;
	filter: Alpha(Opacity=80); /* support: IE8 */
}


/* Fragebogen */
.question-well { background-color: #F6F6F6; margin-top: 15px; padding: 10px; }
.big-attention { font-weight: bold; font-size: 11px; color: #CC0033; }
.answer-image-cell { vertical-align: top; }
.answer-image-cell img { padding-bottom: 15px; }

/* Praemien */
.cell-value-note { font-style: italic; color: #999999; }

/* CupLink */
.cupLinkFormMess_ok { font-weight: bold; color: green; }
.cupLinkFormMess_bad { font-weight: bold; color: #CC0033; }
.cupLinkFormMess_info { font-weight: bold; }

/* Dyna-Tabs */
.dyna-tabs .dyna-tabs-menu { background-color: black; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-around; margin: 25px 0; }
.dyna-tabs .dyna-tabs-menu > div { text-align: center; padding: 7px; }
.dyna-tabs .dyna-tabs-menu > div.active a { text-decoration: underline; }
.dyna-tabs .dyna-tabs-menu a { color: white; font-weight: bold; }
.dyna-tabs .dyna-tabs-menu a:hover { color: #b3b3b3; }
.dyna-tabs .dyna-tabs-content { }

div.logged-as-info {
	color: #C2C2C2;
	font-size: 11px;
	line-height: 14px;
	margin: 40px 10px 10px 25px;
}

/* Password-Eye */
.password-eye-icon { position: relative; width: 0; height: 0; display: inline-block; }
.password-eye-icon img { position: absolute; width: 22px; height: 22px; top: -17px; left: -26px;; cursor: pointer; }

/* PageTexts */
.pagetext { margin-bottom: 20px; }
.pagetext a, .pagetext a:active, .pagetext a:focus, .pagetext a:visited { color: #CC0033; }
.pagetext a:hover { text-decoration: underline; }

div.left-menu-icons {
	padding-left: 0;
	width: 100%;
	position: absolute;
	bottom: 0;
	box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.25);
	background-color: #2d2d2d;
}

div.left-menu-icons table {
	margin-bottom: 10px;
}

div.left-menu-icons tr {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

div.left-menu-icons td {
	border-bottom: 0;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0 0 0;
}

/* diese Klasse den images mit left-arrow.png geben */
.left-arrow {
	animation: pulseLeft 1.3s infinite;
	transform-origin: left;
}

@keyframes pulseLeft {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
	50% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	100% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
}

#questionsProgressBar {
	transition: width 0.3s ease-in-out;
}

.work_box .input_field .input_box /*tr:not(:first-child)*/ td {
	border-bottom: 1px solid #d6d6d6;
	padding-top: 16px;
	padding-bottom: 16px;
}

.work_box .input_field .input_box td.no-border {
	border: none!important;
}

.input_box table input[type="checkbox"] {
	display: none;
}

.input_box table input[type="checkbox"]:disabled + label {
	cursor: initial;
}

.input_box table input[type="checkbox"] + label {
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background-image:  url(../images/checkbox-off.png);
	background-size: contain;
	float: none;
}

.ui-dialog .ui-dialog-titlebar-close {
	background-color: transparent !important;
	height: 32px;
	width: 32px;
	top: 8px;
	right: 8px;
}

.ui-dialog .ui-button-icon-primary.ui-icon.ui-icon-closethick {
	background: none;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-image:  url(../images/cancel-small-2x.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.ui-dialog .ui-icon.ui-icon-alert {
	background: none;
	width: 32px;
	height: 32px;
	cursor: pointer;
	background-image:  url(../images/caution-small-2x.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 12px 0 0 !important;
}

.input_box table input[type="checkbox"]:checked + label {
	background-image: url(../images/checkbox-on.png);
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #111;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 130%;
	left: 50%;
	margin-left: -60px;
}

div.left-menu-icons {
	padding-left: 20px;
	padding-right: 37px;
	width: 200px;
}

label.checkbox-title {
	padding-top: 16px;
	margin-right: 12px;
}

div.login-error-box {
    margin-left: 14px;
    margin-top: 50px;
}

@media print {
	* {
		font-size: 12px;
		line-height: 1.4;
	}

	body {
		background-image: none;
		background-color: #FFFFFF;
	}

	#header_area {
		display: none;
		height: 0;
	}
	#menu_area {
		display: none;
	}
	#content_area {
		top: 0;
	}
	#work_area {
		float: left;
		width: 100%;
	}

	.message_box, .work_box, .tabbed_box {
		padding-top: 4px;
		padding-bottom: 4px;
		background-color: #FFFFFF;
	}

	h3, .message_box b, .work_box b, .tabbed_box b {
		font-size: 14px;
		line-height: 1.4;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	h4, .highlight_bad {
		font-size: 12px;
		line-height: 1.4;
		margin-top: 8px;
		margin-bottom: 8px;
	}

		/* Damit beim FB-Ausdruck komplette Seitenbreite ausgenutzt wird */
	body, #content_area, .work_box {
		width: 100%;
		left: 0;
	}

	.work_box .input_field .input_box td {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.input_box table input[type="checkbox"] {
		display: revert;
		float: none;
	}

	.input_box table input[type="checkbox"] + label {
		display: none !important;
	}
}

.colored-warning {
	font-weight: bold;
	color: #b16100;
}

div.question-text > h4 > p {
	font-family: "Audi Type Extended", Verdana, Geneva, sans-serif!important;
	font-size: 16px!important;
}

.ck-editor__editable {
	min-height: 150px!important;
}

.ui-slider {
	background: rgb(128, 128, 128);
}

.sortable-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 80%;
}

.sortable-list li {
	margin: 0 3px 3px 3px;
	padding: 0.4em 0.8em;
	font-size: 16px;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 0.6em;
	cursor: pointer;
	min-height: 1.8rem;
}

.sortable-list li .ui-icon {
	flex-shrink: 0;
}

.dnd-wrapper {
	/*width: 1200px;*/
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0;
}

.itemSlots {
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-shrink: 0;
	padding: 16px;
}

.ui-draggable-dragging {
	z-index: 1;
}

.itemsCont {
	text-align: center;
	margin-bottom: 10px;
}

.itemSlots {
	padding: 10px;
}

.item {
	background-color: transparent;
	border: 2px solid #aa142d;
	position: relative;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.item.ui-draggable-dragging {
	border: 2px solid #aa142d;
}

.item.disabled {
	opacity: 0.6;
}

.dock {
	background-color: #fff;
	flex-shrink: 0;
}

.dock.active, .itemSlots.active {
	outline: 2px dashed #aa142d;
}

.dock.hover, .itemSlots.hover {
	outline: 2px solid #d5d9d8;
	background-color: #d5d9d8;
}

.docks {
	padding: 27px;
	flex-grow: 1;
	position: relative;
	display: inline-block;
	background-color: #f4f4f4;
}

.dockArea {
	display: flex;
	gap: 12px;
	float: left;
	margin-top: 12px;
	width: 100%;
}

.dockArea.half {
	width: 50%;
}

.dock .item {
	cursor: pointer;
	border: none;
}

.dock .item.ui-draggable-dragging {
	border: 1px solid #aa142d;
}

.item-delete {
	width: 19px;
	height: 19px;
	right: -5px;
	top: -5px;
	position: absolute;
	opacity: 1;
	background-image:  url(../images/cancel-small-2x.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-color: white;
	filter: invert(1);
}

.checkimages-wrapper {
	/* width: 1200px; */
	/* height: 720px; */
	display: flex;
	align-items: flex-start;
	gap: 16px;
}

.checkimages-wrapper .annotation.anno-type-mark-zone {
	background-color: transparent;
	opacity: 0.9;
	cursor: pointer;
	border: 2px solid transparent;
}

.checkimages-wrapper .annotation.anno-type-mark-zone.has-border {
	border: 2px solid grey;
}

.checkimages-wrapper .annotation.anno-type-mark-zone:hover {
	opacity: 1;
}

.checkimages-wrapper .annotation.anno-type-mark-zone.checked {
	border: 2px solid #111;
}

.checkimages-wrapper .imgCont,
.checkimages-wrapper .activeImgCont {
	width: 100%;
	height: 100%;
}

.checkimages-wrapper img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
}

div.question-details {
	display: none;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	width: 70%;
	position: fixed;
	top: 40px;
	left: 310px;
	padding: 30px;
}
input.small {
	width: 20px !important;
}
input.member_data {
	width: 272px !important;
}