*{
  margin: 0; padding: 0;
}
html, body, pre, textarea, input.text, select{
  font-family: "Georgia", "Time New Roman", "Arial"; font-size: 14px;
  color: #68676b; background: #FFF;
}
input.text, select, textarea{
  color: #000;
}
h1,h2,h3,caption{
  margin: 1.6em 0 0.5em 0;
  font-size: 1.5em; line-height: 1.5em; font-weight: normal; color: #00519e;
  text-align: left;
}
h1.main{
  font-size: 2em;
}
h2,h3,caption{
  font-weight: bold; font-size: 1.1em; line-height: 1.1em;
}
h3{
  font-size: 1.0em; line-height: 1.0em;
}
a{
  color: #00519e; text-decoration: underline;
 }
img{
  border: none;
}
a:hover{
  text-decoration: none;
}
p, address, div.arec_text ul, div.arec_text ol, div.arec_file, div.arec_img img{
  margin: 0.5em 0;
}
div.arec_text p{
  line-height: 1.5em;
}

h1{
  padding-left: 0.2em;
}
ul{
  padding-left: 1em;
}
li{
  list-style-position: outside; line-height: 1.5em; margin-top: 0.5em;
}
acronym{
  cursor: help;
  border-bottom: 1px dotted;
}
address{
  font-style: italic;
}
small{
  font-size: 0.8em;
}
big{
  font-size: 1.2em;
}
#header{
  margin: 2em 0;
}
#header img{
  margin-right: 2em;
}
#co_sponsors img{
  margin-right: 1.8em;
}
#footer{
  margin-top: 2em;
}
div.arec_img img{
  border: 2px solid #ccc;
}

div.dummy{
  clear: both; height: 1px;
}

p.message{
  padding: 1em; background: #f6f6f6; border: 1px solid #ccc;
}

table td{
  padding: 0.2em;
}

table.TPC{
  width: 100%;
}
table.TPC td.name{
  width: 20%;
}

div.arec_text.important p{
  background: #F00;
  color: #FFF;
  font-wight: bold;
}
div.arec_img.no_border img{
  border: none !important;
}


/* timeline */


#timeline div{
  display: block; margin-bottom: 0.5em; padding: 0;
}
#timeline div div{
  display: block; margin: 0;
}
#timeline div.bar{
  height: 1em;
  background: #00519e;
}
#timeline .future{
  color: #00519e;
}
#timeline div div.future{
  /*background: #999; */
}
#timeline .presence{
  color: #00519e;
}
#timeline div div.presence{
  background: #00519e;
}
#timeline .past{
  text-decoration: line-through;
  color: #F00;
}
#timeline div div.past{
  background: #00519e;
}



@media screen{
html, body{
    margin: 0; padding: 0; width: 100%;
  }
#main{
  margin: auto; width: 66em; min-height: 100%;
}
#content{
  float: right;
  width: 40em;
}
#nav_1{
  float: left;
  min-height: 540px; width: 23em;
  background: url("../images/nav_l.gif") top left no-repeat #FFF;
}
#nav_2{
  min-height: 540px;  padding-top: 2em;
  background: url("../images/nav_r.gif") top right no-repeat transparent;
}
#nav_1 img.logo{
  display: block;
  margin: 0 auto 2em auto;
}
#nav{
  display: block; margin: 2em 10px; padding: 0;
}
#nav_slideshow{
  height: 174px; margin: auto; width: 204px; overflow: hidden;
}
#nav_slideshow img{
  top: 0; left: 0; border: none;
}
#nav ul{
  padding: 0;
}
#nav li{
  display: block; margin: 0;
  list-style: none;
}
* html #nav li{ /* fix wrong margins in IE 5/6 */
    display: inline-block; vertical-align: top;
  }
#nav a{
  display: block; padding: 0.5em 0 0.5em 2em;
  border-top: 1px solid #999;
  text-decoration: none; font-style: italic;
}
#nav a:hover{
  background-color: #f4f4f4;
}
#nav a.current{
  font-weight: bold;
}
#nav a.last{
  border-bottom: 1px solid #999;
}
#nav ul a{
  padding-left: 3em; font-size: 0.85em; color: #777;
}

#nav ul ul{
  display: none;
}
#nav a.germany{
  background-image: url("../images/nav_germany.gif");
  background-repeat: no-repeat;
  background-position: 11.3em center;
}
#nav a.hannover{
  background-image: url("../images/nav_hannover.gif");
  background-repeat: no-repeat;
  background-position: 11.8em center;
}

h1{
  background: url("../images/bg_h1.gif") top left repeat-x; border-top: 1px solid #e4e4e4;
}

#footer{
  clear: both;
  min-height: 10em; padding-bottom: 2em;
  border-top: 1px solid #e5e5e5;
  background: url("../images/bg.gif");
}
#footer div{
  width: 66em; margin: auto;
}

} /* screen */


@media print{

#nav_1{
  display: none;
}

} /* print */



#content .tab{
  display: none;
}
ul.tabs{
  display: block; margin: 0; padding: 0 5%; width: 90%; height: 2em;
  border-bottom: 1px solid rgb(50,50,50);
}
ul.tabs li{
  display: block; margin: 0; padding: 0; list-style: none; float: left;
}
ul.tabs a{
  display: block; width: 10em; height: 2em; line-height: 2em;
  text-align: center; border: 1px solid rgb(50,50,50); border-left: none; border-bottom: none;
  font-weight: bold; font-size: 1.0em; text-decoration: none;
}
ul.tabs a.first{
  border-left: 1px solid rgb(50,50,50);
}
ul.tabs a.active{
  background: url("../images/bg_h1.gif") #FFF;
}
.akkordeon h1{
  font-size: 1.1em; font-weight: bold;
}

input.text, textarea, select{
  border: 1px solid rgb(150,150,150);
  }
  
 p.promote_it a{
   text-decoration: none; color: #68676b;
   }