/*****WEB FONTS*******/
@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=c58ad9a1-6f1c-4b0e-bd3f-df2327abfa37");

@font-face {
    font-family:"Soho Gothic W01 Regular";
    src:url("../fonts/f46906bf-4fa9-4064-9d0a-7f3cad793af1.eot?iefix") format("eot");
}

@font-face {
    font-family:"Soho Gothic W01 Regular";
    src:url("../fonts/f46906bf-4fa9-4064-9d0a-7f3cad793af1.eot?iefix");
    src:url("../fonts/16716e40-a794-41a1-b88a-0f7df4fc7a19.woff") format("woff"),url("../fonts/c8f99b13-5b74-40ec-9f8c-ed3f7e79894c.ttf") format("truetype"),url("../fonts/d51c088b-5562-4fcd-9b90-fdd878a7845e.svg#d51c088b-5562-4fcd-9b90-fdd878a7845e") format("svg");
}

@font-face {
    font-family:"Soho Gothic W01 Medium";
    src:url("../fonts/b9715fdb-09a5-4b7e-be15-69e328c1b44a.eot?iefix") format("eot");
}

@font-face {
    font-family:"Soho Gothic W01 Medium";
    src:url("../fonts/b9715fdb-09a5-4b7e-be15-69e328c1b44a.eot?iefix");
    src:url("../fonts/df20967e-6948-4e78-a4a5-bae27b4a03b9.woff") format("woff"),url("../fonts/d6e767ca-8efd-405f-b1e0-964985cb73f9.ttf") format("truetype"),url("../fonts/6b2eeb65-8052-4e20-9b95-402b3ef267a3.svg#6b2eeb65-8052-4e20-9b95-402b3ef267a3") format("svg");
}

/*****CSS RESET*******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/****BODY STYLES********/
body {
    font: normal 13px 'Soho Gothic W01 Regular', Arial, Helvetica, 'Sans serif';
    color: #333333;
    background: -moz-radial-gradient(center 350px, circle closest-side, #ffffff, #eeeeee); /* Firefox */
    background:-webkit-radial-gradient(center 350px, circle closest-side, #ffffff, #eeeeee); /* Safari, Chrome */
    background:-o-radial-gradient(center 350px, circle closest-side, #ffffff, #eeeeee); /* Opera */
    background:-ms-radial-gradient(center 350px, circle closest-side, #ffffff, #eeeeee); /* IE */
    background: radial-gradient(center 350px, circle closest-side, #ffffff, #eeeeee); /* W3C Standard */
}

body.unternehmen,
body.impressum {
    background: -moz-radial-gradient(center 350px, circle closest-side, #444444, #222222); /* Firefox */
    background:-webkit-radial-gradient(center 350px, circle closest-side, #444444, #222222); /* Safari, Chrome */
    background:-o-radial-gradient(center 350px, circle closest-side, #444444, #222222); /* Opera */
    background:-ms-radial-gradient(center 350px, circle closest-side, #444444, #222222); /* IE */
    background: radial-gradient(center 350px, circle closest-side, #444444, #222222); /* W3C Standard */
}

body.karriere {
    background: #003919;
}

body.greenBG {
    background: #013A1A;
}

p {
    font-size: 14px;
    line-height: 24px;
}

a {
    color: #333333;
    text-decoration: none;
}
a:hover {
    color: #777777;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1.3em;
}

.clear {
    clear: both;
}

.clearSpace {
    clear: both;
    height: 20px
}
.small {
    font-size: 0.9em;
}
.left {
    float: left;
}
.right {
    float: right;
}
.noWrap {
    white-space: nowrap;
}

#containerFixed {
    width: 940px;
    position: relative;
    margin: 0 auto;
    z-index: 242;
}

#containerMovingOuter {
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

#containerMovingInner {
    width: 200%;
    float: left;
}

#containerMovingInner.movePrevious {
    float: right;
    margin-right: 0px;
}

#containerMovingInner>div {
    width: 50%;
    float: left;
}

.displayNone {
    display: none;
}


/****HEADER STYLES*******/
#header {
    font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';
    width: 940px;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 26;
    padding-bottom: 11px;
    background: transparent url('../img/bgHeaderDS.png') bottom center no-repeat;
}
#headerContent {
    background: transparent url('../img/bgWhite90.png');
    height: 60px;
}
#header #logo {
    float: left;
    margin: 18px 0 0 20px;
}
#header #logo a {
    font-size: 2.8em;
    display: block;
    text-indent: -9999px;
    background: transparent url('../img/logoBabiel.png') top left no-repeat;
    height: 42px;
    width: 100px;
}
#header #title {
    display: none;
}

#header .switchLang {
    float: right;
    background: #333333 url('../img/iconLang.jpg') center 12px no-repeat;
    color: #ffffff;
    height: 28px;
    padding: 32px 1em 0 1em;
}

/*****NAV STYLES*******/
#mainNavi {
    float: right;
    height: 60px;
}

#mainNavi ul {
    float: left;
    padding-bottom: 20px;
    position: relative;
}

#mainNavi li {
    float: left;
    padding-bottom: 20px;
    width: 170px;
    position: relative;
}

#mainNavi li .boxLv2 {
    padding-bottom: 20px;
    z-index: 24;
    position: absolute;
    left: 0px;
    top: 60px;
    display: none;
}

.xhome #mainNavi li .boxLv2 {
    background: transparent url('../img/bgNavArrowGreen170.png') bottom center no-repeat;
}

#mainNavi .menuLeistungen .boxLv2 {
    background: transparent url('../img/bgNavArrowGreen170.png') bottom center no-repeat;
}

#mainNavi .menuReferenzen .boxLv2 {
    background: transparent url('../img/bgNavArrowPurple170.png') bottom center no-repeat;
}

#mainNavi .menuUnternehmen .boxLv2 {
    background: transparent url('../img/bgNavArrowOrange170.png') bottom center no-repeat;
}

#mainNavi .menuKarriere .boxLv2 {
    background: transparent url('../img/bgNavArrowYellow170.png') bottom center no-repeat;
}

#mainNavi li .lv2 {
    padding-bottom: 0px;
    background: transparent url('../img/bgWhite90.png') top left repeat;
}

#mainNavi .lv2 li {
    float: none;
    padding-bottom: 0px;
    border-bottom: 1px solid #e7e7e7;
    width: 170px;
}

#mainNavi .lv2 li.firstItem {
    background: transparent url('../img/bgHeaderDS.png') top center no-repeat;
}

#mainNavi .lv2 li.lastItem {
    border-bottom: none;
}

#mainNavi a {
    font-size: 14px;
    text-align: center;
	text-decoration: none;
	padding: 31px 25px 0px 25px;
	height: 29px;
	display: block;
	cursor: pointer;
}

#mainNavi .lv2 li a {
    font-size: 12px;
	padding: 13px 0 11px 0;
	height: auto;
	text-align: center;
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';
	white-space: nowrap;
}

#mainNavi a.hover {
	color: #ffffff;
}

#mainNavi li.hover {
    background: none repeat scroll 0 0 transparent !important;
}

#mainNavi .menuLeistungen a:hover {
	background: #2cb300 url('../img/bgNavActiveGreen.png') left top repeat-x;
}

#mainNavi .menuReferenzen a:hover {
	background: #93117E url('../img/bgNavActivePurple.png') left top repeat-x;
}

#mainNavi .menuUnternehmen a:hover {
	background: #E94F0E url('../img/bgNavActiveOrange.png') left top repeat-x;
}

#mainNavi .menuKarriere a:hover {
	background: #F6A800 url('../img/bgNavActiveYellow.png') left top repeat-x;
}

#mainNavi .menuLeistungen .boxLv2 a:hover {
	background: #2cb300 url('../img/mo_green.png') left top repeat-x;
}

#mainNavi .menuReferenzen .boxLv2 a:hover {
	background: #93117E url('../img/mo_purple.png') left top repeat-x;
}

#mainNavi .menuUnternehmen .boxLv2 a:hover {
	background: #E94F0E url('../img/mo_orange.png') left top repeat-x;
}

#mainNavi .menuKarriere .boxLv2 a:hover {
	background: #F6A800 url('../img/mo_yellow.png') left top repeat-x;
}

.leistungen #mainNavi .menuLeistungen {
	background: transparent url('../img/bgNavArrowGreen170.png') bottom center no-repeat;
}

.referenzen #mainNavi .menuReferenzen {
	background: transparent url('../img/bgNavArrowPurple170.png') bottom center no-repeat;
}

.unternehmen #mainNavi .menuUnternehmen {
	background: transparent url('../img/bgNavArrowOrange170.png') bottom center no-repeat;
}

.karriere #mainNavi .menuKarriere {
	background: transparent url('../img/bgNavArrowYellow170.png') bottom center no-repeat;
}

.leistungen #mainNavi .hover {
	background: transparent none;
}

.leistungen #mainNavi .menuLeistungen>a {
	background: #2ab200 url('../img/bgNavActiveGreen.png') left top repeat-x;
	color: #ffffff;
}

.referenzen #mainNavi .menuReferenzen>a {
	background: #2ab200 url('../img/bgNavActivePurple.png') left top repeat-x;
	color: #ffffff;
}

.unternehmen #mainNavi .menuUnternehmen>a {
	background: #2ab200 url('../img/bgNavActiveOrange.png') left top repeat-x;
	color: #ffffff;
}

.karriere #mainNavi .menuKarriere>a {
	background: #2ab200 url('../img/bgNavActiveYellow.png') left top repeat-x;
	color: #ffffff;
}

#mainNavi .menuLeistungen a:hover, #mainNavi .menuLeistungen:hover>a {
	background: #2cb300 url('../img/bgNavActiveGreen.png') left top repeat-x;
}

#mainNavi .menuReferenzen a:hover, #mainNavi .menuReferenzen:hover>a {
	background: #93117E url('../img/bgNavActivePurple.png') left top repeat-x;
}

#mainNavi .menuUnternehmen a:hover, #mainNavi .menuUnternehmen:hover>a {
	background: #E94F0E url('../img/bgNavActiveOrange.png') left top repeat-x;
}

#mainNavi .menuKarriere a:hover, #mainNavi .menuKarriere:hover>a {
	background: #F6A800 url('../img/bgNavActiveYellow.png') left top repeat-x;
}

#mainNavi .menuLeistungen:hover>a, #mainNavi .menuReferenzen:hover>a,
#mainNavi .menuUnternehmen:hover>a, #mainNavi .menuKarriere:hover>a {
    color: #FFFFFF;
}

#mainNavi li a:hover {
	color: #ffffff;
}

.xhome #mainNavi li a:hover {
	background: #2ab200 url('../img/bgNavActiveGreen.png') left top repeat-x;
}

#mainNavi .menuLeistungen>a:hover {
	background: #2ab200 url('../img/bgNavActiveGreen.png') left top repeat-x;
}

#mainNavi .menuReferenzen>a:hover {
	background: #93117e url('../img/bgNavActivePurple.png') left top repeat-x;
}

#mainNavi .menuUnternehmen>a:hover {
	background: #e94f0e url('../img/bgNavActiveOrange.png') left top repeat-x;
}

#mainNavi .menuKarriere>a:hover {
	background: #f6a800 url('../img/bgNavActiveYellow.png') left top repeat-x;
}

#mainNavi #kontakt {
	height: 60px;
	width: 40px;
	padding: 0px;
	float: left;
}

#mainNavi #kontakt a {
	text-indent: -9999px;
	background: #333333 url('../img/babiel_kontakt_inaktiv.png') center 32px no-repeat;
	display: block;
	height: 60px;
	width: 40px;
	padding: 0px;
}

#mainNavi #kontakt a:hover,
.leistungen #mainNavi #kontakt a:hover {
	background: #333333 url('../img/babiel_kontakt_aktiv_gruen.png') center 32px no-repeat;
}

.referenzen #mainNavi #kontakt a:hover {
	background: #333333 url('../img/babiel_kontakt_aktiv_lila.png') center 32px no-repeat;
}

.unternehmen #mainNavi #kontakt a:hover {
	background: #333333 url('../img/babiel_kontakt_aktiv_orange.png') center 32px no-repeat;
}

.karriere #mainNavi #kontakt a:hover {
	background: #333333 url('../img/babiel_kontakt_aktiv_gelb.png') center 32px no-repeat;
}

/* Select Language */

#headerContent #selectLan {
    float: right;
    height: 60px;
    padding: 0;
    width: 40px;
}

#headerContent #selectLan #languages {
    background: transparent url('../img/bg_selectLan_boxShadow.png') bottom center no-repeat;
    text-align: center;
}

#headerContent #selectLan a {
    background: url("../img/babiel_selectLan_inaktiv.png") no-repeat scroll left top #333333;
    color: #FFFFFF;
    display: block;
    height: 28px;
    padding: 32px 0 0;
    width: 40px;
}

#headerContent #selectLan .lv2 {
    background: url("../img/bgWhite90.png") repeat scroll left top transparent;
    color: #333333;
    overflow: hidden;
}

#headerContent #selectLan .boxLv2 {
    background: url(../img/selectLan_shadow.png) no-repeat center bottom transparent;
    padding-bottom: 9px;
}

#headerContent #selectLan .lv2 li {
    border-top: 1px solid #E7E7E7;
    color: #cccccc;
    font-size: 12px;
}

#headerContent #selectLan .lv2 li.first {
    background: url("../img/bgHeaderDS.png") no-repeat scroll center top transparent;
    border-bottom: none;
    border-top: none;
}

#headerContent #selectLan .lv2 li.last {
    border-top: none;
}

#headerContent #selectLan .lv2 a {
    background: none;
    color: #333333;
    float: left;
    padding: 12px 0 0;
    text-indent: 0;
}

#headerContent #selectLan .lv2 a:hover,
.leistungen #headerContent #selectLan .lv2 a:hover {
	background: #2ab200 url('../img/mo_green.png') left top repeat-x;
	color: #FFFFFF;
    float: left;
    width: 40px;
}

.referenzen #headerContent #selectLan .lv2 a:hover {
	background: #93117e url('../img/mo_purple.png') left top repeat-x;
}

.unternehmen #headerContent #selectLan .lv2 a:hover {
	background: #e94f0e url('../img/mo_orange.png') left top repeat-x;
}

.karriere #headerContent #selectLan .lv2 a:hover {
	background: #f6a800 url('../img/mo_yellow.png') left top repeat-x;
}

#headerContent #languages:hover>a,
.leistungen #headerContent #languages:hover>a {
	background-image: url('../img/babiel_selectLan_gruen.png');
}

.referenzen #headerContent #languages:hover>a {
	background-image: url('../img/babiel_selectLan_lila.png');
}

.unternehmen #headerContent #languages:hover>a {
	background-image: url('../img/babiel_selectLan_orange.png');
}

.karriere #headerContent #languages:hover>a {
	background-image: url('../img/babiel_selectLan_gelb.png');
}

#headerContent #selectLan a:hover,
.leistungen #headerContent #selectLan a:hover {
	background-image: url('../img/babiel_selectLan_gruen.png');
}

.referenzen #headerContent #selectLan a:hover {
	background-image: url('../img/babiel_selectLan_lila.png');
}

.unternehmen #headerContent #selectLan a:hover {
	background-image: url('../img/babiel_selectLan_orange.png');
}

.karriere #headerContent #selectLan a:hover {
	background-image: url('../img/babiel_selectLan_gelb.png');
}

/*****STAGE NAVIGATION*******/


#stagenav {
	position: absolute;
	top: 85px;
	left: 0;
	width: 100%;
	height: 310px;
}

#stagenavLeft {
	position: absolute;
	top: 121px;
	left: 0;
	min-width: 220px;
	height: 68px;
}

#stagenavLeft #snLeftButton {
	color: #333333;
	width: 40px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 24;
	cursor: pointer;
}

.home #stagenavLeft #snLeftButton {
	background: transparent url('../img/snLeftGreen.png') left center no-repeat;
}

.leistungen #stagenavLeft #snLeftButton {
	background: transparent url('../img/snLeftGreen.png') left center no-repeat;
}

.referenzen #stagenavLeft #snLeftButton {
	background: transparent url('../img/snLeftPurple.png') left center no-repeat;
}

.unternehmen #stagenavLeft #snLeftButton {
	background: transparent url('../img/snLeftOrange.png') left center no-repeat;
}

.karriere #stagenavLeft #snLeftButton {
	background: transparent url('../img/snLeftYellow.png') left center no-repeat;
}

#stagenavLeft #snLeftText {
	background: transparent url('../img/bgSnShadow.png') center bottom no-repeat;
	color: #333333;
	min-width: 180px;
	height: 70px;
	/*position: absolute;
	top: 0;
	left: 40px;*/
	z-index: 20;
	cursor: pointer;
	text-align: center;
}

#stagenavLeft span {
    float: left;
    margin-left: 40px;
    padding: 0 10px;
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';
	font-size: 12px;
	min-width: 180px;
	line-height: 60px;
	display: block;
	background:  transparent url('../img/bgWhite90.png') top left repeat;
}

#stagenavRight {
	position: absolute;
	top: 120px;
	right: 0;
	min-width: 220px;
	height: 68px;
}

#stagenavRight #snRightButton {
	color: #333333;
	width: 40px;
	height: 60px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 24;
	cursor: pointer;
}

.home #stagenavRight #snRightButton {
	background: transparent url('../img/snRightGreen.png') right center no-repeat;
}

.leistungen #stagenavRight #snRightButton {
	background: transparent url('../img/snRightGreen.png') right center no-repeat;
}

.referenzen #stagenavRight #snRightButton {
	background: transparent url('../img/snRightPurple.png') right center no-repeat;
}

.unternehmen #stagenavRight #snRightButton {
	background: transparent url('../img/snRightOrange.png') right center no-repeat;
}

.karriere #stagenavRight #snRightButton {
	background: transparent url('../img/snRightYellow.png') right center no-repeat;
}

#stagenavRight #snRightText {
	background: transparent url('../img/bgSnShadow.png') center bottom no-repeat;
	color: #333333;
	min-width: 180px;
	height: 70px;
	/*position: absolute;
	top: 0;
	right: 40px;*/
	z-index: 20;
	cursor: pointer;
	text-align: center;
}

#stagenavRight span {
    float: left;
    margin-right: 40px;
    padding: 0 10px;
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';
	font-size: 12px;
	display: block;
	min-width: 180px;
	line-height: 60px;
	background:  transparent url('../img/bgWhite90.png') top left repeat;
}

#slideNumbers {
	position: absolute;
	top: 353px;
	right: 40px;
}

#slideNumbers .slideNumber {
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';
    color: #cccccc;
	padding: 6px 11px 8px 11px;
	margin-left: 10px;
	background: url('../img/bgSn.png') bottom center no-repeat;
	cursor: pointer;
}

.home #slideNumbers .active span {
    color: #2ab200;
	background: url('../img/bgSnActiveGreen.png') bottom center no-repeat;
}

.leistungen #slideNumbers .active span {
    color: #2ab200;
	background: url('../img/bgSnActiveGreen.png') bottom center no-repeat;
}

.referenzen #slideNumbers .active span {
    color: #93117e;
	background: url('../img/bgSnActivePurple.png') bottom center no-repeat;
}

.unternehmen #slideNumbers .active span {
    color: #e94f0e;
	background: url('../img/bgSnActiveOrange.png') bottom center no-repeat;
}

.karriere #slideNumbers .active span {
    color: #f6a800;
	background: url('../img/bgSnActiveYellow.png') bottom center no-repeat;
}

#stageNumbers {
	position: absolute;
	bottom: 15px;
	right: 40px;
	float: left;
}

#stageNumbers .stageNumber {
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';
    color: #cccccc;
	padding: 6px 11px 8px 11px;
	margin-left: 10px;
	background: url('../img/bgSn.png') bottom center no-repeat;
	cursor: pointer;
	display: block;
	float: left;
}

#stageNumbers a:hover span {
    background: url('../img/bgSn_hover.png') bottom center no-repeat;
    color: #999999;
}

.home #stageNumbers .active {
    color: #2ab200;
	background: url('../img/bgSnActiveGreen.png') bottom center no-repeat;
}

.leistungen #stageNumbers .active {
    color: #2ab200;
	background: url('../img/bgSnActiveGreen.png') bottom center no-repeat;
}

.referenzen #stageNumbers .active {
    color: #93117e;
	background: url('../img/bgSnActivePurple.png') bottom center no-repeat;
}

.unternehmen #stageNumbers .active {
    color: #e94f0e;
	background: url('../img/bgSnActiveOrange.png') bottom center no-repeat;
}

.karriere #stageNumbers .active {
    color: #f6a800;
	background: url('../img/bgSnActiveYellow.png') bottom center no-repeat;
}

#moreInfo {
	position: absolute;
	right: 35px;
	top: 210px;
}

/*****CONTENT STYLES*******/

.page {
	width: 100%;
	float: left;
}

.pageHomeReddot {
	background: transparent url('../images/stages/homeReddot.png') top center no-repeat;
}

.pageHomeGDA {
	background: #1a4750 url('../images/stages/homeGDA.png') top center no-repeat;
}

.pageHomeBNP {
	background: transparent url('../images/stages/homeBNP.png') top center no-repeat;
}

.pageHomeSocial {
	background: transparent url('../images/stages/babiel_social.png') top center no-repeat;
}

.pageHomeDemag {
	background: transparent url('../images/stages/homeDemag.png') top center no-repeat;
}

.pageHomeUnicef {
	background: #007ef0 url('../images/stages/homeUnicef.png') top center no-repeat;	
}

.pageHomeUnicef #stageText p, .pageHomeUnicef #stageText h2 {
	color: white;
}



.pageLeistungen {
	background: transparent url('../images/stages/babiel_leistungen.png') top center no-repeat;
}

.pageHosting {
	background: transparent url('../images/stages/babiel_hosting.png') top center no-repeat;
}

.pageBeratung {
	background: transparent url('../images/stages/babiel_beratung.png') top center no-repeat;
}

.pageEcommerce {
	background: transparent url('../images/stages/babiel_ecommerce.png') top center no-repeat;
}

.pagePortal {
	background: transparent url('../images/stages/bgPortal.png') top center no-repeat;
}

.pageMobileApps {
	background: transparent url('../images/stages/babiel_app.png') top center no-repeat;
}

.pageSocial {
	background: transparent url('../images/stages/babiel_social.png') top center no-repeat;
}

.pageTouch {
	background: transparent url('../images/stages/bgTouch.png') top center no-repeat;
}

.pageReferenzen {
	background: transparent url('../images/stages/stageTest.png') top center no-repeat;
}

.pageBT {
	background: #111111 url('../images/stages/bgReferenzenBT.jpg') top center no-repeat;
}

.pageBundesregierung {
	background: #111111  url('../images/stages/bgReferenzenBundesregierung.jpg') top center no-repeat;
}

.pageHospital {
	background: transparent url('../images/stages/bgReferenzenAHG.jpg') top center no-repeat;
}

.pageBNP {
	background: #111111  url('../images/stages/bgReferenzenBNP.jpg') top center no-repeat;
}

.pageDemag {
	background: #2a4678 url('../images/stages/bgReferenzenDC.jpg') top center no-repeat;
}

.pageGildemeister {
	background: #fbfbfb url('../images/stages/bgReferenzenGildemeister.jpg') top center no-repeat;
}

.pageUnternehmen {
	background: transparent url('../images/stages/bgUeberUns.png') top center no-repeat;
}

.pagePartner {
	background: transparent url('../images/stages/bgPartner.png') top center no-repeat;
}

.pageAuszeichnungen {
	background: transparent url('../images/stages/bgAwards.png') top center no-repeat;
}

.pageTeam {
    background: #eeeeee url('../images/stages/bgTeamTK.png') top center no-repeat;
}

.pageTeamTK {
    background: #eeeeee url('../images/stages/bgTeamTK.png') top center no-repeat;
}

.pageTeamRS {
    background: #eeeeee url('../images/stages/bgTeamRS.png') top center no-repeat;
}

.pageTeamAW {
    background: #eeeeee url('../images/stages/bgTeamAW.png') top center no-repeat;
}

.pageTeamDB {
    background: #eeeeee url('../images/stages/bgTeamDB.png') top center no-repeat;
}

.pageTeamUE {
    background: #eeeeee url('../images/stages/bgTeamUE.png') top center no-repeat;
}

.pageNeuigkeiten {
	background: transparent url('../images/stages/bgNeuigkeiten.png') top center no-repeat;
}

.pageKarriere {
	background: transparent url('../images/stages/bgKarriereKarriere.jpg') top center no-repeat;
}

.pageJobs {
	background: transparent url('../images/stages/bgKarriereJobs.jpg') top center no-repeat;
}

.pageJobsProjektmanager {
	background: transparent url('../images/stages/bgKarriereProjektleiter.jpg') top center no-repeat;
}

.pageJobsQSManager {
	background: transparent url('../images/stages/bgKarriereQualitaet.jpg') top center no-repeat;
}

.pageJobsJavaDev {
	background: transparent url('../images/stages/bgKarriereJava.jpg') top center no-repeat;
}

.pageJobsJuniorPm {
	background: transparent url('../images/stages/bgKarriereProjektleiter.jpg') top center no-repeat;
}

.pageJobsLinuxAdmin {
	background: transparent url('../images/stages/bgKarriereLinux.jpg') top center no-repeat;
}

.pageFortbildung {
	background: transparent url('../images/stages/bgKarriereFortbildung.jpg') top center no-repeat;
}

.pageErfolgsbeteiligung {
	background: transparent url('../images/stages/bgKarriereErfolg.jpg') top center no-repeat;
}

.pageAfterwork {
	background: transparent url('../images/stages/bgKarriereAfterwork.jpg') top center no-repeat;
}

.pageImpressum {
	background: transparent url('../images/stages/babiel_impressum.png') top center no-repeat;
}

.pageSitemap {
	background: transparent url('../images/stages/bgSitemap.png') top center no-repeat;
}

.pageError404 {
	background: transparent url('../images/stages/babiel_error.png') top center no-repeat;
}

#stage {
	height: 900px;
	color: #333333;
	position: relative;
}

.home #stage {
	height: 1300px;
}

.referenzen #stage {
	height: 2300px;
}

.unternehmen #stage {
	height: 1100px;
}

.leistungen #stage {
	height: 1300px;
}

.karriere #stage,
.unternehmen #stage,
.referenzen #stage,
.impressum #stage,
#stage.pageHomeGDA {
	color: #ffffff;
}

#stage #stageText {
	position: absolute;
	top: 170px;
	left: 50%;
	margin-left: -135px;
	width: 570px;
	line-height: 1em;
}

#stage h2 {
    font-size: 48px;
    font-weight: normal;
    line-height: 50px;
    margin: 5px 0 20px;
    text-align: right;
}

#stage #stageText.small h2 {
	font-size: 28px;
	font-weight: bold;
    line-height: 38px;
}

.jobs #stage h2 {
	font-size: 28px;
	font-weight: bold;
}

#stage p {
	text-align: right;
	color: #777777;
	font-size: 14px;
	line-height: 20px;
}

#stage .karte p {
	text-align: center;
	font-size: 11px;
}

.karriere #stage p,
.unternehmen #stage p,
.referenzen #stage p,
#stage.pageHomeGDA p {
	color: #ffffff;
}

#stage.pageBueros .karte {
	position: absolute;
	left: 50%;
	margin-left: -900px;
}

#main {
	width: 940px;
	color: #333333;
	position: absolute;
	top: 390px;
	left: 0px;
}

#home #main {
    position: absolute;
    top: 390px;
    left: 50%;
	margin: 0 0 0 -470px;
}

#main.pageVideo {
	margin-top: 100px;
}

#main .videoDescription {
	margin-top: 20px;
}

#main a {
	color: #333333;
}

#main a:hover {
	color: #777777;
}

#main .babielSkin {
    padding-bottom: 10px;
	background: transparent url('../img/bgHeaderDS.png') bottom center no-repeat;
}

#main .content {
    width: 100%;
	float: left;
	padding-top: 10px;
	background: transparent url('../img/bgMainDS.png') top center no-repeat;
}

#main .contentSlideNew {
    display: none;
}

#main .contentInner {
	padding: 2em 20px;
	float: left;
	background: transparent url('../img/bgWhite90.png');
}

#main #content1 {
    display: block;
}

#main .colThree {
	margin: 0 20px;
	width: 260px;
	float: left;
	min-height: 20px;
}

#main .colTwo {
	margin: 0 20px;
	width: 560px;
	float: left;
}

#main .colOne {
	width: 900px;
	float: left;
}

#main .content .award {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 60px; 
}

#main .content .award img {
	display: block;
}

#main .content h2 {
	font-weight: normal;
	font-size: 2.1em;
	line-height: 1.25em;
	margin-bottom: 17px;	
}

#main .content h2.headlineSmall {
	font-size: 1.5em;
	line-height: 1.1em;
	margin-bottom: 15px;	
}

#main .content h2 strong {
	font-weight: normal;
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';
}

.ja #main .content h2 strong {
    font-weight: bold;
}

#main .content .downloadListe h2 strong {
	color: #333333;
}

#main .content h2.noCol {
   margin-left: 20px;
}

#main.auszeichnungen .content h2.noCol {
   margin-bottom: 25px;
}

#main .content h2.headlineProjekt {
   margin-top: 20px;
}

#main .content h2.headlineReference {
   margin-top: 22px;
}

#main .content h2.headlineLeistungen {
   margin-top: 40px;
}

#main .content h3 {
	font-weight: normal;
	font-size: 1.4em;
	margin-top: 37px;
	margin-bottom: 20px;
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';
}

#main .content h3.firstH,
#main .content .meldung h3 {
	margin-top: 0px;
}

#main .content .award h3 {
	margin-top: 28px;
	margin-bottom: 0px;
}

#main .content h3 strong {
	font-weight: normal;
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';	
}

#main .content h3 .normal {
	font-weight: normal;
	font-family: 'Soho Gothic W01 Regular', Arial, Helvetica, 'Sans serif';	
}

#main .content .jobPreview h3 {
	font-weight: normal;
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 0.8em;
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';	
}

#main .content h4 {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
	margin-bottom: 0;
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';	
}

#main.partner .content h4 {
	margin-bottom: 20px;	
}

#main .content p {
	color: #777777;
	margin-bottom: 20px;
	line-height: 20px;	
}

#main .content .award p {
	margin-bottom: 15px;
}

#main .content p.datumMeldung {
	margin-bottom: 0px;	
}

#main .content p.jobOrt {
	margin-bottom: 0px;	
}

#main .content div.job {
	margin-bottom: 53px;	
}

#main .content ul {
	xmargin-left: 35px;
	margin-bottom: 20px;	
	list-style-type: none;	
}

#main .content .colFacts ul {
	margin-left: 0px;
}

.karriere #main .content ul {
	xmargin: 25px 0 20px 0px;
}

.referenzen #main .content ul {
}

#main .content ul.linkList {
	list-style-type: none;
	margin: 0 0 65px 0;
	border-top: 1px solid #dddddd;
}

#main .content ul.linkList.events {
  margin: 0 0 20px 0 !important;
}

#main .content ul.linkList.awards {
   margin-top: -8px;
}

#main .content ul.referenceList {
   margin-top: 20px;
}

#main .content li {
	color: #777777;
	font-size: 14px;
	line-height: 20px;
   padding-left: 15px; 	
}

.referenzen #main .content li {
   background: transparent url('../img/bulletLila.png') left 0.6em no-repeat;
}

.leistungen #main .content li {
   background: transparent url('../img/bulletGruen.png') left 0.6em no-repeat;
}

.unternehmen #main .content li {
   background: transparent url('../img/bulletOrange.png') left 0.6em no-repeat;
}

.karriere #main .content li {
   background: transparent url('../img/bulletGelb.png') left 0.6em no-repeat;
}

#main .content .linkList li {
	border-bottom: 1px solid #dddddd;
	font-size: 13px;
	line-height: 28px;
	background: none;
	padding: 0; 	
}

#main .content a,
#main .content .goSlide,
#moreInfo a {
	color: #2db300;
	font-family: 'Soho Gothic W01 Medium', Arial, Helvetica, 'Sans serif';
	cursor: pointer;
}

 #main .content .linksReferenzen a,
.referenzen #main .content a,
.referenzen #main .content .goSlide {
	color: #93117E;
}

 #main .content .linksUnternehmen a,
.unternehmen #main .content a,
.unternehmen #main .content .goSlide,
.impressum #main .content a,
.unternehmen .karte a {
	color: #E94F0E;
}

 #main .content .linksKarriere a,
.karriere #main .content a,
.karriere #main .content .goSlide {
	color: #F6A800;
	font-size: 14px;
}

/* Link Hover-Color START */

#main .content a:hover,
#main .content .goSlide:hover,
#moreInfo a:hover {
    color: #79c600;
}

#main .content .linksReferenzen a:hover,
.referenzen #main .content a:hover,
.referenzen #main .content .goSlide:hover {
	color: #bd008e;
}

 #main .content .linksUnternehmen a:hover,
.unternehmen #main .content a:hover,
.unternehmen #main .content .goSlide:hover,
.impressum #main .content a:hover,
.unternehmen .karte a:hover {
	color: #ef7d00;
}

 #main .content .linksKarriere a:hover,
.karriere #main .content a:hover,
.karriere #main .content .goSlide:hover {
	color: #ffcc00;
}

/* Link Hover-Color ENDE */

#main .content .meldung {
	margin-bottom: 32px;
}

#main .content .imgErfolg {
	margin-top: -93px;
}

#main .content .imgBTWeb {
	margin: 0 0 25px 0;
}

#main .content .imgBTApp {
	margin: -10px 0 0 0;
}

#main .content .imgBRMob {
	margin: 0;
}

#main .content .imgPortalMob {
	margin-top: 30px;
}

#main .content .imgBSI {
	margin-top: 40px;
}

#main .content .iconMail {
	clear: both;
	margin: 10px 0;
}

#main .content .marginBottom {
	margin-bottom: 40px;
}

#main .switchingContent .jobPreview {
	margin-bottom: 53px;
}

#main .switchingContent .fakeImg {
	width: 260px;
	height: 145px;
	float: left;
	background-color: #666666;
	margin-top: 10px;
}

#main .switchingContent .jobPreview p,
#main .switchingContent .jobPreview h3 {
	margin-left: 280px;
}

#main .switchingContent .nochFragen {
	text-align: right;
	margin-right: 40px;
	width: 245px;
}

#main .switchingContent .nochFragen .person {
	margin-top: 20px;
}

#main .switchingContent .nochFragen .adresse {
	margin-top: 20px;
	padding-top: 50px;
	background: url('../img/iconKontakt.jpg') top right no-repeat;
}

#main .monitorAA {
	width: 240px;
	height: 193px; 
	background: url('../img/iMac_AA.png') top left no-repeat;
}

#main.hosting .monitorAA {
	margin-top: 280px;
}

#main .linkIcons {
	margin: 30px 0 60px 0;
	float: left;
}

#main .linkIcons ul {
	margin-left: 0px;
}

#main .linkIcons li {
	float: left;
	margin-right: 10px;
	list-style-type: none; 
}

#main .linkIcons a {
    display: block;
	text-indent: -9999px;
	width: 40px;
	height: 40px; 
}

#main .linkIcons a.webpage {
	background: url('../img/iconScreen_40.png') top left no-repeat;
}

#main .linkIcons a.twitter {
	background: url('../img/iconTwitter_40.png') top left no-repeat;
}

#main .linkIcons a.facebook {
	background: url('../img/iconFacebook_40.png') top left no-repeat;
}

#main .linkIcons a.googleplus {
	background: url('../img/iconGoogleplus_40.png') top left no-repeat;
}

#main .linkIcons a.mail {
	background: url('../img/iconMail_40.png') top left no-repeat;
}



/* Image Auto Slider */
#autoImageSlider4.asContainer {
	width: 229px;
	height: 182px;
	padding: 11px 0 0 11px; 
	background: url('../img/iMac_Kunden.png') top left no-repeat;
	margin-bottom: 90px;
}

.asOuterStage {
    position: relative;
    overflow: hidden;
}

.asMovingStage {
    position: absolute;
    top: 0px;
    left: 0px;
}

.asSingleSlide {
    float: left;
}

/*****FOOTER STYLES*******/

#footer {
	width: 900px;
	height: 94px;
	margin: 0 auto;
	padding-top: 18px;
	color: #cccccc;
	background: #333333 url('../img/bgFooter.png') top center no-repeat;
	clear: both;
}

#footer a {
	color: #cccccc;
}

#footer a:hover {
    color: #eeeeee;
}

#footerContact {
	float: left;
	width: 100%;
	padding-bottom: 20px;
	background: url('../img/bgFooterContact.png') bottom center no-repeat;
}

#footerContact a,
#footerContact #infoline div {
	display: block;
	float: left;
	height: 45px;
	line-height: 1.2em;
	margin-left: 20px;
	padding-top: 5px;
}

#footerContact #infoline div {
	background: url('../img/babiel_tele_inaktiv.png') top left no-repeat;
	padding-left: 50px;
	margin-left: 59px;
	width: 155px;
}

#xfooterContact #infoline div:hover,
.xleistungen #footerContact #infoline div:hover {
	background: url('../img/babiel_tele_aktiv_gruen.png') top left no-repeat;
}

.xreferenzen #footerContact #infoline div:hover {
	background: url('../img/babiel_tele_aktiv_lila.png') top left no-repeat;
}

.xunternehmen #footerContact #infoline div:hover {
	background: url('../img/babiel_tele_aktiv_orange.png') top left no-repeat;
}

.xkarriere #footerContact #infoline div:hover {
	background: url('../img/babiel_tele_aktiv_gelb.png') top left no-repeat;
}

#footerContact #email a {
	background: url('../img/babiel_email_inaktiv.png') top left no-repeat;
	padding-left: 60px;
	width: 135px;
}

#footerContact #email a:hover,
.leistungen #footerContact #email a:hover {
	background: url('../img/babiel_email_aktiv_gruen.png') top left no-repeat;
}

.referenzen #footerContact #email a:hover {
	background: url('../img/babiel_email_aktiv_lila.png') top left no-repeat;
}

.unternehmen #footerContact #email a:hover {
	background: url('../img/babiel_email_aktiv_orange.png') top left no-repeat;
}

.karriere #footerContact #email a:hover {
	background: url('../img/babiel_email_aktiv_gelb.png') top left no-repeat;
}

#footerContact #twitter a {
	background: url('../img/babiel_tweet_inaktiv.png') top left no-repeat;
	padding-left: 70px;
	width: 130px;
}

#footerContact #twitter a:hover,
.leistungen #footerContact #twitter a:hover {
	background: url('../img/babiel_tweet_aktiv_gruen.png') top left no-repeat;
}

.referenzen #footerContact #twitter a:hover {
	background: url('../img/babiel_tweet_aktiv_lila.png') top left no-repeat;
}

.unternehmen #footerContact #twitter a:hover {
	background: url('../img/babiel_tweet_aktiv_orange.png') top left no-repeat;
}

.karriere #footerContact #twitter a:hover {
	background: url('../img/babiel_tweet_aktiv_gelb.png') top left no-repeat;
}

#footerContact #facebook a {
	background: url('../img/babiel_fb_inaktiv.png') top left no-repeat;
	padding-left: 55px;
	width: 120px;
}

#footerContact #facebook a:hover,
.leistungen #footerContact #facebook a:hover {
	background: url('../img/babiel_fb_aktiv_gruen.png') top left no-repeat;
}

.referenzen #footerContact #facebook a:hover {
	background: url('../img/babiel_fb_aktiv_lila.png') top left no-repeat;
}

.unternehmen #footerContact #facebook a:hover {
	background: url('../img/babiel_fb_aktiv_orange.png') top left no-repeat;
}

.karriere #footerContact #facebook a:hover {
	background: url('../img/babiel_fb_aktiv_gelb.png') top left no-repeat;
}

.unternehmen #stage .karte {
    left: 50%;
    margin-left: -900px;
    position: absolute;
}

#footerImprint {
	float: left;
	width: 880px;
	padding: 0 20px 10px 0;
	text-align: right;
	font-size: 0.8em;
}

/*#footerImprint span {
	margin-right: 20px;
}*/

/********** LogIn-Bereich ********/

.loginForm {
    margin: 0 auto;
    width: 76.5%;
}

.loginForm p {
    float: left;
}

.loginForm label {
    float: left;
}

.loginForm label.left {
    display: none;
}

.loginForm input {
    border: none;
    color: #FFFFFF;
    float: left;
    font-family: 'Soho Gothic W01 Medium',Arial,Helvetica,'Sans serif';
    font-size: 18px;
    padding-left: 20px;
    padding-bottom: 8px;
    height: 60px;
}

.loginForm input#username {
    background: url(../img/login_input_username.png) no-repeat left top transparent;
    width: 282px;
}

.loginForm input#password {
    background: url(../img/login_input_password.png) no-repeat left top transparent;
    width: 279px;
}


.loginForm input.button {
    background:  url(../img/login_input_submit.png) no-repeat left top transparent;
    border: none;
    height: 67px;
    width: 40px;
}

#main .loginForm a {
    color: #e94f0e;
    font-size: 12px;
    margin-right: 30px;
}

#main .loginForm .js_checkbox {
    background: url(../img/form_checkbox.png) no-repeat left center transparent;
    border: none;
    clear: both;
    color: #333333;
    padding-left: 40px;
    width: 31px;
}

#main .loginForm .activated {
    background: url(../img/form_checkboxAktiv.png) no-repeat left center transparent;
    padding-left: 40px;
    color: #333333;
}

#main .content ul.linkList h4 {
    margin-bottom: 4px;
}

ul.linkList .kalenderTag {
    color: #f6a800;
    float: left;
    font-size: 42px;
    margin: 12px 10px 0 0;  
    width: 50px;
}

ul.linkList .kalenderOrt {
    float: left;
    margin-bottom: -7px;
    margin-top: 2px;
    width: 180px;
}

#main .content ul.linkList li.aktiv {
    color: #333333;
    font-weight: bold;
}

#main .content ul.linkList li.aktiv .kalenderTag,
#main .content ul.linkList li.aktiv .kalenderOrt {
    color: #777777;
    font-weight: normal;
}

.login #main .contentInner,
.login #main .colTwo {
    width: 100%;
}

/********** LogIn-Bereich -- END ********/

/********** Referenten -- START ********/

div.referee {
	margin-bottom: 25px;
}

div.refereePortrait {
	float: left;
}

div.refereePortrait img {
	height: 130px;
	width: 130px;
}
	
div.refereeInfo {
	padding-left: 150px;
}

div.refereeInfo p.name {
	font-weight: bold;
	line-height: 14px !important;
	padding-bottom: 3px !important;
}

div.refereeInfo p.name, div.refereeInfo p.jobTitle {
	color: #333333 !important;	
	margin-bottom: 0px !important;
}

div.refereeInfo div.theme, div.refereeInfo div.bio {
	margin: 15px 0 0 0 !important;
}

/********** Referenten -- END ********/

/* Form BABIELINT-232 */
.form {
    margin-left: 20px;
    font-size: 14px;
    color: #777777;
    line-height: 20px;
}

.form h1, .form h2, .form h3, .form h4{
    color: #333333;
}

.form .inputField {
    margin: 10px 0 10px 0;
    float: left;

}
.form .inputField label {
    width: 120px;
    float: left;
    line-height: 32px;
}
.form .inputField input {
    width: 416px;
    height: 32px;
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #777777;
    text-indent: 5px;
}
.form .inputField textarea {
    width: 416px;
    height: 32px;
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #777777;
    text-indent: 5px;
}
.form .inputRadio {
    float: left;
    margin: 10px 0 0 0;
}
.form .inputRadio .label {
    width: 120px;
    float: left;
    line-height: 32px;
}

.form .selectPopup {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}
.form .selectPopup label {
    width: 120px;
    float: left;
    line-height: 32px;
}
.form .selectPopup select {
    font-size: 14px;
    color: #777777;
    float: left;
    margin: -10px 0 0 0;
    height: 38px;
    float: left;
    background: transparent none repeat scroll 0 0;
    border: medium none;
    padding: 16px 0 0 0;
}
.form .selectPopup select.selectWide {
    width: 440px;
}
.form .selectPopup select.selectSmall {
    width: 85px;

}
.form .selectPopup .selectW {
    float: left;
    width: 420px;
    overflow: hidden;
}
.form .selectPopup .selectS {
    float: left;
    width: 65px;
    overflow: hidden;
}
.selectButton {
    background: rgba(0, 0, 0, 0) url("../img/selectButton.png") no-repeat scroll right center;
    float: left;
    height: 38px;
    width: 100%;
    border: 1px solid #cccccc;
}
.form .submit {
    height: 60px;
    width: 138px;
    color: #ffffff;
    font-weight: bold;
    background-image: url(../img/bgSubmit.png);
    background-repeat: repeat-x;
    border: none;
}

label.radioButton {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
}
input[type=radio] {
    display: none;
}
.checkbox label:before {
    border-radius: 3px;
}

label.radioButton:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    position: absolute;
    left: 0;
    bottom: 1px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #cccccc;
    font-size: 30px;
    text-align: center;
    line-height: 20px;
}
.form form .inputRadio .radioButton span {
    float: left;
    margin: 0 0 0 10px;
}

.form form label.error, #main .content .form form p.label.error {
    color: red;
}
.form form input.error {
    border: 1px solid red;
}

.form .inputField.multiline label{
    width: initial !important;
}

.form div.inputField.multiline{
    width: 100%;
}

label.large, p.largeLabel{
 width: 250px !important;
}

.form .inputField.multiline textarea{
    width: 100%;
}
/* /Form BABIELINT-232 */

/* ITINTERN-4898 */
.babieltalk h1{
    line-height: initial;
}

.veranstaltungRegistrierungForm .inputRadio .label {
    width: 250px;
}
/* /ITINTERN-4898 */