/* 
#############################################################
## generic styles for all base html tags                   ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
body{
  font-size:75%;
  font-family:Trebuchet MS Regular,Trebuchet MS, Verdana, Arial;
  margin:0px;
  padding:0px;
}
img{
 margin:0px;
 border:none;
 padding:0px;
}
a.imagelink img{
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
}
a:hover.imagelink img{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
table{
 border:none;
}
td{
 vertical-align:top;
}
fieldset{
 margin:0px;
 padding:0px;
 border:none;
}
h1,legend,.hidden{
 display:none;
}
h2{
  font-size:1.5em;
  padding-top:0px;
  margin-top:0px;
  margin-right:60px;
}
.standardcontent h2{
 padding-top:30px;
 margin-left:63px;
 margin-bottom:5px;
}
#contentcolumn1 h2{
 padding-top:30px;
 margin-left:40px;
 margin-bottom:5px;
}
/* H3 */
h3{
  font-size:1em;
  margin-bottom:0px;
  margin-top:0px;
  padding-bottom:0px;
  padding-top:0px;
}
.standardcontent h3{  margin-left:63px;}
#contentcolumn1 h3{  margin-left:40px;}
a{
  color:#BA6619;
	text-decoration:none;
} 
/* red(mouseovers) */
a:hover{
  color:#FF3333;
	text-decoration:underline;
}

#contentcolumn1 p,.standardcontent p{ margin-top:0px; }
#contentcolumn1 ol,
#contentcolumn1 ul{
 padding:0px;
 margin:0px;
 display:block;
 margin-left:55px;
 margin-right:50px;
 margin-bottom:15px;
}
dd,dt{margin:0px; padding:0px;}
dt{  border-bottom:1px solid #333;}
dl{
 margin-top:0px;
 padding-top:0px;
 margin-left:40px ;
 margin-right:80px;
}
dt a{
 text-decoration:none;
 color:#333;
 font-size:1.5em;
}
dd{
 color:#666;
 margin-bottom:15px;
}
dl.archive a,dl.archive, dl.archive div.highlight{ color:#999;}
dl.archive dt{   border-bottom:1px solid #999;}
#faqlist dt{margin-left:30px;}
#faqlist a{
 font-size:1em;
 color:#BA6619;
 padding-top:10px;
 padding-bottom:10px;
 display:block;
}
#faqlist a:hover{ color:#FF3333;}
#faqlist dd{
 padding-top:10px;
 margin-bottom:0px;
 padding-bottom:0px;
}
/* 
#############################################################
## these styles don't get reused, positoin only            ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
#faqlist{
 margin-left:10px;
}
/* the very first div */
#container0{
 border-left:1px solid #f77131;
 border-right:1px solid #f77131;
 width:958px;
 padding:0px;
 margin:0px;
 
  margin-left:auto;
  margin-right:auto;
}
/* header, override background in page */
#header{
  background-image:url('/images/header_base.jpg');
  width:958px;
  height:90px;
}
/* contains the content columns */
#container1{
 /* background-color:#b7a234;*/
  background-color:#eedaa6;
  padding:0px;
  margin:0px;
  float:left;
}
/* the main content block */
#maincontent{
  width:640px;
  margin-left:19px;
  padding-left:20px; 
  margin-right:20px;
  padding-right:20px;
  padding-top:0px;
  padding-bottom:0px;
/* background-color:#dde3f5;*/
  float:left;
}
/* the right column */
#rightcontent{
  width:239px;
  float:right;
}
/* the 10 pixel space with background before the 1st fotter */
#footerspace{
  background-image:url('/images/footerbg.gif');
  height:22px;
  clear:both;
  display:block;
}
/*In 2008 bestaat de KNAW 200 jaar. .... */
#footer{
  padding-left:40px;
  padding-top:24px;
  padding-bottom:15px;
  font-size:1em;
  line-height:1.3em;
}
/* footer with adress white bg */
#footer2{
  margin-left:499px;
  padding-right:40px;
  padding-left:15px;
  border-left:1px solid #F77131;
  margin-top:20px; 
  padding-bottom:20px;
  color:#333;
  font-size:1em;
  line-height:1.3em;
}
/* 
#############################################################
## the different backgrounds for the homepage and the      ##
## vervolg pagina                                          ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
/* this is the background for the #container1 */
.vervolg{
  background-image:url(/images/common_bglogo.gif);
}
.formrow{
  margin-left:63px;
  background-image:url(/images/shadow_form2.gif);
  height:32px;
  width:405px;
  margin-bottom:8px;
}

/* 
#############################################################
## commmoon form styles for in content forms               ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
 
input.contentinput{
width:270px;
 float:left;
border:none;
border-top:1px solid #333;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;
}
.formrow input{
width:270px;
  border:1px solid #996600;
  height:18px;
  padding-left:2px;
}
.formrow label{
  width:103px;
  display:block;
  float:left;
}
.btnform{
  clear:both;
  margin-right:130px;
  text-align:right;
}
input:focus{border:none;}
.btnform input{
  border:none;
  font-size:1em;
  color:#009999; 
  border:none; 
  background-color:#fff;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-top:10px;
  margin-bottom:20px;
  padding:3px;
  clear:both;
}
/* 
#############################################################
## this is the vervolg page layout class and id's          ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
/* for wide page with no inpage navigation */
.standardcontent{
 width:546px;
 background-color:#fff;
 color:#333;
 line-height:1.6em;
 float:left;
}
.standardnavcontent{
 background-image:url(/images/contentbg.gif);
 float:left;
 color:#333;
 float:left;
 width:640px;
 line-height:1.6em;
}
.timestamp{
  text-align:right;
  font-size:0.85em;
  padding-right:30px;
  color:#BA6619;
}
/*##############################################*/
/* pages with inpage navigaiton                 */
#contentcolumn1{
 width:430px;
 float:left;
/* padding-bottom:40px;*/
}
#contentcolumn2{
 float:left;
 width:210px;
}
.rightblocks{
 margin-top:149px;
 margin-left:50px;
 margin-right:56px;
}
/* 
#############################################################
## smal icons next to news overview                        ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
.iconimg{
 margin-top:5px;
 margin-right:5px;
}
/* 
#############################################################
## common content elements                                 ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
#contentcolumn1 h2.internal{
 padding-top:20px;
 clear:both;
}
#contentcolumn1 h2.group{
  color:#999;
  padding-bottom:0px;
  margin-bottom:0px;
  clear:both;
}
#contentcolumn1 h2.subgroup{
  margin-top:0px;
  padding-top:0px;		
}
#contentcolumn1 p.miniintro{
 margin-left:20px;
 color:#666666;
 font-size:0.85em;
 line-height:1.3em;
}
#contentcolumn1 .noborder,
#contentcolumn1 p.noborder{
 border:none;
}
#contentcolumn1 p.boxed{
 margin-right:15px;
 text-indent:0px;
}
.contentspace{
 height:1px;
 background-color:#000000;
 width:200px;
 padding:0px;
 border:0px;
 margin-left:22px;
 margin-bottom:5px;
 font-size:1px;
 line-height:0;
}
.contentspaceinternal{
 height:1px;
 background-color:#000000;
 width:200px;
 padding:0px;
 border:0px;
 margin-left:40px;
 margin-bottom:10px;
 font-size:1px;
 line-height:1px;
 clear:both;
}
a.pdflinkmedia, a.pdflink, a.pdflinkblock{
 height:20px;
 padding-left:29px;
 padding-bottom:20px;
 margin-top:10px;
 display:block;
 background-image:url(/images/icon_pdf.gif);
 background-repeat:no-repeat;
 text-decoration:none;
}
a.pdflink{ margin-left:58px;}
a.pdflinkblock{ margin-left:38px;}
.pdflinkspace{
  height:40px;
}
.articlemeta{
 padding-left:20px;
 padding-right:40px;
 color:#999;
 margin-bottom:20px;
 font-size: 0.85em;
}
.articlemetapast{
  background-color:#996600;
  color:#fff;
  margin-left:10px;
  padding-left:10px;
  padding-right:40px;
  margin-right:20px;
  margin-bottom:20px;	
}
p.introduction{
 font-weight:bold;
}
.standardcontent p{
 text-indent:25px;
 margin-left:63px;
 margin-right:40px;
}
#contentcolumn1 p{
 text-indent:25px;
 margin-left:40px;
 margin-right:80px;
}
#contentcolumn1 p.noindent,
.standardcontent p.noindent,
#contentcolumn1 p.download{
  text-indent:0px;
}
#contentcolumn1 p.download{ border-bottom:1px solid #333;}

#contentcolumn1 .commonimage,
#contentcolumn1 img{
 margin-left:20px;
 margin-bottom:10px;
 margin-top:0px;
 
 clear:both;
}
#contentcolumn1 .imagegroupright img, #contentcolumn1 .imagegroupleft img{
 border:1px solid #996600;
 margin:0px;
 margin-right:2px;
 padding:0px;
}
.imagegroupright{
 margin-left:20px;
 margin-top:0px;
 margin-bottom:0px;
 text-align:right;
 line-height:1px;
 font-size:1px;
 width:346px;
}
.imagegroupleft{
  width:346px;
  margin-left:20px;
  margin-top:0px;
  margin-bottom:2px;
  text-align:left;
  line-height:1px;
  font-size:1px;
}
.contentshadowbox{
  background-image:url(/images/shadow_vert.gif);
  background-repeat:repeat-y;
  background-position:right 0px;
  width:351px;
  margin-bottom:0px;
}
.contentshadowbtm{
  background-image:url(/images/shadow_horz_full.gif);
  height:7px;
  margin-bottom:20px;
  margin-right:4px;
  margin-top:0px;
  width:347px;
  font-size:1px;
  line-height:1px;
}
.titletag{
  font-size:0.85em;
  color:#666;
  margin-left:30px;
  margin-bottom:30px;
}
div.printbox{
  padding:0px;
  margin:0px;
  padding-top:40px;
  padding-bottom:30px;
  clear:both;
  float:left;
}
a.printpage{
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  color:#009999;
  padding:3px;
  text-decoration:none;
  margin-left:20px;
  float:left;
}
a.vorige,a.volgende{
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  text-decoration:none;
  display:block;
  padding:2px;
  margin-top:15px;
 color:#009999;
}
a.vorige{
 float:left;
 margin-left:10px
}
a.volgende{
 float:right;
 margin-right:10px
}
a.morenews {
 display:block;
 margin-bottom:10px;
}
.archiveline{
  font-size:1px;
  background-color:#999; 
  height:1px;
  line-height:1px;
  margin-left:20px;
  margin-right:10px;
}
#contentcolumn1 p.archivetxt,
.standardcontent p.archivetxt{
 text-indent:0px;
 color:#999;
 margin-right:15px;
}
div.faqanswer{
 background-color:#996600;
 color:white;
 padding-left:30px;
 padding-bottom:10px;
 padding-top:10px;
}
div.faqanswerclose{
 margin-top:10px;
 background-color:black;
 clear:both;
 float:right;
 width:310px;
 height:1px;
 font-size:1px;
 line-height:1px;
 margin-bottom:10px;
}
.eventtag{
 font-weight:bold;
 display:block;
 color:#ff3333;
 margin-bottom:10px;
}

div.infobox{
 margin-left:20px;
 clear:both;
 margin-right:0px;
 width:330px;
 padding-bottom:0px;
 margin-bottom:30px;
}
div.infoboxcontent{
  background-image:url(/images/shadow_double_vert.gif);
  background-repeat:repeat-y;
  background-position:right 0px;
  color:#999;
  width:330px;
	padding-bottom:3px;
}
#contentcolumn1 div.infoboxcontent p{
   text-indent:0px;
   font-size:0.85em;
   margin-right:10px;
}
span.infotitle{ color:#333;}
div.infoboxcontent img{
 float:left;
 padding-top:10px;
 padding-right:5px;
 padding-bottom:10px;
}
div.infoboxbottom {
 width:332px;
 height:25px;
 background-repeat:no-repeat;
 background-image:url(/images/shadow_double_horz.gif);
 position:relative;
}
#contentcolumn1 div.infoboxcontent p.infopara{
  margin-left:0px;
  padding-left:5px;
  padding-right:20px;
  background-image:url(/images/shadow_mid_horz.gif);
  background-repeat:no-repeat;
  padding-top:10px;
  position:relative;
  left:1px;
}
a.rsslink{
 float:right;
 margin-right:0px;
}
.blogpostdate{
 margin-bottom:20px;
 color:#666;
 font-size:0.85em;
}
#contentcolumn1 div.flashplayer{
 margin-left:30px;
 margin-bottom:10px;
}
/* 
#############################################################
## used on the blog reaction page only                     ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
.reactstat{
 color:#00a9aa;
 font-size:0.6em;
 font-weight:normal;
}

/* 
#############################################################
## Search page and search box                              ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
/* only on the search page */
.standardcontent p.zoekinfo{
 border-bottom:1px solid #333;
 padding-bottom:10px;
 text-indent:0px;
}
.standardcontent p.zoekresult{
 border-bottom:1px solid #333;
 padding-bottom:10px;
 text-indent:0px;
}
.zoekstat{
 display:block;
 float:right;
 color:#00a9aa;
}
/* 
#############################################################
##right column in design, there really narrow one          ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
div.titleinbox{ margin-bottom:35px;}
/* the little boxes on left and the right columns (only half the column wide) */
.smallcolumnblock{
 width:131px;
 margin-right:3px;
 margin-top:20px;
}
.titlesmallcolumn{
 color:#ba6619;
 font-weight:normal;
 font-size:1.3em;
 font-family: Times New Roman, Arial, Verdana;
 border-bottom:1px solid #E2A345;
 display:block;
 padding-bottom:3px;
 margin-bottom:5px;
}
.titlesmallcolumn{ width:125px;}
.imgcaptionnarrow{
 font-size:0.85em;
 padding-bottom:5px;
 border-bottom:1px solid #E2A345;
 width:125px;
}
.author{ 
font-size:0.85em;	 
 color:#666;
}
a.author{
 
  text-decoration:underline;
 padding-right:7px;
  background-image:url(/images/gtauthor.gif);
  background-repeat:no-repeat;
  
	background-position:right 5px;

}
/* 
#############################################################
## the search box on all pages  in right column            ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
.btnokzoekinline{
  float:right;
  margin-right:140px;
}
.inputzoek{
 height:18px;
 border:none;
 border-top:1px solid #ccc;
 font-size:0.85em;
 padding:0px;
 color:#999;
 padding-left:5px;
 padding-top:2px;
 margin:0px;
 width:94px;
 line-height:20px;
 float:left;
}

.btnokzoek{
 margin-left:3px;
 height:20px;
 display:inline;
}

#searchbox{
 width:125px;
 border-top:1px solid #E2A345;
 padding-top:5px;
}
/* 
#############################################################
## the contact information in the footer                   ## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/

/* footer markup */
#footer{
  background-color:#00A9A9;
  color:#000; 
}
.contactblock a{
  color:#333;
  text-decoration:none;
  font-weight:bold;
}
.disclaimer{
  float:right;
  position:relative;
  top:-8px;	
  border-top:1px solid #999;
  border-bottom:1px solid #999;
  color:#999;
  padding:3px;
}
.disclaimer a{
 color:#999;
 text-decoration:none;
 font-weight:normal;
}

.pagenavtitle a{
 color:white;
 font-family: Times New roman, Arial, Verdana;
 font-weight:bold;
 display:block;
 padding-left:3px;
 margin-bottom:1px;
}

.pagenavtitle a:hover{
 text-decoration:none;
}



/* 
#############################################################
##MODIFIERS THESE ARE CLASSES GENERAL TO USE IN COMBINATION## 
#############################################################
##vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv##
*/
.noindent {text-indent:0px;}
.nofloat{clear:both;}
/*grijs*/
.grijs{  color:#666;}
/*lichtgrijs*/
.lichtgrijs{  color:#999;}
/*lichtergrijs*/
.lichtergrijs{ color:#ccc;}
.left{ float:left;}
.right{ float:right;}
.toppad{ padding-top:10px;}
.topmargin{ margin-top:10px;}
.smalltxt {font-size:0.85em;}
.highlight{  color:#BA6619;} 
.blocknormal{ display:block; font-weight:normal;}
.inlinenormal{ display:inline; font-weight:normal;}
.onlyprint{ display:none; }
.largetxt {font-size:2.0em;  font-weight:bold;}