html {
  overflow-y: scroll;
}

body {
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 100%;
  margin: 0 0 2em 0;
  padding: 0;
  background-color: #F0FAFA;
  color: #000000;
}


/*#############Positionierung der Haupt-divs###############
###########################################################*/

div#horizont {
   position: relative;
   padding-top: 2em;
   padding-bottom: 2em;
   border-bottom: 3px solid #ced4da;
   background-color: #FAFFFF;
   color: #000000;
}

div#left,
div#right {
   position: absolute;
   width: 11em;
}

div#middle {
   position: relative;
   margin-left: 15em;
   margin-right: 15em;
   min-width: 18em;
}

div#left {
  left: 3em;
}

div#right {
  right: 3em;
}

div#middle, div#right, div#left {
   margin-top: -1em;
   background-color: white;
   color: #000000;
   border: 1px solid #ced4da;
}


/*#############Realisierung runder Ecken###############
#######################################################*/

div.corner {
  position: absolute;
  font-size: 0;
  line-height: 0px;
  background-repeat: no-repeat;
}

div.t { top:    0; margin-top: -1px; }
div.b { bottom: 0; margin-bottom: -1px;  }
div.l { left:   0; margin-left: -1px;  }
div.r { right:  0; margin-right: -1px;  }

div.t.l, div.t.r { width: 6px; height: 5px; }
div.b.l { width: 6px; height: 6px; }
div.b.r { width: 5px; height: 5px; }

div.t.l { background-image: url('images/box.gray.top.left.png'); }
div.t.r { background-image: url('images/box.gray.top.right.png'); }
div.b.l { background-image: url('images/box.gray.bottom.left.png'); }
div.b.r { background-image: url('images/box.gray.bottom.right.png'); }


/*###############Eigenschaften div #horizont#############
#########################################################*/

h1#name{
  margin-left: 10em;
  margin-top: 0.1em;
  margin-right: 9em;
  font-size: 140%;
  color: #AAD7D7;
   background-color: #FAFFFF;
  font-weight: bold;
}

h2#dfg,
 h2#fgtt,
 h2#zif,
 h2#pttr{
  position: absolute;
  background-repeat: no-repeat;
  padding: 0;
  margin: 0;
  top: 15px;
}

h2#dfg a,
 h2#fgtt a,
 h2#zif a,
 h2#pttr a{
  display: block;
  overflow: hidden;
}

h2#dfg a span,
 h2#fgtt a span,
 h2#zif a span,
 h2#pttr a span{
  display: none;
}

h2#fgtt {
  left: 20px;
  background-image: url('images/Back-FG4.gif');
}

h2#pttr {
  left: 40px;
  background-image: url('images/pttr-logo.gif');
}

h2#dfg {
  right: 20px;
  background-image: url('images/dfg_logo.png');
}

h2#zif {
  right: 20px;
  background-image: url('images/zif_logo.png');
}

h2#dfg a,
h2#zif a{
  width: 130px;
  height: 56px;
}

h2#fgtt a{
    width: 100px;
    height: 56px;
}

h2#pttr a{
    width: 60px;
    height: 56px;
}

h2#fgtt a:visited,
h2#dfg a:visited,
h2#zif a:visited,
h2#pttr a:visited,
h2#fgtt a:hover,
h2#dfg a:hover,
h2#zif a:hover,
h2#pttr a:hover,
h2#fgtt a:link,
h2#dfg a:link,
h2#zif a:link,
h2#pttr a:link{
   background-color: transparent;
}


/*#############Eigenschaften div #left###############
#####################################################*/

div#naviText ul{
  font-size: 80%;
  padding-bottom: 2em;
  margin-top: 2.5em;
}

div#naviText ul li{
  margin-top: 8px;
  margin-left: -15px;
}

div#naviText ul ul{
  margin-top: 1em;
  padding-bottom: 0.1em;
}

div#naviText ul ul li{
  margin-bottom: 8px;
  margin-left: -30px;
}


/*############Eigenschaften div #middle##############
#####################################################*/

div#inhaltText{
  font-size: 80%;
  padding: 3em;
  margin-top: -2em;
}

div#inhaltText table{  
  font-size: 100%;
}

div#inhaltText h1{
  font-size: 140%;
}

div#inhaltText h2{
  font-size: 120%;
  margin-top: 2em;
}

div#inhaltText ol{

}

div#inhaltText p{
  margin-top: 20px;
}

div#inhaltText ol li,
div#inhaltText ul li{
  margin-top: 15px;
}

div#inhaltText ul{
  list-style-type: circle;
}

div#inhaltText table.projectTable td{
  padding-bottom: 0.5em;
}

div#inhaltText td.top{
  padding-left: 1em;
  width: 8.5em;
}


/*############Eigenschaften div #right##############
#####################################################*/

div#infoText{
  font-size: 70%;
  padding: 1em;
}

div#infoText h2{
   font-size: 120%;
   margin-top: 1em;
   color: red;
   background-color: #FFFFFF;
}




/*########################Links#####################
####################################################*/

a:link{
  color: #008080;
   background-color: #FFFFFF;
  text-decoration: none;
  border: none;
}

a:visited{
  color: #000080;
   background-color: #FFFFFF;
  text-decoration: none;
}

a:hover{
  color: #000080;
   background-color: #FFFFFF;
}

a.navi:before {
	content:url(images/naviLink2.gif);
}

a.navi2:before {
	content:url(images/naviLink2.gif);
}

a.naviActive:before {
	content:url(images/naviLink2.active.gif);
}

a.naviActive2:before {
	content:url(images/naviLink2.active.gif);
}



/*###################Styles für Kalendar#################
#########################################################*/

#calendar table{
  border-spacing: 0px;
  table-layout: fixed;
  border: 1px solid black;
  empty-cells:show;
}

#calendar td.heute{
  background-color: blue;
  color: #000000;
}

#calendar td{
  font-size:7pt;
  padding: 2px;
}

#calendar p{
  font-size: 70%;
}

#tabHead, #tabDays{
  background-color: #BBDFDF;
  color: #000000;
}

/*################allgemeine Deklarationen###############
#########################################################*/
a    { text-decoration: none; }
img  { border: none;          }
address span {  display: block; }
ul   { list-style-type: none; }

span.pubTitle {
  display:block;
  font-weight: bold;
}

span.contTitle {
  font-style: italic;
}

.bibtex { 
cursor: pointer; 
color: #00B400;
  background-color: #FFFFFF;
}

.bibEntry{
  display: none;
  background-color: #AAAAAA;
  position: absolute;
  /* right: 37%; 
  top: 65%; */
  display: none;
  z-index: 2;
  background-color: #FFFFF0;
  color: #000000;
  font-size: 80%;
  border: 2px solid #C0C0C0;
  padding: 10px;
}

/*
#status{
  position: absolute;
  left: 83%;
  top: 360px;
  border: 1px solid black;  
  width: 120px;
  background-color: blue;
  color: white;
  font-size: 7pt;
}
*/
#dateInfo{
  position: absolute;
  right: 37%;
  top: 65%;
  display: none;
  z-index: 2;
  background-color: #FFFFF0;
  color: #000000;
  font-size: 60%;
  border: 2px solid #C0C0C0;
  padding: 10px;
}

h3{
  font-size: 110%;
  margin-top: 2em;
}

td,th{
  vertical-align: top;
}



/*########################InfoIcons###################
######################################################*/

#infoIcons{
  position: relative;
  bottom: 0%;
  left: 50%;
  z-index: 1;
}

#infoIcons a{
  margin-left: 4px;
}

/*#infoIcons img{
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-bottom: 2px solid #DCDCDC;
  border-right: 2px solid #EDEDED;
}*/



/*###################Publikationseingabe##############
######################################################*/

#entry, #author, #title, #booktitle,
#year, #volume, #number, #pages,
#month, #note, #address, #editor,
#edition, #type, #journal, #howpublished,
#publisher, #organization, #institution,
#school, #series, #hyperref, #project,
#chapter, #password, #login{
   display: block;
   font-size: 100%;
   width: 200px;
   float: left;
   margin-bottom: 5px;
}

#choose{
   position: relative;
   width: 140px;
   left: 10px;
}

input[type='hidden'] {
   border-width: 0px;
}

label {
  display: block;
  text-align: left;
  font-weight: bold;
  width: 140px;
  float: left;
  clear: both;
}

#requiredField{
  border: 1px solid black;
  padding: 2px;
  margin-bottom: 15px;
}

.required{
  background-color: #FFCCCC;
  color: #000000;
}

div.clear {
   display: block;
   clear: both;
   font-size: 2px;
   position: relative;
   margin-top: 2px;
}