{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:		Arial, Helvetica, sans-serif;
}

.jcd_joboffer.firm {
    width:				800px;
    text-align:			left; 
    font-family:		Arial, Helvetica, sans-serif;
    line-height:		normal;
	font-style:			normal;
	color:				#000000;
	background-color:	#FFF;
	margin:				0 auto;
	position: 			relative;
	font-size: 16px;
	border: 1px solid #414143;
}

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

.jcd_joboffer.firm li {

}

.jcd_joboffer.firm .header {
	background: #414143;
	color: #fff;
	padding: 30px 30px 0 30px;

}

.jcd_joboffer.firm .titleholder {
	color: #fff;
	background: #C32E1E;
	width: 594px;
	margin-top: 30px;
	

}

.jcd_joboffer.firm .jobtitle {
    font-size:   20px;
    font-weight: 700;
}

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

.jcd_joboffer.firm .contenttext {
	padding: 30px;
}

.jcd_joboffer.firm .footer {
	color: #fff;
	background: #414143;
	text-align: center;
	font-size: 12px;
	font-weight: 700;

}
.jcd_joboffer.firm .left {
	float: left;
	width: 370px;
	margin-right: 10px;
	position: relative;
}
.jcd_joboffer.firm .right {
	float: left;
	width: 345px;
	position: relative;
}

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

.jcd_joboffer.firm a:hover {

}

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

/* CKEditorStyles */

/* CKEditorStyles end */

.cke_editable {
	margin:0;
}
.jcd_joboffer.firm .cust2 {
	margin-top: 20px;	
}

.jcd_joboffer.firm .topspace {
	margin-top: 20px;	
}

</style>
{/literal}

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

<div role="main" class="jcd_joboffer firm">
    <div role="banner" class="header">
		<div class="firmfield" id="jcd_standard_field1">{$jcd_standard_field1}</div>
		<div class="titleholder">
			<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>
    <div role="complementary" class="contenttext">
	<div class="contentrow">
       	<div id="jcd_standard_field2" class="left">{$jcd_standard_field2}</div>
       	<div id="jcd_custom_field1" class="right">{$jcd_custom_field1}</div>
		<div class="clearer"></div>
    </div>
	       	<div id="jcd_custom_field2" class="cust2">{$jcd_custom_field2}</div>
	<div class="contentrow">
       	<div id="jcd_custom_field3" class="left topspace">{$jcd_standard_field3}</div>
       	<div class="right">
		<div id="jcd_custom_field4" class="cust4 topspace">{$jcd_custom_field4}</div>
		<img src="logo-tisoware-zeitwirtschaft.png" width="317" height="91" alt=""/> </div>
		<div class="clearer"></div>
    </div>
	</div>
	<div role="contentinfo" class="footer">Bielefeld · Darmstadt · Dortmund · Dresden · Ellwangen · Freiburg · Hamburg · München · Reutlingen · Wien</div>
</div>