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

/*XXXXXXXXXXXXXX Layout XXXXXXXXXXXXXXXXXX*/
#joboffer                      {
                                width: 780px;
                                margin: 10px auto;
                                font: /*italic small-caps bold*/ 11px/1.5 Arial, Helvetica, sans-serif /*Georgia, "Times New Roman", Times, serif*/;
                                border: 1px solid #CCC;
                                color: #000;
                                position: relative;
								background: url(jf-mercuri_globus.jpg) bottom right no-repeat #fff;
								padding: 0 0 30px;
                               }

/* die Spalten */
#joboffer .joboffer-left       {
                                float: left;
                                width: 66%;
                                *display: inline; /*für IE7 und drunter*/
  								_display: inline; /*für IE6 und drunter*/
								/*border: 1px solid #000;*/
								padding: 0 10px 0 10px;
								margin: 0 10px 0 0;
								}
#joboffer .joboffer-main       {
                                width: auto;
                                margin: 0 226px 0 226px;
                               }
#joboffer .joboffer-right      {
                                float: right;
                                width: 28%;
                                *display: inline; /*für IE7 und drunter*/
  								_display: inline; /*für IE6 und drunter*/
								padding: 0 10px 100px 0;
								
                               }
#joboffer .joboffer-clear	   {
								clear: both;
								zoom: 1;
								}

/* Logo */
#joboffer #joboffer-logo       {
                                right: 0;
                                top: 0;
                                height: 100px;
                                width: 200px;
                                background: url(logo.gif) no-repeat;
                                position: absolute;
                                display: block;
                                text-indent: 100%;  /*new image replacement*/
								white-space: nowrap; /*new image replacement*/
								overflow: hidden; /*new image replacement*/
								padding: 0;
								margin: 0;
                               }
#joboffer #joboffer-logo:hover {
                                background: url(logo.gif) no-repeat !important;
								-moz-border-radius: 0;
								-khtml-border-radius: 0;  
								-webkit-border-radius: 0;  
								border-radius: 0;
                               }
							   
/*XXXXXXXXXXXXXX Div ID-Infos XXXXXXXXXXXXXXXXXX*/
#joboffer .dotted {
background: url(jf-mercuri_dotted-bg.gif) top right repeat-y;	
}
#joboffer p {
padding: 0 0 1em 0;
}

#joboffer #jo-slogan       {
								padding: 10px 15px;
								background: url(jf-mercuri_blue-bg.gif) repeat-x;
								color: #fff;
								font-weight: bold;
								font-size: 16px;
								}
#joboffer #company-intro       {
								/*background: url(jf-mercuri_logo.jpg) 10px 40px no-repeat;*/
								padding: 50px 0 1em 0;
								
								
								}
#joboffer #company-intro  #jo-clientlogo   {
								width: 190px;		
								margin: 0 0 20px;	
								visibility: visible;
								text-align: center;	
								overflow: hidden;				
								
								}		
#joboffer #company-intro  #jo-clientlogo  img {
								/*width: 190px;*/					
								
								}															
								
#joboffer #job-tasks, #joboffer #job-requim, #joboffer #company-weoffer #continfo  {
								padding: 0 0 1em 0;
								}
#joboffer address    {
								padding: 10px 0;
								font-style: normal;
								}
#joboffer .jo-padding       {
								padding: 0 0 1em;
								}	
								
#joboffer #jo-footer     {
								padding: 2em 0 0;
								font-size: 20px;
								color: #004996;
								
								}	
#joboffer #jo-footer  span   {
								color: #F7944F;
								
								}	
								
					
#joboffer  a.jo-apply {
    background: #a4c22d;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 3px 10px 3px 7px;
    border-width: 0px;
    margin: 0px 0px 5px 3px;
    display: block;
    white-space: nowrap;
    height: auto;
	width: 80px;
    overflow: visible;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	margin: 0 0 0 80%;
}
#joboffer  a:hover.jo-apply {
    background: #8aa425;
}
								
#joboffer #jo-footer a    {
		font-size: 14px;
								
								}			
#joboffer #jo-socialicons  {
		margin: 2em 0 0;
		
}								
#joboffer #jo-socialicons a {
		display: block;
		float: left;
		width: 75px;
		height: 20px;
}
#joboffer #jo-socialicons a:hover {
		text-decoration: none;
		-moz-border-radius: 0px;
		-khtml-border-radius: 0px;  
		-webkit-border-radius: 0px;  
		border-radius: 0px;
}
#joboffer #jo-socialicons a#jo-fb {
	background: url(jf-mercuri_icon-fb.gif)  center left  no-repeat;
	
}

#joboffer #jo-socialicons a#jo-tw {
	background: url(jf-mercuri_icon-twitter.gif) center left  no-repeat;
	
}							
/*XXXXXXXXXXXXXX gebräuchliche Tags XXXXXXXXXXXXXXXXXX*/
/* h3 für Überschriften */
#joboffer h3                   {
                                font-size: 1em;
                                color: #000;
                               }
/* h2 für den Jobtitel */
#joboffer h2                   {
                                font-size: 22px;
                                line-height: 1.2;
								padding: 55px 0 1em;
								color: #004996;
                               }
/* h2 span für den Jobuntertitel innerhalb von h2 */
#joboffer h2 span              {
                                display: block;
                                font-size: 16px;
								color: #000;
								font-weight: normal;
                               }
/* h2 span für den Jobuntertitel ausserhalb von h2 */
#joboffer h1                   {
                                font-size: 1.2em;
                               }

															   
/* Links */
#joboffer a                    {
                                color: #004996;
                                text-decoration: none;
								padding: 0 2px;
								margin: 0 -2px;
                               }
#joboffer a:hover              {
                                color: #fff;
                                text-decoration: none;
                                background: #004996;
								-moz-border-radius: 5px;
								-khtml-border-radius: 5px;  
								-webkit-border-radius: 5px;  
								border-radius: 5px;
                               }
							   
/* Liste */
#joboffer ul                   {
                                margin-left: 12px;
                                text-align: left;
                                list-style-type: disc;
                                position: relative;
								/*padding: 0 0 0 20px;*/
                               }
#joboffer li                   {
                                padding-left: 2px;
                               }
							   


/*XXXXXXXXXXXXXXXXXXX Allgemein (don't touch) XXXXXXXXXXXXXXXXXXXX*/
#joboffer sup, #joboffer sub    {
							    vertical-align: baseline;
								position: relative;
								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;
                                }