/*

    CSS style sheet written for DDC site
    by A. Henneman on Fri Oct 15 13:20:50 MEST 2004

*/

TABLE { display: table; 
   font-family: Tahoma;
   color: #000000;
	line-height: 18px;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: regular;
	 
	}
	
TABLE { border-spacing: 0px; }
BODY  {	font-family: Tahoma;}

.tablestyle {
background: white;
border: 2px solid #000000; }
.tablestyle2 {
	background: #C5FF71;
	border: 2px solid #F25613;
}

/* This is used for the mutual links in the research pages */

TABLE.link-loop {background-color: #F7D4D4}

/* Font for top banner title */

H1.tb {
	font-size: 24pt;
	font-weight: bold;
	color: #ffffff;
	font-family: Tahoma;
	letter-spacing: 3px;
}

/* This header is used for the news in home.html */

H3.section {
	font-size: 11pt;
	color: #000000;
	text-weight: bold;
	text-align: center;
	font-family: "Trebuchet MS";
	letter-spacing: 1px;
}

H2 {
	font-size: 14pt;
	color: #000000;
	text-weight: bold;
	font-family: "Trebuchet MS";
	letter-spacing: 1px;
}
/* This one is now blue in facilities */

H3.itemheader {font-size: 11pt; color: slateblue ; text-weight: bolder ; text-align:left}

/* The fields in the table with the news events */

TD.date {
	background-color: #FFFFFF;
	color: #F25613;
	vertical-align: top;
	font-family: Tahoma;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
}
TD.event {
	background-color: #FFFFFF;
	vertical-align: top;
	font-family: Tahoma;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 16px;
}

/* Size og logo's at the bottom of home page */

IMG.hlogo { height:50pt; width:50pt}

/* Properties of the modification date line  at the bottom of the 
   page */

P.moddate { font-size: 10pt; color:indianred; text-align:right }

/* This is the color of top banner */

TD.tb {
	background-color: #F25613;
	vertical-align: middle;
	text-align: center;
}

/* This is the color of the navigation bar */

TD.nm {
	background-color: #43C11E;
}

/* This one determines the vertical spacing among
   navigation elements */

TABLE.nm {line-height:25px}

/* the overlap dimensions of the two reclangles */

/* met overlap
IMG.spacer-pic {width:20px;height:10px}
 nu  zonder overlap ? letop: banner-pic hoogte is hieraan gekoppeld !!! */
IMG.spacer-pic {width:0px;height:0px}

/* This spacer determines the margin left of
   navigation links and the space beneath it */

IMG.navigation-margin {width:40px ;height : 10px }

/* This one dteremines the white space left
   and beneath the logo */

IMG.logo-margin {width:10px ; height:10px }

/* logo dimensions */

IMG.logo {width:193px;height:81px} 

/* Note that the height of this one should be the sum of the two above 
   and the topbanner navmenu overlapheight + 4 (In order for the picture
   to have exactly te same height as the top banner.)
   The sum of height of: spacer-pic+logo-margin+logo (+4)

   Letop: spacer is nu 0pt geworden !!*/

/* met overlap IMG.bannerpic {height:101px }  
   Dit is zonder */
IMG.bannerpic {height:91px } 

/* left margin of top banner title 
   not used now because of centering */

IMG.tb-leftmargin {width:55px  }

/* Space in top left corner of content */

IMG.content-margin {width:10px ; height:10px }
/* The space between the different research page
   links in the top of te content part */

/* This one is not (?) in use right now */

IMG.research-spacer {width:10px}

/* This is the distance from the last navigation menu
   item and the two logos at the bottom */

IMG.mailskip {height:30px}

/* This determines the color behaviour of the
   navigation menu */

/* These denote the navigation menu entry that is
   the present one.
   No distinction is made between a ne and a vivited link */
	
	

a:link {
    color: #000000; 
	 text-decoration: none;
	 	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}

A.inactive          {
	color: #000000;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}
A.inactive:visited  {
	color: #000000;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}
A.active            {
	color: #000000;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
}
A.active:visited    {color: #000000; text-decoration: none ;
                     font-family: tahoma; font-size:14 px ; letter-spacing: 2px; font-weight:bold }
A.active:hover      {color: #FFFFFF ; text-decoration: none ;
                     font-family: tahoma; font-size:14 px ; letter-spacing: 2px; font-weight:bold}

/* This one is on all navigation menus !! */
A.infomail       {
	color: #000000;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
}
A.infomail:hover {
	color: darkblue;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
}
/* This is the last one on the contact page */
A.sillylink       {
	color:#000000;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
}
A.sillylink:hover {
	color: darkblue;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
}

/* This is one is for the publications shown in several 
   research pages. */

P.publication {font-size: 8pt}

/* This is going to be a central definition for high-lighted text */

FONT.highlight {color:darkslateblue;font-weight:bold}