/* 
RESET: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
*/
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; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* END UNRESETDO */


/*
COLOURS

BGND #f8f8f8
BODY GREY #4d4d4d 
LIGHT GREY #9f9f9f
BLUE #639bc9
GREEN #7ca869

*/




/* ________________________________________ */

body {	
  font-family: Arial, "Helvetica Neue", "Bitstream Vera Sans", Helvetica, sans-serif; 
  font-size : 62.5%; 
  line-height: 1.4;
  color: #4d4d4d;
  background: #f8f8f8;
}
/* ________________________________________ */

/* =TYPOGRAPHY */

img {
  border: 0;
  margin: 0;
}
p {
  clear: none;
  font-size: 1.2em;
  line-height: 1.5;
  margin: 0 0 1.2em 0;
  padding: 0;

}
blockquote {
  font-style: italic;
}
cite {
  font-style: normal;
  font-size: 1.2em
}
acronym,
abbr {
  cursor: help;
  border: 0;
} 
abbr.date {
  border: 0;
} 

/* -------- */
/* =LINKS */

a,
a:link 
a:visited,
a:focus,
a:active {
  text-decoration: none;
  font-weight: bold;
  color: #639bc9;
}
a:hover {
  color: #4d4d4d;
  text-decoration: underline;
}
a.image,
a:hover.image { 
  border: 0; 
}

/* ---------- */
/* =HEADINGS */

h1, h2, h3, h4, h5, h6 {
  margin: 1.2em 0 .8em 0;
}
h1 {
  font-size: 2em;
  letter-spacing: 0.02em;
  margin: 0 0 .6em 0;
}
h1 a {
  color: #4d4d4d;
}
h2 {
  font-size: 1.2em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1.3em;
}
h5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1.2em;
  font-weight: normal;
}


/* -------- */
/* =LISTS */

ul, ol, dl {
  font-size: 1.2em;
  margin: 0 0 1.2em 0;
  padding: 0;
}
ol {
  margin-left: 20px;
  padding-left: 20px;
  list-style: decimal;
}
ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
dl {
  clear: both;
  overflow: hidden;
}
dt,
dd {
  float: left;
  margin: 0;
  padding: 0;
}
dt{
  clear: both;
}
dd{
  clear: none;
}
table {
  margin: 0 0 1.2em;  border: none;
  border-collapse:collapse; /* can't apply cellpadding & cellspacing in textiled tables */
}
td {
  margin: 0;
  padding: 4px 30px 4px 0px;
  font-size: 1.2em;
  line-height:1.5;
}
td:first-child {
  font-weight: bold;
  width: 100px;
}
form fieldset {
  border: 0; 
  margin: 0; 
  padding: 0;
}
input, textarea {
  border: 1px #ccc solid;
  margin: .6em 0 0 0;
  padding: 4px;
  font-family: Arial, "Helvetica Neue", "Bitstream Vera Sans", Helvetica, sans-serif; 
  font-size: 1.2em;
  background: #f3f3ff;
}
label {
  clear: both;
  float: left;
  margin: .6em 0 0 0;
  padding: 0;
  width: 100px;
  font-weight: bold;
  font-size: 1.2em;
}
label:hover {
  cursor: pointer;
}

/* ________________________________________ */

/* =CONTAINERS */


#wrapper {
  position: relative;
  margin: 0 auto;
  width: 936px; 
  overflow: hidden;
}
#content { 
  position: relative;
  width: 936px; 
  padding: 149px 0 0 0;
  overflow: hidden;
}
#primary { 
  float: left;
  width: 537px; 
  overflow: hidden;
}
#secondary { 
  float: right;
  width: 371px; 
  overflow: hidden;
}
#site-info { 
  clear: both;
  width: 936px; 
  margin: 1em 0 0 0;
  padding: 1.5em 0 0 0;
  border-top: 1px #d9d9d9 solid;
  color: #a6a6a6;
}

/* ________________________________________ */

/* =GLOBAL CLASSES & ELEMENTS */

#content img {
  float: left;
  border: 1px #d9d9d9 solid;
  padding: 9px;
  background-color: #fff;
  margin: 0 0 1.2em 0;
}
.article #primary p,
.article #primary ul {
  font-size: 1.4em;
}
.article #primary ul {
  list-style-type: disc;
  margin-left: 0;
  padding-left: 20px;
}
.article #primary ul li {
  margin: 0 0 .6em 0;
  padding: 0 0 0 10px;
}


.first {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}  
/* for accessibility */
.list_head {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.meta {
  color: #919191;
}
ul.meta a {
  font-weight: bold;
  color: #749b20;
}
a.image,
a.image:hover {
  border: none;
}


/* generic article navigation list */
ul.nav {
  margin: 0 0 1.4em 0;
  border-bottom: 1px #d9d9d9 solid; 
  font-size: 1em;
}
.nav li {
  margin: 0;
  padding: 1.2em 0;
  border-top: 1px #d9d9d9 solid; 
}
.nav li h3 {
  margin: 0 0 .3em 0;
  font-size: 1.2em;
}
.nav li p.meta {
  margin: 0;
  font-size: 1.1em;
  color: #b3b3b3;
}
.nav li.selected a {
  color: #7ca869;
}

div.button {
  float: left;
  margin: 0 0 1.4em 0;
  padding: 0px;
  line-height: 1;
  font-size: 1.2em;
  background: url(/inc/img/bgnd/button.png) left center no-repeat;
}
.button a {
  float: left;
  line-height: 1;
  padding: 7px 50px 7px 10px;
  color: #888;
  background-position: right center;
  background-repeat: no-repeat;
}
.button a.back {
  background-image: url(/inc/img/bgnd/button_back.png);
}
.button a.next {
  background-image: url(/inc/img/bgnd/button_next.png);
}

.teasers {
  font-size: 1em;
  overflow: hidden;
}
.teasers li {
  float: left;
  margin: 0 7px 2em 0 ;
  padding: 0;
  width: 265px;
}
.teasers li.odd {
  clear: both;
}
.teasers li.even {
  margin-right: 0 ;
}
#content .teasers li img {
  padding: 0;
  margin: 0 17px 0 0;
}
.teasers li h2 {
  margin: 0 0 .2em 0;
  font-size: 1.3em;
}
.article #primary .teasers p {
  font-size: 1.1em;
}

.summary {
  font-weight: bold;
}

h2.whebfacts,
h2.wheboffices {
  float: left;
  width: 371px;
  margin: .3em 0 .2em 0;
  padding: 1.9em 0 0 0;
  border-top: 1px #d9d9d9 solid;
  text-indent: -999em;
  background: url(/inc/img/bgnd/bg_whebfacts_24.png) 0 60% no-repeat;
}
h2.wheboffices {
  background-image: url(/inc/img/bgnd/bg_wheboffices_24.png);
}
body.de h2.whebfacts {
  background-image: url(/inc/img/bgnd/bg_whebfakten_24.png);
}
body.de h2.wheboffices {
  background-image: url(/inc/img/bgnd/bg_whebburos_24.png);
}

.vcard .type,
.vcard.profile .org,
.vcard.office .org  {
  display: none;
}

#content #primary .vcard,
#content #secondary .vcard {
  float: left;
  width: 185px;
}
#content .vcard .region{
  margin-top: 0;
  font-size: 1.2em;
}
#content .vcard dl {
  margin: 0;
  font-size: 1.1em;
  letter-spacing: -0.01em;
  line-height: 1.6;
}
#content .vcard dt {
  width: 40px;
}
#content .vcard dd {
  font-weight: bold;
}
#content p.continue {
  clear: both;
  padding: 1.2em 0 0 0;
  font-size: 1.1em;
  color: #9f9f9f;
}
#content p.continue a {
  color: #9f9f9f;
  font-weight: normal;
}
.vcard .email_address dt {
  display: none;
}


/* ________________________________________ */

/* =PAGE FURNITURE */

#skiplinks {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}
#logo {
  position:absolute;
  left: 0px;
  top: 46px;
  border: 0;
  z-index: 999;
}
#menu {
  position:absolute;
  left: 432px;
  top: 0px;
  width: 504px;
  height: 37px;
  margin: 0;
  padding: 0;
  border-bottom: 1px #d9d9d9 solid;
}
#menu ul { 
  text-align: right;
  font-size: 1.4em;
  padding: .8em 0 0 0;
  line-height: 1;
} 
#menu ul li { 
  display: inline;
  padding: 0 0 0 1.2em;
} 
#menu ul li a {
  color: #4d4d4d;
}
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li.selected a {
  color: #639bc9;
  text-decoration :none;
}

.languages {
  position:absolute;
  left: 741px;
  top: 50px;
  width: 195px;
  height: 16px;
  margin: 0;
  padding: 0;
}
.languages li { 
  float: left;
  width: 94px;
  height: 0px;
  padding: 16px 0 0 0;
  overflow: hidden;
} 
.languages li a { 
  float: left;
  margin: -16px 0 0 0;
  padding: 0;
  width: 94px;
  height: 16px;
  text-indent: -999em;
  background-color: #bebebe;
  background-position: left top;
  background-repeat: no-repeat;
} 
.languages li.de {
  float: right;
}
.languages li.en a {
  background-image: url(/inc/img/bgnd/btn_english_24.png);
}
.languages li.de a {
  background-image: url(/inc/img/bgnd/btn_deutsch_24.png);
}
.languages li a:hover,
.languages li.selected a {
  background-color: #d9d9d9;
}


#site-info a {
  color: #878787;
}
#site-info ul {
  float: right;
  margin: 0; 
  padding: 0;
}
#site-info ul li {
  float: left;
  margin: 0 .6em 0 0; 
  padding: 0 .6em 0 0;
  border-right: 1px #d9d9d9 solid;  
}
#site-info li.last,
#site-info ul li:last-child {
  margin: 0;
  padding: 0;
  border-right: 0;  
}
#site-info p {
  clear: left;
  font-weight: bold;
  margin: 0;  
}
#site-info p#eu {
  clear: none;
  float: left;
  margin: 0 0 .9em 0;
  padding-left: 40px;
  background: url(/inc/img/bgnd/eu.gif) left center no-repeat;
}
address.vcard {
  font-size: 1.1em;
  font-style: normal;
  line-height: 1.6;
  margin-top: .9em;  
}
address.vcard .url,
address.vcard .country-name,
address.vcard .tel,
address.vcard .email {
  float: left;
  text-indent: -999em;
  overflow:hidden;
}
address.vcard .note {
  display: block;
}


/* ________________________________________ */


/* =LOCALISED */

/* -------- */
/* =HOME */

body#home #content { 
  padding: 184px 0 0 0;
}
body#home #primary { 
  float: right;
  width: 371px; 
}
body#home #secondary { 
  float: left;
  width: 537px; 
}
body#home h1 {
  position:absolute;
  left: 432px;
  top: 105px;
  margin: 0;
  padding: 0;
  width: 504px;
  height: 74px;
  text-indent: -999em;
  background: url(/inc/img/bgnd/bg_pioneers_24.png) left top no-repeat;
  z-index: 999;
}
body#home #content img {
  float: right;
  margin: 0 0 0 28px;
}
/*  left col  */
body#home #secondary { 
  width: 223px; 
}
body#home #content img { 
  margin: 0 24px 0 0; 
}
body#home h2.whebnews {
  float: left;
  width: 223px;
  margin-top: 0;
  height: 10px;
  text-indent: -999em;
  background: url(/inc/img/bgnd/bg_whebnews_24.png) left top no-repeat;
}
body#home.de h2.whebnews {
  background: url(/inc/img/bgnd/bg_whebnachrichten_24.png) left top no-repeat;
}
body#home #secondary p {
  margin-bottom: .2em;
  font-size: 1.1em;
  line-height: 1.5;
  letter-spacing: -0.01em;
}
body#home #secondary h3 {
  margin: .6em 0 .2em 0;
  padding: .6em 0 0 0;
  border-top: 1px #d9d9d9 solid;
  font-size: 1.4em;
  line-height: 1.2;
}
body#home #secondary h3.first {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
body#home #secondary h3 a {
  color: #4d4d4d;
}
 
/*  right col  */
body#home #primary p {
  font-size: 1.3em;
}
body#home #primary p.continue {
  font-size: 1.1em;
}
body#home #primary p.first {
  font-size: 1.8em;
  line-height: 1.2;
  margin-bottom: .6em;
  font-weight: normal;
}
dl.facts {
  margin-bottom: 0em;
}
dl.facts dt{
  width: 160px;
  font-weight: bold;
  padding: 3px 0 0 0;
}
dl.facts dd{
  float: right;
  width: 98px;
  padding: 0 33px 0 0;
  margin: 0;
  line-height: 1;
  text-align: right;
  font-size: 3.6em;
  color:#639bc9;
  letter-spacing: -0.04em;
  position: relative;
}
body.en dl.facts dd{
  background: url(/inc/img/bgnd/bg_pound_24.png) 5% 35% no-repeat;
}
body.de dl.facts dd{
  background: url(/inc/img/bgnd/bg_euro_24.png) 0 30% no-repeat;
}
.currency {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.million {
  position:absolute;
  right:0px;
  top: 27px;
  width:37px;
  height:12px;
  text-indent: -999em;
  overflow:hidden;
  background: url(/inc/img/bgnd/bg_million_24.png) 0 30% no-repeat;
}
body.de dl.facts dd{
  width: 96px;
  padding: 0 47px 0 0;
}
body.de .million {
  width:51px;
  background: url(/inc/img/bgnd/bg_millionen_24.png) 0 30% no-repeat;
}


/* -------- */
/* =TEAM */

.teasers li.member h2 a {
  padding: 0 .7em 0 0;
  background: url(/inc/img/bgnd/asterisk_24.png) right top no-repeat;
}
body#team #primary p.continue {
  padding: 0 0 0 1em;
  font-size: 1.2em;
  font-style: italic; 
  color: #9f9f9f;
  background: url(/inc/img/bgnd/asterisk_24.png) left top no-repeat;
}
body#team #secondary p {
  font-size: 1.4em;
  line-height: 1.4;
}
body#team .article #secondary p.first,
body#team .section #secondary p.first {
  clear: both;
  margin: 1.2em 0;
  padding: 1.2em 0 0 0;
  border-top: 1px solid #D9D9D9;
}

body#team #secondary p.continue {
  font-size: 1.1em;
}

body#team .article #primary div {
  float: right;
  width: 393px
}
body#team .article #primary h1 ,
body#team .article #primary h2 {
  font-size: 1.4em;
  margin: 0 0 .2em 0;
}
body#team .article #primary h2 {
  color: #a5a5a5;
  margin-bottom: 1.6em;
}
body#team .article #primary h3 {
  font-size: 1.1em;
  margin: 0 0 .5em 0;
  color: #a5a5a5;
}
body#team .article #primary ul {
  font-size: 1.2em;
}
body#team .article #primary ul li {
  margin: 0 0 .3em 0;
  font-weight: bold; 
}
body#team .article #primary img {
  padding: 0;
}

body#team ul.nav {
  font-size: 1.2em;
  border-bottom: 0;
  margin-bottom: 0;
}


/* -------- */
/* =PORTFOLIO */

body#portfolio .section #primary {
  width:936px;
}
body#portfolio .teasers  {
  overflow: hidden;
  margin: 0 0;
}
body#portfolio .teasers li {
  float: none;
  margin: 0 0 2em 0;
  border-top: 1px solid #D9D9D9;
  padding: 1.8em 0 0 0;
  width:936px;
  overflow: hidden;
}

body#portfolio #content .teasers li img {
  float: left;
  margin: 0 20px 0 0;
}
body#portfolio .teasers li div {
  float: left;
  padding: .5em 0 0 0;
  margin: 0;
  width:354px;
}
body#portfolio .teasers dl {
  clear: none;
  float: right;
  overflow: hidden;
  width: 274px; 
  border-bottom: 1px solid #D9D9D9;
  padding: 0;
  font-size: 1.2em;
}
body#portfolio #content .teasers li p {
  margin: 0;
}
body#portfolio .article #primary {
  width: 658px; 
}
body#portfolio .article #secondary {
  width: 250px; 
}
body#portfolio .article #primary img {
  float: left;
  padding: 20px 36px;
  margin: 0 0 2em 0;
}
body#portfolio .article #primary div.group {
  float: right;
  padding: 0;
  margin: 0;
  width:364px;
}
body#portfolio .article #primary dl {
  clear: none;
  float: left;
  overflow: hidden;
  width: 274px; 
  border-bottom: 1px solid #D9D9D9;
  padding: 0;
}
body#portfolio #primary dt,
body#portfolio #primary dd{
  border-top: 1px solid #D9D9D9;
  padding: .6em 0 .5em 0;
}
body#portfolio #primary .teasers  dt,
body#portfolio #primary .teasers  dd {
  padding: .3em 0;
}
body#portfolio #primary dt{
  width: 80px;
  color:#A6A6A6;
}
body#portfolio #primary dd{
  width: 192px;
  font-weight: bold;
}
body#portfolio .article #primary h1 {
  margin-top: 0;
  font-size: 1.4em;
}
body#portfolio .article #primary p a {
  font-weight: normal;
}


/* -------- */
/* =APPROACH */


body#approach .teasers li {
  float: left;
  margin: 0 20px 2em 0 ;
  padding: 15px 15px 0 15px;
  border:1px solid #D9D9D9;
  width: 187px;
  background: #fff;
}
body#approach .teasers li.last {
  margin-right: 0;
}
body#approach #content .teasers li img {
  margin: 0 0 1.2em;
}
body#approach .teasers li h2 {
  font-size: 1.6em;
  margin: 0 0 .6em 0;
}
body#approach .teasers p {
  font-size: 1.4em;
  line-height: 1.3;
  min-height: 240px;
}
body#approach ul.nav {
  border-bottom: 0;
  margin-bottom: 0;
}
body#approach ul.nav li {
  padding-bottom: 0;
}



/* -------- */
/* =NEWS */

#primary ul.hfeed {
  list-style-type: none;
  font-size: 1em;
  margin-left: 0;
  padding-left: 0;
}

#primary .hfeed h3,
#primary .hfeed p {
  margin: 0;
}
#primary .hfeed li {
  margin: 0 0 1.2em 0;
  padding-left: 0;
}
#primary .hfeed h2 {
  margin: 2.4em 0 0 0;
}
.archive_menu {
  float: left;
  width: 185px;
}
.archive_menu h4 {
  margin-top: 0;
}
body#news #content #primary img {
  display: inline;
  margin: 0 1em 1.2em 0;
  padding: 0;
}
body#news #content #primary p.meta{
  clear: both;
}


/* -------- */
/* =CONTACT */


body#contact #content div.group {
  padding-bottom: 2em;
  border-bottom:1px solid #D9D9D9;
  overflow: hidden;
}
body#contact #content .vcard#London,
body#contact #content .vcard#Munich {
  float: left;
  width: 468px;
  overflow: hidden;
}
body#contact #content .vcard img {
  padding: 0;  
  float: none;
  display: block;
}
body#contact #content .vcard h2 {
  font-size: 2em;  
}
body#contact #content img.photo {
  float: left;  
  margin: 0 20px 0 0;
}
body#contact #content dl {
  clear: none;
}
body#contact #content .vcard .region{
  font-size: 1em;
}
body#contact #content .vcard#press {
  float: none;
  clear: both;
}
body#contact #content .vcard#London h2,
body#contact #content .vcard#Munich h2{
  margin-top: 0;
}
body#contact #content .vcard#press h2 {
  clear: both;
  padding-top: 0em;
  margin-bottom: .6em;
}
body#contact #content .vcard .region:after,
body#contact #content .vcard#press h3:after {
  content: ",";
}
body#contact #content .vcard#press h3,
body#contact #content .vcard#press p {
  display: inline;
  font-weight: normal;
  font-size: 1.2em;
}
body#contact #content .vcard#press dl{
  padding: 1.2em 0;
}
body#contact #content .vcard dt{
  width: 60px;
}
body#contact #content .vcard#press p.note,
body#contact #content .url,
body#contact #content .country-name {
  display: none;
}
.supplier pre {
  font-family: Arial, "Helvetica Neue", "Bitstream Vera Sans", Helvetica, sans-serif; 
  font-size:1.2em;
  line-height:1.5;
  margin:0;
  padding:0;
}

.map {
  border: 1px solid #D9D9D9; 
  margin: 0 0 1.2em;
  width: 451px; 
  height: 237px; 
}
body#contact #content .vcard  .map img {
  background: none transparent;
}


/* ------------------------ */
/* =sIFR */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}
.sIFR-replaced {
  visibility: visible !important;
}
span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}