.content-element-job-o-mat .content .layer-television .display-television .loading-tv
{
	position: absolute;
	z-index: 10;
	top: 3px;
	left: 30px;
	display: block;
	margin: 0;
	padding: 0;
}
.content-element-job-o-mat .content .layer-television .display-television .loading-tv .mobile
{
	display: none;
}
.content-element-job-o-mat .content .layer-television .display-television .loading-tv .web
{
	display: block;
}

/* overrides for desktop version */
@media only screen and (min-width: 768px) {

	.content-element-job-o-mat {
		position: relative;
		display: block;
	}

	.content-element-job-o-mat header nav a.middle p
	{
		width: 100px;
        left: 12px;
	}

	.content-element-job-o-mat .edu-info
	{
		display: block;
		position: absolute;

		width:164px;
		height:176px;

		top: -22px;
		right: 130px;

		z-index: 4;
	}
    .content-element-job-o-mat .edu-info.de
    {
        background: url("../image/animation/schild-3-de.5dc11284b550.png");
        z-index: 4;
    }
    .content-element-job-o-mat .edu-info.fr
    {
        background: url("../image/animation/schild-3-fr.a37a057de68b.png");
        z-index: 4;
    }
	.content-element-job-o-mat .edu-info.ausbildung.de {
		background: url("../image/animation/schild-1-de.e9ae751cf228.png");
	}
    .content-element-job-o-mat .edu-info.ausbildung.fr {
        background: url("../image/animation/schild-1-fr.d335aea87505.png");
    }
	.content-element-job-o-mat .edu-info.studium.de {
		background: url("../image/animation/schild-2-de.4052a632662b.png");
	}
    .content-element-job-o-mat .edu-info.studium.fr {
        background: url("../image/animation/schild-2-fr.777e1167e750.png");
    }

	.content-element-job-o-mat .content .layer-television-edu
	{
		width:360px;
		height:252px;

		top: 117px;
		left: 20px;
		z-index:3;

		overflow: hidden;
		pointer-events: none;

		-webkit-mask: url("../image/animation/tv-mask.056ebcca16cc.png") no-repeat;
		-webkit-mask-position: 33px 23px;
		mask: url("../image/animation/tv-mask.056ebcca16cc.png") no-repeat;
		mask-position: 33px 23px;

	   	/*background: url("../image/animation/tv-mask.056ebcca16cc.png") no-repeat;
	   	background-position: 33px 25px;*/
	}


	.content-element-job-o-mat .content .layer-television .display-television .result-tv nav {
		text-align: center;
	}

	.content-element-job-o-mat .content .layer-television .display-television .result-tv nav > a
	{
		margin-right: 3px;
	}

	.content-element-job-o-mat header nav
	{
		position: absolute;
		top: 25px;
		left: 20px;
		right: 20px;
		height: 143px;
		overflow: hidden;
	}

	.content-element-job-o-mat header nav a
	{
		top: 57px !important;

	}

	.content-element-job-o-mat header nav a > *
	{
		pointer-events:none;
	}

	.content-element-job-o-mat .content .layer-television .display-television .start-tv {
		width: 200px;
		text-align: center;
		position: absolute;
		display: block;
		margin: 0;
		padding: 0;
		left: 0;
		top: 50px;
	}

	.content-element-job-o-mat .start-tv p {
		opacity: 1;
		-webkit-animation: myfirst 0.5s; /* Chrome, Safari, Opera */
		animation: myfirst 0.5s;
		-webkit-animation-iteration-count:30; /*Safari and Chrome*/
		animation-iteration-count:30;
		-webkit-animation-direction:alternate; /* Safari and Chrome */
		animation-direction:alternate;
		-webkit-animation-delay:1s; /* Safari and Chrome */
		animation-delay:1s;
	}

	/* Chrome, Safari, Opera */
	@-webkit-keyframes myfirst
	{
	from {opacity: 0.5;}
	to {opacity: 1;}
	}

	/* Standard syntax */
	@keyframes myfirst
	{
	from {opacity: 0.5;}
	to {opacity: 1;}
	}

	.content-element-job-o-mat footer
	{
		position: absolute;
		bottom: 33px;
		left: 2px;
		height: 200px;
		width: 100%;
		overflow: hidden;
	}

	.content-element-job-o-mat footer .water
	{
		top:0;
		left: auto;
		right: auto;
	}

	.content-element-job-o-mat footer .water .result-list
	{
		overflow: hidden;
	}

	.content-element-job-o-mat footer .result a
	{
		max-width: 200px;
		overflow: hidden;
	  	text-overflow: ellipsis;
	  	white-space: nowrap;
	}

	.content-element-job-o-mat footer .result a.no-results {
		max-width: 400px;
		overflow: visible;
	  	text-overflow: auto;
	  	pointer-events: none;
	  	cursor: default;
	  	white-space: normal;
	  	display: none;
	}

	.content-element-job-o-mat footer .result a.scroll {
		text-overflow: inherit;
	}

	.content-element-job-o-mat footer .result a span {
	}

	.content-element-job-o-mat .content .tooltipp-right
	{
		display: block;
		position: absolute;
		bottom: auto;
		left: auto;
		right: -40px;
		top: -90px;
	}

	.content-element-job-o-mat footer .button-prev.inactive,
	.content-element-job-o-mat footer .button-next.inactive
	{
		pointer-events: none;
		opacity: 0.3;
	}

}