body{
margin:0;
padding:0;
}

#topsection{	
height: 132px; /*Height of top section*/
border:1px solid;
border-color:#999999;
}

#navigatiebalk{
margin-top:2px;
height: 29px; /*Height of top section*/
background-color:#FFFFFF;
}

#contentwrapper_tweekoloms{
float: left;
width: 100%;
border:1px solid;
border-color:#999999;
padding-top: 20px;
}

#contentwrapper{
float: left;
width: 100%;
background-image:url(../images/achtergrond_rechterkolom.gif);
background-repeat:repeat-y;
border:1px solid;
border-color:#999999;
padding-top: 20px;
}

#contentcolumn{
margin-right: 300px; /*Set right margin to RightColumnWidth  */
padding: 0;
}

/*rechterkolom zit als kind in maincontainer. maincontainer is 800 px breed. omdat de margin-left van rechterkolom bv -300 schuift recherkolom een regel omhoog */
/*Set left margin to -RightColumnWidth) */
/*Width of right column = 300 */
/*maak 1 pixel ruimte voor de 1 px rand van contentwrapper  */

#rechterkolom{
float: left;
width: 300px; 
margin-left: -301px; 
margin-top: 20px;
}

#footer{
clear: left;
width: 100%;
height: 30px;
background: white;
text-align: center;
vertical-align:middle;
}

#maincontainer{
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

.innertube{
margin-left: 15px; /*Margins for inner DIV inside each column to provide padding */
margin-right: 15px;
margin-bottom: 10px;
}

.onderschrift {
font-size: 12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #737373;
}

a,p,ul,li {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-variant : normal;
line-height: 15px;
font-weight : normal;
letter-spacing : normal;
color : Black;
text-decoration: none;
padding-top: 0px;
margin-top: 0px;
vertical-align : top;
margin-bottom: 0px;
padding-bottom:0px;
}



A  {
	text-decoration: none;
	underline: no;
	color: #333399;
}

A:link  {
text-decoration: none;
}

A:visited   { 
color: #333399; 
}

A:active  {
color: #333399; 
}

A:hover  {
	text-decoration: underline;
}

A.link_geen_eigenaar:link
      {
	color: Gray;
	text-decoration: underline;
}

A.link_geen_eigenaar:active
      {
	color: Gray;
	text-decoration: underline;
}

A.link_geen_eigenaar:visited
      {
	color: Gray;
	text-decoration: underline;
}

A.link_geen_eigenaar:hover
      {
	color: Gray;
	text-decoration: underline;
}

/* dit is voor de tabellen bij bronnen  */
A.kolomhoofd
      {
font-weight : bold;
color: white;
background: black;
line-height: 20px;
}

.kolomhoofd
{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
color: white;
background: black;
line-height: 20px;
}

A.kolomhoofd:visited
 {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight: bold;
color: white;
text-decoration: none;
line-height: 20px;
}

A.kolomhoofd:hover
      {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight: bold;
color: white;
text-decoration: underline;
line-height: 20px;
}

.geen_eigenaar {
color: Gray;
text-decoration: none;
}

.row0 {
background-color: #D8D8E3;
}  

.row1 {
background-color: #FBFBFB;
}  

TD {
	padding-top : 0;
	margin-top : 0;
	vertical-align : top;
}

TD.literatuurlijst_kolomhoofd {
	padding-left: 10px;
	background-color: Black;
	vertical-align: top;
	color: white;
	font-weight: bold;
	}

TD.literatuurlijst_kolomhoofd_20pxlinks {
	padding-left: 20px;
	background-color: Black;
	vertical-align: top;
	color: white;
	font-weight: bold;
	}
	
TD.literatuurlijst_cel {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

/* is dit nodig? heb je aan die 10px van literatuurlijst_cel niet genoeg ? */

TD.literatuurlijst_cel_linksinspringen {
	padding-left: 20px;
		padding-top: 5px;
	padding-bottom: 5px;
	}
	
TD.literatuurlijst_cel2 {
	padding-left: 10px;
		padding-top: 0px;
	padding-bottom: 0px;
	}

	TD.heerlijkhedenlijst_cel {
	padding-left: 10px;
		padding-top: 5px;
	padding-bottom: 5px;
	}

TD.literatuurlijst_cel_auteur {
	padding-left: 10px;
	width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
TD.footer {
	padding-left: 20px;
padding-top: 10px;
	height: 40px;
}
	
#literatuurlijst
{
   table-layout: fixed;
}
	
	
h1,h2,h3 {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-variant : normal;
	font-weight : bold;
	letter-spacing : normal;
	}

h1 {
	font-size : 16px;
	color: #333399;
	margin-bottom: 20px;
	}


h3 {
	font-size : 12px;
	color : #737373;
	margin-bottom: 5px;
}

h2 {
	font-size : 13px;
	color : Black;
}


LI {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : Black;
	list-style : square;
	list-style-type : square;
	padding-top : 0;
	margin-bottom: 5px;
	margin-top: 5px;
	line-height: 15px;
}


LI.dicht_op_elkaar {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	list-style : square;
	list-style-type : square;
	padding : 0px;
	line-height: 15px;
	margin: 0px;
	margin: 0px;
}

ul {
	list-style : square;
	list-style-type : square;
	padding-top : 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	}

.grijs {
color: gray;
}

HR {
	color: #333399;
	border: 0px;
	background-color: #333999;
	height: 2px;
}


/* dit is voor de navigatiebalk */

.navigatie {padding:0 0 0 32px; margin:0; list-style:none; height:36px;position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.navigatie li.top {display:block; float:left; margin-top: 0px; margin-bottom: 1px;}
.navigatie li a.top_link {display:block; float:left; height:29px; line-height:27px; color:#666; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 10px; cursor:pointer; background: url(http://www.herenvanholland.nl/images/menu_0a.gif); no-repeat;}
.navigatie li a.top_link span {float:left; display:block; padding:0 15px 0 5px; height:29px;background:url(http://www.herenvanholland.nl/images/menu_0b.gif) no-repeat right top;}
.navigatie li a.top_link:hover {color:#000; background: url(http://www.herenvanholland.nl/images/menu_2a.gif) no-repeat; line-height:25px;}
.navigatie li a.top_link:hover span {background:url(http://www.herenvanholland.nl/images/menu_2b.gif) no-repeat right top;}

.navigatie li:hover > a.top_link {color:#000; background: url(http://www.herenvanholland.nl/images/menu_2a.gif) no-repeat; line-height:25px;}
.navigatie li:hover > a.top_link span {background:url(http://www.herenvanholland.nl/images/menu_2b.gif) no-repeat right top;}

.navigatie table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.navigatie a:hover {visibility:visible; position:relative; z-index:200;}
.navigatie li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.navigatie ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/* lengte van de subnavigatiebalken */
.navigatie ul.sub1 {width:200px;}
.navigatie ul.sub2 {width:200px;}
.navigatie ul.sub3 {width:250px;}
.navigatie ul.sub4 {width:130px;}

.navigatie :hover ul {left:0; top:29px; background: #b9d3fb; padding:3px; border:1px solid #3a93d2; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.navigatie :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.navigatie :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; text-decoration:none;}
.navigatie :hover ul li a:hover {background:#3a93d2; color:#fff;}