body { 
	margin: 0;
	padding: 0;
}

#joboffer * {
	margin: 0;
	padding: 0;
}

#joboffer { 
	width: 700px;
	margin: 10px auto;
	padding: 140px 0 0 0;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 1.5;
	border: 1px solid #c5c3c3;
	background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/44876/images/ttc-fp-2009-header.gif) 25px 48px no-repeat;
	position: relative;
}


/* Menue */

#joboffer #jo-navi {
	position:relative;
	width: auto;
	height: 40px;
	padding: 0 0 0 25px;
	background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/44876/images/ttc-fp-2009-navibg.jpg);
	color: #FFFFFF;
}

#joboffer .jo-whitenavi{
	float: left;
	font-size: 12px;
	font-weight: normal;
	padding: 0.5em 20px 0.5em 0;
}


/* Menue */

#joboffer #jo-eyecatcher{
	position: absolute;
	width: 145px;
	height: 303px;
	top: 10px;
	right: 0px;
	background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/44876/images/ttc-fp-2009-frau.gif) 0 0 no-repeat;
}


#joboffer h3 { 
	font-size: 18px;
	font-weight: normal;
	line-height: 1.5;
	color: #626262;
}

#joboffer h3 span{ 
	padding: 0 0 0 30px;
}

#joboffer .jo-content{
	background: #e4e3e3 url(http://www.stepstone.de/upload_DE/offers/htmlfiles/44876/images/ttc-fp-2009-logo-ttc-amp.gif) 100% 100% no-repeat;
}

#joboffer #jo-footer{
	width: 700px;
	height: 165px;
	background: #e4e3e3 url(http://www.stepstone.de/upload_DE/offers/htmlfiles/44876/images/ttc-fp-2009-footer.jpg) left bottom no-repeat;
}

#joboffer .jo-ma{
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 20px;
}

#joboffer .jo-ma-right{
	float: left;
	width: auto;
	font-size: 11px;
	line-height: 1.3;
}

/*#joboffer ul {
	list-style: disc;
	margin: 0 0 0 16px;
	padding: 0 0 0 1px;
}*/

#joboffer ul li{
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 10px;
	background-image: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/44876/images/ttc-fp-2009-point.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
	position: relative;
}


#joboffer img {
	border: none; 
}

#joboffer a img {
	border: none; 
}


/* links */
#joboffer a:link {
	color: #339999;
	text-decoration: none;
}

#joboffer a:visited {
	color: #339999;
	text-decoration: none;
}

#joboffer a:hover {
	color: #626262;
	text-decoration: none;
}

#joboffer a:active {
	color: #626262;
	text-decoration: none;
}


/* neuer Logo-Container */
#joboffer #jo-logo{
	position: absolute;
	top: 20px;
	right: 80px;
	width: 165px;
	height: 72px;
	background:url(dateiname.gif) 0 0 no-repeat;
	text-indent: -9999px;
}

/*XXXXXXXXXXXXXXXXXXX Allgemein + Don't Touch XXXXXXXXXXXXXXXXXXXX*/

#joboffer #jo-logo:hover {
	background: url(dateiname.gif) no-repeat !important;
}


#joboffer sup, #joboffer sub {
	line-height: 0;
}

.jo-clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
 
/* for IE7 */
.jo-clearfix {
 display: inline-block;
}
 
/* for IE6 and below */
* html .jo-clearfix {
 height: 1px;
}
 
/* Hide from IE Mac \*/
.jo-clearfix {
 display: block;
}