html, body, div, fieldset, form, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, hr { margin: 0; padding: 0; }
body { background: #f1f1ef url(../images/css/back_white.gif) repeat-y top center; font-family: Verdana, sans-serif; font-size: 70%; overflow-y: scroll; }
body.column { background-image: url(../images/css/back_column.gif); }
body.columnright { background-image: url(../images/css/back_columnright.gif); }
label { cursor: pointer; }
*>label { cursor: default; }
label[for] { cursor: pointer; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
a, a:link, a:visited { color: #d80a0a; }
a img{ border:0px;}

.searchbutton{ background-image: url(../images/css/ok.gif);width:21px;height:15px;border:0px; }
.searchagainbutton{ background-image: url(../images/css/submit.gif);width:68px;height:15px;border:0px; }
.LogonFormSubmitButton{ background-image: url(../images/css/bt_login.gif);width:68px;height:15px;border:0px; }
.LogonFormErrorLabel {color: #f00; font-weight: bold;margin-left:20px; }

#container { width: 994px; margin: 0 auto; }

#header { height: 150px; background: url(../images/css/topimage_home.jpg) no-repeat top left; font-size: 11px; }
.MenuHome #header { height: 150px; background: url(../images/css/topimage_home.jpg) no-repeat top left; font-size: 11px; }
.MenuGenomicsCentres #header { height: 150px; background: url(../images/css/topimage_home.jpg) no-repeat top left; font-size: 11px; }
.MenuValorisation #header { height: 150px; background: url(../images/css/topimage_valorisation.jpg) no-repeat top left; font-size: 11px; }
.MenuGenomicsInSociety #header { height: 150px; background: url(../images/css/topimage_society.jpg) no-repeat top left; font-size: 11px; }
.MenuTalent #header { height: 150px; background: url(../images/css/topimage_talent.jpg) no-repeat top left; font-size: 11px; }
.MenuInternationalActivities #header { height: 150px; background: url(../images/css/topimage_activities.jpg) no-repeat top left; font-size: 11px; }
.MenuNewsAndEvents #header { height: 150px; background: url(../images/css/topimage_newsevents.jpg) no-repeat top left; font-size: 11px; }

 #header img#printheader { display: none; }

 #header dl { width: 142px; padding-top: 20px; margin-left: 850px; }
  #header dl dt { margin-left: 8px; padding-left: 10px; background: #fff url(../images/css/pijltje-grijs.gif) no-repeat left center; line-height: 23px; color: #abaaab; font-weight: bold; }
   #header dl dt a { color: #abaaab; text-decoration: none; font-weight: bold; }
   #header dl dt a:hover { text-decoration: underline; }
   #header dl dd .search { margin-left: 18px; border: 1px inset #abaaab; width: 90px; height: 19px; }

#menu { list-style: none; width: 100%; overflow: hidden; background: #545e6d; }
 #menu li { float: left; width: 142px; height: 54px; }
  #menu li a { display: block; height: 54px; width: 142px; text-transform: uppercase; background: #425269 url(../images/css/navigatie-matrix.gif) no-repeat top left; color: #fff; text-decoration: none; }
  #menu li a:hover { background-color: #d80a0a; }
   #menu li a em { visibility: hidden; } 

.columnright  #menu li a:hover { background-position: 0px -54px !important;}
.columnright  #menu li a.active { background-position: 0px -108px !important;}
.columnright  #menu li a.active:hover { background-position: 0px -108px !important;}
  
#top-title { padding: 0px 431px 5px 147px; min-height: 55px; }
 #top-title #breadcrumbs { color: #919191; margin-top: 10px; }
  #top-title #breadcrumbs a { color: #919191; }
  #top-title #breadcrumbs a:hover { text-decoration: none; }
 #top-title h1 { color: #d80a0a; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 180%; }
 
h1.subheading{ color: #d80a0a; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 150%;margin-bottom:20px; }
   
#submenu { float: left; width: 142px; background-color: #fff; list-style: none; }
 #submenu li { margin: 0 10px 0 7px; padding: 5px 0; background: #fff url(../images/css/dotted.gif) repeat-x left bottom; }
  #submenu li a { font-size: 100%; font-weight: bold; text-decoration: none; color: #545e6d; display: block; }
  #submenu li a.active { color: #d80a0a; }
  #submenu li a:hover { color: #d80a0a; }
  #submenu li ul { margin: 5px 0 0 0; list-style: none; }
   #submenu li ul li { background: #fff url(../images/css/dotted.gif) no-repeat 0 8px; margin-left: 0; padding: 0 0 0 5px; }
    #submenu li ul li a { text-decoration: none; font-weight: normal; color: #545e6d; display: block; padding: 2px 0; }

#main { margin-left: 142px; }
 #main a.related-document, #main .editor a.doc { line-height: 180%; padding: 4px 0 4px 15px; background: #fff url(../images/css/document.gif) no-repeat left center;text-decoration: none; }
 #main a.related-link, #main .editor a.link { line-height: 180%; padding: 2px 0 2px 15px; background: #fff url(../images/css/pijltje-zwart.gif) no-repeat 2px 50%;text-decoration: none; }
 #main a:hover { text-decoration: none; }
 #main a.related-link:hover, #main .editor a.link:hover,#main a.related-document:hover, #main .editor a.doc:hover { text-decoration:underline}
 
.columnright #main a.related-link { line-height: 180%; padding: 2px 0 2px 15px; background: #f1f1ef url(../images/css/pijltje-zwartopgrijs.gif) no-repeat 2px 50%;text-decoration: none; }
.columnright #main a.related-document { line-height: 180%; padding: 4px 0 4px 15px; background: #f1f1ef url(../images/css/documentopgrijs.gif) no-repeat left center;text-decoration: none; }
 
#content { float: left; width: 842px; padding: 3px 5px; }
 body.column #content { width: 416px; }
 body.columnright #content { width: 558px; }
  #content h2 { color: #000; font-size: 100%; margin-top: 5px; padding-bottom: 5px; background: #fff url(../images/css/dotted.gif) repeat-x left bottom; }
  #content h2 em { color: #d80a0a; font-style: normal; }
  #content h5 { color: #8e8e8e; font-size: 9px; text-transform: uppercase; }
  #content p { margin: 10px 0; line-height: 140%; }
  #content ul { margin-left: 1.5em; }
  
  .editor ul { line-height: 140%; }
  .editor ol { margin-left: 2.0em;line-height: 140%; }

#content .intro { margin: 0 0 15px 0; font-weight: bold; line-height: 160%; }
 #content .intro img { float: right; }
 #content div.intro { overflow: hidden; width: 100%; }
  #content div.intro p { line-height: 30px; width: 200px; margin-top: -5px;}

#content .left { float:left; width:269px; margin: 0 16px 15px 0;}
  
#content .right { float:right; width:269px; margin: 0 0 15px 0;}
  
#content .centre { width: 280px; height: 180px; float: left;}
 #content .centre h3 { margin-bottom: 5px;  position:absolute; bottom:0px;   }
 #content .centre h3 br {line-height:120%;}
 #content .centre img { float: left; border: 1px solid #8e8e8e; margin-right: 10px; }
 #content .centre p {padding-right:10px;}
 #content .centre ul { list-style: none; margin-left: 0px; }
  #content .centre ul a { text-decoration: none; padding-left: 10px; background: #fff url(../images/css/pijltje-zwart.gif) no-repeat left center; }
  #content .centre ul a:hover { text-decoration: underline; }
  #content .centre .centre-title { height:2.8em; margin-right: 10px; position:relative;  }
    
#content .search-results { }
#content span.search_paging { color: #d80a0a; font-weight: bold; }
#content a.search_paging { text-decoration: none; }
#content a.search_paging:hover { text-decoration: underline; }
#content .search-results .paging { color: #000; font-size: 100%; margin-top: 5px; padding: 5px 0 5px 25px; background: #fff url(../images/css/dotted.gif) repeat-x left top; }
 #content .search-results ul { list-style: none; margin: 0; }
  #content .search-results li { padding: 5px 0 5px 10px; line-height: 150%; }
   #content .search-results li a { color: #d80a0a; text-decoration: none; }
   #content .search-results li a.related-link, #content .search-results li a.related-document { display: block; padding: 0 0 0 15px; background-position: 0 1px; }
   #content .search-results li a.related-link {background-position: 0 0.6em; }
   #content .search-results li a:hover { text-decoration: underline; }
   #content .search-results li p { margin: 0 0 0 15px;  }
   
#content .sitemap { }
 #content .sitemap ul { margin: 15px 0; list-style: none; }
  #content .sitemap ul li { padding: 2px 0 2px 13px; background: #fff url(../images/css/pijltje-zwart.gif) no-repeat 2px 7px; }
   #content .sitemap ul li a { font-weight: bold; text-decoration: none; }
   #content .sitemap ul li a:hover { text-decoration: underline; }
   #content .sitemap ul li ul { margin: 5px 20px; }
    #content .sitemap ul li ul li a { color: #000; }
     #content .sitemap ul li ul li ul li a { font-weight: normal; }
   
#content .form div label { margin-left: 22px; display: block; padding-top:4px; }
#content .form div textarea, #content .form div input { width: 370px; }
#content .form div .radio, #content .form div .checkbox, #content .form .top-form-label-span input  { clear: left; float: left; width: 20px; }

#content .form  table { margin: 15px 0; border-collapse: collapse; }
 #content .form tr { line-height: 170%; }
 #content .form th { padding-top: 5px; width: 140px; text-align: left; vertical-align: top; font-weight: normal; }
  #content .form th label { display: block; }  
  #content .form .top-form-label  { margin-left:27px;position:relative;zoom:1; }
  #content .form .top-form-label-span label { margin-left:0px; padding-top:0px; }
  #content .form .checkbox-value-text-top { float:left; padding-top: 4px; }
 #content .form td { padding-top: 5px; margin: 5px 0 5px 145px; vertical-align: top; }
  #content .form td { width: 250px; }
  #content .form .subscribe_table td {width: 100%;}
   #content .form td span { display: block; }
   #content .form .subscribe_table td span span{ margin-left:26px;margin-top:0px; }
   #content .form td label { margin-left: 22px; display: block; }
   #content .form td select { width: 225px; }
   #content .form td select.multiple { width: 410px; }
   #content .form td textarea, #content .form td input { width: 220px; }
   #content .form td .radio, #content .form td .checkbox { clear: left; float: left; width: 20px; }
   #content .form td .radio, #content .form td .checkbox, #content .form td .submit { width: auto; }
   #content .form td input.small { width: 100px; }
   #content .form td input.smallest { width: 40px; }
   #content .form td input.chk_plus_text { width: 200px; margin-left: 0; }
 #content .form .error label { color: #f00;}
 #content .form .error span { color: #f00; font-weight: bold; }
 #content .form .error input { background: #fcc; }
 #content .form .error p { color: #f00; margin: 0; line-height: normal; }
       
#content .publication { margin: 20px 0; }
 #content h3.publication { margin: 30px 0 -12px 0; }
 #content .publication img { float: left; border: 1px solid #8e8e8e; }
 #content .publication p  { margin-left: 54px;margin-top:0px;margin-bottom:0px;}
 #content .publication ul { margin-left: 54px;margin-top:10px;margin-bottom:0px;}
 #content .publication h3 { margin-left: 54px;}
 #content .publication h5 { margin-left: 54px;}
 #content .publication ul { list-style: none; }
  #content .publication ul li { display: inline; margin-right: 10px; }
   #content .publication ul li a { text-decoration: none; }
   #content .publication ul li a:hover { text-decoration: underline; }

#content .events { }
 #content .events ul { list-style: none; margin: 5px 0 15px 0; line-height: 150%; }
   #content .events ul li a { text-decoration: none; }
   #content .events ul li a:hover { text-decoration: underline; }
   
#content .links { list-style: none; margin: 0; line-height: 150%; }
   
#teaser { float: left; width: 122px; padding: 5px 10px; color: #6d6d6d; overflow:hidden; }
 #teaser p { line-height: 140%; }
 #teaser h3 { color: #00284a; margin: 10px 0 0 0 ; font-size: 14px; }
 #teaser img { display: block; }
 #teaser h5 { color: #8e8e8e; font-size: 9px; text-transform: uppercase; }
 #main #teaser a.doc,  #main #teaser a.link {background-color:#F1F1EF;}

#crosslinks { float: right; width: 260px; padding: 0 12px; }
 #crosslinks h2,  #crosslinks h4, #crosslinks ul { margin-bottom: 10px; }
 #crosslinks p { margin-bottom: 5px;line-height:140%; }
 #crosslinks h2 { color: #d80a0a; padding: 5px 0; background: #fff url(../images/css/dotted.gif) repeat-x left bottom; }
 #crosslinks h3 { margin-bottom: 5px; padding: 5px 0; background: #fff url(../images/css/dotted.gif) repeat-x left bottom; }
 #crosslinks h5 { font-size: 9px; color: #8e8e8e; text-transform: uppercase; }
 #crosslinks ul { list-style: none; }
  #crosslinks ul li { }
   #crosslinks ul li a { color: #000; font-weight: normal; text-decoration: none; padding-left: 20px; }
   #crosslinks ul li a:hover { text-decoration: underline; }

.columnright #crosslinks h2 { color: #d80a0a; padding: 5px 0; background: #f1f1ef url(../images/css/dottedopgrijs.gif) repeat-x left bottom; }
.columnright #crosslinks h3 { margin-bottom: 5px; padding: 5px 0; background: #f1f1ef url(../images/css/dottedopgrijs.gif) repeat-x left bottom; }

   
#crosslinks .search-request { }
 #crosslinks .search-request dl { margin-top: 20px; }
  #crosslinks .search-request dt { font-weight: bold; padding-bottom: 2px; }
  #crosslinks .search-request dd { padding-bottom: 15px; }
   #crosslinks .search-request dd input { width: 180px; }
   #crosslinks .search-request dd input.submit { width: auto; }
   #crosslinks .search-request dd select { width: 150px; }
 #crosslinks .search-request .searchboolean td { margin: 0; padding: 0; }
 #crosslinks .search-request .searchboolean input { width: 20px; vertical-align: middle; margin: 1px 0; }
   
#crosslinks .links {padding-bottom:15px;}
 #crosslinks .links h4 { margin: 0; padding: 0; }
 #crosslinks .links ul { }
  #crosslinks .links ul li { line-height: 22px; }

#crosslinks .contact {padding-bottom:12px;}  
#crosslinks .contact a { color: #000; text-decoration: underline; }
 #crosslinks .contact a:hover { color: #000; text-decoration: none; }
 #crosslinks .contact h4 { margin-bottom: 0px; }
 #crosslinks .contact p { margin-bottom: 10px; }
  
#crosslinks .news-events {padding-bottom:15px;}
#crosslinks .news-events h2 { margin-bottom: -10px; }
 #crosslinks .news-events h3 { padding-top: 0; }
 #crosslinks .news-events h5 { margin-top: 20px; }
 #crosslinks .news-events ul { margin: 3px 0; }
  #crosslinks .news-events ul li a { padding: 2px 0 2px 10px; color: #d80a0a; background: #fff url(../images/css/pijltje-grijs.gif) no-repeat left center; }

#crosslinks .related-links-description {padding-bottom:5px;}
	#crosslinks .related-links-description h4{margin-bottom: 0px;}
	#crosslinks .related-links-description p{margin-bottom: 3px;}
#crosslinks .related-documents {padding-bottom:5px;}


#footer { margin: 25px 290px 10px 147px; clear: both; text-align: right; color: #abaaab; font-weight: bold; }
 #footer a { color: #abaaab; padding-left: 10px; background: #FFF url(../images/css/pijltje-grijs.gif) no-repeat left center; text-decoration: none; }
 .column #footer a { background: #F1F1EF url(../images/css/pijltje-grijsopgrijs.gif) no-repeat left center; }
 #footer a:hover { text-decoration: underline; }

#menu #MenuHome { background-position: 0 -108px; }
#menu #MenuGenomicsCentres { background-position: -142px -108px; }
#menu #MenuValorisation { background-position: -284px -108px; }
#menu #MenuGenomicsInSociety { background-position: -426px -108px; }
#menu #MenuTalent { background-position: -568px -108px; }
#menu #MenuInternationalActivities { background-position: -710px -108px; }
#menu #MenuNewsAndEvents { background-position: -852px -108px; }

#menu #MenuHome:hover { background-position: 0 -162px; }
#menu #MenuGenomicsCentres:hover { background-position: -142px -162px; }
#menu #MenuValorisation:hover { background-position: -284px -162px; }
#menu #MenuGenomicsInSociety:hover { background-position: -426px -162px; }
#menu #MenuTalent:hover { background-position: -568px -162px; }
#menu #MenuInternationalActivities:hover { background-position: -710px -162px; }
#menu #MenuNewsAndEvents:hover { background-position: -852px -162px; }

.homepage #menu #MenuGenomicsCentres { background-position: -142px 0; }
.homepage #menu #MenuValorisation { background-position: -284px 0; }
.homepage #menu #MenuGenomicsInSociety { background-position: -426px 0; }
.homepage #menu #MenuTalent { background-position: -568px 0; }
.homepage #menu #MenuInternationalActivities { background-position: -710px 0; }
.homepage #menu #MenuNewsAndEvents { background-position: -852px 0; }

.homepage #menu #MenuGenomicsCentres:hover { background-position: -142px -54px; }
.homepage #menu #MenuValorisation:hover { background-position: -284px -54px; }
.homepage #menu #MenuGenomicsInSociety:hover { background-position: -426px -54px; }
.homepage #menu #MenuTalent:hover { background-position: -568px -54px; }
.homepage #menu #MenuInternationalActivities:hover { background-position: -710px -54px; }
.homepage #menu #MenuNewsAndEvents:hover { background-position: -852px -54px; }

.MenuHome #menu #MenuHome { background-position: 0px -216px !important; }
.MenuGenomicsCentres #menu #MenuGenomicsCentres { background-position: -142px -216px !important; }
.MenuValorisation #menu #MenuValorisation { background-position: -284px -216px !important; }
.MenuGenomicsInSociety #menu #MenuGenomicsInSociety { background-position: -426px -216px !important; }
.MenuTalent #menu #MenuTalent { background-position: -568px -216px !important; }
.MenuInternationalActivities #menu #MenuInternationalActivities { background-position: -710px -216px !important; }
.MenuNewsAndEvents #menu #MenuNewsAndEvents { background-position: -852px -216px !important; }

.homepage #content .intro { font-weight: bold; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 120%; margin: -12px 0 20px 0; color: #d80a0a; line-height: 220%; }
 .homepage #teaser { padding:0px 10px}
 .homepage #teaser p { margin-top: 1em; color: #d80a0a; line-height: 160%;  }
.homepage #content .editor .intro { font-family: Verdana, sans-serif; font-size: 100%; margin: 0 0 15px 0; font-weight: bold; line-height: 160%; color: #000; }

.intro .CMSEditableRegion textarea{ font-family: Verdana, sans-serif;line-height: 160%; }
.homepage .intro .CMSEditableRegion textarea{ font-weight: bold; font-family:'Trebuchet MS', Verdana, sans-serif; color: #d80a0a;  }

.editor h6 { margin: 0 0 15px 0; font-weight: bold; line-height: 160%; }
.CMSEditableRegion h6 { margin: 0 0 15px 0; font-weight: bold; line-height: 160%; font-family: Verdana, sans-serif; }