@charset "utf-8";
/* CSS Document */


/* STYLE */

BODY
{
	background-color: #0095d0;
	margin: 0px;
	padding: 0px;
}

/* CONTAINERS */

#Container

{
  	position: relative;
	width: 1125px;
	height: 600px;
	margin: 0px;
	padding: 0px;
}

#LeftEdge
{
  	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 41px;
	height: 818px; 
	background-image: url(http://www.nlr.nl/images/blocks/leftedge.jpg);
	background-repeat:no-repeat;
}

#Middle
{
  	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	min-height: 818px;
	width: 1041px;
}

#RightEdge
{
  	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 41px;
	height: 818px;
	background-image: url(http://www.nlr.nl/images/blocks/rightedge.jpg);
	background-repeat:no-repeat;
}

/* MIDDLE DIVS */

#Header
{
  	position: relative;
	min-height: 100px;
	height: 100px;
	width: 100%;
	background-image: url(/eCache/DEF/11/436.bD1lbiZsYW5nPWVu.jpg);
	background-repeat:no-repeat;
}

#HeaderButtons
{
	position: relative;
	float: left;
}

#HeaderLogo
{
	position: relative; 
	float: right; 
	width: 55px; 
	height: 65px; 
	margin-top: 15px; 
	margin-right: 30px; 
	cursor: hand;
}

#HeaderText
{
	position: relative;
	float: right;
	margin-right: -120px;
}

#Menu
{
	position: relative;
	top: 0px;
	right: 0px;
  	margin: 0px;
  	height: 27px;
  	width: 100%;
  	background-color: #727272;
	z-index: 10000;
}

#Content
{
  position: relative;
  text-align: left;
  height: 620px;
}

#Footer
{
	text-align: right;
	position: relative;
	background-image: url(http://www.nlr.nl/images/blocks/footer.jpg);
	background-repeat:no-repeat;
	width: 100%;
	height: 75px;
	border-bottom: 1px solid #000000;
}

#FooterBanner
{
	display:none;

}

#CrumbPath
{
	position: relative;
	width: 794px;
  	background-color: #FFFFFF; 
}


/* HOME DIVS */

#HomeContent1
{
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 432px;
	width: 100%;
	background-color: #e3e3e3;
}

#HomeFlashMenu
{
	float: left;
	position: relative;
	height: 432px;
	width: 833px;
	background-color: #e3e3e3;
}

#HomeContent2
{
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	width: 100%;
	min-height: 200px;
  	background-color: #cccccc;
}

#HomePicture
{
	float: left;
	position: relative;
	height: 179px;
	width: 198px;
	margin-left: 10px;
	_margin-left: 5px; /* ONLY READ BY IE6 */
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #D7DEE2;
}

#HomeNews
{
	float: left;
	position: relative;
	height: 179px;
	width: 603px;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #D7DEE2;
	
	background-repeat: no-repeat;
	background-position: bottom;
}

#HomeEvents
{
	float: left;
	position: relative;
	height: 179px;
	width: 603px;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #D7DEE2;
	background-image: url(http://www.nlr.nl/images/blocks/botbox1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#HomeMovie
{
	float: left;
	position: relative;
	height: 179px;
	width: 203px;
	margin-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #D7DEE2;
	
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
}


.HomeContent2_Title
{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 24px;
	background-color:#ececec;
}

.HomeContent2_Content
{
	position: relative;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:15px;
	padding-right: 15px;
	background-image: url(http://www.nlr.nl/images/blocks/grad.jpg);
	background-repeat:no-repeat;
}

.HomeContent2_Content_Item_Title
{
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 100%;
}



.HomeContent2_Content_Item_Text
{
	position: relative;
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}

.HomeContent2_Content_Item_ReadMore
{
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
}

/* DEPARTMENT DIVS */

#ContentDepartment
{
  	position: relative;
  	text-align: left;
  	height: 576px;
 	 _height: 577px;
	background-color: #FFFFFF;
}

#DepartmentNav
{
	position: relative;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 231px;
	height: 100%;
  	background-color: #F3F3F3;
	border-right: 1px solid #b1b1b1;
}

#DepartmentContent
{
	float: left;
	position: relative;
	width: 809px;
	height: 100%;
  	background-color: #FFFFFF;
}

#DepartmentText
{
	position: relative;
	width: 739px;
	height: 527px;
	overflow-y: auto;
	overflow-x: hidden;
}



#DepartmentBR
{
	position: relative;
	height: 10px;
	width: 100%;
	background-color: #cccccc;
}

#HomepageBR
{
	position: relative;
	height: 20px;
	width: 100%;
	background-color: #cccccc;
}

#HomepageBR2
{
	position: relative;
	height: 100px;
	width: 100%;
	background-color: red;
}

/* NEWS DIVS  */


#NewsOverview
{
	position: relative;
	width: 809px;
	height: 501px;
	_height: 500px;
	overflow-y: auto;
}

#NewsArchiveButton
{
	position: relative;
	width: 130px;
	height: 20px;
	_height: 19px;
}

#NewsArchive
{
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	width: 799px;
	height: 530px;
	overflow-y: auto;
	_height: 500px;
}


.NewsItem
{
	position: relative;
	width: 774px;
	margin-top: 20px;
}

.NewsItemHeader
{
	position: relative;
	width: 774px;
	height: 25px;
}

.NewsItemDate
{
	position: relative;
	float: left;
	width: 120px;
	margin-right: 10px;
	height: 25px;
	background-color: #e7a858;
}

.NewsItemTitle
{
	position: relative;
	float: left;
	width: 550px;
	height: 25px;
	background-color: #e7e8ea;
	border-right: 1px solid #FFFFFF;
}

.NewsArchiveItemDate
{
	position: relative;
	float: left;
	width: 120px;
	margin-right: 10px;
	height: 25px;
	background-color: #e7a858;
}

.NewsArchiveItemTitle
{
	position: relative;
	float: left;
	width: 550px;
	height: 25px;
	background-color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.NewsItemReadMore
{
	
	position: relative;
	float: right;
	width: 90px;
	height: 25px;
}

.NewsItemText
{
	position: relative;
	width: 545px;
	padding-top: 10px;
	padding-left: 135px;
}

/* VACANCY DIVS */

#VacancyOverview
{
	position:relative;
	width: 809px;
	height:473px; /* Let op de size van de vacancyimages (!) */
  	_height: 473px;	
	overflow-y:auto;
}

.VacancyImages
{
	position: relative;
	background-image:url(http://www.nlr.nl/images/blocks/vacancyPic.jpg);
background-repeat: no-repeat;
	margin-top: 20px;
	width:auto;
	height:68px;
	
}

.VacancyItem
{
	position: relative;
	width: 774px;
	margin-top: 20px;	
}

.VacancyItemHeader
{
	position: relative;
	width: 774px;
	height: 25px;
}

.VacancyItemDate
{
	position: relative;
	float: left;
	width: 130px;
	height: 25px;
	background-color: #7bc4e4;
}

.VacancyItemTitle
{
	position: relative;
	background-color: #E7E8EA;
	float: left;
	margin-left: 10px;
	width: 510px;
	min-height: 25px;
}

.VacancyItemReadMore
{
	position: relative;
	float: right;
	width: 123px;
	height: 25px;	
	border-bottom: solid 1px #E7E8EA;
	border-right: solid 1px #E7E8EA;
}

.VacancyItemText
{	
	margin-left: 10px;
	position: relative;
	width: 500px;
	padding-top: 10px;
	padding-left: 135px;
}

.VacancyFunctionTitle
{
	position: relative;
	width: auto;
	padding-top: 20px;
	padding-left: 25px;
	clear:both;

}

.VacancyFunctionScrollbar
{
	position:relative;
	width:809px;
	height:390px;
	float:left;
	overflow-y:auto;
	overflow-x:hidden;
}



.VacancyFunctionSummary
{
	position: relative;
	width: 761px;	
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 10px;
	clear:left;
}



.VacancyFunctionRequirements
{
	position: relative;
	background-color:#EFEFEF;
	padding-top:10px;
	padding-left: 20px;
	width: 791px;
	height: auto;
	
	clear:left;
}

.VacancyFunctionContact
{
	position: relative;
	width: 750px;	
	height: 90px;
	
	
}
.VacancyFunctionLeft
{
	position: relative;
	width: 500px;	
	height: 70px;	
	float:left;
	padding-top:20px;
	padding-left:10px;
	
}
.VacancyFunctionRight
{	position: relative;
	width:180px;
	height:50px;
	
	float:right;
	text-align:right;
	padding-top:40px;
	padding-right:40px;
	
}

/*Vacancy Form */

#VacancyForm
{	
	position:relative;
	width: 807px;
	height: 540px;
	
	overflow-y: auto;
}

.VacancyFormBox
{	
	position:relative;
	width: 600px;
	height: 30px;
	clear: right;
}

.VacancyButtonBox
{	
	position:relative;
	margin-top: 75px;
	padding-left: 60px;
	width: 600px;
	height: 40px;
}

.radiobutton
{	
	position:relative;
	width:20px;
	height: 20px;
	padding: 0px;
	float: left;
}

.radiobuttonVacancy
{
	position:relative;
	margin-left: 125px;
	width: 150px;
	height: 20px;
	font-size: 12px;
	font-family: verdana;
	float: left;
	color:#597799;
	clear:right;

}

.radiobuttonContact
{
	position:relative;
	margin-left: 25px;
	width: 150px;
	height: 20px;
	font-size: 12px;
	font-family: verdana;
	float: left;
	color: #484848;
	clear:right;

}

.VacancyFormField
{
	position:relative;
	width: auto;
	height: 25px;	
	float: left;
	margin-left: 29px;
}



.VacancyFormName
{
	position:relative;
	width: 100px;
	height: 19px;
	margin-left: 10px;
	float:left;
	text-align:right;
	padding: 3px;
}

.VacancyFormContact
{
	position:relative;
	width: 120px;
	height: 19px;
	margin-left: 10px;
	float:left;
	text-align:right;
	padding: 3px;

}

.VacancyFormTextarea
{
	position: relative;
	margin-left: 28px;
	width: 400px;
	height: 100px;
	overflow-x:hidden;
	overflow-y:hidden;
	float: left;
	color:#597799;

}

.TextFieldLong
{
	position:relative;
	width: 400px;
	height: 20px;
	margin-left:28px;
	font-size: 12px;
	font-family: verdana;	
	float:left;
	color:#597799;
}

.TextFieldMiddle
{
	position:relative;
	width: 133px;
	height: 20px;
	margin-left:28px;
	font-size: 12px;
	font-family: verdana;
	float:left;
	color:#597799;

}

.TextFieldSelect
{
	position:relative;
	width: 133px;
	height: 20px;
	margin-left:28px;
	font-size: 12px;
	font-family: verdana;
	float:left;
	color:#597799;
	
}

.TextFieldShort
{
	position:relative;
	width: 50px;
	height: 20px;
	margin-left:28px;
	font-size: 12px;
	font-family: verdana;
	float: left;
	color:#597799;

}


.TextFieldFile
{
	position:relative;
	width:410px;
	height: 25px;
	margin-left:28px;
	font-size: 12px;
	font-family: verdana;
	float: left;
	color:#597799;
}

/*Contact Form */


#ContactForm
{	
	position:relative;
	width: 722px;
	height: 500px;	
}

.ContactHeader
{	
	margin: 0px;	
	position:relative;
	width: 722px;
	height: auto;		
}

.ContactProperties
{
	margin-left: 0px;
	position: relative;
	width: auto;
	height: 150px;
	padding: 0px;	
}

.ContactBody
{
	margin: 0px;
	position:relative;
	width: 722px;
	height:auto;	
}

.ContactBox
{
	margin: 0px;
	position:relative;
	width: 722px;
	height:30px;	
	clear:right;

}

.ContactFormNameField
{
	position:relative;
	width: 100px;
	height: 19px;
	margin-left: 10px;
	float:left;
	text-align:right;
	padding: 3px;
}


.ContactFormButtonField
{
	padding-left: 83px;
	position:relative;
	width:67px;
	height:30px;
	float:left;	
}

.ContactFormCompulsoryField
{
	position:relative;
	margin: 0px;
	width:150px;
	height:30px;
	float:left;
}

.ContactFormFieldLong
{
	margin-left: 30px;
	position:relative;
	width:400px;
	height:20px;	
	clear:right;
	font-family: verdana;	
	font-size: 12px;
	color:#597799;
	
}

.ContactFormTextarea
{
	margin-left: 30px;
	position:relative;
	width:400px;
	height:100px;
	font-family: verdana;	
	font-size: 12px;
	color:#597799;
	overflow:auto;
}

/* Events Form */

#EventContent
{
	float: left;
	position: relative;
	width: 1041px;
	height: 545px;
  	background-color: #FFFFFF;
	overflow-y:auto;
	overflow-x:hidden;
}

.Event
{
	margin-top: 10px;
	position: relative;
	width: 1022px;
	height: 185px;
	border: solid 1px #949899;	
}

.eventDate
{
	position: relative;	
	width: 110px;
	height: 170px;
	padding-top: 15px;
	background-color:#E1A863;
	text-align: center;	
	float: left;
}


.eventImage
{
	position: relative;
	width: 185px;
	height: 185px;
	float: left;
	horizontal-align: center;
}


.eventDescription
{
	position: relative;
	width: 725px;
	height: 185px;	
	float: left;

}

.eventTitle
{
	position: relative;
	width:727px;
	height: 25px;	
	background-color:#E2E3E5;		
	float:left;

}

.eventContent
{
	position: relative;
	width: auto;
	height:155px;		
}

/* Events */

#CrumbPathEvents
{
	position: relative;
	width: 1026px;
	height: 30px;
  	background-color: #FFFFFF; 
}

#ContentDepartmentEvents
{
  	position: relative;
  	text-align: left;
  	height: 576px;
  	_height: 549px;
}


#DepartmentContentEvents
{
	float: left;
	position: relative;
	width: 1041px;
	height: 100%;
  	background-color: #FFFFFF;
}

#MenuSearchBox
{
	position:relative;
	margin: 0px;
	padding: 0px;
   	height: 27px;
    	width: 208px;
	float:right;
	background-color:#727272;
}

/* Search */

#Search
{
	position: relative;
	width: 876px;
	height: 554px;
	background-color:#FFFFFF;
	padding-left: 100px;
	padding-right: 50px;
	overflow-y: auto;
	
}

/* Publication */
#PublicationOverview
{
	position: relative;
	width: 809px;
	height: 500px;
	overflow-y: auto;
}


#Publication
{
	position: relative;
	width: 788px;
	height: 150px;
}

.PublicationHeader
{
	position: relative;
	width: 788px;
	height: 25px;
	float:left;	
}

.PublicationBox
{
	position: relative;
	width:125px;
	height: 25px;
	background-color: #E2E3E5;
	float:left;
}

.PublicationTitle
{
	width: 655px;
	height: 25px;
	background-color: #EEEFF1;
	float: right;
}
.PublicationImage
{
	width:125px;
	height:125px;
	float: left;
	background-color: #FFFFFF;
}

.PublicationContent
{
	width:655px;
	height:125px;
	float: right;
}

#CrumbPathPublicationOverview
{
	position: relative;
	width: 794px;
	height: 50px;
  	background-color: #FFFFFF; 
}