*/



body { /* don't modify this tag */

	margin: 0;

	padding: 0;

	/* background: use inline-style in html document */

}



#main * {

	margin: 0;

	padding: 0;

}



#main { /* main offer division; every style based on it */

	width: 979px; 

	margin: 0px auto;	/* center main offer division */

	position:relative;

}

#logo {
 position:absolute;
 left:20px;
 top:30px;
 width:123px;
 height:60px;
 z-index:1;

}

#main h2 {

	font-size: 18px;

	line-height:140%;

}



#main h1 {

	font-size: 19px;

}

/* ############ NAVI ############### */

#main #top {
	background:url(TopLinie.jpg) no-repeat bottom left;
	padding:8px 0 8px 0;


}

#main #navi {

	padding:80px 0px 20px 0 ;
	
	border-bottom: #ffffff solid 1px;
	margin:0 30px;
	text-align:center;
	
	
}

#main #navi a{

	text-decoration: none;
	padding: 3px 1.2em;
	margin:0 5px;
	font-weight:bold;
}

#main #navi a:hover{
	background-color:#f84f13;	
}

#main #navi h3{
 display:inline;
 font: 14px Arial, Helvetica, sans-serif;
}

/* ############ NAVI // ############### */

/* ############ SUBNAVI ############### */



#main #subnavi {

	margin:0 30px;
	text-align:center;
	background:url(bgSubNavi.jpg) no-repeat 50%;
	padding:5px 0 9px 0;
}

#main #subnavi a{

	text-decoration: none;
	padding: 3px 0.5em;
	margin:0 5px;
}

#main #subnavi a:hover{
	color:#000000;
}

#main #subnavi h3{
 display:inline;
 font: 12px Arial, Helvetica, sans-serif;
}

/* ############ NAVI // ############### */




/* ############ CONTENT // ############### */

#main #bg {
	background:url(bg.gif) repeat-y;
	position:relative;

}

#main .linie {
	display:block;
	border-width:0px;
	border-top:solid 1px #ffffff; 
	background-color:transparent;
	padding:0 0 10px 0;
	margin:10px 0 0 0;
	

}

#main #content {
	font-style:italic;
	color:#FAD600;
	font-size:24px;
	margin:0 30px;
	padding:30px 0 20px 20px;
	border-top: #000000 solid 1px;
	position:relative;
	

}

#main #bottom {
	background:url(BottomLinie.jpg) no-repeat top left;
	padding:8px 0 8px 0;


}

/* ############ CONTENT // ############### */

#main #content .startFliess {
 	font:15px Arial, Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-style:normal;
	padding:20px 120px 0 100px;
	line-height:22px;

}

#main #content .startFliess strong {
	color:#FAD600;

}

/* ############ CONTENT STARTSEITE ############### */

#main #content .start {
 	font:15px Arial, Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	font-style:normal;
	padding-top:20px;
	line-height:22px;

}

#main #content img {
	border:1px #ffffff solid;
	float:left;
	margin:0 5px 0px 0;

}


#main #content .left {
	float:left;
	width:240px;
	padding-right:40px;

}

#main #content .left strong, .center strong, .right strong {
	color:#FAD600;

}

#main #content .center {
	float:left;
	width:330px;
	padding-right:40px;

}

#main #content .right {
	float:left;
	width:220px; 

}

/* ############ CONTENT STARTSEITE // ############### */

#main #job-tasks {

	padding:20px 0 0 0;

}



#main #job-requim {

	padding:20px 0 0 0; 

}



#main .headline {

	font-weight:bold;

	font-size:14px;

}



#main .padding {

	padding: 60px 60px 0 60px;

}



#main ul {

	list-style: disc;

	margin: 0 0 0 16px;

	padding: 0 0 0 1px;

}



#main img {

	border: none; /* border="0" attribute in image tags not longer necessary */

}



#main a img {

	border: none; /* remove border from linked images */

}





/* links */

#main a:link {

	color: #ffffff;

	text-decoration: underline;

}



#main a:visited {

	color: #ffffff;

	text-decoration: underline;

}



#main a:hover {

	color: #000000;

	text-decoration: none;

}



#main a:active {

	color: #ffffffs;

	text-decoration: underline;

}





/* clear floats correct */



/* modern browser */

.jo-clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



/* for IE7 */

.jo-clearfix {

	display: inline-block;

}



/* for IE6 and below */

* html .jo-clearfix {

	height: 1px;

}



/* Hide from IE Mac \*/

.jo-clearfix {

	display: block;

}