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

/*XXXXXXXXXXXXXX Layout XXXXXXXXXXXXXXXXXX*/
#joboffer                      {
                                width: 680px;
                                margin: 10px auto;
                                font: /*italic small-caps bold*/ 11px/1.5 Verdana, Arial, Helvetica, sans-serif /*Georgia, "Times New Roman", Times, serif*/;
                                border: 1px solid #CCC;
                                color: #111;
                                position: relative;
								padding: 0 10px;
                               }

/* die Spalten */
#joboffer .joboffer-left       {
                                float: left;
                                width: 438px;
                                background: #8ea641;
                                *display: inline; /*für IE7 und drunter*/
  								_display: inline; /*für IE6 und drunter*/
								}

#joboffer .joboffer-right      {
                                float: right;
                                width: 214px;
                                background: #374019;
                                *display: inline; /*für IE7 und drunter*/
  								_display: inline; /*für IE6 und drunter*/
                               }
#joboffer .joboffer-clear	   {
								clear: both;
								zoom: 1;
								}

/* Logo */
#joboffer #joboffer-logo       {
                                left: 10px;
                                top: 10px;
                                height: 80px;
                                width: 180px;
                                background: url(logo.gif) no-repeat;
                                position: absolute;
                                display: block;
                                text-indent: -9999px;
								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 #company-intro       {
								margin: 0 -10px;
								padding:80px 10px 10px 10px;
								width:100%;
								height:216px;
								background: url(cloud.gif) no-repeat bottom center;
								margin-bottom:20px;
								}
#joboffer #job-tasks           {
								padding:4px 4px 10px 4px;
								background:url(fp_box_hg.gif) repeat-x top left #F2F6F9;
								margin-bottom:6px;
								height:635px;
								}
#joboffer #job-requim          {
								padding:6px;
								}
#joboffer #company-weoffer     {
								padding:4px;
								background:#C9D4DF;
								margin:10px 0;
								
								}
#joboffer #company-continfo    {
								padding:8px;
								background:url(fp_box_hg.gif) repeat-x top left #F2F6F9;
								height:635px;
								}
#joboffer p.kontakt{
padding:45px 0;
font-size:13px;
line-height:28px;
margin-top:36px;
}
#joboffer #company-continfo p.topjob{
margin:22px 15px;
}
#joboffer #company-continfo p.eclipse{
margin: 45px;
}
								
/*XXXXXXXXXXXXXX gebräuchliche Tags XXXXXXXXXXXXXXXXXX*/
/* h3 für Überschriften */
#joboffer h3                   {
                                font-size: 1.2em;
                                color: #00416A;
								
								padding:4px;
								margin:0 0 10px 0;
                               }
/* h2 für den Jobtitel */
#joboffer h2                   {
                                font-size: 1.8em;
                                line-height: 1.2;
								padding: 1em 0;
								color: #fff;
                               }
/* 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.2em;
                               }
							   
/* Links */
#joboffer a                    {
                                color: #000;
                                text-decoration: none;
								padding: 0 2px;
								margin: 0 -2px;
                               }
#joboffer a:hover              {
                                color: #fff;
                                text-decoration: none;
                                background: #000;
								-moz-border-radius: 5px;
								-khtml-border-radius: 5px;  
								-webkit-border-radius: 5px;  
								border-radius: 5px;
                               }
							   
/* Liste */
#joboffer ul                   {
                                margin-left: 0px;
                                text-align: left;
                                list-style-type: none;
                                position: relative;
								/*padding: 0 0 0 20px;*/
                               }
#joboffer li                   {
                                background: url(ul_dot.gif) no-repeat 0 .7em;
                                padding-left: 15px;
                               }
							   
/* 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    {
								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;
                                }