/* layout.css */
/* 1. General Stuff: body and links */

body { 
  font-family:sans-serif,Arial,Verdana,helvetica,lucida;
}

:link, :visited, a:hover, a:focus {text-decoration:none; }

/* This is really cool but works only for Netscape >=6/Mozilla:
a.german:after {
  content:" "url(/layout/images/german-link.gif);
  border:0px;
}
a.german img {
  border:0px;
}
a.german { font-style:italic; }
*/

/* 2. Logo and Base Links */ 
td.tophead {
  text-align:center;
  font-weight:bold;
}
td.baselinks {
  padding:2px;
}
a.baselinks {
  text-decoration:none;
  font-weight:bold;
}
td.logo, td.logo *, td.logo a:hover{
  text-decoration:none;
}
/* 3. L1-Menu */
tr.l1menu {
  /* font-size:small; */
  padding-left:0px;
  padding-right:0px;
}
td.menu1selected, tr.l1menu td.menu1selected {
  background-color:#006696;
  color:#ffffff;
}
a.menu1selected, a.menu1selected:hover, a.menu1selected:visited {
  text-decoration:none;
  color:#ffffff;
}
td.menu1selected a:hover{
  text-decoration:none;
  color:#ffffff;
}
td.menu1selected * span.menu1selected {
  text-decoration:none;
  color:#ffffff;
  font-weight:bold;
}

/* 4. L2-Menu */
p.l2menul1label {
  font-weight:bold;
  font-size:large;
}
a.menu2entry {
  padding-left:0px;
  text-decoration:none;
}
td.leftbottomimage {
  background-image:url(/layout/images/left-bottom.jpg);
  background-repeat:repeat-x;
}
td.maincontent {
  padding-top:1em;
}
tr.menu2selected {
  font-weight:bold;
}
td.menu2selected {
  background-image:url(/layout/images/down-right-arrow.gif);
  background-repeat:no-repeat;
}
tr.menu2selected *, tr.menu2selected a.menu2entry:hover {
  background-color:transparent;
  text-decoration:none;
  color:#00344c;
}

/* 5. headings */ 

h1 { 
  text-align:center; 
  font-size:x-large;
  font-variant:small-caps;
}
h2 { 
  font-size:large;
  border-top-width:1px;
  border-top-style:solid;
  padding-top:2px;
  border-left-width:1px;
  border-left-style:solid;
  padding-left:0.5em;
  margin-top:3ex;
}

h3 { 
  /* normal font size */
}

/* 6. Logical Text Markup */
/* In most cases, we like justified paragraphs: */
/*p            { text-align:justify; }*/
em           { font-weight:bold; }
code,kbd     { font-family:monospace,"Courier New",Courier;
               font-weight:bold;}
pre          { font-family:monospace,"Courier New",Courier;
               font-weight:bold;
               background-color:#e8e8e8;
               white-space:pre;
               border-left:1px solid #00527b;
               border-right:1px solid #00527b;
               border-top:1px solid #00527b;
               border-bottom:1px solid #00527b;
               padding:1em
}
var          { font-style:normal; }


dl { margin-left:8px; }
dt { 
  font-weight:bold; /* This doesn't work with Netscape 4.x: */ 
  margin-top:1ex;
}
address {
  margin-top:1em;
  text-align:right; 
  font-size:small;
  font-style:italic;
}

/* 7. Tables */
/* Just for testing purposes, if you want to see table borders:
th, td {
  border:1px solid #000000;
}
/* */

/* Order is important! Blind tables tend to be outer tables, so
  define them first.
 */ 

table.blind th, table.blind td {
  border-style:none;
  padding-left:10px;
  padding-right:10px;
  padding-top:0px;
  padding-bottom:0px;
}

/* a more specific table layout for generic tables: */
table.wias {
  border-width:1px;
  border-style:solid;
  border-spacing:1px;
}
table.wias th {
  padding:2px;
  border-bottom-width:1px;
  border-bottom-style:solid;
}
table.wias td {
  padding:4px;
}

/* portlets */
table.portlet {
  border-spacing:0px;
  border-width:1px;
  border-style:solid;
}
table.portlet th {
  padding:3px;
  padding-left:6px;
  border-bottom-width:1px;
  border-bottom-style:solid;
  text-align:left;
  font-weight:bold;
}  
table.portlet td {
  padding:4px;
}
table.portlet p {
  text-align:left;
}

/* two-column layout for two languages: */
table.twolang {
  width:100%;
}
table.twolang tr {
  vertical-align:top;
}
table.twolang td {
  vertical-align:top;
  padding:2px;
  padding-right:1em;
  width:50%;
}

/* 8. Miscellaneous */  
div.switchlang {
    text-align:right;
}



/* to be splitted between layout.css and color.css here */
/* color.css */
/* 1. General Stuff */
body {
  color:#000000;
  background-color:#ffffff;
}
:link           {color:#00527B; }
:visited	{color:#00527B; }
a:hover         {color:#000000; background-color:#cccccc; }

/* 2. Logo and Base Links */ 
td.tophead {
  background-color:#ffffff;
  color:#00527b;
}
td.logo {
  background-color:#e4e8e8;
}
tr.baselinks {
  color:#00527b;
  background-color:#e4e8e8;
}
td.baselinks {
  background-color:#e4e8e8;
  color:#00527b;
}
a.baselinks {
  color:#00527b;
}
a.baselinks, a.baselinks:visited {
  background-color:transparent;    /* inherit does not work with MSIE */
  text-decoration:none;
  color:#00527b;
}
a.baselinks:hover {
  background-color:transparent;    /* inherit does not work with MSIE */
  text-decoration:underline;
  color:#000000;
}
td.logo *, td.logo a:hover{
  background-color:#e4e8e8;
}

/* 3. L1-Menu */
tr.l1menu td {
  background-color:#aaccdb;
  border-collapse:collapse;
}
tr.l1menu * {
  color:#00344c;
  text-decoration:none;
  font-weight:bold;
} 
/* some MSIE-versions need to have this specified for 'visited'
   specifically */  
tr.l1menu a, tr.l1menu a:visited {
  background-color:transparent;
  text-decoration:none;
  padding-top:3px;
  padding-bottom:3px;
}
tr.l1menu a:hover {
  color:#000000;
  background-color:transparent;
  text-decoration:underline;
  padding-top:3px;
  padding-bottom:3px;
}

/* this is just for NS4: */
a.menu1about {
  color:#00344c;
  text-decoration:none;
}
a.menu1contact {
  color:#00344c;
  text-decoration:none;
}
a.menu1research {
  color:#00344c;
  text-decoration:none;
}
a.menu1products {
  color:#00344c;
  text-decoration:none;
}
a.menu1publications {
  color:#00344c;
  text-decoration:none;
}
a.menu1events {
  color:#00344c;
  text-decoration:none;
}
a.menu1jobs {
  color:#00344c;
  text-decoration:none;
}
a.menu1services {
  color:#00344c;
  text-decoration:none;
}
/* end of NS4 workaround */
a.menu1selected, a.menu1selected:hover, a.menu1selected:visited {
  text-decoration:none;
  color:#ffffff;
}

  
/* 4. L2-Menu */

td.l2menu {
  background-color:#e4e8e8;
  color:#00344c;
  text-align: left;
}
a.menu2entry, a.menu2entry:visited {
  color:#00344c;
  text-decoration:none;
}
a.menu2entry:hover {
  background-color:transparent;
  color:#000000;
  text-decoration:underline;
}
td.l2menul1label, td.l2menul1label a:visited, td.l2menul1label a:link , td.l2menul1label a:hover {
  background-color:#006696;
  color:#ffffff;
  text-decoration:none;
}
td.leftbottomimage {
  background-color:#ffffff;
}

/* 5. headings */

h1 { color:#00344c; } 
h2 { color:#00527b;
     border-bottom-color:#00344c;
     border-left-color:#00344c;
}
h3, h4, h5, h6 { color:#327495; }


/* 6. Logical Text Markup */

pre,code,kbd { color:#00527b; }
var          { color:#aa3300; } 


/* 7. Tables */

table.wias {
  border-color:#000000;
}
table.wias th, table.wias th a {
  background-color:#327495;
  color:#ffffff;
  border-bottom-color:#000000;
}
table.wias td {
  background-color:#e4edf1;
}
table.wias td * {
  background-color:inherit;
}

table.portlet {
  border-color:#000000;
}
table.portlet th {
  background-color:#aaccdb;
  border-bottom-color:#000000;
}  
table.portlet td {
  background-color:#e4edf1;
}
table.portlet * {
  background-color:inherit;
}

@media print {
table.tophead tbody tr.baselinks, table.tophead tbody tr.level1menu, table.tophead tbody tr.footer,
table.tophead tbody tr td.l2menu, div.switchlang, table tbody tr td table.left, td.vclinks, tr.stafflistnavi {
	display:none;
}
*:link, *:visited, :hover, h1, h2, h3 {
	text-decoration:none;
	color:#000000;
}
}