/***********************************************************************************************
CSS-File for Forams2010 Website
Filename      : format.css
Author        : Peter Goeddertz
created       : 10.06.2008
modified:     : 01.08.2008
************************************************************************************************/
/*Globale Einstellungen*/

body {
        font-family:'Arial',sans-serif; 
       /* background-color: #041943; */
     }

div.breite {
              width:1024px;
           }

/*Header*/           
div.header{
display: none;
              width:1024px;
              height:180px;
              background-image: url("/pictures/logo_new.gif");
              /*background-image: url("/pictures/logo.jpg");*/
              /*background-color: #041943;*/  
          }
div.printingheader{
/* Header fuer print*/
/*display: none; ***fuer screen Kommentar entfernen*** */
              
          }
          
          
img.logounibonn{
              margin-top:5px;
              margin-left:5px;
}

/*Footer*/
div.footer{
             margin-top: 10px;
             width:1024px;
             float:left;
          }
td.datum{
             font-size: 0.8em;
             text-align: right;
}

hr.footer{
            color:white;
}

/*Navigation*/
div.navi{
            width:1024px;
            height:50px;
            background-color: #041943;
            
            /*druckparameter*/
            display:none;
        }
/*************************************************************************************************************************/

/*div.hide
 {
  display:none;
 }
*/


a.navlink:hover
 {
  color: black;
  text-decoration:none;
 }

a.navlink:link
{
 color: black;
 text-decoration:none;
}

a.navlink:visited
{
 color: black;
 text-decoration:none;
}
a.navlink:active
{
 color: black;
 text-decoration:none;
}
 
table.menue
 {
  background-color:#EEEEEE;
  border:1px solid #000000;
  width:1024px;
  margin-left:0px;
  
  /*druckparameter*/
  display:none;
            
 }

table.menue td
 {
  color:#AA5522;
  border-left:1px solid #9999cc;
  border-right:1px solid #9999cc;
  padding-left:7px;
  padding-right:7px;
  white-space:nowrap;
 }

table.menue td.submenue:hover div
 {
  display:block;
  text-decoration:none;
  position:absolute;
  padding:5px;
  margin:0px;
  z-index:10;
  border:2px solid #9999cc;
 }

table.menue div#showme
 {
  display:block;
  position:absolute;
  padding:5px;
  margin:0px;
  z-index:10;
  border:2px solid #9999cc;
 }

table.menue div
 {
  cursor:pointer;
  background-color:#EEEEEE;
 }

table.menue div a:hover
 {
  text-decoration:none;
  background-color:#9999cc;
 }

table.menue table td
 {
  font-size:12px;
 }
          
/*************************************************************************************************************************/
        

/*Content*/
div.content{
              width:850px;
              background-color: #041943;
              float:right;
              
              /*druckparameter*/
              float:left;
            
           }
          
div.absatz{
              width:850px;
              background-color: white;
              margin-top: 10px;
              border: 0px;
}

div.bildintextlinks
{ 
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    
    float:left;
  
}

div.bildintextrechts
{ 
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    float:right;
  
}
/***********************************************************************
Contentbereiche mit 3verschiedenen Wasserzeichen 
in 3 verschiedenen Groessen
***********************************************************************/
/*Hintergrund 1*/
div.absatzcontent1l{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
              line-height: 1.5em;
              background-color: white;
              background-image:url(/pictures/foraminifera_1_large.gif); background-repeat:no-repeat; background-position:center center;
              background-attachment:scroll;
}

div.absatzcontent1m{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
              line-height: 1.5em;
              background-color: white;
              background-image:url(/pictures/foraminifera_1_middle.gif); background-repeat:no-repeat; background-position:center center;
              background-attachment:scroll;
}
div.absatzcontent1s{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
              line-height: 1.5em;
              background-color: white;
              background-image:url(/pictures/foraminifera_1_small.gif); background-repeat:no-repeat; background-position:center center;
              background-attachment:scroll;
}

/*Hintergrund 2*/
div.absatzcontent2l{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
              line-height: 1.5em;
              background-color: white;
              background-image:url(/pictures/foraminifera_2_large.gif); background-repeat:no-repeat; background-position:center center;
              background-attachment:scroll;
}

div.absatzcontent2m{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
              line-height: 1.5em;
              background-color: white;
              background-image:url(/pictures/foraminifera_2_middle.gif); background-repeat:no-repeat; background-position:center center;
              background-attachment:scroll;
}
div.absatzcontent2s{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
              line-height: 1.5em;
              background-color: white;
              background-image:url(/pictures/foraminifera_2_small.gif); background-repeat:no-repeat; background-position:center center;
              background-attachment:scroll;
}

/*Hintergrund 3*/
div.absatzcontent3l{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
              line-height: 1.5em;
              background-color: white;
              background-image:url(/pictures/foraminifera_3_large.gif); background-repeat:no-repeat; background-position:center center;
              background-attachment:scroll;
}

div.absatzcontent3m{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
              line-height: 1.5em;
              background-color: white;
              background-image:url(/pictures/foraminifera_3_middle.gif); background-repeat:no-repeat; background-position:center center;
              background-attachment:scroll;
}
div.absatzcontent3s{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
              line-height: 1.5em;
              background-color: white;
              background-image:url(/pictures/foraminifera_3_small.gif); background-repeat:no-repeat; background-position:center center;
              background-attachment:scroll;
}



***********************************************
Bilder
*************************************************************/
img.in_the_middle{
  text-align:center;
}

.bildunterschrift{
  font-weight: bold;
  font-size: 0.7em;
}

/*Absatz-Rahmen*/
img.rtop{
/*druckparameter*/
            display:none;
}

img.rbottom{
/*druckparameter*/
            display:none;
            
}

/******************************************************************
Ueberschriften
******************************************************************/
h1{
  color:black;
  letter-spacing:0.13em;
  font-style:italic;
  font-family:'Times New Roman',Times,serif;
  text-align:justify;
}
h3{
  color:black;
}

/***********************************************************************************
Sponsorenlinks
***********************************************************************************/
table.tblsponsors{
  border: 0px;
}

img.sponsors{
  margin:15px;
}

div.linkbox{
  width:120px; 
  float:left;
  margin-top:10px;
  font-size:0.7em;
  display: block;
  padding: 0.2em;
}
div.linkbox a:link { color:white; }    /* noch nicht besuchte Ziele */
div.linkbox a:visited { color:white;} /* besuchte Ziele */
div.linkbox a:hover { color:white; }   /* Verweise bei "MouseOver" */
div.linkbox a:active { color:white; }  /* Angeklickte Verweise */
div.linkbox a:focus { color:white; }   /* Verweise, die Fokus erhalten */

ul.navlink {
  font-size: 0.91em;
  width: 180px;
  margin: auto; padding: 0;
 }

ul.navlink li {
  list-style: none;
  margin: 0; padding: 0.5em;
}
ul.navigation a {
  display: block;
  padding: 0.2em;
  font-weight: bold;
}

/***********************************************************************************
sonstige Formatierungen
***********************************************************************************/


div.zentriert{text-align:center;}
img{
  margin:0px;
  padding:0px;
}

span.italicbold{
  font-weight:bold;
  font-style:italic;
}

span.bold{
  font-weight:bold;
}

/*Label*/
div.sitelabel{
             float:left;
}

ul.spezial{
  list-style-image:url(/pictures/list_style_image.jpg);
}


/*******************************************************
Sitemap
*******************************************************/
div.sitemaparealeft{
width:250px;
height:300px;
background-color: #626D89;
margin:5px;
float: left;
}
div.sitemaparearight{
width:250px;
height: 300px;
background-color: #626D89;
margin:5px;
float: right;
}

div.sitemapareamiddle{
width:250px;
height: 300px;
background-color: #626D89;
margin:auto;

}

div.sitemaptopic{
background-color: #6bbaff;
width:90%; 
margin:auto;
}

div#showme
 {
  display:block;
  position:absolute;
  padding:5px;
  margin:0px;
  z-index:10;
  border:2px solid #9999cc;
 }
 td.submenue:visited div
 {
  display:block;
  text-decoration:none;
  position:absolute;
  padding:5px;
  margin:0px;
  z-index:10;
  border:2px solid #9999cc;
 }
 
 /************************************************
 Buttons
 ************************************************/
 
 .btn_more {
        margin:1px;
        height: 20px;
        width:40px;
        border:none;
        background-image: url("../pictures/btn_more.jpg");
        cursor: pointer;
}
.form_more{
        margin:0px;
        padding:0px;
}

/***************************************************
Photo Gallery
***************************************************/
div.leinwand{
        position:relativ;
        width:820px;
        height:1000px;
        z-index: 0;
        background-color: lightblue;
}

div.leinwandkopf{
position:
        width:820px;
        height:81px;
        z-index: 1;
        background-image: url("/pictures/schriftzugblau2.jpg");
}

div.ph_ga1
{
  position:absolute; top:120px; left:35px; 
  background-color: red;
  width:250px;
  height:250px;
}

div.ph_ga2
{
  position:relative; top:100px; left:285px; 
  background-color: yellow;
  width:200px;
  height:100px;
}

/*******************************************************
Tabellen Hotels
*******************************************************/
table.hotels{
  width:100%;
  border-collapse:collapse;
}

.hotelscell{
  width:33%;
  border-width:thin; 
  border-color: orange;
  border-style: dotted;
  text-align: left;
  vertical-align:top;
}

/*******************************************************
Tabelle Special Sessions/Symbosia
*******************************************************/
table.specialsessions{
  width:100%;
  border-collapse:collapse;
}

.specialsessionsNo{
  width:15%;
  border-width:thin; 
  border-color: orange;
  border-style: solid;
  text-align: left;
  vertical-align:top;
}

.specialsessionsTitle{
  width:60%;
  border-width:thin; 
  border-color: orange;
  border-style: solid;
  text-align: left;
  vertical-align:top;
}

.specialsessionsConvener{
  width:25%;
  border-width:thin; 
  border-color: orange;
  border-style: solid;
  text-align: left;
  vertical-align:top;
}
/*********************************
Titellabel
*********************************/
div.titellabellinks
{
  float:left; 
  width:120px;
  
  /*druckparameter*/
  display:none;
}

/********************************
Session-Overview Tabelle
********************************/
.program-overview tr
{
   font-size: 11px;
   line-height: 1.0em;
   text-align:justify;
   vertical-align:top;
   
          
}

.program-overview th
{
   font-size: 14px;
   line-height: 1.0em;
   text-align:center;
   background-color: #041943;
   color: white;
   
          
}

.program-overview td
{
  padding: 3px;
}

.program-overview .session-nr
{
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}
.program-overview .session-title
{
  font-size: 12px;
  font-style: italic;
  color: red;
}

.program-overview .session-title-header
{
  font-size: 12px;
  font-weight: bold;
}
.program-overview .convenors-header
{
  font-size: 12px;
  font-weight: bold;
}
.program-overview .convenors-email
{
  font-size: 11px;
  font-style: italic;
}

.program-overview .summary-link
{
  font-size: 12px;
  text-align: center;
}

.program-overview .summary-link a
{
  text-decoration: none;
}

.program-overview .summary-link a:hover
{
  letter-spacing:0.1em;
  font-weight: bold;
}

/********************************
Meeting Overview Tabelle
********************************/

.meeting-overview
{
  width: 100%;
}
.meeting-overview tr
{
   font-size: 11px;
   line-height: 1.0em;
   text-align:justify;
   vertical-align:top;
   
          
}

.meeting-overview th
{
   font-size: 14px;
   line-height: 1.0em;
   text-align:center;
   background-color: #041943;
   color: white;
   
          
}

.meeting-overview td
{
  padding: 3px;
}

.meeting-overview .session-nr
{
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}
.meeting-overview .session-title
{
  font-size: 12px;
  font-style: italic;
  color: red;
}

.meeting-overview .session-title-header
{
  font-size: 12px;
  font-weight: bold;
}
.meeting-overview .convenors-header
{
  font-size: 12px;
  font-weight: bold;
}
.meeting-overview .convenors-email
{
  font-size: 11px;
  font-style: italic;
}

.meeting-overview .summary-link
{
  font-size: 12px;
  text-align: center;
}

.meeting-overview .summary-link a
{
  text-decoration: none;
}

.meeting-overview .summary-link a:hover
{
  letter-spacing:0.1em;
  font-weight: bold;
}


/********************************
Session Summary Template
********************************/

table.session-summary
{
  width: 820px;
  font-size:14px;
}

table.session-summary th
{
   font-size: 14px;
   line-height: 1.0em;
   text-align:center;
   background-color: #041943;
   color: white;
   
          
}

table.session-summary .session-nr
{
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}

table.session-summary .session-title
{
  font-size: 18px;
  text-align: left;
  font-style: italic;
  width:500px;
}

.download-abstract .absatzcontent3s
{
  text-align: center;
  font-weight: bold;
}

.download-abstract .absatzcontent3s a:hover
{
  letter-spacing: 0.1em;
}

.session-talks
{
  width: 820px;
}
.session-posters
{
  width: 820px;
}

td.session-talk-time{}
td.session-talk-identifier{}
td.session-talk-lecturer{}
td.session-talk-title{}
td.session-poster-identifier{}
td.session-poster-author{}
td.session-poster-title{}