/* @begin tools\lib\annotation\resource\Parser {
	"id": {
		"type": "css",
		"name": "wbt.Base",
		"precedence": 1
	},
	"conditionals": {
		"IE 8": ["wbt.Base.Ie8"],
		"IE 9": ["wbt.Base.Ie9"]
	},
	"dependencies": {
		"css": ["wbt.view.customFont.de", "libs.mediaElement", "libs.extJs_4_1_0"]
	}
} @end tools\lib\annotation\resource\Parser */
/* File: view/reset.css */
/* =============================================================================
	HTML5 display definitions
	========================================================================== */
	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
		display: block;
	}
	
	audio,
	canvas,
	video {
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
	
	video {
		width: 100%;
		height: 100%;
	}
	
	audio:not([controls]) {
		display: none;
	}
	
	[hidden] {
		display: none;
	}
	
/* =============================================================================
	Base
	========================================================================== */
/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
	html {
		font-size: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	
	body,
	.x-body,
	.footerContainer .layerContainer {
		margin: 0;
		font-size: 11px;
		line-height: 1.364em;
	}
	
	body,
	.x-body,
	button,
	input,
	select,
	textarea {
		font-family: Arial, Helvetica, sans-serif;
	}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
	::-moz-selection {
		text-shadow: none;
	}
	
	::selection {
		text-shadow: none;
	}
	
/* =============================================================================
	Links
	========================================================================== */
	a:focus {
		outline: thin dotted;
	}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
	a:hover, a:active {
		outline: 0;
	}
	
/* =============================================================================
	Typography
	========================================================================== */
	abbr[title] {
		border-bottom: 1px dotted;
	}
	
	b, strong {
		font-weight: bold;
	}
	
	em {
		font-style: italic;
	}
	
	strong em,
	b em,
	underline em,
	em strong,
	em b {
		font-style: italic;
	}
	
	.underline {
		text-decoration: underline;
	}
	
	.textAlignLeft {
		text-align: left;
	}
	
	.textAlignCenter {
		text-align: center;
	}
	
	.textAlignRight {
		text-align: right;
	}
	
	blockquote {
		margin: 10px 0 10px 40px;
		padding-left: 15px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	dfn {
		font-style: italic;
	}
	
	hr {
		display: block;
		height: 1px;
		border: 0;
		margin: 1em 0;
		padding: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	mark {
		font-style: italic;
		font-weight: bold;
	}
	
	/* Redeclare monospace font family: h5bp.com/j */
	pre,
	code,
	kbd,
	samp {
		font-family: monospace, monospace;
		_font-family: 'courier new', monospace;
		font-size: 1em;
	}
	
	/* Improve readability of pre-formatted text in all browsers */
	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%;
	}
	
	/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
	sub, sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
	}
	
	sup {
		top: -0.5em;
	}
	
	sub {
		bottom: -0.25em;
	}
	
/* =============================================================================
	Lists
	========================================================================== */
	ul, ol {
		margin: 1em 0;
		padding: 0 0 0 40px;
	}
	
	dd {
		margin: 0 0 0 40px;
	}
	
	nav ul,
	nav ol {
		list-style: none;
		list-style-image: none;
		margin: 0;
		padding: 0;
	}
	
/* =============================================================================
	Embedded content
	========================================================================== */
/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e
 */
	img {
		border: 0;
		-ms-interpolation-mode: bicubic;
		vertical-align: middle;
	}
/*
 * Correct overflow not hidden in IE9
 */
	svg:not(:root) {
		overflow: hidden;
	}
	
/* =============================================================================
	Figures
	========================================================================== */
	figure {
		margin: 0;
	}
	
/* =============================================================================
	Forms
	========================================================================== */
	form {
		margin: 0;
	}
	
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}
	/* Indicate that 'label' will shift focus to the associated form element */
	label {
		cursor: pointer;
	}
	
	/*
	 * 1. Correct color not inheriting in IE6/7/8/9
	 * 2. Correct alignment displayed oddly in IE6/7
	 */
	
	legend {
		border: 0;
		*margin-left: -7px;
		padding: 0;
	}
	
	/*
	 * 1. Correct font-size not inheriting in all browsers
	 * 2. Remove margins in FF3/4 S5 Chrome
	 * 3. Define consistent vertical alignment display in all browsers
	 */
	button,
	input,
	select,
	textarea {
		font-size: 100%;
		margin: 0;
		vertical-align: baseline;
		*vertical-align: middle;
	}
	
	/*
	 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
	 * 2. Correct inner spacing displayed oddly in IE6/7
	 */
	button,
	input {
		line-height: normal;
		*overflow: visible;
	}
	
	/*
	 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
	 */
	table button,
	table input {
		*overflow: auto;
	}
	
	/*
	 * 1. Display hand cursor for clickable form elements
	 * 2. Allow styling of clickable form elements in iOS
	 */
	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}
	
	/*
	 * Consistent box sizing and appearance
	 */
	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box;
	}
	
	input[type="search"] {
		-webkit-appearance: textfield;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}
	
	/*
	 * Remove inner padding and border in FF3/4: h5bp.com/l
	 */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	
	/*
	 * 1. Remove default vertical scrollbar in IE6/7/8/9
	 * 2. Allow only vertical resizing
	 */
	textarea {
		overflow: auto;
		vertical-align: top;
		resize: vertical;
	}
	
	/* Colors for form validity */
	input:valid,
	textarea:valid {
	}
	
	input:invalid,
	textarea:invalid {
	}
	
/* =============================================================================
	Tables
	========================================================================== */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	.tableContainerLeft {
		margin-left: 0;
		margin-right: auto;
	}
	
	.tableContainerRight {
		margin-left: auto;
		margin-right: 0;
	}
	
	.tableContainerCenter {
		margin-left: auto;
		margin-right: auto;
	}
	
	td {
		vertical-align: top;
	}
	
/* File: view/base.css */
	/* Loading */
	.overlayerMask {
		position: fixed;
		z-index: 2;
		bottom: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background-color: #000000;
		filter: alpha(opacity=25);
		opacity: 0.25;
	}
	
	.overlaySpinner {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -16px;
		margin-left: -16px;
		height: 32px;
		width: 32px;
	}
	
	.loadingText * {
		text-indent: -11111111px;
	}
	
/* Font definitions*/
	/* Font Color Variants */
	.fontColorVariant1 {
		color: #010101;
	}
	
	.fontColorVariant2 {
		color: #383838;
	}
	
	.fontColorVariant3 {
		color: #646978;
	}
	
	.fontColorVariant4 {
		color: #696DA5;
	}
	
	.fontColorVariant5 {
		color: #D3D4D9;
	}
	
	.fontColorVariant6 {
		color: #EDEDED;
	}
	
	.fontColorVariant7 {
		color: #FFFFFF;
	}
		
	/* Common Font definitions */
	.bold {
		font-weight: bold;
	}
	
	/* Headlines */
	h1, h2, h3, h4, h5, h6, .h7, .h8, .h9 {
		font-family: Arial, Helvetica, sans-serif;
		margin: 0;
	}
	
	h1 {
		font-size: 48px;
		line-height: 1.05em;
		margin-bottom: 20px;
	}
	
	h2 {
		font-size: 30px;
		line-height: 1.05em; /* 42px */
	}
	
	h3 {
		font-size: 18px;
		line-height: 1.1em; /* 33px */
	}
	
	h4 {
		font-size: 24px;
		line-height: 1.083em; /* 26px */
	}
	
	h5 {
		font-size: 18px;
		line-height: 1.167em; /* 21px */
	}
	
	h6 {
		font-size: 16px;
		line-height: 1.125em; /* 18px */
	}
	
	.h7 {
		font-size: 14px;
		line-height: 1.143 em; /* 16px */
	}
	
	.h8 {
		font-size: 12px;
		line-height: 1.167em; /* 14px */
	}
	
	.h9 {
		font-size: 11px;
	}
	
	.size10,
	.size10Light {
		font-size: 48px;
		margin-bottom: 0;
		text-indent: -3px;
		line-height: 1em;
	}
	
	.size20,
	.size20Light,
	.size20BackgroundWhite {
		font-size: 40px;
	}
	
	.size30,
	.size30Light {
		font-size: 30px;
	}
	
	.size40,
	.size40Light {
		font-size: 25px;
	}
	
	.size50,
	.size50Light,
	.size50.highlight {
		font-size: 24px;
		margin-top: -2px;
		margin-bottom: 12px;
	}
	
	.size60,
	.size60Light {
		font-size: 18px;
	}
	
	.size70,
	.size70Light {
		font-size: 16px;
	}
	
	.size80,
	.size80Light {
		font-size: 14px;
	}
	
	.size90,
	.size90Light {
		font-size: 12px;
	}
	
	.size100,
	.size100Light {
		font-size: 11px;
		font-weight: bold;
	}
	
	.light {
		color: #ffffff;
	}

	.dark {
		color: #000000;
	}
	
	.arrowImage {
		width: 36px;
		height: 36px;
	}
	
	.clickableHeadline,
	.clickableHeadline.visited {
		cursor: pointer;
		display: block;
		padding: 0 0 0 15px;
		display: block;
		position: relative;
	}
	
	.clickableHeadline.highlight,
	.clickableHeadline:hover {
		background-position: 0px 18px;
	}
	
	/*headline 1 default */
	h1.clickableHeadline,
	h1.clickableHeadline.visited {
		background-position: 0px -69px;
	}
	
	h1.clickableHeadline.highlight {
		background-position: 0px 18px;
	}
	
	/* Variante size30 */
	.clickableHeadline.size30,
	.clickableHeadline.size30.visited {
		background-position: 0px -78px;
	}
	
	.clickableHeadline.size30.highlight,
	.clickableHeadline.size30:hover {
		background-position: 0px 9px;
	}
	
	/* Variante size50 */
	.clickableHeadline.size50,
	.clickableHeadline.size50.visited {
		background-position: 0px -81px;
	}
	
	.clickableHeadline.size50.highlight,
	.clickableHeadline.size50:hover {
		background-position: 0px 6px;
	}
	
	/* Variante size60 */
	.clickableHeadline.size60,
	.clickableHeadline.size60.visited {
		background-position: 0px -85px;
	}
	
	.clickableHeadline.size60.highlight,
	.clickableHeadline.size60:hover {
		background-position: 0px 2px;
	}
	
	.clickableHeadlineWithBackground,
	.clickableHeadlineWithBackground2 {
		font-size: 20px;
		padding: 5px 20px 5px 26px;
		margin-bottom: 4px;
		float: left;
		clear: left;
	}
	
	.clickableHeadlineWithBackground.visited,
	.clickableHeadlineWithBackground2.visited {
		padding: 5px 20px 5px 26px;
	}

	/* Headline with Background */
	.keywordWithBackground,
	.headlineWithBackground {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 25px;
		font-weight: bold;
		background: #ffffff repeat scroll 0 0;
		display: block;
		margin-top: 2px;
		padding: 0;
	}
	
	.keywordWithBackground span,
	.headlineWithBackground span {
		display: inline-block;
		padding: 4px 20px 4px 10px;
		clear: both;
		line-height: 1em;
	}	
	
	.keywordWithBackground .linkWrapper,
	.headlineWithBackground .linkWrapper {
		display: block;
		height: 0;
		margin-top: 0;
		overflow: hidden;
		padding: 0;
	}
	
/* To set Background Image in Background */
	* {
		z-index: 1;
	}	
	
	a:link,
	a:visited,
	a:hover,
	a:active,
	.layerContainer .playerLayerFrameContent a:link,
	.layerContainer .playerLayerFrameContent a:visited,
	.layerContainer .playerLayerFrameContent a:hover,
	.layerContainer .playerLayerFrameContent a:active {
		padding-left: 10px;
		text-decoration: none;
	}
	
	a:hover,
	.layerContainer .playerLayerFrameContent a:hover {
		text-decoration: underline;
	}
	
	.frameSize {
		overflow: hidden;
	}
	
	.layerContainer .playerLayerFrameContent a.thumbnail:link,
	.layerContainer .playerLayerFrameContent a.thumbnail:visited,
	.layerContainer .playerLayerFrameContent a.thumbnail:hover,
	.layerContainer .playerLayerFrameContent a.thumbnail:active {
		padding-left: 0;
		text-decoration: none;
		margin-right: 0;
	}
	
	a.standardLink {
		display: block;
		position: relative;
		background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	}
	
	a.thumbnail {
		position: relative;
	}
	
	p a.standardLink {
		display: inline-block;
	}
	
	a.linkDisabled:link,
	a.linkDisabled:visited,
	a.linkDisabled:hover,
	a.linkDisabled:active {
		padding-left: 10px;
		text-decoration: none;
		cursor: default;
	}
	
	.copyText a:link,
	.copyText a:visited,
	.copyText a:hover,
	.copyText a:active {
		background: none;
		text-decoration: underline;
		margin-right: 0;
		padding-left: 0;
	}
	
	.copyText a:hover {
		background: none;
		text-decoration: none;
	}
	
	a.unformattedTextLink,
	a.unformattedTextLink:link,
	a.unformattedTextLink:visited,
	a.unformattedTextLink:hover,
	a.unformattedTextLink:active,
	a.graphicalLink,
	a.graphicalLink:link,
	a.graphicalLink:visited,
	a.graphicalLink:hover,
	a.graphicalLink:active {
		background: none;
		background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
		padding-left: 0;
	}
	
	.shadowInnerContainer {
		display: block;
	}
	
	/* Link Paginierung */
	a.pagination:link,
	a.pagination:visited,
	a.pagination:hover,
	a.pagination:active {
		background-image: none;
		padding: 1px 6px;
		text-decoration: none;
		margin-right: 2px;
		-webkit-border-radius:	2px;
		-moz-border-radius:		2px;
		border-radius:			2px;
	}
	
	a.hotspotLinkWithAnchor:link,
	a.hotspotLinkWithAnchor:visited,
	a.hotspotLinkWithAnchor:hover,
	a.hotspotLinkWithAnchor:active {
		height: 30px;
		width: 32px;
		text-align: center;
		padding: 8px 0 0 0;
		text-decoration: none;
		box-sizing: content-box;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
	}

	.trainingContainer .iFrameContainer {
		width: 1014px;
		height: 506px;
	}
	
	.customHeadline a:link,
	.customHeadline a:visited,
	.customHeadline a:hover,
	.customHeadline a:active {
		display: block;
		font-size: 25px;
		color: #ffffff;
		font-weight: bold;
		text-decoration: none;
		margin-top: 2px;
		background: none;
		padding: 0;
		line-height: 1.17em; /* 29px */
	}
	
	.customHeadline a span {
		padding: 0 20px 0 36px;
	}
	
	.customHeadline a .linkWrapper {
		height: 0px;
		overflow: hidden;
		display: block;
		margin-top: 0px;
	}
	
	.linkedHeadline:link,
	.linkedHeadline:visited,
	.linkedHeadline:hover,
	.linkedHeadline:active,
	.linkedHeadlineActive:link,
	.linkedHeadlineActive:visited,
	.linkedHeadlineActive:hover,
	.linkedHeadlineActive:active {
		display: block;
		font-weight: bold;
		text-decoration: none;
		margin-top: 2px;
		padding: 3px 20px 0 15px;
		margin-left: 2px;
	}
	
	.linkedHeadline:hover,
	.linkedHeadline:active,
	.linkedHeadlineActive:link,
	.linkedHeadlineActive:visited,
	.linkedHeadlineActive:hover,
	.linkedHeadlineActive:active {
	}
	
	.linkedHeadline span {
		display: block;	
	}
	
	.linkedHeadlineVisited span {
		float: left;
		padding-right: 25px;
	}
	
	.thumbnailWithText {
		position: relative;
		bottom: 0px;
		overflow: hidden;
		padding: 6px 4px 4px 4px;
		cursor: pointer;
	}
	
	.thumbnailText {
		font-weight: bold;
		padding-bottom: 7px;
		padding-left: 5px;
	}
	
	input[type=submit],
	button {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		padding: 1px 9px 2px 18px;
		margin-right: 5px;
		text-decoration: none;
		font-family: "customFont01", Arial, Helvetica, sans-serif;
		float: left;
		cursor: pointer;
	}
	
	.buttonArrowLeft {
		height: 22px;
	}
	
	input[type=submit],
	button {
		height: 20px;
	}
	
	input[type=submit]:hover,
	button:hover {
	}
	
	.buttonArrowLeft:hover {
	}
	
	input[type=submit].button2:hover,
	button.button2:hover {
		text-decoration: underline;
	}
	
	input[type=submit].button2Special,
	button.button2Special {
		padding-left: 27px;
	}
	
	input[type=submit].button2Special:hover,
	button.button2Special:hover {
		text-decoration: underline;
	}
	
	input[type=submit].buttonStart,
	button.buttonStart {
		font-size: 20px;
		padding: 3px 9px 10px 22px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	input[type=submit].buttonStart,
	button.buttonStart {
		height: 34px;
		margin-right: 0;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
	
	input[type=submit].buttonStart:hover,
	button.buttonStart:hover {
		text-decoration: none;
	}
	
	button[disabled=disabled]:active,
	button[disabled=disabled],
	input[type=reset][disabled=disabled]:active,
	input[type=reset][disabled=disabled],
	input[type=button][disabled=disabled]:active,
	input[type=button][disabled=disabled],
	select[disabled=disabled] > input[type=button],
	select[disabled=disabled] > input[type=button]:active,
	input[type=submit][disabled=disabled]:active,
	input[type=submit][disabled=disabled],
	input[type=submit][disabled=disabled].button2:hover,
	button[disabled=disabled].button2:hover {
		opacity: 0.5;   
		text-decoration: none;
		cursor: default;
	}
	
	button[disabled=disabled].buttonArrowLeft,
	button[disabled=disabled].buttonArrowLeft:hover {
	}
	
	button.contentButton {
		margin-bottom: 5px;
	}
	
	.contentText {
		width: 300px;
	}
	
	.clear {
		clear: both;
		height: 1px;
		overflow:hidden;
	}
	
	.chapterNavigationLayer {
		position: absolute;
		left: 16px;
		top: 406px;
		width: 1014px;
	}
	
	.navigationEntryContainer {
		float: left;
		margin-left: 5px;
		display: block;
		position: relative;
		bottom: 0px;
		width: 100px;
		height: 70px;
	}
	
	.textElment button {
		float: none;
	}
	
	/*Lists*/
	ol li {
		list-style-type: decimal;
		outline: none;
	}
	
	ul li {
		list-style-type: disc;
	}
	
	
	ol li ol,
	ul li ul {
		margin: 0;
	}
	
	/* Variants*/
	.keywordWithBackground {
		background: none;
	}
	
	.keywordWithBackground span {
		background: #ffffff;
	}
	
	.backgroundColorWhite span{
		font-size: 25px;
		background-color: #ffffff;
	}
	
	.size20BackgroundWhite span {
		background-color: #ffffff;
	}
	
	.alphaBg50BackgroundColorBlack {
		background-color: transparent;
	}
	
	.alphaBg50BackgroundColorBlack span {
		font-size: 25px;
	}
	
	.backgroundColorWhite span,
	.alphaBg50BackgroundColorBlack span {
		margin-left: -34px;
		padding-left: 34px;
	}
	
	.balloonContainer {
		display: block;
		padding: 6px 10px;
		position: relative;
	}
	
	.balloonArrow {
		position: absolute;
		display: none;
		width: 24px;
		height: 21px;
		left: 9px;
		top: -20px;
	}
	
	.balloonTopLeft .balloonArrow,
	.topLeft .balloonArrow,
	.balloonTop .balloonArrow,
	.balloonMiddleTop .balloonArrow,
	.balloonTopRight .balloonArrow,
	.topRight .balloonArrow,
	.balloonRightTop .balloonArrow,
	.rightTop .balloonArrow,
	.balloonRight .balloonArrow,	
	.balloonRightBottom .balloonArrow,
	.rightBottom .balloonArrow,	
	.balloonBottomRight .balloonArrow,
	.bottomRight .balloonArrow,	
	.balloonBottom .balloonArrow,
	.balloonMiddleBottom .balloonArrow,
	.balloonBottomLeft .balloonArrow,
	.bottomLeft .balloonArrow,	
	.balloonLeft .balloonArrow,
	.balloonLeftTop .balloonArrow,
	.leftTop .balloonArrow,	
	.balloonLeftBottom .balloonArrow,
	.leftBottom .balloonArrow,
	.textBox.top .balloonArrow,
	.textBox.right .balloonArrow,
	.textBox.bottom .balloonArrow,
	.textBox.left .balloonArrow {
		display: block;
	}
	
	.balloonTopLeft .balloonArrow,
	.topLeft .balloonArrow {
		left: 9px;
		top: -20px;
	}
	
	.balloonTop .balloonArrow {
		width: 17px;
		height: 18px;
		left: 48.5%;
		top: -7px;
	}
	
	.balloonMiddleTop .balloonArrow {
		width: 17px;
		height: 18px;
		left: 45%;
		top: -8px;
	}
	
	.balloonTopRight .balloonArrow,
	.topRight .balloonArrow {
		left: auto;
		right: 9px;
		top: -20px;
	}
	
	.balloonRightTop .balloonArrow,
	.rightTop .balloonArrow {
		width: 21px;
		height: 24px;
		left: auto;
		right: -20px;
		top: 9px;
	}
	
	.balloonRight .balloonArrow {
		height: 17px;
		width: 8px;
		left: auto;
		top: 40%;
		right: -7px;
	}
	
	.balloonRightBottom .balloonArrow,
	.rightBottom .balloonArrow {
		width: 21px;
		height: 24px;
		left: auto;
		top: auto;
		right: -20px;
		bottom: 9px;
	}
	
	.balloonBottomRight .balloonArrow,
	.bottomRight .balloonArrow {
		top: auto;
		left: auto;
		right: 9px;
		bottom: -20px;
	}
	
	.balloonBottom .balloonArrow {
		top: auto;
		bottom: -17px;
		left: 48.5%;
		right: auto;
		width: 17px;
		height: 18px;
	}
	
	.balloonMiddleBottom .balloonArrow {
		width: 17px;
		height: 18px;
		top: auto;
		left: 45%;
		bottom: -11px;
	}
	
	.balloonBottomLeft .balloonArrow,
	.bottomLeft .balloonArrow {
		top: auto;
		left: 9px;
		bottom: -20px;
	}
	
	.balloonLeft .balloonArrow {
		height: 17px;
		width: 8px;
		top: 40%;
		left: -8px;
	}
	
	.balloonLeftTop .balloonArrow,
	.leftTop .balloonArrow {
		height: 24px;
		left: -20px;
		top: 9px;
	}
	
	.balloonLeftBottom .balloonArrow,
	.leftBottom .balloonArrow {
		height: 24px;
		top: auto;
		left: -20px;
		bottom: 9px;
	}
	
	/* Text Box*/
	.textBox .balloonArrow {
		width: 17px;
		height: 18px;
		left: 45%;
		top: -8px;
	}
	
	.textBox.top .balloonArrow {
		width: 17px;
		height: 18px;
		left: 48.5%;
		top: -8px;
	}
	
	.textBox.right .balloonArrow {
		height: 17px;
		width: 8px;
		left: auto;
		top: 40%;
		right: -8px;
	}
	
	.textBox.bottom .balloonArrow {
		width: 17px;
		height: 18px;
		top: auto;
		left: 47.2%;
		bottom: -11px;
	}
	
	.textBox.left .balloonArrow {
		height: 17px;
		width: 10px;
		top: 40%;
		left: -10px;
	}
	
	.balloonContentBottom button {
		float: right;
	}
	
	.modal {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 1000;
	}

	.modalLayerMaskTop,
	.modalLayerMaskLeft,
	.modalLayerMaskBottom,
	.modalLayerMaskRight {
		position: absolute;
	}

	.modalLayerMaskTop {
		top: 0;
		left: 0;
		width: 100%;
	}

	.modalLayerMaskLeft {
		top: 0;
		left: 0;
		height: 100%;
	}
	
	.modalLayerMaskBottom {
		bottom: 0;
		left: 0;
		width: 100%;
		top: auto;
	}
	
	.modalLayerMaskRight {
		top: 0;
		right: 0;
		left: auto;
		height: 100%;
	}
	
	.alphaBg10 {
		opacity:0.9;
		-moz-opacity:0.9;
		filter: alpha(opacity=90);
		-khtml-opacity: 0.9;
	}
	
	.alphaBg20 {
		opacity:0.8;
		-moz-opacity:0.8;
		filter: alpha(opacity=80);
		-khtml-opacity: 0.8;
	}
	
	.alphaBg30 {
		opacity:0.7;
		-moz-opacity:0.7;
		filter: alpha(opacity=70);
		-khtml-opacity: 0.7;
	}
	
	.alphaBg40 {
		opacity:0.6;
		-moz-opacity:0.6;
		filter: alpha(opacity=60);
		-khtml-opacity: 0.6;
	}
	
	.alphaBg50 {
		opacity:0.5;
		-moz-opacity:0.5;
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
	}
	
	.alphaBg60 {
		opacity:0.4;
		-moz-opacity:0.4;
		filter: alpha(opacity=40);
		-khtml-opacity: 0.4;
	}
	
	.alphaBg70 {
		opacity:0.3;
		-moz-opacity:0.3;
		filter: alpha(opacity=30);
		-khtml-opacity: 0.3;
	}
	
	.alphaBg80 {
		opacity:0.2;
		-moz-opacity:0.2;
		filter: alpha(opacity=20);
		-khtml-opacity: 0.2;
	}
	
	.alphaBg90 {
		opacity:0.1;	
		-moz-opacity:0.1;
		filter: alpha(opacity=10);
		-khtml-opacity: 0.1;
	}
	
	.oneColumnWidth100Units {
		width: 380px;
	}
	
	.oneColumnWidth100UnitsVideo {
		width: 380px;
	}
	
	.oneColumnWidth100UnitsQuiz {
		width: 380px;
	}
	
	.twoColumnWidth110Units {
		width: 460px;
	}
	
	.oneColumnWidth120UnitsQuiz {
		width: 500px;
	}
		
	.twoColumnWidth130Units {
		width: 590px;
	}
	
	.oneColumnWidth140Units {
		width: 500px;
	}
	
	.oneColumnWidth140UnitsVideo {
		width: 500px;
	}
	
	.twoColumnWidth150Units {
		width: 655px;
	}
	
	.elementSwitchZoomImagesOuter .multifunctionLayerOuterContainer.twoColumnWidth150Units,
	.multifunctionLayerWithoutHeadline {
		width: 940px;
	}
	
	.oneColumnWidth200UnitsQuiz {
		width: 876px;
	}
	
	.leftContentContainer,
	.rightContentContainer {
		float: left;
	}
	
	.leftContentContainer {
		min-width: 205px;
		margin-right: 20px;
	}
	
	.leftContentContainer .contentInner,
	.rightContentContainer .contentInner {
		overflow: auto;
	}

	.multifunctionLayerContent .contentInner .textElment {
		padding-right: 8px;
	}

/* non-semantic helper classes */
	/* Contain floats: h5bp.com/q */
	.clearfix:before, .clearfix:after {
		content:" ";
		display: table;
	}
	
	.clearfix:after {
		clear: both;
	}
	
	.clearfix {
		zoom: 1;
	}
	
/* media queries
	PLACEHOLDER Media Queries for Responsive Design.
	These override the primary ('mobile first') styles
	Modify as content requires.
*/
	
	@media only screen and (min-width: 480px) {
	/* Style adjustments for viewports 480px and over go here */
	
	}
	
	@media only screen and (min-width: 768px) {
	/* Style adjustments for viewports 768px and over go here */
	
	}

/* File: view/debug/debugLayer.css */
	.debugLayer {
		position: absolute;
		left: 0px;
		top: 290px;
		width: 160px;
		font-size: 10px;
		z-index: 99999999;
		border: 1px solid gray;
		filter: alpha(opacity=80);
		opacity: 0.8;
	}
	
	.debugLayer div.debugLayerHeadline {
		background-color: gray;
		color: #ffffff;
		font-weight: bold;
		padding: 2px;
		position: relativ;
		-moz-user-select: none;
		cursor: pointer;
	}
	
	.debugLayer div.debugLayerSubHeadline {
		padding: 2px;
		font-weight: bold;
	}
	
	.debugLayer div.debugLayerContent {
		padding: 2px;
		word-break: break-all;
	}
	
/* File: view/player/playerTemplateDefaultStyle.css */
	.contentContainer p,
	.dragDropProxy p {
		margin-bottom: 1em;
	}
	
	/* Reset Paragraph Spacing for HeadlineElements */
	.contentContainer h1 p,
	.contentContainer h2 p,
	.contentContainer h3 p {
		margin: 0;
	}
	
	.pageCounterContainer {
		display: inline;
	}
	
	.playerSkinContainer {
		width: 980px;
		height: 603px;
		margin: 0 auto;
		zoom: 1;
	}
	
	.headerContainer {
		margin: 0;
		height: 127px;
		z-index: 50;
	}
	
	.headerContainer .logo {
		position: absolute;
		top: 20px;
		left: 35px;
		width: 148px;
		height: 46px;
	}
	
	.headerContainer .labelWbtTitle,
	.headerContainer .labelWbtSubTitle {
		float: none;
		font-size: 14px;
		font-weight: normal;
		padding-top: 23px;
		padding-right: 18px;
		font-family: "customFont01", Arial, Helvetica, sans-serif;
		text-align: right;
	}
	
	.headerContainer .labelWbtSubTitle {
		font-family: "customFont02", Arial, Helvetica, sans-serif;
		font-size: 21px;
		font-weight: bold;
		line-height: 24px;
		padding-top: 2px;
	}
	
	.playerSkinContainer .iFrameContainer {
		width: 980px;
		height: 478px;
		overflow: hidden;
	}
	
	.footerContainer {
		margin: 0;
		height: 28px;
	}
	
	.footerContainer,
	.footerContainer a:link,
	.footerContainer a:visited,
	.footerContainer a:hover,
	.footerContainer a:active {
		font-size: 1.0em;
	}
	
	a.linkToPage:link,
	a.linkToPage:visited,
	a.linkToPage:hover,
	a.linkToPage:active {
		position: absolute;
		top: 51%;
		display: block;
		width: 30px;
		height: 63px;
		text-indent: -1000em;
		margin: 0;
		padding: 0;
		outline: none;
	}
	
	a.linkToPrevPage:link,
	a.linkToPrevPage:visited,
	a.linkToPrevPage:hover,
	a.linkToPrevPage:active {
		left: -16px;
		background-position: 0px 0px;
	}
	
	a.linkToPrevPage:hover {
		background-position: -30px 0px;
	}
	
	a.linkToNextPage:link,
	a.linkToNextPage:visited,
	a.linkToNextPage:hover,
	a.linkToNextPage:active {
		right: -16px;
		background-position: 0px -63px;
	}
	
	a.linkToNextPage:hover {
		background-position: -30px -63px;
	}
	
	.progressBar {
		width: 99px;
	}
	
	.progressBarLabel {
		float: left;
		margin-right: 6px;
	}
	
	.containerProgressBarValue,
	.progressBarValue {
		float: left;
	}
	
	.progressBarRight,
	.progressBar,
	.progressBarLeft {
		margin-top: 3px;
	}
	
	.progressBarLeft,
	.progressBarRight,
	.progressBar {
		width: 2px;
		height: 11px;
		float: left;
	}
	
	.progressBarRight {
		margin-right: 6px;
	}
	
	.progressBar {
		display: block;
		overflow: hidden;
		width: 21px;
	}
	
	.progressBarFill {
		width: 50%;
		height: 11px;
	}
	
	.barProgress {
		position: absolute;
		width: 115px;
		height: 17px;
		top: 5px;
		left: 681px;
	}
	
	.barSuccess {
		position: absolute;
		width: 95px;
		height: 17px;
		top: 5px;
		left: 805px;
	}
	
	.linksContainer {
		position: inherit;
		float: left;
		width: 450px;
		margin-left: 13px;
	}
	
	.linksContainer .dividerContainer {
		display: none;
		visibility: hidden;
	}
	
	.footerContainer .linksContainer a {
		margin-right: 20px;
		display: block;
		float: left;
	}
	
	.footerContainer .linksContainer a.linkLegalNotice {
		background-position: -2px -1px;
		padding-left: 23px;
	}
	
	.footerContainer .linksContainer a.linkToSitemap {
		background-position: -2px -19px;
		padding-left: 14px;
	}
	
	.footerContainer .linksContainer a.linkToHelpPage {
		background-position: -2px -36px;
		padding-left: 21px;
	}
	
	.footerContainer .linksContainer a.linkDownloads {
		background-position: -2px -55px;
		padding-left: 21px;
	}
	
	.browseContainer {
		position: absolute;
		width: 73px;
		height: 17px;
		top: 5px;
		right: 0;
	}
	
	.dividerContainer {
		display: none;
	}
	
	.overviewContainer {
		position: fixed;
		bottom: 47px;
		right: 20px;
		width: 22px;
		height: 22px;
		z-index: 2;
	}
	
	button.linkOverview {
		padding-left: 0;
		margin-right: 0;
		width: 22px;
		height: 22px;
		text-indent: -99999px;
		outline: none;
	}
	
	button.linkOverview:hover {
		text-indent: -99999px;
		outline: none;
	}
	button.linkOverview[disabled=disabled] {
		display: none;
	}

/* File: view/page/pagePlain.css */
	.pageContainer {
		margin: 0;
		position: relative;
	}
	
	.defaultPlayer .pageContainer {
		width: 980px;
		height: 478px;
		overflow: hidden;
	}
	
	.quizwallPlayer .pageContainer {
		width: 980px;
		height: 504px;
	}
	
	.contentContainer {
		position: absolute;
		width: 980px;
		height: 504px;
		overflow: hidden;
	}
/* File: view/welcomeBack/welcomeBackLayer.css */
	
	.welcomeBackOverlay {
		position: absolute;
		z-index: 2;
		top: 111px;
		left: 1px;
		height: 504px;
		width: 980px;
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	
	.welcomeBackLayer {
		width: 380px;
		position: absolute;
		z-index: 3;
		top: 50%;
		left: 50%;
		margin-left: -190px;
		margin-top: -107px;
		padding: 7px 10px 6px 9px;
	}
	
	.welcomeBackLayer a {
		display: inline-block;
		margin-top: 8px;
		margin-right: 14px;
	}
	
	.welcomeBackLayerInnerHoldingContainer {
		position: relative;
	}
	
	.welcomeBackSalutation {
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	.welcomeBackLayer button.welcomeBackCloseBtn,
	.welcomeBackLayer button.welcomeBackCloseBtn:hover,
	.welcomeBackLayer button.welcomeBackCloseBtn:active {
		display: block;
		width: 20px;
		height: 20px;
		padding: 0;
		margin: 0;
		position: absolute;
		top: -34px;
		right: -12px;
		border: none;
		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		cursor: pointer;
		text-indent: -300em;
	}
	
	.successLayer button.welcomeBackCloseBtn,
	.successLayer button.welcomeBackCloseBtn:hover,
	.successLayer button.welcomeBackCloseBtn:active {
		z-index: 5;
		top: -100px;
	}
	
	.welcomeBackLayer button.welcomeBackCloseBtn:hover {
		background-position: top right;
	}
	
	.welcomeBackLayer .progressBarContainer {
		display: block;
		float: left;
		margin-top: 3px;
	}
	
	.welcomeBackLayer .progressBarLabel,
	.welcomeBackLayer .containerProgressBarValue {
		margin-top: -2px;
	}
	.welcomeBackLayer .progressBar,
	.welcomeBackLayer .progressBarLeft,
	.welcomeBackLayer .progressBarRight {
		margin-top: 1px;
	}

/* File: view/progress/progressbar.css */
	.progressBarLabel {
		float: left;
		margin-right: 6px;
	}
	
	.containerProgressBarValue,
	.progressBarValue {
		float: left;
	}
	
	.progressBarRight,
	.progressBar,
	.progressBarLeft {
		margin-top: 3px;
	}
	
	.progressBarLeft,
	.progressBarRight,
	.progressBar {
		width: 2px;
		height: 11px;
		float: left;
	}

	.progressBarRight {
		margin-right: 6px;
	}
	
	.progressBar {
		display: block;
		overflow: hidden;
		width: 21px;
	}
	
	.progressBarFill {
		width: 50%;
		height: 11px;
	}
	
/* File: view/sitemap/sitemap.css */
	.layerSitemapContainer {
		width: 932px;
		height: 452px;
		top: -488px;
		left: 8px;
		margin: 0 auto;
	}
	
	.layerSitemapContainer .h7 {
		padding-right: 0;
		float: left;
	}
	
	.layerSitemapContainer h5 {
		padding-right: 0;
	}
	
	.chapterContainer h5 {
		margin-bottom: 15px;
	}
	
	.layerSitemapContainer .playerLayerFrameContent {
		padding: 0 20px 0 20px;
		overflow: auto;
		height: 406px;
		margin-top: 2px;
	}
	
	.chapterContainer {
		min-height: 325px;
		display: block;
		float: left;
		margin: 0 6px 5px 0;
		padding: 16px 10px 50px 10px;
		position: relative;
		width: 173px;
		overflow: hidden;
	}
	
	.progressBarsContainer {
		bottom: 10px;
		position: absolute;
	}
	
	.sitemapSuccessBar .progressBarLabel,
	.sitemapProgressBar .progressBarLabel {
		width: 50px;
	}
	
	.layerSitemapContainer .pageLinkContainer {
		padding-left: 25px;
	}
	
	.layerSitemapContainer .pageLinkContainer.visited {
		background-position: 0px 1px;
	}
	
	.layerSitemapContainer a:link,
	.layerSitemapContainer a:visited,
	.layerSitemapContainer a:hover,
	.layerSitemapContainer a:active {
		margin: 8px 0;
		display: block;
		font-size: 11px;
	}
	
	.visited a:link,
	.visited a:visited,
	.visited a:hover,
	.visited a:active {
		color: gray;
	}
	
/* File: scorm/export/opener/opener.css */
	.popupBlockerWarning {
		color: red;
		display: none;
	}
	
/* File: view/player/playerLayer.css */
	.playerLayerFrame {
		position: relative;
	}
	
	.playerLayerFrameHeader {
		display: block;
		padding: 10px 0 10px 20px;
	}
	
	input[type=submit].playerLayerFrameCloseButton,
	button.playerLayerFrameCloseButton {
		position: absolute;
		right: 8px;
		top: 10px;
	}
	
	.playerLayerFrameCloseButton,
	.playerLayerFrameCloseButton:hover,
	.playerLayerFrameCloseButton:active {
		border: none;
		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		height: 16px;
		width: 20px;
		height: 20px;
		padding: 0;
		margin: 0;
		display: block;
		cursor: pointer;
		text-indent: -300em;
	}
	
	.playerLayerFrameCloseButton:hover {
		background-position: top right;
	}
	
	.layerContainer div.contentContainer {
		background-image: none;
	}

	.layerHelpContainer,
	.layerLegalNoticeContainer,
	.layerGlossaryContainer,
	.layerSitemapContainer,
	.layerDownloadsContainer {
		position: absolute;
		width: 980px;
		height: 503px;
		top: 112px;
		left: 0;
		z-index: 4;
		overflow: hidden;
	}
	
	.layerContainer .contentContainer {
		background-image: none;
		padding: 10px;
		height: 465px;
		overflow: hidden;
	}
	
/* File: view/page/preview/warning.css */
	div .warningScormExport {
		width: 16px;
		height: 16px;
		top: 10px;
		position: absolute;
		left: 10px;
	}
	
	.warningTooltip {
		width: 200px;
	}
	
	.warningTooltip li {
		list-style: square;
	}

/* backgroundAudioPlayerContainer */
	.backgroundAudioPlayer {
		position: absolute;
		top: 306px;
		left: 200px;
	}
	
	.backgroundAudioPlayer input[type="submit"],
	.backgroundAudioPlayer input[type="submit"]:hover,
	.backgroundAudioPlayer button,
	.backgroundAudioPlayer button:hover {
	    border: 0;
		padding: 0;
		margin: 0;
		text-indent: -300em;
	}
	
/* File: view/model/element/templates/video.css */
	.audioContainer {
		position: relative;
	}

	.mejs-container {
		position: relative;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.audioContainer .mejs-container {
		min-width: 70px;	
		max-width: 980px;
		min-height: 30px;
		max-height: 30px;
		height: 30px !important; /* System genertiert Inlinestyle */
	}
	
	.mejs-embed, .mejs-embed body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	.mejs-container-fullscreen {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		z-index: 1000;
	}
	
	.mejs-container-fullscreen .mejs-mediaelement,
	.mejs-container-fullscreen video {
		width: 100%;
		height: 100%;
	}
	
	/* Start: LAYERS */
	.mejs-background {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.mejs-mediaelement {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.me-plugin {
		position: relative;
		display: block;
	}
	
	.mejs-poster {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.mejs-poster img {
		border: 0;
		padding: 0;
		border: 0;
		display: block;
	}
	
	.mejs-overlay {
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.mejs-overlay-play {
		cursor: pointer;
	}
	
	.mejs-overlay-button {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 36px;
		height: 34px;
		margin: -17px 0 0 -18px;
	}
	
	.mejs-overlay:hover .mejs-overlay-button{
		background-position: bottom left;
	}
	
	.mejs-overlay-loading {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 80px;
		height: 80px;
		margin: -40px 0 0 -40px;
	}
	
	.mejs-overlay-loading span {
		display:block;
		width: 80px;
		height: 80px;
	}
	
	/* End: LAYERS */
	
	/* Start: CONTROL BAR */
	.mejs-container .mejs-controls {
		position: absolute;
		background: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		bottom: 10px;
		left: 0;
		height: 30px;
		width: 100%;
		padding: 0 10px;
	}
	
	.audioContainer .mejs-container .mejs-controls {
		bottom: 7px;
		left: -5px;
	}
	
	.mejs-container .mejs-controls div {
		list-style-type: none;
		background-image: none;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		width: 26px;
		height: 26px;
		font-size: 11px;
		line-height: 11px;
		background: 0;
		font-family: Arial, Helvetica, sans-serif;
		border: 0;
	}
	
	.mejs-controls .mejs-button button {
		cursor: pointer;
		display: block;
		font-size: 0px;
		line-height: 0;
		text-decoration: none;
		margin: 7px 5px;
		padding: 0;
		position: absolute;
		min-height: 16px;
		height: 16px;
		width: 16px;
		border: 0;
	}
	
	/* :focus for accessibility */
	.mejs-controls .mejs-button button:focus {
		outline: solid 2px #000000;
	}
	/* End: CONTROL BAR */
	
	/* Start: Time (current / duration) */
	.mejs-container .mejs-controls .mejs-time {
		display: block;
		height: 17px;
		width: auto;
		padding: 8px 3px 0 3px ;
		overflow: hidden;
		text-align: center;
		padding: 0 4px;
	}
	
	.mejs-container .mejs-controls .mejs-time span {
		font-size: 11px;
		line-height: 12px;
		display: block;
		float: left;
		margin: 1px 2px 0 0;
		width: auto;
	}
	/* End: Time (current / duration) */
	
	/* Start: Progress bar */
	.mejs-controls div.mejs-time-rail {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		width: 200px;
		margin-top: 7px;
		height: 16px;
		overflow: hidden;
	}
	
	.mejs-controls .mejs-time-rail span {
		display: block;
		position: absolute;
		width: 180px;
		height: 6px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		cursor: pointer;
		margin-top: 2px;
	}
	
	.mejs-controls .mejs-time-rail .mejs-time-total {
		margin: 2px 5px 3px 3px;
		filter: none;
	}
	
	.mejs-controls .mejs-time-rail .mejs-time-loaded {
		width: 0;
		filter: none;
	}
	
	.mejs-controls .mejs-time-rail .mejs-time-current {
		width: 0;
		filter: none;
	}
	
	.mejs-controls .mejs-time-rail .mejs-time-handle {
		display: none;
		position: absolute;
		margin: 0;
		width: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
		top: -2px;
		text-align: center;
	}
	
	.mejs-controls .mejs-time-rail .mejs-time-float {
		visibility: hidden;
		position: absolute;
		display: block;
		width: 36px;
		height: 17px;
		top: -26px;
		margin-left: -18px;
		text-align: center;
	}
	
	.mejs-controls .mejs-time-total:hover .mejs-time-float {
		visibility: visible;
	}
	
	.mejs-controls .mejs-time-rail .mejs-time-float-current {
		margin: 2px;
		width: 30px;
		display: block;
		text-align: center;
		left: 0;
	}
	
	.mejs-controls .mejs-time-rail .mejs-time-float-corner {
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		line-height: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		top: 15px;
		left: 13px;
	}
	/* End: Progress bar */
	
	/* Start: Fullscreen */
	.mejs-controls .mejs-fullscreen-button button {
		background-position:-32px 0;
	}
	
	.mejs-controls .mejs-unfullscreen button {
		background-position:-32px -16px;
	}
	/* End: Fullscreen */
	
	.mejs-controls .mejs-volume-button {
		position: relative;
	}
	
	.mejs-controls .mejs-volume-button .mejs-volume-slider {
		display: none;
		height: 115px;
		width: 25px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		top: -115px;
		left: 5px;
		z-index: 1;
		position: absolute;
		margin: 0;
	}
	
	.mejs-controls .mejs-volume-button:hover {
		-webkit-border-radius: 0 0 4px 4px ;
		-moz-border-radius: 0 0 4px 4px ;
		border-radius: 0 0 4px 4px ;
	}
	
	.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
		position: absolute;
		left: 11px;
		top: 8px;
		width: 2px;
		height: 100px;
		margin: 0;
	}
	
	.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
		position: absolute;
		left: 11px;
		top: 8px;
		width: 2px;
		height: 100px;
		margin: 0;
	}
	
	.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
		position: absolute;
		left: 4px;
		top: 8px;
		width: 16px;
		height: 6px;
		cursor: N-resize;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px;
		margin: 0;
	}
	
	/* Start: TRACK (Captions and Chapters) */
	.mejs-controls .mejs-captions-button {
		position: relative;
		display: none !important;
	}
	
	.mejs-controls .mejs-captions-button button {
		background-position:-48px 0;
		display: none !important;
	}
	
	.mejs-controls .mejs-captions-button .mejs-captions-selector {
		visibility: hidden;
		position: absolute;
		bottom: 26px;
		right: -10px;
		width: 130px;
		height: 100px;
		border: solid 1px transparent;
		padding: 10px;
		overflow: hidden;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
		margin: 0;
		padding: 0;
		display: block;
		list-style-type: none !important;
		overflow: hidden;
	}
	
	.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{
		margin: 0 0 6px 0;
		padding: 0;
		list-style-type: none !important;
		display:block;
		overflow: hidden;
	}
	
	.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{
		clear: both;
		float: left;
		margin: 3px 3px 0px 5px;
	}
	
	.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{
		width: 100px;
		float: left;
		padding: 4px 0 0 0;
		line-height: 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
	
	.mejs-controls .mejs-captions-button .mejs-captions-translations {
		font-size: 10px;
		margin: 0 0 5px 0;
	}
	
	.mejs-chapters {
		position: absolute;
		top: 0;
		left: 0;
		width: 10000px;
	}
	
	.mejs-chapters .mejs-chapter {
		position: absolute;
		float: left;
		overflow: hidden;
		border: 0;
	}
	
	.mejs-chapters .mejs-chapter .mejs-chapter-block {
		font-size: 11px;
		padding: 5px;
		display: block;
		cursor: pointer;
	}
	
	.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
		border-right: none;
	}
	
	.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
	}
	
	.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{
		font-size: 12px;
		font-weight: bold;
		display: block;
		white-space:nowrap;
		text-overflow: ellipsis;
		margin: 0 0 3px 0;
		line-height: 12px;
	}
	
	.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{
		font-size: 12px;
		line-height: 12px;
		margin: 3px 0 4px 0;
		display: block;
		white-space:nowrap;
		text-overflow: ellipsis;
	}
	
	.mejs-captions-layer {
		position: absolute;
		bottom: 0;
		left: 0;
		text-align:center;
		line-height: inherit;
		font-size: 12px;
	}
	
	.mejs-captions-layer a {
		text-decoration: underline;
	}
	
	.mejs-captions-layer[lang=ar] {
		font-size: 20px;
		font-weight: normal;
	}
	
	.mejs-captions-position {
		position: absolute;
		width: 102%;
		bottom: -68px;
		left: 0;
		z-index: auto;
		display: block;
		padding: 6px 10px;
		text-align: left;
	}
	
	.mejs-captions-text {
		padding: 0;
		background: none;
		font-size: 11px;
	}
	/* End: TRACK (Captions and Chapters) */
	
	.mejs-clear {
		clear: both;
	}
	
	.me-cannotplay a {
		font-weight: bold;
	}
	
	.me-cannotplay span {
		padding: 15px;
		display: block;
	}
	/* End: ERROR */
	
	/* Start: Loop */
	.mejs-controls .mejs-loop-off button{
		background-position: -64px -16px;
	}
	
	.mejs-controls .mejs-loop-on button {
		background-position: -64px 0;
	}
	/* End: Loop */
	
	/* Start: backlight */
	.mejs-controls .mejs-backlight-off button{
		background-position: -80px -16px;
	}
	
	.mejs-controls .mejs-backlight-on button {
		background-position: -80px 0;
	}
	/* End: backlight */
	
	/* Start: picture controls */
	.mejs-controls .mejs-picturecontrols-button{
		background-position: -96px 0;
	}
	/* End: picture controls */
	
	/* context menu */
	.mejs-contextmenu {
		position: absolute;
		width: 150px;
		padding: 10px;
		border-radius: 4px;
		top: 0;
		left: 0;
		z-index: 1001; /* make sure it shows on fullscreen */
	}
	
	.mejs-contextmenu .mejs-contextmenu-separator {
		height: 1px;
		font-size: 0;
		margin: 5px 6px;
	}
	
	.mejs-contextmenu .mejs-contextmenu-item {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 4px 6px;
		cursor: pointer;
	}

	.mejs-video .videoError div,
	.mejs-audio .audioError div {
		cursor: default;
		background-image: none;
		padding-left: 10px;
	}

	/* Audioplayer inLayer */
	.multifunctionLayerContent .audioContainer .mejs-container {
		margin-top: 15px; /* necessary for the time-rail tooltip */
	}

	.multifunctionLayerContent .audioContainer .mejs-container .mejs-controls {
		bottom: 0;
	}

	/* necessary until mediaplayer update to 2.70 and horizontal volume-slider is possible */
	.multifunctionLayerContent .audioContainer .mejs-controls .mejs-volume-button .mejs-volume-slider {
		visibility: hidden !important; /* dont use display-attribute, other the function will brake */
	}

/* File: view/model/element/templates/multifunctionLayer.css */
	.multifunctionLayerHeader .closeButtonContainer,
	.quizContainer .closeButtonContainer,
	.quizFeedbackAndSolutionContainer .closeButtonContainer {
		position: absolute;
		right: 8px;
		top: 9px;
		width: 20px;
	}
	
	.multifunctionLayerHeader .closeButtonContainer a:link,
	.multifunctionLayerHeader .closeButtonContainer a:visited,
	.multifunctionLayerHeader .closeButtonContainer a:hover,
	.multifunctionLayerHeader .closeButtonContainer a:active {
		height: 20px;
		overflow: hidden;
		text-decoration: none;
		display: block;
		text-indent: -3000px;
		margin: 0;
		padding: 0;
	}
	
	.multifunctionLayerHeader .closeButtonContainer a:hover,
	.multifunctionLayerHeader .closeButtonContainer a:active {
		background-position: top right;
	}
	
	.multifunctionLayerWithoutHeadline .multifunctionLayerHeader {
		padding-bottom: 0;	
	}
	
	.pagedMuFuLayerContainer,
	.multifunctionLayerOuterContainer {
		position: absolute;
		z-index: 1100;
		min-width: 150px;
		min-height: 80px;
		left: 30px;
		top: 30px;
	}
	
	.elementSwitchZoomImagesOuter .multifunctionLayerOuterContainer {
		top: -272px;
		left: 20px;
		height: 399px;
		z-index: 20;
	}
	
	.multifunctionLayerOuterContainer .rightContentContainer .textElment {
		overflow: auto;
	}
	
	.multifunctionLayerWithoutHeadline .textElment,
	.elementSwitchZoomImagesOuter .textElment {
		position: absolute;
		left: 720px;
		width: 190px;
		overflow: auto;
		float: none;
		padding-top: 20px;
	}

	html[dir="rtl"] .multifunctionLayerWithoutHeadline .textElment,
	html[dir="rtl"] .elementSwitchZoomImagesOuter .textElment {
		right: 720px;
		left: auto;
	}
	
	.multifunctionLayerWithoutHeadline .textElment {
		margin-top: 30px;
		padding-top: 0;
	}

	.multifunctionLayerWithoutHeadline .contentTable .textElment {
		width: 100%;
	}
	
	.multifunctionLayerWithoutHeadline .contentTable .textElment {
		position: inherit;
		padding: 0;
		margin: 0;
	}
	
	.multifunctionLayerOuterContainer .pagedContentContainer .textElment {
		float: none;
	}
	
	.multifunctionLayerContent .quizContainer {
		position: inherit;
		width: auto;
	}

	.multifunctionLayerOuterContainer .quizUsageGuidelineContainer {
		width: 100%;
	}
	
	.multifunctionLayerContent .usageGuideline {
		display: block;
		margin-bottom: 12px;
	}
	
	.multifunctionLayerInnerContainer {
		padding: 10px;
		position: relative;
		height: 100%;
	}

	.pagedMuFuLayerContainer .multifunctionLayerInnerContainer {
		padding-bottom: 37px;
	}
	
	.pagedMuFuLayerCloseButton {
		display: none;
	}
	
	.multifunctionLayerInnerContainer p {
		margin-bottom: 0;
	}
	
	.oneColumnWidth100UnitsQuiz .multifunctionLayerInnerContainer,
	.oneColumnWidth120UnitsQuiz .multifunctionLayerInnerContainer,
	.oneColumnWidth200UnitsQuiz .multifunctionLayerInnerContainer {
		padding-bottom: 40px;
	}
	
	.multifunctionLayerWithoutHeadline .multifunctionLayerInnerContainer,
	.elementSwitchZoomImagesOuter .multifunctionLayerInnerContainer {
		padding: 0;
	}
	
	.multifunctionLayerHeader {
		display: block;
		padding: 0 18px 11px 0;
		min-height: 15px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	
	.multifunctionLayerWithoutHeadline .multifunctionLayerHeader {
		min-height: 0;
	} 
	
	.elementSwitchZoomImagesOuter .multifunctionLayerHeader {
		height: 0;
	}
	
	.multifunctionLayerHeader h1 {
		text-transform: capitalize;
	}
	
	.multifunctionLayerHeader h2 {
		font-size: 14px;
	}
	
	.multifunctionLayerContent {
		padding: 10px 10px 7px 10px;
		display: block;
		min-height: 10px;
		overflow: auto;
	}
	
	.mufuLayerPaged .multifunctionLayerContent {
		margin-bottom: 30px;
	}
	
	.multifunctionLayerWithoutHeadline .multifunctionLayerContent,
	.elementSwitchZoomImagesOuter .multifunctionLayerContent {
		margin: 0;
		padding: 0;
		height: 95%;
	}
	
	.multifunctionLayerWithoutHeadline .multifunctionLayerContent {
		height: auto;
	}
	
	.oneColumnWidth100UnitsVideo .multifunctionLayerContent,
	.oneColumnWidth140UnitsVideo .multifunctionLayerContent,
	.oneColumnWidth140Units .multifunctionLayerContent,
	.variabeleWidthVideo .multifunctionLayerContent {
		padding: 0;
		overflow: hidden;
	}
	
	.multifunctionLayerInnerContainer .mediumElement {
		overflow: hidden;
	}
	
	.oneColumnWidth100UnitsVideo .multifunctionLayerInnerContainer .mediumElement,
	.oneColumnWidth140UnitsVideo .multifunctionLayerInnerContainer .mediumElement {
		overflow: visible;
		width: 360px;
	}
	
	.oneColumnWidth140UnitsVideo .multifunctionLayerInnerContainer .mediumElement {
		overflow: visible;
		width: 480px;
	}
	
	.variabeleWidthVideo .multifunctionLayerInnerContainer .mediumElement {
		overflow: visible;
	}
	
	.oneColumnWidth100UnitsVideo .mejs-mediaelement {
		overflow: hidden;
	}
	
	.oneColumnWidth100Units .multifunctionLayerInnerContainer .mediumElement {
		margin-bottom: 10px; 
	}
	
	.twoColumnWidth150Units .multifunctionLayerInnerContainer .mediumElement {
		margin-bottom: 3px;
	}
	
	.mufuLayerImage .multifunctionLayerContent,
	.mufuLayerImageSlideshow .multifunctionLayerContent {
		padding: 0;
		background-color: transparent;
	}
	
	.multifunctionLayerContent img {
		float: left;
	}
	
	.multifunctionLayerContent .size100,
	.multifunctionLayerContent .questionText {
		margin-bottom: 16px;
		margin-top: -2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
	}
	
	.multifunctionLayerContentScroll {
		overflow-y: auto;
		width: 455px;
		height: 200px;
	}
	
	.multifunctionLayerContentScrollInner {
		padding-right: 5px;
	}
	
	.multifunctionLayerImageContainer {
		padding-bottom: 10px;
	}
	
	.mufuLayerImage .multifunctionLayerImageContainer {
		padding-bottom: 0;
	}
	
	.multifunctionLayerPaginationContainer {
		padding-top: 13px;
	}
	
	.multifunctionLayerTextContainer {
		display: block;
	}
	
	.mufuLayerTextImageSmall .multifunctionLayerImageContainer,
	.mufuLayerImageTextScroll .multifunctionLayerImageContainer {
		margin-right: 20px;
	}
	
	.mufuLayerImageSlideshow {
	}
	
	.mufuLayerImageSlideshow .mufuLayerImageContainer,
	.mufuLayerImageSlideshow .imageContainerSlideshowAutomatic {
		position: relative;
		width: 480px;
		height: 270px;
		overflow: hidden;
	}
	
	.mufuLayerImageSlideshow .mufuLayerTextContainer {
		margin-top: 7px;
	}
	
	.mufuLayerImageSlideshow .mufuLayerTextContainer p {
		margin-bottom: 0;
	}
	
	.multifunctionLayerInnerContainer .closeButton,
	.multifunctionLayerInnerContainer .closeButton:hover,
	.multifunctionLayerInnerContainer .closeButton:active,
	.eTestLayerOuterContainer .closeButton,
	.eTestLayerOuterContainer .closeButton:hover,
	.eTestLayerOuterContainer .closeButton:active,
	.closeButtonContainer .closeButton,
	.closeButtonContainer .closeButton:hover,
	.closeButtonContainer .closeButton:active {
		border: none;
		-webkit-border-radius: none;
		-moz-border-radius: none;
		border-radius: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		height: 16px;
		width: 20px;
		height: 20px;
		padding: 0;
		margin: 0;
		display: block;
		cursor: pointer;
	}
	
	/* Variants */
	.videoLayer .multifunctionLayerContent {
		padding: 0;
	}
	
	.standardLayer .multifunctionLayerInnerContainer {
		padding-bottom: 13px;
	}
	
	.standardQuizLayer.multifunctionLayerOuterContainer,
	.standardLayer.multifunctionLayerOuterContainer {
		height: auto;
	}
	
	.pagedMufuLayer .multifunctionLayerInnerContainer {
		padding-bottom: 60px;
	}
	
	.multifunctionLayerOuterContainer .mfLayer4to3 {
		height: 360px !important;
	}
	
	.multifunctionLayerOuterContainer .mfLayer16to9 {
		height: 360px !important;
	}
	
	.mfLayer4to3 .mejs-captions-layer,
	.mfLayer16to9 .mejs-captions-layer,
	.oneColumnWidth100Units .mejs-captions-layer,
	.oneColumnWidth100UnitsVideo .mejs-captions-layer,
	.oneColumnWidth140Units .mejs-captions-layer,
	.oneColumnWidth140UnitsVideo .mejs-captions-layer,
	.variabeleWidthVideo .mejs-captions-layer {
		display: none;
	}
	
	.mfLayer4to3 .mejs-captions-position,
	.mfLayer16to9 .mejs-captions-position,
	.oneColumnWidth100UnitsVideo .mejs-captions-position,
	.oneColumnWidth140UnitsVideo .mejs-captions-position,
	.variabeleWidthVideo .mejs-captions-position {
		position: static;
		width: 100%;
		padding: 0;
		margin-top: 276px;
		line-height: 1.364em;
		-webkit-box-shadow: 0px 0px 0px 0px;
		-moz-box-shadow: 0px 0px 0px 0px;
		box-shadow: 0px 0px 0px 0px;
	}
	
	.oneColumnWidth100UnitsVideo .videoContainerWithoutSubtitle,
	.oneColumnWidth140UnitsVideo .videoContainerWithoutSubtitle,
	.variabeleWidthVideo .videoContainerWithoutSubtitle {
		margin-bottom: 0;	
	}
	
	.oneColumnWidth100UnitsVideo .videoContainerWithSubtitle,
	.oneColumnWidth140UnitsVideo .videoContainerWithSubtitle,
	.variabeleWidthVideo .videoContainerWithSubtitle {
		margin-bottom: 93px;	
	}
	
	.oneColumnWidth140UnitsVideo .videoContainerWithSubtitle {
		margin-bottom: 66px;	
	}
	
	.twoColumnWidth130Units .mediumElement,
	.twoColumnWidth150Units .mediumElement {
		margin-bottom: 10px;
	}
	
	.twoColumnWidth130Units .mediumElement:last-child,
	.twoColumnWidth150Units .mediumElement:last-child {
		margin-bottom: 0;
	}
	
	.twoColumnWidth130Units .multifunctionLayerInnerContainer .rightContentContainer .textElment,
	.twoColumnWidth150Units .multifunctionLayerInnerContainer .rightContentContainer .textElment {
		padding-right: 8px;
	}
	
	
	
	
	.oneColumnWidth100UnitsVideo .mejs-controls div.mejs-time-rail,
	.oneColumnWidth140UnitsVideo .mejs-controls div.mejs-time-rail,
	.variabeleWidthVideo .mejs-controls div.mejs-time-rail {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.oneColumnWidth140UnitsVideo .mejs-mediaelement {
		overflow: hidden;
	}
	
	.mejs-controls .mejs-button button:focus {
		outline: none;
	}
	
/* File: view/navigation/template/carousel/navigation.css */
	/* Previous & Next Button */
	.navigationHeadPreviousButton,
	.navigationHeadNextButton {
		text-indent: -9999px;
		outline: none;
		top: 0px;
	}
			
	.navigationHeadPreviousButton,
	.navigationHeadToggleButton,
	.navigationHeadNextButton {
		float: left;
		padding-right: 2px;
		height: 26px;
	}
	
	.navigationHeadPreviousButton,
	.navigationHeadNextButton {
		height: 22px;
		padding-left: 18px;
	}
	
	.navigationHeadPreviousButton {
		margin-right: 2px;
	}
	
	/* Navigation Menu Toogle Button */
	.navigationHeadToggleButton,
	.navigationHeadToggleButton:hover,
	.navigationHeadToggleButton.menuOpened {
		padding-right: 19px;
		padding-left: 18px;
		padding-top: 2px;
		margin-right: 2px;
		font-size: 12px;
		background-image: none;
		border-bottom: 0;
		-webkit-border-top-left-radius: 	3px;
		-webkit-border-top-right-radius:	3px;
		-moz-border-radius-topleft:			3px;
		-moz-border-radius-topright:		3px;
		border-top-left-radius:				3px;
		border-top-right-radius:			3px;
		-webkit-box-shadow: 0;
		-moz-box-shadow: 0;
		box-shadow: none;
		-moz-box-shadow: none;
	}
	
	.navigationHeadToggleButton span,
	.navigationHeadToggleButton:hover span,
	.navigationHeadToggleButton.menuOpened span {
		display: inline-block;
		padding-left: 10px;
	}
	
	.navigationHeadToggleButton:hover span {
		text-decoration: underline;
	}
	
	/* Navigation Carousel*/
	.navigationCarousel {
		width: 980px;
		height: 0px;
		margin-left: -409px;
		overflow: hidden;
	}
	
	.navigationCarouselOuterContainer {
		position: relative;
		width: 860px;
		height: 100%;
		left: 18px;
		float: left;
		overflow: hidden;
	}
	
	.navigationCarouselInnerContainer {
		width: 90000px;
		height: 75px;
		top: 5px !important;
		position: absolute;
	}

	.navigationCarouselHoldingContainer {
		display: inline-block;
		position: absolute;
	}

	.navigationChapter {
		padding: 0 15px 0 6px;
		float: left;
	}
	
	.chapterHeadline {
		font-weight: bold;
	}
	
	.chapterPages,
	.chapterPagesInner {
		height: 39px;
		margin-top: 9px;
	}
	
	.chapterPagesInner,
	a.navigationPage {
		width: 70px;
		height: 36px;
	}
	
	.chapterPagesInner {
		float: left;
		position: relative;
		margin: 3px 5px 0 0;
	}
	
	.chapterPagesInner.visited .markerVisited {
		width: 16px;
		height: 16px;
		position: absolute;
		top: -1px;
		right: -1px;
	}
	
	a.navigationPage {
		padding: 2px;
		position: absolute;
		display: block;
	}
	
	a.navigationPage,
	a.navigationPage img {
		width: 100%;
		height: 100%;
	}
	
	.navigationThumbnailImage {
		width: 64px;
		height: 30px;
	}
	
	button.navigationCarouselPreviousButton,
	button.navigationCarouselNextButton,
	button.navigationCarouselPreviousButton[disabled=disabled],
	button.navigationCarouselNextButton[disabled=disabled],
	button.navigationCarouselPreviousButton[disabled=disabled]:hover,
	button.navigationCarouselNextButton[disabled=disabled]:hover {
		float: left;
		width: 20px;
		height: 40px;
		border: 0;
		text-indent: -9999px;
		outline: none;
		padding: 0;
		margin: 31px 0 0 16px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	button.navigationCarouselNextButton,
	button.navigationCarouselNextButton[disabled=disabled],
	button.navigationCarouselNextButton[disabled=disabled]:hover {
		margin-left: 45px;
	}
	
	button.navigationCarouselNextButton[disabled=disabled],
	button.navigationCarouselNextButton[disabled=disabled]:hover {
		background-position: -20px 0;
	}
	
	button.navigationCarouselPreviousButton,
	button.navigationCarouselNextButton {
		background-position: 0 -40px;
	}
	
	button.navigationCarouselNextButton {
		background-position: -20px -40px;
	}
	
	button.navigationCarouselPreviousButton:hover,
	button.navigationCarouselNextButton:hover {
		background-position: 0 -80px;
	}
	
	button.navigationCarouselNextButton:hover {
		background-position: -20px -80px;
	}
	
	.navigationCarouselPreviousButton {
		left: -404px;
	}
	
	.navigationCarouselNextButton {
		right: 0px;
	}
	
/* File: view/navigation/template/default/navigation.css */
	.navigationContainer {
		position: absolute;
		left: 10px;
		top: 78px;
	}
		
	.navigationOne {
		margin: 0;
		padding-left: 0;
		border-bottom: 0;
	}
		
	li.level1 {
		position: relative;
		border-bottom: 0;
		padding: 0;
		margin: 0 1px;
		-webkit-border-radius: 2px 2px 0 0;
		-moz-border-radius: 2px 2px 0 0;
		border-radius: 2px 2px 0 0;
	}
		
	.navigationOne,
	.navigationOne li {
		float: left;
		list-style-type: none;
	}
	
	.navigationOne li a {
		display: block;
		text-decoration: none;
		padding: 5px 10px 4px 13px;
		margin: 0;
		width: 157px;
		font-size: 13px;
		line-height: 13px;
		font-weight: normal;
		border-bottom: 0;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	
	.navigationOne li a:hover {
	}
	
	span.number {
		float: left;
		line-height: 29px;
		font-size: 31px;
	}
		
	span.chapterName {
		/* only used with Chapter Numbers
		float: left;
		padding-left: 10px;
		width: 140px;
		*/
		line-height: 14px;
	}
	
	a:hover span.number,
	a:hover span.chapterName {
	}
	
	/* Navigation 2te Ebene */
	li:hover ul.navigationLevel2Container,
	li.over ul.navigationLevel2Container {
		display: block;
	}
	
	ul.navigationLevel2Container {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		margin: 25px 0 0 0;
	}
	
	ul.navigationLevel2Container li a {
		display: block;
		float: left;
		text-decoration: none;
		margin-right: 0;
		line-height: 14px;
		padding: 10px 20px 9px 15px;
		width: 149px;
		border: 0;	
	}
	
	li:hover ul.navigationLevel2Container li,
	li.over ul.navigationLevel2Container li {
		display: block;
		margin: 0;
	}
		
	li:hover ul.navigationLevel2Container li ul,
	li.over ul.navigationLevel2Container li ul {
		padding-left: 0;
	}
		
/* File: view/model/element/templates/disrupter.css */
	.disrupterBase {
		height: 111px;
		width: 111px;
		background-position: 0 0;
		cursor: pointer;
	}
	
	/* Hover */
	.disrupterBase:hover,
	.disrupterBase.highlight {
		background-position: -111px 0;
	}
	
	.disrupterTextBase {
		font-size: 18px;
		line-height: 19px;
		padding: 17px 11px;
		cursor: pointer;
		text-align: center;
	}
	
/* File: view/model/element/templates/contentSwitchGroup.css */
	.contentSwitchGroupLink {
		display: block;
		padding-bottom: 25px;
	}
	
	.contentSwitchGroupLink h1 {
		margin-bottom: 10px;
	}
	
	.contentSwitchGroupContent .mediumElement {
		text-align: center;
	}

	.contentSwitchGroupContent .textboxContent {
		overflow: auto;
		height: 100%;
	}

	.contentSwitchGroupContent .textboxContent p:last-child {
		margin-bottom: 0;
	}
	
/* File: view/model/element/templates/table.css */
	table.contentTable {
		border: 0;
		border-collapse: separate;
		border-spacing: 20px 10px;
	}
	
	.contentTable th {
		font-weight: bold;
	}
	
	.contentTable td {
		padding: 2px 10px 3px;
	}
	
	.boldColumn {
		font-weight: bold;
	}
	
/* File: view/model/element/templates/placeholder.css */
	.placeholderContainer {
		display: block;
		background-color: transparent;
	}
	
/* File: view/model/element/templates/textbox.css */
	div.textboxContent p {
		margin-bottom: 10px;
	}
	
/* File: view/model/element/templates/thumbnailWithText.css */
/* File: view/model/element/templates/wbtQuizOverview.css */
	.chapterWrong,
	.chapterRight {
		float: right;
		margin-top: 4px;
	}
	
	.chapterRight {
		width: 9px;
		height: 8px;
	}
	
	.chapterWrong {
		width: 9px;
		height: 8px;
	}
	
	.wbtQuizOverview {
		position: absolute;
		bottom: 30px;
		left: 0;
	}
	
	.disrupterTextBase {
		font-size: 18px;
		line-height: 19px;
		padding: 17px 11px;
		cursor: pointer;
		text-align: center;
	}
	
	table.wbtQuizOverview {
		width: 100%;
		max-width: 940px;
		border-spacing: 10px 10px;
		border-collapse: separate;
	}
	
	table.wbtQuizOverview thead tr th {
		font-family: "customFont01", Arial, Helvetica, sans-serif;
		font-size: 15px;
		text-transform: uppercase;
	}
	
	table.wbtQuizOverview tbody tr td {
		padding: 1px 10px 4px 10px;
	}
	
/* File: view/model/element/templates/shape.css */
	.whiteBarLeft {
		position: absolute;
		top: 0;
		left: 20px;
		height: 504px;
		width: 320px;
		filter: alpha(opacity=50);
		z-index: -5;
	}
	
/* File: view/model/element/templates/imageBackground.css */
	.imageBackground {
		position:absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: -10;
	}
	
/* File: view/model/element/templates/pagingGroup.css */
	/* Multifunctions-Layer Pagination */
	.pagedPagingContainer {
		position: absolute;
		bottom: 10px;
		left: 11px;
	}
	
	.pagedContentHeader {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 90%;
	}
	
	.pagedPagingContainer button {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background-image: none;
		margin-right: 2px;
		padding: 1px 5px;
		text-decoration: none;
		border: 0;
		margin-right: 5px;
		font-family: Arial, Helvetica, sans-serif;
		height: 16px;
	}
	
	.pagedPagingContainer button[disabled=disabled],
	.pagedPagingContainer button:active,
	.pagedPagingContainer button:hover {
		text-decoration: none;
		opacity: 1;
	}
	
/* File: view/model/element/templates/background.css */
	.background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -2;
	}
	
/* File: view/element/interaction/quizCommon/quizCommon.css */
	/* Quiz Container */
	.quizContainer {
		width: 600px;
		display: block;
	}
	
	.quizQuestionContainer {
		margin: 0 0 8px 0;
	}
	
	.inPage .quizQuestionContainer {
		margin-top: 2px;
	}
	
	.quizQuestionContainer p {
		margin-bottom: 0;
	}
		
	.quizQuestionContainer h3 {
		font-size: 16px;
	}
	
	.usageGuideline {
		display: none;
	}

	/* Quiz Answer Container */	
	.quizAnswerContainer {
		display: block;
		margin: 3px 0 0 0;
	}
	
	.quizAnswerContainer .answer {
		display: block;
		min-height: 28px;
		padding: 10px 35px 10px 40px;
		text-decoration: none;
		cursor: pointer;
	}
	
	.quizAnswerContainer em {
		display: none;
	}
	
	.quizContainerSingleChoice .quizAnswerContainer .answer {
		min-height: 0;
	}
	
	.quizContainerSingleChoice .quizAnswerContainer .answer p {
		margin-bottom: 0;
	}
	
	.quizAnswerContainer .quizFeedbackCheckbox,
	.quizAnswerContainer .quizFeedbackCheckboxChecked {
		cursor: default;
	}

	/* Quiz Feedback Container */	
	.quizFeedbackAndSolutionContainer {
		padding: 10px;
		margin-top: 20px;
		display: block;
	}
	
	/* Quiz Button Container - Submit/Retry/Resolution Button*/
	.quizButtonContainer {
		margin-top: 0;
		margin-right: 0;
		float: right;
	}
	
	.quizButtonSubmitContainer input,
	.quizButtonContainer button {
		margin: 10px 0 0 10px;
		padding-right: 10px;
		font-size: 12px;
	}
	
	.quizButtonContainer .buttonDeactivated {
		width: 52px;
		height: 24px;
		display: block;
		text-indent: -3000px;
		opacity: 0.5;
		float: right;
	}
	
	.quizButtonContainer .quizButtonSolution {
		width: 86px;
		height: 24px;
		display: block;
		text-indent: -3000px;
		float: right;
	}
	
/* File: view/element/interaction/quizCommon/feedbackContainer.css */
	/* SpeechBubbles & Text-Container */
	.pagedPagingContainer button {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background-image: none;
		margin-right: 2px;
		padding: 1px 5px;
		text-decoration: none;
		border: 0;
		margin-right: 5px;
		font-family: Arial, Helvetica, sans-serif;
		height: 14px;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
	}
	
	.pagedPagingContainer button[disabled=disabled],
	.pagedPagingContainer button:active,
	.pagedPagingContainer button:hover {
		text-decoration: none;
		opacity: 1;
	}
	
	/* SpeechBubbles & Text-Container */
	div.quizFeedbackAndSolutionContainer {
		min-height: 40px;
	}
	
	.quizFeedbackText {
		padding-bottom: 10px;
	}
	
/* File: view/model/element/templates/chapterQuizOverview.css */	
	/* Table Element */
		.chapterQuizOverview {
			position: absolute;
			bottom: 15px;
			left: 16px;
			padding-left: 6px;
		}
	
		ol.chapterQuizOverview li {
			list-style-type: decimal;
			list-style-position: inside;
			min-width: 300px;
			padding: 3px 10px 2px 10px;
			margin-bottom: 10px;
		}
		
		.chapterQuizOverview img {
			width: 9px;
			height: 8px;
			float: right;
			margin-left: 8px;
			margin-top: 3px;
		}
			
/* File: view/model/element/templates/hotspot.css */
	.hotspot {
		height: 46px;
		width: 45px;
		cursor: pointer;
	}
	
	.visitedMarker {
		display: none;	
	}
	
	.hotspotSize1 {
		background-position: -0px 0;
	}
	
	.hotspotSize2 {
		background-position: -45px 0;
	}
	
	.hotspotSize3 {
		background-position: -90px 0;
	}
	
	.hotspotSize4 {
		background-position: -135px 0;
	}
	
	.hotspotSize5 {
		background-position: -180px 0;
	}
	
	.hotspotSize6 {
		background-position: -225px 0;
	}
	
	.hotspotSize7 {
		background-position: -270px 0;
	}
	
	.hotspotSize8 {
		background-position: -315px 0;
	}
	
	.hotspotSize9 {
		background-position: -360px 0;
	}
	
	.hotspotSize10 {
		background-position: -405px 0;
	}
	
	.hotspotSize11 {
		background-position: -450px 0;
	}
	
	.hotspot.highlight {
		background-position: -450px 0;
	}
	
	.mandatory .visitedMarker {
		width: 20px;
		height: 20px;
		overflow: hidden;
		float: right;
	}
	
	.mandatory span.visitedMarker {
		position: absolute;
		right: -28px;
		top: 0;
	}
	
	.visited.mandatory .visitedMarker,
	.visited.mandatory span.visitedMarker {
		display: block;
	}
	
	.visited.mandatory span.visitedMarker {
		top: 4px;
	}
	
	.thumbnailWithText.visited.mandatory span.visitedMarker {
		width: 16px;
		height: 16px;
		right: 1px;
		top: 21%;
	}
	
/* File: view/model/element/templates/chapterQuizRating.css */
	.chapterQuizRatingContainer {
		position: absolute;
		left: 2px;
		top: 40px;
	}
	
/* File: view/model/element/templates/hotspotWithText.css */
	.hotspotWithTextContainer {
		width: 88px;
		padding: 0px;
		display: inline-block;
		position: absolute;
		box-sizing: content-box !important;
		-moz-box-sizing: content-box !important;
		-ms-box-sizing: content-box !important;
		-webkit-box-sizing: content-box !important;
	}
	
	div.hotspotOnlyText,
	div.hotspotOnlyText.highlight,
	div.hotspotOnlyText.highlight:hover {
		height: 33px;
		width: 30px;
		text-align: center;
		cursor: pointer;
		margin: 0;
		border: 0;
		padding: 8px 0 0 0;
		background-color: transparent;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		color: #ffffff;
		font-size: 18px;
		box-sizing: content-box;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
	}
	
	.hotspotOnlyText.visited .visitedMarker {
		display: block;
		height: 20px;
		overflow: hidden;
		position: absolute;
		right: -10px;
		top: 0;
		width: 20px;
		overflow: hidden;
	}
	
	.hotspotLinkContainer {
		display: inline-block;
	}
	
	a.hotspotLink {
		display: inline-block;
		white-space: nowrap;
		text-decoration: none;
		padding: 3px 5px 3px 12px;
		background-position: 2px 8px;	
	}
	
	/* second animation step */
	.hotspotImageContainer {
		height: 0px;
		width: 205px;
		overflow: hidden;
	}
	
	.hotspotTextContainer {
		height: 0px;
		width: 205px;
		overflow: hidden;
	}
	
	.hotspotText {
		padding: 0 10px 10px 10px;
	}
	
/* File: view/element/interaction/quizCommon/quizCommonLayer.css */
	.multifunctionLayerContent .quizFeedbackAndSolutionContainer {
		border: 0;
		padding: 10px 0 5px 0;
	}
	
	.quizFeedbackAndSolutionContainer.positiveFeedback,
	.quizFeedbackAndSolutionContainer.negativeFeedback,
	.quizFeedbackAndSolutionContainer.missingFeedback,
	.quizFeedbackAndSolutionContainer.solutionFeedback {
		min-height: auto;
	}
	
	.quizFeedbackAndSolutionContainer.positiveFeedback,
	.quizFeedbackAndSolutionContainer.negativeFeedback,
	.quizFeedbackAndSolutionContainer.missingFeedback {
		padding-left: 34px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.multifunctionLayerContent .solutionFeedback {
		padding-left: 0;
	}
	
	.multifunctionLayerContent .quizFeedbackAndSolutionContainer .quizButtonContainer {
		position: absolute;
		width: auto;
		bottom: 10px;
		right: 10px;
	}

	.multifunctionLayerContent .quizFeedbackClosable .quizButtonContainer {
		position: relative;
	}
	
	.multifunctionLayerContent .positiveFeedback,
	.multifunctionLayerContent .negativeFeedback,
	.multifunctionLayerContent .missingFeedback {
		background-position: 10px 0px;
	}
	
	.multifunctionLayerContent .quizQuestionContainer h3,
	.multifunctionLayerContent .quizQuestionContainerLayerQuestion h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	.multifunctionLayerContent .quizFeedbackAndSolutionContainer {
		background-color: transparent;
		position: inherit;
		width: auto;
		min-height: 28px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin-top: 15px;
		padding-bottom: 0;
		-webkit-box-sizing: content-box;
	}
	
	.multifunctionLayerContent .quizFeedbackAndSolutionContainer .balloonArrow {
		display: none;
	}
	
	.multifunctionLayerContent .quizButtonContainer {
		margin-top: 11px;
		position: absolute;
		bottom: 10px;
		right: 10px;
	}
	
	.multifunctionLayerContent .quizFeedbackText {
		padding-bottom: 0px;
		margin-top: -3px;
	}
	
	.multifunctionLayerContent .quizButtonSubmitContainer,
	.multifunctionLayerContent .quizButtonSubmitContainer input {
		margin-right: 0px;		
	}
	
	.quizButtonSubmitContainer input,
	.quizButtonContainer button {
		float: right;
	}
	
/* File: view/element/interaction/choice/rightWrong.css */
	.quizContainerRightOrWrong {
		position: absolute;
		top: 25px;
		left: 370px;
	}
	
	.quizContainerRightOrWrong .quizAnswerContainer {
		float: left;
		width: 49%;
		padding: 0;
		background-color: transparent;
	}
	
	.quizContainerRightOrWrong .quizAnswerContainer:first-child {
		margin-right: 2%;
	}
	
	.quizContainerRightOrWrong .quizAnswerContainer .answer {
		min-height: 20px;
		height: 20px;
		padding: 0;
		line-height: 1em;
		background-image: none;
		text-align: center;
		overflow: hidden;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
	}
	
	.quizContainerRightOrWrong .answer span {
		display: inline-block;
		vertical-align: middle;
		padding-left: 8px;
		margin: 2px 0;
		line-height: 16px;
		font-family: "customFont01", Arial, Helvetica, sans-serif;
		font-weight: normal;
		cursor: pointer;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	.quizContainerRightOrWrong .answer:hover span {
		text-decoration: underline;
	}
	
	.quizContainerRightOrWrong .selected span,
	.quizContainerRightOrWrong .selected:hover span {
		text-decoration: none;
	}
	
	.quizContainerRightOrWrong .quizAnswerContainer .answer.quizFeedbackCheckbox span,
	.quizContainerRightOrWrong .quizAnswerContainer .answer.quizFeedbackCheckboxChecked span,
	.quizContainerRightOrWrong .quizAnswerContainer .answer:hover.quizFeedbackCheckbox span,
	.quizContainerRightOrWrong .quizAnswerContainer .answer:hover.quizFeedbackCheckboxChecked span {
		text-decoration: none;
	}
	
	.quizContainerRightOrWrong .quizAnswerContainerRight span,
	.quizContainerRightOrWrong .quizAnswerContainerWrong span,
	.quizContainerRightOrWrong .quizAnswerContainerMissing span,
	.quizContainerRightOrWrong .quizAnswerContainerSolved span {
		cursor: default;
	}
	
/* File: view/element/interaction/choice/rightWrongPage.css */
	.inPage.quizContainerRightOrWrong {
		width: 590px;
	}
	
	.inPage.quizContainerRightOrWrong .quizQuestionContainer {
		margin-bottom: 15px;
	}
	
	.inPage.quizContainerRightOrWrong .quizAnswerContainerMissing {
		background-image: none;
	}
	
	.inPage.quizContainerRightOrWrong .quizAnswerContainer p {
		margin: 0;
	}
	
/* File: view/element/interaction/choice/rightWrongLayer.css */
	.inLayer.quizContainerRightOrWrong .quizAnswerContainer {
		margin-top: 5px;
	}
	
	.inLayer.quizContainerRightOrWrong .quizFeedbackAndSolutionContainer {
		border-left: 0;
		margin-top: 12px;
	}
	
	.inLayer.quizContainerRightOrWrong .quizFeedbackAndSolutionContainer .quizButtonContainer {
	 	bottom: 10px;
		right: 10px;
	}
	
	.inLayer.quizContainerRightOrWrong .positiveFeedback,
	.inLayer.quizContainerRightOrWrong .negativeFeedback {
		padding-left: 26px;
		background-position: 0 10px;
	}
	
/* File: view/element/interaction/choice/singleChoice.css */
	.quizContainerSingleChoice {
		width: 590px;
		position: absolute;
		left: 370px;
		top: 23px;
	}
	
/* File: view/element/interaction/choice/singleChoiceLayer.css */
	.inLayer.quizContainerSingleChoice .quizAnswerContainer {
		margin: 0;
	}
	
	.inLayer.quizContainerSingleChoice .quizAnswerContainer .answer {
		min-height: 23px;
		padding: 0 40px 0 24px;
	}
	
	.inLayer.quizContainerSingleChoice .quizAnswerContainer .answer span {
		display: block;
		padding-top: 5px;
	}
	
	.inLayer.quizContainerSingleChoice .quizAnswerContainer {
		margin-top: 5px;
	}
	
	.inLayer.quizContainerSingleChoice .quizFeedbackAndSolutionContainer {
		border-left: 0;
		margin-top: 12px;
	}
	
	.inLayer.quizContainerSingleChoice .negativeFeedback,
	.inLayer.quizContainerSingleChoice .positiveFeedback {
		padding-left: 26px;
	}
	
	.inLayer.quizContainerSingleChoice .quizFeedbackAndSolutionContainer .quizButtonContainer {
	 	bottom: 10px;
		right: 10px;
	}
	
	.inLayer.quizContainerSingleChoice .positiveFeedback,
	.inLayer.quizContainerSingleChoice .negativeFeedback {
		background-position: 0 10px;
	}
	
	.inLayer.quizContainerSingleChoice .quizAnswerContainer,
	.inLayer.quizContainerSingleChoice .quizAnswerContainerRight,
	.inLayer.quizContainerSingleChoice .quizAnswerContainerWrong ,
	.inLayer.quizContainerSingleChoice .quizAnswerContainerMissing {
		background-color: transparent;
	}
	
	.inLayer.quizContainerSingleChoice .quizAnswerContainer .answer,
	.inLayer.quizContainerSingleChoice .quizAnswerContainer .selected,
	.inLayer.quizContainerSingleChoice .quizAnswerContainer .quizFeedbackCheckbox,
	.inLayer.quizContainerSingleChoice .quizAnswerContainer .quizFeedbackCheckboxChecked {
		background-position: 0 2px;
	}
	
/* File: view/element/interaction/choice/multipleChoice.css */
	.quizContainerMultipleChoice .answer span p {
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 0;
	}
	
/* File: view/element/interaction/choice/multipleChoicePage.css */
	.inPage.quizContainerMultipleChoice {
		width: 590px;
		position: absolute;
		left: 370px;
		top: 23px;
	}
	
	.inPage.quizContainerMultipleChoice .quizAnswerContainer .answer {
		height: 58px;
		width: 590px;
		padding-top: 0;
		padding-bottom: 0;
		display: table-cell;
		vertical-align: middle;
	}
	
	.inPage.quizContainerMultipleChoice .answer span p {
		display: inline;
	}
	
/* File: view/element/interaction/choice/multipleChoiceLayer.css */
	.inLayer.quizContainerMultipleChoice {
		padding-bottom: 0px;
	}
	
	.inLayer.quizContainerMultipleChoice .quizAnswerContainer {
		margin: 0;
	}
	
	.inLayer.quizContainerMultipleChoice .quizAnswerContainer .answer {
		min-height: 23px;
		padding: 0 40px 0 20px;
	}
	
	.inLayer.quizContainerMultipleChoice .quizAnswerContainer .answer span {
		display: block;
		padding-top: 3px;
	}
	
	.inLayer.quizContainerMultipleChoice .quizAnswerContainer,
	.inLayer.quizContainerMultipleChoice .quizAnswerContainerRight,
	.inLayer.quizContainerMultipleChoice .quizAnswerContainerWrong ,
	.inLayer.quizContainerMultipleChoice .quizAnswerContainerMissing {
		background-color: transparent;
	}
	
	.inLayer.quizContainerMultipleChoice .quizAnswerContainer .answer,
	.inLayer.quizContainerMultipleChoice .quizAnswerContainer .selected,
	.inLayer.quizContainerMultipleChoice .quizAnswerContainer .quizFeedbackCheckbox,
	.inLayer.quizContainerMultipleChoice .quizAnswerContainer .quizFeedbackCheckboxChecked {
		background-position: 0 2px;
	}
	
	.inLayer.quizContainerMultipleChoice .quizFeedbackAndSolutionContainer {
		border-left: 0;
		margin-top: 12px;
	}
	
	.inLayer.quizContainerMultipleChoice .quizFeedbackAndSolutionContainer .quizButtonContainer {
	 	bottom: 10px;
		right: 10px;
	}

	.inLayer.quizContainerMultipleChoice .quizFeedbackClosable .quizButtonContainer {
		bottom: 2px;
		right: 0px;
	}
	
	.inLayer.quizContainerMultipleChoice .positiveFeedback,
	.inLayer.quizContainerMultipleChoice .negativeFeedback {
		background-position: 0 10px;
		padding-left: 26px;
	}

	.inLayer.quizContainerMultipleChoice .quizFeedbackClosable.positiveFeedback,
	.inLayer.quizContainerMultipleChoice .quizFeedbackClosable.negativeFeedback {
		padding-left: 10px;
	}
	
/* File: view/element/interaction/dragDrop/dragDropCommon.css */
	.quizDragDropInnerContainer {
		z-index: 2;
	}
	
/* Drag & Drop Container */
	.quizDragContainer,
	.quizDropContainer {
		padding: 10px;
		margin-bottom: 10px;
		margin-right: 10px;
		float: left;
	}
	
	.quizDropContainer {
		height: 81px;
	}
	
/* Drag & Drop Element */	
	.quizDragElement,
	.dragDropProxy {
		width: 100%;
		height: 100%;
		overflow: hidden;
		cursor: pointer;
		white-space: normal;
	}
	
	.quizDragElement img {
		width: auto;
		height: auto;
		overflow: hidden;
	}
	
	.dragDropImage {
		position: relative;
	}
	
	.dragDropImage div img {
		position: absolute;
		top: 3px;
		left: 3px;
	}	
	
	.quizDragElement,
	.quizDragElement:hover,
	.dragDropProxy .quizDragElement {
		padding-right: 20px;
	}
	
	.dragDropProxy .quizDragElement {
		width: 100%;
	}
	
	.dragDropProxy {
		visibility: visible;
		border: 0 !important;
		background-color: #ffffff;
		background-image: none;
	}
	
	.quizDragArea {
		width: 620px;
		margin-top: 70px;
		position: relative;
	}
	
	.quizDragAreaFeedback {
		margin-top: 100px;
	}
		
	.quizDragContainerDisabled .quizDragElement,
	.quizDragContainerDisabled .quizDragElement:hover {
		padding-right: 20px;
		cursor: default;
	}

	.quizDragAndDropElementContainer,
	.quizDragAndDropElementDropContainer {
		display: block;
		margin: 3px 0 0 0;
		width: 100%;
		float: left;
	}
	
	.quizDragAndDropElementDropContainer {
		margin-top: 3px;
		margin-right: 10px;
	}
	
	.quizDragAndDropElementContainer .answer {
		display: block;
		min-height: 28px;
		text-decoration: none;
		cursor: pointer;
	}
	
	.quizDragAndDropElementDragContainer {
		padding: 6px 0px 6px 10px;
	}
	
	.quizDragAndDropElementContainerSolved .quizDragElement {
		cursor: default;
	}
	
/* Feedback Icons on Drag Element */
	.quizDragAndDropElementContainerRight .quizDragElement,
	.quizDragAndDropElementContainerWrong .quizDragElement,
	.quizDragAndDropElementContainerRight .quizDragElement:hover,
	.quizDragAndDropElementContainerWrong .quizDragElement:hover,
	.inLayer.dragDropDialogueContainer .quizDragAndDropElementContainerRight .quizDragElement.answer,
	.inLayer.dragDropDialogueContainer .quizDragAndDropElementContainerRight .quizDragElement.answer:hover,
	.inLayer.dragDropDialogueContainer .quizDragAndDropElementContainerWrong .quizDragElement.answer,
	.inLayer.dragDropDialogueContainer .quizDragAndDropElementContainerWrong .quizDragElement.answer:hover {
		background: none;
		cursor: default;
	}
	
/* Label for Drag & Drop */
	.quizDragAndDropElementDropContainerLabel .quizDragDropTextSelection {
		 padding: 6px 9px;
	}
	
	.quizDragAndDropElementDragContainer .quizDragAndDropElementDragContainerInnerContainer {
		padding-right: 30px;
	}
	
	.quizDragContainerDisabled .quizDragElement,
	.quizDragContainerDisabled .quizDragElement:hover {
		padding-right: 20px;
		cursor: default;
	}
		
	/* Shape behind Dragbox */
	.quizDragArea .dragAndDropSlot {
		float: left;
		background: #ffffff;
		margin-bottom: 3px;
		margin-right: 10px;
		width: 100%;
	}
	
	.quizDragContainer,
	.quizDropContainer,
	.dragDropProxy {
		padding: 6px 0 7px 10px;
	}
	
	.quizDragContainer,
	.quizDropContainer {
		float: left;
		margin-right: 10px;
	}
	
	.quizDragArea .quizDragContainer,
	.quizContainer .quizDragContainer {
		margin: 0;
		width: 100%;
		height: 100%;
	}
	
	.quizDragArea .quizDragContainer {
		zoom: 1;
		background: #ffffff;
	}
	
	.quizDropAreaFeedback .quizDragElement,
	.quizDragAreaFeedback .quizDragElement,
	.quizDragAreaFeedback .quizDragAndDropElementDropContainer .quizDragAndDropElementContainerSolved .quizDragElement:hover,
	.quizDropAreaFeedback .quizDragAndDropElementDropContainer .quizDragAndDropElementContainerSolved .quizDragElement:hover,
	.quizDragAreaFeedback .quizDragAndDropElementDropContainer .quizDragContainer .quizDragElement:hover,
	.quizDropAreaFeedback .quizDragAndDropElementDropContainer .quizDragContainer .quizDragElement:hover,
	.quizDragAreaFeedback .quizDragElement:hover,
	.quizDropAreaFeedback .quizDragElement:hover {
		cursor: default;
	}
	
	.quizDragAreaFeedback .quizDragElement,
	.quizDragAreaFeedback .quizDragElement:hover {
		cursor: default;
	}
	
/* File: view/element/interaction/elementSwitchZoomImages/thumbnail.css */
	.elementSwitchZoomImagesOuter {
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 50px;
		height: 132px;
		z-index: 3;
	}
	
	.elementSwitchZoomImagesOuter .twoColumnWidth150Units .mediumElement {
		position: absolute;
		left: 0px;
		width: 700px;
	}
	
	.elementSwitchZoomImagesOuter .navigationOuterSlider {
		position: relative;
		width: 100%;
		height: 130px;
		float: none;
		overflow: visible;
		float: none;
	}
	
	.elementSwitchZoomImagesOuter .navigationInnerSlider {
		width: 1000px;
		bottom: 0px;
		position: absolute;
		height: 90%;
	}
	
	.elementSwitchZoomImagesOuter .thumbnailElement {
		cursor: pointer;
		width: 220px;
		height: 113px;
		padding: 4px;
		margin-left: 20px;
		float: left;
		position: relative;
		bottom: 0px;
	}
	
	.elementSwitchZoomImagesOuter .thumbnailElement img {
		height: 100%;
		width: 100%;
	}
	
/* File: view/element/interaction/dragDrop/dragDropCommonPage.css */
	.inPage.quizDragDropContainer {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 0;
	}
	
/* Drag & Drop Background Image*/
	.inPage .jsBackgroundImageContainer {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	
	.quizDragDropContainer .inPage .quizButtonContainer {
		margin-right: 10px;
	}
	
/* File: view/element/interaction/dragDrop/selection.css */
/* File: view/element/interaction/dragDrop/selectionPage.css */
	.inPage.quizDragDropSelectionContainer .quizDragDropInnerContainer {
		position: absolute;
		left: 369px;
		top: 23px;
		height: 452px;
		width: 600px;
	}
	
	.inPage.quizDragDropSelectionContainer .balloonTop .balloonArrow {
		height: 17px;
		width: 8px;
		top: 40%;
		left: 309px;
	}
	
	.inPage.quizDragDropSelectionContainer .quizFeedbackAndSolutionContainer {
		top: 0;
		left: -351px;
		position: absolute;
		width: 310px;
		margin-top: 0;
	}
	
	.inPage.quizDragDropSelectionContainer .quizButtonContainer {
		margin-right: 10px;
	}
	
	.inPage.quizDragDropSelectionContainer .quizFeedbackAndSolutionContainer .quizButtonContainer {
		margin-right: 0;
	}
	
/* File: view/element/interaction/dragDrop/selectionLayer.css */
	.inLayer.quizDragDropSelectionContainer {
		height: 323px;
		width: auto;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizQuestionContainer,
	.inLayer.quizDragDropSelectionContainer .quizUsageGuidelineContainer {
		display: block;
	}
	
	.inLayer.quizDragDropSelectionContainer .usageGuideline {
		display: block;
		margin-bottom: 16px;
	}
	
	.inLayer.quizDragDropSelectionContainer,
	.inLayer.quizDragDropSelectionContainer .quizDragArea,
	.inLayer.quizDragDropSelectionContainer .quizDropArea {
		position: inherit;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizUsageGuidelineContainer {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizDragArea {
		float: left;
		width: 420px;
		margin-top: 0;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizDropArea {
		float: right;
		width: 210px;
		margin-right: 198px;
		margin-top: 0;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizDragArea {
		width: 425px;
	}
		
	.inLayer.quizDragDropSelectionContainer .quizDragAndDropElementDropContainer,
	.inLayer.quizDragDropSelectionContainer .quizDragAndDropElementDropContainer .quizDragContainer {
		margin: 0;
	}
	
	.inLayer.quizDragDropSelectionContainer .dragAndDropSlot,
	.inLayer.quizDragDropSelectionContainer .quizDragAndDropElementDropContainer {
		width: 100%;
		height: 100%;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	
	.dragDropProxy.dragDropSelection.layerInteraction,
	.dragDropProxy.dragDropSelection.layerInteraction .quizDragElement,
	.inLayer.quizDragDropSelectionContainer .quizDragArea img {
		width: 196px;
		height: 45px;
	}
	
	.dragDropProxy.dragDropSelection.layerInteraction,
	.dragDropProxy.dragDropSelection.layerInteraction .quizDragElement {
		height: 100%;
		width: 100%;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizDragArea img,
	.inLayer.quizDragDropSelectionContainer .quizDragElement img,
	.dragDropProxy.dragDropSelection.layerInteraction img,
	.dragDropProxy.dragDropSelection.layerInteraction .quizDragElement img {
		height: 53px;
		width: 182px;
		overflow: hidden;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizFeedbackAndSolutionContainer {
		height: 251px;
		width: 160px;
		position: absolute;
		left: 665px;
		bottom: 52px;
		border-top: 0;
		padding-left: 35px;
		padding-top: 0;
		margin-top: 0;
	}

	html[dir="rtl"] .inLayer.quizDragDropSelectionContainer .quizFeedbackAndSolutionContainer {
		padding-left: 0;
	}

	.inLayer.quizDragDropSelectionContainer .solutionFeedback {
		padding-left: 10px;
		padding-top: 6px;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizFeedbackAndSolutionContainer .quizButtonContainer {
		bottom: -41px;
		margin-top: 11px;
		position: absolute;
		right: -5px;
		width: 350px;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizFeedbackAndSolutionContainer .quizButtonContainer button {	
		float: right;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizFeedbackText {
		padding-right: 10px;
		min-width: 150px;
	}
	
	.inLayer.quizDragDropSelectionContainer .solutionFeedback span p {
		margin-top: -9px;
	}
	
	.inLayer.quizDragDropSelectionContainer div.positiveFeedback,
	.inLayer.quizDragDropSelectionContainer div.negativeFeedback {
		background-position: 10px 0px;
		padding-top: 0;
	}
	
	/* Clearfixing for Drag Area*/
	.inLayer.quizDragDropSelectionContainer .quizDragArea:before,
	.inLayer.quizDragDropSelectionContainer .quizDragArea:after,
	.inLayer.quizDragDropSelectionContainer .quizDropArea:before,
	.inLayer.quizDragDropSelectionContainer .quizDropArea:after {
		content: "";
		display: table;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizDragArea:after,
	.inLayer.quizDragDropSelectionContainer .quizDropArea:after {
		clear: both;
	}
	
	.inLayer.quizDragDropSelectionContainer .quizDragArea,
	.inLayer.quizDragDropSelectionContainer .quizDropArea {
		zoom: 1;
	}
	
/* File: view/element/interaction/dragDrop/allocation.css */
	.dragDropProxy.dragDropAllocation .quizDragElement {
		height: 100%;
	}
	
	.quizDragDropAllocationContainer .quizDragArea {
		margin-top: 10px;
	}
	
	.quizDragDropAllocationContainer .quizDragAndDropElementDropContainer .quizDragContainer {
		margin: 0;
	}

/* File: view/element/interaction/dragDrop/allocationPage.css */
	.inPage.quizDragDropAllocationContainer {
		position: absolute;
		left: 371px;
		top: 23px;
		height: 452px;
		width: 600px;
	}
	
	.inPage.quizDragDropAllocationContainer .quizFeedbackAndSolutionContainer {
		margin-right: 10px;
	}
	
	.inPage.quizDragDropAllocationContainer .quizFeedbackAndSolutionContainer .quizButtonContainer {
		margin-right: 0;
	}
	
/* File: view/element/interaction/dragDrop/allocationLayer.css */
	.inLayer.quizDragDropAllocationContainer {
		height: 323px;
	}
	
	.inLayer.quizDragDropAllocationContainer .usageGuideline {
		display: block;
		margin-bottom: 16px;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizUsageGuidelineContainer {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizDragArea {
		float: right;
		width: 266px;
		margin-top: 0;
		margin-right: 16px;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizDropArea {
		float: left;
		width: 552px;
		margin-top: 0;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizDropArea .quizDragAndDropElementDropContainer,
	.inLayer.quizDragDropAllocationContainer .quizDropArea,
	.inLayer.quizDragDropAllocationContainer .quizDropArea .quizDragAndDropElementDropContainerLabel,
	.inLayer.quizDragDropAllocationContainer .quizDropArea .quizDragAndDropElementDropContainerLabel .quizDragAndDropElementDropContainer {
		margin-top: 0;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizDropArea .quizDragAndDropElementDropContainerLabel,
	.inLayer.quizDragDropAllocationContainer .quizDropArea .quizDragAndDropElementDropContainerLabel .quizDragAndDropElementDropContainer {
		float: left;
		width: 263px;
	}
	
	.inLayer.quizDragDropAllocationContainer .dragAndDropSlot,
	.inLayer.quizDragDropAllocationContainer .quizDragAndDropElementDropContainer {
		width: 279px;
		height: 59px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizDragElement,
	.dragDropProxy.dragDropAllocation.layerInteraction,
	.dragDropProxy.dragDropAllocation.layerInteraction .quizDragElement,
	.inLayer.quizDragDropAllocationContainer .quizDragArea img {
		width: 100%;
		height: 100%;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizDragAndDropElementContainerRight,
	.inLayer.quizDragDropAllocationContainer .quizDragAndDropElementContainerWrong,
	.inLayer.quizDragDropAllocationContainer .quizDragAndDropElementContainerSolution {
		background-image: none;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizDragArea img,
	.inLayer.quizDragDropAllocationContainer .quizDragElement img,
	.dragDropProxy.dragDropAllocation.layerInteraction img,
	.dragDropProxy.dragDropAllocation.layerInteraction .quizDragElement img {
		height: 53px;
		width: 241px;
		overflow: hidden;
	}

	.inLayer.quizDragDropAllocationContainer .quizFeedbackAndSolutionContainer {
		float: left;
		height: 251px;
		width: 240px;
		margin-top: 0;
		margin-left: 5px;
		padding-top: 0;
		border-top: 0; 
		padding-left: 35px;
	} 
	
	.inLayer.quizDragDropAllocationContainer .quizFeedbackAndSolutionContainer.solutionFeedback {
		padding-left: 10px;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizFeedbackText span p {
		margin-top: -4px;
	}
	
/* Clearfixing for Drag Area*/
	.inLayer.quizDragDropAllocationContainer .quizDragArea:before,
	.inLayer.quizDragDropAllocationContainer .quizDragArea:after,
	.inLayer.quizDragDropAllocationContainer .quizDropArea:before,
	.inLayer.quizDragDropAllocationContainer .quizDropArea:after {
		content: "";
		display: table;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizDragArea:after,
	.inLayer.quizDragDropAllocationContainer .quizDropArea:after {
		clear: both;
	}
	
	.inLayer.quizDragDropAllocationContainer .quizDragArea,
	.inLayer.quizDragDropAllocationContainer .quizDropArea {
		zoom: 1;
	}
	
/* File: view/element/interaction/dragDrop/dialogue.css */
	.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonContainer {
		min-height: 28px;
	}
	
	/* Drag & Drop Answer*/
	.dragDropDialogueContainer .quizQuestionContainer,
	.dragDropDialogueContainer .quizUsageGuidelineContainer,
	.dragDropDialogueContainer .quizQuestionHeader,
	.dragDropDialogueContainer .quizLayerBackgroundImage {
		display: none;
	}
	
	.dragDropDialogueContainer .quizDragElement,
	.dragDropProxy.dragDropDialogue .quizDragElement {
		height: 100%;
		width: 100%;
	}

	.dragDropDialogueContainer .quizDragAndDropElementDropContainer,
	.dragDropDialogueContainer .quizDragArea .dragAndDropSlot {
		min-height: 73px;
	}
	
	.dragDropDialogueContainer .quizDragAndDropElementDropContainer,
	.dragDropDialogueContainer .quizDragAndDropElementDropContainer .quizDragContainer {
		margin: 0;
	}
	
	.dragDropDialogueContainer .quizDragArea {
		margin-top: 10px;
	}
	
	.dragDropDialogueContainer .quizFeedbackAndSolutionContainer .quizButtonContainer {
		margin-bottom: 0;
		margin-right: 0;
	}
	
	.dragDropDialogueContainer .balloonAnswer {
		padding: 0;
	}
	
/* File: view/element/interaction/dragDrop/dialoguePage.css */
	.inPage.dragDropDialogueContainer .quizDragDropInnerContainer {
		position: absolute;
		left: 371px;
		top: 0;
		height: 452px;
		width: 591px;
	}
	
	.inPage.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer {
		position: relative;
		height: 272px;
	}
	
	.inPage.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonAnswer {
		position: absolute;
		top: 206px;
		left: 300px;
	}
	
	.inPage.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonQuestion {
		position: absolute;
		top: 220px;
		left: 0px;
		width: 290px;
	}
	
	.inPage.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .usageGuideline {
		display: none;
	}
	
	.inPage.dragDropDialogueAnswerContainer {
		position: absolute;
		width: 600px;
		left: 0px;
		top: 246px;
	}
	
	.inPage.dragDropDialogueContainer .quizButtonContainer:before, .inPage.dragDropDialogueContainer .quizButtonContainer:after {
		content:" ";
		display: table;
	}
	
	.inPage.dragDropDialogueContainer .quizButtonContainer:after {
		clear: both;
	}
	
	.inPage.dragDropDialogueContainer .quizButtonContainer {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		zoom: 1;
	}

	.inPage.dragDropDialogueContainer .quizButtonContainer button {
		float: right;
		margin-top: 12px;
	}
	
	.inPage.dragDropDialogueContainer .quizDragArea {
		margin-top: 0px;
	}
	
	/* Drag & Drop Answer*/
	.inPage.dragDropDialogueContainer .quizQuestionContainer,
	.inPage.dragDropDialogueContainer .quizUsageGuidelineContainer {
		display: block;
	}
	
	.inPage.dragDropDialogueContainer .quizQuestionContainer {
		margin-top: 0;
	}
	
	.inPage.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .jsBackgroundImageContainer {
		display: none;
	}
	
/* File: view/element/interaction/dragDrop/dialogueLayer.css */
	.inLayer.dragDropDialogueContainer {
		height: 335px;
	}
	
	.inLayer.dragDropDialogueContainer .quizPageBackgroundImage {
		display: none;
	}
	
	.inLayer.dragDropDialogueContainer .quizLayerBackgroundImage {
		display: block;
	}
	
	.inLayer.dragDropDialogueContainer .quizQuestionHeader {
		display: block;
		margin-bottom: 16px;
	}

	.inLayer.dragDropDialogueContainer .quizUsageGuidelineContainerTop {
		width: 510px;
	}

	.inLayer.dragDropDialogueContainer .quizDragDropInnerContainer {
		width: 840px;
		height: 300px;
	}
	
	.inLayer.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer {
		width: 507px;
		height: 253px;
		position: relative;
		float: left;
		overflow: hidden;
	}
		
	.inLayer.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer,
	.inLayer.dragDropDialogueContainer .quizQuestionContainer {
		display: block;
	}
	
	.inLayer.dragDropDialogueContainer .quizUsageGuidelineContainer {
		position: absolute;
		top: -74px;
		left: -525px;
		width: 830px;
	}
		
	.inLayer.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonQuestion,
	.inLayer.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonAnswer {
		width: 296px;
		min-height: 47px;
	}
	
	.inLayer.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonAnswer {
		width: 310px;
		min-height: 47px;
	}
	
	.inLayer.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonQuestion {
		position: absolute;
		top: 122px;
		left: 10px;
	}
	
	.inLayer.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonAnswer {
		position: absolute;
		top: 185px;
		left: 185px;
	}
	
	.inLayer.dragDropDialogueContainer .quizDragArea {
		float: left;
		width: 310px;
		margin-left: 19px;
		margin-top: 0;
	}
	
	.inLayer.dragDropDialogueContainer .quizDragElement,
	.dragDropProxy.dragDropDialogue.layerInteraction .quizDragElement {
		width: 300px;
		background-position: right -2px;
	}
	
	.inLayer.dragDropDialogueContainer .quizDragElement.answer {
		background-image: none;
	}
	
	.inLayer.dragDropDialogueContainer .quizDragAndDropElementDropContainer,
	.inLayer.dragDropDialogueContainer .quizDragArea .dragAndDropSlot {
		min-height: 60px;
		width: 100%;
		margin-bottom: 4px;
	}
	
	.inLayer.dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .quizDragAndDropElementDropContainer {
		margin-bottom: 0;
	}
	
	.inLayer.dragDropDialogueContainer .quizFeedbackAndSolutionContainer {
		float: left;
		margin-top: 0;
		margin-left: 8px;
		padding-top: 0;
		min-height: 254px;
		width: 290px;
		border: 0;
	}
	
	.inLayer.dragDropDialogueContainer .quizFeedbackAndSolutionContainer p {
		margin-top: -3px;
	}
	
	.inLayer.dragDropDialogueContainer .quizDragDropIntroductionText {
		display: block;
	}
	
	.inLayer.dragDropDialogueContainer .jsBackgroundImageContainer {
		height: 251px;
		width: 506px;
	}
	
/* File: view/element/interaction/slider/slider.css */
	.sliderContainer .sliderDeactive {
		opacity: 1;
	}
	
	.sliderContainer .usageGuideline {
		display: none;
	}
	
	.sliderContainer .sliderMinValue,
	.sliderContainer .sliderHorizontal, 
	.sliderContainer .sliderMaxValue {
		display: table-cell;
		float: left;
	}
	
	.sliderContainer .sliderHorizontal {
		margin-top: 6px;
		width: 259px;
	}
	
	.sliderContainer .sliderMinValue {
		text-align: right;
		padding-right: 15px;
		min-width: 68px;
	}
	
	.sliderContainer .sliderMaxValue {
		padding-left: 15px;
	}
	
	.sliderContainer .sliderLabel {
		float: left;
		padding-right: 10px;
	}
	
	.sliderContainer .quizFeedbackText p {
		margin-bottom: 0;
	}
	
	div.mainThumbTip,
	div.solutionThumbTip,
	div.feedbackThumbTip {
		background: none;
		border: 0;
		position: relative;
	}
	
	div.solutionThumbTip .x-tip-body,
	div.mainThumbTip .x-tip-body {
		top: 14px !important; /* overwrites calculated Ext Inline Style*/
	}
	
	div.feedbackThumbTip .x-tip-body {
		top: 26px !important;
	}
	
	/* Ext-Slider Styling */
	.x-slider-inner .x-slider-thumb,
	.x-slider-inner .sliderThumbDeactive {
		z-index: 20000;
		width: 18px;
		height: 19px;
	}
	
	.x-slider-inner .x-slider-thumb {
		cursor: pointer;
	}
	
	.x-slider-inner .sliderThumbDeactive {
		cursor: default;
	}
	
	.x-slider-horz,
	.x-slider-horz .x-slider-end,
	.x-slider-horz {
		background: none;
	}
	
	.x-slider-inner .cheatModeThumb {
		z-index: 9000; /* make sure, that this thumb is behind the main slider */
	}
	
	.x-slider-inner .sliderThumbDeactive,
	.x-ie .x-slider-inner .x-slider-thumb.x-item-disabled,
	.x-ie .x-slider-horz .x-slider-thumb.x-item-disabled {
		background-position: -18px 0;
		opacity: 1;
	}
	
	.x-slider-inner div.solutionThumbRight,
	.x-ie .x-slider-inner div.solutionThumbRight {
		background-position: -54px 0;
	}
	
	.x-tip.mainThumbTip,
	.x-tip.solutionThumbTip,
	.x-tip.feedbackThumbTip {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	.sliderContainer .x-slider-horz .x-slider-thumb {
		top: -1px;
	}
	
/* File: view/element/interaction/slider/sliderPage.css */
	.inPage.sliderContainer {
		background: #ffffff;
		min-height: 53px;
		padding: 6px 8px 3px 9px;
		width: 460px;
		position: absolute;
		top: 190px;
		left: 20px;
	}
	
	.inPage.sliderContainer .quizSliderOuterContainer {
		width: 226px;
		float: left;
		margin-top: 6px;
	}
	
	.inPage.sliderContainer .questionText {
		font-weight: bold;
		margin-bottom: 13px;
	}
	
	.inPage.sliderContainer .feedbackContainer {
		position: absolute;
		left: 480px;
		top: 0;
	}
	
	.inPage.sliderContainer .balloonContainer {
		width: 460px;
	}
	
	div.mainThumbTip {
		padding-top: 0px;
	}
	
	div.mainThumbTip div {
		padding-top: 15px;
		height: 33px !important;
	}
	
	.inPage.sliderContainer .quizFeedbackAndSolutionContainer {
		margin-top: 0;
	}
	
	.inPage.sliderContainer .quizFeedbackAndSolutionContainer.solutionFeedback {
		padding: 6px 10px;
	}
	
	.inPage.sliderContainer .quizFeedbackAndSolutionContainer .quizButtonContainer button {
		margin: 0 0 0 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
	}
	
	.inPage.sliderContainer .quizFeedbackAndSolutionContainer .quizFeedbackText {
		padding-bottom: 10px;
	}
	
	.inPage.sliderContainer .quizButtonSubmitContainer button {
		position: absolute;
		bottom: 10px;
		right: 5px;
		margin-right: 5px;
	}
	
	.inPage.sliderContainer .balloonContainer {
		position: absolute;
		top: 0;
		left: 480px;
		width: 460px;
	}

	.x-gecko3 .inPage.sliderContainer .balloonContainer {
		min-height: 57px;
	}

/* File: view/element/interaction/slider/sliderLayer.css */
	.inLayer.sliderContainer .usageGuideline {
		display: block;
		margin-bottom: 12px;
	}
	
	.inLayer.sliderContainer .sliderHorizontal,
	.inLayer.sliderContainer .sliderHorizontal table.x-field {
		width: 214px !important;
	}
	
	.inLayer.sliderContainer .questionText {
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	.inLayer.sliderContainer .quizSliderContainer {
		margin-bottom: 5px;
	}
	
	.inLayer.sliderContainer .quizFeedbackAndSolutionContainer {
		border-left: 0;
		margin-top: 12px;
	}
	
	.inLayer.sliderContainer .negativeFeedback,
	.inLayer.sliderContainer .positiveFeedback {
		padding-left: 26px;
		padding-bottom: 4px;
	}
	
	.inLayer.sliderContainer .quizFeedbackAndSolutionContainer .quizButtonContainer {
	 	bottom: 10px;
		right: 10px;
	}
	
	.inLayer.sliderContainer .positiveFeedback,
	.inLayer.sliderContainer .negativeFeedback {
		background-position: 0 10px;
	}
	
/* File: view/element/interaction/chain/interactiveDialogue/interactiveDialogue.css */
	.chaininteraction {
		height: 100%;
		position: absolute;
		width: 100%;
		z-index: -5;
	}
	
	.chaininteraction .dialogueContainer,
	.chaininteraction .quizContainer,
	.chaininteraction .quizDragDropContainer,
	.chaininteraction .quizContainerRightOrWrong .balloonContainer .balloonArrow,
	.chaininteraction .dragDropDialogueContainer .balloonContainer .balloonArrow {
		display: none;
	}
	
	.chaininteraction .balloonAnswer.balloonContainer .balloonArrow {
		display: block;
	}
	
	.chaininteraction .chaininteractionPlayButton {
		display: none !important; /* Todo dynamic play button */ 
	}
	
	.chaininteraction .dialogueContainer .balloonContainer,
	.chaininteraction .dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonAnswer {
		min-height: 73px;
		top: 158px;
		position: absolute;
	}
	
	.chaininteraction .dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonAnswer .quizDragElement {
		min-height: 60px;
	}
	
	.chaininteraction .balloonOdd {
		width: 240px;
		left: 434px;
	}
	
	.chaininteraction .balloonEven,
	.chaininteraction .dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonAnswer,
	.chaininteraction .quizDragAndDropElementDropContainer,
	.chaininteraction .quizDragDropContainer .quizButtonContainer {
		width: 225px;
	}
	
	.chaininteraction .balloonEven {
		right: 49px;
	}
	
	.chaininteraction .dragDropDialogueContainer .quizDialogueSpeechbubbleContainer .balloonAnswer,
	.chaininteraction .quizDragDropContainer .quizButtonContainer {
		left: 731px;
	}
	
	.chaininteraction .quizDragDropContainer .quizButtonContainer {
		position: absolute;
		top: 258px;
	}
	
	.chaininteraction .quizDragDropContainer .quizButtonContainer button {
		float: right;
	}
	
	.chaininteraction .quizContainerRightOrWrong .quizFeedbackAndSolutionContainer,
	.chaininteraction .dragDropDialogueContainer .quizFeedbackAndSolutionContainer {
		margin-top: 0;
	}
	
	.chaininteraction .quizContainerRightOrWrong,
	.chaininteraction .quizContainerRightOrWrong .balloonContainer,
	.chaininteraction .dragDropDialogueContainer .quizFeedbackAndSolutionContainer {
		width: 380px;
		position: absolute;
	}
	
	.chaininteraction .quizContainerRightOrWrong,
	.chaininteraction .dragDropDialogueContainer .quizFeedbackAndSolutionContainer {
		top: 305px;
		left: 20px;
	}
	
	.chaininteraction .quizQuestionContainer h3 {
		font-size: 12px;
		font-family: Arial, Verdana, sans-serif;
	}
	
	.chaininteraction .dragDropDialogueContainer .quizDragDropInnerContainer {
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
	}
	
	.chaininteraction .dragDropDialogueAnswerContainer {
		padding: 6px 10px 10px 10px;
		display: inline-block;
		left: 20px;
		top: 289px;
		width: 95.6%;
	}
	
	.chaininteraction .dragDropDialogueContainer .usageGuideline {
		font-weight: bold;
	}
	
	.chaininteraction .quizDragElement {
		width: 213px;
	}
	
	.chaininteraction .quizDragArea .dragAndDropSlot {
		width: 224px;
	}
	
	.chaininteraction .dragDropDialogueContainer .quizFeedbackAndSolutionContainer .quizButtonContainer {
		margin-bottom: 0;
		margin-right: 0;
		position: absolute;
		top: auto;
		bottom: 10px;
		left: auto;
		right: 10px;
	}
	
	.chainInteractionPlayButton {
		float: right;
	}
	
/* File: view/element/interaction/chain/interactiveDialogue/rightWrong.css */
	.chaininteraction .quizContainerRightOrWrong {
		padding: 5px 10px 10px 10px;
	}
	
	.chaininteraction .quizContainerRightOrWrong .balloonContainer {
		top: 0px;
		left: 0px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		min-height: 75px;
	}
	
	.chaininteraction .quizContainerRightOrWrong .quizFeedbackAndSolutionContainer .quizButtonContainer {
		margin-bottom: 0;
		margin-right: 0;
		position: absolute;
		bottom: 10px;
		right: 10px;	
	}
	
/* File: view/element/interaction/chain/interactiveDialogue/progressBar.css */
	.progressBarOuterContainer {
		z-index: 2;
		-webkit-border-radius: 3px 3px 3px 3px;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		position: absolute;
		left: 20px;
		top: 270px;
		width: 380px;
	}
	
	.chaininteraction .progressBarOuterContainer {
		top: 277px;
	}
	
	.progressBarInnerContainer {
		display: block;
		overflow: hidden;
		padding: 6px 13px 6px 8px;
	}
	
	.progressBarInnerContainer div {
		display: block;
		float: left;
		height: 4px;
	}
	
	html[dir="rtl"] .progressBarInnerContainer div {
		float: right;
	}
	
	.progressBarInnerContainer .progressBarItemInnerBar {
		margin: 0 2px;
		width: 100%;
	}
	
	.progressBarInnerContainer .progressBarItemActive div {
	}
	
/* File: view/element/interaction/chain/interactiveDialogue/dragDropDialogue.css */
	.chaininteraction .dragDropDialogueContainer .quizQuestionContainer,
	.chaininteraction .dragDropDialogueContainer .quizUsageGuidelineContainer {
		display: block;
	}
	
/* File: view/element/interaction/chain/interactiveDialogue/dialogue.css */
	.chaininteraction .usageGuideline {
		display: block;
	}
	
	.chaininteraction .dialogueContainer {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	
/* File: view/element/interaction/chain/clickThrough/clickThrough.css */
	.clickThroughContainer {
		width: 545px;
		position: absolute;
		top: 25px;
		left: 420px;
		z-index: 2;
	}
	
	.clickthroughStationContainer {
		width: 540px;
		height: 335px;
		border: 4px solid #ffffff;
		position: relative;
	}
	
	.clickThroughContainer .mediumElement img {
		width: 532px;
		height: 315px;
	}
	
	.clickThroughContainer .mediumElement video,
	.clickThroughContainer .mediumElement .videoContainer {
		width: 532px;
		height: 315px;
	}
	
	.clickthroughCounterContainer {
		display: block;
		float: left;
		position: relative;
		width: 52px;
		height: 27px;
		padding: 5px 5px 0 5px;
		text-align: center;
		background: #ffffff;
		-webkit-border-radius: 3px 3px 0px 0px;
		-moz-border-radius: 3px 3px 0px 0px;
		border-radius: 3px 3px 0px 0px;
	}
	
	.clickThroughContainer .contentText {
		position: absolute;
		top: 344px !important; /*static - model Builder bug*/
		left: -4px !important;/*static - model Builder bug*/
		height: 92px;
		width: 540px;
		background-color: #ffffff;
		border: 10px solid #ffffff;
		display: block;
		overflow: auto;
	}
	
	.clickThroughContainer .progressBarOuterContainer {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	
	.clickthroughNavContainer {
		position: absolute;
		top: 294px;
		right: 9px;
		height: 26px;
		width: 107px;
		z-index: 20;
	}

	.clickthroughNavContainer button.clickthroughNext {
		display: inline;
		height: 22px;
		padding-right: 4px;
		padding-left: 16px;
		margin-left: 3px;
		background-position: 0px 0px;
	}
	
	.clickthroughNavContainer button.clickthroughNext:hover {
		background-position: 0px -21px;
	}
	
	.clickthroughNavContainer button.clickthroughNext[disabled=disabled],
	.clickthroughNavContainer button.clickthroughNext[disabled=disabled]:hover {
		background-position: 0px -42px;
	}
	
	.clickthroughNavContainer button.clickthroughPrev {
		display: inline;
		padding-right: 4px;
		padding-left: 16px;
		margin-right: 3px;
		background-position: -25px 0px;
	}
	
	.clickthroughNavContainer button.clickthroughPrev:hover {
		background-position: -25px -21px;
	}
	
	.clickthroughNavContainer button.clickthroughPrev[disabled=disabled],
	.clickthroughNavContainer button.clickthroughPrev[disabled=disabled]:hover {
		background-position: -25px -42px;
	}
	
	.clickthroughNavContainer button.repeatButtonStyle {
		background-position: -54px 0px;
	}
	
	.clickthroughNavContainer button.repeatButtonStyle:hover {
		background-position: -54px -21px;
	}
	
	.clickthroughNavContainer button.repeatButtonStyle[disabled=disabled],
	.clickthroughNavContainer button.repeatButtonStyle[disabled=disabled]:hover {
		background-position: -54px -42px;
	}
	
/* File: view/element/interaction/chain/clickThrough/progressBar.css */
	.clickThroughContainer .progressBarOuterContainer {
		position: absolute;
		top: 319px;
		left: 0;
		width: 540px;
		-webkit-border-radius: 0px 0px 3px 3px;
		-moz-border-radius: 0px 0px 3px 3px;
		border-radius: 0px 0px 3px 3px;
	}
	
	.clickThroughContainer .progressBarInnerContainer {
		display: block;
		overflow: hidden;
		padding: 6px 11px 6px 9px;
	}
	
	.clickThroughContainer .progressBarInnerContainer div {
		display: block;
		float: left;
		height: 4px;
	}
	
	.clickThroughContainer .progressBarInnerContainer .progressBarItemInnerBar {
		margin: 0 1px;
		width: 100%;
	}
	
/* File: view/element/interaction/chain/clickThrough/dialogue.css */
	.dialogueContainer {
		position: absolute;
		top: 0;
		left: 0;
		width: 532px;
		height: 315px;
	}
	
	.dialogueContainer .balloonContainer {
		width: 200px;
		min-height: 50px;
	}
	
/* File: view/element/interaction/chain/clickThrough/rightWrong.css */
	.clickThroughContainer .quizContainerRightOrWrong {
		position: absolute;
		top: 344px !important; /*static - model Builder bug*/
		left: -4px !important;/*static - model Builder bug*/
		height: 89px;
		width: 540px;
		background-color: #ffffff;
		border: 10px solid #ffffff;
		display: block;
	}
	
	.clickThroughContainer .quizContainerRightOrWrong .quizQuestionContainer {
		display: block;
		margin: -3px 0 10px 0;
	}
	
	.clickThroughContainer .quizContainerRightOrWrong .quizQuestionContainer h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 11px;
		line-height: 15px;
		height: 43px;
	}
	
	.clickThroughContainer .quizContainerRightOrWrong .quizUsageGuidelineContainer {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	
	.clickThroughContainer .quizContainerRightOrWrong .quizAnswerContainer {
		width: 165px;
		margin-top: 0;
	}
	
	.clickThroughContainer .quizContainerRightOrWrong div.quizFeedbackAndSolutionContainer {
		position: absolute;
		top: -10px;
		left: -10px;
		width: 541px;
		height: 89px !important; /* Overwrite Inline-Style */
		margin-top: 0;
	}
	
	.clickThroughContainer .quizContainerRightOrWrong .quizFeedbackAndSolutionContainer .balloonArrow {
		display: none;
	}
	
/* File: view/element/interaction/chain/clickThrough/video.css */
	/* Start: CONTROL BAR */
	.clickThroughContainer .videoContainer .mejs-container .mejs-controls {
		width: 408px;
		bottom: 1px;
		left: 5px;
	}
	
	.clickThroughContainer .videoContainer .mejs-container,
	.clickThroughContainer .videoContainer .mejs-overlay,
	.clickThroughContainer .videoContainer .mejs-mediaelement,
	.clickThroughContainer .videoContainer .mejs-captions-layer {
		width: 532px !important; /* overwrites calculated mejs inline-styling */
		height: 316px !important; /* overwrites calculated mejs inline-styling */
	}
	
	.clickThroughContainer .videoContainer .mejs-mediaelement {
		overflow: hidden;
	}
	
	.clickThroughContainer .videoContainer .mejs-captions-position {
		padding: 6px 10px;
		position: absolute;
		text-align: left;
		z-index: auto;
		top: 340px !important; /*static - model Builder bug*/
		left: -4px !important;/*static - model Builder bug*/
		height: 89px;
		width: 540px;
		background-color: #ffffff;
		line-height: 1.33em;
		border: 0;
	}
	
	.clickThroughContainer .mejs-controls div.mejs-time-rail {
		margin-left: 5px;
		margin-right: 5px;
	}
	
/* File: view/element/interaction/elementSwitchThumbnailContent/thumbnailCommon.css */
	.thumbnailOuter {
		position: absolute;
		left: 10px;
		bottom: 39px;
	}
	
	.navigationOuterSlider {
		position: relative;
		overflow: visible;
		float: left;
		height: 100%;
		z-index: 10;
	}
	
	.navigationInnerSlider {
		width: 30000px;
		bottom: 0px;
		position: absolute;
		height: 100%;
	}
	
	.thumbnailElement {
		float: left;
		padding: 3px;
		position: relative;
		cursor: pointer;
	}

	html[dir="rtl"] .thumbnailElement {
		float: right;
	}

	.thumbnailElement.visited .markerVisited {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	.thumbnailContentTextContainer {
		position: fixed;
		bottom: 45px;
		right: 20px;
		width: 590px;
	}
	
	.thumbnailContentTextContainer .textboxContent {
		margin-bottom: -3px;
	}
	
/* File: view/element/interaction/elementSwitchThumbnailContent/thumbnailTwo.css */
	.thumbnailOuter.thumbnailOuterContentTwo {
		width: 330px;
		height: 72px;
	}
	
	.thumbnailOuterContentTwo .navigationOuterSlider {
		width: 100%;
	}
	
	.thumbnailOuterContentTwo .thumbnailElement {
		bottom: 0px;
		width: 140px;
		height: 72px;
		margin: 0 10px;
	}
	
	.thumbnailOuterContentTwo .thumbnailElement img {
		height: 100%;
		width: 100%;
	}
	
/* File: view/element/interaction/elementSwitchThumbnailContent/thumbnailMoreThanThree.css */
	.thumbnailOuter.thumbnailOuterContentMoreThree {
		height: 54px;
	}
	
	.thumbnailOuterContentMoreThree .navigationOuterSlider {
		overflow: hidden;
		width: 272px;
	}
	
	.thumbnailOuterContentMoreThree .navigationInnerSlider {
		padding-top: 16px;
	}
	
	.thumbnailOuterContentMoreThree .thumbnailContainer {
		width: 90px;
		height: 36px;
		float: left;
		text-align: center;
	}
	
	.thumbnailOuterContentMoreThree .thumbnailElement {
		width: 70px;
		height: 36px;
		position: relative;
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	
	.thumbnailOuterContentMoreThree .thumbnailElement img {
		height: 100%;
		width: 100%;
	}
	
	.thumbnailOuterContentMoreThree button.navigationButtonPrevious,
	.thumbnailOuterContentMoreThree button.navigationButtonPrevious:active,
	.thumbnailOuterContentMoreThree button.navigationButtonNext,
	.thumbnailOuterContentMoreThree button.navigationButtonNext:active {
		width: 15px;
		height: 36px;
		cursor: pointer;
		background-image: none;
		border: 0 solid transparent;
		margin: 16px 10px 0 15px;
		padding: 0;
		text-indent: -9999px;
		bottom: 0px;
		float: left;
	}
	
	.thumbnailOuterContentMoreThree button[disabled="disabled"].navigationButtonPrevious,
	.thumbnailOuterContentMoreThree button[disabled="disabled"].navigationButtonPrevious:active,
	.thumbnailOuterContentMoreThree button[disabled="disabled"].navigationButtonNext,
	.thumbnailOuterContentMoreThree button[disabled="disabled"].navigationButtonNext:active {
		cursor: default;
	}
	
	.thumbnailOuterContentMoreThree button.navigationButtonPrevious {
		-webkit-border-radius: 2px 0px 0px 2px;
		-moz-border-radius: 2px 0px 0px 2px;
		border-radius: 2px 0px 0px 2px;
	}
	
	.thumbnailOuterContentMoreThree button.navigationButtonNext,
	.thumbnailOuterContentMoreThree button.navigationButtonNext:hover,
	.thumbnailOuterContentMoreThree button.navigationButtonNext:active {
		margin-left: 8px;
		margin-right: 0;
		-webkit-border-radius: 0px 2px 2px 0px;
		-moz-border-radius: 0px 2px 2px 0px;
		border-radius: 0px 2px 2px 0px;
	}
	
	.thumbnailOuterContentMoreThree button.navigationButtonPrevious span,
	.thumbnailOuterContentMoreThree button.navigationButtonNext span {
		display: block;
		width: 3px;
		height: 6px;
		margin: 0 auto;
	}
	
	.thumbnailOuterContentMoreThree button.navigationButtonNext span {
		background-position: -3px -17px;
	}
	
	.thumbnailOuterContentMoreThree button.navigationButtonPrevious[disabled="disabled"] span,
	.thumbnailOuterContentMoreThree button.navigationButtonPrevious[disabled="disabled"]:hover span {
		background-position: -12px -3px;
	}
	
	.thumbnailOuterContentMoreThree button.navigationButtonNext[disabled="disabled"] span,
	.thumbnailOuterContentMoreThree button.navigationButtonNext[disabled="disabled"]:hover span {
		background-position: -3px -3px;
	}
	
	.thumbnailOuterContentMoreThree button.navigationButtonPrevious:hover span {
		background-position: -12px -31px;
	}
	
	.thumbnailOuterContentMoreThree button.navigationButtonNext:hover span {
		background-position: -3px -31px !important;
	}
	
/* File: view/element/interaction/elementSwitchThumbnailContent/thumbnailThree.css */
	.thumbnailOuter.thumbnailOuterContentThree {
		height: 52px;
		left: 13px;
	}
	
	.thumbnailOuterContentThree .navigationOuterSlider {
		width: 320px;
	}
	
	.thumbnailOuterContentThree .thumbnailElement {
		bottom: 0px;
		width: 90px;
		height: 46px;
		margin: 0 8px 0 7px;
	}
	
	.thumbnailOuterContentThree .thumbnailElement img {
		height: 100%;
		width: 100%;
	}
	
/* File: view/model/element/templates/elementSwitchMouseoverLayer.css */
	.mouseOverLayerContainer {
		position: absolute;
		height: 115px;
		left: 0;
		bottom: 55px;
		width: 100%;
	}
	
	.mouseOverLayerContainer .mouseoverLayerGroup {
		position: relative;
		bottom: 0px;
		height: 120px;
		float: left;
		margin-left: 20px;
	}
	
	.mouseOverLayerContainer .thumbnailWithText {
		width: 220px;
		height: 113px;
		position: relative;
		bottom: 0px;
		overflow: hidden;
		padding: 4px;
		cursor: default;
	}
	
	.mouseOverLayerContainer .thumbnailContentTextContainer {
		position: absolute;
		bottom: 174px;
		width: 286px;
		right: 0;
	}
	
	.mouseOverLayerContainer .thumbnailText {
		font-weight: bold;
		padding-bottom: 6px;
		padding-top: 3px;
		height: 22.858%;
	}
	
	.mouseOverLayerContainer .thumbnailImage {
		width: 100%;
		height: 77.142%;
	}
	
	.mouseOverLayerContainer .thumbnailWithText.visited .markerVisited {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 20%;
		right: 1px;
	}
	
/* File: view/element/interaction/slideshow/slideshow.css */
	.slideShowNavContainer {
		height: 40px;
		left: 0;
		margin-top: -22px;
		padding: 0 10px;
		position: absolute;
		top: 50%;
		width: 100%;
	}
	
	.slideshowButtonNext,
	.slideshowButtonNext:hover,
	button[disabled=disabled].slideshowButtonNext,
	button[disabled=disabled].slideshowButtonNext:active,
	.slideshowButtonPrevious,
	.slideshowButtonPrevious:hover,
	button[disabled=disabled].slideshowButtonPrevious,
	button[disabled=disabled].slideshowButtonPrevious:active {
		vertical-align: middle;
		text-indent: -900em;
		outline: none;
		margin: 0;
		padding: 0;
		border: 0;
		width: 19px;
		height: 40px;
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
		border-radius: 0 0 0 0;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
	}
	
	.slideshowButtonNext,
	button[disabled=disabled].slideshowButtonNext {
		float: right;
		background-position: top right;
	}
	
	.slideshowButtonNext:hover {
		background-position: bottom right;
	}
	
	.slideshowButtonPrevious {
		float: left;
		background-position: top left;
	}
	
	.slideshowButtonPrevious:hover {
		background-position: bottom left;
	}
	
	.slideshowState {
		position: absolute;
		bottom: 0px;
		right: 10px;
		padding: 3px 10px 2px;
		-webkit-border-radius: 2px 2px 0 0;
		-moz-border-radius: 2px 2px 0 0;
		border-radius: 2px 2px 0 0;
	}
	
	img.slideshowImage {
		float: none;
	}
	
/* Error Container */
	.errorContainer {
		width: 400px;
		height: 120px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -62px;
		margin-left: -200px;
		padding: 10px;
		background: #ffffff;
	}
	
	.previewInfoLayer {
		position: fixed;
		left: 0px;
		top: 0px;
		background-color: #ffffff;
		padding: 3px 3px;
		z-index: 20;
	}

/****************************************/
/********** TEMPLATES Phase 2 **********/
/* Text Slide-In */
	.slideIn {
		position: absolute;
		min-width: 150px;
		max-width: 446px;
	}
	
	.slideIn .textBlock {
		padding: 16px 20px 17px;
	}
	
	.slideIn .textBlock p {
		margin-bottom: 0;
	}

	.slideIn button,
	.slideIn button:hover {
		display: block;
		vertical-align: middle;
		text-indent: -900em;
		outline: none;
		margin: 0;
		padding: 0;
		border: 0;
		width: 22px;
		height: 100%;
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
		border-radius: 0 0 0 0;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
		position: absolute;
	}
	
	/* SlideInLeft */
	.slideInLeft {
		top: 300px;
		left: -500em;
	}
	
	.slideInLeft .textBlock {
		padding-right: 32px;
	}
	
	.slideInLeft button {
		right: 0;
		top: 0;
	}

	/* slideInRight */
	.slideInRight {
		top: 300px;
		right: -500em;
	}
	
	.slideInRight .textBlock {
		padding-left: 32px;
	}

	.slideInRight button {
		left: 0;
		top: 0;
	}

	/* slideInBottom */
	.slideInBottom {
		left: 428px;
		bottom: -500em;
	}
	
	.slideInBottom .textBlock {
		padding-top: 28px;
	}

	.slideInBottom button,
	.slideInBottom button:hover {
		right: 0;
		top: 0;
		height: 22px;
		width: 100%;
	}
	
	/* slideInTop */
	.slideInTop {
		left: 428px;
		top: -500em;
	}
	
	.slideInTop .textBlock {
		padding-bottom: 28px;
	}

	.slideInTop button,
	.slideInTop button:hover {
		right: 0;
		bottom: 0;
		height: 22px;
		width: 100%;
	}
	
/* Buzzer Template */
	.quizContainerBuzzer {
		position: absolute;
		width: 980px;
		height: 504px;
	}
	
	.buzzerLeftContainer {
		float: left;
		width: 716px;
		height: 504px;
		position: relative;
	}
	
	.buzzerRightContainer {
		float: right;
		width: 264px;
		height: 504px;
	}
	
	.quizContainerBuzzer .startBuzzerQuizButton,
	.quizContainerBuzzer .startBuzzerQuizButton:active,
	.quizContainerBuzzer .repeatBuzzerQuizButton,
	.quizContainerBuzzer .repeatBuzzerQuizButton:active {
		position: absolute;
		top: 46.5%;
		left: 48.8%;
		width: 36px;
		height: 34px;
		border: 0;
		margin: 0;
		padding: 0;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
	}
	
	.quizContainerBuzzer .buzzerQuizContent,
	.quizContainerBuzzer .videoOpeningImageContainer {
		position: absolute;
		left: 20px;
		top: 50px;
		z-index: 0;
		width: 676px;
		height: 388px;
		padding: 4px;
		-webkit-border-radius: 0px 0px 3px 3px;
		-moz-border-radius: 0px 0px 3px 3px;
		border-radius: 0px 0px 3px 3px;
	}
	
	.quizContainerBuzzer .usageGuideline {
		padding: 20px;
		margin-top: 26px;	
	}
	
	.quizContainerBuzzer .progressBarOuterContainer {
		top: 434px;
		left: 20px;
		width: 676px;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
	}
	
	.buzzerRightContainer .quizUsageGuidelineContainer .quizButtonContainer {
		margin-right: 20px;
	}
	
	.buzzerRightContainer .buzzerButton,
	.buzzerRightContainer button[disabled=disabled].buzzerButton,
	.buzzerRightContainer button[disabled=disabled].buzzerButton:hover,
	.buzzerRightContainer button[disabled=disabled].buzzerButton:active {
		width: 158px;
		height: 158px;
		padding: 0;
		margin: 30px auto 0 auto;
		border: 0;
		float: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
	}
	
	.buzzerRightContainer .buzzerButton:hover {
		background-position: -20px -213px;
	}
	
	.buzzerRightContainer .buzzerButton:active {
		background-position: -20px -408px;
	}
	
	.buzzerRightContainer button[disabled=disabled].buzzerButton,
	.buzzerRightContainer button[disabled=disabled].buzzerButton:hover,
	.buzzerRightContainer button[disabled=disabled].buzzerButton:active {
		background-position: -20px -602px;
	}
	
	.buzzerRightContainer .quizFeedbackAndSolutionContainer {
		margin-left: 20px;
		margin-right: 20px;
	}
	
	.buzzerRightContainer .quizFeedbackAndSolutionContainer .quizFeedbackText p {
		margin-bottom: 0;
	}
	
	.buzzerRightContainer .totalBuzzerFeedback {
		margin-top: 51px;
	}
	
	.buzzerRightContainer .totalBuzzerFeedback .balloonArrow {
		display: none;	
	} 

	.buzzerRightContainer .quizFeedbackAndSolutionContainer.balloonTop .balloonArrow {
		left: 46.5%;
	}
	
	/* Buzzer Template - Video */
	.quizContainerBuzzer .mejs-overlay-button {
		display: none;
	}
	
	.quizContainerBuzzer .mejs-captions-position {
		bottom: 12px;
		padding: 10px;
		text-align: center;
		width: 100%;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
	}
	
	.quizContainerBuzzer .videoContainerWithSubtitle .me-plugin {
		height: 100%;
	}
	
/* Interacive Tables */
	/* Interactive Table - Global */
	.clickableTable {
		position: absolute;
		top: 300px;
		left: 0px;
		width: 980px;
	}
	
	.contentContainer .clickableTable p {
		margin-bottom: 0;
	}
	
	.clickableTable td {
		padding: 2px 8px 3px;
	}
	
	.clickableTable .invisible .textElment {
		visibility: hidden;
	}

	.clickableColumn .textVisibility .textElment {
		visibility: hidden;
	}

	.clickableColumn .textVisibility.active .textElment {
		visibility: visible;
	}

	.clickableTable .clickable {
		cursor: pointer;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	.clickableTable .clickable .textElment {
		font-weight: normal;
		font-size: 12px;
		padding-left: 10px;
	}
	
	.clickableTable .clickable:hover .textElment {
		text-decoration: underline;
	}
	
	/* Interactive Table - Column */
	.clickableColumn tr:first-child .boldColumn.clickable {
		cursor: default;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
		border: 0;	
	}
	
	.clickableColumn .boldColumn {
		padding-right: 0;	
	}
	
	.clickableColumn .boldColumn .textElment {
		visibility: visible;
	}
	
	/* Interactive Table - Column */
	.clickableRow .textVisibility .textElment {
		visibility: hidden;
	}
	
	.clickableRow .active .textVisibility .textElment {
		visibility: visible;
	}
	
	.clickableRow th.clickable {
		cursor: default;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
		border: 0;	
	}
	
	.clickableRow th.textVisibility .textElment {
		visibility: visible;
	}
	
	.clickableRow th .textElment {
		margin-top: 5px;
	}
	
/* slideshowAlbum */
	/* slideshowAlbum */
	.elementSlideshow {
		position: absolute;
		top: 100px;
		left: 20px;
		width: 940px;
		height: 350px;
	}
	
	.elementSlideshowSlidesInner {
		position: relative;
	}
	
	.elementSlideshowSlide .elementSlideshowSlideTextContainer {
		height: 44%;
		overflow: auto;
		padding-right: 5px;
	}
	
	.headlineWithTwoRows .elementSlideshowSlideTextContainer {
		height: 40%;
	}
	
	/* slideshowAlbum - Navi */
	.elementSlideshowButton,
	.elementSlideshowButton:hover {
		position: absolute;
		top: 132px;
		display: block;
		vertical-align: middle;
		text-indent: -900em;
		outline: none;
		margin: 0;
		padding: 0;
		border: 0;
		width: 22px;
		height: 123px;
		z-index: 5;
		-webkit-border-radius: 0 0 0 0;
		-moz-border-radius: 0 0 0 0;
		border-radius: 0 0 0 0;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
	}
	
	.elementSlideshowButtonPrevious {
		left: 0px;
	}
	
	.elementSlideshowButtonNext {
		right: 0px;
	}
	
	/* slideshowAlbum - Slides */
	.elementSlideshowSlide {
		padding: 6px 10px 0;
		overflow: hidden;
		position: absolute;
	}
		
	.elementSlideshowSlideHeadlineContainer {
		font-weight: bold;
	}
	
	.elementSlideshowSlideHeadlineContainer p,
	.elementSlideshowSlideImageContainer img {
		margin-bottom: 0.6em;
	}
	
	.elementSlideshowSlideImageContainer mediumElement {
		text-align: center;
	}
	
	.elementSlideshowSlideImageContainer img {
		width: 100%;
		max-width: 334px;
		max-height: 200px;
	}
	
/* Lückentext */
	/* quizContainerCloze - global */
	.quizContainerCloze {
		position: absolute;
	}
	
	.clozeTextContainer {
		line-height: 2.36em;
	}

	.quizContainerCloze .clozeTextContainer p {
		margin-bottom: 0; 
	} 
	
	.quizLacunaContainer {
		display: inline-block;
	}
	
	.quizLacunaContainer select {
		padding: 2px 2px 2px 5px;
		margin: 0 1px;
		outline: 0;
	}
	
	.quizContainerCloze .quizAnswerContainerRight,
	.quizContainerCloze .quizAnswerContainerWrong,
	.quizContainerCloze .quizAnswerContainerSolved {
		margin-top: 4px;
	}
	
	.quizContainerCloze .quizAnswerContainerRight span,
	.quizContainerCloze .quizAnswerContainerWrong span,
	.quizContainerCloze .quizAnswerContainerSolved span {
		display: block;
		line-height: 1.5em;
		padding: 0 8px;
		margin: 0 22px 0 4px;
		font-style: normal;
	}
	
	.quizContainerCloze .quizAnswerContainerRight span {
		margin-right: 25px;
	}
	
	.quizContainerCloze .quizAnswerContainerSolved span {
		margin-right: 4px;
	}

	/* quizContainerCloze - inPage */
	.inPage.quizContainerCloze,
	.inPage.quizContainerCloze .quizFeedbackAndSolutionContainer {
		width: 590px;
	}
	
	.inPage.quizContainerCloze {
		right: 20px;
		top: 22px;
	}
	
	.inPage.quizContainerCloze .quizFeedbackAndSolutionContainer {
		position: absolute;
	}
	
	.inPage .clozeTextContainer {
		background-color: #ffffff;
		padding: 11px 20px;
	}

	/* quizContainerCloze - inLayer */
	.inLayer.quizContainerCloze .positiveFeedback,
	.inLayer.quizContainerCloze .negativeFeedback {
		background-position: 0 10px;
	}
	
	.inLayer.quizContainerCloze .quizFeedbackAndSolutionContainer {
		border-left: 0;
		margin-top: 12px;
		padding-left: 26px;
	}
	
	.inLayer.quizContainerCloze .quizFeedbackAndSolutionContainer.solutionFeedback {
		padding-left: 0;
	}


/* SingleClick */
	/* quizContainerSingleClick - global */
	.quizContainerSingleClick .quizContainerInner {
		position: relative;
		background: no-repeat top left;
		overflow: hidden;
	}
	
	.quizContainerSingleClick .quizAnswerContainer .answer {
		border: 6px solid transparent;
		padding: 0;
		background-image: none;
		width: 50px;
		height: 38px;
	}
	
	.quizContainerSingleClick .answer span {
		position: absolute;
		top: -6px;
		right: -28px;
		width: 28px;
		height: 28px;	
		display: none;
	}
	
	.quizContainerSingleClick .quizAnswerContainerWrong .quizFeedbackCheckboxChecked span {
		display: block;
	}
	
	.quizContainerSingleClick .quizAnswerContainerRight .quizFeedbackCheckboxChecked span {
		display: block;
	}
	
	/* quizContainerSingleClick - inPage */
	.inPage.quizContainerSingleClick {
		position: absolute;
		right: 20px;
		top: 26px;
	}
	
	.inPage.quizContainerSingleClick,
	.inPage.quizContainerSingleClick .quizContainerInner,
	.inPage.quizContainerSingleClick .quizFeedbackAndSolutionContainer {
		width: 590px;
	}
	
	.inPage.quizContainerSingleClick .quizContainerInner {
		height: 262px;
	}
	
	/* quizContainerSingleClick - inLayer */
	.inLayer.quizContainerSingleClick .quizContainerInner {
		width: 506px;
	}
	
	.inLayer.quizContainerSingleClick .quizContainerInner {
		float: left;
		height: 251px;
	}

	.inLayer.quizContainerSingleClick .quizFeedbackAndSolutionContainer,
	.inLayer.chainedSingleClickContainer .quizFeedbackAndSolutionContainer {
		float: left;
		width: 290px;
		min-height: 125px;
		border: 0;
		margin: 0 0 0 9px;
		padding-right: 0;
	}
	
	.inLayer.quizContainerSingleClick .quizFeedbackAndSolutionContainer.positiveFeedback,
	.inLayer.quizContainerSingleClick .quizFeedbackAndSolutionContainer.negativeFeedback,
	.inLayer.chainedSingleClickContainer .quizFeedbackAndSolutionContainer.positiveFeedback,
	.inLayer.chainedSingleClickContainer .quizFeedbackAndSolutionContainer.negativeFeedback {
		padding-top: 0;
		padding-left: 26px;
		background-position: 0 0;
	}
	
	.inLayer.quizContainerSingleClick .quizUsageGuidelineContainer {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}

/* MultiClick */
	/* quizContainerSingleClick - inPage */
	.inPage.chainedSingleClickContainer .chainedSingleClickStationContainer {
		position: relative;
	}
	
	.chainedSingleClickStationContainer .inPage.quizContainerSingleClick .quizContainerInner {
		height: 364px;
	}
	
	.inPage.chainedSingleClickContainer .quizFeedbackAndSolutionContainer,
	.chainedSingleClickStationContainer .inPage.quizContainerSingleClick .quizFeedbackAndSolutionContainer {
		position: absolute;
		width: 380px;
	}
	
	.inPage.chainedSingleClickContainer .quizFeedbackAndSolutionContainer {
		top: 200px;
		left: 280px;
	}
	
	.chainedSingleClickStationContainer .inPage.quizContainerSingleClick .quizFeedbackAndSolutionContainer {
		top: 140px;
		left: -75px;
	}

/* Quiz2x2 */
	/* Quiz2x2 - global */
	.choice2x2 .quizAnswerContainer {
		float: left;
		background-image: none;
	}

	.choice2x2 .quizAnswerContainer:nth-child(2n) {
		float: right;
	}
	
	.choice2x2 .quizAnswerContainer span {
		display: block;
		overflow: hidden;
	}
	
	.choice2x2 .answer em {
		position: absolute;
		top: 0;
		right: 0;
		width: 25px;
		height: 24px;	
	}
	
	.choice2x2 .quizAnswerContainerWrong .quizFeedbackCheckboxChecked em,
	.choice2x2 .quizAnswerContainerRight .quizFeedbackCheckboxChecked em,
	.choice2x2 .quizAnswerContainerMissing .quizFeedbackCheckbox em {
		display: block;
	}
	
	.choice2x2 .quizFeedbackText p {
		margin-bottom: 0;
	}
	
	/* quizContainerSingleChoice2x2 - global */
	.quizContainerSingleChoice.choice2x2 .quizAnswerContainer .answer {
		padding: 3px 3px 3px 26px;
		position: relative;
	}

	/* quizContainerSingleChoice - inPage */
	.inPage.choice2x2.quizContainerSingleChoice,
	.inPage.choice2x2.quizContainerSingleChoice .quizContainerInner {
		width: 590px;
	}
	
	.inPage.choice2x2.quizContainerSingleChoice .quizAnswerContainer span {
		min-width: 261px;
		min-height: 113px;
	}
	
	/* quizContainerSingleChoice - inLayer */
	.inLayer.choice2x2.quizContainerSingleChoice .quizAnswerContainer span {
		min-width: 242px;
		min-height: 117px;
		padding-top: 0;
	}

	.inLayer.choice2x2.quizContainerSingleChoice .quizContainerInner {
		width: 547px;
	}
	
	.inLayer.choice2x2.quizContainerSingleChoice .quizContainerInner {
		float: left;
		min-height: 125px;
		margin-bottom: 10px;
	}

	.inLayer.choice2x2.quizContainerSingleChoice .quizFeedbackAndSolutionContainer {
		float: left;
		width: 250px;
		min-height: 125px;
		border: 0;
		margin: 0 0 0 9px;
		padding-right: 0;
	}
	
	.inLayer.choice2x2.quizContainerSingleChoice .quizUsageGuidelineContainer {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	
	/* quizContainerMultipleChoice2x2 - global */
	.quizContainerMultipleChoice.choice2x2 .quizAnswerContainer .answer {
		padding: 3px 3px 3px 26px;
		position: relative;
	}

	/* quizContainerMultipleChoice - inPage */
	.inPage.choice2x2.quizContainerMultipleChoice .quizAnswerContainer .answer {
		height: auto;
		width: auto;
		display: block;
	}
	
	.inPage.choice2x2.quizContainerMultipleChoice,
	.inPage.choice2x2.quizContainerMultipleChoice .quizContainerInner {
		width: 590px;
	}
	
	.inPage.choice2x2.quizContainerMultipleChoice .quizAnswerContainer span {
		min-width: 261px;
		min-height: 113px;
	}
	
	/* quizContainerMultipleChoice - inLayer */
	.inLayer.choice2x2.quizContainerMultipleChoice .quizAnswerContainer {
		margin-top: 5px;
	}
	
	.inLayer.choice2x2.quizContainerMultipleChoice .quizAnswerContainer span {
		min-width: 242px;
		min-height: 117px;
		padding-top: 0;
	}
	
	.inLayer.choice2x2.quizContainerMultipleChoice .quizContainerInner {
		width: 547px;
	}
	
	.inLayer.choice2x2.quizContainerMultipleChoice .quizContainerInner {
		float: left;
		min-height: 125px;
		margin-bottom: 10px;
	}

	.inLayer.choice2x2.quizContainerMultipleChoice .quizFeedbackAndSolutionContainer {
		float: left;
		width: 250px;
		min-height: 125px;
		border: 0;
		margin: 0 0 0 9px;
		padding-right: 0;
	}
	
	.inLayer.choice2x2.quizContainerMultipleChoice .quizUsageGuidelineContainer {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}

/* VideoElement */
	.videoElementOuter {
		position: absolute;
		top: 26px;
		right: 20px;
		width: 540px;
		height: 422px;
		padding: 4px 4px 10px;
	}
	
	.videoElement {
		width: 532px;
		height: 300px;
	}

	.videoElementOuter .videoContainerWithSubtitle .me-plugin {
		height: 100%;
	}
	
	.videoElementOuter .videoContainerWithSubtitle .mejs-container {
		width: 532px!important;
		height: 300px!important;
	}
	
	.videoElementOuter .videoContainerWithSubtitle .mejs-captions-position {
		bottom: auto;
		top: 300px;
		width: 100%;
		height: 114px;
		padding: 2px 6px 6px;
		overflow: hidden;
		-webkit-box-shadow: 0 0 0 0;
		-moz-box-shadow: 0 0 0 0;
		box-shadow: 0 0 0 0;
	}
	
	.videoElementOuter .videoContainerWithSubtitle .mejs-container .mejs-controls {
		bottom: 1px;
		width: 100%;
	}
	
	.videoElementOuter .videoContainerWithSubtitle .mejs-controls .mejs-button button {
		margin-left: 0;
		margin-right: 0;	
	}
	
	.videoElementOuter .videoContainerWithSubtitle .mejs-controls .mejs-mute button,
	.videoElementOuter .videoContainerWithSubtitle .mejs-controls .mejs-unmute button {
		margin-left: 10px;	
	}

/* Multiple Slider */
	/* Multiple Slider - in Gruppierung */
	.contentInner .inPage.sliderContainer {
		position: relative; /* static nicht möglich, Positionierung des Feedbacks relative */
		margin-bottom: 20px;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
	}

/* Placeable Image */
	.placeableImageContainer {
		padding: 5px;
	}
	
	.placeableImageContainer .mediumElement,
	.placeableImageContainer span {
		float: left;
		height: 125px;
		overflow: hidden;
		position: relative;
		display: block;
		margin-right: 5px;
	}

	.placeableImageContainer .mediumElement {
		width: 152px;
	}
	
	.placeableImageContainer .placeableImageArrow {
		position: absolute;
		top: 60px; 
		left: 150px;
		width: 7px;
		height: 15px;
		z-index: 3;
	}
	
	.placeableImageContainer span {
		width: 128px;
	}

/* Bereichszuordnung */
	/* areaAllocation - global */
	.quizDragDropAreaAllocationContainer .quizDropArea .quizDropArea {
		float: left;	
	}
	
	.quizDragDropAreaAllocationContainer .quizDragAndDropElementDropContainer,
	.quizDragDropAreaAllocationContainer .quizDragArea .dragAndDropSlot {
		width: 100%;
	}
	
	.quizDragDropAreaAllocationContainer .quizDragElement {
		width: 100%;
		height: 100%;
	}
	
	.quizDragDropAreaAllocationContainer .quizDragAndDropElementDropContainer,
	.quizDragDropAreaAllocationContainer .quizDragContainer {
		float: none;
	}
	
	.quizDragDropAreaAllocationContainer .quizDragContainer {
		margin-bottom: 0;
	}
	
	.quizDragDropAreaAllocationContainer .quizDragAndDropElementDropContainer.quizDragAndDropElementDropContainerLabel {
		background-color: transparent;
		min-height: 10px;
		margin-top: 0;
		border: 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	} 
	
	.quizDragDropAreaAllocationContainer .quizDragDropTextSelection {
		color: #ffffff;
		font-weight: bold;
		padding: 0;
	}
	
	.quizDragDropAreaAllocationContainer .quizDragDropTextSelection p {
		margin-bottom: 6px;
	}
	
	.quizDragDropAreaAllocationContainer .quizDragArea .dragAndDropSlot,
	.quizDragDropAreaAllocationContainer .quizDragAndDropElementDropContainer {
		height: 60px;
	}
	
	.quizDragDropAreaAllocationContainer .quizDragArea .dragAndDropSlot {
		margin-top: 3px;
	}
	
	.dragDropProxy.dragDropAllocation img {
		height: auto;
		width: auto;
	}

	.quizDragDropAreaAllocationContainer.inLayer .quizContainer.quizDragArea {
		margin-top: 0;
	}

	/* areaAllocation - inPage */
	.inPage.quizDragDropAreaAllocationContainer,
	.inPage.quizDragDropAreaAllocationContainer .quizDragArea {
		width: 600px;
	}
	
	.inPage.quizDragDropAreaAllocationContainer {
		position: absolute;
		top: 23px;
		left: 371px;
	}
	
	.inPage.quizDragDropAreaAllocationContainer .quizQuestionContainer {
		margin-bottom: 12px;
	}
	
	.inPage.quizDragDropAreaAllocationContainer .quizDragArea {
		margin-top: 7px;
	}
	
	.inPage.quizDragDropAreaAllocationContainer .quizFeedbackAndSolutionContainer {
		margin-right: 10px;
	}
	
	.inPage.quizDragDropAreaAllocationContainer .quizFeedbackAndSolutionContainer .quizButtonContainer {
		margin-right: 0;
	}

	/* areaAllocation - inLayer */
	.inLayer.quizDragDropAreaAllocationContainer .quizFeedbackAndSolutionContainer {
		height: 140px;
		width: 333px;
		margin-left: 5px;
		border-top: 0;
		padding-left: 35px;
		padding-top: 0;
	}

	.inLayer.quizDragDropAreaAllocationContainer .quizFeedbackAndSolutionContainer.solutionFeedback {
		padding-left: 10px;
	}

	.inLayer.quizDragDropAreaAllocationContainer .quizFeedbackText span p {
		margin-top: -4px;
	}

/* Reihenfolge */
	/* quizDragDropOrderContainer - global */
	.quizDragDropOrderContainer .quizDropArea .quizDropArea {
		float: none;	
	}
	
	.quizDragDropOrderContainer .quizDragAndDropElementDropContainer,
	.quizDragDropOrderContainer .quizDragArea .dragAndDropSlot {
		width: 100%;
	}
	
	.quizDragDropOrderContainer .quizDragElement {
		width: 100%;
		height: 100%;
	}
	
	.quizDragDropOrderContainer .quizDragContainer {
		float: none;
	}
	
	.quizDragDropOrderContainer .quizDragAndDropElementDropContainer.quizDragAndDropElementDropContainerLabel {
		min-height: 10px;
		width: 18px;
		overflow: hidden;
		border: 0;
		display: table;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	} 
	
	.quizDragDropOrderContainer .quizDragDropTextSelection {
		font-weight: bold;
		padding: 0;
		display: table-cell;
		vertical-align: middle;
	}
	
	.quizDragDropOrderContainer .quizDragDropTextSelection p {
		margin-bottom: 0;
	}
	
	.quizDragDropOrderContainer .quizDragArea .dragAndDropSlot,
	.quizDragDropOrderContainer .quizDragAndDropElementDropContainer {
		min-height: 20px;
	}
	
	.quizDragDropOrderContainer .quizDragArea .dragAndDropSlot,
	.quizDragDropOrderContainer .quizDragAndDropElementDropContainer {
		margin-right: 0;
	}
	
	.quizDragDropOrderContainer .quizDragArea .dragAndDropSlot {
		margin-bottom: 3px;
		float: none;
	}
	
	/* quizDragDropOrderContainer - inPage */
	.inPage.quizDragDropOrderContainer {
		position: absolute;
		top: 23px;
		left: 371px;
		width: 590px;
	}
	
	.inPage.quizDragDropOrderContainer .quizDropArea {
		float: left;
		width: 300px;
	}
	
	.inPage.quizDragDropOrderContainer .quizDragArea {
		float: right;
		margin-top: 3px;
		width: 280px;
	}
	
	.inPage.quizDragDropOrderContainer .quizFeedbackAndSolutionContainer {
		position: absolute;
		top: 29px;
		right: 0;
		width: 280px;
		margin-top: 0;
	}
	
	.inPage.quizDragDropOrderContainer .quizButtonContainer {
		margin-right: 0;
	}
	
	.inPage.quizDragDropOrderContainer .quizDragAndDropElementDropContainer.quizDragAndDropElementDropContainerLabel {
		margin-top: 3px;
	} 
	
	/* quizDragDropOrderContainer - inLayer */
	.inLayer.quizDragDropOrderContainer .quizDropArea {
		float: left;
		width: 425px;
	}
	
	.inLayer.quizDragDropOrderContainer .quizDragArea {
		margin-top: 3px;
	}
	
	.inLayer.quizDragDropOrderContainer .quizDragArea {
		float: right;
		width: 404px;
	}
	
	.inLayer.quizDragDropOrderContainer .quizContainerInner {
		float: left;
		min-height: 125px;
		margin-bottom: 10px;
	}
	
	.inLayer.quizDragDropOrderContainer .quizDragAndDropElementDropContainer .quizDragContainer {
		margin-bottom: 0;
	}
	
	.inLayer.quizDragDropOrderContainer .quizDragArea .dragAndDropSlot {
		margin-bottom: 5px;
	}
	
	.inLayer.quizDragDropOrderContainer .quizDragAndDropElementDropContainer {
		margin-bottom: 2px;
	}

	.inLayer.quizDragDropOrderContainer .quizFeedbackAndSolutionContainer {
		position: absolute;
		top: 106px;
		right: 22px;
		width: 370px;
		height: 245px;
		border: 0;
		margin: 0;
		padding-top: 0;
		padding-right: 0;
	}
	
	.inLayer.quizDragDropOrderContainer .quizFeedbackAndSolutionContainer .quizButtonContainer {
		bottom: -56px;
		right: -12px;
	}
	
	.inLayer.quizDragDropOrderContainer .quizUsageGuidelineContainer {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	
	.inLayer.quizDragDropOrderContainer .quizFeedbackText {
		margin-top: 0;
	}

/* Warning text for e.g. not licensed resources */
	.warningText {
		color: red;
	}

/* Feedbackbox Closeable */
	.quizFeedbackClosable.quizFeedbackAndSolutionContainer {
		padding: 10px;
		margin: 0;
		background-image: none;
	}
	
	.quizFeedbackClosable .quizFeedbackText {
		padding: 6px 10px 7px 36px;
		margin-top: 26px;
		min-height: 23px;
	}
	
	.quizFeedbackClosable .quizFeedbackText p {
		margin-bottom: 0;
	}
	
	.quizFeedbackClosable .quizButtonContainer {
		margin-top: 3px;
	}

/* Auswahl */
	/* quizDragDropSelectionContainer - global */
	.quizDragDropSelectionVariableContainer.quizDragDropSelectionContainer .quizDragElement {
		width: 100%;
		height: 100%;
	}

	.posterContainer {
		position: relative;
		left: 0;
		right: 0;
	}