/*XXXXXXXXXXXXXX Layout XXXXXXXXXXXXXXXXXX*/
#joboffer                      {
                                width: 620px;
                                margin: 10px auto;
                                font: /*italic small-caps bold*/ 12px/1.5 Arial, Helvetica, sans-serif /*Georgia, "Times New Roman", Times, serif*/;
                                border: 3px solid #0072bc;
                                color: #444;
                                position: relative;
								background: url(bg.gif) repeat-y 0 0;
								padding: 0 15px 0 65px;
                               }
#joboffer .joboffer-left      {
							   float: left;
							   width: 48%;
							   *display: inline; /*Target IE7 and bellow*/
  							   _display: inline; /*Target IE6 and bellow*/
							  }
#joboffer .joboffer-right     {
							   float: right;
							   width: 48%;
							   *display: inline; /*Target IE7 and bellow*/
  							   _display: inline; /*Target IE6 and bellow*/
                              }
/* Logo */
#joboffer #joboffer-logo       {
                                right: 0;
                                top: 0;
                                height: 100px;
                                width: 200px;
                                background: url(logo.gif) no-repeat;
                                position: absolute;
                                display: block;
                                text-indent: -9999px;
                               }
#joboffer #joboffer-logo:hover {
                                background: url(logo.gif) no-repeat !important
                               }
#joboffer #joboffer-link      {
                                left: 2px;
                                bottom: 0;
                                height: 183px;
                                width: 34px;
                                background: url(url.gif) no-repeat;
                                position: absolute;
                                display: block;
                                text-indent: -9999px;
                               }
#joboffer #joboffer-link:hover {
                                background: url(url.gif) no-repeat !important
                               }
/*XXXXXXXXXXXXXX Div ID-Infos XXXXXXXXXXXXXXXXXX*/
#joboffer #company-weoffer     {
                                padding: 0 0 1em 0
                               }
#joboffer #company-continfo    {
                                 background: url(orden.gif) no-repeat right bottom;
								margin: -15px -15px 0 -65px;
								padding: 35px 15px 10px 65px;
                               }
#joboffer #company-continfo div {
								font-size: 0.8em;
								padding: 1em 0 0 0;
								}
#joboffer #job-tasks           {
                                padding: 0 0 1em 0
                               }
#joboffer #job-requim          {
                                padding: 0 0 1em 0
                               }
#joboffer #company-intro       {
                                background: url(header.jpg) no-repeat top;
								margin: 0 -15px 0 -65px;
								padding: 380px 15px 0 65px;
                               }
/*XXXXXXXXXXXXXX gebräuchliche Tags XXXXXXXXXXXXXXXXXX*/
#joboffer h3                   {
                                font-size: 1em;
                                color: #000;
								padding: 0 0 1em 0;
                               }
#joboffer h6                   {
                                font-size: 1.4em;
                                color: #000;
								font-style: italic;
                               }
#joboffer h2                   {
                                font-size: 1.8em;
                                line-height: 1.2;
								color: #000;
								padding: 0 0 1em 0;
								text-align: center;
                               }
#joboffer h2 span              {
                                display: block;
                                font-size: 0.6em;
                               }
#joboffer h1                   {
                                font-size: 1.2em
                               }
#joboffer strong               {
                                color: #000
                               }
#joboffer br                   {
                                line-height: 1em
                               }
/* Liste */
#joboffer ul                   {
                                margin-left: 0px;
                                text-align: left;
                                list-style-type: none;
                                position: relative;
                               }
#joboffer li                   {
                                background: url(ul_dot.gif) no-repeat 0 6px;
                                padding-left: 15px;
                               }
/* Links */
#joboffer a                    {
                                color: #0072bc;
                                text-decoration: none;
								padding: 0 2px;
								margin: 0 -2px;
                               }
#joboffer a:hover              {
                                color: #fff;
                                text-decoration: none;
                                background: #0072bc;
								-moz-border-radius: 5px;
								-khtml-border-radius: 5px;  
								-webkit-border-radius: 5px;  
								border-radius: 5px;
                               }
							  
/* 
#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)";
}
*/

/*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
                               }

/* slightly enhanced, universal clearfix hack */
.jo-clearfix:after {
								visibility: hidden;
								display: block;
								font-size: 0;
								content: " ";
								clear: both;
								height: 0;
     }
.jo-clearfix { 
								display: inline-block; 
								}
/* start commented backslash hack \*/
* html .jo-clearfix { 
								height: 1%; 
								}
.jo-clearfix { 
								display: block; 
								}
/* close commented backslash hack */
							   

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