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

/*XXXXXXXXXXXXXX Layout XXXXXXXXXXXXXXXXXX*/
#joboffer                      {

  padding: 10px 0 20px 0;
  background: #eff0f0;

}


#joboffer .joboffer-cont                    {
  width: 700px;
  margin: 10px auto;
  font: /*italic small-caps bold*/ 14px/1.3 Arial, Helvetica, sans-serif /*Georgia, "Times New Roman", Times, serif*/;
  border-bottom: 2px solid #e2001a;
  color: #666;
  position: relative;
  padding: 27px 20px 0 20px;
  background: #FFF url(headermitlogo.jpg) no-repeat 20px top;

}

/* die Spalten */
#joboffer .joboffer-left       {
  float: left;
  width: 226px;
  *display: inline; /*für IE7 und drunter*/
  _display: inline; /*für IE6 und drunter*/
}
#joboffer .joboffer-main       {
  width: auto;
  margin: 0 226px 0 226px;
}
#joboffer .joboffer-right      {
  float: right;
  width: 226px;
  *display: inline; /*für IE7 und drunter*/
  _display: inline; /*für IE6 und drunter*/
}
#joboffer .joboffer-clear    {
  clear: both;
}

#joboffer .justify {
  overflow: hidden;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
}

#joboffer .justify:after {
  display: inline-block;
  width: 100%;
  content: '.';
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}               

/* Logo */
#joboffer #joboffer-logo       {
  right: 35px;
  top: 30px;
  height: 85px;
  width: 100px;
  background: transparent;
  position: absolute;
  display: block;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
}
#joboffer #joboffer-logo:hover {
  background: transparent !important;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;  
  -webkit-border-radius: 0;  
  border-radius: 0;
}
#joboffer .jo-button1 {
  background: url("../images/button_mitarbeiter.png") no-repeat scroll 0 -45px rgba(0, 0, 0, 0);
  display: block;
  height: 45px;
  position: absolute;
  right: -2px;
  width: 220px;
  z-index: 100;
  top: 215px;
}


#joboffer .jo-button1:hover {
  background: url("../images/button_mitarbeiter.png") no-repeat scroll 0 -0 rgba(0, 0, 0, 0);
}


#joboffer .jo-button2 {
  background: url("../images/button_unternehmen.png") no-repeat scroll 0 -45px rgba(0, 0, 0, 0);
  height: 45px;
  position: absolute;
  right: -2px;
  width: 220px;
  z-index: 100;
  top: 215px;
}

#joboffer .jo-button2:hover {
  background: url("../images/button_unternehmen.png") no-repeat scroll 0 -0 rgba(0, 0, 0, 0);
}
/*XXXXXXXXXXXXXX Div ID-Infos XXXXXXXXXXXXXXXXXX*/
#joboffer #company-intro       {
  padding: 180px 0 1em 0;
  text-align:justify;
}
#joboffer #company-intro  img   {
  float: left;
  margin-right: 20px;
}

#joboffer #mitarbeiter-left    {
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
}
#joboffer #mitarbeiter-left  img   {
  float: left;
  margin-right: 20px;
}
#joboffer #job-tasks           {
  padding: 0 0 1em 0;
}
#joboffer #job-requim          {
  padding: 0 0 1em 0;
}
#joboffer #company-weoffer     {
  padding: 0 0 1em 0;
}
#joboffer #company-continfo    {
  padding: 2em 0 6em 0;
}
#joboffer #company-continfo img   {
  float: right;
  margin-left: 20px;
}

#joboffer #mitarbeiter-right   {
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
}
#joboffer #mitarbeiter-right img   {
  float: right;
  margin-left: 20px;
}

/*XXXXXXXXXXXXXX gebräuchliche Tags XXXXXXXXXXXXXXXXXX*/
/* h3 für Überschriften */
#joboffer h3                   {
  font-size: 1em;
  color: #e2001a;
}
/* h2 für den Jobtitel */
#joboffer h2                   {
  font-size: 2.5em;
  line-height: 1.2;
  padding: 0 0 0.5em 0;
  color: #000;
}
/* h2 span für den Jobuntertitel innerhalb von h2 */
#joboffer h2 span              {
  display: block;
  font-size: 0.6em;
}
/* h2 span für den Jobuntertitel ausserhalb von h2 */
#joboffer h1                   {
  font-size: 1.9em;
  padding-left:10px;
  font-weight:normal;
}
#joboffer h1 span              {
  display: block;
  font-size: 0.6em;
}                

/* Links */
#joboffer a                    {
  color: #e2001a;
  text-decoration: none;
  padding: 0 2px;
  margin: 0 -2px;
}
#joboffer a:hover              {
  color: #e2001a;
  text-decoration: none;
  background: #eff0f0;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;  
  -webkit-border-radius: 5px;  
  border-radius: 5px;
  behavior: url(http://www.stepstone.de/content/de/js/PIE.htc);
}

/* Liste */
#joboffer ul                   {
  margin-left: 0px;
  text-align: left;
  list-style-type: none;
  position: relative;
  padding: 0 0 0 20px;
}
#joboffer li                   {
  background: url(dotti.gif) no-repeat 0 4px;
  padding-left: 20px;
}

/* Listenpunkte farbig und nach Unicode und Entities (IE) */
/*
#joboffer ul li:before, ul b {
display: inline-block;
width: 1.5em;
font-size: 1em;
text-align: center;
color: #98151A;
margin: 0 0 0 -20px;
}
#joboffer ul li {
background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '<b>&bull;</b>'+this.innerHTML);
}
#joboffer ul li:before {
content: "\2022";
}
*/

/* Einfarbiger, Transparenter Hintergrund ohne Png */
/*
#joboffer .rgba {
background-color: transparent;
background-color: rgba(200,200,200,0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd,endColorstr=#99dddddd);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99dddddd,endColorstr=#99dddddd)";
zoom: 1;
}
*/

/*XXXXXXXXXXXXXXXXXXX Allgemein (don't touch) XXXXXXXXXXXXXXXXXXXX*/
#joboffer sup, #joboffer sub    {
  &nbsp;&nbsp;&nbsp;&nbsp;vertical-align: baseline;
  &nbsp;&nbsp;&nbsp;&nbsp;position: relative;
  &nbsp;&nbsp;&nbsp;&nbsp;top: -0.4em;
}
#joboffer sub { 
  top: 0.4em; 
}
#joboffer br                    {
  line-height: 1em;
}

/* clearfix hack */
.jo-clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.jo-clearfix { 
  display: inline-block; 
}
* html .jo-clearfix { 
  height: 1%; 
}
.jo-clearfix { 
  display: block; 
}

#joboffer img                   {
  border: none;
}
#joboffer a img                 {
  border: none;
  background: none;
}
body                            {
  margin: 0;
  padding: 0;
  line-height: 1;
}