/* GENERAL SETTINGS
 **********************************************************************/
html {overflow-y: scroll;}
html, body {
    background: #e0e4e7;
    height: 100%;
}
body {
    background: #e0e4e7;
    color: #3d3e46;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10px;
	line-height: 1.8em;
}
#wrap {
    font-size: 1.2em;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
}
.main_center {
    margin: 0 auto;
    width: 976px;
    display: block;
}
.clearfix {
    clear: both;
    margin: 0;
    padding: 0;
}
.clear {clear: both;}
a:hover {background-position: 0 0;}
a {
	color: #a90329;
	text-decoration: none;
}
a:hover {text-decoration: underline;}
/* social Stuff
******************* */

#footer .socialLinks {
	position: absolute;
	width: 304px;
	height: 19px;
	background: #fff;
	left: 50%;
	margin-left: -125px;
	top: 25px;
	background: url('../images/socialLinks_bg.png') no-repeat 0 4px;
}
#footer .socialLinks a {
	display: block;
	float: left;
	text-indent: -9999px;
	height: 19px
}
#footer .socialLinks a.fb {
	margin-left: 138px;
	width:79px;
	background: url('../images/socialLinks_fb.png') no-repeat 0 -1px;
}
#footer .socialLinks a.tw {
	margin-left: 12px;
	width:75px;
	background: url('../images/socialLinks_tw.png') no-repeat 0 1px;
}
#footer .socialLinks a.active {background-position: 0 2px;}
#footer .socialLinks a.fb.active {background-position: 0 0;}

/* social buttons
 .................................*/

h2.overLink {padding-bottom: 13px;}

a.social {
	display: block;
	float: left;
	position: absolute;
	background: url('../images/social_sprite.png');
	width: 72px;
	text-indent: -9999px;
	height: 16px;
	margin-left: 1px;}

a.social.fb {background-position: 0 0;}
a.social.fb:hover {background-position: 0 -16px;}
a.social.fb.active {margin-top: 1px;}

a.social.tw {background-position: 0 -32px;margin-top: 5px}
a.social.tw:hover {background-position: 0 -48px;}
a.social.tw.active {margin-top: 6px;}

/* HEADER AREA
 **********************************************************************/
#header {background: url(../images/header_shade.png) repeat-x;}
#header .main_center {background: url(../images/header_center_bg.jpg) no-repeat;}

/* LOGO
 .................................*/
#header h1 a {
    position: absolute;
    text-indent: -9999px;
    background: url(../images/logo_shadow.png) no-repeat left top;
    width: 247px;
    height: 198px;
    margin: 0 0 0 24px;
    top: 0;
    display: block;
    z-index: 0;
}
#header h1 strong {
	cursor: pointer;
    display: block;
    background: url(../images/logo_content.jpg) no-repeat;
    margin-left: 11px;
    width: 225px;
    height: 189px;
}

/*  MAIN NAVIGATION (nav_main)
 ..................................................................*/
#nav_main {
	margin:0 0 0 278px;
	padding:46px 0 0;
}
#nav_main li {
	float:left;
	display:block;
	overflow:hidden;
}
#nav_main li a {
	background:url(../images/nav_sprite_normal.png);
	float:left;
	display:block;
	text-indent:-9999px;
	height:59px;
	cursor:pointer;
	overflow:hidden;
}
#nav_main.single_line li a {height:60px;}

/* MAIN NAV. MOUSEOVER AND CLICK
 .................................*/
#header ul li.company a{width:163px;}
#header ul li.company a:hover{background-position:0 -60px;}
#header ul li.company a.active{background-position:0 -59px;}

#header ul li.portfolio a{background-position:-164px 0;width:128px;}
#header ul li.portfolio a:hover{background-position:-164px -60px;}
#header ul li.portfolio a.active{background-position:-164px -59px;}

#header ul li.jobs a{background-position:-292px 0;width:77px;}
#header ul li.jobs a:hover{background-position:-292px -60px;}
#header ul li.jobs a.active{background-position:-292px -59px;}

#header ul li.contact a{background-position:-370px 0;width:116px;}
#header ul li.contact a:hover{background-position:-370px -60px;}
#header ul li.contact a.active{background-position:-370px -59px;}

#header ul li.blog a{background-position:-486px 0;width:83px;}
#header ul li.blog a:hover{background-position:-486px -60px;}
#header ul li.blog a.active{background-position:-486px -59px;}

/* MAIN NAV. SELECTS
 .................................*/
#header ul li.company a.select{background:url(../images/nav_sprite_select.png) 0 0 no-repeat;}
#header ul li.company a.subSelect{background:url(../images/nav_sprite_select.png) 0 -70px no-repeat;}
#header ul li.portfolio a.select{background:url(../images/nav_sprite_select.png) -164px 0 no-repeat;}
#header ul li.jobs a.select{background:url(../images/nav_sprite_select.png) -292px 0 no-repeat;}
#header ul li.jobs a.subSelect{background:url(../images/nav_sprite_select.png) -292px -70px no-repeat;}
#header ul li.contact a.select{background:url(../images/nav_sprite_select.png) -370px 0 no-repeat;}

/* SUB NAVIGATION (nav_sub)
 ..................................................................*/
ul#nav_sub {
	height: 36px;
	background: url(../images/nav_sub_block_bg.png) no-repeat center right;
    clear: both;
}
ul.sub_company {
	width: 234px;
    margin: 0 0 0 288px;
}
ul.sub_jobs {
	width: 292px;
    margin: 0 0 0 538px;
}
ul#nav_sub li {
    float: left;
    display: block;
    height: 36px;
	background: url(../images/nav_sub_block_bg.png) no-repeat center left;
}
ul#nav_sub li.afterSelect {background-image: url(../images/nav_sub_block_afterSelect_bg.png);}
ul#nav_sub li a {
    float: left;
    display: block;
    width: 100px;
    text-indent: -9999px;
    height: 36px;
    cursor: pointer;
}

/* SUB NAV. NORMAL + CLICK + SELECT
 .................................*/
ul#nav_sub li.mindFactory a{background:url(../images/nav_sub_sprite.png) no-repeat 0 0;width:143px;}
ul#nav_sub li.mindFactory a:hover{background:url(../images/nav_sub_sprite.png) no-repeat 0 -36px;}
ul#nav_sub li.mindFactory a.active{background:url(../images/nav_sub_sprite.png) no-repeat 0 -35px;}
ul#nav_sub li.mindFactory a.select{background:url(../images/nav_sub_sprite.png) 0 -72px;}

ul#nav_sub li.teams a{background:url(../images/nav_sub_sprite.png) no-repeat -144px 0;width:90px;}
ul#nav_sub li.teams a:hover{background:url(../images/nav_sub_sprite.png) no-repeat -144px -36px;}
ul#nav_sub li.teams a.active{background:url(../images/nav_sub_sprite.png) no-repeat -144px -35px;}
ul#nav_sub li.teams a.select{background:url(../images/nav_sub_sprite.png) -144px -72px;}

ul#nav_sub li.structure a {background: url(../images/nav_sub_sprite.png) no-repeat -234px 0px;width: 103px;}
ul#nav_sub li.structure a:hover {background: url(../images/nav_sub_sprite.png) no-repeat -234px -36px;}
ul#nav_sub li.structure a.active {background: url(../images/nav_sub_sprite.png) no-repeat -234px -35px;}
ul#nav_sub li.structure a.select {background: url(../images/nav_sub_sprite.png) -234px -72px;}

ul#nav_sub li.tour a {background: url(../images/nav_sub_sprite.png) no-repeat -338px 0px;width: 115px;}
ul#nav_sub li.tour a:hover {background: url(../images/nav_sub_sprite.png) no-repeat -338px -36px;}
ul#nav_sub li.tour a.active {background: url(../images/nav_sub_sprite.png) no-repeat -338px -35px;}
ul#nav_sub li.tour a.select {background: url(../images/nav_sub_sprite.png) -338px -72px;}

ul#nav_sub li.weWantYou a {background: url(../images/nav_sub_sprite.png) no-repeat -454px 0px;width: 142px;}
ul#nav_sub li.weWantYou a:hover {background: url(../images/nav_sub_sprite.png) no-repeat -454px -36px;}
ul#nav_sub li.weWantYou a.active {background: url(../images/nav_sub_sprite.png) no-repeat -454px -35px;}
ul#nav_sub li.weWantYou a.select {background: url(../images/nav_sub_sprite.png) -454px -72px;}

ul#nav_sub li.vacancies a {background: url(../images/nav_sub_sprite.png) no-repeat -596px 0px;width: 149px;}
ul#nav_sub li.vacancies a:hover {background: url(../images/nav_sub_sprite.png) no-repeat -596px -36px;}
ul#nav_sub li.vacancies a.active {background: url(../images/nav_sub_sprite.png) no-repeat -596px -35px;}
ul#nav_sub li.vacancies a.select {background: url(../images/nav_sub_sprite.png) -596px -72px;}

/* CONTENT AREA
 **********************************************************************/
#content {
    background: url(../images/content_shade.png) repeat-x;
	padding-bottom: 6em;
}

/* HEADLINE
 .................................*/
#header_outline p, #header_outline h1 {display: none;}
#header_outline {
    height: 150px;	
    margin: 0 0 0 293px;
}
#header_outline.homeHeadline {
	margin: 0;
	height: 533px;
    background: url(../images/headline_home.png) no-repeat left 200px;
}

.companyHeadline{background:url(../images/headline_company.png) no-repeat left 40px;}
.teamsHeadline{background:url(../images/headline_teams.png) no-repeat left 40px;}
.portfolioHeadline{background:url(../images/headline_portfolio.png) no-repeat left 40px;}
.jobsHeadline{background:url(../images/headline_jobs.png) no-repeat left 40px;}
.vacanciesHeadline{background:url(../images/headline_vacancies.png) no-repeat left 40px;}
.contactHeadline{background:url(../images/headline_contact.png) no-repeat left 40px;}
.impressumHeadline{background:url(../images/headline_impressum.png) no-repeat left 40px;}

/* COLUMNS (for Layout)
 .................................*/
.bigLine {
	width: 976px;
	background: url(../images/content_line_long.png) no-repeat center top;
	overflow: hidden;
}
.left_column {
    width: 276px;
    float: left;
    background: url(../images/content_line_short.png) no-repeat;
	background-position: top;
    margin-bottom: 45px;
	padding-top: 17px;
}
.left_column .line_small {
	display: block;
	border-top: 1px solid #bfc4c8;
	border-bottom: 1px solid #f5f6f7;
	margin: 15px 0 20px 0;
	padding: 0;
}
.left_column .preLine h2 {
	padding-bottom: 0;
	margin-bottom: 10px;
}
.left_column span.line_end {
	display: block;
	margin-top: 30px;
	height: 3px;
	background: url(../images/content_line_short.png) no-repeat;
}
.left_column .preLine b {
	display: block;
	margin: 5px 0 0 0;
}
.right_column {
    width: 680px;
    float: right;
    background: url(../images/content_line_middle.png) no-repeat;
	background-position: top;
    margin-bottom: 45px;
	padding-top: 17px;
	position: relative;
}
.noPadding {padding-top: 0px;}
.noLine {background-image: none;}
.right_column .full {width: 680px;}
.right_column .left {
    width: 330px;
    float: left;
}
.right_column .right {
    width: 330px;
    float: right;
}
.marginTop {margin-top: 45px;}

/* TEXT STYLES
 .................................*/
h2 {
    font-weight: normal;
    font-size: 1.4em;
    line-height: 1em;
    color: #000;
	padding-bottom: 1.7em;
}
.noOffsetBottom {
	padding-bottom: 1px;
}
span.vacTypeHeadline {
    display: block;
    font-size: 0.7em;
    font-style: italic;
    line-height: 2.2em;
}
h2.smallPadding {
	padding-bottom: 0.2em;
}
h3, strong {
    font-size: 1.2em;
    font-weight: normal;
    color: #000;
}
h3.bigBottomMargin {margin-bottom: 1.7em}
p {margin-bottom: 2.5em;}
.smallBottomMargin, h3.smallBottomMargin {margin-bottom: 0.4em;}
.mediumBottomMargin {margin-bottom: 1.7em;}

h2.smallerOffset {
	padding-bottom: 1em;
}

#content a.glink {
    color: #a90329;
    text-decoration: none;
    display: block;
    float: left;
    background: url("../images/arrow_right_red.png") no-repeat right 5px; 
    padding-right: 10px;
}
#content a.goBack {
    color: #a90329;
    text-decoration: none;
    display: block;
    float: left;
    background: url("../images/arrow_left_red.png") no-repeat left 5px; 
    padding-left: 10px;
}
#content a.glink:hover {text-decoration: underline;}

span.mail {
    text-decoration: none;
}
q {font-style: italic;}

/* DOCUMENT SPECIFIC STYLES
 ..................................................................*/

/* index.html
 .................................*/

div.homeHouse {
	width: 976px;
	height: 509px;
	background: url(../images/home_lotum_fullhouse.jpg) no-repeat right top;
}
div#newsTicker {
	position: relative;
	width: 976px;
	height: 60px;
}
div.newsSlide {
	display: block;
	text-align: center;
	position: absolute;
	width: 976px;
	margin-top: 20px;
	visibility: hidden;
}
div.newsSlide p {
	font-size: 1.5em;
	font-family: Georgia, serif;
}
div.newsSlide p span {font-style: italic;}
.teaserBox {
	width: 285px;
	float: left;
	margin: 20px 60px 20px 0px;
}
.teaserBox.lastBox {margin-right: 0px;}

/* unternehmen.html
 .................................*/
.companyGreen {background: url(../images/company_green.png) right 2px no-repeat;}
.companyGreen p {padding-right: 280px;}
.companyRed {background: url(../images/company_red.png) left 2px no-repeat;}
.companyRed p {padding-left: 280px;}

/* teams.html (prozess.html)
 .................................*/
div.prozessNavi {
	width: 976px;
	height: 380px;
	background: url(../images/prozess_navi_bg.png) 72px 30px no-repeat;
}
div.prozessNavi ul {position: relative;}
div.prozessNavi ul li {
	display: block;
	position: absolute;
	text-indent: -9000px;
}
div.prozessNavi ul li a {display: block;}
#liKonzept {
	top: 266px;
	left: 143px;
}
#liKonzept a {
	width: 239px;
	height: 38px;
}

#liKonzept a:hover {
	background: url(../images/prozess_navi_konzept.png) no-repeat;
}

#liDesign {
	top: 64px;
	left: 380px;
}

#liDesign a {
	width: 38px;
	height: 206px;
}

#liDesign a:hover {
	background: url(../images/prozess_navi_design.png) no-repeat;
}

#liFrontend {
	top: 65px;
	left: 727px;
}

#liFrontend a {
	width: 36px;
	height: 274px;
}

#liFrontend a:hover {
	background: url(../images/prozess_navi_frontend.png) no-repeat;
}

#liBackend {
	top: 65px;
	left: 175px;
}

#liBackend a {
	width: 243px;
	height: 36px;
}

#liBackend a:hover {
	background: url(../images/prozess_navi_backend.png) no-repeat;
}

#liSystemadmin {
	top: 167px;
	left: 74px;
}

#liSystemadmin a {
	width: 688px;
	height: 37px;
}

#liSystemadmin a:hover {
	background: url(../images/prozess_navi_systemadmin.png) no-repeat;
}

#liNutzerbetr {
	top: 234px;
	left: 381px;
}

#liNutzerbetr a {
	width: 520px;
	height: 38px;
}

#liNutzerbetr a:hover {
	background: url(../images/prozess_navi_nutzerbetr.png) no-repeat;
}

#liMarketing {
	top: 32px;
	left: 210px;
}

#liMarketing a {
	width: 35px;
	height: 304px;
}

#liMarketing a:hover {
	background: url(../images/prozess_navi_marketing.png) no-repeat;
}

h2.scribbleHeadline {
	display: block;
	text-indent: -9000px;
	margin: 20px 0 0 0;
	padding: 0;	
	background: no-repeat;
}

.left_column h2.scribbleHeadline {
	margin: 0;
}

h2#aKonzept {
	background: url(../images/prozess_headlines_konzept.png) no-repeat;
	width: 245px;
	height: 39px;
}

h2#aDesign {
	background: url(../images/prozess_headlines_design.png) no-repeat;
	width: 245px;
	height: 40px;
}

h2#aFrontend {
	background: url(../images/prozess_headlines_frontend.png) no-repeat;
	width: 274px;
	height: 40px;
}

h2#aBackend {
	background: url(../images/prozess_headlines_backend.png) no-repeat;
	width: 245px;
	height: 40px;
}

h2#aSystemadmin {
	background: url(../images/prozess_headlines_systemadmin.png) no-repeat;
	width: 695px;
	height: 41px;
}

h2#aNutzerbetr {
	background: url(../images/prozess_headlines_nutzerbetr.png) no-repeat;
	width: 520px;
	height: 39px;
}

h2#aMarketing {
	background: url(../images/prozess_headlines_marketing.png) no-repeat;
	width: 320px;
	height: 41px;
}

p.prozess {
	padding-right: 10px;
	margin: 0 0 10px 0;
}

#fotoProzess1, #fotoProzess2, #fotoProzess3, #fotoProzess4, #fotoProzess5, #fotoProzess6, #fotoProzess7, #fotoProzess8, #fotoProzess9, #fotoProzess10, #fotoProzess11, #fotoProzess12, #fotoProzess13, #fotoProzess14 {
	padding-top: 3px;
	margin-bottom: 10px;
} 

/* portfolio.html
 .................................*/

#content h2.logo {
	display: block;
	text-indent: -9000px;
	
}

#aSchueCC {
	background: url(../images/portfolio_logo_schuelercc.png) no-repeat;
	height: 101px;
}

#aSchueCCMo {
	background: url(../images/portfolio_logo_schuelerccmobile.png) no-repeat;
	height: 113px;
}

#aNewspCC {
	background: url(../images/portfolio_logo_newspointcc.png) no-repeat;
	height: 23px;
}

#aPandak {
	background: url(../images/portfolio_logo_pandakarten.png) no-repeat;
	height: 25px;
}

#aPlanetP {
	background: url(../images/portfolio_logo_planetpopstars.png) no-repeat;
	height: 94px;
}

#aStimmenP {
	background: url(../images/portfolio_logo_stimmenplanet.png) no-repeat;
	height: 50px;
}

div.slideShow {
	position: relative;
	width: 675px;
	height: 400px;
	margin-top: 20px;
}

div.slideShow div.slideShowButton {
	display: block;
	position: absolute;
	margin-top: 180px;
	width: 40px;
	height: 40px;
}

div#prevImg1, div#prevImg2, div#prevImg3, div#prevImg4, div#prevImg5, div#prevImg6 {
	margin-left: -5px;
}

div#nextImg1, div#nextImg2, div#nextImg3, div#nextImg4, div#nextImg5, div#nextImg6 {
	margin-left: 640px;
}

div.slideShow div.slideShowButton a {
	z-index: 9;
	cursor: pointer;
	display: block;
	width: 40px;
	height: 40px;
}

div#prevImg1 a, div#prevImg2 a, div#prevImg3 a, div#prevImg4 a, div#prevImg5 a, div#prevImg6 a {
	background: url(../images/slideshow_button_sprite.png) 0px 0px no-repeat;
	/*background: url(../images/slideshow_button_left.png) no-repeat;*/
}

div#prevImg1 a:hover, div#prevImg2 a:hover, div#prevImg3 a:hover, div#prevImg4 a:hover, div#prevImg5 a:hover, div#prevImg6 a:hover {
	background: url(../images/slideshow_button_sprite.png) 0px -40px no-repeat;
	/*background: url(../images/slideshow_button_left_hover.png) no-repeat;*/
}

div#prevImg1 a.active, div#prevImg2 a.active, div#prevImg3 a.active, div#prevImg4 a.active, div#prevImg5 a.active, div#prevImg6 a.active {
	background: url(../images/slideshow_button_sprite.png) 0px -80px no-repeat;
	/*background: url(../images/slideshow_button_left_active.png) no-repeat;*/	
}

div#nextImg1 a, div#nextImg2 a, div#nextImg3 a, div#nextImg4 a, div#nextImg5 a, div#nextImg6 a {
	background: url(../images/slideshow_button_sprite.png) -40px 0px no-repeat;
	/*background: url(../images/slideshow_button_right.png) no-repeat;*/
}

div#nextImg1 a:hover, div#nextImg2 a:hover, div#nextImg3 a:hover, div#nextImg4 a:hover, div#nextImg5 a:hover, div#nextImg6 a:hover {
	background: url(../images/slideshow_button_sprite.png) -40px -40px no-repeat;
	/*background: url(../images/slideshow_button_right_hover.png) no-repeat;*/
}

div#nextImg1 a.active, div#nextImg2 a.active, div#nextImg3 a.active, div#nextImg4 a.active, div#nextImg5 a.active, div#nextImg6 a.active {
	background: url(../images/slideshow_button_sprite.png) -40px -80px no-repeat;
	/*background: url(../images/slideshow_button_right_active.png) no-repeat;*/
}

div.slideShowImages {
	position: absolute;
	display: block;
}

div.slideShowBorder {
	position: absolute;
	width: 685px;
	height: 410px;
	background: url(../images/slideshow_background.png) no-repeat;
	margin: -5px 0 0 -5px;	
}

a.ankerToTop {
	display: block;
	position: absolute;
	z-index: 9;
	background: url(../images/button_to_top.png) no-repeat;
    width: 99px;
    height: 25px;
    text-indent: -9999px;
	margin-left: -296px;
	margin-top: -23px;
}

p.beforeTable {
	margin-bottom: 1.5em;
}

#piRanking {
	width: 330px;
	font-size: 0.9em;
	line-height: 1.4em;
}

#piRanking tr td.rank {
	padding-right: 5px;
}

#piRanking tr.bold td {
	/*font-weight: bold;*/
}

#piRanking tr td.schuelercc span {
	color: #f89500;
}

#piRanking tr td.number {
	padding: 0 5px 0 0;
	text-align: right;
}

p#tableSource {
	font-size: 0.8em;
	margin-bottom: 3em;
	font-style: italic;
}

span.source {
	font-size: 0.8em;
	font-style: italic;
}


/* kontakt.hmtl
 .................................*/

.phone {
    margin-top: 1em;
}

.phone strong {
    display: inline-block;
    width: 2.2em;
}

img.pad {
    margin-right: 20px;
}

.map {
    display: block;
    text-align: center;
}

h3.scribble {
    display: block;
    position: absolute;
    z-index: 9;
}

#scribbleNauheim {
	background: url(../images/scribble_nauheim.png);
    width: 160px;
    height: 82px;
    text-indent: -9999px;
	margin-left: -130px;
	margin-top: 60px;
}

#scribbleKurplaza {
    background: url(../images/scribble_kurparkplaza.png);
    width: 210px;
    height: 59px;
    text-indent: -9999px;
    margin-left: -190px;
    margin-top: 50px;
}

div#allSitePopUps {
	display: none;
}

div.inSitePopUp {
	background: #fff;
	width: 750px;
	padding: 20px;
	font-size: 1.2em;
    -moz-box-shadow: 0 0 20px black;
    -webkit-box-shadow: 0 0 20px black;
}

div.inSitePopUp h2 {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1.2em;
}

div.inSitePopUp p {
	margin: 5px 0 20px 0;
}

div.inSitePopUp p strong {
	font-size: 1.2em;
	color: #000;
}

div.inSitePopUp p strong.google {
	font-size: 1.0em;
	color: #000;
}

img.closeSticky {
	float: right;
	cursor: pointer;
}

img.popUpMap {
	margin-left: 40px;
	float: right;
}

div#changeMapNauheim, div#changeMapKurplaza {
	float: right;
	background: url(../images/popup_button_changemap.png) center right no-repeat;
	background-color: #a90329;
	color: #ffffff;
	cursor: pointer;
	padding: 3px 20px 3px 5px;
}

div#changeMapNauheim p, div#changeMapKurplaza p {
	font-size: 1em;
	margin: 0;
}

div.inSiteFotoPopUp {
	background: #fff;
	padding: 0 20px 20px;
	font-size: 1.2em;
    -moz-box-shadow: 0 0 20px black;
    -webkit-box-shadow: 0 0 20px black;
}

div.w675 {
	width: 675px;
}

div.w700 {
	width: 700px;
}

div.inSiteFotoPopUp .closeSticky {
	margin: 8px 0 8px;
}

div.inSiteFotoPopUp p {
	text-align: right;
	font-size: 0.8em;
	margin: 0;
}

/* jobs.html
 .................................*/

.jobHeadline {
    float: left;
    width: 450px;
}

.jobHeadline h2 {
    line-height: 1.2em;
}

.jobBookmarks {
    float: right;
}

.facebookButton {
    float: left;
    padding-right: 20px;
}

.tweetmeButton {
    float: right;
    padding-top: 2px;
}

.picParagr {
	padding: 0 25px 0 65px;
	background: no-repeat 0px 0px;
}

.relevanz {
	background-image: url(../images/jobs_icons_big_1.png);
	background-position: 12px 0px;
}

.atmosphere {
	background-image: url(../images/jobs_icons_big_3.png);
	background-position: 3px 0px;
}

.herrausvorderung {
	background-image: url(../images/jobs_icons_big_5.png);
}

.innovation {
	background-image: url(../images/jobs_icons_big_2.png);
	background-position: 7px 0px;
}

.freiraum {
	background-image: url(../images/jobs_icons_big_4.png);
}

.perspektive {
	background-image: url(../images/jobs_icons_big_6.png);
}

.vacancieList {
	margin: 0 0 1.7em;
}

.vacancieList li {
	line-height: 1.7em;
    margin-bottom: 6px;
	padding-left: 65px;
}

.vacType {
    font-size: 0.9em;
    display: block;
    margin-top: -3px;
    font-style: italic;
}


p.bevorzugt {
	position: relative;
}

span.bevorzugt {
	display: block;
	position: absolute;
	margin-top: -5px;
	font-size: 0.8em;
} 

/* offenestellen.html
 .................................*/

#infoBox {
	margin: 40px 80px;
	width: 389px;
	height:231px;
	padding: 25px;
	font-style: italic;
	background: url(../images/jobs_infobox.png) no-repeat;
}

#infoBox p {
	margin-bottom: 1.8em;
}

#infoBox a {
	font-style: normal;
}

/* frontend.html & Co
 .................................*/

.picParagrSmall {
	padding: 0 20px 0 55px;
	background: no-repeat 0px 0px;
	min-height: 40px;
}

/*.picParagrSmall strong {
	font-size: 1em;
	font-weight: normal;
	color: black;
}*/

.relevanzSmall {
	background-image: url(../images/jobs_icons_small_relevanz.png);
	background-position: 11px 2px;
}

.innovationSmall {
	background-image: url(../images/jobs_icons_small_innovation.png);
	background-position: 6px 2px;
}

.atmosphereSmall {
	background-image: url(../images/jobs_icons_small_atmosphere.png);
	background-position: 3px 2px;
}

.freiraumSmall {
	background-image: url(../images/jobs_icons_small_freiraum.png);
	background-position: 2px 2px;
}

.herrausvSmall {
	background-image: url(../images/jobs_icons_small_herrausv.png);
	background-position: 0px 2px;
}

.perspektSmall {
	background-image: url(../images/jobs_icons_small_perspekt.png);
	background-position: 0px 2px;
}

.mobileSmall {
	background-image: url(../images/jobs_icons_small_mobile.png);
	background-position: 15px 2px;
}

.oopSmall {
	background-image: url(../images/jobs_icons_small_oop.png);
	background-position: 8px 2px;
}

.htmlcssSmall {
	background-image: url(../images/jobs_icons_small_htmlcss.png);
	background-position: 8px 2px;
}

.javascrSmall {
	background-image: url(../images/jobs_icons_small_javasrc.png);
	background-position: 8px 2px;
}

.sqlSmall {
	background-image: url(../images/jobs_icons_small_sql.png);
	background-position: 10px 2px;
}

.linuxSmall {
	background-image: url(../images/jobs_icons_small_linux.png);
	background-position: 10px 2px;
}

.xhtmlSmall {
	background-image: url(../images/jobs_icons_small_xhtml.png);
	background-position: 10px 2px;
}

.perforSmall {
	background-image: url(../images/jobs_icons_small_perfor.png);
	background-position: 13px 2px;
}

.photoshSmall {
	background-image: url(../images/jobs_icons_small_photosh.png);
	background-position: 11px 2px;
}

.internSmall {
	background-image: url(../images/jobs_icons_small_intern.png);
	background-position: 10px 2px;
}

.effektivSmall {
	background-image: url(../images/jobs_icons_small_effektiv.png);
	background-position: 10px 2px;
}

.motivatSmall {
	background-image: url(../images/jobs_icons_small_motivat.png);
	background-position: 10px 2px;
}

.intelligSmall {
	background-image: url(../images/jobs_icons_small_intellig.png);
	background-position: 10px 2px;
}

.referenzSmall {
	background-image: url(../images/jobs_icons_small_referenz.png);
	background-position: 10px 2px;
}

.voraussSmall {
	background-image: url(../images/jobs_icons_small_vorauss.png);
	background-position: 0px 2px;
}

.verantwSmall {
	background-image: url(../images/jobs_icons_small_verantw.png);
	background-position: 10px 2px;
}

.teamgedSmall {
	background-image: url(../images/jobs_icons_small_teamged.png);
	background-position: 10px 2px;
}

.semSmall {
	background-image: url(../images/jobs_icons_small_sem.png);
	background-position: 3px 1px;
}

.zielgrSmall {
	background-image: url(../images/jobs_icons_small_zielgr.png);
	background-position: 4px 1px;
}

.analytSmall {
	background-image: url(../images/jobs_icons_small_analyt.png);
	background-position: 9px 2px;
}

.kommuSmall {
	background-image: url(../images/jobs_icons_small_kommu.png);
	background-position: 7px 2px;
}

.officeSmall {
	background-image: url(../images/jobs_icons_small_office.png);
	background-position: 10px 2px;
}

.stiftSmall {
	background-image: url(../images/jobs_icons_small_stift.png);
	background-position: 14px 2px;
}

.steilVSmall {
	background-image: url(../images/jobs_icons_small_steilV.png);
	background-position: 10px 2px;
}

.unitSmall {
	background-image: url(../images/jobs_icons_small_bug.png);
	background-position: 10px 2px;
}

.phpSmall {
	background-image: url(../images/jobs_icons_small_php.png);
	background-position: 10px 2px;
}




.vacancieList.vacancieNav {
	margin: 7px 0 27px;
}

.vacancieList.vacancieNav li {
	padding-left: 20px;
}

.vacancieList.vacancieNav li.select {
	background: url(../images/arrow_right_dark.png) no-repeat 7px 7px;
}

.vacancieList.vacancieNav li.select a {
	color: #3d3e46;
}

/* FOOTER
 **********************************************************************/
#footer {
    background: #222 url(../images/footer_shade.png) left bottom repeat-x;
    bottom: 0;
    min-height: 61px;
    color: #cfd3d7;
    position: absolute;
    width: 100%;
    line-height: 1em;
    border-top: 1px solid #fff;
}

#footer .main_center {
    background: url(../images/footer_glare.png) no-repeat center bottom;
	min-height: 61px;
}

#footer p {
    float: left;
    margin: 29px 0 25px 0;
}

/* LOGO
 .................................*/
#footer p.logo {
    margin: 17px 0 0 0;
    width: 138px;
}

#footer p.logo a {
    background: url(../images/footer_logo.png);
    display: block;
    height: 25px;
    text-indent: -9999px;
    width: 125px;
}

/* ADDRESS
 .................................*/
#footer address {
    display: block;
    width: 700px;
	text-align: center;
}

/* IMPRINT_LINK
 .................................*/
#footer p.imprint_link {
    float: right;
    text-align: right;
    width: 134px;
}

#footer p.imprint_link a {
    background: url(../images/arrow_right.png) no-repeat right center;
    color: #d0dae4;
    font-weight: normal;
    padding-right: 10px;
    text-decoration: none;
}

#footer p.imprint_link a:hover {
    color: #fff;
	background: url(../images/arrow_right_white.png) no-repeat right center;
}