/*
 * Combined style sheet for the index pages
 */

/* Style for all bodies. */
body
{
    font-family: Trebuchet MS, Lucida Sans, Tahoma, Verdana, Arial, sans-serif;
    font-size: 14px;
    background-color: white;
    color: black;
    margin: 0;
    padding: 94px 0px 35px 0px;
    text-align:center;
}
 div#header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:93px;
  background:white;
 }
 div#middle{
    background:lightblue;
    width:725px;
    margin: 0px auto 0px auto;
    text-align:left;
 }
 div#nojavascript{
    position:absolute;
    top:93px;
    left:0px;
    background:lightblue;
    text-align:justify;
    width:120px;
    padding: 0px 10px 0px 10px;
    color: red;
 }
 div#content{
    background:white;
    text-align:justify;
    margin: 0px 0px 0px 120px;
    padding: 10px 10px 10px 10px;
 }
 div#footer{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:35px;
  background:white;
 }
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#footer{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 }
 * html div#middle{
  height:100%;
  overflow:auto;
 }



/* Paragraph indent */
p
{
  text-indent: 2em;
  margin-top: 1em;
  margin-bottom: 0em;
  line-height : 20px;
}

/* image border (if it has one) */
img {   border-color: #5f5f5f; }

/* Custom link styles */
a:active
{
    text-decoration: none;
    color: red;
}
a:visited
{
    text-decoration: none;
    color: #009900;
}
a:hover
{
    text-decoration: underline;
    color: #FFCC00;
}
a:link
{
    text-decoration: none;
    color: blue;
}

/* special style for links in menus */
a.menu:visited
{
    text-decoration: none;
    color: blue;
}
a.menu:hover
{
    text-decoration: none;
    color: red;
    font-weight:bold
}
/* special style for links in footnote */
a.footnote:visited
{
    text-decoration: none;
    color: blue;
}
a.footnote:hover
{
    text-decoration: none;
    color: red;
}

/* Size and Font weight of Headers */
h1
{
    font-size: 20px;
    font-weight: bold;
}

h2
{
    font-size: 18px;
    font-weight: bold;
}

h3
{
    font-size: 16px;
    font-weight: bold;
}

h4
{
    font-size: 14px;
    font-weight: bold;
}


/* tables defined with class="header,menu,submenu,quickmenu,quicklinks or footer" */
/* tables defined with class="submenu,quickmenu and quicklinks" are hidden at first */


table.header
{
    font-size:22px;
    background:white;
    text-align:left;
    color:black;
}

table.menu
{
    font-size:17px;
    background:white;
    text-align:left;
    color:blue
}

table.submenu
{
    font-size:15px;
    position:absolute;
    visibility:hidden;
    background:white;
    text-align:left;
}

table.leftmenu
{
    font-size:14px;
    position:absolute;
    visibility:hidden;
    background:white;
    text-align:justify;
}

table.quicklinks
{
    font-size:11px;
    position:absolute;
    text-align:left;
    line-height : 10px;
    background:lightblue;
}


table.footer
{
    font-size:11px;
    text-align:left;
    color:black;
    line-height : 15px;
    background:lightblue;
}

/* to make sure list of publications has line-height same as in paragraphs */

table.publications
{
    font-family: Trebuchet MS, Lucida Sans, Tahoma, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height : 20px;
    text-align:justify;
    color:black;
    background:white;
}

/* to make sure list of comments has line-height same as in paragraphs */

table.comments
{
    font-family: Trebuchet MS, Lucida Sans, Tahoma, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height : 20px;
    text-align:justify;
    color:black;
    background:white;
}

table.appointments
{
    font-family: Trebuchet MS, Lucida Sans, Tahoma, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height : 20px;
    text-align:justify;
    color:black;
    background:white;
}

table.commentform
{
    font-family: Trebuchet MS, Lucida Sans, Tahoma, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height : 20px;
    text-align:justify;
    color:black;
    background:#EEEEEE;
}



/* any table data (td) with class="header,menu,submenu,leftmenu or footer" have specific color */

td.header
{
    background:lightblue
}

td.menu
{
    background:lightblue
}

td.submenu
{
    background:lightblue
}

td.leftmenu
{
    background:lightblue
}

td.body
{
    font-size:14px;
    text-align:justify;
    color:black;
    background:white;
}

td.imgcaption
{
    font-size:11px;
    text-align:center;
    color:grey;
    background:white;
}


td.footer
{
    background:lightblue
}

/* for scolling news ticker. */
/* when changing dimensions, you also have to change the same numbers in the javascript functions in each HTML file! */

span#display{
font-size:11px;
position:absolute;
text-align:left;
line-height : 10px;
background:lightblue;
width:110;
height:950;
clip:rect(0 110 700 0);
}

/* span environment for white space right after anchor names */
/* example: <a name="SICL"></a><span class="whitespace"><br></span> */
/* this is needed to avoid anchor dissapearing behind the header */

span.whitespace{
    line-height : 90px;
}

/* to make sure line-height is the same as in paragraphs */

ul
{
    font-family: Trebuchet MS, Lucida Sans, Tahoma, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height : 20px;
}