/*XXXXXXXXXXXXXX Layout XXXXXXXXXXXXXXXXXX*/
#joboffer {
		width: 636px;
		margin: 0px auto;
		font: /*italic small-caps bold*/ 12px/1.5 Arial, Helvetica, sans-serif /*Georgia, "Times New Roman", Times, serif*/;
		border: 1px solid #CCC;
		border-left: 4px solid #CCC;
		border-right: 4px solid #CCC;
		color: #444;
		position: relative;
		background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/58421/images/header_fp.jpg) no-repeat top;
		padding: 148px 30px 30px 30px;
}
#joboffer #joboffer-main_s1 {
		width: auto;
		padding: 137px 30px 0 30px;
		background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/58421/images/pic_s1.jpg) no-repeat top;
		margin: 0 -30px;
	}
#joboffer #joboffer-main_s2 {
		width: auto;
		padding: 137px 30px 0 30px;
		background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/58421/images/pic_s2.jpg) no-repeat top;
		margin: 0 -30px;
	}
#joboffer #joboffer-main_s2	#pic_s2 {
		background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/58421/images/pic_s2_2.jpg) no-repeat right top;
		clear: both;
		width: auto;
		height: 300px;
		}

#joboffer #joboffer-main_s3 div {
		background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/58421/images/pic_s3.gif) no-repeat center top;
		width: auto;
		text-align: center;
		color: #a9122a;
		padding: 559px 0 20px 0;
		} 
#joboffer #joboffer-navi {
		position: absolute;
		height: 36px;
		width: auto;
		top: 80px;
		left: 35px;
		list-style-type: none;
		}
#joboffer #joboffer-navi li{
		float: left;
		width: 110px;
		border-right: 1px solid #CCC;
		height: 36px;
		padding: 0 0 0 0;
		background: none;
		}
#joboffer #joboffer-navi li a {
		display: block;
		width: auto;
		height: 36px;
		background: none;
		padding: 5px;
		text-transform: uppercase;
		font-size: 0.8em;
		letter-spacing: 1px;
		color: #666;
		}
#joboffer #joboffer-navi li a:hover {
		background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/58421/images/button_hover.jpg) repeat-x top;
		color: #444;
		}	
#joboffer #joboffer-navi #joboffer-current {
		background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/58421/images/button_hover.jpg) repeat-x top;
		color: #444;
		}
#joboffer #joboffer-mailto {
		right: 53px;
		top: 35px;
		height: 30px;
		width: 155px;
		background: none;
		position: absolute;
		display: block;
		text-indent: -9999px;
		}
#joboffer #joboffer-personal li {
		float: left;
		width: 48%;
		padding: 5px;
		border: 1px solid #ccc;
		list-style-type: none;
		background: none;
		}
#joboffer #joboffer-personal {
		margin-left: 0px;
		}
#joboffer #joboffer-referenzen li {
		float: left;
		width: 45%;
		background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/58421/images/ul_dot_fp.gif) no-repeat left 2px;
		padding: 0 0 0 15px;
		}
#joboffer #joboffer-referenzen {
		list-style: none;
		margin-left: 0px;
		padding: 1em 0 0 0;
		}
#joboffer .jo-ma{
	float: left;
	width: 150px;
	height: 150px;
}

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


/* Logo */
#joboffer #joboffer-logo {
	left: 0;
	top: 0;
	height: 80px;
	width: 230px;
	background: none;
	position: absolute;
	display: block;
	text-indent: -9999px;
	}
#joboffer #joboffer-logo:hover {
	background: none !important;
}




/*XXXXXXXXXXXXXX gebräuchliche Tags XXXXXXXXXXXXXXXXXX*/

#joboffer h3 {
		font-size: 1em;
		color: #000;
		font-style:italic;
}
#joboffer h2 {
		font-size: 1.8em;
		line-height: 1.2;
		color: #000;
		padding: 0 0 1em 0;
}
#joboffer h1 { 
		font-size: 1.2em;
	}
#joboffer strong {
		color: #000;
}


/* Liste */
#joboffer ul {
		margin-left: 0px;
		text-align: left;
		list-style-type: none;
		position: relative;
}
#joboffer li {
		background: url(http://www.stepstone.de/upload_DE/offers/htmlfiles/58421/images/ul_dot_fp.gif) no-repeat 0 2px;
		padding-left: 15px;
	}



/* Links */
#joboffer a {
		color: #A9122A;
		text-decoration: none;
}
#joboffer a:hover {
		color: #fff;
		text-decoration: none;
		background: #A9122A;
}

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

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

	
/* clear floats correct */ 
/* modern browser */
.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: 1%;
}
 /* Hide from IE Mac \*/
.jo-clearfix {
 		display: block;
}

#joboffer img {
		border: none; 
}

#joboffer a img {
		border: none;
		background: none; 
}
body { 
		margin: 0;
		padding: 0;
}
#joboffer * {
		margin: 0;
		padding: 0;
}