body { 
  background:url(../images/bg-body.gif); 
  color:#666;
  font:13px/1.55 Helvetica, Arial, Verdana, sans-serif;
  text-align:center;
}

#page {
  background:url(../images/bg-page.png) repeat-y;
  border-bottom:1px solid #eee;
  margin:0 auto;
  text-align:left;
  padding:0 16px 10px 16px;
  width:769px;	
}

#branding {
  height:477px;
  background-position:0 48px;  
  background-repeat:no-repeat;
}

#branding h2 {
  display:none;
}

#branding .overlay {
  background:url(../images/ol-branding.png) no-repeat;
  height:477px;
}

#page.home       #branding { background-image:url(../images/brand-copper.jpg);     }
#page.vita       #branding { background-image:url(../images/brand-vita.jpg);       }
#page.referenzen #branding { background-image:url(../images/brand-copper.jpg);     }
#page.dse        #branding { background-image:url(../images/brand-copper.jpg);     }
#page.impressum  #branding { background-image:url(../images/brand-copper.jpg);     }

a {
  color:#996633;
  background-color:#e6eddf;
}

a:hover {
  color:#000;
  border-bottom:1px solid #996633;
}

a:visited {
  color:inherit;
}

.nav {
  color:#ccc;
  display:inline;
}

.nav li {
  display:inline;
}

.nav li a {
  background-color:transparent;
  color:#ccc;
  text-decoration:none;
}

.nav li a:hover {
  color:#fff;
}

#content {
  margin:3em 0 0 322px;
  padding:10px;
}

#content .nav {
  position:absolute;
  top:310px;
  padding: 0;
}

#footer {
  background:url(../images/bg-footer.png) no-repeat;
  height:39px;
  position:relative;
}

#footer .nav {
  margin-left:332px;
  position:absolute;
  bottom:0;
  padding:0;
  margin-bottom:0;
}

#content .box {
  background:url(../images/bg-box.png) no-repeat 0 bottom;
  margin-bottom:1.5em;
  padding-bottom:1.5em;
  position:relative;
}

#content h1 {
  color:#996633;
  font-size:18px;
  font-weight:normal;
  margin-bottom:0.75em;
}

#content p {
  margin-bottom:1em;
}

#content ul {
  list-style-type:disc;
  padding-left:1em;
}


#content ul li ul li {
  margin-bottom:0em;
}

#content ul li {
  margin-bottom:1em;
}

#content table {
  margin-bottom:1em;
}

#content table th {
  font-size:18px;
  font-weight:normal;
  color:#996633;
  padding-bottom:1em;
}

#content table td {
  padding-bottom:1em;
  vertical-align:top;
}

#content table th.when {
  width:100px;
}

#content table th.what {
}

#content table#secondary-jobs {
  margin-bottom:0;
}

.vcard {
  margin-bottom:1.5em;
}

#content .meta {
  position:absolute;
  left:-270px;
}

#content .meta_mcpd {
  position:absolute;
  left:-200px;
  top:+45px;
}

#content .meta_mcpd_home {
  position:absolute;
  left:-300px;
  top:+220px;
}

#content .meta_exali_home {
  position:absolute;
  left:-300px;
  top:80px;
  background-color: white;
  border-bottom: none;
}

#content .meta_mcpd_vita {
  position:absolute;
  left:-320px;
  top:45px;
}

#content .meta_mcts_net {
  position:absolute;
  left:-320px;
  top:120px;
}

#content .meta_mcts_wss {
  position:absolute;
  left:-315px;
  top:310px;
}