/***********************************************/
/* research_style.css                             */
/* Use with research pages          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

/* Mass Reset
----------------------------------------------- */

body, h4, ul, ol, dl, li, dd, dt, table, td, th, tr,
form {
	margin: 0;
	padding: 0;
}

html,
body
{
	cursor:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
}

#container
{
	position: relative;
	width: 900px;
	margin: 10px auto 10px auto;
	padding: 0px 10px 0px 10px;
	border: 0px solid #CCCCCC;
	text-align: left;
}

#header {
	position:relative;
	width:900px;
	height:200px;
	margin: 5px 0px 5px 0px;
}

#headline_1 {
	position: relative;
	float:left;
	width:400px;
	height:25px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}

#menu {
     position: relative;
     float:left;
     width:900px;
     padding-top:0px;
 	 margin-left:auto;
	 margin-right:auto;
	 margin-top:0px;
	 cursor:pointer;
	 z-index:100;
 }


#footer
{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	width:900px;
	border-top: 1px solid #CCCCCC;
	padding-top: 20px;
	padding-bottom:20px;
	margin-top:20px;
}

#block_1 {
position: relative;
float:left;
width:900px;
padding-top:10px;
margin-top:0px;
border-top:1px solid #FFFFFF;
z-index:0;
}

#block_2 {
position: relative;
float:left;
width:900px;
border-top: 1px solid #CCCCCC;
z-index:0;
}

.column_1 {
position: relative;
float:left;
width:570px;
/* margin-top:10px; */
padding:0px 10px 10px 5px;
border-right: 1px solid #CCCCCC;
}

.column_2 {
position: relative;
float:left;
width:298px;
/* margin-top:10px; */
padding:0px 5px 10px 10px;
}

.column_3 {
position: relative;
float:left;
width:439px;
margin-top:10px;
padding:0px 5px 10px 5px;
border-right: 1px solid #CCCCCC;
}

.column_4 {
position: relative;
float:left;
width:439px;
margin-top:10px;
padding:0px 5px 10px 5px;
}

#block_head {
position: relative;
float:left;
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-top:0px;
padding-left:5px;
margin-top:80px;
background-color:#FFFFFF;
}

a {
	cursor:pointer;
	text-decoration:none;
	padding-bottom:4px;
	color:#FF0000;
	font-weight:bold;
}

#block_head a {
	cursor:pointer;
	text-decoration:underline;
	padding-bottom:2px;
	color:#000000;
	font-weight:bold;
	background-color:#FFFFFF;
}

#block_head a:hover {
	background-color:#FFFFFF;
}

p {
	margin:0px;
	letter-spacing:0px;
	text-align:justify;
}
a:hover {
	color: #CCCCCC;
}


h1 {
	margin:10px 5px 20px 6px;
	font-size:24px;
	letter-spacing:0px;
	font-family:arial;
	color: #000000;
	padding-top:5px;
	padding-bottom:6px;
	border-bottom:1px solid #CCCCCC;
}

h2 {
	margin:5px 5px 5px 6px;
	font-size:14px;
	letter-spacing:0px;
	font-family:arial;
	color:#000000;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}

h3 {
	margin:5px 5px 5px 6px;
	font-size:14px;
	letter-spacing:0px;
	font-family:arial;
	color: #000000;
	padding-top:5px;
	padding-bottom:5px;
}

h4 {
	margin:5px 5px 5px 6px;
	font-size:14px;
	letter-spacing:0px;
	font-family:arial;
	color: #993300;
	padding-top:10px;
	padding-bottom:5px;
	border-top:1px solid #CCCCCC;
}

h5 {
	margin:5px 5px 5px 6px;
	font-size:14px;
	letter-spacing:0px;
	font-family:arial;
	color:#993300;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}

.dropcap {
float:left;
color:#CCCCCC;
font-size:56px;
line-height:40px;
padding-top:2px;
padding-right:8px;

} 

.centeredImage {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

.floatleft {
	float:left;
	padding-top:5px; 
	padding-left:0px;
	padding-right:10px;
}

.floatright {
	float:right; 
	padding-left:10px;
	padding-right:0px;
}

.lijn {
	width:auto;
	padding:0px 10px 0px 10px;
	border-top: 1px solid #CCCCCC;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
font-family:Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 list-style: none;
 font-size:12px;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 2em; /* I'm using ems rather than px to allow people to zoom their font */
 left: 0px;
 /*width: 200px;*/
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -2px;
 left: 224px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	position: relative;
	background-color: #FFFFFF;
	/*margin-right: -1px;*/
 margin: 1px;
	width:110px;
	color: #FFFFFF;

}

.menulist li.wide {
	width:116px;
	margin-right:0px;
}

.menulist li.left {
	margin-left:0px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-left: 0px;
 margin-bottom: 0px;
 margin-top:2px;
 width:222px;
font-size:11px;
background-color:#FFFFFF;
/*border: 1px solid #DFDFDF;*/
}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
 display: block;
 color: #000;
 text-decoration: none;
    text-align:left; 
  	padding:3px 10px;
  	font-weight:bold;
}

.menulist a.black {background:#000000; color:#FFFFFF}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #FF0000;
}
.menulist  a.highlighted {
 color: #FFF;
 background-color: #000;
}

.menulist a.sub:hover {
	color: #000000;
	background-color: #FFFF00;
 font-weight: bold;
}

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */
.style2gris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #CCCCCC;
}
.Style3-large {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 22px;
}
.style2parag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
.test {
	color: #FFFFFF;
	background-color: #FF0000;
}
.test2 {
	color: #FFFFFF;
	background-color: #0000FF;
	font-weight: bold;
}
.test3 {
	color: #000000;
	background-color: #FFFF00;
	font-weight: normal;
}
.paragLarge {
	line-height: 20px;
}
.Style38 {
	font-size: 24px;
}