
/* ----- Allgemeine Formatierungen ----- */	
	
#jo-wrapper { position: relative;}


#joboffer #jo-dropdown {
  color: #fff;
 
  padding: 0px 0px 20px 0;
  margin:0px 0px 0 0px;
background: #fff;
position: relative;
 
				
  
}
#joboffer #jo-dropdown > ul, #joboffer #jo-dropdown > div {
  margin-bottom: 0 0 0px 0 !important;
  list-style-type: disc !important;
  padding: 0 0 0 0;

							
}
#joboffer #jo-dropdown > div, #joboffer #jo-dropdown > ul, #joboffer #jo-dropdown .jo-pics {
  display: none;
    list-style-type: none !important;
}
#joboffer #jo-dropdown > ul li
							  {
color: #fff !important; 
margin: 0 0 0 0px !important;
  list-style-type: none !important;
	background: none !important;
	}
	
#joboffer #jo-dropdown div > ul li
							  {
	color: #fff !important;
	font-size: 13px;  !important;
	margin: 0 0px 0 0px !important; 
	padding: 20px;
	list-style-type: none !important;
	background: #fff !important;
	border: 0.5px solid #4087ED;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
   	-moz-box-shadow:0px 0px 8px rgba(0,0,0,.3);
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,.3);
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2000;
	text-align: center;
	}
									
#joboffer  #jo-dropdown span {color: #747474 !important; display: inline; font-size: 13px;  font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
}
									
									
#joboffer #jo-dropdown #form-h1 {
	text-transform: none;
	color: #747474;
	font-family: Trebuchet, Trebuchet MS, Tahoma, Arial, sans-serif;
	font-size: 13px;
	padding: 0 0 0px 0  !important;
	display: inline-block !important;

  
}
#joboffer #jo-dropdown h5 {
  font-size: 12px; clear: both; color: #a70000; background: #000; margin: 5px 0 5px 13px;
}
#joboffer #jo-dropdown h5 span {
  font-size: 16px;
}
#joboffer #jo-container  {padding: 0px 0 0px 0;}
#joboffer #jo-container .open {
  background: none;cursor: pointer;
}
#joboffer #jo-container .close {
  background: url(2016_arrow_a.png) no-repeat 100% 14px; cursor: pointer;
  -moz-transition:0.4s ease; 
								-ms-transition:0.8s ease;  
								-o-transition:0.8s ease; 
								transition:0.8s ease;
								
	}
#joboffer #jo-container .open:before {
	 content: "Mehr";
	 color: #4087ED;
	 position: absolute;
	 right: 0px;
	 bottom: 0px;
	 z-index: 1000;
	 font-size: 15px;
	 text-decoration: underline;
}

#joboffer #jo-container .open:hover:before {
	 color: #0C2577;
}

#joboffer #jo-container .open:visited:before  {
	 color: #D54500 !important;

}


#joboffer #jo-container .close:before {
	 content: "X";
	 color: #fff;
	 	 position: absolute;
	 right: 0px;
	 top: 0px;
	 z-index: 1000;
	 font-size: 15px;
	 text-decoration: none;
	 background: #4087ED;
	 padding: 5px 8px;
	 height: 16px;
	 z-index: 3000;}
	 
	 
	 
 /*----					
								
									

#joboffer #jo-container. element-2-2 p .open:before, #joboffer #jo-container .element-2-1 p .open:before {
	 content: "Mehr";
	 color: #D54500;
	 position: absolute;
	 right: 0px;
	 bottom: 0px;
	 z-index: 1000;
	 font-size: 15px;
	 text-decoration: underline;
}
#joboffer #jo-container .close:before {
	 content: "X";
	 color: #fff;
	 	 position: absolute;
	 right: 0px;
	 top: 0px;
	 z-index: 1000;
	 font-size: 15px;
	 text-decoration: none;
	 background: #4087ED;
	 padding: 5px 8px;
	 height: 16px;
	 z-index: 3000;
} ---*/

#joboffer #jo-dropdown input[type=text] {
  border: 1px solid #000; width: 50%; border-radius: 5px; margin: 5px 13px 10px;
}
#joboffer #jo-dropdown input[type=text]:focus {
  background: #fff;}