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

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

div.breite {
              width:1024px;
           }

/*Header*/           
div.header{
              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;
              
          }
          
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;
            
        }
/*************************************************************************************************************************/
div.hide
 {
  display:none;
 }

 
/**************************************************************
Navigation Background Colorset 1 
Beginning
**************************************************************/
/*
table.menue
 {
  background-color:#EEEEEE;
  border:1px solid #000000;
  width:1024px;
  margin-left:0px;
 }

table.menue div
 {
  cursor:pointer;
  background-color:#EEEEEE;
 }
*/
/**************************************************************
Navigation Background Colorset 1 
End
**************************************************************/  

/**************************************************************
Navigation Background Colorset 2 
Beginning
**************************************************************/  

table.menue
 {
  background-color:#FFCC00;
  border:1px solid #000000;
  width:1024px;
  margin-left:0px;
 }

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

/**************************************************************
Navigation Background Colorset 2 
End
**************************************************************/      



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 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 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;
           }
          
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-sessions{
              width:820px;
              border:0px;
              padding-left:15px;
              padding-right:15px;
              text-align:justify;
	      font-size: 11px;
              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.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{
  /*display: none;*/
}

img.rbottom{
  /*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{
  width: 100%;
  border: 0px;
  text-align: center;
}


img.sponsors{
  imargin:15px;
  border:0px;
}

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;
  
  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:130px;
 
  
  /*druckparameter*/
  /*display:none;*/
}
/********************************
Session-Overview Tabelle
********************************/

.session-overview
{
  width: 820px;
}
.session-overview th
{
  vertical-align: top;
}

/* veraltet
.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 td
{
  vertical-align: top;
}

.meeting-overview td.meeting-where
{
  width: 20%;
  text-align: center;
}

.meeting-overview td.meeting-convenors
{
  width: 25%;
}


/*
.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;
}

/********************************
Timetable
********************************/

.program-timetable
{
  width: 820px;
  
  
}


.program-timetable .forams2010
{
  background: #b3b3b3;
  color: #ffffff; 
  text-align: center;
}

.program-timetable .border
{
  width:5px;
  background: #b3b3b3;
  text-align: center;
}

.program-timetable .day
{
  background: #000000;
  color: #ffffff; 
  text-align: center;
}

.program-timetable .time
{
  background: #e6e6e6;
  color: #000000; 
  text-align: center;
  width:130px;
  font-style:italic;
}

.program-timetable .time1
{
  height:1em;
}

.program-timetable .time2
{
  height:3em;
}
.program-timetable .time3
{
  height:1em;
}
.program-timetable .time4
{
  height:2em;
}
.program-timetable .time5
{
  height:1em;
}
.program-timetable .time6
{
  height:3em;
}
.program-timetable .time7
{
  height:1em;
}
.program-timetable .time8
{
  height:1em;
}
.program-timetable .time9
{
  height:3em;
}
.program-timetable .time10
{
  height:2em;
}
.program-timetable .time11
{
  height:5em;
}
.program-timetable .time12
{
  height:6em;
}


.program-timetable .keynote
{
  background: #ffff99;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.program-timetable .a1
{
  background: #00ccff;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .a2
{
  background: #66ff66;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .a3
{
  background: #ffcc00;
  text-align: center;
  vertical-align: middle; 

}

.program-timetable .a4
{
  /*background: #ccffff;*/
  background: #5B7F00;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .a5
{
  background: #993366;
  text-align: center;
  vertical-align: middle; 

}


.program-timetable .a6
{
  background: #ff6600;
  text-align: center;
  vertical-align: middle; 
}
.program-timetable .b1
{
  background: #ff99cc;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .b2
{
  /*background: #ccffcc;*/
  background: #FF8040;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .b3
{
  background: #ff00ff;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .b4
{
  background: #00ffff;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .c1
{
  background: #333399;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .c2
{
  background: #ff6600;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .c3
{
  background: #339966;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .c4
{
  background: #6666ff;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .c5
{
  background: #ccffff;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .d1
{
  background: #ffcc99;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .d2
{
  background: #00ff00;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .d3
{
  background: #ff6fcf;
  text-align: center;
  vertical-align: middle; 
}

.program-timetable .d4
{
  background: #ff9900;
  text-align: center;
  vertical-align: middle; 
}



.program-timetable .poster
{
  background: #ffff00;
  text-align: center;
  vertical-align: middle;
  font-weight:bold;
}

.program-timetable .cushman
{
  background: #00ccff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: smaller;
}

.program-timetable .dinner
{
  background: #ff9900;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}

.program-timetable .closingceremony
{
  background: #993366;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  color: #ffffff;
}



.program-timetable .break
{
  background: #e6e6e6;
  text-align: center;
  vertical-align: middle;
  font-size: smaller;
  font-weight: bold;
}



.program-timetable a.white
{
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.1em;
}
.program-timetable a.black:link
{
  color: #000000;
  text-decoration: underline;
  
}

.program-timetable a.black:visited
{
  color: #000000;
  text-decoration: none;
}


.program-timetable a.black:hover
{
  font-weight: bold;
  text-decoration: none;
}


.program-timetable a.white:link
{
  color: #ffffff;
  text-decoration: underline;
  
}

.program-timetable a.white:visited
{
  color: #ffffff;
  text-decoration: none;
}


.program-timetable a.white:hover
{
  font-weight: bold;
  text-decoration: none;
}





/********************************
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{}

.departure-times th
{
  vertical-align:top;
}

.departure-times td
{
  vertical-align:top;
}
.departure-times a
{
  color: #000000;
}

.departure-times td.fieldtrip-no
{
  text-align:center;
  font-size: larger;
  font-weight: bolder;
  
}

table.session-overview td, th
{
  vertical-align: top;
  padding: 5px;
}

/*
Keynote Lectures
*/
.keynote-lectures
{
  width: 100%;
}

.keynote-lectures .col-one
{

}

.keynote-lectures .col-two
{

}

.keynote-lectures .col-three
{
  text-align: right;
}

.keynote-lectures .title
{
  background: #cccccc;
}

.keynote-lectures a
{
  color: black;
  font-style: italic;
}