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

/*XXXXXXXXXXXXXX Layout XXXXXXXXXXXXXXXXXX*/
#joboffer                      {
                                width: 700px;
                                margin: 10px auto;
                                font: /*italic small-caps bold*/ 15px/1.4 Arial, Helvetica, sans-serif /*Georgia, "Times New Roman", Times, serif*/;
                                border: 1px solid #fff;
								text-align:justify;
                                color: #000;
                                position: relative;
								background: url(header.jpg) no-repeat left top #fff;
								padding:280px 0 0 0;
                               }

/* die Spalten */
#joboffer .joboffer-left       {
                                float: left;
                                width: 226px;
                                background: #8ea641;
                                *display: inline; /*für IE7 und drunter*/
  								_display: inline; /*für IE6 und drunter*/
								}
#joboffer .joboffer-main       {
                                width: auto;
                                margin: 0 226px 0 226px;
                                background: #62732d;
                               }
#joboffer .joboffer-right      {
                                float: right;
                                width: 226px;
                                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       {
                                right: 0px;
                                bottom: 45px;
                                height: 40px;
                                width: 221px;
                                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: 10px 10px;
								}

								
#joboffer #footer			    {
								background:url(footer.gif) no-repeat left bottom;
								padding: 10px 0 40px 0;
								}
#joboffer #footer h3			{
								margin-top:8px;
								}								
/*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: 1.8em;
                                line-height: 1.2;
								padding: 1em 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.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;
                                }