@charset "UTF-8";
.contentSection {
  padding: 20px 0 0; }

.registration-created {
  float: left;
  margin-top: 40px;
  margin-bottom: 40px; }

/* ===== Typography ========================================================
   Author: Festland
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Fedra Sans Light";
  font-style: normal;
  font-weight: normal;
  font-stretch: normal; }

h2 {
  font-size: 44px;
  line-height: 44px;
  color: #FF8D00;
  margin-top: 50px;
  padding-bottom: 12px; }

h3 {
  font-size: 30px;
  color: #515151;
  margin-bottom: 19px;
  padding: 0;
  /*margin-left: 8px; /* Platziert den Titel auf der selben Linie wie die Turnkategorien, wenn kein lastLi verwendet werden darf */ }

section.defaultContent h1 {
  font-size: 26px;
  line-height: 30px;
  margin: 0 0 40px; }

section.defaultContent h1, section.defaultContent h2, section.defaultContent h3, section.defaultContent h4, section.defaultContent h5 h6, section.defaultContent p, section.defaultContent ul, section.defaultContent a, section.defaultContent li {
  max-width: 880px; }

section.defaultContent p, section.defaultContent ul {
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 5px; }

section.defaultContent h2 {
  font-family: "Fedra Sans Light";
  color: #515151;
  display: block;
  font-size: 24px;
  line-height: 26px;
  margin-top: 35px;
  padding: 0;
  margin-left: 0; }

section.defaultContent h3 {
  font-family: "Fedra Sans Light";
  color: #515151;
  display: block;
  font-size: 18px;
  line-height: 22px;
  margin-top: 35px;
  padding: 0;
  margin-left: 0; }

section.defaultContent ul {
  padding-left: 15px;
  margin-bottom: 30px;
  margin-left: 5px;
  list-style-image: url(../img/pattern/listing-point.png); }

section.defaultContent ul li {
  padding-left: 4px; }

section.defaultContent .dashboard h2 {
  font-family: "Fedra Sans Light";
  font-size: 58px;
  line-height: 40px;
  font-style: normal;
  font-weight: normal;
  margin: 36px 0 21px 15px;
  padding-bottom: 12px;
  color: #696969; }

section.defaultContent a, section.defaultContent a:link {
  color: #FF8D00;
  font-weight: normal;
  text-decoration: none;
  outline: 0; }

section.defaultContent a.download, section.defaultContent a:link.download {
  display: block;
  padding: 0 0 0 27px;
  position: relative; }

section.defaultContent a.download:before, section.defaultContent a:link.download:before {
  background: url("../img/sprites/download.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  content: '';
  height: 18px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 18px; }

section.defaultContent a.button, section.defaultContent a:link.button {
  cursor: pointer;
  background-image: linear-gradient(to bottom, #fd6e00 20%, #FF8D00 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #FF8D00 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #FF8D00));
  color: white;
  border: 1px solid #cb6300;
  min-width: 125px;
  font-size: 13px;
  padding: 7px 8px 7px;
  overflow: visible;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 12px; }

section.defaultContent a.button:hover, section.defaultContent a:link.button:hover {
  color: white;
  border: 1px solid #cb6300;
  box-shadow: 0px 0px 4px #888;
  -webkit-box-shadow: 0px 0px 4px #888;
  -moz-box-shadow: 0px 0px 4px #888;
  -o-box-shadow: 0px 0px 4px #888;
  background-image: linear-gradient(to bottom, #fd6e00 20%, #FF8D00 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #FF8D00 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #FF8D00)); }

/* =============================================================================
   HTML5/Festland Framework

   Notice: Gewisse "pixelgenaue Anpassungen" sind etwas nervig, weil gewisse
   Elemente bereits per Default (margins, paddings etc.) vom Browser mitkriegen.

   Da teilweise Dinge auf Vererbung basieren und andere auf generischen Klassen
   muss man sich etwas zurecht finden. Wenn neue Templates erstellt werden,
   muss natürlich auch das wesentlich in der Struktur beibehalten werden.

   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none; }

[hidden] {
  display: none; }

html, button, input, select, textarea {
  font-family: "Arial", sans-serif;
  color: #222; }

body {
  margin: 0;
  line-height: 1.35;
  font-family: "Arial", sans-serif; }

::-moz-selection {
  background: #ff8800;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #ff8800;
  color: #fff;
  text-shadow: none; }

p.id {
  color: #515151;
  font-size: 13px;
  line-height: 12px;
  float: right;
  widhth: 100px;
  margin-top: 71px; }

a, a:link {
  color: #515151;
  text-decoration: none;
  outline: 0; }

/*
a:visited {
	color: #551a8b;
	outline: 0;
}
*/
a:hover {
  color: #ff8800;
  outline: 0; }

a:focus {
  outline: thin dotted;
  outline: 0; }

a:hover, a:active {
  outline: 0;
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before, q:after {
  content: "";
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  margin: 0;
  padding: 0; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  /* submit buttons during task play - check other buttons ...*/
  /*margin-top: 30px;*/
  /*margin-bottom: 30px;*/
  -webkit-appearance: button;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

/*form div.submit input.uiButtonLight {*/
form div.submit input[type="submit"] {
  margin-top: 30px;
  margin-bottom: 30px; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td {
  vertical-align: top; }

table.contenttable td {
  vertical-align: middle; }

table {
  -webkit-font-smoothing: antialiased;
  color: #333333; }

table thead th {
  cursor: s-resize;
  text-align: left;
  font-size: 15px;
  line-height: 20px;
  padding-bottom: 6px; }

table thead tr {
  background: #FAFAFA !important; }

table tr {
  border-bottom: 1px dotted #000; }

table tr td {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 15px;
  line-height: 20px; }

table tr:nth-child(odd) {
  background-color: #fff; }

table.sortable .num {
  text-align: right;
  padding-right: 20px; }

table.sortable th.sorttable_sorted {
  cursor: n-resize;
  background: url("../img/sprites/arrow_down_black.png") no-repeat;
  background-size: 11px;
  background-position: right 9px; }

table.sortable th.sorttable_sorted span {
  display: none; }

table.sortable th.sorttable_sorted_reverse {
  cursor: s-resize;
  background: url("../img/sprites/arrow_up_black.png") no-repeat;
  background-size: 11px;
  background-position: right 9px; }

table.sortable th.sorttable_sorted_reverse span {
  display: none; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0; }

/* ===== Layout Template: General (overall impact) =============================
   Author: Festland
   ========================================================================== */
.centerContent {
  width: 930px;
  margin: 0 auto;
  position: relative;
  clear: both;
  /* clear at each section */ }

.stickIt {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }

#staticHeader {
  width: 100%;
  height: 115px;
  background: #606060;
  overflow: hidden; }

#staticHeader .meta-nav.lang {
  top: 5px;
  right: 120px;
  z-index: 10; }

#staticHeader .meta-nav.lang .mnu-lang.selected, #staticHeader .meta-nav.lang .mnu-lang.selected > a {
  color: #a7a7a7 !important; }

#logoArea.logo-area-de {
  background: url("../img/sprites/logo.png") no-repeat scroll 0 0 transparent;
  float: left;
  overflow: hidden;
  position: relative;
  text-indent: -1000px;
  top: 42px;
  width: 300px;
  height: 35px; }

#logoArea.logo-area-fr {
  background: url("../img/sprites/logo-fr.png") no-repeat scroll 0 0 transparent;
  float: left;
  overflow: hidden;
  position: relative;
  text-indent: -1000px;
  top: 42px;
  width: 300px;
  height: 35px; }

#betaArea {
  background: url("../img/sprites/beta.png") no-repeat scroll 0 0 transparent;
  float: left;
  overflow: hidden;
  position: relative;
  text-indent: -1000px;
  top: 38px;
  width: 300px;
  height: 35px;
  left: 9px; }

/*
#boswLogoArea {
  float: right;
  overflow: hidden;
  position: relative;
  top: 32px;
  margin-right: -236px;
}
*/
.uiButtonActive {
  border: 1px solid #cb6300;
  /* css3 gradients */
  background-image: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #ff9500)); }

/*
#loginArea a:first-child {
	margin-right: 25px;
}
*/
#logoArea h1 a .logoSign {
  width: 27px;
  height: 27px;
  position: relative;
  left: 2px;
  top: 11px;
  background: url("../img/sprites/mainsprite.png") no-repeat scroll transparent;
  background-position: -217px -8px;
  display: inline-block; }

#selectProgramm {
  float: left; }

#searchField {
  float: right;
  position: relative;
  top: 14px; }

#searchField form.inputField {
  margin-right: 32px; }

/* conditional for input inside sticky header */
#searchField input {
  border-radius: 4px 0px 0px 4px;
  /*color: #ff8800;*/ }

/*
Sticky Footer by Ryan Fait start
http://ryanfait.com/
*/
html, body {
  height: 100%; }

#content {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: -95px auto -100px;
  /* the bottom margin is the negative value of the footer's height */ }

.pushTop {
  height: 95px;
  /* .push must be the same height as .footer */ }

.pushBottom {
  height: 146px;
  /* .push must be the same height as .footer */ }

#mainFooter {
  height: 146px;
  /* .push must be the same height as .footer */ }

/* Sticky Footer by Ryan Fait end */
/* ===== Layout Template: Filter ========================================================
   Author: Festland
   ========================================================================== */
.loginCurrentState {
  color: white;
  font-size: 11px;
  display: inline-block;
  position: relative;
  left: 140px;
  top: -28px; }

* + html .loginCurrentState {
  top: -35px; }

.loginCurrentState a {
  color: #FF8D00; }

/*
ul.breadCrumbContainer li.first {
	width: 15px;
}
*/
/*
*+html .stickyHeaderNavigation .breadCrumbContainer li {
	float: left;
}
*/
.headerContent {
  margin-top: 7px; }

.headerContent h2 {
  margin-bottom: 30px;
  float: left;
  font-family: "Fedra Sans Light";
  width: 78%; }

.headerContent .tasktype-selection h2 {
  width: 100%; }

.headerContent .comboboxSecond {
  float: right;
  position: relative;
  top: 51px; }

.contentSection {
  background: #FAFAFA;
  margin-top: 5px;
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5; }

.contentSection.paddingBottom {
  padding-bottom: 17px; }

.categoryOverviewTasks {
  overflow: hidden;
  padding: 10px 10px;
  margin: 0 -10px; }

.tasklistTasks {
  overflow: hidden;
  padding: 10px 10px;
  margin: 0 -10px; }

.categoryDetailOverviewTasks, .tasklistTasksDetail {
  padding-top: 36px; }

.contentSection ul {
  overflow: visible; }

/* fix last li in floating */
.contentSection ul li.lastLi {
  margin-right: 0; }

.pagingnationWrapper {
  position: relative;
  margin-bottom: 18px;
  margin-top: 0; }

.pagingnationWrapper .pagingnationSection {
  float: left; }

.pagingnationWrapper .pagingnationSection a {
  background-color: #F5F5F5;
  background-image: -moz-linear-gradient(center top, #F9F9F9, #EAEAEA);
  border-radius: 3px 3px 3px 3px;
  border-top: 1px solid #FFFFFF;
  border: 1px solid #c6c6c6;
  color: #717171 !important;
  display: inline-block;
  font-family: "Helvetica Neueu", Helvetica, Arial, sans-serif;
  font-size: 12px !important;
  padding: 3px 8px;
  text-decoration: none !important;
  text-shadow: 0 1px 0 white;
  margin-left: 5px;
  cursor: pointer; }

.pagingnationWrapper .pagingnationSection a:hover {
  /* css3 box-shadow */
  box-shadow: -1px 1px 3px -1px #B9B9B9;
  -moz-box-shadow: -1px 1px 3px -1px #B9B9B9;
  -webkit-box-shadow: -1px 1px 3px -1px #B9B9B9;
  -o-box-shadow: -1px 1px 3px -1px #B9B9B9; }

.pagingnationWrapper .pagingnationSection a.active {
  background-color: white;
  background-image: none;
  color: #ff8800 !important;
  text-shadow: 0 1px 0 white;
  font-weight: bold; }

.pagingnationWrapper .pagingnationSection a.active:hover {
  /* css3 box-shadow */
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none; }

/* ===== Layout Template: Filter ========================================================
   Author: Festland
   ========================================================================== */
#answerForm {
  position: relative;
  margin-top: -524px;
  z-index: 2;
  display: none; }

.formToggler, .formTogglerAnswers {
  position: absolute;
  top: -23px;
  right: 0;
  z-index: 3; }

.tab-container .formTogglerAnswers span.video_show_hide {
  cursor: pointer;
  /*background: url("../img/sprites/video-edit.png") no-repeat scroll 203px 8px rgba(255,255,255,0.25);*/
  color: #515151;
  font-size: 13px !important;
  font-weight: bold;
  text-align: right;
  line-height: 0px;
  padding-right: 12px;
  padding-top: 15px;
  position: relative;
  right: 0;
  top: 56px;
  width: 220px;
  height: 17px;
  display: block;
  transition-duration: 0.7s; }

.tab-container:hover .formTogglerAnswers span.video_show_hide {
  background-color: rgba(255, 255, 255, 0.9); }

.formTogglerAnswers {
  display: none; }

* + html .formToggler, * + html .formTogglerAnswers {
  top: 0; }

.formToggler a, .formTogglerAnswers a {
  border-radius: 0px 0px 4px 4px; }

.contentSection form .ui-widget input {
  width: 250px; }

form .textInput {
  width: 478px;
  background: white;
  border-radius: 4px;
  font-size: 13px;
  padding: 7px;
  border: 1px solid #D1D1D1;
  /* css3 border-radius */
  border-radius: 4px;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

/* owa freeTextAnswer for exam task play */
.contentSection form label {
  display: block;
  margin-top: 22px;
  padding-bottom: 25px;
  font-size: 22px;
  line-height: 24px;
  color: #515151; }

form .freeTextAnswer {
  width: 794px;
  height: 287px;
  color: #333333;
  font: 14px/21px Arial,Helvetica,sans-serif; }

div.judgementFreeTextAnswer {
  width: 797px;
  border-bottom: 1px dotted #C7C7C7;
  border-top: 1px dotted #C7C7C7;
  font: 14px/21px Arial,Helvetica,sans-serif;
  padding: 7px 0 7px 0;
  color: #515151;
  margin-bottom: 30px; }

div.noAnswerEntered {
  border-bottom: none; }

div.judgementFreeTextAnswer p {
  margin: 0; }

.contentSection .uploadFileExtensions {
  border: 1px solid #DDDDDD;
  color: grey;
  border-radius: 4px 4px 4px 4px;
  padding: 7px;
  background: white;
  font-size: 0.7em;
  width: 270px;
  margin-top: -29px;
  float: right;
  position: relative; }

.contentSection .uploadFileExtensions div {
  background: url("../img/sprites/mainsprite.png") no-repeat scroll transparent;
  background-position: -12px -90px;
  bottom: 50%;
  margin-bottom: -9px;
  height: 14px;
  left: -8px;
  position: absolute;
  width: 17px; }

.contentSection .inputDescription {
  border: 1px solid #DDDDDD;
  color: grey;
  border-radius: 4px 4px 4px 4px;
  padding: 8px;
  background: white;
  margin-left: 488px;
  font-size: 0.7em;
  width: 247px;
  margin-top: -33px;
  /*display: inline-block;*/
  float: left;
  position: relative; }

.contentSection .inputDescription div {
  background: url("../img/sprites/mainsprite.png") no-repeat scroll transparent;
  background-position: -12px -90px;
  bottom: 50%;
  margin-bottom: -8px;
  height: 15px;
  left: -8px;
  position: absolute;
  width: 17px; }

.contentSection .inputDescription.red {
  width: 96px;
  float: left;
  margin-top: -68px;
  text-align: center;
  position: absolute;
  background: #cc0000;
  border: none;
  color: white;
  box-shadow: 0px 0px 4px grey;
  -webkit-box-shadow: 0px 0px 4px grey;
  -moz-box-shadow: 0px 0px 4px grey;
  -o-box-shadow: 0px 0px 4px grey; }

.contentSection .inputDescription.red div {
  background: url("../img/sprites/mainsprite.png") no-repeat scroll transparent;
  background-position: -44px -89px; }

.nicContainer {
  display: inline !important; }

/* ===== Layout Template: Exercise ========================================================
   Author: Festland
   ========================================================================== */
#ajax-tab-container {
  margin-top: 29px;
  margin-bottom: 32px; }

/* ===== Layout Template: Form ========================================================
   Author: Festland
   ========================================================================== */
.submitFormContainer {
  margin-top: 30px; }

.submitFormContainer a {
  margin-right: 20px; }

/* ===== Form Elements ========================================================
   Author: Festland
   ========================================================================== */
input[type="search"] {
  border: 1px solid #D1D1D1;
  font-size: 13px;
  height: 17px;
  padding: 7px;
  position: relative;
  right: -12px;
  width: 244px;
  /* css3 box-shadow */
  box-shadow: inset 0px 0px 1px #ccc;
  -webkit-box-shadow: inset 0px 0px 1px #ccc;
  -moz-box-shadow: inset 0px 0px 1px #ccc;
  -o-box-shadow: inset 0px 0px 1px #ccc; }

#searchTaskPublic {
  border: 1px solid #D1D1D1;
  font-size: 13px;
  height: 16px;
  padding: 7px;
  position: absolute;
  right: 0px;
  width: 269px;
  /* css3 box-shadow */
  box-shadow: inset 0px 0px 1px #ccc;
  -webkit-box-shadow: inset 0px 0px 1px #ccc;
  -moz-box-shadow: inset 0px 0px 1px #ccc;
  -o-box-shadow: inset 0px 0px 1px #ccc; }

input[type="search"]:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  background: white !important;
  /* css3 box-shadow */
  box-shadow: inset 0px 0px 4px #ccc;
  -webkit-box-shadow: inset 0px 0px 4px #ccc;
  -moz-box-shadow: inset 0px 0px 4px #ccc;
  -o-box-shadow: inset 0px 0px 4px #ccc; }

button {
  border: 0; }

button.search {
  width: 30px;
  height: 30px;
  background: #555555; }

.simpleSlcContainer {
  position: relative;
  margin-bottom: 20px; }

.simpleSlcContainer .uiButtonSmall span {
  background-position: -69px -30px; }

.lastButton {
  margin-top: 20px; }

.simpleSlcContainer input {
  padding: 7px;
  width: 761px;
  display: inline-block; }

.simpleSelect {
  display: inline-block;
  padding: 7px;
  border: 1px solid #D1D1D1;
  width: 650px;
  /* border-radius */
  border-radius: 4px;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

.simpleSlcContainer input[type="checkbox"] {
  width: 90px; }

/* creating uniform styles for answers */
.formContent .answersSection div.checker {
  position: absolute;
  bottom: 6px;
  left: 807px;
  top: inherit;
  cursor: pointer; }

.formContent .answersSection div.checker input[type="checkbox"] {
  width: 20px; }

.simpleSelectTopLabel {
  position: absolute;
  left: 745px;
  top: -20px;
  font-size: 13px;
  color: #515151; }

.simpleSelectToggler {
  display: inline;
  position: absolute;
  top: 0px;
  right: 0px; }

/* ===== owa ========================================================
   to differentiate the different sections (beobachten, beurtein, beraten)
   while using jquery to add/remove answers dynamically
   ========================================================================== */
.simpleSelectTogglerSec1, .simpleSelectTogglerSec2, .simpleSelectTogglerSec3 {
  display: inline;
  position: relative;
  top: 11px;
  right: 16px;
  right: -88px; }

.centerContent .insideHeader h3 {
  margin-left: 0; }

* + html h3 {
  margin-top: 42px; }

h3 span {
  color: #FF8D00; }

#logoArea h1 {
  font-size: 24px; }

#logoArea h1 a {
  font-family: "Fedra Sans Light";
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  color: #C9C9C9; }

#closeButtonWrapper {
  position: fixed;
  top: 15px;
  right: 20px;
  z-index: 9999999999999; }

/* ===== Clearfix ========================================================
   Author: Festland
   ========================================================================== */
.clearfix:after {
  /* für Firefox, IE8, Opera, Safari, etc. */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  padding-top: 5px; }

* + html .clearfix {
  /* für IE7 */
  display: inline-block; }

* html .clearfix {
  /* für IE6 */
  height: 1%; }

/* ===== NicEdit Styles ========================================================
   Author: Festland

   Notice: sehr ärgerlich, dass das Plugin bereits viele Inline-Styles vergibt.
   Habe ich nicht direkt im Plugin selber angepasst. Kann man aber theoretisch
   noch machen.

   ========================================================================== */
.nicContainer div.nicEdit-main {
  border: 1px solid #DDDDDD !important;
  display: inline-block !important;
  padding: 7px 10px 10px 7px !important;
  background: white !important;
  margin-top: 5px;
  margin-left: 0px !important;
  min-height: 50px !important;
  width: 478px !important;
  cursor: text;
  font-size: 0.85em !important;
  /* css3 border-radius */
  border-radius: 4px;
  border-radius: 4px;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%) !important;
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%) !important;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

.nicEdit-main.formError {
  border: 1px solid #cc0000;
  /* css3 box-shadow */
  box-shadow: 0px 0px 4px #d83f3f;
  -webkit-box-shadow: 0px 0px 4px #d83f3f;
  -moz-box-shadow: 0px 0px 4px #d83f3f;
  -o-box-shadow: 0px 0px 4px #d83f3f;
  background: white !important; }

.nicEdit-main:focus {
  border: 1px solid #DDDDDD;
  background: white !important;
  /* css3 box-shadow */
  box-shadow: inset 0px 0px 4px #ccc;
  -webkit-box-shadow: inset 0px 0px 4px #ccc;
  -moz-box-shadow: inset 0px 0px 4px #ccc;
  -o-box-shadow: inset 0px 0px 4px #ccc;
  background: white !important; }

.nicEdit-panel {
  background-color: none !important; }

.nicEdit-button {
  background-color: none !important; }

.nicEdit-main ul {
  margin: 2px 0 5px 25px;
  padding: 0;
  list-style: disc outside none; }

.nicEdit-main a {
  text-decoration: underline; }

.nicEdit-main p {
  margin: 0; }

.nicEdit-panelContain {
  background: none !important;
  border: none !important;
  border-top: 1px #c6c6c6 solid !important;
  width: 69px !important; }

.nicEdit-buttonContain .nicEdit-button-undefined {
  background: none !important;
  border: none !important; }

.nicEdit-buttonContain .nicEdit-button-hover:hover {
  border: 1px solid #DDDDDD !important; }

.nicEdit-pane {
  border-radius: 4px;
  padding: 10px !important;
  color: #515151 !important; }

.nicEdit-pane div {
  margin-top: 5px; }

.nicEdit-pane input {
  width: 160px !important;
  border-radius: 4px;
  padding: 4px; }

.nicEdit-pane label {
  padding: 4px; }

.nicEdit-pane select {
  padding: 4px !important;
  border-radius: 4px; }

.nicEdit-pane input[type="submit"] {
  border-radius: 4px;
  margin: 3px 0 3px 66px !important;
  height: 27px;
  width: 117px !important;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

.nicEdit-pane input[type="submit"]:hover {
  color: white !important;
  border: 1px solid #cb6300 !important;
  /* css3 gradients */
  background-image: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #ff9500)); }

.nicEdit-pane input[type="submit"]:hover {
  background-color: #dddddd !important; }

/* ===== Content Floatings ========================================================
   Author: Festland
   ========================================================================== */
ul.contentSectionUl, ul.contentSectionUl li {
  list-style-type: none; }

/* =============================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */ }

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clear {
  clear: both; }

/* =============================================================================
   Print Styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }

/* =============================================================================
   selectBox - Styles
   ========================================================================== */
#selectProgramm .sbHolder {
  top: 24px;
  border-left: none;
  border-radius: 0px 4px 4px 0px; }

#selectProgramm .sbSelector {
  padding-left: 5px;
  position: absolute;
  white-space: nowrap;
  line-height: 27px;
  margin: 0; }

.sbHolder {
  padding-left: 10px;
  display: inline-block;
  border: solid 1px #DDDDDD;
  font-family: Arial, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  height: 30px;
  position: relative;
  width: 111px;
  /* css3 border-radius */
  border-radius: 4px 4px 4px 4px;
  /* css3 gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

#stickyHeader .sbHolder ul.sbOptions li a {
  line-height: 23px;
  margin: 0; }

/* little hack for webkit browsers (chrome) */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #selectProgramm .sbSelector {
    padding-top: 1px; }
  .sbHolder {
    height: 30px; } }

.sbSelector {
  display: block;
  font-size: 13px;
  height: 30px;
  left: 0;
  line-height: 30px;
  outline: none;
  overflow: hidden;
  position: absolute;
  text-indent: 10px;
  top: 0;
  /*
	disabled by bene
	width: 276px;*/ }

section.defaultContent .sbSelector:link,
section.defaultContent .sbSelector:visited,
section.defaultContent .sbSelector:hover,
.sbSelector:link,
.sbSelector:visited,
.sbSelector:hover {
  color: #515151;
  outline: none;
  text-decoration: none; }

#stickyHeader .sbToggle,
.sbToggle {
  border: 1px solid #cb6300;
  display: block;
  height: 30px;
  outline: none;
  position: absolute;
  right: 0;
  top: -1px;
  width: 30px;
  /* css3 border-radius */
  border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  position: absolute;
  margin: 0;
  line-height: inherit;
  /* css3 gradients */
  /*
	background-image: linear-gradient(to bottom, rgb(253,110,0) 20%, rgb(255,149,0) 60%);
	background-image: -o-linear-gradient(to bottom, rgb(253,110,0) 20%, rgb(255,149,0) 60%);
	background-image: -moz-linear-gradient(to bottom, rgb(253,110,0) 20%, rgb(255,149,0) 60%);
	background-image: -webkit-linear-gradient(to bottom, rgb(253,110,0) 20%, rgb(255,149,0) 60%);
	background-image: -ms-linear-gradient(to bottom, rgb(253,110,0) 20%, rgb(255,149,0) 60%);
	background-image: -webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.2, rgb(253,110,0)),  color-stop(0.6, rgb(255,149,0))  );
	background-image: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd6e00', endColorstr='#ff9500');
	*/
  background: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%); }

.sbToggle span {
  display: inline-block;
  height: 30px;
  width: 30px;
  background-image: url("../img/sprites/mainsprite.png");
  background-position: -2px 1px; }

.sbToggle:hover {
  /*
	disabled by bene
	background: url(../img/select-icons.png) 0 -167px no-repeat;*/ }

.sbToggleOpen span {
  background-image: url("../img/sprites/mainsprite.png");
  background-position: -34px 0; }

.sbToggleOpen:hover {
  /*
	disabled by bene
	background: url(../img/select-icons.png) 0 -66px no-repeat;
	*/ }

.sbHolderDisabled {
  background-color: #3C3C3C;
  border: solid 1px #515151; }

.sbOptions {
  border: 1px solid #DDDDDD;
  list-style: none;
  left: -1px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 32px;
  /*
	deavtivated by bene
	width: 120px;*/
  z-index: 9999999999999999999999;
  overflow-y: auto;
  /* css3 border-radius */
  border-radius: 0px 0px 4px 4px;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

.breadCrumbFilter .sbOptions {
  left: 4px; }

.sbOptions a {
  display: block;
  outline: none;
  padding: 8px 11px 8px 10px;
  font-size: 13px;
  white-space: nowrap; }

section.defaultContent .sbOptions a:link,
section.defaultContent .sbOptions a:visited,
.sbOptions a:link,
.sbOptions a:visited {
  color: #333333;
  text-decoration: none; }

section.defaultContent .sbOptions a:hover,
.sbOptions a:hover {
  color: #ffffff; }

.sf-menu li.sfHover,
.sbOptions a:hover {
  color: white;
  /* box-shadow */
  -o-box-shadow: 0 0 5px #bbb;
  box-shadow: 0 0 5px #bbb;
  /* css3 gradients */
  background-image: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #ff9500)); }

.sbOptions li.last a {
  border-bottom: none; }

.sbOptions .sbDisabled {
  color: #999;
  display: block;
  padding: 7px 0 7px 16px; }

.sbOptions .sbGroup {
  border-bottom: dotted 1px #515151;
  color: #EBB52D;
  display: block;
  font-weight: bold;
  padding: 7px 0 7px 3px; }

.sbOptions .sbSub {
  padding-left: 17px; }

.insideHeader {
  max-height: 37px; }

* + html .insideHeader {
  max-height: none; }

.insideHeader h3 {
  margin-top: 23px; }

* + html .insideHeader h3 {
  margin-top: 20px;
  margin-bottom: 5px; }

.cb-enable, .cb-disable, .cb-enable span, .cb-disable span {
  display: block;
  float: left; }

.cb-enable span, .cb-disable span {
  background-repeat: no-repeat;
  display: block;
  font-weight: bold;
  line-height: 30px; }

.cb-enable span {
  padding: 0 10px;
  height: 30px;
  font-size: 13px;
  border-top: 1px solid #D1D1D1;
  border-left: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  border-radius: 4px 0px 0px 4px;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

.cb-disable span {
  border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  height: 30px;
  font-size: 13px;
  background-position: right -180px;
  padding: 0 10px;
  border-top: 1px solid #D1D1D1;
  border-right: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

.cb-disable.selected {
  border-radius: 0px 4px 4px 0px;
  background-image: -ms-linear-gradient(to bottom, #646464 25%, #8a8a8a 82%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #646464), color-stop(0.82, #8a8a8a)); }

.cb-disable.selected span {
  background-position: right -210px;
  color: #fff; }

.cb-enable.selected {
  border-radius: 4px 0px 0px 4px;
  background-image: linear-gradient(to bottom, #50810f 25%, #7db11d 82%);
  background-image: -ms-linear-gradient(to bottom, #50810f 25%, #7db11d 82%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.25, #50810f), color-stop(0.82, #7db11d)); }

.cb-enable.selected span {
  background-position: left -150px;
  color: #fff; }

.contentSection span.switch label {
  padding-bottom: 0px !important;
  margin-top: 0px !important; }

.switch {
  display: inline-block;
  position: relative;
  top: 25px;
  left: 25px; }

.switch label {
  cursor: pointer; }

.switch input {
  display: none; }

.arrowRight {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(../img/sprites/mainsprite.png) no-repeat;
  background-position: -45px -120px; }

* + html .arrowRight {
  margin-bottom: 7px; }

.triggerMoreAnswers {
  margin-bottom: 10px; }

.formContent fieldset label {
  display: block;
  margin-top: 35px;
  font-size: 22px;
  line-height: 24px;
  color: #515151;
  margin-bottom: 14px; }

.formContent fieldset label span {
  float: right;
  font-size: 13px;
  margin-right: 83px; }

.checkbox {
  padding-bottom: 22px; }

.checkbox .squaredThree {
  float: left;
  width: 20px; }

.checkbox p {
  float: left;
  width: 500px;
  margin-left: 10px;
  margin-top: 1px;
  display: block;
  font-size: 13px;
  line-height: 13px;
  color: #000; }

p.radio label {
  color: #555555;
  display: block;
  font: 21px/28px Arial,Helvetica,sans-serif;
  margin: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 15px; }

/*
#answerForm p.radio {
    border-bottom: 1px dotted #C7C7C7;
    float: left;
    margin: 0;
    padding: 21px 0 10px 50px;
    width: 760px;
}
*/
/*
#answerForm .content-container h3 {
	margin-bottom: 9px;
	margin-left: 0px;
}
*/
.section-result-img {
  position: relative;
  top: -4px; }

fieldset .sbHolder {
  width: 257px; }

fieldset .sbOptions {
  width: 286px; }

/********** DASHBOARD **********/
.dashboard h2 {
  font-size: 58px;
  line-height: 40px;
  font-family: "Fedra Sans Light";
  color: #696969;
  margin: 36px 0 21px 15px; }

.dashboard span {
  width: 390px;
  height: 2px;
  display: block;
  margin: 0 0 0 15px;
  background-image: url(../img/pattern/ergebnisse-linie-bg.gif); }

.dashboard p {
  font-size: 14px;
  line-height: 18px;
  font-family: "Fedra Sans Light";
  margin: 30px 0 0 15px;
  width: 390px; }

section.defaultContent .dashboard p {
  font-size: 14px;
  line-height: 18px;
  font-family: "Fedra Sans Light";
  margin: 30px 0 0 15px;
  width: 390px; }

section.defaultContent .dashboard h2 {
  font-size: 58px;
  line-height: 40px;
  font-family: "Fedra Sans Light";
  color: #696969;
  margin: 36px 0 21px 15px; }

.dashboard .zeile {
  margin: 30px 0px 0px 0px;
  float: left; }

.dashboard .zeile.last {
  margin-bottom: 8px; }

.dashboard .block,
.box.box--simple {
  background-image: url(../img/pattern/dashboard-bg.gif);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #b7b7b7;
  height: 218px;
  width: 440px;
  float: left;
  box-shadow: 10px 10px 10px #e0e0e0;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#e0e0e0')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=150, Color='#e0e0e0'); }

.box.box--simple {
  background-size: contain;
  padding: 20px;
  margin-bottom: 29px;
  height: auto;
  width: 96%; }

.dashboard .left {
  margin-right: 45px; }

/********** AUFGABEN ÜBERSICHT **********/
.uebersicht-task {
  padding: 23px 0; }

.uebersicht {
  padding: 30px 0; }

.uebersicht ul.contentSectionUl {
  padding-bottom: 69px; }

.uebersicht ul.contentSectionUl li.hoverLi form button.uiButtonLight {
  width: 288px;
  height: 43px;
  text-align: left;
  font: 16px/16px Arial, Helvetica, sans-serif;
  color: #515151;
  font-weight: normal; }

.description .hoverMeta.aufgabenliste {
  height: 48px; }

.description .hoverMeta.aufgabenliste p, .description .hoverMeta.examlist p {
  margin: 3px 0 0 0;
  padding: 0; }

.description .hoverDescription.aufgabenliste {
  height: 38px; }

.description .hoverDescription.aufgabenliste p {
  margin-top: 1px; }

.description .hoverMeta.aufgabenliste_student, .description .hoverMeta.exam_lecturer {
  height: 30px; }

.description .hoverDescription.aufgabenliste_student, .description .hoverDescription.exam_lecturer {
  height: 56px; }

.description .hoverDescription.pruefungen {
  min-height: 49px; }

.description .hoverMeta.examlist {
  height: 101px; }

/********** AUFGABENLISTE ERSTELLEN **********/
.klassenname {
  float: left; }

.klassenname ul {
  width: 600px;
  float: left;
  margin-right: 0px; }

.klassenname ul li {
  list-style: none;
  width: 210px;
  float: left; }

.klassenname ul li span {
  margin-left: 10px;
  font: 13px/12px Arial, Helvetica, sans-serif; }

.formContent.aufgabenliste {
  margin-top: 23px; }

.formContent.aufgabenliste ul {
  /*margin-bottom: 69px;*/ }

.formContent.aufgabenliste ul li input {
  margin-left: -12px;
  margin-top: 1px;
  border-radius: 4px 0 0 4px; }

/********** PRÜFUNGEN **********/
.pruefungen ul.contentSectionUl li.hoverLi form button.uiButtonLight {
  width: 288px;
  height: 43px;
  text-align: left;
  font: 16px/16px Arial, Helvetica, sans-serif;
  color: #515151;
  font-weight: normal; }

section.FloatElementSection.pruefungen .description.pruefungen {
  top: 0;
  margin-bottom: 0;
  position: relative; }

section.contentSection ul.ulFloat li {
  margin-bottom: 80px; }

section.contentSection .categoryOverviewTasks ul.ulFloat li {
  margin-bottom: 30px; }

.FloatElementSection.pruefungen .hoverMeta.pruefungen p {
  margin: 0;
  padding: 0; }

.FloatElementSection.pruefungen .hoverDescription.pruefungen p {
  margin: 0;
  padding: 0; }

/********** PRÜFUNG ERSTELLEN **********/
.datum {
  height: 70px;
  padding-bottom: 28px; }

.datum .start {
  float: left;
  width: 150px; }

.datum input.textInput {
  /*owa - update 20131112_001 - add time to exam date*/
  width: 105px;
  float: left;
  margin-right: 15px; }

.datum span {
  display: block;
  font: 13px/29px Arial, Helvetica, sans-serif;
  color: #515151; }

.datum div.ui-widget.comboboxWidget .sbHolder {
  float: left;
  width: 96px;
  margin-right: 30px; }

.datum div.ui-widget.comboboxWidget .sbHolder .sbSelector {
  width: 104px; }

.datum div.ui-widget.comboboxWidget .sbHolder .sbOptions {
  width: 104px; }

/********** PRÜFUNG KORRIGIEREN **********/
p.pruefungstitel {
  position: relative;
  left: 295px;
  top: 68px;
  font: 13px/12px Arial, Helvetica, sans-serif;
  color: #515151; }

.antworten {
  width: 88px;
  height: 50px;
  background: #e5e5e5;
  border: 1px solid #e8e8e8;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  position: absolute;
  top: 27px;
  left: 780px; }

@-moz-document url-prefix() {
  .antworten {
    top: 7px; } }

.antworten.gesamt {
  width: 150px;
  height: 140px;
  background: #e5e5e5;
  border: 1px solid #e8e8e8;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  position: absolute;
  top: 7px;
  left: 720px; }

.antworten.gesamt p {
  margin: 5px 0 0 60px;
  padding: 0;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #515151; }

.antworten.gesamt h2 {
  margin: 50px 0 0 0;
  padding: 0;
  font: 60px/60px Arial, Helvetica, sans-serif;
  color: #515151;
  text-align: center; }

.antworten p {
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  color: #515151;
  text-align: center; }

.antworten h2 {
  margin: 0;
  padding: 0;
  font: 25px/25px Arial, Helvetica, sans-serif;
  color: #515151;
  text-align: center; }

.aufgaben {
  border-bottom: 1px solid #e5e5e5;
  width: 930px;
  float: left; }

.aufgaben.last {
  border-bottom: none;
  width: 930px;
  float: left; }

.aufgaben span.rubrik {
  display: block;
  font: 22px/27px Arial, Helvetica, sans-serif;
  color: #000;
  margin-top: 50px; }

.aufgaben span.fragen {
  display: block;
  font: 22px/27px Arial, Helvetica, sans-serif;
  color: #515151;
  margin-bottom: 30px; }

form.radio p.radio {
  border-bottom: 1px dotted #C7C7C7;
  float: left;
  margin: 0;
  padding: 7px 0 11px 0;
  width: 720px; }

form.radio p.radio.first {
  border-top: 1px dotted #C7C7C7; }

form.radio p.radio.last {
  margin-bottom: 30px; }

form.radio p.radio span {
  color: #515151;
  display: block;
  font: 16px/22px Arial,Helvetica,sans-serif;
  margin: 0px 0 0 15px; }

form.radio p.radio input[type="checkbox"], input[type="radio"] {
  cursor: pointer; }

form.radio span.button {
  position: relative;
  float: left;
  left: -15px; }

/********** PRÜFUNG ÜBERSICHT **********/
.formContent .klasse {
  margin-bottom: 30px;
  margin-top: 19px;
  float: left;
  width: 930px; }

.formContent .klasse ul {
  width: 930px;
  float: left;
  margin: 30px 0 0 0; }

.formContent .klasse ul li {
  list-style: none;
  padding: 9px 0 9px 0;
  border-bottom: 1px dotted #b4b4b4;
  font: 16px/25px Arial, Helvetica, sans-serif;
  color: #515151;
  width: 450px;
  float: left;
  position: relative; }

.formContent .klasse ul li.first {
  border-top: 1px dotted #b4b4b4; }

.formContent .klasse ul li.left {
  margin-right: 30px; }

.formContent .klasse ul li.rigth {
  margin-right: 0px; }

.formContent .klasse span.loeschen {
  float: right; }

.formContent .klasse ul li span.validateExamStates {
  float: none;
  /*padding: 0px 2px 0px 2px;*/ }

.formContent .klasse ul li span.validateExamStates img {
  margin-left: 0px; }

.formContent .klasse ul li span img {
  margin-left: 10px;
  margin-top: -3px; }

/********** KLASSENÜBERSICHT **********/
.insideHeader.uebersicht {
  padding: 0 0 23px 0; }

.insideHeader.uebersicht h3 {
  margin-top: 0px; }

section.uebersicht .centerContent ul li {
  margin-left: 0;
  margin-right: 20px; }

ul.contentSectionUl.uebersicht {
  padding-bottom: 0px; }

/********** KLASSE ERSTELLEN **********/
p.aktivierungscode {
  font: 13px/12px Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #ff9000; }

p.aktivierungscode a {
  font: 13px/24px Arial, Helvetica, sans-serif;
  color: #515151;
  text-decoration: underline;
  font-weight: normal;
  margin-left: 30px; }

.klasse span.loeschen {
  background: url(../img/phsg/form/checkbox/loeschen.gif);
  width: 20px;
  height: 20px;
  cursor: pointer;
  margin-top: 2px; }

/********* HOVER EFFEKT AUFGABENLISTE DOZENT UND STUDENT**********/
div.hoverContent.aufgabenliste, div.hoverContent.aufgabenliste_student, div.hoverContent.exam_lecturer {
  background: black;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
  height: 161px;
  width: 290px;
  border-radius: 0 0;
  display: none; }

li.hoverLi:hover div.hoverContent.aufgabenliste, li.hoverLi:hover div.hoverContent.aufgabenliste_student, li.hoverLi:hover div.hoverContent.exam_lecturer {
  display: block;
  position: absolute;
  top: 72px; }

.hoverContent.aufgabenliste ul li {
  list-style: none;
  text-align: center;
  padding: 18px 0 18px 0 !important;
  height: 17px !important;
  margin: 0 0 0px 0 !important;
  border-bottom: 1px solid #727272; }

.hoverContent.aufgabenliste ul li.lastNav {
  padding: 19px 0 19px 0 !important;
  height: 18px !important;
  border-bottom: none; }

.hoverContent.aufgabenliste ul li:hover {
  background: #ff8800;
  cursor: pointer; }

.hoverContent.aufgabenliste ul li.firstNav:hover {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.hoverContent.aufgabenliste ul li.lastNav:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.hoverContent.tasks_institute ul li {
  border-bottom: 0 none;
  height: 118px !important;
  list-style: none outside none;
  margin: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 100px !important;
  text-align: center;
  border-radius: 4px 4px; }

.hoverContent.studentpro ul li {
  list-style: none;
  text-align: center;
  padding: 25px 0 15px 0 !important;
  height: 32px !important;
  margin: 0 0 0px 0 !important;
  border-radius: 4px 4px; }

/*
.hoverContent.aufgabenliste ul li a {
	font:16px/12px Arial, Helvetica, sans-serif;
	color:#f5f5f5;
}

.hoverContent.aufgabenliste ul li a:hover {
	font:16px/12px Arial, Helvetica, sans-serif;
	color:#2e2e2e;
}
*/
/********* HOVER EFFEKT AUFGABENLISTE STUDENT**********/
div.hoverDescription.aufgabenliste_student, div.hoverMeta.aufgabenliste_student, div.hoverDescription.exam_lecturer, div.hoverMeta.exam_lecturer {
  padding: 2px 7px 12px 12px; }

.hoverContent.aufgabenliste_student ul li {
  border-bottom: 0 none;
  height: 91px !important;
  list-style: none outside none;
  margin: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 70px !important;
  text-align: center; }

.hoverContent.exam_lecturer ul li {
  border-bottom: 1px solid #727272;
  height: 20px !important;
  list-style: none outside none;
  margin: 0 !important;
  padding: 30px 0 !important;
  text-align: center; }

.hoverContent.exam_lecturer ul li.lastNav {
  border-bottom: none; }

.hoverContent.exam_lecturer ul li.lastNav:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

/********* HOVER EFFEKT AUFGABENLISTE UND PRÜFUNGSLISTE ERSTELLEN **********/
div.hoverContent.listeErstellen {
  background: black;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
  height: 218px;
  width: 290px;
  border-radius: 4px 4px;
  display: none; }

li.hoverLi:hover div.hoverContent.listeErstellen {
  display: block;
  position: absolute;
  top: 0px; }

.hoverContent.listeErstellen ul li {
  list-style: none;
  text-align: center;
  padding: 36px 0 36px 0 !important;
  height: 34px !important;
  margin: 0 0 0px 0 !important;
  border-bottom: 1px solid #727272; }

.hoverContent.listeErstellen ul li.lastNav {
  padding: 38px 0 38px 0 !important;
  height: 35px !important;
  border-bottom: none; }

.hoverContent.listeErstellen ul li:hover {
  background: #ff8800;
  cursor: pointer; }

.hoverContent.listeErstellen ul li.firstNav:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.hoverContent.listeErstellen ul li.lastNav:hover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.hoverContent.listeErstellen ul li a {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #f5f5f5; }

.hoverContent.listeErstellen ul li a:hover {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #2e2e2e; }

.hoverContent.listeErstellen ul li span.delTask {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #f5f5f5; }

.hoverContent.listeErstellen ul li span.delTask:hover {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #2e2e2e; }

/********* HOVER EFFEKT PRÜFUNGEN **********/
div.hoverContent.pruefungen {
  background: black;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
  height: 156px;
  width: 290px;
  border-radius: 0 0;
  display: none; }

li.hoverLi:hover div.hoverContent.pruefungen {
  display: block;
  position: absolute;
  top: 0px; }

/*
.hoverContent.pruefungen ul li {
	list-style:none;
	text-align:center;
	padding:22px 0 22px 0 !important;
	height: 19px !important;
	margin:0 0 0px 0 !important;
	border-bottom: 1px solid #727272;
}
*/
.hoverContent.pruefungen ul li {
  border-bottom: 0 none;
  height: 85px !important;
  list-style: none outside none;
  margin: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 71px !important;
  text-align: center; }

.hoverContent.pruefungen ul li.lastNav {
  border-bottom: none; }

.hoverContent.pruefungen ul li:hover {
  background: #ff8800;
  cursor: pointer; }

.hoverContent.pruefungen ul li.firstNav:hover {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.hoverContent.pruefungen ul li.lastNav:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.hoverContent.pruefungen ul li a {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #f5f5f5; }

.hoverContent.pruefungen ul li a:hover {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #2e2e2e; }

/********** HOVER EFFEKT PRÜFUNG ÜBERSICHT **********/
span.hoverLine {
  background: #FF8800;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
  height: 33px;
  width: 433px;
  display: none; }

.formContent .klasse ul li:hover span.hoverLine {
  display: block;
  position: absolute;
  top: 0;
  color: #fff;
  padding: 10px 0 0 17px;
  cursor: pointer; }

/********* HOVER EFFEKT KLASSENÜBERSICHT **********/
/*** neu : 3 hover inkl. klassen löschen - start -***/
div.hoverContent.klassenUebersicht {
  background: black;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
  height: 162px;
  width: 290px;
  border-radius: 0 0;
  display: none; }

.hoverContent.klassenUebersicht ul li {
  list-style: none;
  text-align: center;
  padding: 18px 0 17px 0 !important;
  height: 18px !important;
  margin: 0 0 0px 0 !important;
  border-bottom: 1px solid #727272; }

.hoverContent.klassenUebersicht ul li.lastNav {
  padding: 18px 0 18px 0 !important;
  height: 18px !important;
  border-bottom: none; }

/*** neu : inkl. klassen löschen - end -***/
/* orig : 2 hover klassen und studenten bearbeiten
div.hoverContent.klassenUebersicht {
	background: black;
	opacity:0.9;
	filter:alpha(opacity=90);*/
/* For IE8 and earlier */
/*
	height: 163px;
	width: 290px;
	border-radius:0 0;
	display:none;
}

.hoverContent.klassenUebersicht ul li {
	list-style:none;
	text-align:center;
	padding:27px 0 27px 0 !important;
	height: 27px !important;
	margin:0 0 0px 0 !important;
	border-bottom: 1px solid #727272;
}

.hoverContent.klassenUebersicht ul li.lastNav {
	padding:28px 0 28px 0 !important;
	height: 26px !important;
	border-bottom: none;
}
*/
li.hoverLi:hover div.hoverContent.klassenUebersicht {
  display: block;
  position: absolute;
  top: 71px; }

.hoverContent.klassenUebersicht ul li:hover {
  background: #ff8800;
  cursor: pointer; }

.hoverContent.klassenUebersicht ul li.firstNav:hover {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.hoverContent.klassenUebersicht ul li.lastNav:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.hoverContent.klassenUebersicht ul li a {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #f5f5f5; }

.hoverContent.klassenUebersicht ul li a:hover {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #2e2e2e; }

/********* FAKE BUTTON **********/
a.fake_button {
  background-image: -moz-linear-gradient(center bottom, #F0F0F0 20%, #F8F8F8 60%);
  border: 1px solid #DDDDDD;
  border-radius: 4px 4px 4px 4px;
  padding: 11px 90px 11px 8px;
  position: relative;
  top: 11px;
  color: #515151;
  font: 16px/16px Arial,Helvetica,sans-serif; }

a.fake_button.fixWidth {
  display: block;
  height: 21px;
  line-height: 21px;
  overflow: hidden;
  padding: 11px 8px;
  top: 1px;
  width: 271px; }

a.fake_button.SchoolClass {
  top: 1px; }

a.fake_button:hover {
  color: #515151;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 0px 4px #ccc;
  -webkit-box-shadow: 0px 0px 4px #ccc;
  -moz-box-shadow: 0px 0px 4px #ccc;
  -o-box-shadow: 0px 0px 4px #ccc;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

/********* owa navi **********/
#navigationFirstLevelMenu ul {
  overflow: hidden;
  margin: 0 0 0 190px; }

#navigationFirstLevelMenu ul li {
  display: block;
  float: left;
  margin-left: 0; }

#navigationFirstLevelMenu ul li a {
  padding: 0.8em 1em;
  display: block; }

/* NEEDS TO BE MOVED TO "STYLES" */
/* FOOTER MENU LEFT */
#mainFooter nav ul li a {
  color: white;
  display: block; }

#mainFooter nav ul li a.active {
  color: #FF8800; }

#mainFooter nav ul li a:hover {
  color: #FF8800; }

/* FOOTER MENU RIGHT */
#mainFooter ul li address {
  font-style: normal;
  color: white; }

#mainFooter ul li address ul li {
  padding-right: 0;
  padding-left: 26px; }

/* only for test here */
#mainFooter ul li address a {
  color: white; }

#mainFooter ul li address a:hover {
  color: #FF8D00;
  border-bottom: 1px dotted #FF8D00; }

/*
#mainFooter nav ul.ulFloatRight {
	float:right;
}
*/
#mainFooter nav ul.ulFloatRight li.last {
  padding-right: 0px; }

a.uiButtonLight {
  color: #515151; }

a.uiButtonLight.uiBtnLghtActive {
  color: white; }

/* SYSTEM-STYLES */
.obj-hidden {
  display: none; }

/* SYSTEM-MESSAGES */
.msg {
  background: -moz-linear-gradient(center bottom, #F0F0F0 20%, #F8F8F8 60%) repeat scroll 0 0 white;
  border: 1px solid #D1D1D1;
  border-radius: 4px 4px 4px 4px;
  font-size: 13px;
  padding: 7px;
  margin-top: 5px;
  margin-bottom: 5px; }

.msg h3 {
  font-size: 18px;
  margin-bottom: 7px;
  margin-left: 8px; }

.msg p {
  font-family: "Fedra Sans Light";
  margin-left: 8px;
  margin-right: 8px; }

.msg.msg-error {
  color: #FF8D00; }

section.defaultContent .sbHolder ul,
section.defaultContent .sbHolder ul li {
  margin: 0px;
  padding: 0px; }

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

section.defaultContent .rightRow,
section.defaultContent .leftRow {
  width: 450px;
  float: left;
  margin-top: 30px;
  margin-bottom: 20px; }

section.defaultContent .rightRow {
  margin-left: 30px; }

section.defaultContent .rightRow img,
section.defaultContent .leftRow img {
  filter: grayscale(1); }

.centerContent.welcomeWrapper {
  height: 560px;
  margin-top: 15px;
  display: none; }

object, embed {
  outline: none; }

.nicContainer div {
  border: none !important; }

figcaption.csc-textpic-caption {
  font-size: 13px;
  margin-top: 4px; }

.hoverLiTP {
  cursor: pointer; }

.hoverLiTP:hover .hoverHeadline a {
  color: #FF8D00; }

.hoverLiTP.task-disabled:after {
  background-image: url("/typo3conf/ext/fl_custom/Resources/Public/img/pattern/lock.svg");
  background-size: 12px;
  background-repeat: no-repeat;
  background-color: #FF8D00;
  background-position: 11px 5px;
  border-radius: 4px 0 0 4px;
  content: '';
  height: 25px;
  position: absolute;
  width: 35px;
  top: 20px;
  right: -8px;
  z-index: 2; }

.hoverLiTP.task-disabled:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #ba701e;
  content: '';
  position: absolute;
  right: -8px;
  top: 45px; }

.dynamicstatus {
  width: 310px;
  float: right;
  margin-top: 0px; }

.msg-label {
  background: #ffffff;
  border: #DDDDDD solid 1px;
  border-radius: 4px 4px 4px 4px;
  float: right;
  font-size: 0.7em;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 70px;
  padding: 9px 8px 9px 10px;
  text-align: left;
  width: 300px;
  position: relative;
  left: 0px; }

.msg-label:after {
  border-style: solid;
  border-color: transparent #DDDDDD;
  border-width: 10px 10px 10px 0px;
  left: -10px;
  top: 6px;
  content: "";
  position: absolute;
  width: 0px;
  bottom: auto; }

.msg-label.err {
  color: white;
  background: #CC0000;
  border: none; }

.msg-label.err:after {
  border-color: transparent #CC0000;
  left: -7px; }

.msg-label.mail-err-a {
  /*display:none;*/ }

.msg-label.mail-err-b {
  clear: both;
  margin-top: 5px; }

div.csc-textpic-border div.csc-textpic-imagewrap img {
  border: none;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 0 5px #999;
  -moz-box-shadow: 0 0 5px #999;
  -webkit-box-shadow: 0 0 5px #999;
  -o-box-shadow: 0 0 5px #999; }

div.csc-textpic-border div.csc-textpic-imagewrap img:hover {
  box-shadow: 0 0 7px #666;
  -moz-box-shadow: 0 0 7px #666;
  -webkit-box-shadow: 0 0 7px #666;
  -o-box-shadow: 0 0 7px #666; }

#page-loading {
  background-color: whitesmoke;
  background-color: rgba(255, 255, 255, 0.1);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 200; }

#page-loading-content {
  /*background: url("../img/sprites/loader.gif") no-repeat scroll right top;*/
  background-image: url("../img/sprites/loader.gif") \9;
  /* IE8 and below */
  background-repeat: no-repeat;
  background-position: center 33px;
  background-color: #3c3c3c;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  border: 2px solid #fff;
  box-shadow: 0 3px 5px -4px #888888;
  text-align: center;
  padding-top: 33px;
  width: 210px;
  height: 130px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -70px;
  margin-left: -92px;
  display: none;
  z-index: 100; }

#page-loading-content p {
  color: #fff;
  font-size: 12px;
  margin-top: 18px; }

#controls_layover {
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=1);
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  width: 100%;
  height: 524px; }

.ipad-only {
  display: none; }

#playVideo .containerVideo {
  height: 575px;
  width: 930px;
  background-color: #ffffff; }

span.playButton {
  background: url("/typo3conf/ext/fl_custom/Resources/Public/img/sprites/bg_play.png") repeat scroll 0 0 transparent;
  border: 1px solid #FFFFFF;
  border-radius: 4px 4px 4px 4px;
  display: block;
  height: 51px;
  width: 89px;
  position: relative;
  margin-left: 420px;
  margin-top: -295px;
  z-index: 3; }

span.playButton span.arrow {
  background: url("/typo3conf/ext/fl_custom/Resources/Public/img/sprites/pfeil.png") no-repeat scroll center center transparent;
  display: block;
  height: 51px;
  width: 89px;
  cursor: pointer; }

span.playButton.hideButton {
  background-color: white;
  opacity: 0.01;
  height: 524px;
  width: 930px;
  margin-left: 0px;
  margin-top: -530px; }

.learningaid ul {
  margin-left: 17px; }

#ergebnisseContainer a.btnBold {
  display: inline-block;
  text-align: center;
  width: 146px;
  margin-right: 11px; }

#ergebnisseContainer .learningaid {
  margin-bottom: 15px !important; }

.uiButton.essential {
  position: relative !important;
  bottom: 0px !important;
  left: 0px !important; }

.uiButtonLight.repeat {
  bottom: 0px !important; }

#ergebnisseContainer h3 {
  margin-top: 50px !important; }

#ergebnisseContainer .ergebnis h2 {
  font-size: 18px !important; }

#ergebnisseContainer .ergebnis .block {
  height: 100px !important; }

#ergebnisseContainer .ergebnis span {
  margin: 0px 0 0 14px !important; }

.uiButtonLight.repeat {
  bottom: 0px !important;
  position: relative !important;
  right: 0px !important; }

#ergebnisseContainer .ergebnis {
  margin-bottom: 30px !important; }

/* ipad specific information */
@media only screen and (device-width: 768px) {
  /* disables controls layover for ipad, because autoplay does not work within ipad and users have to click to start */
  #controls_layover {
    display: none; }
  #playVideo {
    /*border:solid;
		border-color: blue;
		border-size: 5px;*/
    height: 524px;
    width: 930px; }
  #playVideo .containerVideo {
    height: 524px;
    width: 930px;
    background-color: #ffffff; }
  .ipad-only {
    position: relative;
    display: block;
    /*border:solid;
		border-color: red;
		border-size: 5px;*/
    height: 524px;
    width: 930px; }
  #answerForm {
    margin-top: -524px;
    display: none; } }

.introduction-message {
  margin-top: 30px;
  margin-bottom: 30px; }

.introduction-message em {
  max-width: 90%;
  display: block;
  font-family: "Fedra Sans Light";
  font-style: normal;
  font-weight: normal;
  font-size: 1.5em;
  -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  line-height: 1.35;
  color: #222;
  margin-bottom: 30px;
  margin-bottom: 40px; }

.centerContent.welcomeWrapper {
  height: auto;
  min-height: 350px; }

.centerContent.welcomeWrapper .clearfix {
  clear: both; }

/* PDF-Dokumente-Verwaltund */
#delete-cookie {
  float: left;
  margin-bottom: 19px; }

td.document-title {
  width: 430px; }

td.document-grade {
  width: 120px; }

td.document-fileextension {
  width: 150px; }

.meta-nav.lang {
  float: left;
  position: absolute;
  top: -32px;
  right: 1px;
  font-size: 12px; }

.meta-nav.lang li {
  color: #ffffff;
  float: left;
  list-style-type: none;
  margin-top: 5px;
  padding-left: 20px; }

.mnu-lang a {
  color: #ffffff; }

.mnu-lang a:hover {
  color: #ff8800;
  outline: 0 none; }

.mnu-lang.selected, .mnu-lang.selected > a {
  color: #c5c5c5 !important; }

.popUpWrapper {
  z-index: 2;
  display: none;
  position: fixed;
  bottom: -500px;
  right: 35px;
  width: 250px;
  box-shadow: 0px 5px 19px 0px rgba(138, 138, 138, 0.5); }

.popUpWrapper .popUpTop {
  background: #666666;
  padding: 45px 25px 18px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative; }

.popUpWrapper .popUpTop .popUpClose {
  display: block;
  width: 24px;
  height: 24px;
  top: -12px;
  right: -12px;
  background: url("../img/sprites/closePopUp.png") no-repeat center center;
  background-size: 10px;
  background-color: #fff;
  position: absolute;
  border: 1px solid #999999;
  border-radius: 50%; }

.popUpWrapper .popUpTop img {
  width: 70px;
  height: 70px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: -40px;
  left: 20px; }

.popUpWrapper .popUpTop h4 {
  margin: 0;
  color: #fff;
  font-family: "Fedra Sans Light";
  font-size: 18px;
  line-height: 24px; }

.popUpWrapper .popUpBottom {
  background: #fff;
  padding: 22px 22px; }

.popUpWrapper .popUpBottom img {
  width: 100%;
  margin-bottom: 11px; }

.popUpWrapper .popUpBottom .popUpContent p, .popUpWrapper .popUpBottom .popUpContent a {
  font-size: 14px;
  line-height: 19px;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

.popUpWrapper .popUpBottom .popUpContent a {
  margin-bottom: 20px;
  display: block;
  text-decoration: underline; }

.license-iframe {
  width: 96%; }

/* ===== User-Interface-Elements ========================================================
   Author: Festland
   ========================================================================== */
.uiButton, .uiBtnSearchIcon,
.button.button-primary {
  display: inline-block;
  padding: 7px 12px;
  color: #fff !important;
  font-size: 13px;
  text-align: center;
  border: 1px solid #474747;
  border-radius: 4px;
  /* css3 gradients */
  background-image: linear-gradient(to bottom, #363636 20%, #525252 60%);
  background-image: -ms-linear-gradient(to bottom, #363636 20%, #525252 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #363636), color-stop(0.6, #525252)); }

.uiBtnSearch, .uiBtnSearchIcon {
  padding: 7px 13px 7px;
  position: relative;
  /* css3 border-radius */
  border-radius: 0px 4px 4px 0px; }

.searchPublicArea {
  padding: 7px 13px 8px; }

.uiBtnSearch span.backSprite, .uiBtnSearchIcon span.backSprite {
  background-image: url("../img/sprites/mainsprite.png");
  background-position: -4px -49px;
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
  z-index: 99999999; }

.uiButton:hover {
  border: 1px solid #cb6300;
  /* css3 gradients */
  background-image: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #ff9500)); }

.uiButtonLight {
  position: relative;
  border: 1px solid #DDDDDD;
  font-size: 13px;
  padding: 7px 8px 7px;
  overflow: visible;
  /* css3-border-radius */
  border-radius: 4px;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

.uiButtonLight.btnIcon {
  float: left;
  width: 92px;
  padding: 7px 12px 7px 20px;
  cursor: pointer;
  white-space: nowrap; }

.uiButtonLight.btnIcon .backIcon {
  background: url("../img/sprites/mainsprite.png") no-repeat scroll -78px -123px transparent;
  height: 15px;
  left: 5px;
  position: absolute;
  top: 8px;
  width: 9px; }

.btnvideo {
  margin-top: 14px;
  /*font-weight: bold;*/ }

.uiBtnLghActive {
  /* css3 gradients */
  background-image: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #ff9500));
  color: white;
  border: 1px solid #cb6300;
  min-width: 125px; }

.uiBtnLghActive:hover {
  /* css3 box-shadow */
  box-shadow: 0px 0px 4px #888;
  -webkit-box-shadow: 0px 0px 4px #888;
  -moz-box-shadow: 0px 0px 4px #888;
  -o-box-shadow: 0px 0px 4px #888; }

.uiButtonLight:hover {
  color: white;
  border: 1px solid #cb6300;
  box-shadow: 0px 0px 4px #888;
  -webkit-box-shadow: 0px 0px 4px #888;
  -moz-box-shadow: 0px 0px 4px #888;
  -o-box-shadow: 0px 0px 4px #888;
  /* css3 gradients */
  background-image: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #ff9500)); }

.noHvr:hover {
  color: #515151;
  border: 1px solid #DDDDDD;
  box-shadow: 0px 0px 4px #ccc;
  -webkit-box-shadow: 0px 0px 4px #ccc;
  -moz-box-shadow: 0px 0px 4px #ccc;
  -o-box-shadow: 0px 0px 4px #ccc;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

.uiButtonLight.uiBtnLghtActive:hover {
  /* box-shadow */
  box-shadow: 0px 0px 0px #888;
  -webkit-box-shadow: 0px 0px 0px #888;
  -moz-box-shadow: 0px 0px 0px #888;
  -o-box-shadow: 0px 0px 0px #888; }

.uiBtnLghtActive {
  color: white;
  border: 1px solid #cb6300;
  /* css3 gradients */
  background-image: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #ff9500)); }

.uiBtnLghtActive span {
  background-image: url("../img/sprites/mainsprite.png");
  background-position: -10px -110px;
  bottom: -14px;
  height: 30px;
  left: 50%;
  margin-left: -8.5px;
  position: absolute;
  width: 17px;
  z-index: 101; }

/* for a-tags (default): */
.uiButtonSmall {
  width: 7px;
  height: 18px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  cursor: pointer; }

.uiButtonSmall span {
  background-image: url("../img/sprites/mainsprite.png");
  background-position: -4px -30px;
  height: 26px;
  margin-left: -13px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px; }

/* for button-tags (special): */
.uiButtonSmallBtn {
  width: 32px;
  height: 32px;
  position: relative;
  margin-left: -1px;
  margin-right: 0.1em;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  top: -5px; }

.uiButtonSmallBtn span {
  background-image: url("ui-lightness/images/ui-icons_ef8c08_256x240.png");
  height: 26px;
  margin-left: -13px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px; }

/* for full and half-rounded corner (search) */
.uiFRall {
  border-radius: 4px; }

.uiHRleft {
  border-radius: 0px 4px 4px 0px; }

.uiHRright {
  border-radius: 4px 0px 0px 4px; }

/* ===== Breadcrumb =============================================================
   ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓  ↓ ↓ ↓ ↓  ↓ ↓  ↓ ↓ ↓ ↓ ↓ */
#selectProgramm {
  height: 59px; }

#selectProgramm .stickyHeaderNavigation {
  height: 59px; }

#stickyHeader {
  height: 59px;
  background: #fafafa;
  border-bottom: 1px solid #e5e5e5; }

#stickyHeader .centerContent {
  width: 960px; }

ul.formNavigationTop li {
  font-family: "Fedra Sans Light";
  list-style: none;
  list-style-image: none;
  float: left; }

#stickyHeader nav ul li a {
  display: block;
  line-height: 59px;
  margin: 0 14px;
  position: relative; }

#stickyHeader nav ul li a.active {
  color: #FF8D00; }

#stickyHeader nav ul li a.active:after {
  border-bottom: 1px solid #FF8D00;
  bottom: 0;
  content: '';
  left: 0;
  position: absolute;
  width: 100%; }

#stickyHeader nav ul li:first-child a {
  margin: 0 14px 0 0; }

/* ======== Hack for breadcrumb in webkit browsers (chrome) ====================================================== */
/* =============================================================================================================== */
#stickyHeader nav ul li:first-child .breadCrumb {
  width: 20px;
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 8px;
  padding-bottom: 6px;
  border-left: 1px solid #DDDDDD;
  border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  margin: 13px 0 0 0; }

#stickyHeader nav ul li:first-child .breadCrumb img {
  position: absolute; }

#stickyHeader nav ul.breadCrumbContainer li.last a {
  border-right: 1px solid #DDDDDD;
  border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px; }

#stickyHeader nav ul.breadCrumbContainer li.last span {
  background: none; }

#stickyHeader nav .breadCrumb {
  height: 16px;
  position: relative;
  font-size: 13px;
  padding: 7px 15px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  margin-right: -5px;
  display: inline-block;
  color: #515151;
  text-shadow: 1px 1px 1px #fff;
  /* css3-gradient */
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8));
  line-height: 1;
  margin: 13px 0 0 0; }

#stickyHeader nav .breadCrumb span {
  position: absolute;
  background: url("../img/sprites/mainsprite.png");
  background-position: 67px -7px;
  top: 0;
  right: -8px;
  z-index: 101;
  width: 9px;
  height: 32px; }

#stickyHeader nav ul.breadCrumbContainer li.last a.breadCrumb span {
  background: url("../img/sprites/mainsprite_001.png");
  background-position: 67px -45px; }

nav.stickyHeaderNavigation ul.breadCrumbContainer li span.delimiter {
  position: relative;
  background: url("../img/sprites/mainsprite.png");
  background-position: 67px -7px;
  top: 0;
  right: -8px;
  z-index: 101;
  width: 9px;
  height: 32px; }

.breadCrumbFilter {
  margin-top: -11px; }

.stickyHeaderNavigation .breadCrumbContainer {
  list-style-type: none; }

.stickyHeaderNavigation .breadCrumbContainer li {
  display: inline-block;
  /* collapsible breadcrumbs */
  float: left; }

.stickyHeaderNavigation .breadCrumbContainer li ul li {
  display: block;
  float: none; }

#loginArea {
  position: relative;
  float: right;
  min-width: 30%;
  /* condition for uiElement*/
  /* LOGIN BOX (STYLE) */ }

#loginArea .uiButton {
  min-width: 104px;
  display: inline;
  float: left; }

#loginArea .login-status-box {
  height: 33px;
  float: left;
  color: #FFF;
  font-size: 13px;
  line-height: 33px;
  margin: 0 8px 0 0; }

#loginArea .login-status-box.elhidden {
  background: none; }

#loginArea nav {
  float: left;
  width: auto;
  margin: 0; }

#loginArea nav ul li {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0 25px 0 0; }

#loginArea nav ul li:last-child {
  margin: 0; }

#loginArea nav ul li:last-child a {
  float: right; }

#loginArea nav ul li a[href="index.php?id=89&logintype=logout"],
#loginArea nav ul li a[href="index.php?id=89&L=1&logintype=logout"],
#loginArea nav ul li a[href="index.php?id=89&L=0&logintype=logout"],
#loginArea nav ul li .logout-link {
  border: 0;
  background: transparent;
  color: #FF8D00 !important;
  padding: 0;
  min-width: inherit;
  line-height: 33px; }

#loginArea ul.offcanvas-trigger-wrapper {
  list-style: none;
  position: relative;
  height: 50px; }

#loginArea ul.offcanvas-trigger-wrapper .offcanvas-trigger {
  margin: 5px 0 20px;
  float: right; }

#loginArea ul.offcanvas-trigger-wrapper .offcanvas-trigger .uiButton, #loginArea ul.offcanvas-trigger-wrapper .offcanvas-trigger .uiButton:hover {
  float: none;
  padding: 9px 27px 9px;
  position: relative;
  border: 1px solid #cb6300;
  /* css3 gradients */
  background-image: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%); }

#loginArea ul.offcanvas-trigger-wrapper .offcanvas-trigger.offcanvas_isOpen a, #loginArea ul.offcanvas-trigger-wrapper .offcanvas-trigger.offcanvas_isOpen a:hover {
  line-height: 1; }

#loginArea ul.offcanvas-trigger-wrapper .offcanvas-trigger a, #loginArea ul.offcanvas-trigger-wrapper .offcanvas-trigger a:hover {
  line-height: 1;
  height: 17px;
  min-width: 9px !important; }

.offcanvas {
  display: none;
  background: linear-gradient(90deg, #ffffff 57%, #FAFAFA 43%);
  position: relative; }

.offcanvas .offcanvas_content {
  margin: 0 auto;
  position: relative;
  width: 930px; }

.offcanvas .offcanvas_content .offcanvas-trigger a {
  background: url("../img/tutorial/schliessen.gif") no-repeat scroll right top transparent;
  cursor: pointer;
  font-size: 11px;
  height: 20px;
  overflow: hidden;
  padding-top: 4px;
  position: absolute;
  right: 0;
  top: 25px;
  width: 166px;
  z-index: 2;
  text-indent: -9999px;
  display: block; }

.offcanvas .offcanvas_content .offcanvas-left {
  background: #ffffff;
  float: left;
  width: 68%; }

.offcanvas .offcanvas_content .offcanvas-left .nav-tab-navigation {
  border-bottom: 1px solid #E5E5E5;
  display: block;
  float: none;
  height: 46px;
  margin: 20px 0 35px 0;
  width: 100%; }

.offcanvas .offcanvas_content .offcanvas-left .nav-tab-navigation.tasktype-selection-container:after,
.offcanvas .offcanvas_content .offcanvas-left .nav-tab-navigation.tasktype-selection-container .tasktype-selection.tasklist-header.active > h2:after {
  display: none; }

.offcanvas .offcanvas_content .offcanvas-left .nav-tab-navigation .tasktype-selection {
  cursor: pointer;
  float: left;
  margin: 0 40px 0 0;
  padding: 0; }

.offcanvas .offcanvas_content .offcanvas-left .nav-tab-navigation .tasktype-selection h2 {
  color: #515151;
  font-family: "Fedra Sans Light";
  font-size: 20px;
  line-height: 23px;
  margin: 0; }

.offcanvas .offcanvas_content .offcanvas-left .nav-tab-navigation .tasktype-selection.active {
  border-bottom: 2px solid #FF8D00;
  height: 44px; }

.offcanvas .offcanvas_content .offcanvas-left .nav-tab-navigation .tasktype-selection.active h2 {
  color: #FF8D00; }

.offcanvas .offcanvas_content .offcanvas-right {
  background-color: #FAFAFA;
  float: right;
  padding: 0 0 0 40px;
  width: 27.4%; }

.offcanvas .offcanvas_content .offcanvas-right h3 {
  color: #FF8D00;
  font-size: 20px; }

.offcanvas .offcanvas_content .offcanvas-right nav {
  margin: 0 0 20px; }

.offcanvas .offcanvas_content .offcanvas-right ul {
  list-style-type: none; }

.offcanvas .offcanvas_content .offcanvas-right ul li {
  color: #515151;
  font-size: 15px;
  line-height: 30px; }

.offcanvas .offcanvas_content .offcanvas-right .meta-nav.lang {
  position: relative;
  top: 0; }

.offcanvas .offcanvas_content .offcanvas-right .meta-nav.lang li {
  color: #000000;
  padding: 0 10px 0 0; }

.offcanvas .offcanvas_content .offcanvas-right .meta-nav.lang li a {
  color: #515151; }

.offcanvas .offcanvas_content .offcanvas_element {
  float: left;
  margin: 0 20px 20px 0;
  min-height: 131px;
  width: 186px; }

.offcanvas .offcanvas_content .offcanvas_element:nth-child(3n+3) {
  margin-right: 0; }

.offcanvas .offcanvas_content .offcanvas_element a .element_image {
  border: 1px solid #E5E5E5; }

.offcanvas .offcanvas_content .offcanvas_element a .element_image img {
  max-width: 184px !important;
  height: auto !important; }

.offcanvas .offcanvas_content .offcanvas_element a .element_description {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto; }

.offcanvas .offcanvas_content .offcanvas_element a .element_description h3 {
  line-height: 1.35;
  font-family: "Arial", sans-serif;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0;
  display: inline-block; }

.offcanvas .offcanvas_content .offcanvas_element a .element_description p {
  /*margin-top: 6px;
						font-size: 12px;
						color: #898989;*/
  display: none; }

.offcanvas .offcanvas_content .offcanvas_element a:hover h3 {
  color: #ff8600; }

.offcanvas .offcanvas_content .clear {
  clear: both; }

.contentSection .ulFloat {
  min-width: 960px; }

.contentSection .ulFloat .hoverLiTP,
.contentSection .ulFloat .hoverLi {
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 5px;
  float: left;
  width: 290px;
  height: 275px;
  margin-right: 30px;
  transition: all .4s ease-in-out;
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.1);
  position: relative; }

.contentSection .ulFloat .hoverLiTP section,
.contentSection .ulFloat .hoverLi section {
  position: relative;
  overflow: hidden;
  height: 100%; }

.contentSection .ulFloat .hoverLiTP section:after,
.contentSection .ulFloat .hoverLi section:after {
  background: #000000;
  content: '';
  display: block;
  height: 100%;
  opacity: 0;
  width: 100%;
  transition: all 2s ease-in;
  position: absolute;
  top: 0;
  z-index: 1; }

.contentSection .ulFloat .hoverLiTP.pruefungen,
.contentSection .ulFloat .hoverLi.pruefungen {
  min-height: 175px;
  height: auto; }

.contentSection .ulFloat .hoverLiTP .description,
.contentSection .ulFloat .hoverLi .description {
  background: #ffffff;
  width: 100%;
  font-size: 13px;
  line-height: 20px;
  color: black;
  bottom: 0;
  position: absolute;
  min-height: 130px;
  z-index: 2; }

.contentSection .ulFloat .hoverLiTP .description .hoverHeadline, .contentSection .ulFloat .hoverLiTP .description .hoverHeadlineExam,
.contentSection .ulFloat .hoverLi .description .hoverHeadline,
.contentSection .ulFloat .hoverLi .description .hoverHeadlineExam {
  background: #ffffff;
  color: #FF8D00;
  padding: 11px 7px 5px 12px;
  height: 108px; }

.contentSection .ulFloat .hoverLiTP .description .hoverHeadline .hoverDescription, .contentSection .ulFloat .hoverLiTP .description .hoverHeadlineExam .hoverDescription,
.contentSection .ulFloat .hoverLi .description .hoverHeadline .hoverDescription,
.contentSection .ulFloat .hoverLi .description .hoverHeadlineExam .hoverDescription {
  color: #000000;
  height: 40px;
  overflow: hidden; }

.contentSection .ulFloat .hoverLiTP .description .hoverHeadline a, .contentSection .ulFloat .hoverLiTP .description .hoverHeadlineExam a, .contentSection .ulFloat .hoverLiTP .description .hoverHeadline .taskTitle,
.contentSection .ulFloat .hoverLi .description .hoverHeadline a,
.contentSection .ulFloat .hoverLi .description .hoverHeadlineExam a,
.contentSection .ulFloat .hoverLi .description .hoverHeadline .taskTitle {
  color: #FF8D00;
  font-family: "Fedra Sans Light";
  font-size: 22px;
  line-height: 30px;
  display: block;
  padding: 0 0 5px; }

.contentSection .ulFloat .hoverLiTP .description .toggleContainerHover,
.contentSection .ulFloat .hoverLi .description .toggleContainerHover {
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-animation: teaseranimation-out .2s ease-in;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: teaseranimation-out .2s ease-in;
  /* IE 10+, Fx 29+ */ }

.contentSection .ulFloat .hoverLiTP .description .toggleContainerHover .hoverMeta,
.contentSection .ulFloat .hoverLi .description .toggleContainerHover .hoverMeta {
  padding: 0 7px 0 12px; }

.contentSection .ulFloat .hoverLiTP .description .toggleContainerHover .hoverMeta span,
.contentSection .ulFloat .hoverLi .description .toggleContainerHover .hoverMeta span {
  font-weight: bold; }

.contentSection .ulFloat .hoverLiTP .description .toggleContainerHover .hoverDescription,
.contentSection .ulFloat .hoverLi .description .toggleContainerHover .hoverDescription {
  padding: 0 7px 0 12px; }

.contentSection .ulFloat .hoverLiTP .description .toggleContainerHover .registerNow,
.contentSection .ulFloat .hoverLi .description .toggleContainerHover .registerNow {
  text-align: center; }

.contentSection .ulFloat .hoverLiTP .description .categories,
.contentSection .ulFloat .hoverLi .description .categories {
  bottom: 0;
  position: absolute;
  width: 93%;
  padding: 0 20px 0 0;
  overflow: hidden;
  height: 35px; }

.contentSection .ulFloat .hoverLiTP .description .categories:after,
.contentSection .ulFloat .hoverLi .description .categories:after {
  content: "";
  border-right: 2px solid #FF8D00;
  border-top: 2px solid #FF8D00;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  position: absolute;
  top: 13px;
  right: 11px; }

.contentSection .ulFloat .hoverLiTP .description .categories,
.contentSection .ulFloat .hoverLiTP .description .published,
.contentSection .ulFloat .hoverLiTP .description .exercisetask,
.contentSection .ulFloat .hoverLi .description .categories,
.contentSection .ulFloat .hoverLi .description .published,
.contentSection .ulFloat .hoverLi .description .exercisetask {
  background: #F9F9F9;
  border-top: 1px solid #E5E5E5;
  border-radius: 0 0 4px 4px;
  padding: 0 7px 0 14px;
  color: #000000;
  display: block;
  line-height: 35px; }

.contentSection .ulFloat .hoverLiTP .description .categories a,
.contentSection .ulFloat .hoverLiTP .description .published a,
.contentSection .ulFloat .hoverLiTP .description .exercisetask a,
.contentSection .ulFloat .hoverLi .description .categories a,
.contentSection .ulFloat .hoverLi .description .published a,
.contentSection .ulFloat .hoverLi .description .exercisetask a {
  display: block; }

.contentSection .ulFloat .hoverLiTP:hover,
.contentSection .ulFloat .hoverLi:hover {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); }

.contentSection .ulFloat .hoverLiTP:hover .description .hoverHeadline .hoverDescription,
.contentSection .ulFloat .hoverLi:hover .description .hoverHeadline .hoverDescription {
  height: auto; }

.contentSection .ulFloat .hoverLiTP:hover .description .toggleContainerHover,
.contentSection .ulFloat .hoverLi:hover .description .toggleContainerHover {
  opacity: 1;
  height: 149px;
  -webkit-animation: teaseranimation .5s ease-in-out;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: teaseranimation .5s ease-in-out;
  /* IE 10+, Fx 29+ */ }

.contentSection .ulFloat .hoverLiTP:hover section:after,
.contentSection .ulFloat .hoverLi:hover section:after {
  opacity: 1; }

.contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadline, .contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadlineExam {
  height: auto;
  background: #515151;
  border-radius: 0px 0px 4px 4px;
  box-shadow: none;
  padding: 11px 7px 11px 12px; }

.contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadline .category-news, .contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadlineExam .category-news {
  color: #ffffff;
  font-size: 11px;
  margin: 0 0 8px 0; }

.contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadline h3, .contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadlineExam h3 {
  color: #ffffff;
  font-size: 13px;
  line-height: 17px;
  margin: 0 0 10px 0; }

.contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadline .link-news a, .contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadlineExam .link-news a {
  font-size: 11px;
  text-decoration: underline;
  line-height: 1;
  color: #ffffff; }

.contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadline .link-news p, .contentSection .ulFloat .slick-slider-focusNews.slick-slider .hoverLiTPFocus .description .hoverHeadlineExam .link-news p {
  margin: 0; }

.contentSection .ulFloat .hoverLi .description {
  height: auto;
  min-height: inherit; }

.contentSection .ulFloat .hoverLi .description > .hoverMeta,
.contentSection .ulFloat .hoverLi .description > .hoverDescription {
  height: auto;
  margin: 0 0 40px 0;
  padding: 0 7px 0 12px; }

.contentSection .ulFloat .hoverLi .description > .hoverMeta span,
.contentSection .ulFloat .hoverLi .description > .hoverDescription span {
  font-weight: bold; }

.contentSection .ulFloat .hoverLi .description > .hoverMeta.aufgabenliste,
.contentSection .ulFloat .hoverLi .description > .hoverDescription.aufgabenliste {
  margin: 0; }

.contentSection .ulFloat .hoverLi .description .hoverHeadline {
  font-family: "Fedra Sans Light";
  font-size: 17px;
  line-height: 17px;
  height: auto;
  padding: 11px 7px 6px 12px; }

.contentSection .ulFloat .hoverLi .description .categories {
  color: #000000;
  display: block;
  line-height: 35px;
  height: 35px; }

.contentSection .ulFloat .hoverLi div.hoverContent {
  background: #515151;
  opacity: 0.95;
  width: 290px;
  border-radius: 4px 4px;
  display: block;
  z-index: 2;
  /*top:0;
			display:block;
			position:absolute;*/
  display: block;
  position: absolute;
  top: 275px;
  height: 275px;
  transition: all .3s ease-in; }

.contentSection .ulFloat .hoverLi div.hoverContent ul li {
  list-style: none;
  text-align: center;
  padding: 18px 0 18px 0 !important;
  height: 32px !important;
  line-height: 32px;
  margin: 0 0 0 0 !important;
  border-bottom: 1px solid #727272; }

.contentSection .ulFloat .hoverLi div.hoverContent ul li.lastNav {
  border-bottom: none; }

.contentSection .ulFloat .hoverLi div.hoverContent ul li.lastNav:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.contentSection .ulFloat .hoverLi div.hoverContent ul li.firstNav:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.contentSection .ulFloat .hoverLi div.hoverContent ul li a {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #f5f5f5;
  display: block;
  line-height: 32px; }

.contentSection .ulFloat .hoverLi div.hoverContent ul li:hover {
  background: #ff8800;
  cursor: pointer; }

.contentSection .ulFloat .hoverLi .formContent span.hoverLine a:hover {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #2e2e2e; }

.contentSection .ulFloat .hoverLi:hover div.hoverContent {
  top: 0; }

.contentSection .ulFloat .hoverLi:hover section:after {
  opacity: 0; }

.contentSection .ulFloat .singleTask {
  width: 290px;
  height: 275px;
  float: left;
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 30px; }

.contentSection .ulFloat .hoverLi.addbutton {
  border: 0;
  box-shadow: none;
  height: auto; }

.contentSection .ulFloat .hoverLi.addbutton:hover {
  box-shadow: none; }

.tasklist-noimage .contentSection .ulFloat .hoverLiTP,
.tasklist-noimage .contentSection .ulFloat .hoverLi,
.examlist-noimage .contentSection .ulFloat .hoverLiTP,
.examlist-noimage .contentSection .ulFloat .hoverLi {
  height: 207px; }

.tasklist-noimage .contentSection .ulFloat .hoverLiTP .description.aufgabenliste,
.tasklist-noimage .contentSection .ulFloat .hoverLi .description.aufgabenliste,
.examlist-noimage .contentSection .ulFloat .hoverLiTP .description.aufgabenliste,
.examlist-noimage .contentSection .ulFloat .hoverLi .description.aufgabenliste {
  height: 100%; }

.contentSection .ulFloat .hoverLi.classli {
  height: 207px; }

.contentSection .ulFloat .hoverLi.classli .description.aufgabenliste {
  height: 100%; }

.contentSection .ulFloat .hoverLi.classli .description.aufgabenliste .hoverHeadline {
  padding: 11px 7px 11px 12px;
  font-size: 22px;
  line-height: 30px; }

.examlist-noimage .contentSection .ulFloat .hoverLi div.hoverContent ul li {
  padding: 35px 0 !important; }

.contentSection .mytasks-wrapper.ulFloat .hoverLi {
  height: 315px; }

.contentSection .mytasks-wrapper.ulFloat .hoverLi div.hoverContent {
  height: 315px;
  top: 315px; }

.contentSection .mytasks-wrapper.ulFloat .hoverLi div.hoverContent ul li {
  padding: 23px 0 !important; }

.contentSection .mytasks-wrapper.ulFloat .hoverLi div.hoverMeta {
  min-height: 100px; }

.contentSection .mytasks-wrapper.ulFloat .hoverLi:hover div.hoverContent {
  top: 0; }

/********* HOVER EFFEKT FORUM LIST **********/
.tx-bewegunglesen-forum .contentSection .ulFloat .hoverLi .description .hoverHeadline {
  font-size: 20px;
  line-height: 24px; }

.tx-bewegunglesen-forum .contentSection .ulFloat .hoverLi .description > .hoverMeta,
.tx-bewegunglesen-forum .contentSection .ulFloat .hoverLi .description > .hoverDescription {
  margin: 0 0 5px; }

.tx-bewegunglesen-forum .contentSection .ulFloat .hoverLi section {
  background: #ffffff; }

div.hoverContent.forumlist {
  background: black;
  opacity: 0.9;
  filter: alpha(opacity=90);
  /* For IE8 and earlier */
  height: 230px;
  width: 290px;
  border-radius: 0px;
  display: none; }

.hoverContent.forumlist ul li {
  list-style: none;
  text-align: center;
  padding: 25px 0 11px 0 !important;
  height: 40px !important;
  margin: 0 !important;
  border-bottom: 1px solid #727272; }

.hoverContent.forumlist ul li.lastNav {
  padding: 25px 0 11px 0 !important;
  height: 37px !important;
  border-bottom: none; }

li.hoverLi:hover div.hoverContent.forumlist {
  display: block;
  position: absolute;
  top: 0; }

.hoverContent.forumlist ul li:hover {
  background: #ff8800;
  cursor: pointer; }

.hoverContent.forumlist ul li.firstNav:hover {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.hoverContent.forumlist ul li.lastNav:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.hoverContent.forumlist ul li a {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #f5f5f5; }

.hoverContent.forumlist ul li a:hover {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #2e2e2e; }

.contentSection .ulFloat .hoverLiTP.finishedTasks .description .hoverHeadline {
  color: #FF8D00;
  font-family: "Fedra Sans Light";
  font-size: 22px;
  line-height: 20px;
  display: block; }

.contentSection .ulFloat .hoverLiTP.finishedTasks .description .hoverDescription {
  font-size: 13px;
  line-height: 20px; }

.pruefungen.contentSection .ulFloat .hoverLi.orange {
  height: auto; }

.pruefungen.contentSection .ulFloat .hoverLi.orange .description .hoverHeadline {
  padding: 11px 7px 11px 12px; }

.pruefungen.contentSection .ulFloat .hoverLi.orange .description div.hoverMeta.pruefungen.orange p.pruefungsListe {
  color: #fff;
  font: 14px/12px Arial, Helvetica, sans-serif;
  padding: 12px 0; }

.pruefungen.contentSection .ulFloat .hoverLi.orange .description .hoverDescription {
  margin: 0; }

.FloatElementSection.pruefungen .hoverMeta.pruefungen p.pruefungsListe {
  color: #fff;
  font: 14px/12px Arial, Helvetica, sans-serif;
  padding: 12px 0; }

.pruefungen.contentSection .ulFloat .hoverLi.pruefungen .description .hoverHeadline {
  padding: 11px 7px 11px 12px; }

form .contentSection .formContent.aufgabenliste .ulFloat .hoverLi .description {
  min-height: 156px; }

form .contentSection .formContent.aufgabenliste .ulFloat .hoverLi div.hoverContent ul li {
  padding: 52px 0 !important; }

/**********  **********/
div.hoverMeta.pruefungen.orange {
  height: 45px;
  background: #ff8c00;
  padding-top: 0;
  padding-bottom: 0; }

span.bestanden {
  background: url("../img/phsg/form/checkbox/bestanden.png");
  width: 16px;
  height: 13px;
  position: absolute;
  top: 51px;
  left: 262px; }

span.nichtBestanden {
  background: url("../img/phsg/form/checkbox/nicht_bestanden.png");
  width: 12px;
  height: 13px;
  position: absolute;
  top: 51px;
  left: 262px; }

.formContent ul span.hoverLine a {
  font: 16px/12px Arial, Helvetica, sans-serif;
  color: #f5f5f5; }

@-webkit-keyframes teaseranimation {
  0% {
    opacity: 0;
    height: 0; }
  10% {
    opacity: 0; }
  50% {
    opacity: 1;
    height: 149px; }
  100% {
    opacity: 1;
    height: 149px; } }

@keyframes teaseranimation {
  0% {
    opacity: 0;
    height: 0; }
  10% {
    opacity: 0; }
  50% {
    opacity: 1;
    height: 149px; }
  100% {
    opacity: 1;
    height: 149px; } }

@-webkit-keyframes teaseranimation-out {
  0% {
    opacity: 1;
    height: 149px; }
  10% {
    opacity: 1;
    height: 149px; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0;
    height: 0; } }

@keyframes teaseranimation-out {
  0% {
    opacity: 1;
    height: 149px; }
  10% {
    opacity: 1;
    height: 149px; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0;
    height: 0; } }

/*! jQuery UI - v1.9.0 - 2012-10-18
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2C%20Tahoma%2C%20Verdana%2C%20Arial%2C%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=ff9500&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=20&borderColorHeader=ff9500&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=c2c2c2&fcContent=333333&iconColorContent=222222&bgColorDefault=ffffff&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=898989&iconColorDefault=ef8c08&bgColorHover=e6e6e6&bgTextureHover=01_flat.png&bgImgOpacityHover=0&borderColorHover=c2c2c2&fcHover=898989&iconColorHover=ef8c08&bgColorActive=e6e6e6&bgTextureActive=01_flat.png&bgImgOpacityActive=0&borderColorActive=c2c2c2&fcActive=898989&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=85&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright (c) 2012 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px); }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  zoom: 1; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: .5em .5em .5em .7em;
  zoom: 1; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
  zoom: 1; }

.ui-autocomplete {
  position: absolute;
  cursor: default; }

/* workarounds */
* html .ui-autocomplete {
  width: 1px; }

/* without this, the menu expands to 100% in IE6 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; }

/* the overflow property removes extra width in IE */
.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none; }

.ui-button-icon-only {
  width: 2.2em; }

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em; }

/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4; }

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

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/*button sets*/
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/ }

.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden; }

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .1em 0; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px; }

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%; }

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px .4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal; }

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: .4em 0 .2em;
  line-height: 1.5; }

.ui-menu .ui-state-disabled a {
  cursor: default; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: .2em;
  left: .2em; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right; }

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle; }

.ui-spinner-input {
  border: none;
  background: none;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px; }

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  z-index: 100;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0; }

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none; }

/* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0; }

/* vertical centre icon */
.ui-spinner-up {
  top: 0; }

.ui-spinner-down {
  bottom: 0; }

/* TR overrides */
span.ui-spinner {
  background: none; }

.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px; }

.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1; }

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom: 0;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  -o-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa; }

/* Fades and background-images don't work well together in IE6, drop the image */
* html .ui-tooltip {
  background-image: none; }

body .ui-tooltip {
  border-width: 2px; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #c2c2c2;
  background: #ffffff url(custom-theme-1-9/images/ui-bg_highlight-soft_100_ffffff_1x100.png) 50% top repeat-x;
  color: #333333; }

.ui-widget-content a {
  color: #333333; }

.ui-widget-header {
  border: 1px solid #ff9500;
  background: #ff9500 url(custom-theme-1-9/images/ui-bg_highlight-soft_20_ff9500_1x100.png) 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #ffffff url(custom-theme-1-9/images/ui-bg_glass_100_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #898989; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #898989;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #c2c2c2;
  background: #e6e6e6 url(custom-theme-1-9/images/ui-bg_flat_0_e6e6e6_40x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #898989; }

.ui-state-hover a, .ui-state-hover a:hover {
  color: #898989;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #c2c2c2;
  background: #e6e6e6 url(custom-theme-1-9/images/ui-bg_flat_0_e6e6e6_40x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #898989; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #898989;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url(custom-theme-1-9/images/ui-bg_highlight-soft_85_ffe45c_1x100.png) 50% top repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url(custom-theme-1-9/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
  color: #ffffff; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #ffffff; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #ffffff; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(custom-theme-1-9/images/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(custom-theme-1-9/images/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(custom-theme-1-9/images/ui-icons_ffffff_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(custom-theme-1-9/images/ui-icons_ef8c08_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(custom-theme-1-9/images/ui-icons_ef8c08_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(custom-theme-1-9/images/ui-icons_ef8c08_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(custom-theme-1-9/images/ui-icons_228ef1_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(custom-theme-1-9/images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #666666 url(custom-theme-1-9/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  opacity: .5;
  filter: Alpha(Opacity=50); }

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url(custom-theme-1-9/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
  opacity: .2;
  filter: Alpha(Opacity=20);
  border-radius: 5px; }

/*! jQuery UI - v1.9.0 - 2012-10-18
* http://jqueryui.com
* Festland Changes */
/* Interaction states
----------------------------------*/
#ui-active-menuitem.searchResult {
  border: 0px;
  background: #e6e6e6 url(custom-theme-1-9/images/ui-bg_flat_0_e6e6e6_40x100.png) 50% 50% repeat-x;
  color: #898989; }

#ui-active-menuitem.searchResultEmpty {
  border: 0px;
  background: white;
  color: #333333; }

a.searchResultEmpty div.noResultsFound {
  font: 13px Arial,Helvetica,sans-serif;
  padding: 4px 0; }

/* Overlays */
.ui-autocomplete {
  max-height: 380px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden; }

/* workarounds */
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 100px; }

#addTaskInput.ui-autocomplete-loading {
  background: white url("/typo3conf/ext/fl_custom/Resources/Public/img/pattern/loader-004_22.gif") 95% 50% no-repeat !important; }

#searchTaskPublic.ui-autocomplete-loading {
  background: white url("/typo3conf/ext/fl_custom/Resources/Public/img/pattern/loader-004_22.gif") 86% 50% no-repeat !important; }

.ui-menu {
  list-style: none;
  margin: 0;
  display: block;
  outline: none;
  border-bottom: 0px !important;
  padding: 0px !important; }

.ui-menu .ui-menu {
  margin-top: 0px;
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative; }

.ui-menu .ui-menu-item a.searchResult {
  padding: 4px 8px 4px 8px; }

.resultBox {
  padding-top: 16px; }

.resultBox img {
  float: left;
  margin-top: -8px; }

a.searchResult {
  font: 12px/10px Arial, Helvetica, sans-serif;
  color: #f5f5f5;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px; }

.searchTaskResult {
  margin-top: -10px;
  /*display: absolute;*/
  font-size: 12px;
  margin-left: 133px;
  color: #2e2e2e;
  min-height: 80px; }

.searchTaskResult span {
  color: #898989; }

li.ui-menu-item {
  border-bottom: 1px solid #c2c2c2; }

.ui-widget-header {
  background: -moz-linear-gradient(center bottom, #FD6E00 20%, #FF9500 60%) repeat scroll 0 0 transparent; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  font-weight: bold;
  opacity: 1; }

ul.ui-autocomplete li h5 {
  border-bottom: 1px solid #C2C2C2;
  color: #FF8D00;
  font: 17px Arial,Helvetica,sans-serif;
  margin-bottom: 0;
  margin-top: 0;
  padding: 30px 4px 7px 7px; }

div#ui-datepicker-div.ui-datepicker {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; }

div.resultBox.task-disabled img {
  position: relative;
  z-index: 1; }

div.resultBox.task-disabled:before {
  background-image: url("/typo3conf/ext/fl_custom/Resources/Public/img/pattern/lock.svg");
  background-size: 10px;
  background-repeat: no-repeat;
  background-color: #FF8D00;
  background-position: 7px 4px;
  border-radius: 4px 0 0 4px;
  content: '';
  height: 20px;
  position: absolute;
  width: 23px;
  top: 17px;
  left: 110px;
  z-index: 2; }

div.resultBox.task-disabled:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #ba701e;
  content: '';
  position: absolute;
  left: 124px;
  top: 37px; }

div.resultBox.task-enabled {
  cursor: pointer; }

.ui-menu .ui-menu-item.item-disabled > span {
  display: block;
  padding: 4px 8px 4px 8px; }

/* Example Styles for Demo */
.etabs {
  margin: 0;
  padding: 0; }

.tab a {
  font-size: 16px;
  display: block;
  outline: none;
  text-decoration: none;
  color: #515151 !important; }

.tab a:hover {
  text-decoration: none;
  color: #515151; }

/*
.tab.active {
	background: #2e2e2e;
	position: relative;
	top: 1px;
	border-color: #666;
}
*/
/* owa
 * tab width for task preview (task/show action)
 */
.tab {
  background: none repeat scroll 0 0 #E7E7E7;
  border-bottom: medium none;
  border-radius: 2px 2px 0 0;
  display: inline-block;
  margin-right: -2px;
  min-height: 30px;
  min-width: 211px;
  padding: 0 10px;
  color: #515151 !important;
  line-height: 2em; }

.tab strong {
  padding: 4px;
  /*margin-right:5px;*/ }

.tab.show {
  min-width: 211px; }

.tab.exam {
  padding: 0;
  min-width: 308px; }

.tab.exam.last {
  min-width: 309px; }

/********* owa playTask **********/
.tab.active {
  background: #2e2e2e;
  position: relative;
  top: 1px;
  border-color: #666;
  color: white !important; }

.tab a.active {
  color: white !important; }

.tab-container .panel-container {
  background: #fff;
  border-top: solid #666 1px;
  position: relative; }

#playVideo {
  /*box-shadow: 3px 3px 7px #CCCCCC;
	-webkit-box-shadow: 3px 3px 7px #CCCCCC;
	-moz-box-shadow: 3px 3px 7px #CCCCCC;
	-o-box-shadow: 3px 3px 7px #CCCCCC;*/ }

.panel-container {
  margin-bottom: -8px;
  min-height: 553px;
  /*box-shadow: 3px 3px 7px #CCCCCC;
	-webkit-box-shadow: 3px 3px 7px #CCCCCC;
	-moz-box-shadow: 3px 3px 7px #CCCCCC;
	-o-box-shadow: 3px 3px 7px #CCCCCC;*/ }

/* Styles for alternate tabActiveClass */
.tab.selected-tab {
  background: #fff;
  padding-top: 6px;
  position: relative;
  top: 1px;
  border-color: #666; }

/* Styles for Tabs on Side */
#tab-side-container {
  background: #fff;
  border: solid 1px;
  height: 300px; }

#tab-side-container ul {
  height: 300px;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #ccc;
  float: left;
  border-right: solid 1px; }

#tab-side-container ul li {
  width: 100px;
  margin: 0;
  padding: 0;
  text-align: center; }

#tab-side-container ul li a {
  display: block;
  padding: 15px 0;
  outline: none; }

#tab-side-container ul li a:hover {
  text-decoration: underline; }

#tab-side-container ul li.selected-tab {
  background: #fff;
  position: relative;
  left: 1px;
  border-style: solid;
  border-width: 1px 0; }

#tab-side-container ul li:first-child.selected-tab {
  border-top: none; }

#tab-side-container ul li a.selected-tab {
  text-decoration: none; }

#tab-side-container .panel-container {
  background: #fff;
  padding-top: 5px;
  padding-left: 120px; }

/* Styles for Tabs on Bottom */
#tab-bottom-container {
  width: 100%;
  padding: 0;
  clear: both; }

#tab-bottom-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%; }

#tab-bottom-container ul li {
  float: left;
  width: 33.33%;
  margin: 0;
  padding: 0;
  text-align: center;
  border-top: solid 1px; }

#tab-bottom-container ul li a {
  display: block;
  padding: 15px 0;
  outline: none; }

#tab-bottom-container ul li a:hover {
  text-decoration: underline; }

#tab-bottom-container ul li.active {
  width: 33%;
  background: #fff;
  border: solid 1px;
  border-top: none; }

#tab-bottom-container ul li a.active {
  text-decoration: none; }

#tab-bottom-container .panel-container {
  background: #fff;
  border: solid 1px;
  border-bottom: none;
  padding: 10px;
  margin-bottom: 0; }

/* Styles for Collapsible */
#tab-collapsible-container {
  background: #fff;
  padding: 5px;
  border: solid 1px; }

#tab-collapsible-container ul {
  margin: 0;
  padding: 5px 5px 0;
  background: #ccc;
  border: solid 1px; }

#tab-collapsible-container ul li {
  display: inline-block;
  background: #ccc;
  border: solid 1px;
  border-bottom: none;
  margin: 0; }

#tab-collapsible-container ul li a {
  display: block;
  padding: 5px;
  outline: none; }

#tab-collapsible-container ul li a:hover {
  text-decoration: underline; }

#tab-collapsible-container ul li.active {
  background: #fff;
  padding-top: 6px;
  position: relative;
  top: 1px; }

#tab-collapsible-container .panel-container {
  background: #fff;
  border: none;
  padding: 0 10px;
  background: #fff; }

/* Styles for Disconnected */
#tab-disconnected-container ul {
  height: 52px;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #ccc; }

#tab-disconnected-container ul li {
  float: left;
  width: 33.3%;
  margin: 0;
  padding: 0;
  text-align: center; }

#tab-disconnected-container ul li a {
  display: block;
  padding: 15px 0;
  line-height: 20px;
  outline: none; }

#tab-disconnected-container ul li a:hover {
  text-decoration: underline; }

#tab-disconnected-container ul li.active {
  background: #fff;
  position: relative;
  left: 1px; }

#tab-disconnected-container ul li a.active {
  text-decoration: none;
  border: solid 1px; }

#tab-disconnected-container .panel-container {
  background: #fff;
  padding: 10px;
  border: solid 1px; }

#disconnected-tab3 {
  background: #fff;
  padding: 10px 15px;
  border: solid 1px #999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 15px 0; }

/* Styles for Transition Options */
#tab-transition-container .panel-container {
  padding: 5px; }

#tab-transition-container .panel-container .active {
  padding: 0 5px; }

/* Styles for Form Sections */
.tab-container fieldset {
  background: #fff; }

.tab-container .field-container {
  background: #fff;
  border: solid #666 1px;
  padding: 10px;
  -moz-border-radius: 0 4px 4px 4px;
  -webkit-border-radius: 0 4px 4px 4px; }

/* Styles for Previous and Next buttons */
.prev-tab, .next-tab {
  display: block;
  width: 100px;
  text-align: center;
  margin-top: 10px; }

span.prev-tab, span.next-tab {
  background: #ccc; }

.prev-tab {
  float: left; }

.next-tab {
  float: right; }

/* Styles for Twitter Boostrap */
#twitter-bootstrap-container {
  background: #fff;
  padding: 10px;
  height: 75px;
  margin-bottom: 15px; }

/* Styles for Container */
/* .tab-container .panel-container #beurteilenContainer { */
.tab-container .panel-container .content-container {
  margin-top: 0px;
  margin-left: 60px;
  margin-top: 75px; }

.content-container h3 {
  margin-top: 30px;
  margin-bottom: 9px;
  margin-left: 0px; }

.uiButtonLight.repeat {
  bottom: 30px;
  position: absolute;
  right: 60px; }

.uiButton.essential {
  left: 60px;
  bottom: 30px;
  position: absolute; }

.tab-container .formToggler span, .tab-container .formTogglerAnswers span {
  position: relative;
  right: 34px;
  top: 41px;
  color: #000;
  font: 11px/40px Arial, Helvetica, sans-serif; }

.tab-container .formToggler a.uiButton.uiButtonSmall, .tab-container .formTogglerAnswers a.uiButton.uiButtonSmall {
  cursor: pointer;
  display: inline-block;
  height: 18px;
  overflow: hidden;
  position: relative;
  right: 30px;
  top: 55px;
  width: 7px; }

.tab-container .formToggler.show a.uiButton.uiButtonSmall span, .tab-container .formTogglerAnswers.show a.uiButton.uiButtonSmall span {
  background-position: -36px 210px; }

.tab-container .formToggler span, .tab-container .formTogglerAnswers span {
  position: relative;
  right: 34px;
  top: 41px;
  color: #000;
  font: 11px/40px Arial, Helvetica, sans-serif; }

.tab-container .formToggler a.uiButton.uiButtonSmall, .tab-container .formTogglerAnswers a.uiButton.uiButtonSmall {
  cursor: pointer;
  display: inline-block;
  height: 18px;
  overflow: hidden;
  position: relative;
  right: 30px;
  top: 55px;
  width: 7px; }

.tab-container .formToggler a.uiButton.uiButtonSmall span, .tab-container .formTogglerAnswers a.uiButton.uiButtonSmall span {
  background-image: url("../img/sprites/mainsprite.png");
  background-position: -4px -30px;
  height: 26px;
  margin-left: -13px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px; }

p.radio {
  border-bottom: 1px dotted #C7C7C7;
  float: left;
  margin: 0;
  padding: 21px 0 0 13px;
  width: 797px; }

p.radio:hover {
  background: #fafafa; }

p.radio.last {
  border-bottom: none;
  margin-bottom: 76px; }

p.radio span {
  color: #555555;
  display: block;
  font: 21px/28px Arial,Helvetica,sans-serif;
  margin: -44px 0 0 0px;
  padding-bottom: 21px;
  padding-top: 21px;
  padding-left: 35px;
  padding-right: 15px; }

p.radio span.playTask {
  margin: -50px 0 0 0px; }

p.answerJudgment.first {
  border-top: 1px dotted #C7C7C7; }

p.answerJudgment.last {
  margin-bottom: 30px; }

p.answerJudgment {
  border-bottom: 1px dotted #C7C7C7;
  float: left;
  margin: 0;
  padding: 8px 0;
  width: 797px; }

p.answerJudgment span {
  color: #515151;
  display: block;
  font: 16px/22px Arial,Helvetica,sans-serif;
  margin: -20px 0 0;
  padding: 0 9px 0 27px; }

p.answerJudgment span.button {
  float: left;
  left: -15px;
  position: relative; }

p.radio input[type="checkbox"], input[type="radio"] {
  cursor: pointer; }

/* test owa: submit buttons during task play - check other buttons ... */
/*
div.submit, div.submit input[type="submit"]{
	margin-top: 20px;
	margin-bottom: 20px;
}
*/
/*
form.radio {
	margin-left:8px;
}

form.radio p.radio {
	border-bottom: 1px dotted #C7C7C7;
    float: left;
    margin: 0;
    padding: 21px 0 0 17px;
	width: 810px;
}

form.radio p.radio:hover {
	background: #fafafa;
}

form.radio p.radio.last {
	border-bottom: none;
	margin-bottom: 76px;
}

form.radio p.radio span {
    color: #555555;
    display: block;
    font: 21px/28px Arial,Helvetica,sans-serif;
    margin: -44px 0 0 29px;
    padding-bottom: 21px;
    padding-top: 21px;
    width: 660px;
}

form.radio p.radio input[type="checkbox"], input[type="radio"] {
	cursor:pointer;
}
*/
#ergebnisseContainer {
  margin-top: 70px;
  padding-bottom: 20px; }

#ergebnisseContainer .ergebnis {
  padding-top: 20px;
  margin-bottom: 55px; }

#ergebnisseContainer .learningaid {
  margin-bottom: 75px; }

#ergebnisseContainer .ergebnis h2 {
  font: 28px/28px Arial, Helvetica, sans-serif;
  color: #696969;
  margin: 9px 0 0 15px;
  font-weight: lighter !important; }

#ergebnisseContainer .ergebnis span {
  width: 220px;
  height: 2px;
  display: block;
  margin: 45px 0 0 14px;
  background-image: url("../img/pattern/ergebnisse-linie-bg.gif"); }

#ergebnisseContainer .ergebnis .block {
  background-image: url("../img/pattern/ergebnisse-bg.gif");
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #b7b7b7;
  height: 188px;
  width: 248px;
  float: left;
  margin-right: 30px; }

/*
#ergebnisseContainer .ergebnis .block-1 {
	background-image:url(../img/pattern/ergebnisse-bg.gif);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #b7b7b7;
	height: 188px;
	width: 248px;
	float:left;
	margin-right: 30px;
}

#ergebnisseContainer .ergebnis .block-2 {
	background-image:url(../img/pattern/ergebnisse-bg.gif);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #b7b7b7;
	height: 188px;
	width: 248px;
	float:left;
	margin-right: 30px;
}

#ergebnisseContainer .ergebnis .block-3 {
	background-image:url(../img/pattern/ergebnisse-bg.gif);
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #b7b7b7;
	height: 188px;
	width: 248px;
	float:left;
}
*/
#ergebnisseContainer form.ergebnisse button {
  margin-left: 9px;
  float: left; }

#ergebnisseContainer form.ergebnisse .floatRight {
  float: right;
  position: relative;
  right: 59px;
  margin-top: -50px; }

#ergebnisseContainer form.ergebnisse .floatRight ul li {
  list-style: none;
  clear: both; }

#ergebnisseContainer form.ergebnisse .floatRight ul li button {
  width: 145px;
  margin-bottom: 20px;
  color: #515151; }

.forum.tab.show {
  min-width: 289px; }

.select-video-box {
  float: left;
  padding-bottom: 10px;
  padding-top: 10px; }

.answer-type-box {
  float: left;
  padding-bottom: 10px;
  padding-top: 10px; }

.select-video, .answer-type {
  float: left;
  min-width: 120px;
  white-space: nowrap; }

.select-video-box .select-video .select-video-row, .answer-type-box .answer-type-row {
  display: inline;
  float: left;
  font: 13px/12px Arial, Helvetica, sans-serif;
  margin-right: 10px;
  margin-top: 0; }

.forum-detail-container {
  padding-left: 10px; }

.forum-detail-container .no-indent {
  padding-left: 0; }

.forum.detail-row {
  padding: 0 0 20px 0; }

.forum.title.detail-row {
  padding-top: 20px; }

.forum input[type="search"] {
  right: 0px; }

.forum .uiBtnSearchIcon {
  right: 12px; }

#forum-video-tab-container .panel-container label {
  margin-bottom: 0; }

/* video upload process  */
/* TODO : extract in own scss file */
.upload-process-container .select-upload-row {
  display: inline;
  float: left;
  font: 16px/16px Arial, Helvetica, sans-serif;
  margin-right: 10px;
  margin-top: 0; }

.upload-process-container {
  background: #ECECEC; }

.video-upload-group, .video-preview-group {
  display: none; }

.videoUploadContentSection.processSelection, .videoUploadContentSection.uploadConatiner {
  margin-bottom: 20px; }

.videoUploadContentSection.uploadConatiner {
  background: white; }

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/
/* Global Declaration */
div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url("../img/uniform/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }

.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button * {
  margin: 0;
  padding: 0; }

/* INPUT & TEXTAREA */
input.text,
input.email,
input.password,
textarea.uniform {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  padding: 3px;
  color: #777;
  background: url("../img/uniform/bg-input-focus.png") repeat-x 0px 0px;
  background: url("../img/uniform/bg-input.png") repeat-x 0px 0px;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-radius: 3px;
  outline: 0; }

input.text:focus,
input.email:focus,
input.password:focus,
textarea.uniform:focus {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
  border-color: #999;
  background: url("../img/uniform/bg-input-focus.png") repeat-x 0px 0px; }

/* SPRITES */
/* Select */
div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px; }

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px; }

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px; }

div.selector:active,
div.selector.active {
  background-position: -483px -156px; }

div.selector:active span,
div.selector.active span {
  background-position: right -26px; }

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px; }

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px; }

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px; }

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px; }

div.selector.disabled {
  background-position: -483px -234px; }

div.selector.disabled span {
  background-position: right -104px; }

/* Checkbox */
div.checker {
  width: 19px;
  height: 19px;
  vertical-align: top; }

div.checker input {
  width: 19px;
  height: 19px; }

div.checker span {
  background-position: -2px -237px;
  height: 20px;
  width: 20px;
  padding: 0px;
  margin: 0px; }

div.checker:active span,
div.checker.active span {
  background-position: -98px -237px; }

div.checker.focus span,
div.checker:hover span {
  background-position: -2px -237px; }

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -98px -237px; }

div.checker span.checked {
  background-position: -98px -237px; }

div.checker:active span.checked,
div.checker.active span.checked {
  background-position: -98px -237px; }

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -98px -237px; }

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -98px -237px; }

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px; }

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px; }

/* Radio */
div.radio {
  width: 18px;
  height: 18px; }

div.radio input {
  width: 18px;
  height: 18px; }

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px; }

div.radio:active span,
div.radio.active span {
  background-position: -18px -279px; }

div.radio.focus span,
div.radio:hover span {
  background-position: -36px -279px; }

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px; }

div.radio span.checked {
  background-position: -72px -279px; }

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px; }

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px; }

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px; }

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px; }

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px; }

/* Uploader */
div.uploader {
  background-position: 0px -297px;
  height: 28px; }

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px; }

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px; }

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px; }

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px; }

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px; }

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px; }

div.uploader.disabled {
  background-position: 0px -325px; }

div.uploader.disabled span.action {
  background-position: right -381px; }

div.button {
  background-position: 0px -523px; }

div.button span {
  background-position: right -643px; }

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px; }

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px; }

div.button.active,
div.button:active {
  background-position: 0px -583px; }

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555; }

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px; }

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default; }

/* PRESENTATION */
/* Button */
div.button {
  height: 30px; }

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px; }

/* Select */
div.selector {
  width: 190px;
  font-size: 12px; }

div.selector select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff; }

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer; }

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff; }

div.selector.disabled span {
  color: #bbb; }

/* Checker */
div.checker {
  /* margin-right: 15px;
  margin-top: -2px;
  margin-left: -40px;*/
  left: 0px;
  top: 2px; }

/* Radio */
div.radio {
  margin-right: 3px; }

/* Uploader */
div.uploader {
  width: 930px;
  cursor: pointer; }

div.uploader span.action {
  width: 85px;
  text-align: center;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold; }

div.uploader span.filename {
  color: #777;
  width: 471px;
  border-right: solid 1px #bbb;
  font-size: 11px; }

div.uploader input {
  left: 3px;
  width: 574px; }

div.uploader.disabled span.action {
  color: #aaa; }

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa; }

/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,
.checker,
.button,
.radio,
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline; }

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0; }

/* Button */
div.button a,
div.button button,
div.button input {
  position: absolute; }

div.button {
  cursor: pointer;
  position: relative; }

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: center; }

/* Select */
div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden; }

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

div.selector select {
  position: absolute;
  opacity: 0;
  height: 25px;
  border: none;
  background: none; }

/* Checker */
div.checker {
  position: relative; }

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center; }

div.checker input {
  opacity: 0;
  display: inline-block;
  background: none; }

/* Radio */
div.radio {
  position: relative; }

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: center; }

div.radio input {
  opacity: 0;
  text-align: center;
  display: inline-block;
  background: none; }

/* Uploader */
div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default; }

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer; }

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default; }

div.uploader input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default; }

/* =============================================================================
   HTML5/Festland Framework

   Notice: Gewisse "pixelgenaue Anpassungen" sind etwas nervig, weil gewisse
   Elemente bereits per Default (margins, paddings etc.) vom Browser mitkriegen.

   Da teilweise Dinge auf Vererbung basieren und andere auf generischen Klassen
   muss man sich etwas zurecht finden. Wenn neue Templates erstellt werden,
   muss natürlich auch das wesentlich in der Struktur beibehalten werden.

   ========================================================================== */
.overViewPanel {
  margin-bottom: 46px; }

.overViewPanel h3 {
  font-size: 1.5em; }

.overViewPanel .statusView {
  float: left;
  width: 303px;
  padding: 8px 17px 17px 17px;
  box-sizing: border-box;
  border-radius: 5px; }

.overViewPanel .statusView:nth-child(3) {
  margin: 0 10px; }

.overViewPanel .statusView h4 {
  font-size: 21px;
  line-height: 35px;
  margin-bottom: 29px;
  margin-top: 0; }

.overViewPanel .overviewTable thead th:nth-child(1) {
  padding-left: 10px; }

.overViewPanel .overviewTable thead th:nth-child(1).sorttable_sorted {
  background: url("../img/sprites/arrow_down_black.png") no-repeat;
  background-size: 11px;
  background-position: 100px 9px; }

.overViewPanel .overviewTable thead th:nth-child(1).sorttable_sorted span {
  display: none; }

.overViewPanel .overviewTable thead th:nth-child(1).sorttable_sorted_reverse {
  background: url("../img/sprites/arrow_up_black.png") no-repeat;
  background-size: 11px;
  background-position: 100px 9px; }

.overViewPanel .overviewTable thead th:nth-child(1).sorttable_sorted_reverse span {
  display: none; }

.overViewPanel .overviewTable thead th:nth-child(2).sorttable_sorted {
  background: url("../img/sprites/arrow_down_black.png") no-repeat;
  background-size: 11px;
  background-position: 73px 9px; }

.overViewPanel .overviewTable thead th:nth-child(2).sorttable_sorted span {
  display: none; }

.overViewPanel .overviewTable thead th:nth-child(2).sorttable_sorted_reverse {
  background: url("../img/sprites/arrow_up_black.png") no-repeat;
  background-size: 11px;
  background-position: 73px 9px; }

.overViewPanel .overviewTable thead th:nth-child(2).sorttable_sorted_reverse span {
  display: none; }

.overViewPanel .overviewTable thead th:nth-child(3) {
  width: 52px;
  max-width: 52px;
  padding-right: 20px;
  text-align: right; }

.overViewPanel .overviewTable thead th:nth-child(4) {
  width: 85px;
  max-width: 85px;
  text-align: right;
  padding-right: 20px; }

.overViewPanel .overviewTable thead th:nth-child(5) {
  width: 100px;
  max-width: 100px;
  text-align: right;
  padding-right: 30px; }

.overViewPanel .overviewTable thead th:nth-child(5).sorttable_sorted {
  background: url("../img/sprites/arrow_down_black.png") no-repeat;
  background-size: 11px;
  background-position: 99px 9px; }

.overViewPanel .overviewTable thead th:nth-child(5).sorttable_sorted span {
  display: none; }

.overViewPanel .overviewTable thead th:nth-child(5).sorttable_sorted_reverse {
  background: url("../img/sprites/arrow_up_black.png") no-repeat;
  background-size: 11px;
  background-position: 99px 9px; }

.overViewPanel .overviewTable thead th:nth-child(5).sorttable_sorted_reverse span {
  display: none; }

.overViewPanel .overviewTable thead th:nth-child(6) {
  width: 85px;
  max-width: 85px;
  text-align: right;
  padding-right: 20px; }

.overViewPanel .overviewTable thead th:nth-child(7) {
  padding-left: 20px; }

.overViewPanel .overviewTable thead th:nth-child(7).sorttable_sorted {
  background: url("../img/sprites/arrow_down_black.png") no-repeat;
  background-size: 11px;
  background-position: 110px 9px; }

.overViewPanel .overviewTable thead th:nth-child(7).sorttable_sorted span {
  display: none; }

.overViewPanel .overviewTable thead th:nth-child(7).sorttable_sorted_reverse {
  background: url("../img/sprites/arrow_up_black.png") no-repeat;
  background-size: 11px;
  background-position: 110px 9px; }

.overViewPanel .overviewTable thead th:nth-child(7).sorttable_sorted_reverse span {
  display: none; }

.overViewPanel .overviewTable tr td:nth-child(1) {
  width: 164px;
  max-width: 164px;
  padding-left: 10px; }

.overViewPanel .overviewTable tr td:nth-child(2) {
  width: 217px;
  max-width: 217px; }

.overViewPanel .overviewTable tr td:nth-child(3) {
  width: 52px;
  max-width: 52px;
  padding-right: 20px;
  text-align: right; }

.overViewPanel .overviewTable tr td:nth-child(4) {
  width: 85px;
  max-width: 85px;
  text-align: right;
  padding-right: 20px; }

.overViewPanel .overviewTable tr td:nth-child(5) {
  width: 85px;
  max-width: 85px;
  text-align: right;
  padding-right: 30px; }

.overViewPanel .overviewTable tr td:nth-child(6) {
  width: 100px;
  max-width: 100px;
  text-align: right;
  padding-right: 20px; }

.overViewPanel .overviewTable tr td:nth-child(7) {
  padding-left: 20px;
  width: 157px; }

.overViewPanel .treemap {
  width: 930px;
  height: 450px; }

.legend.overViewPanel {
  float: right;
  margin-top: 20px; }

.legendView {
  float: left;
  height: 10px;
  width: 56px; }

.legendnumber.overViewPanel {
  margin-top: 16px; }

.legendNumber {
  float: left;
  font-size: 15px;
  width: 49px; }

.legendNumber.num1 {
  width: 56px; }

.legendNumber.num2 {
  width: 39px; }

.legendNumber.last {
  width: 0px; }

.centerContent.no-learningbio {
  margin-top: 25px; }

/* Tourbus leg definitions element */
.tourbus-legs {
  display: none; }

/* Container for tourbus leg */
.tourbus-leg {
  position: absolute;
  visibility: hidden;
  top: 0;
  border: 1px solid #E5E5E5;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background: white; }

/* Interior of leg, clearfixed */
.tourbus-leg-inner {
  padding: 20px;
  position: relative;
  zoom: 1; }

.tourbus-leg-inner:before,
.tourbus-leg-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden; }

.tourbus-leg-inner:after {
  clear: both; }

/*
  remove top padding/margin on headings
  because the interior of the leg has padding
*/
.tourbus-leg h1,
.tourbus-leg h2,
.tourbus-leg h3,
.tourbus-leg h4,
.tourbus-leg h5,
.tourbus-leg h6 {
  margin-top: 0;
  padding-top: 0; }

/* Tourbus leg arrow */
.tourbus-arrow:before,
.tourbus-arrow:after {
  border: solid rgba(0, 0, 0, 0);
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent; }

/* set the :after to be the _interior_ size of the arrow */
/* set the :before to be the _interior + desired border width_ */
.tourbus-arrow:after {
  border-width: 14px; }

.tourbus-arrow:before {
  border-width: 16px; }

/* Arrow background and border colors */
/*
  change margin-top/left values here to
  match the border width for :after above

  border colors here are for the _interior_ of the arrow
*/
.tourbus-arrow-right:after {
  border-right-color: #ffffff;
  margin-top: -14px;
  top: 50%; }

.tourbus-arrow-left:after {
  border-left-color: #ffffff;
  margin-top: -14px;
  top: 50%; }

.tourbus-arrow-bottom:after {
  border-bottom-color: #ffffff;
  margin-left: -14px;
  left: 50%; }

.tourbus-arrow-top:after {
  border-top-color: #ffffff;
  margin-left: -14px;
  left: 50%; }

/*
  change margin-top/left values here to
  match the border width for :before above

  border colors here are for the _border_ of the arrow
*/
.tourbus-arrow-right:before {
  border-right-color: #e5e5e5;
  margin-top: -16px;
  top: 50%; }

.tourbus-arrow-left:before {
  border-left-color: #e5e5e5;
  margin-top: -16px;
  top: 50%; }

.tourbus-arrow-bottom:before {
  border-bottom-color: #e5e5e5;
  margin-left: -16px;
  left: 50%; }

.tourbus-arrow-top:before {
  border-top-color: #e5e5e5;
  margin-left: -16px;
  left: 50%; }

/* you shouldn't need to change these */
.tourbus-arrow-right:after,
.tourbus-arrow-right:before {
  right: 100%; }

.tourbus-arrow-left:after,
.tourbus-arrow-left:before {
  left: 100%; }

.tourbus-arrow-bottom:after,
.tourbus-arrow-bottom:before {
  bottom: 100%; }

.tourbus-arrow-top:after,
.tourbus-arrow-top:before {
  top: 100%; }

/*
	FESTLAND CUSTOM STYLE
*/
body .tourbus-leg {
  margin-top: 0; }

body.sticky .tourbus-leg {
  margin-top: -59px; }

.ipad-next {
  display: block !important; }

.ipad-close {
  display: none !important; }

.tourbus-leg {
  /*
	box-shadow: 0 0 3px 1px #b9b9b9;
	-moz-box-shadow: 0 0 3px 1px #b9b9b9;
	-webkit-box-shadow: 0 0 3px 1px #b9b9b9;
	-o-box-shadow: 0 0 3px 1px #b9b9b9;
	*/ }

.tourbus-leg-inner p {
  font-family: "Fedra Sans Light";
  color: #555555;
  font-size: 25px; }

.tourbus-leg-inner > p:first-child {
  margin: 20px 0 0; }

/*
		.tourbus-leg-inner .close-icon {
			background: url("../../img/tutorial/schliessen.gif") no-repeat scroll right top transparent;
			cursor: pointer;
			font-size: 11px;
			height: 20px;
			overflow: hidden;
			padding-top: 4px;
			position: absolute;
			right: 7px;
			top: 7px;
			width: 166px;
			z-index: 2;
		}
		.tourbus-leg-inner .close-icon:hover {
			color:#515151;
		}
		*/
.tourbus-leg-inner .next-icon,
.tourbus-leg-inner .close-icon {
  background-color: #f5f5f5;
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background-image: linear-gradient(center top, #f9f9f9, #eaeaea);
  /* Standard syntax */
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  color: #717171 !important;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neueu",Helvetica,Arial,sans-serif;
  font-size: 12px !important;
  margin-left: 5px;
  padding: 3px 8px;
  text-decoration: none !important;
  text-shadow: 0 1px 0 white;
  margin-top: 10px;
  float: right; }

.tourbus-leg-inner .next-icon:hover,
.tourbus-leg-inner .close-icon:hover {
  /* css3 box-shadow */
  box-shadow: -1px 1px 3px -1px #B9B9B9;
  -moz-box-shadow: -1px 1px 3px -1px #B9B9B9;
  -webkit-box-shadow: -1px 1px 3px -1px #B9B9B9;
  -o-box-shadow: -1px 1px 3px -1px #B9B9B9; }

.tourbus-leg-inner .set-cookie {
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background-image: linear-gradient(center bottom, #363636 20%, #525252 60%);
  /* Standard syntax */
  background-image: -ms-linear-gradient(to bottom, #363636 20%, #525252 60%);
  /* Internet Explorer	 */
  background-color: #525252;
  border: 1px solid #474747;
  color: #fff !important;
  text-shadow: none;
  float: left;
  margin-left: 0; }

.tooltip-info {
  display: inline-block;
  width: 80%; }

.tooltip-image {
  background: url("../img/tutorial/tooltip-reference.png") 0 0 no-repeat;
  display: inline-block;
  float: right;
  height: 104px;
  width: 104px; }

.slick-slider-focusNews,
.slick-slider-recommendedTasks {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease; }

.slick-slider-focusNews.slick-initialized,
.slick-slider-recommendedTasks.slick-initialized {
  visibility: visible;
  opacity: 1; }

.slick-slider-focusNews .slick-track,
.slick-slider-recommendedTasks .slick-track {
  padding: 23px 0 77px 0; }

.recommendedTasks h2,
.focusNews h2 {
  text-align: center;
  font-size: 30px;
  line-height: 24px;
  padding: 0; }

.recommendedTasks h2 {
  margin: 35px 0 40px 0; }

.focusNews h2 {
  margin: 25px 0 35px 0; }

.focusNews {
  background: #ffffff;
  border-top: 0; }

.focusNews .contentSection .ulFloat {
  min-width: 930px; }

.recommendedTasks {
  border-top: 0;
  padding: 1px 0 0;
  margin: 0; }

.recommendedTasks.contentSection .ulFloat {
  min-width: 930px; }

.focusNews .slick-slider .slick-slide,
.recommendedTasks .slick-slider .slick-slide {
  transition: all 1s ease-in-out; }

.focusNews .slick-slider .slick-slide.slick-center,
.recommendedTasks .slick-slider .slick-slide.slick-center {
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  color: #e67e22;
  transform: scale(1.4); }

.slick-slide {
  margin: 45px 40px 0; }

/* CUSTOM*/
.slick-prev:before,
.slick-next:before {
  content: "";
  width: 13px;
  height: 13px;
  /* IE 9 */
  /* Safari */
  transform: rotate(45deg);
  position: absolute;
  top: 0; }

.slick-next:before {
  border-right: 2px solid #FF8D00;
  border-top: 2px solid #FF8D00;
  left: 0; }

.slick-prev:before {
  border-left: 2px solid #FF8D00;
  border-bottom: 2px solid #FF8D00;
  right: 0; }

.slick-next,
.slick-prev {
  height: 33px;
  width: 33px;
  z-index: 100; }

.slick-prev {
  left: -55px; }

.slick-next {
  right: -55px; }

.contentSection .contentSectionUl {
  overflow: visible; }

/*.contentSection .ulFloat {
	min-width:930px;
}*/
* + html .contentSection .contentSectionUl .hoverLiTPFocus .description,
* + html .contentSection .contentSectionUl .hoverLiTP .description {
  position: relative; }

.contentSection .ulFloat .slick-slider .hoverLiTPFocus,
.contentSection .ulFloat .slick-slider .hoverLiTP {
  width: 256px;
  height: 245px; }

.contentSection .ulFloat .slick-slider .hoverLiTPFocus .description,
.contentSection .ulFloat .slick-slider .hoverLiTP .description {
  font-size: 11px;
  line-height: 18px;
  min-height: 120px; }

.contentSection .ulFloat .slick-slider .hoverLiTPFocus .description .hoverHeadline,
.contentSection .ulFloat .slick-slider .hoverLiTPFocus .description .hoverHeadlineExam,
.contentSection .ulFloat .slick-slider .hoverLiTP .description .hoverHeadline,
.contentSection .ulFloat .slick-slider .hoverLiTP .description .hoverHeadlineExam {
  font-size: 11px;
  line-height: 18px; }

.contentSection .ulFloat .slick-slider .hoverLiTPFocus .description .hoverHeadline a,
.contentSection .ulFloat .slick-slider .hoverLiTPFocus .description .hoverHeadlineExam a,
.contentSection .ulFloat .slick-slider .hoverLiTP .description .hoverHeadline a,
.contentSection .ulFloat .slick-slider .hoverLiTP .description .hoverHeadlineExam a {
  font-size: 18px;
  line-height: 24px; }

.contentSection .ulFloat .slick-slider .hoverLiTPFocus .description .toggleContainerHover,
.contentSection .ulFloat .slick-slider .hoverLiTP .description .toggleContainerHover {
  -webkit-animation: teaseranimation-outSlider .2s ease-in;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: teaseranimation-outSlider .2s ease-in;
  /* IE 10+, Fx 29+ */ }

.contentSection .ulFloat .slick-slider .hoverLiTPFocus section,
.contentSection .ulFloat .slick-slider .hoverLiTP section {
  position: relative; }

.contentSection .ulFloat .slick-slider .hoverLiTPFocus section img,
.contentSection .ulFloat .slick-slider .hoverLiTP section img {
  border-radius: 4px 4px 0px 0px;
  width: 256px;
  height: auto; }

.contentSection .ulFloat .slick-slider .hoverLiTPFocus:hover .description .toggleContainerHover,
.contentSection .ulFloat .slick-slider .hoverLiTP:hover .description .toggleContainerHover {
  opacity: 1;
  height: 119px;
  -webkit-animation: teaseranimationSlider .5s ease-in-out;
  /* Safari 4+ */
  /* Fx 5+ */
  /* Opera 12+ */
  animation: teaseranimationSlider .5s ease-in-out;
  /* IE 10+, Fx 29+ */ }

.slick-dotted.slick-slider {
  margin-bottom: 43px; }

.slick-dots {
  bottom: -22px;
  position: relative;
  height: 30px; }

.slick-dots li {
  width: 12px; }

.slick-dots li button {
  width: 12px;
  height: 12px; }

.slick-dots li button:before {
  content: "";
  border: 1px solid #515151;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  opacity: 1; }

.slick-dots li.slick-active button:before {
  background: #515151; }

@-webkit-keyframes teaseranimationSlider {
  0% {
    opacity: 0;
    height: 0; }
  10% {
    opacity: 0; }
  50% {
    opacity: 1;
    height: 119px; }
  100% {
    opacity: 1;
    height: 119px; } }

@keyframes teaseranimationSlider {
  0% {
    opacity: 0;
    height: 0; }
  10% {
    opacity: 0; }
  50% {
    opacity: 1;
    height: 119px; }
  100% {
    opacity: 1;
    height: 119px; } }

@-webkit-keyframes teaseranimation-outSlider {
  0% {
    opacity: 1;
    height: 119px; }
  10% {
    opacity: 1;
    height: 119px; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0;
    height: 0; } }

@keyframes teaseranimation-outSlider {
  0% {
    opacity: 1;
    height: 119px; }
  10% {
    opacity: 1;
    height: 119px; }
  50% {
    opacity: 0; }
  100% {
    opacity: 0;
    height: 0; } }

/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Less than 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
--------------------------------------------------------------------*/
/* ------------------------------------------------
  [1] Base Styles
-------------------------------------------------*/
[data-microtip] {
  position: relative; }

[data-microtip]:before,
[data-microtip]:after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top; }

[data-microtip]:before {
  background-size: 100% auto !important;
  content: ""; }

[data-microtip]:after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #ffffff;
  content: attr(data-microtip);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: .5em 1em;
  white-space: nowrap;
  box-sizing: content-box; }

[data-microtip]:hover:before,
[data-microtip]:hover:after {
  opacity: 1;
  pointer-events: auto; }

/* ------------------------------------------------
  [2] Position Modifiers
-------------------------------------------------*/
[data-microtip-position|="top"]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px; }

[data-microtip-position|="top"]:after {
  margin-bottom: 11px; }

[data-microtip-position|="top"]:before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%; }

[data-microtip-position|="top"]:hover:before {
  transform: translate3d(-50%, -5px, 0); }

[data-microtip-position|="top"]:after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%; }

[data-microtip-position="top"]:hover:after {
  transform: translate3d(-50%, -5px, 0); }

/* ------------------------------------------------
  [2.1] Top Left
-------------------------------------------------*/
[data-microtip-position="top-left"]:after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%; }

[data-microtip-position="top-left"]:hover:after {
  transform: translate3d(calc(-100% + 16px), -5px, 0); }

/* ------------------------------------------------
  [2.2] Top Right
-------------------------------------------------*/
[data-microtip-position="top-right"]:after {
  transform: translate3d(calc(0% + -16px), 0, 0);
  bottom: 100%; }

[data-microtip-position="top-right"]:hover:after {
  transform: translate3d(calc(0% + -16px), -5px, 0); }

/* ------------------------------------------------
  [2.3] Bottom
-------------------------------------------------*/
[data-microtip-position|="bottom"]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0; }

[data-microtip-position|="bottom"]:after {
  margin-top: 11px; }

[data-microtip-position|="bottom"]:before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%; }

[data-microtip-position|="bottom"]:hover:before {
  transform: translate3d(-50%, 0, 0); }

[data-microtip-position|="bottom"]:after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%; }

[data-microtip-position="bottom"]:hover:after {
  transform: translate3d(-50%, 0, 0); }

/* ------------------------------------------------
  [2.4] Bottom Left
-------------------------------------------------*/
[data-microtip-position="bottom-left"]:after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%; }

[data-microtip-position="bottom-left"]:hover:after {
  transform: translate3d(calc(-100% + 16px), 0, 0); }

/* ------------------------------------------------
  [2.5] Bottom Right
-------------------------------------------------*/
[data-microtip-position="bottom-right"]:after {
  transform: translate3d(calc(0% + -16px), -10px, 0);
  top: 100%; }

[data-microtip-position="bottom-right"]:hover:after {
  transform: translate3d(calc(0% + -16px), 0, 0); }

/* ------------------------------------------------
  [2.6] Left
-------------------------------------------------*/
[data-microtip-position="left"]:before,
[data-microtip-position="left"]:after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0); }

[data-microtip-position="left"]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0; }

[data-microtip-position="left"]:after {
  margin-right: 11px; }

[data-microtip-position="left"]:hover:before,
[data-microtip-position="left"]:hover:after {
  transform: translate3d(0, -50%, 0); }

/* ------------------------------------------------
  [2.7] Right
-------------------------------------------------*/
[data-microtip-position="right"]:before,
[data-microtip-position="right"]:after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0); }

[data-microtip-position="right"]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px; }

[data-microtip-position="right"]:after {
  margin-left: 11px; }

[data-microtip-position="right"]:hover:before,
[data-microtip-position="right"]:hover:after {
  transform: translate3d(0, -50%, 0); }

/* ------------------------------------------------
  [3] Size
-------------------------------------------------*/
[data-microtip-size="small"]:after {
  white-space: initial;
  width: 80px; }

[data-microtip-size="medium"]:after {
  white-space: initial;
  width: 150px; }

[data-microtip-size="large"]:after {
  white-space: initial;
  width: 260px; }

.input-videoembedcode {
  max-width: 500px;
  max-height: 110px; }

[data-microtip]:after {
  background: rgba(255, 255, 255, 0.9);
  color: #555555;
  border: 1px solid #E5E5E5;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }

[data-microtip-position="right"]:before {
  background: url("../img/sprites/left-arrow.png") no-repeat;
  height: 15px;
  width: 8px;
  margin-bottom: 0;
  margin-left: 3px; }

.tx-bewegunglesen-forum ul .hoverLi.forum .description {
  position: relative; }

.tx-bewegunglesen-forum ul .hoverLi.forum .hoverMeta.question {
  min-height: 96px; }

.tx-bewegunglesen-forum ul .hoverLi.forum .hoverMeta {
  box-shadow: none; }

.tx-bewegunglesen-forum .answer-type {
  position: relative; }

.tx-bewegunglesen-forum .answerOption1Tooltip,
.tx-bewegunglesen-forum .answerOption2Tooltip,
.tx-bewegunglesen-forum .answerOption3Tooltip {
  border: 1px solid #DDDDDD;
  color: grey;
  border-radius: 4px 4px 4px 4px;
  padding: 7px;
  background: white;
  width: auto;
  margin-top: -29px;
  float: right;
  position: absolute;
  top: -10px;
  left: 0;
  font-size: 11px; }

.tx-bewegunglesen-forum .answerOption1Tooltip div,
.tx-bewegunglesen-forum .answerOption2Tooltip div,
.tx-bewegunglesen-forum .answerOption3Tooltip div {
  background: url(../img/sprites/mainsprite.png) no-repeat scroll transparent;
  background-position: -12px -90px;
  margin-bottom: -9px;
  height: 14px;
  left: 8px;
  position: absolute;
  width: 17px;
  transform: rotate(270deg);
  bottom: 3px; }

.tx-bewegunglesen-forum .klassenname li label {
  display: inline-block;
  margin: 0;
  margin-left: 10px;
  font: 13px/12px Arial, Helvetica, sans-serif; }

.tx-bewegunglesen-forum .klassenname li label span {
  margin: 0; }

.tx-bewegunglesen-forum .videoUploadContentSection .centerContent {
  width: 100%; }

.tx-bewegunglesen-forum .videoUploadContentSection .select-video-content .select-upload-process-container .upload-process-container {
  background: none;
  float: left;
  width: 32.4%; }

.tx-bewegunglesen-forum .videoUploadContentSection .select-video-content .select-upload-process-container .upload-process-container:first-child {
  width: 35%; }

.tx-bewegunglesen-forum .videoUploadContentSection .select-video-content .select-upload-process-container .upload-process-container input[type='radio']:not(checked),
.tx-bewegunglesen-forum .videoUploadContentSection .select-video-content .select-upload-process-container .upload-process-container input[type='radio']:checked {
  display: none; }

.tx-bewegunglesen-forum .videoUploadContentSection .select-video-content .select-upload-process-container .upload-process-container input[type='radio']:not(checked) + label {
  background: #2e2e2e;
  color: white !important;
  line-height: 2em;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 41px;
  display: block;
  border: 1px solid #2e2e2e;
  height: 41px; }

.tx-bewegunglesen-forum .videoUploadContentSection .select-video-content .select-upload-process-container .upload-process-container input[type='radio']:not(checked) + label .select-upload-row {
  line-height: 41px;
  font-size: 14px;
  text-align: center;
  display: block;
  width: 100%;
  margin: 0; }

.tx-bewegunglesen-forum .videoUploadContentSection .select-video-content .select-upload-process-container .upload-process-container input[type='radio']:checked + label {
  background: #ffffff;
  position: relative;
  border-color: #E5E5E5;
  margin: 0;
  width: 100%;
  border-bottom: 0;
  height: 42px;
  color: #515151 !important; }

.tx-bewegunglesen-forum .videoUploadContentSection.processSelection {
  margin: 0;
  float: none;
  height: 43px; }

.tx-bewegunglesen-forum .videoUploadContentSection.inputConatiner, .tx-bewegunglesen-forum .videoUploadContentSection.previewContainer {
  background: #ffffff;
  padding: 20px; }

.tx-bewegunglesen-forum .videoUploadContentSection.inputConatiner h4, .tx-bewegunglesen-forum .videoUploadContentSection.previewContainer h4 {
  margin: 0; }

.tx-bewegunglesen-forum .videoUploadContentSection.inputConatiner {
  border: 1px solid #E5E5E5;
  border-top: 0; }

.tx-bewegunglesen-forum .videoUploadContentSection.inputConatiner div.uploader {
  width: 100%; }

.tx-bewegunglesen-forum .videoUploadContentSection.inputConatiner .forum.detail-row {
  padding: 0 0 10px 0; }

.tx-bewegunglesen-forum .videoUploadContentSection.inputConatiner .forum.detail-row.title {
  padding: 0 0 20px 0; }

.tx-bewegunglesen-forum .videoUploadContentSection.inputConatiner .forum.detail-row.label {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px 0; }

.tx-bewegunglesen-forum .videoUploadContentSection.inputConatiner .video-upload-group h4 {
  margin: 0 0 10px 0; }

.tx-bewegunglesen-forum .videoUploadContentSection.inputConatiner .video-upload-group div.uploader span.action {
  text-shadow: none; }

.tx-bewegunglesen-forum .videoUploadContentSection.previewContainer {
  border: 1px solid #E5E5E5;
  border-top: 0;
  min-height: 660px; }

.tx-bewegunglesen-forum .videoUploadContentSection.previewContainer h4 {
  margin: 0 0 10px 0; }

.tx-bewegunglesen-forum .videoUploadContentSection.previewContainer .forum.detail-row .videotitle,
.tx-bewegunglesen-forum .videoUploadContentSection.previewContainer .forum.detail-row .tasktitle {
  font-size: 14px;
  padding: 0 0 4px 0; }

.tx-bewegunglesen-forum .videoUploadContentSection.previewContainer #videoTask_search {
  width: 890px !important;
  height: 501px !important; }

.tx-bewegunglesen-forum .videoUploadContentSection.previewContainer #videoTask_upload {
  width: 880px !important;
  height: 495px !important; }

.tx-bewegunglesen-forum .videoPreviewImage .uploader {
  width: 68%; }

.tx-bewegunglesen-forum .exampleiframe {
  color: #515151;
  font-size: 13px; }

.tx-bewegunglesen-forum .forumpost-answer-container-hidden {
  display: none; }

.tx-bewegunglesen-forum form .textInput {
  font-family: "Arial", sans-serif; }

.tx-bewegunglesen-forum .detail-view-forum .centerContent .content-container.postinformation {
  color: #515151;
  position: absolute;
  right: 0;
  top: 55px;
  font-size: 13px;
  line-height: 17px; }

.tx-bewegunglesen-forum .detail-view-forum .insideHeader {
  color: #515151;
  max-height: 100%; }

.tx-bewegunglesen-forum .detail-view-forum .insideHeader h3 {
  float: left; }

.tx-bewegunglesen-forum .detail-view-forum .insideHeader .content-container.postinformation {
  float: right;
  padding: 22px 0; }

.tx-bewegunglesen-forum .detail-view-forum .forum-post-detail {
  color: #515151;
  margin: 0 0 50px 0; }

.tx-bewegunglesen-forum .detail-view-forum .forum-post-detail h4 {
  display: block;
  margin-top: 35px;
  font-size: 22px;
  line-height: 24px;
  color: #515151;
  margin-bottom: 14px; }

.tx-bewegunglesen-forum .detail-view-forum .forum-post-detail p {
  margin: 0 0 10px 0; }

.tx-bewegunglesen-forum .detail-view-forum .embedded-video-preview iframe {
  width: 100% !important;
  height: 523px !important; }

.tx-bewegunglesen-forum .detail-view-forum .videopreview {
  color: #515151; }

.tx-bewegunglesen-forum .detail-view-forum .videopreview .video-preview-container {
  min-height: 560px; }

.tx-bewegunglesen-forum .detail-view-forum .answer {
  color: #515151;
  padding: 10px 0;
  margin: 10px 0;
  border-bottom: 1px solid #E5E5E5;
  position: relative; }

.tx-bewegunglesen-forum .detail-view-forum .answer .answer-remove {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 2; }

.tx-bewegunglesen-forum .detail-view-forum .answer .answer-remove a {
  /*	background: no-repeat right top url(/typo3conf/ext/bewegunglesen/Resources/Public/Icons/noun_929129.svg);
					background-size: 20px;
					width: 22px;
					height: 30px;
					display: block;*/
  background-position: -69px -29px;
  background-image: url(../img/sprites/mainsprite.png);
  height: 26px;
  margin-left: -13px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px; }

.tx-bewegunglesen-forum .detail-view-forum .answer .answer-metadata {
  margin: 0 0 10px 0; }

.tx-bewegunglesen-forum .detail-view-forum .answer .answer-metadata .answer-date, .tx-bewegunglesen-forum .detail-view-forum .answer .answer-metadata .answer-author {
  display: inline-block;
  font-weight: bold; }

.tx-bewegunglesen-forum .detail-view-forum .answer p {
  margin: 0 0 10px 0; }

.tasktype-selection-container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.tasktype-selection-container .tasktype-selection.tasklist-header {
  float: left;
  padding-right: 35px;
  cursor: pointer; }

.tasktype-selection-container .tasktype-selection.tasklist-header > h2 {
  padding: 0;
  font-size: 30px;
  line-height: 55px;
  font-weight: 300;
  color: #515151; }

.tasktype-selection-container .tasktype-selection.tasklist-header > h3 {
  padding: 0;
  margin: 0;
  font-size: 20px;
  line-height: 23px;
  height: 36px; }

.tasktype-selection-container .tasktype-selection.tasklist-header.active > h2 {
  color: #FF8D00;
  position: relative; }

.tasktype-selection-container .tasktype-selection.tasklist-header.active > h2:after {
  content: '';
  border-bottom: 2px solid #FF8D00;
  display: block;
  width: 100%;
  position: absolute;
  bottom: -36px; }

.tasktype-selection-container .tasktype-selection.tasklist-header.active > h3 {
  color: #FF8D00;
  position: relative; }

.tasktype-selection-container .tasktype-selection.tasklist-header.active > h3:after {
  content: '';
  border-bottom: 2px solid #FF8D00;
  display: block;
  width: 100%;
  position: absolute;
  bottom: -6px; }

.tasklist-container, .tasklist-container-offcanvas {
  display: none; }

.tasklist-container.active, .tasklist-container-offcanvas.active {
  display: block; }

#boswLogoArea {
  float: right; }

#worlddidacLogoArea {
  float: right;
  position: relative;
  margin: 0 15px 0 0; }

#mainFooter {
  position: relative;
  top: 30px;
  padding-top: 30px;
  background: #606060;
  font-size: 13px;
  line-height: 19px; }

#mainFooter ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

#mainFooter ul li {
  float: left;
  padding-right: 23px; }

/* reset the last padding on .lastLi */
#mainFooter ul li.lastLi {
  padding-left: 353px;
  padding-right: 0; }

#mainFooter ul li nav a {
  color: white;
  display: block; }

#mainFooter div nav ul li ul li {
  float: none;
  padding-right: 0px; }

#mainFooter div nav ul li ul a {
  color: #b4b4b4; }

#mainFooter ul li address {
  font-style: normal;
  color: white; }

#mainFooter ul li address ul li {
  padding-right: 0;
  padding-left: 26px; }

/* only for test here */
#mainFooter ul li address a {
  color: white; }

#mainFooter ul li address a:hover {
  color: #FF8D00;
  border-bottom: 1px dotted #FF8D00; }

#mainFooter .centerContent.clearfix > nav:first-child {
  height: 100px;
  min-width: 850px; }

#mainFooter .centerContent.clearfix > nav {
  float: left; }

#mainFooter .meta-nav.lang {
  font-size: 13px;
  line-height: 12px;
  margin: 0 0 0 50px;
  position: relative;
  top: auto; }

#mainFooter .meta-nav.lang li {
  padding: 0 10px; }

.welcome {
  margin-top: 70px;
  position: absolute; }

#closeWelcome {
  background: url("../img/tutorial/schliessen.gif") no-repeat scroll right top transparent;
  cursor: pointer;
  font-size: 11px;
  height: 20px;
  overflow: hidden;
  padding-top: 4px;
  position: absolute;
  right: 0;
  top: 7px;
  width: 166px;
  z-index: 2; }

#closeWelcome:hover {
  color: #515151; }

.welcome em {
  color: #FF8800;
  display: block;
  font-family: "Fedra Sans Light";
  font-size: 30px;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  line-height: 40px;
  margin-bottom: 30px; }

.welcome #tutorialStart {
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer; }

.tutorial {
  width: 910px;
  height: 490px;
  margin-left: -7px;
  padding: 18px;
  position: absolute;
  margin-top: 40px;
  background: url("../img/tutorial/WhiteBoxBig.jpg") no-repeat scroll 0 0 transparent; }

.tutorial .wrapper {
  overflow: hidden; }

.tutorial ul {
  list-style-type: none; }

.tutorial ul li {
  display: inline-block;
  float: left;
  max-width: inherit;
  width: 910px; }

.tutorial p,
section.defaultContent .tutorial p {
  color: #555555;
  display: block;
  font-family: "Fedra Sans Light";
  font-size: 25px;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  line-height: 35px;
  margin-bottom: 30px;
  margin-top: 30px;
  margin-left: 50px;
  margin-right: 50px; }

.tutorial .pagingnationWrapper {
  bottom: 1px;
  position: absolute;
  right: 24px; }

.centerContent.welcomeWrapper .clearfix,
.centerContent.welcomeWrapper .tutorial ul {
  clear: both;
  max-width: inherit; }

/*.contentSection form label*/
.tx-srfeuserregister-pi1 form fieldset dl dt,
.tx-felogin-pi1 form fieldset dl dt {
  text-align: left;
  width: 100%; }

.tx-srfeuserregister-pi1 form fieldset dl dt label,
.tx-felogin-pi1 form fieldset dl dt label {
  color: #515151;
  cursor: pointer;
  display: block;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px 0;
  padding: 0; }

.tx-srfeuserregister-pi1 form fieldset dl dd,
.tx-felogin-pi1 form fieldset dl dd {
  margin: 0 0 20px;
  position: relative;
  width: 100%; }

.tx-srfeuserregister-pi1 form fieldset dl dd input, .tx-srfeuserregister-pi1 form fieldset dl dd textarea,
.tx-felogin-pi1 form fieldset dl dd input,
.tx-felogin-pi1 form fieldset dl dd textarea {
  width: 98.4%; }

.tx-srfeuserregister-pi1 form fieldset dl dd input[type="checkbox"], .tx-srfeuserregister-pi1 form fieldset dl dd textarea[type="checkbox"],
.tx-felogin-pi1 form fieldset dl dd input[type="checkbox"],
.tx-felogin-pi1 form fieldset dl dd textarea[type="checkbox"] {
  width: auto; }

.tx-srfeuserregister-pi1 form fieldset dl dd.field_gender label,
.tx-felogin-pi1 form fieldset dl dd.field_gender label {
  color: #515151;
  float: left;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
  padding: 0;
  width: auto;
  display: inline-block;
  padding-right: 10px; }

.tx-srfeuserregister-pi1 form fieldset label,
.tx-felogin-pi1 form fieldset label {
  font-size: 16px;
  line-height: 24px; }

.tx-srfeuserregister-pi1 form fieldset .field_gender #uniform-tx-srfeuserregister-pi1-gender-0,
.tx-srfeuserregister-pi1 form fieldset .field_gender #uniform-tx-srfeuserregister-pi1-gender-1,
.tx-felogin-pi1 form fieldset .field_gender #uniform-tx-srfeuserregister-pi1-gender-0,
.tx-felogin-pi1 form fieldset .field_gender #uniform-tx-srfeuserregister-pi1-gender-1 {
  margin: 0 7px 0 0;
  float: left;
  clear: initial; }

.tx-srfeuserregister-pi1 form fieldset .form-field-row,
.tx-felogin-pi1 form fieldset .form-field-row {
  clear: both;
  display: block;
  float: none; }

.tx-srfeuserregister-pi1 form fieldset .form-field-row .fullwidth,
.tx-felogin-pi1 form fieldset .form-field-row .fullwidth {
  width: 100%; }

.tx-srfeuserregister-pi1 form fieldset .form-field-row .fifty-fifty,
.tx-felogin-pi1 form fieldset .form-field-row .fifty-fifty {
  float: left;
  width: 48.5%; }

.tx-srfeuserregister-pi1 form fieldset .form-field-row .fifty-fifty:first-child,
.tx-felogin-pi1 form fieldset .form-field-row .fifty-fifty:first-child {
  margin: 0 2% 0 0; }

.tx-srfeuserregister-pi1 form fieldset .form-field-row .fifty-fifty .msg-label.err,
.tx-felogin-pi1 form fieldset .form-field-row .fifty-fifty .msg-label.err {
  right: -7px; }

.tx-srfeuserregister-pi1 p.tx-srfeuserregister-pi1-terms,
.tx-felogin-pi1 p.tx-srfeuserregister-pi1-terms {
  width: 400px;
  font-size: 13px;
  line-height: 19px;
  color: #2E2E2E; }

.tx-srfeuserregister-pi1 #tx-srfeuserregister-pi1-terms_acknowledged,
.tx-felogin-pi1 #tx-srfeuserregister-pi1-terms_acknowledged {
  margin-right: 10px;
  float: left; }

/* LOGIN FORM */
.tx-felogin-pi1 .additional-infos {
  display: block;
  margin: 0 0 35px 0; }

.tx-felogin-pi1 .msg.msg-error {
  margin: 0 0 40px;
  padding: 20px; }

.tx-felogin-pi1 .msg.msg-error h3 {
  margin: 0 0 9px; }

.tx-felogin-pi1 .msg.msg-error p {
  font-family: "Arial", sans-serif; }

/* FEHLERMELDUNGEN */
.msg-label.err, .msg-label.schoolclass-ok {
  left: auto;
  position: absolute;
  right: 0;
  top: -40px;
  width: auto;
  margin: 0; }

.classchange .msg-label.err, .classchange .msg-label.schoolclass-ok {
  top: 182px; }

.classjoin .msg-label.err, .classjoin .msg-label.schoolclass-ok {
  top: 106px; }

/* REGISTRATION SELECTBOX */
.defaultContent .tx-srfeuserregister-pi1 ul, .femanager_new.create_user_profile ul {
  list-style: none;
  list-style-image: none;
  height: 350px;
  width: 300px;
  overflow-y: scroll; }

.defaultContent ul.femanager_error {
  height: auto;
  width: 96%;
  padding-left: 30px; }

.register-container {
  float: left; }

.tx-fl-sportplan .trial-teaser .license-title {
  font-size: 30px;
  line-height: 1.15;
  margin: 12px 0 15px 0px;
  color: #ff8d00; }

.tx-fl-sportplan .trial-teaser p {
  margin-top: 0;
  margin-bottom: 5px; }

.tx-fl-sportplan .inner-layout-max-width {
  max-width: 930px;
  margin: 0 auto;
  margin-top: 29px; }

.tx-fl-sportplan .license-title {
  margin-top: 22px; }

.tx-fl-sportplan .progress-bar {
  margin-top: 10px;
  border: 1px solid #b7b7b7;
  height: 12px;
  width: 70%;
  display: block;
  border-radius: 4px 4px 4px 4px;
  background-image: linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -ms-linear-gradient(to bottom, #f0f0f0 20%, #f8f8f8 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #f0f0f0), color-stop(0.6, #f8f8f8)); }

.tx-fl-sportplan .progress-bar .progress-bar-state {
  border: 1px solid #fd6e00;
  background-image: linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -ms-linear-gradient(to bottom, #fd6e00 20%, #ff9500 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #fd6e00), color-stop(0.6, #ff9500));
  display: block;
  min-width: 0;
  max-width: 100%;
  border-radius: 3px 3px 3px 3px;
  height: 10px; }

section.defaultContent .trial-teaser a.button,
section.defaultContent .trial-teaser a:link.button,
.tx-fl-sportplan .trial-teaser a.button,
.tx-fl-sportplan .trial-teaser a:link.button {
  min-width: 125px;
  border: 1px solid #474747;
  border-radius: 4px;
  background-image: linear-gradient(to bottom, #363636 20%, #525252 60%);
  background-image: -ms-linear-gradient(to bottom, #363636 20%, #525252 60%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.2, #363636), color-stop(0.6, #525252)); }

section.defaultContent .trial-teaser a.button:hover,
section.defaultContent .trial-teaser a:link.button:hover,
.tx-fl-sportplan .trial-teaser a.button:hover,
.tx-fl-sportplan .trial-teaser a:link.button:hover {
  box-shadow: 0px 0px 4px #888;
  -webkit-box-shadow: 0px 0px 4px #888;
  -moz-box-shadow: 0px 0px 4px #888;
  -o-box-shadow: 0px 0px 4px #888; }

.femanager_flashmessages > div {
  background-position: 10px 12px;
  background-repeat: no-repeat; }

.femanager_flashmessages > .message-2 {
  background-image: url("/typo3conf/ext/fl_femanagerextend/Resources/Public/Icons/error.png"); }

.femanager_flashmessages > .message-1 {
  background-image: url("/typo3conf/ext/fl_femanagerextend/Resources/Public/Icons/warning.png"); }

.femanager_flashmessages > .message-0 {
  background-image: url("/typo3conf/ext/fl_femanagerextend/Resources/Public/Icons/notice.png"); }

.femanager_flashmessages > .message--1 {
  background-image: url("/typo3conf/ext/fl_femanagerextend/Resources/Public/Icons/information.png"); }

.femanager_flashmessages > .message--2 {
  background-image: url("/typo3conf/ext/fl_femanagerextend/Resources/Public/Icons/notice.png"); }

.femanager_note {
  background-image: url("/typo3conf/ext/fl_femanagerextend/Resources/Public/Icons/notice.png"); }

.femanager_error {
  background-image: url("/typo3conf/ext/fl_femanagerextend/Resources/Public/Icons/error.png"); }

.we-love-cookies {
  border: 1px solid #f2f2f2;
  background-color: #ffffff;
  color: #666666;
  position: fixed;
  bottom: 60px;
  right: 3%;
  left: 3%;
  width: auto;
  padding: 27px 15px 15px 15px;
  font-size: 12px;
  line-height: 18px;
  text-align: left;
  z-index: 1001; }

@media print {
  .we-love-cookies {
    display: none; } }

.we-love-cookies--closed {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity .3s, transform .3s; }

.we-love-cookies a {
  display: inline-block;
  color: #666666;
  text-decoration: underline;
  font-size: 12px;
  line-height: 18px; }

.we-love-cookies__close {
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 0 15px 0 0;
  cursor: pointer;
  font-size: 12px;
  line-height: 15px; }

.we-love-cookies__icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px; }

@media only screen and (min-width: 770px) {
  .we-love-cookies {
    right: 20px;
    left: auto;
    max-width: 520px;
    width: 100%; } }

@media only screen and (max-width: 520px) {
  .we-love-cookies {
    max-width: 80%; } }

/*# sourceMappingURL=bewegunglesen.css.map */