/* deepblue networks AG - combined stylesheets */

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

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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/**************************************************************************************************************************************************
  * COMMON.CSS 
  **************************************************************************************************************************************************/

html, body { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }
input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 100%; border: 0; background-color: transparent; }

a { text-decoration: none; line-height: 1.6em; }

h1 { height: 60px; font-weight: normal; font-size: 3.6em; line-height: 1.25em; padding: 0 0 3px 333px; background-repeat: no-repeat; background-position: right bottom; }
h1.sitePager { padding-right: 100px; }
h2 { font-size: 2.2em; font-weight: normal; line-height: 1.182em; margin: 0 0 0.727em; }
h2 a { line-height: 1em; }
h3 { font-size: 1.2em; font-weight: bold; line-height: 1.333em; margin: 0 0 1.333em; }
h4 { font-size: 1.2em; font-weight: normal; line-height: 1.333em; margin: 0 0 1.333em; }
h5 { font-size: 1.0em; font-weight: normal; line-height: 1.6em; text-transform: uppercase; }
p { font-size: 1.2em; line-height: 1.333em; margin: 0 0 1.333em; }

address { font-style: normal; font-size: 1.2em; line-height: 1.6em; margin: 0 0 1.333em; }

.nowrap { white-space: nowrap; }
.nospace { margin: 0 !important; }
.smallspace { margin: 0 0 0.5em !important; }
.morespace { margin: 0 0 1.333em !important; }
.big { font-size: 2.2em; line-height: 1.182em; margin: 0 0 1.182em; }

p.grey a { text-decoration: underline; }

.hr { clear: both; height: 3px; background-repeat: no-repeat; background-position: right top; }
.hr hr { display: none; }
	
.newline { clear: both; }

.wysiwyg h4 { margin: 0; }
.wysiwyg p { margin: 1.333em 0 0 !important; }
.wysiwyg p:first-child { margin: 0 !important; }
.wysiwyg ul { list-style-type: disc; margin: 1.6em 0 0 1.5em; }
.wysiwyg ul li { font-size: 1.2em; line-height: 1.333em; }
.wysiwyg ol { list-style-type: decimal; margin: 1.6em 0 0 1.9em; }
.wysiwyg ol li { font-size: 1.2em; line-height: 1.333em; }
.wysiwyg p a:hover { text-decoration: underline; }

ul.slider { display: block; }
ul.slider li.slide { display: block; }
ul.slider li.slide img { display: block; }

ul.biglist { list-style-type: disc; margin: 1.6em 0 0 1.5em; }
ul.biglist li { font-size: 2.2em; line-height: 1.182em; }

/************************************************************************************************************************************************** 
  * FORM.CSS
  **************************************************************************************************************************************************/

/* GENERAL FORM STYLES */

fieldset { padding: 0 20px; }
fieldset ul.form_list { width: 100%; overflow: hidden; display: block; }
fieldset ul.form_list li { float: left; width: 283px; min-height: 45px; padding: 0 10px 20px; overflow: hidden; }
fieldset label { font-size: 1.0em; font-weight: bold; line-height: 1.6em; text-transform: uppercase; display: block; padding: 0 0 5px; }
fieldset input { width: 271px; padding: 3px 5px; height: 16px; font-size: 1.2em; line-height: 1.333em; }
fieldset textarea { width: 574px; padding: 3px 5px; height: 82px; font-size: 1.2em; line-height: 1.333em; }
fieldset select { width: 283px; height: 24px; font-size: 1.2em; line-height: 1.333em; padding: 3px 5px; }
fieldset option { padding: 4px 5px; }
fieldset span.select { width: 239px; height: 16px; padding: 4px 37px 4px 7px; background-position: left top; background-repeat: no-repeat; font-size: 1.2em; line-height: 1.333em; }
fieldset ul.form_list li.street { width: 231px; padding-right: 7px; }
fieldset ul.form_list li.street input { width: 219px; }
fieldset ul.form_list li.hnr { width: 45px; padding-left: 0px; }
fieldset ul.form_list li.hnr input { width: 33px; }
fieldset ul.form_list li.plz { width: 89px; padding-right: 0px; }
fieldset ul.form_list li.plz input { width: 77px; }
fieldset ul.form_list li.city { width: 187px; padding-left: 7px; }
fieldset ul.form_list li.city input { width: 175px; }
fieldset ul.form_list li.phone { clear: left; }
fieldset ul.form_list li span.select { background-position: left -24px; }
fieldset ul.form_list li.message { clear: both; float: none; width: 586px; }
fieldset .queueSuccess { width: 271px; padding: 3px 5px; height: 16px; font-size: 1.2em; line-height: 1.333em; margin: 0 0 5px; }
fieldset .fileQueue { width: 281px; height: 202px; overflow: auto; }
fieldset object,
fieldset embed { float: right; }
.formFooter { width: 576px; padding: 0 10px; overflow: hidden; }
.formFooter button { float: right; font-size: 2.5em; line-height: 28px; height: 28px; overflow: hidden; cursor: pointer; padding: 0 35px 0 0; background-repeat: no-repeat; background-position: right top; }
.formFooter button span.cufon { margin-top: -5px; }
.formFooter button:hover { background-position: right -28px; }

p.blue { color: #01a9d8; }

fieldset li a { margin-bottom: 5px; }

/* FORM ERROR HANDLING */

fieldset span.error { background-position: right top; }
fieldset ul.form_list li.error span.select { background-position: right -24px; }

/************************************************************************************************************************************************** 
  * LAYOUT.CSS
  **************************************************************************************************************************************************/

#wrapper { margin: 0 auto; position: relative; width: 950px; }
#header { position: relative; z-index: 2; height: 60px; padding: 25px 0 0; }
#content { width: 100%; overflow: hidden; position: relative; }
#footer { width: 100%; overflow: hidden; background-repeat: no-repeat; background-position: right top; padding: 3px 0 10px; }
#foresquare { height:30px; width:180px; }

#footer address { font-size: 1.0em; margin: 0; }

#footer .facebookBox { position: relative; padding: 0 20px 0 0; }
#footer .facebookBox .facebookBoxHeader { padding: 0 0 0 40px; background-position: left center; background-repeat: no-repeat; margin: 0 0 1.6em; }
#footer .facebookBox span#facebookFriends { font-size: 1.5em; line-height: 1.067em; }
#footer .facebookBox p { font-size: 1.0em; line-height: 1.6em; }
#footer .facebookBox a.fanpageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; text-indent: -1999em; display: block; }

span#logo { width: 181px; height: 32px; position: absolute; top: 25px; left: 10px; display: block; }
span#logo a { display: block; width: 100%; height: 100%; text-indent: -19999px; background-repeat: no-repeat; background-position: left top; }

.leftColumn { clear: both; float: left; width: 293px; padding: 20px 0 20px 11px; overflow: hidden; }
.moreInfo { padding-bottom: 170px; }
.rightColumn { float: right; width: 646px; padding: 20px 0; overflow: hidden; }
.rightColumn#press { height: auto; min-height: 240px; }
.nospaceColumn { padding: 20px 0 0; }
.halfColumn { padding: 0 0 0 304px; }
.fullColumn { clear: both; padding: 20px 20px 20px 11px; width: 919px; overflow: hidden; position: relative; }
.stageContent { width: 919px; overflow: hidden; }
.fullSliderColumn { clear: both; padding: 20px 20px 20px 12px; width: 918px; overflow: hiddem; position: relative; }
.groupColumn { clear: both; width: 100%; overflow: hidden; position: relative; }
.moreInfoBox { position: absolute; bottom: 20px; left: 10px; width: 283px; }
.content { padding: 0 20px 0 30px; width: 596px; overflow: hidden; }
.content { padding: 0 30px 0 30px; width: 586px; overflow: hidden; }
.paddingContent { padding: 0 140px 0 30px; width: 456px; }
.leftColumn .content { padding: 0 45px 0 0px; width: auto; }
.leftColumn .moreInfoBox .content { padding: 0 35px 0 0; }
.innerLeftColumn { float: left; width: 293px; clear: both; overflow: hidden; }
.innerRightColumn { float: right; width: 293px; overflow: hidden; }
.noMargin { margin: 0 0 -1.6em; }

.circleGroup { width: 100%; overflow: hidden; }
.circleGroup .leftColumn { width: 585px; padding-left: 10px; padding-bottom: 0; }
.circleGroup .rightColumn { width: 273px; padding-right: 10px; padding-bottom: 0; }

.leftColumn .hr, 
.rightColumn .hr { margin: 20px 0; }

span.slogan { font-size: 1.2em; line-height: 1.333em; }

/* QUICKSTART BOX */

form#quickstartForm { padding: 10px; margin: 0 20px; }
form#quickstartForm fieldset { width: 100%; padding: 0; }
form#quickstartForm fieldset .quickstartHead { width: 263px; float: left; }
form#quickstartForm fieldset .formGroup { width: 250px; float: left; padding: 5px 0 0; }
form#quickstartForm fieldset .quickstartHead span { font-size: 2.4em; line-height: 1.25em; }
form#quickstartForm fieldset select { width: 283px; height: 24px; font-size: 1.2em; line-height: 1.333em; }
form#quickstartForm fieldset option { padding: 4px 9px; }
form#quickstartForm fieldset span.select { width: 235px; height: 16px; padding: 4px 37px 4px 11px; background-position: left -24px; background-repeat: no-repeat; font-size: 1.2em; line-height: 1.333em; }
form#quickstartForm fieldset button { float: right; width: 28px; height: 28px; margin-top: 3px; background-position: left top; background-repeat: no-repeat; text-indent: -1999em; cursor: pointer; }
form#quickstartForm fieldset button:hover { background-position: left bottom; }

form#quickstartForm fieldset .newListSelected { width: 283px; height: 24px; }
form#quickstartForm fieldset .selectedTxt { width: 235px; height: 16px; padding: 4px 37px 4px 11px; background-position: left -24px; background-repeat: no-repeat; font-size: 1.2em; line-height: 1.333em; }

/* HOME */

.teaserContent { padding: 0 10px; position: relative; width: 273px; }
.teaserContent a.moreButton { position: absolute; top: 0px; right: 5px; }

.highlight { padding: 0 20px; }
.highlight .teaserContent { padding: 10px; width: 586px; }
.highlight .teaserContent a.moreButton { top: 5px; }

.highlight .highlightMediaWrapper { margin: 0 0 1px; }
.highlight .highlightMedia { height: 342px; overflow: hidden; }
.highlight .highlightMedia img { display: block; }

.homeLeftColumn { padding: 112px 40px 0 0; width: 253px; }

/* AGENDY MANAGEMENT */

#managementSlider { height: 630px; background-repeat: repeat-x; background-position: 0 0; }
#managementSlider ul.slider { height: 100%; }
#managementSlider ul.slider li.slide { width: 306px; height: 100%; }
#managementSlider .sliderContent { padding: 20px 13px 0 7px; }
#managementSlider a.sliderNav { position: absolute; top: 185px; height: 16px; overflow: hidden; z-index: 5; display: block; text-transform: uppercase; background-repeat: no-repeat; }
#managementSlider a.slidePrevious { left: 0px; padding: 3px 6px 4px 16px; background-position: left -14px; }
#managementSlider a.slideNext { right: 0px; padding: 3px 16px 4px 6px; background-position: right 3px; }
#managementSlider a.sliderNav span { display: block; float: left; padding: 0 2px; }
#managementSlider a.sliderNav span span { display: inline; float: none; padding: 0 2px 0 5px;}
#managementSlider a.sliderNav:hover { text-decoration: none; }
#managementSlider a.sliderNavHidden { display: none; }
#managementSlider .playerControls { position: absolute; top: 354px; left: 1px; right: 1px; padding: 6px 12px 4px; width: 892px; height: 13px; overflow: hidden; background-position: left top; }
#managementSlider .playerControls a.sliderNavHidden { display: inline; opacity: 0.25; }
#managementSlider .playerControls a { padding: 0; background-repeat: no-repeat; display: inline; float: left; width: 11px; height: 12px; text-indent: -1999em; }
#managementSlider .playerControls a.slidePrevious { background-position: left 0px; margin: 0 15px 0 0; }
#managementSlider .playerControls a.slideNext { background-position: right 0px; margin: 0 50px 0 0; }
#managementSlider .playerControls span { font-size: 1.0em; line-height: 1.3em; display: inline-block; padding: 0 3px; }
#managementSlider .playerControls span.slideCounter { float: right; }
#managementSlider .playerControls .slider { position: relative; background-position: left top; background-repeat: repeat-x; height: 13px; float: left; width: 711px; }
#managementSlider .playerControls .slider .ui-slider-handle { position: absolute; cursor: default; margin: 0 0 0 -15px; width: 30px; height: 13px; overflow: hidden; background-position: left center; background-repeat: no-repeat; }



/* IMPRESSIONEN */

ul.impressions { display: block; }
ul.impressions li { display: block; padding: 0 0 1px 313px; position: relative; }
ul.impressions li img { display: block; }
ul.impressions li .impressionInfo { position: absolute; bottom: 1px; left: 0px; width: 293px; }
ul.impressions li .impressionInfo h2 { font-size: 2.5em; line-height: 1.12em; margin: 0 0 0.4em; }
ul.impressions li .impressionInfo span { display: block; text-transform: uppercase; font-size: 1.0em; line-height: 1.6em; }

/* JOB LIST */

ul.jobList { padding: 0 30px; display: block; margin: 0 0 -20px; }
ul.jobList li { display: block; position: relative; padding: 0 110px 20px 0; }
ul.jobList li a.moreButton { position: absolute; top: 0px; right: 0px; }

ul.smallJobList { overflow: hidden; width: 606px; padding: 0 20px; display: block; margin: 0 0 -20px; }
ul.smallJobList li { padding: 0 20px 20px 10px; float: left; width: 273px; }
ul.smallJobList li a.moreButton { right: 10px; }

.jobsContent { padding: 20px 20px 20px 304px; position: relative; }
.jobsContent a.backButton { position: absolute; top: 20px; left: 11px; }
.jobsContent ul.infoLinks { position: absolute; top: 20px; left: 11px; }

/* JOBS FORM */

.jobsForm .formFooter { padding-top: 20px; }

.submitMessage { padding-top: 35px; }
.submitMessage h2 { width: 310px; height: 85px; margin: 0 0 50px; text-indent: -1999em; background-repeat: no-repeat; background-position: left top; }

/* SKILLS */

/* AGENDY MANAGEMENT */

#skillsSlider { height: 378px; background-repeat: repeat-x; background-position: 0 0; }
#skillsSlider ul.slider { height: 100%; }
#skillsSlider ul.slider li.slide { width: 919px; height: 100%; }
#skillsSlider a.sliderNav { background: url(/images/layout/x.gif); position: absolute; top: 0px; width: 400px; height: 350px; overflow: hidden; z-index: 5; display: block; text-transform: uppercase; }
/*#skillsSlider:hover a.sliderNav { display: block; }*/
#skillsSlider a.slidePrevious { left: 0px; }
#skillsSlider a.slideNext { right: 0px; }
#skillsSlider a.sliderNav span { display: block; float: left; padding: 0 2px; }
#skillsSlider a.sliderNav span span { display: inline; float: none; padding: 0 2px 0 5px;}
#skillsSlider a.sliderNav span.sliderNavSpan { padding: 0; position: absolute; top: 185px; height: 16px; overflow: hidden; display: none; background-repeat: no-repeat; }
#skillsSlider a.slidePrevious span.sliderNavSpan { left: 0px; padding: 4px 6px 4px 16px; background-position: left -13px; }
#skillsSlider a.slideNext span.sliderNavSpan { right: 0px; padding: 4px 16px 4px 6px; background-position: right 4px; }
#skillsSlider a.sliderNav:hover { text-decoration: none; }
#skillsSlider a.sliderNav:hover span.sliderNavSpan { display: block !important; }
#skillsSlider a.sliderNavHidden { display: none; }
#skillsSlider .playerControls { position: absolute; top: 354px; left: 1px; right: 1px; padding: 6px 12px 4px; width: 892px; height: 13px; overflow: hidden; background-position: left top; }
#skillsSlider .playerControls a.sliderNavHidden { display: inline; opacity: 0.25; }
#skillsSlider .playerControls a { padding: 0; background-repeat: no-repeat; display: inline; float: left; width: 11px; height: 12px; text-indent: -1999em; }
#skillsSlider .playerControls a.slidePrevious { background-position: left 0px; margin: 0 15px 0 0; }
#skillsSlider .playerControls a.slideNext { background-position: right 0px; margin: 0 50px 0 0; }
#skillsSlider .playerControls span { color: #E0E0E0; font-size: 1.0em; line-height: 1.3em; display: inline-block; padding: 0 3px; }
#skillsSlider .playerControls span.slideCounter { float: right; }
#skillsSlider .playerControls .slider { position: relative; background-position: left top; background-repeat: repeat-x; height: 13px; float: left; width: 711px; }
#skillsSlider .playerControls .slider .ui-slider-handle { position: absolute; cursor: default; margin: 0 0 0 -15px; width: 30px; height: 13px; overflow: hidden; background-position: left center; background-repeat: no-repeat; }


/* PROJECTS */

#stageContent { height: 518px; }

ul.mediaTeaserList { padding: 0 10px; display: block; width: 626px; margin: 0 0 -20px; overflow: hidden; }
ul.mediaTeaserList li { display: block; width: 293px; padding: 0 10px 20px; float: left; }
ul.mediaTeaserList li.doubled { clear: both; width: 606px; float: none; }

ul.pressTeaserList { margin-bottom: -30px; }

.mediaTeaserContent { height: 165px; margin: 0 0 1px; overflow: hidden; }
.mediaTeaserHead { padding: 5px 10px; position: relative; height: 45px; }
.managementList .mediaTeaserHead { height: 65px; }
.managementList .mediaTeaserContent { height: 185px; }
.managementList .mediaTeaserHead h2 { margin: 0 0 0.227em; }
.mediaTeaserHead a.moreButton { position: absolute; top: 5px; right: 5px; }

.filterForm fieldset { padding: 0; }
.filterForm select { width: 293px; }
.filterForm span.select { width: 249px; }

ul.campaignList { width: 616px; overflow: hidden; margin: 0 15px -10px; }
ul.campaignList li { display: block; width: 144px; height: 81px; overflow: hidden; position: relative; padding: 0 5px 10px; float: left; }
ul.campaignList li a { font-weight: bold; display: block; width: 124px; padding: 58px 10px 7px; height: 16px; position: absolute; top: 0px; left: 5px; text-indent: -1999em; text-decoration: none !important; text-transform: uppercase; background-repeat: no-repeat; background-position: -144px 0; }
ul.campaignList li a:hover { background-position: 0 0; }
ul.campaignList li a.active { background-position: 0 -81px; }

ul.taglist li { display: inline; text-transform: uppercase; line-height: 1.6em; }
ul.taglist li a { line-height: 1em; }
.leftColumn .content ul.taglist { padding: 0 40px 0 0; }

ul.referencesList { padding: 0 15px; width: 616px; overflow: hidden; }
ul.referencesList li { display: block; width: 144px; padding: 0 5px; float: left; }
ul.referencesList li a { display: block; padding: 5px 5px 5px 10px; text-transform: uppercase; font-weight: bold; }
ul.referencesList li a span{ display: block; }
ul.referencesList li .referenceImage { margin: 0 0 1px; width: 144px; height: 81px; overflow: hidden; }
ul.referencesList li .referenceImage a { padding: 0; }

ul.pressimageList { padding: 0 10px; width: 626px; overflow: hidden; }
ul.pressimageList li { display: block; width: 293px; height: 185px; overflow: hidden; float: left; position: relative; padding: 0 10px; }
ul.pressimageList li a { position: absolute; top: 0px; left: 10px; width: 273px; height: 16px; padding: 165px 10px 4px; background-repeat: no-repeat; background-position: -293px 0; text-transform: uppercase; text-indent: -1999em; text-decoration: none; font-weight: bold; }
ul.pressimageList li a:hover { background-position: 0 0; text-indent: 0; }

#mediaDescription { /* position: absolute; left: 0px; top: 574px; */ float: left; position: relative; left: 0px; top: 17px; width: 220px; padding: 0 0 0 25px; font-size: 1.2em; line-height: 1.333em; }
/* CUSTOMER INFO */

.customerInfoWrapper { background-repeat: no-repeat; background-position: right bottom; padding: 20px 0 0; margin: 0 0 20px; }
.customerInfo { padding: 23px 20px; background-position: right top; background-repeat: no-repeat; }
.customerInfo .innerCustomerInfo { position: relative; padding: 10px; }
.customerInfo a.closeButton { position: absolute; top: 5px; right: 5px; }
.customerInfo .customerWrapper { width: 100%; overflow: hidden; }
.customerInfo .customerProjects { float: left; padding: 0 20px 0 0; width: 303px; }
.customerInfo .customerTags { float: left; width: 263px; }
.customerInfo .customerTags ul li { display: inline; width: auto; }

/* PRESS */

ul.pressList { display: block; padding: 0 30px; margin: 0 0 -30px; }
ul.pressList li { display: block; width: 100%; position: relative; padding: 0 0 30px; }
ul.pressList li p { margin: 0; } /* perhaps you have to remove me */
ul.pressList li a.moreButton { position: absolute; top: 0px; right: 0px; }

.pressImage { margin: 0 auto; width: 606px; height: 382px; overflow: hidden; position: relative; }
.pressImage span { display: none; width: 543px; padding: 361px 53px 5px 10px; height: 16px; overflow: hidden; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: left top; }
.pressImage:hover span { display: block; }
.pressImage span a { text-transform: uppercase; float: left; }
.pressImage span a.licencelink  { float: right; }

/* CONTACT */

p.departments { font-size: 1.0em; line-height: 1.6em; text-transform: uppercase; }
.contactBox h2 { margin: 0; }
.contactBox ul.infoLinks { margin: 1.6em 0 0; }
.contactBox ul.infoLinks li a { font-size: 1.4em; line-height: 1.143em; }

/* 404 */
h1#error404 { text-indent: -1999em; }
h2#oopsballoon { width: 296px; height: 280px; text-indent: -1999em; background-repeat: no-repeat; background-position: left top; position: absolute; top: 55px; left: 323px; }
.message404 { padding: 208px 40px 0 335px; }
.message404 p { font-size: 1.1em; line-height: 1.455em; }
.message404 p a { text-decoration: underline; }

/* SLIDER */
.sliderWrapper { width: 100%; overflow: hidden; position: relative; }
ul.slider { overflow: hidden; width: 100%; position: absolute; top: 0px; left: 0px; display: block; }
ul.slider li.slide { float: left; display: block; }
ul.slider li.slide img { display: block; }


/*
 * LANDINGPAGES 
 */
 
 
/* FACTS */

ul.facts { width: 100%; overflow: hidden; margin: 0 0 6px; }
ul.facts li { display: block; width: 100%; padding: 0 0 10px; overflow: hidden; position: relative; }
ul.facts li h2 { margin: 0; float: left; display: block; width: 270px; height: 73px; font-size: 7.3em; line-height: 1em; padding: 4px 30px 13px 33px; text-indent: -19999px; background-repeat: no-repeat; }
ul.facts li.establishment h2 { background-position: 0 0; }
ul.facts li.headquarters h2 { background-position: 0 -90px; }
ul.facts li.staff h2 { background-position: 0 -180px; }
ul.facts li.income h2 { background-position: 0 -270px; }
ul.facts li.partner h2 { background-position: 0 -360px; }
ul.facts li.team h2 { background-position: 0 -450px; }
ul.facts li.goals h2 { background-position: 0 -540px; }
ul.facts li p { font-size: 1.5em; line-height: 1.333em; margin: 50px 0 0; float: right; position: absolute; left: 363px; top: 0px; width: 273px; padding: 0 10px 0 0; }


/* CAREER */

ul#jobBox { width: 606px; height: 526px; margin: 0 auto; position: relative; }
ul#jobBox li { position: absolute; display: block; overflow: hidden; }
ul#jobBox li .bubbleContent { position: absolute; top: 0px; left: 0px; }
ul#jobBox li .bubbleContent span.count, 
ul#jobBox li .bubbleContent span.dbn { color: #E0E0E0; display: block; line-height: 1em; margin: 0 0 5px; }
ul#jobBox li .bubbleContent span.dbn { margin: 0 0 10px; }
ul#jobBox li .bubbleContent a { display: inline-block; color: #FFFFFF; font-weight: bold; padding: 0 20px 0 0; text-transform: uppercase; background-image: url(/images/layout/dark/icons17x17.png); background-repeat: no-repeat; background-position: right 15px; }

ul#jobBox li#jobs { left: 10px; top: 10px; }
ul#jobBox li#jobs .bubbleContent { padding: 35px 25px 10px 85px; }
ul#jobBox li#jobs .bubbleContent span.count { font-size: 9em; }
ul#jobBox li#jobs .bubbleContent span.dbn { font-size: 4.8em; }

ul#jobBox li#education { right: 45px; top: 0; }
ul#jobBox li#education .bubbleContent { padding: 40px 25px 10px 60px; }
ul#jobBox li#education .bubbleContent span.count { font-size: 5.5em; }
ul#jobBox li#education .bubbleContent span.dbn { font-size: 2.8em; }

ul#jobBox li#internship { bottom: 20px; right: 100px; }
ul#jobBox li#internship .bubbleContent { padding: 40px 25px 10px 55px; }
ul#jobBox li#internship .bubbleContent span.count { font-size: 5.2em; }
ul#jobBox li#internship .bubbleContent span.dbn { font-size: 2.4em; }

/*
  * CATEGORY PAGES
  */
  
.circle { width: 582px; height: 432px; }
.circle h2 { width: 440px; text-align: center; font-size: 9.8em; line-height: 1.02em; padding: 116px 0 0; margin: 0; }
.circle h2#ecommerce { width: 500px; font-size: 8.4em; padding: 170px 0 0; }
.circle h2#dialog-marketing { width: 450px; font-size: 8.4em; padding: 120px 0 0;  }
.circle h2#dark-market { width: 450px; font-size: 5.4em; padding: 150px 0 0; }
.circle h2#mobile-marketing { width: 440px; font-size: 7em; padding: 130px 0 0; }

/* IE MESSAGE */

.ieMessage { padding: 95px 0 0; }
.ieMessage h2 { width: 97px; height: 97px; text-indent: -1999em; background-repeat: no-repeat; background-position: left top; margin: 0 0 25px; }
.ieMessage p { font-size: 1.1em; line-height: 1.455em; padding: 0 70px 0 0; }
.ieMessage ul li a.ielink { background-position: 0 -97px; }
.ieMessage ul li a.fflink { background-position: 0 -113px; }
.ieMessage ul li a.chromelink { background-position: 0 -129px; }
.ieMessage ul li a.safarilink { background-position: 0 -145px; }

/************************************************************************************************************************************************** 
  * NAVIGATION.CSS
  **************************************************************************************************************************************************/

/* NAVIGATION STYLES */

/* MAIN NAVIGATION */

ul#mainNav { display: block; height: 32px; margin: 0 0 0 304px; padding: 0 0 0 29px; }
ul.over#mainNav { height: 115px; background-repeat: no-repeat; background-position: right 35px; }
ul#mainNav li { display: block; float: left; position: relative; white-space: nowrap; padding: 0 30px 0 0; }
ul#mainNav li ul { display: none; position: absolute; top: 32px; left: -15px; padding: 10px 0; height: 22px; }
ul#mainNav li:hover ul, 
ul#mainNav li:focus ul { display: block; }
ul#mainNav li ul li { padding: 2px 15px; float: none; display: inline; }

ul#mainNav li a { font-size: 1.5em; line-height: 32px; }
ul#mainNav li:hover a, 
ul#mainNav li a:hover, 
ul#mainNav li:focus a, 
ul#mainNav li a:focus { text-decoration: none; }
ul#mainNav li ul li a { line-height: 22px; }

/* META NAVIGATION */

ul#metaNav { width: 56px; height: 32px; position: absolute; top: 32px; right: 0; }
ul#metaNav li { position: absolute; top: 0px; height: 28px; }
ul#metaNav li a { background-repeat: no-repeat; display: block; height: 22px; }
ul#metaNav li a:hover { text-decoration: none; padding: 30px 0 0; height: 16px; }
ul#metaNav li a span { display: none; font-size: 1.1em; line-height: 1.455em; text-transform: uppercase; cursor: pointer; white-space: nowrap; }
ul#metaNav li a:hover span { display: inline-block; }
ul#metaNav li.iconLanguage { left: 0px; width: 28px; }
ul#metaNav li.iconContrast { left: 35px; width: 22px; }
ul#metaNav li.iconLanguage a.de { background-position: left top; }
ul#metaNav li.iconLanguage a.de:hover { background-position: left -22px; }
ul#metaNav li.iconLanguage a.en { background-position: -28px top; }
ul#metaNav li.iconLanguage a.en:hover { background-position: -28px -22px; }
ul#metaNav li.iconLanguage a span { margin: 0 0 0 -3.5em; }
ul#metaNav li.iconContrast a { background-position: -77px top; }
ul#metaNav li.iconContrast a:hover { background-position: -77px -22px; }
ul#metaNav li.iconContrast a span { margin: 0 0 0 -1.364em; }

/* PAGE NAVIGATION */

ul.pageNavigation { width: 70px; height: 30px; overflow: hidden; position: absolute; right: 0px; top: 10px; }
ul.pageNavigation li { display: block; width: 31px; height: 30px; float: left; }
ul.pageNavigation li.nextPage { float: right; }
ul.pageNavigation li a { display: block; width: 31px; height: 30px; text-indent: -1999em; background-repeat: no-repeat; }
ul.pageNavigation li.previousPage a { background-position: -64px top; }
ul.pageNavigation li.nextPage a { background-position: -95px top; }
ul.pageNavigation li.previousPage a:hover, 
ul.pageNavigation li.previousPage a:focus { background-position: -64px -34px; }
ul.pageNavigation li.nextPage a:hover, 
ul.pageNavigation li.nextPage a:focus { background-position: -95px -34px; }

/* PAGER */

ul.pager { float: right; width: 606px; padding: 13px 20px 10px; background-repeat: no-repeat; background-position: right top; }
ul.pager li { float: left; display: block; padding: 6px 0; width: 550px; height: 16px; line-height: 1.6em; font-size: 1.0em;  }
ul.pager li.pageArrow { width: 28px; height: 28px; padding: 0; }
ul.pager li.pageArrow a { display: block; width: 28px; height: 28px; text-indent: -1999em; background-repeat: no-repeat; }
ul.pager li.pageArrow a.previousPage { background-position: -28px 0px; }
ul.pager li.pageArrow a.previousPage:hover, 
ul.pager li.pageArrow a.previousPage:focus { background-position: -28px bottom; }
ul.pager li.pageArrow a.nextPage { background-position: 0 0px; }
ul.pager li.pageArrow a.nextPage:hover, 
ul.pager li.pageArrow a.nextPage:focus { background-position: 0 bottom; }
ul.pager li ul { display: block; width: 100%; padding: 0; text-align: center; }
ul.pager li ul li { float: none; display: inline; width: auto; padding: 0; padding: 4px 0 3px; overflow: hidden; margin-right: -3px; }
ul.pager li ul li.firstElement { border: 0 none; }
ul.pager li ul li a { padding: 3px 8px; display: inline; font-size: 1.1em; line-height: 1.818em; float: none; }


/* PROJECTS */

#stage a.sliderNav { background: url(/images/layout/x.gif); position: absolute; top: 20px; display: block; width: 300px; height: 380px; overflow: hidden; z-index: 10; }
#stage a.slidePrevious { left: 11px; }
#stage a.slideNext { right: 20px; }
#stage a.sliderNav span { display: none; background-repeat: no-repeat; text-transform: uppercase; float: left; position: absolute; top: 245px; }
#stage a.slidePrevious span { left: 0px; padding: 4px 6px 4px 21px; background-position: left -13px; }
#stage a.slideNext span { right: 0px; padding: 4px 21px 4px 6px; background-position: right 4px; }
#stage a.sliderNav:hover span { display: block !important; }

/* LETTERS */

ul.letters { width: 100%; overflow: hidden; }
ul.letters li { display: block; float: left; padding: 0 7px 0 0; }
ul.letters li a { font-size: 2.2em; line-height: 1.091em; }
ul.letters li a.active { text-decoration: none; }

/* CUSTOMER */

ul.customerList { width: 100%; overflow: hidden; }
ul.customerList li { float: left; width: 24%; font-size: 1.2em; line-height: 1.333em; }
ul.customerList li.clear { clear: left; }
ul.customerList li.customerInfoList { font-size: 1.0em; line-height: 1em; width: 100%; clear: both; float: none; }
ul.customerList li span, 
ul.customerList li a { display: inline-block; padding: 0 0 0 30px; }
ul.customerList li a.active { text-decoration: none; }
ul.customerList li ul li { width: 100%; float: none; font-size: 1.0em; line-height: 1.6em; }
ul.customerList li ul li a { padding: 0; text-transform: uppercase; }

/* FOOTER NAVIGATION */

#footer .rightColumn { padding: 20px 20px 20px 30px; width: 596px; }
#footer .innerLeftColumn, 
#footer .innerRightColumn { width: 293px; }

.footerNav { float: left; width: 120px; }
.rightNav { float: right; width: 155px; }
.doubleColumn { width: 295px; }
.footerNav ul li { line-height: 1.6em; }

/* LINKS AND BUTTONS */

#footer a { display: inline-block; }
a.moreButton { display: inline-block; width: 17px; height: 17px; text-indent: -1999em; background-position: left top; background-repeat: no-repeat; }
a.backButton { display: inline-block; text-transform: uppercase; height: 17px; padding: 0 0 0 30px; background-position: left -17px; background-repeat: no-repeat; }
a.closeButton { display: inline-block; width: 17px; height: 17px; text-indent: -19999em; background-position: left -34px; background-repeat: no-repeat; padding: 0 !important; }
a.groupButton { text-transform: uppercase; font-weight: bold; display: block; background-repeat: no-repeat; background-position: right top; }

ul.infoLinks { margin: 0 0 -10px; }
ul.infoLinks li { float: none !important; display: block; padding: 0 0 10px !important; min-height: 0 !important; }
ul.infoLinks li a { display: inline-block; padding: 0 0 0 30px; font-size: 1.0em; font-weight: bold; line-height: 1.6em; text-transform: uppercase; background-repeat: no-repeat; }
ul.infoLinks li a.permalink { background-position: left 0px; }
ul.infoLinks li a.pdflink { background-position: left -16px; }
ul.infoLinks li a.printlink { background-position: left -32px; }
ul.infoLinks li a.xinglink { background-position: left -48px; }
ul.infoLinks li a.contactlink { background-position: left -64px; }
ul.infoLinks li a.facebooklink { background-position: left -80px; }
ul.infoLinks li a.twitterlink { background-position: left -96px; }
ul.infoLinks li a.linkedinlink { background-position: left -112px; }
ul.infoLinks li a.mapslink { background-position: left -128px; }
ul.infoLinks li a.visitlink { background-position: left -144px; }
ul.infoLinks li a.youtubelink { background-position: left -160px; }
ul.infoLinks li a.flickrlink { background-position: left -176px; }
ul.infoLinks li a.backlink { background-position: left -192px; }

.customer ul.infoLinks { padding: 58px 0 0; }

/* FEED LIST */

ul.feedList { display: block; padding: 0 10px 0 0; }
ul.feedList li { display: block; width: 100%; padding: 4px 0 0; }
ul.feedList li a { display: block; line-height: 1.333em; font-size: 1.2em; font-weight: normal; text-transform: none; }

/* BREAKER */

a.breaker,
span.breaker { display: block; position: absolute; text-indent: -1999em; background-position: left top; background-repeat: no-repeat; }
a#jobsSmallBreaker { width: 58px; height: 58px; left: 196px; top: 32px; z-index: 10; background-image: url(/images/layout/jobsSmallBreaker.png); }
.alternative a#jobsSmallBreaker { background-image: url(/images/layout/jobsSmallBreaker_alternative.png); }
span#betaSmallBreaker { width: 58px; height: 58px; left: 196px; top: 32px; z-index: 10; background-image: url(/images/layout/betaSmallBreaker.png); }

/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
deepblue example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList a {color: #000; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:281px; background:#fff; position:absolute; border:1px solid #ccc; top:24px; left:0; overflow:auto; z-index:9999;}
.newListSelected span {width:283px; display:block;}
ul.newList li a {padding:4px 10px; display: block; font-size: 1.2em; line-height: 1.333em; }
ul.newList li a:focus {-moz-outline-style: none;}
.hiLite {background:#191920!important; color:#757579!important;}
.hiLite a {background:#191920!important; color:#757579!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}