/*<![CDATA[*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet-Version:		Basic												   	   *
 * Version:					1.0														   *
 * Author:					re-lounge (http://www.re-lounge.com)					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/
@import "reset.css";
/* ******************************************************
   Basics
   ****************************************************** */ 
html {
	background:#777777;
}

body {
	background:#777777;
	text-align:center;
}
.antifloat{
	clear:both;
	height:0;
	font-size:0;
}
.hide{
	display:none;
}

a {
	outline:none;
}

/* ******************************************************
   Site
   ****************************************************** */ 
/*#site{
	margin:84px auto;
	width:1036px;
	height:685px;
	background:#ffffff url(basic/site-bg.gif) top left no-repeat;
	text-align:left;
}*/
#site{
	position:absolute;
	top:50%;
	left:50%;
	margin:-343px 0 0 -518px;
	width:1036px;
	height:685px;
	background:#ffffff url(basic/site-bg.gif) top left no-repeat;
	text-align:left;
}

/* ******************************************************
   Header
   ****************************************************** */ 
#header{
	margin:0 0 0 28px;
	padding:18px 0 0;
}
#header img{
	margin:0 0 0 14px;
}
#header ul#menu{
	float:right;
	height:28px;
	margin:39px 14px 0;
	padding:0;
}
#header ul#menu li{
	float:left;
	
}
#header ul#menu li a{
	display:block;
	padding:0 20px;
	text-decoration:none;
	color:#ffffff;
	font-size:0px;
	height:27px;
}
#header ul#menu li a.start{
	background:url(basic/menu-sprite.gif) 0 -162px no-repeat;
	width:43px;
}
#header ul#menu li a.start:hover,
#header ul#menu li a.start.active{
	background:url(basic/menu-sprite.gif) 0 -189px no-repeat;
}
#header ul#menu li a.wer{
	background:url(basic/menu-sprite.gif) 0 0 no-repeat;
	width:146px;
}
#header ul#menu li a.wer:hover,
#header ul#menu li a.wer.active{
	background:url(basic/menu-sprite.gif) 0 -27px no-repeat;
}

#header ul#menu li a.warum{
	background:url(basic/menu-sprite.gif) 0 -55px no-repeat;
	width:177px;
	margin:1px 0 0 -33px;
}
#header ul#menu li a.warum:hover,
#header ul#menu li a.warum.active{
	background:url(basic/menu-sprite.gif) 0 -82px no-repeat;
}

#header ul#menu li a.bewerben{
	background:url(basic/menu-sprite.gif) 0 -107px no-repeat;
	width:108px;
}
#header ul#menu li a.bewerben:hover,
#header ul#menu li a.bewerben.active{
	background:url(basic/menu-sprite.gif) 0 -134px no-repeat;
}

/* ******************************************************
   Flashstage
   ****************************************************** */ 
#flashstage{
	height:580px;
	margin:-580px 14px 0 14px;
	text-align:left;
}
#flashstage.less{
	margin:-579px 14px 0 14px;
}

#flashstage .noflash{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
}
#flashstage .noflash ul{
	
}
#flashstage .noflash li{
	background:url(basic/bullet_arrow.png) left 4px no-repeat;
	list-style:none;
	margin:0 0 5px;
	padding:0 0 0 40px;
}

#flashstage .noflash li a{
	color:#000;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#flashstage .noflash li a:hover{
	color:#ec128f;
	text-decoration:none;
}

#flashstage .noflash .left{
	float:left;
}

#flashstage .noflash .right{
	float:left;
	margin:122px 0 0;
	width:545px;
}

#flashstage .noflash .right h1{
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:28px;
	margin:0 0 14px;
}




/* ******************************************************
   Slideshow (Wer, wie was?)
   ****************************************************** */ 

#slideshow-area, #slideshow-scroller {
	position:relative;
	display:block;
	height:580px;
	width:1008px;
	overflow:hidden;
	margin: 0 auto;
}

#slideshow-holder {
	height: 580px;
	width:1008px;
}

#slideshow-previous {
	position: absolute;
	display:block;
	width:58px;
	height:59px;
	background:url(media/btn_left.png) 0 0 no-repeat;
	left:50px;
	top: 200px;
	cursor: pointer;
	cursor: hand;
}
#slideshow-previous:active {
	background-position:-58px 0;
}

#slideshow-next {
	position: absolute;
	display:block;
	right:50px;
	top:200px;
	width:58px;
	height:59px;
	background:url(media/btn_right.png) 0 0 no-repeat; 
	cursor: pointer;
	cursor: hand;
}
#slideshow-next:active {
	background-position:-58px 0;
}

.slideshow-content {
	width:1008px;
	height:580px;
	float: left;
}


/* ******************************************************
   Content
   ****************************************************** */ 
#content{
	padding:0 10px;
	margin:0 0 0 14px;
	background:#d1d3d4 url(basic/flashstage-bg.gif) top left no-repeat;
	width:988px;
	height:514px;
	font-family:Georgia, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}
#content p{
	margin:0 0 22px;
}
#content h1{
	font-size:20px;
	margin:0 0 7px;
}

.jobs #content h1{
	font-size:28px;
}

#content .left{
	float:left;
	width:350px;
	padding:0 55px 0 45px;
}
#content .left img.absolute{
	position:absolute;
	z-index:1;
	margin:201px 0 0 0;
}

.jobs #content .left{
	padding:60px 0 0 45px;
	width:580px;
}

#content .right{
	float:right;
	width:422px;
	margin:55px 0 0;
	padding:0 22px 0 0;
}
#content .right ul li{
	float:left;
}
#content .right ul li a{
	display:block;
	padding:0 20px;
	text-decoration:none;
	color:#fff;
	font-size:0px;
	height:15px;
	width:13px;
}
#content .right ul li a.prev{
	background:url(basic/prev-next-sprite.gif) 0 -15px no-repeat;
}
#content .right ul li a.prev.inactive{
	background:url(basic/prev-next-sprite.gif) 0 0 no-repeat;
	cursor:default;
}
#content .right ul li a.next{
	background:url(basic/prev-next-sprite.gif) 0 -46px no-repeat;
}
#content .right ul li a.next.inactive{
	background:url(basic/prev-next-sprite.gif) 0 -30px no-repeat;
	cursor:default;
}

.jobs #content .right{
	margin:39px 0 0;
	position:relative;
	width:317px;
}

.jobs #content .right a.back{
	background: url(basic/tool-sprite.png) 100% 0 no-repeat;
	height: 49px;
	display: block;
	position:absolute;
	text-indent: -9999px;
	width:100%;
	z-index:1;
}
.jobs #content .right a.back:hover{
	background: url(basic/tool-sprite.png) 100% -49px no-repeat;
	z-index:100;
}

.jobs #content .right a.apply{
	background: url(basic/tool-sprite.png) 100% -98px no-repeat;
	height: 59px;
	display: block;
	position:absolute;
	text-indent: -9999px;
	width:100%;
	z-index:2;
	top:35px;
}
.jobs #content .right a.apply:hover,
.jobs #content .right a.apply.active{
	background: url(basic/tool-sprite.png) 100% -157px no-repeat;
}

.jobs #content .right a.pdf{
	background: url(basic/tool-sprite.png) 100% -241px no-repeat;
	height: 67px;
	display: block;
	position:absolute;
	text-indent: -9999px;
	width:100%;
	z-index:2;
	top:119px;
}
.jobs #content .right a.pdf:hover,
.jobs #content .right a.pdf:active{
	background: url(basic/tool-sprite.png) 100% -308px no-repeat;
}

#content #tabs{
	position:relative;
}

#content #tabs .ui-tabs-hide{
	display:none;
}

#content #tabs ul li a{
	/*background-position-x: 3px !important;*/
	display: block;
	padding: 8px 0 18px;
	text-indent: -9999px;
}
#content #tabs ul li a:hover,
#content #tabs ul li.ui-state-active a{
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

#content #tabs ul li{
	float:left;
}

#content #tabs ul li a.aufgaben{
	background:url(basic/tabs-menu-sprite.gif) 0 0 no-repeat;
	width:150px;
}
#content #tabs ul li a.aufgaben:hover,
#content #tabs ul li.ui-state-active a.aufgaben{
	background:#fff url(basic/tabs-menu-sprite.gif) 0 -43px no-repeat;
}

#content #tabs ul li a.profil{
	background:url(basic/tabs-menu-sprite.gif) 0 -86px no-repeat;
	width:116px;
}
#content #tabs ul li a.profil:hover,
#content #tabs ul li.ui-state-active a.profil{
	background:#fff url(basic/tabs-menu-sprite.gif) 0 -129px no-repeat;
	border-left:1px solid #fff;
	margin:0 0 0 -1px;
}

#content #tabs ul li a.angebot{
	background:url(basic/tabs-menu-sprite.gif) 0 -172px no-repeat;
	width:147px;
}
#content #tabs ul li a.angebot:hover,
#content #tabs ul li.ui-state-active a.angebot{
	background:#fff url(basic/tabs-menu-sprite.gif) 0 -215px no-repeat;
	border-left:1px solid #fff;
	margin:0 0 0 -1px;
}

#content #tabs ul li a.bewerbung{
	background:url(basic/tabs-menu-sprite.gif) 0 -258px no-repeat;
	width:167px;
}
#content #tabs ul li a.bewerbung:hover,
#content #tabs ul li.ui-state-active a.bewerbung{
	background:#fff url(basic/tabs-menu-sprite.gif) 0 -301px no-repeat;
	border-left:1px solid #fff;
	margin:0 0 0 -1px;
}

#content #tabs .tab-content{
	background:#fff;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	line-height:18px;
	padding:15px;
	position:absolute;
	width:550px;
}

#content #tabs .tab-content ul li{
	background: url(basic/bullet.gif) left 7px no-repeat;
	float:none;
	-webkit-text-size-adjust:none;
	padding:0 0 5px 15px;
}

#content #tabs .tab-content p{
	margin:0;
}
#content #tabs .tab-content p + p{
	margin:22px 0 0;
}

#content #tabs .tab-content a{
	color:#000;
}
#content #tabs .tab-content a:hover{
	color:#ec128f;
	text-decoration:none;
}

#content a.mail{
	background: url(basic/mail-icon.gif) left 4px no-repeat;
	margin: 0 0 0 5px;
	padding: 0 0 0 37px;
}

/* ******************************************************
   Footer
   ****************************************************** */ 
#footer{
	background:#d7e503;
	margin:0 14px;
	height:65px;
}
#footer a.addthis_button,
#footer ul{
	position:absolute;
	z-index:2;
	margin:75px 0 0 884px;
}
#footer ul{
	width: 1008px;
	margin:75px 0 0 0;
	background:url(basic/service-navi-bg.gif) top left no-repeat;
}
#footer ul li{
	float:left;
}
#footer ul li.last{
	margin:0 0 0 8px;
	border:none;
}
#footer ul li a{
	display:block;
	padding:0 8px;
	text-decoration:none;
	color:#ffffff;
	font-size:0px;
	height:27px;
	width:50px;
}


#footer li.share{
	background:url(media/addthis-dummy.gif) top left no-repeat;	
	float:none;
	padding:0;
	position:absolute;
	right:0;
	width:125px;
	height:16px;
}

#footer li.share .addthis_infobox {
	position:relative;
}

#footer li.share .addthis_infobox .text {
	position:absolute;
	background:#333;
	padding:4px;
	border-radius:5px;
	width:150px;
	bottom:30px;
	right:0px;
	color:#fff;
	font-size:10px;
	line-height:16px;
}


/*]]>*/