* {
	text-rendering: auto !important;
}

.noSelection {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.noSelection ::selection {
	background: transparent;
}
.noSelection ::-moz-selection {
	background: transparent;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-top: 0.4em;
}
h1 {
	font-size: 2.165em;
}
h2 {
	font-size: 1.7275em;
}
h3 {
	font-size: 1.415em;
}
h4 {
	font-size: 1.165em;
}
h5 {
	font-size: 1.165em;
}
h6 {
	font-size: 1.165em;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
	line-height: 1.15;
	margin-bottom: 0.8em;
}
.panel h5, .panel h6 {
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.4;
		margin-bottom: 0.8em;
	}
	h1 {
		font-size: 2.88em;
	}
	h2 {
		font-size: 2.3525em;
	}
	h3 {
		font-size: 1.7275em;
	}
	h4 {
		font-size: 1.4775em;
	}
}

button, .button {
	font-weight: normal;
	margin: 0;
	padding-top: 0.75em;
	padding-right: 1.5em;
	padding-bottom: 0.8125em;
	padding-left: 1.5em;
	font-size: 1em;
	background-color: #ffffff;
	border-color: #0094ea;
	border-width: 2px;
	color: #0094ea;
}
button:hover, button:focus, .button:hover, .button:focus {
	background-color: #bfe9ff;
	color: #0094ea;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
	background-color: #ffffff;
	border-color: #727272;
	color: #727272;
	opacity: 1;
}
button.disabled:hover, button.disabled:focus, .button.disabled:hover, .button.disabled:focus {
	background-color: #ffffff;
	border-color: #727272;
	color: #727272;
	opacity: 1;
}

button.secondary, .button.secondary {
	border-color: #c3c3c3;
	border-width: 1px;
	color: #333;
	background-color: #ffffff;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
	background-color: #f1f1f1;
	border-color: #c3c3c3;
	color: #333;
}
button.secondary.disabled, button.secondary[disabled], .button.secondary.disabled, .button.secondary[disabled] {
	background-color: #ffffff;
	border-color: #d1d1d1;
	color: #c3c3c3;
	opacity: 1;
}
button.secondary.disabled:hover, button.secondary.disabled:focus, .button.secondary.disabled:hover, .button.secondary.disabled:focus {
	background-color: #ffffff;
	border-color: #d1d1d1;
	color: #c3c3c3;
	opacity: 1;
}

@media only screen {
	button, .button {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	button:active, .button:active {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	button.radius, .button.radius {
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
}

.lila, .panel h1.lila, .panel h2.lila, .panel h3.lila, .panel h4.lila, .panel h5.lila, .panel h6.lila, .panel p.lila {
	color: #c761f5;
}
button.lila, .button.lila {
	border-color: #c761f5;
}
button.lila:hover, button.lila:focus, .button.lila:hover, .button.lila:focus {
	background-color: #fbd6fe;
	color: #c761f5;
}

.green, .panel h1.green, .panel h2.green, .panel h3.green, .panel h4.green, .panel h5.green, .panel h6.green, .panel p.green {
	color: #2db76c;
}
button.green, .button.green {
	border-color: #2db76c;
}
button.green:hover, button.green:focus, .button.green:hover, .button.green:focus {
	background-color: #ccfddc;
	color: #2db76c;
}

.yellow, .panel h1.yellow, .panel h2.yellow, .panel h3.yellow, .panel h4.yellow, .panel h5.yellow, .panel h6.yellow, .panel p.yellow {
	color: #ffa751;
}
button.yellow, .button.yellow {
	border-color: #ffbe11;
}
button.yellow:hover, button.yellow:focus, .button.yellow:hover, .button.yellow:focus {
	background-color: #fff6b6;
	color: #d88d3b;
}

.pink, .panel h1.pink, .panel h2.pink, .panel h3.pink, .panel h4.pink, .panel h5.pink, .panel h6.pink, .panel p.pink {
	color: #f510b1;
}
button.pink, .button.pink {
	border-color: #f510b1;
}
button.pink:hover, button.pink:focus, .button.pink:hover, .button.pink:focus {
	background-color: #fcd3db;
	color: #f510b1;
}

.red, .panel h1.red, .panel h2.red, .panel h3.red, .panel h4.red, .panel h5.red, .panel h6.red, .panel p.red {
	color: #ff0000;
}
button.red, .button.red {
	border-color: #ff0000;
}
button.red:hover, button.red:focus, .button.red:hover, .button.red:focus {
	background-color: #ffc8cc;
	color: #d00000;
}

#toTopLink {
	display: inline-block;
	width: 25px;
	background: url('../images/linkToTop.png') left center no-repeat;
}
#toTopLink:hover {
	background-image: url('../images/linkToTop_hover.png');
}

.row.subnavigation .breadcrumbs {
	margin: 0 0 10px 0;
	border-radius: 0;
	border: none;
	background: none;
	padding: 0;
	font-size: 14px;
}
.row.subnavigation .breadcrumbs > *,
.row.subnavigation .breadcrumbs > * a,
.row.subnavigation .breadcrumbs > * span {
	text-transform: none;
	font-size: 14px;
}
.row.subnavigation .breadcrumbs>*:first-child:before {
	content: " ";
	margin: 0;
}
.row.subnavigation .breadcrumbs > *:before {
	content: "»";
	top: 0;
	font-size: 14px;
	margin: 0 0.25em;
}
article {
	padding-top: 15px;
	color: #727272;
	padding-bottom: 15px;
}
article.article {
	background: url('../images/divider.png') center top no-repeat;
	background-size: 100% 1px;
}
article:first-of-type {
	padding-top: 0;
}
article.article:first-of-type {
	background-image: none;
}
.section-container>section>.title a,
.section-container>.section>.title a,
.section-container.auto>section>.title a,
.section-container.auto>.section>.title a {
	white-space: normal;
}

html, body {
	height: 100%;
}

.panel {
	background-color: #ffffff;
	border-color: #c3c3c3;
	box-shadow: 0 0 20px #e8e8e8 inset;
	color: #727272;
}

.panel.radius {
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.panel, p {
	font-size: 0.92em;
	line-height: 1.3;
	color: #727272;
}
.textDefault {
	font-size: 0.92em;
	line-height: 1.3;
	color: #727272;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel p {
	color: #222222;
}

.panel h5, .panel h6 {

  }
.panel p {
	line-height: 1.3;
	color: #727272;
}

img.trainingcenterNextArrow {
	position: absolute;
	right: -34px;
	top: 105px;
	z-index: 20;
}

.trainingcenterPanel > * {
	position: relative;
	z-index: 131;
}

.trainingSelectionContainer {
	border: 1px solid #c3c3c3;
	border-radius: 2px;
}
.trainingSelectionContainer > * {
	padding: 14px;
}
.trainingSelectionContainer > h5 {
	margin: 0;
}
.trainingSelectionContainer .part {
	border-top: 1px solid #c3c3c3;
	color: #727272;
	text-align: right;
}
.trainingSelectionContainer .part h6 {
	margin: -2px 0 0;
	position: absolute;
	font-size: 1em;
	line-height: 38px;
	color: #727272;
}

.column,
.columns {
	padding-left: 0.5em;
	padding-right: 0.5em;
}
@media only screen and (min-width: 768px) {
	.column,
	.columns {
		padding-left: 1.2em;
		padding-right: 1.2em;
	}
	.column.smallMargin,
	.columns.smallMargin {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.panel.noMargin {
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 480px) {
	.row.subnavigation {
		position: relative;
		top: -28px;
		margin-bottom: -28px;
	}
}

hr {
	border-color: #c3c3c3;
}
hr.hr_title {
	margin-bottom: 2.2em;
}

div.row > article.article > ol,
div.row > article.article > ul,
div.row > article.article > div > ul,
div.row > div > div > ul,
section > div.content > ol,
section > div.content > ul,
section > div.content > article.article > ul,
section > div.content > article.article > div > ul,
.list {
	margin-left: 25px;
	font-size: 0.92em;
}

ol {
	font-size: 0.92em;
	line-height: 1.3;
}

div.row > div > div > ul,
section > div.content ul li,
.list li, ol li
 {
	padding-bottom: 7px;
	line-height: 1.3;
	color: #727272;
}


.chartBar-a {
	background-color: #49c3fc;
}
.chartBar-b {
	background-color: #30ace5;
}

.chart {
	border: 1px solid black;
	border-top: 0;
	border-right: 0;
	position: relative;
}

.chart div:hover .chartBar-a,
.chart div:hover .chartBar-b {
	border: 1px solid #0859ff;
	border: 1px solid rgba(8, 89, 255, 0.5);
	border-bottom: 0;
}

.chart div {
	max-width: 50px;
}

.chart-legend div {
	max-width: 50px
}

.panel.nextStepFocus {
	background-color: #bedcff;
}

.userForm {
	padding-top: 1em;
}

.redFormField {
	border: 1px solid red !important;
}

.redFrame {
	border: 1px solid red;
	background: pink;
	color: #000000;
}
.yellowFrame {
	border: 1px solid #ffa500;
	background: #fffaad;
}


.panel.redFrame, .panel.yellowFrame {
	box-shadow: none;
}

.yellowFrame.noBorder,
.redFrame.noBorder {
	border: 0;
}

select {
	height: 32px;
}

.lt-ie9 .searchBox .small-9 {
	width: 75%;
}
.lt-ie9 .searchBox .small-3 {
	width: 25%;
}

.lt-ie9 .button {
	margin-bottom: 0;
}

form {
	margin-bottom: 0;
}

.list_item_1,
.list_item_2,
.list_item_3,
.list_item_4,
.list_item_5,
.list_item_6,
.list_item_7,
.list_item_8,
.list_item_9,
.list_item_10 {
	padding-left: 46px;
	height: 38px;
	background-size: 38px 38px;
	background-repeat: no-repeat;
	background-position: left center;
}
.list_item_1 {
	background-image: url('../images/list_1.png');
}
.list_item_2 {
	background-image: url('../images/list_2.png');
}
.list_item_3 {
	background-image: url('../images/list_3.png');
}
.list_item_4 {
	background-image: url('../images/list_4.png');
}
.list_item_5 {
	background-image: url('../images/list_5.png');
}
.list_item_6 {
	background-image: url('../images/list_6.png');
}
.list_item_7 {
	background-image: url('../images/list_7.png');
}
.list_item_8 {
	background-image: url('../images/list_8.png');
}
.list_item_9 {
	background-image: url('../images/list_9.png');
}
.list_item_10 {
	background-image: url('../images/list_10.png');
}
.list_item_1.disabled {
	background-image: url('../images/list_1_disabled.png');
}
.list_item_2.disabled {
	background-image: url('../images/list_2_disabled.png');
}
.list_item_3.disabled {
	background-image: url('../images/list_3_disabled.png');
}
.list_item_4.disabled {
	background-image: url('../images/list_4_disabled.png');
}
.list_item_5.disabled {
	background-image: url('../images/list_5_disabled.png');
}
.list_item_6.disabled {
	background-image: url('../images/list_6_disabled.png');
}
.list_item_7.disabled {
	background-image: url('../images/list_7_disabled.png');
}
.list_item_8.disabled {
	background-image: url('../images/list_8_disabled.png');
}
.list_item_9.disabled {
	background-image: url('../images/list_9_disabled.png');
}
.list_item_10.disabled {
	background-image: url('../images/list_10_disabled.png');
}

#ajaxLoadingIndicator {
	display: none;
	position: fixed;
	background-color: rgba(255,255,255,0.4);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 989;
}
#ajaxLoadingIndicator div {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -10px;
	height: 28px;
	line-height: 26px;
	width: 300px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	background: #F2F2F2;
	border: 1px solid #D9D9D9;
}

.spacing1 {
	padding: 5px 3px;
}

.userListContainer {
	border: 1px solid #D9D9D9;
	margin-bottom: 20px;
	background-color: #ffffff;
}
.userListContainer .legend {
	font-weight: bold;
	background-color: #D9D9D9;
}

#searchTextField {
	float: left;
	padding-right: 24px;
}
#searchTextFieldClear {
	position: absolute;
	margin-left: -25px;
	margin-top: 5px;
	font-size: 22px;
	line-height: 24px;
	width: 24px;
	height: 24px;
	text-align: center;
	color: #333333;
	display: none;
}

.lt-ie9 .userListContainer .row.collapse {
	margin: 0;
}

#userList .userRow {
	cursor: pointer;
}
#userList .userRow div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 18px;
}
#userList .userRow:hover {
	background-color: #c3cbce;
}
#userList .userRow.selected {
	background-color: #91bee0;
}

.jquery.pagination a, .pagination span {
	display: block;
	float: left;
	padding: 0.3em 0.5em;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #999999;
}

.jquery.pagination a:hover {
	background: #E6E6E6;
}

.jquery.pagination .current {
	background: #2ba6cb;
	color: #ffffff;
}

.jquery.pagination .current.prev, .pagination .current.next {
	background: #ffffff;
	color: #999999;
}

.me-plugin object {
	height: auto;
	max-width: none;
}

.mejs-poster.mejs-layer {
	overflow: hidden;
}

.video_container {
	height: 100%;
	width: 100%;
	margin-bottom: 15px;
}

body > .me-plugin {
	position: fixed;
	left: -200px;
	top: -200px;
	overflow: hidden;
	width: 1px;
	height: 1px;
}

.top-bar,
.top-bar.expanded .title-area,
.top-bar-section ul,
.top-bar-section ul li > a {
	/*background: #ffab00;*/
	background: #094e79;
}

.top-bar-section ul li:hover > a {
    /*background-color: #ffd015;*/
    background-color: #0c6ba6;
    /*color: #000000;*/
    color: white;
}
.top-bar-section ul li.active > a {
	/*background: #ff6300;*/
    background: #052e48;

}
.top-bar-section .divider,
.top-bar-section [role="separator"] {
	border-bottom: 0;
	border-top: 0;
}
.top-bar.expanded .toggle-topbar a {
	color: white;
}
.top-bar.expanded .toggle-topbar a span {
	-webkit-box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff;
	box-shadow: 0 10px 0 1px #ffffff, 0 16px 0 1px #ffffff, 0 22px 0 1px #ffffff;
}
@media only screen and (min-width: 940px) {
	.top-bar,
	.top-bar.expanded {
		background: #094e79;
	}
	.top-bar-section li.hover > a:not(.button) {
        /*background-color: #ffd015;*/
        background-color: #0c6ba6;
        /*color: #000000;*/
        color: white;
	}
	.top-bar-section li a:not(.button) {
        /*background: #ffab00;*/
        background: #094e79;
	}
	.top-bar-section li a:not(.button):hover {
        /*background: #ffab00;*/
        background: #094e79;
	}
	.top-bar-section .dropdown li a {
        /*background: #ffab00;*/
        background: #094e79;
	}
	.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
		border-right: 0;
		border-left: 0;
	}
}

.top-bar-section li a:not(.button):hover {
	/*background-color: #ffd015;*/
	background-color: #0c6ba6;
	/*color: #000000;*/
	color: white;
}

.top-bar .name h1 a {
	/*width: 300px;*/
	font-weight: normal;
	/*color: black;*/
	color: white;
	padding: 0 0 0 45px;
	margin: 0 5px 0 20px;
	background: url('../images/logo.png') left 4px no-repeat;
	background-size: 38px 38px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 1;
	border-radius: 1;
	border: 1px solid #c3c3c3;
	-webkit-box-shadow: 0 0 5px #e8e8e8 inset;
	-moz-box-shadow: 0 0 5px #e8e8e8 inset;
	box-shadow: 0 0 10px #e8e8e8 inset;
	color: #626262;
	display: block;
	font-size: 0.875em;
	margin: 0 0 1em 0;
	padding: 0.5em;
	height: 2.3125em;
	background: #ffffff;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
	-webkit-box-shadow: 0 0 0px 2px #0096e9 inset;
	-moz-box-shadow: 0 0 0px 2px #0096e9 inset;
	box-shadow: 0 0 0px 2px #0094ea inset;
	border-color: #c3c3c3;
	background: #ffffff;
	outline: none;
}

.device_mobile .nav-container,
.device_tablet .nav-container {
	height: 45px;
	line-height: 45px;
	margin-bottom: 1.875em;
}

.device_mobile .nav-container nav.top-bar,
.device_tablet .nav-container nav.top-bar {
	position: fixed;
	z-index: 97;
	top: 0;
	left: 0;
	right: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.home_charts_bg {
	background: url('../images/home_charts_bg.png') repeat-x;
	height: 78px;
	position: relative;
	margin: 0 -1.25em;
}

.home_trainingscenter_div {
	border: 2px solid #848484;
	border-radius: 5px;
	margin-bottom: 18px;
	display: table;
	width: 100%;
}
.home_trainingscenter_div > div {
	display: table-cell;
	text-align: center;
	padding: 4px 0;
}
.home_trainingscenter_div > div.divider {
	width: 15px;
	padding: 0 0;
	background: url('../images/home_divider_trainings.png') no-repeat center center;
}
@media print, only screen and (max-width: 815px) {
	.home_trainingscenter_div {
		font-size: 0.74em;
	}
}

#panel_pretest,
#panel_posttest,
#panel_relaxation,
#panel_training {
	padding-top: 120px;
	background-repeat: no-repeat;
	background-position: center 20px;
	text-align: center;
}
#panel_pretest,
#panel_posttest {
	background-image: url('../images/panel_preposttest.png');
}

#panel_relaxation {
	background-image: url('../images/panel_relax.png');
}

#panel_training {
	background-image: url('../images/panel_training.png');
}
#panel_training ul {
	text-align: left;
}
#panel_pretest.disabled,
#panel_posttest.disabled {
	opacity: 0.5;
	background-image: url('../images/panel_preposttest_disabled.png');
}

#panel_relaxation.disabled {
	opacity: 0.5;
	background-image: url('../images/panel_relax_disabled.png');
}

#panel_training.disabled {
	opacity: 0.5;
	background-image: url('../images/panel_training_disabled.png');
}

.text-columns-2 {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-gap: 40px;
	column-gap: 40px;
	text-align: justify;
	-moz-column-rule: 1px dotted #d8d8d8;
	-webkit-column-rule: 1px dotted #d8d8d8;
	column-rule: 1px dotted #d8d8d8;
}
.text-columns-3 {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	column-gap: 30px;
	text-align: justify;
	-moz-column-rule: 1px dotted #d8d8d8;
	-webkit-column-rule: 1px dotted #d8d8d8;
	column-rule: 1px dotted #d8d8d8;
}

@media print {
	.top-bar .name h1 a {
		width: 50%;
	}
	a[href]:after {
		content: "";
	}

	abbr[title]:after {
		content: "";
	}
}

@media print, only screen and (max-width: 680px) {
	.text-columns-2 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0px;
		-webkit-column-gap: 0px;
		column-gap: 0px;
	}
}
@media print, only screen and (max-width: 720px) {
	.text-columns-3 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0px;
		-webkit-column-gap: 0px;
		column-gap: 0px;
	}
}