{literal}
<style type="text/css">
.jcd_joboffer article,.jcd_joboffer aside,.jcd_joboffer details,.jcd_joboffer figcaption,.jcd_joboffer figure,.jcd_joboffer footer,.jcd_joboffer header,.jcd_joboffer hgroup,.jcd_joboffer main,.jcd_joboffer nav,.jcd_joboffer section,.jcd_joboffer summary{display:block}.jcd_joboffer a{background:transparent}.jcd_joboffer a:active,.jcd_joboffer a:hover{outline:0}.jcd_joboffer abbr[title]{border-bottom:1px dotted}.jcd_joboffer h1,.jcd_joboffer h2,.jcd_joboffer h3,.jcd_joboffer h4,.jcd_joboffer h5,.jcd_joboffer h6,.jcd_joboffer p{margin:0;padding:0;}.jcd_joboffer small{font-size:80%}.jcd_joboffer sub,.jcd_joboffer sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.jcd_joboffer sup{top:-.5em}.jcd_joboffer sub{bottom:-.25em}.jcd_joboffer img{border:0}.jcd_joboffer hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}.jcd_joboffer button,.jcd_joboffer input,.jcd_joboffer optgroup,.jcd_joboffer select,.jcd_joboffer textarea{color:inherit;font:inherit;margin:0}.jcd_joboffer table{border-collapse:collapse;border-spacing:0}.jcd_joboffer td,.jcd_joboffer th{padding:0}.jcd_joboffer b,.jcd_joboffer strong,.jcd_joboffer optgroup{font-weight:700}.jcd_joboffer pre,.jcd_joboffer textarea{overflow:auto}.jcd_joboffer ul, .jcd_joboffer li {margin:0; padding:0}.jcd_joboffer,.jcd_joboffer *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.jcd_joboffer{font-weight:normal;}.jcd_joboffer img{border-width:0;}.jcd_joboffer em {font-style: italic;}

.jcd_joboffer.firm * {
	font-family:		Calibri, Tahoma, Arial, sans-serif;
}

.jcd_joboffer.firm {
    width:				800px;
    text-align:			left; 
    font-family:		Calibri, Tahoma, Arial, sans-serif;
    line-height:		normal;
	font-style:			normal;
	color:				#000000;
	background-color:	#FFF;
	margin:				0 auto;
	position: 			relative;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	box-shadow: 0 0 5px 2px #E0E0E0;
}

.jcd_joboffer.firm ul {
	padding-left: 20px;
}

.jcd_joboffer.firm li {

}

.jcd_joboffer.firm .header {

}

.jcd_joboffer.firm .contenttext {
	margin: 30px;
	width: 450px;
}

.jcd_joboffer.firm .jobtitle {
    font-size:   28px;
    font-weight: 700;
	line-height: 48px;
	padding-top: 16px;
}

.jcd_joboffer.firm .secondtitle {
    font-size:   18px;
	font-weight: 700;
}

.jcd_joboffer.firm .jobtasks {
	margin: 30px;
}

.jcd_joboffer.firm .footer {

}

.jcd_joboffer.firm a {
	text-decoration: none;
	color: #000;
}

.jcd_joboffer.firm a:hover {

}

.jcd_joboffer.firm .clearfix {
	clear:both;	
}

/* CKEditorStyles */

/* CKEditorStyles end */

.cke_editable {
	margin:0;
}

#stage {
  position: relative;
}
#stage img {
  position: absolute;
  z-index: 1;
  right:0;
  top:30px;
  width:304px;
  height:310px;
}

#stage img {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration:30s;
}

#stage img:nth-of-type(1) {
  animation-name: fadingAnimation01;
}
#stage img:nth-of-type(2) {
  animation-name: fadingAnimation02;
}
#stage img:nth-of-type(3) {
  animation-name: fadingAnimation03;
}

@keyframes fadingAnimation01 {
  0%  { opacity:1;}
  16%  {opacity:1;}
  33%  {opacity:0;}
  50%  {opacity:0;}
  67%  {opacity:0;}
  84%  {opacity:0;}
  100%  {opacity:1;}
}
@keyframes fadingAnimation02 {
  0%  { opacity:0;}
  16%  {opacity:0;}
  33%  {opacity:1;}
  50%  {opacity:1;}
  67%  {opacity:0;}
  84%  {opacity:0;}
  100%  {opacity:0;}
}
@keyframes fadingAnimation03 {
  0%  { opacity:0;}
  16%  {opacity:0;}
  33%  {opacity:0;}
  50%  {opacity:0;}
  67%  {opacity:1;}
  84%  {opacity:1;}
  100%  {opacity:0;}
}

</style>
{/literal}

<!-- HEAD-BODY-SEPARATOR -->

<div role="main" class="jcd_joboffer firm">
    <div role="banner" class="header">
	<img src="{$currentDir}logo.png" width="307" height="82" alt=""/> <img src="{$currentDir}header.jpg" width="800" height="152" alt=""/> </div>
	<div id="stage">
    <img src="{$currentDir}chemielaborant_02.jpg" alt="Chemielaborant" />
    <img src="{$currentDir}chemikant_02.jpg" alt="Chemikant" />
    <img src="{$currentDir}mechatroniker_02.jpg" alt="Mechatroniker" />
</div>
    <div role="complementary" class="contenttext">
		<div id="jcd_standard_field1" class="firmfield">{$jcd_standard_field1}</div>
        <h1 id="jcd_title" class="jobtitle">{$jcd_title}</h1>
   <!--     {if (($jcd_subtitle!="") || ($editview))}  -->
        <h2 id="jcd_subtitle" class="secondtitle">{$jcd_subtitle}</h2>
    <!--    {/if} -->
    </div>
	       	<div id="jcd_standard_field2" class="jobtasks">{$jcd_standard_field2}</div>

	<video width="450" controls style="margin-left:30px;">
		<source src="http://www.brueggemann.com/fileadmin/user_upload/video/Chemielaborant-in.mp4" type="video/mp4">
	</video>

	
	<div class="clearfix"></div>

	<div role="contentinfo" class="footer"></div>
</div>