body {
  background: #D2DCE9;
  margin-top: 0;
  padding-top: 0;
}
#main { 
  max-width: 50em;
  margin: auto;
}
#iemain { 
  width: 50em;
}
#header {
  background: #FFFE87 url("/_img/topleft.jpg") no-repeat top left;
  padding: 0px;
  height: 70px;
  vertical-align: top;
}
#header img { 
  display: block;
}
#bottombar { 
  background: #F8F8F8 url("/_img/background-bottombar.gif") repeat-x;
}
#bottombar .logo { 
  vertical-align: bottom;
}
#eu-at { 
  float: right;
  position: relative;
  top: -1em;
  left: -4.75em;
}
/* ---------------------------------------------------------------------- */
/* Sprachauswahl                                                          */
/* ---------------------------------------------------------------------- */
#langs {
  float: right;
  position: relative;
  top: -4em;
  right: -9px;
  font: normal 0.85em Verdana,Arial,sans-serif;
  color: #115A78;
}
#langs .current { 
  color: #8F142B;
  font-weight: bold;
}
#langs a:link, #langs a:visited {
  font-weight: normal;
  color: #115A78;
  text-decoration: none;
}
#langs a:hover { 
  font-weight: normal;
  color: #8F142B;
  text-decoration: none;
}


/* ---------------------------------------------------------------------- */
/* Navigationsspalte                                                      */
/* ---------------------------------------------------------------------- */
#navigation {
  padding: 1em 0.9em 1em 0;
  background: #EEE;
  font: bold 0.7em Verdana,Arial,sans-serif;
  color:  #115A78;
  border-right: 1px solid #B7B7B7;
  width: 20%;
}

#navigation .current {
  color: #8F142B;
}
#navigation .current a {
  text-decoration: underline;
  color: #8F142B;
}
#navigation .current ul { 
  color: #115A78;
}

/* Links */
#navigation a:link { 
  color: #115A78;
  text-decoration: none;
}
#navigation a:visited { 
  color: #115A78;
  text-decoration: none;
}
#navigation a:hover { 
  color: #8F142B;
  text-decoration: underline;
}

/* Listen */
#navigation ul { 
  margin: 0 0 0 0em;
  padding: 0;
  list-style: none;
}
#navigation li { 
  margin: 0 0 0.75em 1em;
  padding: 0 0 0.75em 0;
  border-bottom: 1px solid #999;
}
#navigation ul li ul {
  font-weight: normal;
  margin-top: 0.2em;
  margin-left: 0.5em;
  list-style: square;
}
#navigation ul li ul li{
  margin-bottom: 0.2em;
  padding-bottom: 0;
  border-bottom: none;
}

/* ---------------------------------------------------------------------- */
/* Content                                                                */
/* ---------------------------------------------------------------------- */
#content {
  padding: 1.0em 1.5em 1.5em 1.5em;
  background: white url("/_img/background.gif");
  width: 76%;
}

#content, #content td, #content th {
  font: normal 0.8em/1.3em Verdana,Arial,sans-serif;
}

#content th { 
  font-weight: bold;
  text-align: left;
}

/* Überschriften */
#content h1 { 
  font: normal 1.8em Verdana,Arial,sans-serif;
}


#content h2  { 
  font: bold 1.2em Verdana,Arial,sans-serif;
}
#content h3  { 
  font: bold 1.0em Verdana,Arial,sans-serif;
}

/* Links */
#content a:link { 
  color: #115A78;
}
#content a:visited { 
  color: black;
}
#content a:hover { 
  color: #8F142B;
}
#content a:link img.border { 
  border: 1px solid #115A78;
}
#content a:visited img.border { 
  border: 1px solid black;
}
#content a:hover img.border { 
  border: 1px solid #8F142B;
}

/* Diverses */
#content p { 
  margin: 1em 0 1.5em 0;
}

#content ol.spaced li, #content ul.spaced li { 
  margin-top: 1em;
  margin-bottom: 1.5em;
}
#content em { 
  font-weight: bold;
  font-style: normal;
}

#content .floatright {
  clear: right;
  float: right;
  margin-left: 1em;
}

#content ul.noindent { 
  margin-left: 0.9em;
  padding-left: 0;
}

#content ul.noindent li { 
  margin-left: 0.5em;
  padding-left: 0;
}

#content .pic {
  /* font-style: italic; */
  clear: right;
  float: right;
  margin: 0 0 1em 2em;
  padding: 0 0 2px 0;
  text-align: center;
  font-size: 89%;
  border-top: 1px solid #C8CAA8;
  border-bottom: 1px solid #C8CAA8;
  background: #FCFFCE;
  /* color: #59876A; */
}

#content .pic p { 
  margin: 0;
  padding: 0 2px 0 2px;
}

#content .pic img { 
  display: block;
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid #C8CAA8;
}

/* Für Bilder ohne Bildunterschrift: class="pic piconly" */
#content .piconly { 
  padding-bottom: 0;
  border-bottom: none;
}

#content .picshow img{
  padding: 3px;
  margin: 0px;
}

#content .box { 
  border: 1px solid #C8CAA8;
  font-size: 89%;
  background: #FCFFCE;
  padding: 2px 4px;
  margin: 0;
}

#content div.hr { 
  border-bottom: 1px dotted #333;
}

#content div.hr hr { 
  display: none;
}

#content p.author { 
  font-style: italic;
}

#content sup {
  font-size: 80%;
  line-height: 60%;
}

#content a sup { 
  text-decoration: none;
  border-bottom: 1px solid;
  padding-bottom: 6px;
}

* html #content a sup { 
  padding-bottom: 4px;
}


#content h1.keeptogether, #content h2.keeptogether, #content h3.keeptogether { 
  margin-bottom: 0.2em;
}
#content p.keeptogether, #content ul.keeptogether { 
  margin-top: 0;
}

/* ---------------------------------------------------------------------- */
/* Schatten rund um die Haupttabelle                                      */
/* ---------------------------------------------------------------------- */
.borderleft { 
  background: #D2DCE9 url("_img/shadow-left.gif") repeat-y right;
  width: 2%;
}
.borderright { 
  background: #D2DCE9 url("_img/shadow-right.gif") repeat-y left;
  width: 2%;
}
.bordertop { 
  background: #D2DCE9 url("_img/shadow-top.gif") repeat-x bottom;
  height: 41px;
}
.bordertopleft { 
  background: #D2DCE9 url("_img/shadow-topleft.gif") no-repeat bottom right;
  width: 2%;
  height: 41px;
}
.bordertopright { 
  background: #D2DCE9 url("_img/shadow-topright.gif") no-repeat bottom left;
  width: 2%;
  height: 41px;
}
.borderbottom { 
  background: #D2DCE9 url("_img/shadow-bottom.gif") repeat-x top;
  height: 8px;
}
.borderbottomleft { 
  background: #D2DCE9 url("_img/shadow-bottomleft.gif") no-repeat top right;
  width: 2%;
  height: 8px;
}
.borderbottomright { 
  background: #D2DCE9 url("_img/shadow-bottomright.gif") no-repeat top left;
  width: 2%;
  height: 8px;
}


/* Kontakt */
.contact #content h2 {
  margin: 2em 0;
}
.contact #content h3 {
  margin: 0 0 0 2em;
}
.contact #content p {
  margin: 0 0 1em 2em;
}
.contact #content img {
  float: right;
  margin-right: 100px;
  border: none;
}

/* Gen6 Milestones */
dl.milestones dt {
  font-weight: bold;
}
dl.milestones dd { 
  margin-bottom: 1em;
}


/* Teilnehmer/innen */
.participants #content h2 { 
  border-bottom: 1px dotted #000;
  margin-bottom: 0.5em;
}
.participants #content h3 { 
  margin: 0 0 0 3em;
}
.participants #content p { 
  margin-top: 0;
  margin-left: 3em;
}

/* ---------------------------------------------------------------------- */
/* Styles für Druck                                                       */
/* ---------------------------------------------------------------------- */
@media print {
  body { 
    background: white;
  }
  td.bordertopleft, td.bordertop, td.bordertopright, td.borderleft, td.borderright, td.borderbottomleft, td.borderbottomright {
    display: none;
  }
  #main, #iemain { 
    width: auto;
  }
}

/* ---------------------------------------------------------------------- */
/* Styles für Resultatsanzeigen (Projekt PDF's)                           */
/* ---------------------------------------------------------------------- */
#content .results { 
  clear: right;
  float: right;
  margin: 0 0 1em 2em;
  padding: 0 0 2px 0;
  font-size: 89%;
  border: 1px solid #C8CAA8;
  background: #FCFFCE;
  width: 200px;
}
#content .results h4 {
  font-weight: bold;
  font-size: 12px;
  margin: 0 0 10px 0;
  padding: 2px 5px;
  background: #C8CAA8;
}
#content .results p.item {
  margin: 0 3px 10px 40px;
  line-height: 130%;
}
#content .results p.item img { 
  float: left;
  border: none;
  margin: 0 0 0 -38px;
}
#content .results p.item small {
  color: #999;
}