html {
  background: #fff;
  color: #666;
  font: normal 11px/18px Verdana, Tahoma, sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

body {
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: left;
  width: 912px;
}

/*
body {
  background: url("../images/grid.bmp");
}
*/

a {
  color: #ff4a6f;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

a.more {
  background: url("../images/readmore.gif") no-repeat 0 50%;
  display: block;
  padding: 0 0 0 8px;
  width: 96px;
}

a.top {
  background: url("../images/top.gif") no-repeat 0 50%;
  padding: 0 0 0 11px;
}

h1 {
  font: normal 20px/20px arial, helvetica, sans-serif;
  height: 32px;
  margin: 0;
  overflow: hidden;
  padding: 25px 0 8px;
}

h1 a {
  background: url("../images/logo.gif") no-repeat 0 0;
  display: block;
  height: 100%;
  text-indent: -999px;
  width: 200px;
}

ul, ol {
  margin: 8px 0;
  padding: 0;
}

li {
  margin: 0 0 0 16px;
  padding: 0;
  position: relative;
}

a.adminEdit {
  background: transparent !important;
  border: none !important;
  position: static !important;
}

a.adminEdit img {
  background: transparent !important;
  border: none !important;
  height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  width: 15px !important;
}

/* Menu */
ul#menu {
  float: left;
  font: normal 30px/58px Arial, Helvetica, sans-serif;
  height: 70px;
  left: -1px;
  list-style: none;
  margin: 0;
  padding: 0 0 8px;
  position: relative;
  text-transform: uppercase;
  width: 600px;
}

ul#menu li {
  float: left;
  left: 0;
  margin: 0 23px 0 0;
  padding: 0;
}

ul#menu li a: hover, ul#menu li a: active {
  border-bottom: 3px solid #ff4a6f;
  text-decoration: none;
}

/* Contact / Language */
ul#shortcut {
  float: right;
  font: normal bold 16px/68px Arial, Helvetica, sans-serif;
  height: 70px;
  left: -3px;
  list-style: none;
  margin: 0 14px 0 0;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}

ul#shortcut li {
  float: left;
  left: 0;
  margin: 0 16px 0 0;
  padding: 0;
}

ul#shortcut li a {
  color: #999;
}

/* Container (between menu - footer) */
div#container {
  clear: both;
  margin: 0;
}

div#container h2 {
  color: #000;
  font: normal 30px/32px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

div#container h3 {
  color: #000;
  font: normal 18px/16px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

div#container h4 {
  color: #999;
  font: normal bold 14px/16px Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

div#container h2 a, div#container h3 a {
  color: #000;
}

/* Headlines left, used at projects, news, about us*/
div#container div.headlines {
  float: left;
  overflow: hidden;
  width: 168px;
}

div#container div.headlines p.backOverview a, div#container div.headlines ul li a {
  font: normal bold 14px/16px Arial, Helvetica, sans-serif;
  padding: 0 0 0 10px;
  text-transform: uppercase;
}

div#container div.headlines p.backOverview {
  background: url("../images/tile_arrows.gif") no-repeat 0 -219px;
  margin: 12px 0 19px;
  padding: 0;
}

div#container div.headlines p.backOverview a {
  color: #000;
}

div#container div.headlines h2 {
  font-size: 18px;
  line-height: 16px;
  margin: 0;
  padding: 11px 0 0;
}

div#container div.headlines ul {
  left: 0;
  list-style: none;
  margin: 9px 0 0;
  padding: 0;
}

div#container div.headlines ul li {
  left: 0;
  margin: 0;
  padding: 0 0 8px;
}

div#container div.headlines ul li a {
  background: url("../images/tile_arrows.gif") no-repeat 0 4px;
  display: block;
}

div#container div.headlines ul li strong a {
  background-position: 0 -107px;
  color: #444;
}

div#container div.headlines ul li strong a: hover {
  text-decoration: none;
}

/* Content body */
div#container div.body {
  float: left;
  margin: 0 0 24px 40px;
  overflow: hidden;
  width: 352px;
}

div#container div.body h2 {
  left: -1px;
  margin: -2px 0 31px;
  position: relative;
}

div#container div.body h3 {
  position: relative;
  top: -2px;
}

div#container div.body h4 {
  position: relative;
  top: -1px;
}

div#container div.body p {
  margin: 0 0 16px;
  padding: 0;
  max-width: 352px;
}

div#container div.body img {
  max-width: 352px;
}

/* Right column links & content */
div#container div.side {
  float: right;
  margin: 0 32px 16px 0;
  overflow: hidden;
  width: 256px;
}

div#container div.side p {
  margin: 0 0 17px;
}

div#container div.side p img {
  background: url("../images/dotline.gif") repeat-x 0 100%;
  padding: 0 0 9px;
  max-width: 256px;
}

div#container div.side h3 {
  margin: 12px 0 0;
}

div#container div.side h4 {
  margin: 12px 0 0;
}

div#container div.side ul {
  background: url("../images/dotline.gif") repeat-x 0 100%;
  left: 0;
  list-style: none;
  margin: 8px 0;
  padding: 0 0 13px;
}

div#container div.side ul li {
  left: 0;
  margin: 0;
  padding: 0 0 8px;
}

div#container div.side ul li a {
  background: url("../images/tile_arrows.gif") no-repeat 0 4px;
  display: block;
  font: normal bold 12px/16px arial, helvetica, sans-serif;
  padding: 0 0 0 10px;
  text-transform: uppercase;
}

/* Footer */
p#footer {
  background: url("../images/dotline.gif") repeat-x 0 0;
  clear: both;
  color: #999;
  line-height: 16px;
  margin: 0;
  padding: 13px 0 0;
  height: 24px;
  width: 880px;
}

p#footer a {
  color: #999;
}

p#footer span {
  float: right;
}

p#footer a.RSSLink {
  background: url("../images/tile_rss.gif") no-repeat 0 2px;
  float: left;
  padding: 0 0 0 18px;
}

p#footer a.RSSLink: hover {
  background-position: 0 -52px;
}

/* ------------ LOCAL ------------ */
/* Home */
div#container div.projectImages {
  float: left;
  margin: 0 0 24px 40px;
  overflow: hidden;
  width: 608px;
  overflow: hidden;
}

div#container div.projectImages h2 {
  left: -1px;
  margin: -2px 0 31px;
  position: relative;
}

div#container div.projectBody {
  margin-left: 208px;
}

* html div#container div.projectBody {
  margin-left: 104px;
}

/* IE6 fix haxorz */
div#container div.projectBody q {
  font: italic bold 14px/16px Arial, Helvetica, sans-serif;
  color: #0082DE;
  display: block;
  margin: 8px 0 0;
}

div#container div.projectBody q: before, div#container div.projectBody q: after {
  content: '';
}

div#container div.projectBody cite {
  font-style: normal;
  display: block;
  margin: 0 0 16px;
}

div#container div.projectSide {
  float: left;
  width: 200px;
  margin-left: 56px;
}

div#container div.projectSide h4 {
  background: url("../images/dotline.gif") repeat-x 0 0;
  padding: 16px 0 0;
}

div#container div.homeHighlights {
  float: left;
  width: 624px;
  overflow: hidden;
  margin: 0 0 20px 0;
}

/*
div#container > div.homeHighlights {
  !margin-bottom: -24px;
}
*/

div#container div.projectHighlight {
  float: left;
  margin: 0 48px 0 0;
  position: relative;
  width: 256px;
  min-height: 373px;
}

/* IE7 fix for home highlights positioning */
html>body div#container div.homeHighlights {
 *overflow: visible;
 *zoom: 1;
 *margin-right: -3px;
 *left: -3px;	
}
/* IE6 fix for home highlights positioning */
div#container div.projectHighlight {
 _overflow: visible;
 _zoom: 1;
 _margin-right: -3px;
}

div#container div.projectHighlight h2 {
  left: -1px;
  margin: 0;
  padding: 214px 0 7px;
  position: relative;
  width: 302px;
}

div#container div.projectHighlight p {
  margin: 0;
  padding: 0;
}

div#container div.projectHighlight a img {
  background: #eee;
  border: none;
  height: 208px;
  left: 0;
  position: absolute;
  top: 0;
  width: 256px;
}

div#container ul.projectImages {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 11px 0 0;
  width: 640px;
  height: 64px;
}

div#container ul.projectImages li {
  float: left;
  left: 0;
  margin: 0 32px 0 0;
  padding: 0;
  position: relative;
  width: 160px;
}

div#container ul.projectImages li a img {
  background: url("../images/dotline.gif") repeat-x 0 0;
  border: none;
  height: 56px;
  padding: 9px 8px 0;
  width: 152px;
}

div#container ul.projectImages a.adminEdit a {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

div#container ul.projectImages a.adminEdit a img {
  position: absolute;
}

/* Projects */
div#container div.projectsOverview {
  float: right;
  margin: 0 0 -24px;
  overflow: hidden;
  width: 704px;
}

div#container div.projectsOverview h2 {
  margin: -1px 0 26px;
  position: relative;
  top: -1px;
}

div#container div.projectsOverview p.projectCategoryDesc {
  color: #666666;
  margin: 0 0 19px;
  padding: 4px 0 0;
  width: 440px;
}

div#container div.projectCategory {
  clear: both;
  overflow: auto;
  padding: 0 0 20px;
  position: relative;
  z-index: 2;
}

div#container div.projectCategory h3 {
  height: 32px;
  line-height: 21px;
}

div#container div.projectCategory p.more {
  float: right;
  margin: -28px 32px 0 0;
  padding: 0;
  text-transform: uppercase;
}

div#container div.projectCategory p.more a {
  background: url("../images/readmore.gif") no-repeat 0 50%;
  padding: 0 0 0 8px;
}

div#container div.projectCategory ul {
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}

div#container div.projectCategory ul li {
  float: left;
  left: 0;
  margin: 0 24px 0 0;
  overflow: hidden;
  padding: 0;
  width: 208px;
  height: 216px;
}

div#container div.projectCategory ul li img {
  background: url("../images/dotline.gif") repeat-x 0 0;
  border: none;
  border-bottom: 2px solid #FFFFFF;
  display: block;
  height: 136px;
  margin: 0 0 10px;
  padding: 8px 0 0;
  width: 208px;
}

div#container div.projectCategory ul li a: hover img {
  border-bottom: 2px solid #ff4a6f;
}

div#container div.projectCategory ul li strong {
  display: block;
  width: 220px;
}

div#container div.projectCategory ul li strong a {
  background: url("../images/tile_arrows.gif") no-repeat 0 4px;
  display: block;
  font: normal bold 14px/16px arial, helvetica, sans-serif;
  padding: 0 0 0 10px;
  text-transform: uppercase;
}

div#container div.lotsOfEm ul li {
  padding: 0;
}

/* News (news overview box, also located on home) */
div#container div.newsOverview {
  float: right;
  height: 456px;
  overflow: auto;
  width: 288px;
  margin: 0 0 16px;
}

div#container div.newsOverview h2 {
  background: url("../images/dotline.gif") repeat-x 0 0;
  font-size: 18px;
  line-height: 16px;
  margin: 0;
  padding: 18px 0 1px;
  width: 256px;
}

div#container div.newsOverview p {
  margin: 2px 0 19px;
  padding: 0;
  width: 256px;
}

div#container div.news {
  float: left;
  margin: 0 40px 11px 40px;
  overflow: hidden;
  width: 352px;
}

div#container div.news h2 {
  left: -1px;
  margin: -2px 0 10px;
  position: relative;
}

div#container div.news div.newsHighlight {
  float: left;
  margin: 0 56px 0 0;
  position: relative;
  width: 352px;
}

div#container div.news div.newsHighlight h2 {
  left: -1px;
  margin: 0;
  padding: 262px 0 7px;
  position: relative;
}

div#container div.news div.newsHighlight p {
  margin: 0;
  padding: 0;
}

div#container div.news div.newsHighlight a img {
  background: #eee;
  border: none;
  height: 256px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 352px;
}

/* About */
div#container div.aboutbody h3 {
  margin: 24px 0 8px;
}

div#container div.aboutbody p {
  margin: 0 0 8px;
}

div#container div.aboutbody p a.more {
  margin: -8px 0 40px;
}

div#container div.aboutbody a.adminEdit {
  float: right;
}

div#container div.aboutside h3 {
  background: url("../images/dotline.gif") repeat-x 0 100%;
  margin: 59px 0 0;
  padding: 0 0 14px;
}

div#container div.aboutside ul {
  margin: -33px 0 16px;
  padding: 44px 0 5px;
}

div#container div.aboutLong {
  position: relative;
  top: -2px;
}

div#container div.aboutLong h2 {
  margin: 0 0 31px;
}

div#container div.aboutLong h4 {
  margin: 24px 0 0;
}

/* About / jobs */
div#container div.jobsIntro {
  float: left;
  margin: 0 0 0 40px;
}

div#container div.jobsIntro h2 {
  margin: -2px 0 30px;
}

div#container div.jobsBody {
  clear: both;
  margin: 0 0 0 206px;
}

div#container div.jobsBody div {
  background: url("../images/dotline.gif") repeat-x 0 52px;
  overflow: hidden;
}

div#container div.jobsBody div p {
  margin: 0 0 16px;
}

div#container div.jobsBody div h3 {
  margin: 23px 0 9px;
}

div#container div.jobsBody div h3.first {
  margin: 24px 0;
}

div#container div.jobsBody div h3: target {
  text-decoration: underline;
}

div#container div.jobsBody div h4 {
  margin: 16px 0 0;
}

div#container div.jobsBody div ul.index {
  background: url("../images/dotline.gif") repeat-x 0 100%;
  list-style: none;
  margin: 8px 0 26px;
  padding: 0 0 5px;
}

div#container div.jobsBody div ul.index li {
  left: 0;
  margin: 0;
  padding: 0 0 8px;
}

div#container div.jobsBody div ul.index li a {
  background: url("../images/tile_arrows.gif") no-repeat 0 4px;
  display: block;
  font: normal bold 14px/16px arial, helvetica, sans-serif;
  padding: 0 0 0 10px;
  text-transform: uppercase;
}

div#container div.jobsBody div.jobsVacancies {
  float: left;
  width: 354px;
}

div#container div.jobsBody div.jobsInternships {
  float: right;
  margin: 0 32px 0 0;
  width: 258px;
}

/* Contact */
div#container div.contactBody {
  margin-left: 208px;
  width: 352px;
}

div#container div.contactBody h2 {
  margin: -2px 0 10px;
}

div#container div.contactBody h3 {
  margin: 24px 0 8px;
}

div#container div.contactSide {
  margin-top: 28px;
  background: url("../images/dotline.gif") repeat-x 0 100%;
}

div#container div.contactSide h3 {
  background: url("../images/dotline.gif") repeat-x 0 0;
  padding: 19px 0 10px;
}

div#container div.contactSide p {
  margin: 0 0 16px;
}