
/*****************************************************************
BODY EN BOX DECLARATIONS
*****************************************************************/

body		{
			  text-align: center;
			  padding: 0px; margin: 0px;
			  font-family: verdana, helvetica, arial, sans-serif;
			  font-size: 76%;
			  background: #fff url(images/body_bg.gif) repeat-y center;
			}

.clearboth		{ clear: both; }
.nobr			{ white-space: nowrap; }
#print_header	{ display: none; }

#container	{
			  position: relative;
			  width: 880px;
			  text-align: left;
			  padding: 0px; margin: 0px auto;
			  background: #fcf9f3;
			}

#header_shade	{ position: absolute; top: 85px; left: 0px; display: block; width: 880px; height: 8px; background: transparent url(images/header_shade.gif) repeat-x; }

#content_container		{
						  background: #fff;
						  width: 880px;
						}

#content_container.home	{ height: 574px; }

	#introduction		{
						  position: absolute; top: 95px; left: 0px;
						  display: block;
						  width: 545px; height: 390px;
						  border-bottom: 1px solid #ccc;
						  background: transparent url(images/introduction_bg.jpg) no-repeat bottom right;
						}

	.block				{
						  display: block;
						  width: 320px;
						  border-bottom: 1px solid #ccc;
						  background: transparent url(images/stripe.gif);
						}

		.block.article_overview	{ border-bottom: none; background: transparent url(images/stippellijn.gif) repeat-x bottom left; margin: 20px 0px 0px 0px; }
		.block.page_numbering	{ background: transparent; margin: 20px 0px 20px 0px; height: 40px; }
		.block.header_search	{ height: 130px; }
		.block.search			{ height: 75px; }


		.author_foto	{
 						  float: left;
 						  display: block;
 						  border: 1px solid #999;
 						  background: #fff;
 						  margin: 2px 5px 10px 10px;
 						  padding: 5px;
						}

	.block_comments		{
						  display: block;
						  width: 545px;
						  border-bottom: 1px solid #ccc;
						  background: transparent url(images/stripe.gif);
						}

	.commentform		{ margin: 0px 0px 20px 0px; }

	.nofill				{ background: none; border: none; }

	#block1				{
						  position: absolute; top: 95px; left: 561px;
						  display: block;
						  width: 320px; height: 185px;
						  border-bottom: 1px solid #ccc;
						}

	#block2				{
						  position: absolute; top: 300px; left: 561px;
						  display: block;
						  width: 320px; height: 185px;
						  border-bottom: 1px solid #ccc;
						}

	.posting			{
						  display: block;
						  width: 208px; height: 63px;
						  overflow: hidden;
						  background: transparent url(images/stripe.gif);
						  border-bottom: 1px solid #ccc;
						}

		#posting_01		{ position: absolute; top: 492px; left: 0px; }
		#posting_02		{ position: absolute; top: 492px; left: 225px; }
		#posting_03		{ position: absolute; top: 492px; left: 447px; }
		#posting_04		{ position: absolute; top: 492px; left: 672px; }

	#article_container	{
						  float: left;
						  display: block;
						  width: 545px;
						  border-bottom: 1px solid #ccc;
						  margin: 105px 0px 20px 0px;
						}

	#article_service_container	{
								  float: right;
								  width: 320px;
								  margin: 110px 0px 10px 14px;
								}

	#article_overview	{
						  float:  left;
						  display: block;
						  width: 545px;
						  margin: 105px 0px 20px 0px;
						}

.block_header	{
				  display: block;
				  width: 100%; height: 25px;
				  background: transparent url(images/stippellijn.gif) repeat-x bottom left;
				  font-family: georgia, times new roman, serif;
				}

#article_overview .block					{ width: 545px; }

.posting div.block_header					{ height: 10px; background: #fff url(images/stippellijn.gif) repeat-x bottom left; }
#article_overview div.block_header			{ height: 15px; background: #fff url(images/stippellijn.gif) repeat-x bottom left; }
#article_container div.block_header			{ height: 15px; background: #fff url(images/stippellijn.gif) repeat-x bottom left; }
#article_service_container div.block_header	{ height: 10px; background: #fff url(images/stippellijn.gif) repeat-x bottom left; }
.block_comments div.block_header			{ height: 10px; background: #fff url(images/stippellijn.gif) repeat-x bottom left; }

#footer		{
			  display: block; width: 880px; height: 50px;
			  background: #fcf9f3 url(images/footer_shade.gif) repeat-x top left;
			}

#navcontainer	{
				  position: absolute;
				  top: 50px; left: 4px;
				  margin: 0px; padding: 0px;
				  background: transparent;
				}

#logo_print		{ display: none; }


/*****************************************************************
TEXT DECLARATIONS
*****************************************************************/

h1		{
		  font-family: georgia, times new roman, serif;
		  font-weight: normal;
		  font-style: italic;
		  font-size: 180%;
		  line-height: 140%;
		  color: #590000;
		  padding: 0px;
		  margin: 0px 0px 0px 10px;
		}

#introduction h1				{ margin: 5px 10px 0px 6px; font-size: 250%; line-height: 120%; }
#article_container h1			{ font-size: 250%; color: #333; margin: 5px 20px 0px 6px; }
#article_overview h1			{ font-size: 170%; color: #000; margin: 3px 10px 3px 6px; }

h2		{
		  font-family: georgia, times new roman, serif;
		  font-weight: normal;
		  font-style: italic;
		  font-size: 170%;
		  line-height: 130%;
		  color: #000;
		  padding: 0px;
		  margin: 3px 0px 3px 6px;
		}

.block h2	{ color: #000; }

h3		{
		  font-size: 110%;
		  font-weight: bold;
		  color: #666;
		  padding: 0px 0px 0px 0px;
		  margin: 0px 0px 0px 20px;
		}

h4		{
		  font-size: 110%;
		  font-weight: bold;
		  color: #333;
		  padding: 0px 0px 0px 0px;
		  margin: 10px 0px 10px 20px;
		}

p	{
	  line-height: 140%;
	  font-size: 90%;
	  color: #666;
	  margin: 0px 0px 2px 6px;
	  padding: 0px;
	}

p.smaller		{ font-size: 80%; }
p.center		{ text-align: center; }
p.error_txt		{ color: #ff0000; }

p.leesverder img			{ vertical-align: middle; }
p.leesverder span.rsaquo	{ color: #c18316; font-weight: bold; font-size: 110%; }
.block_header span.rsaquo	{ color: #590000; font-weight: normal; font-size: 170%; line-height: 100%; margin: 0px 0px 0px 6px; }

p.leesverder.previous		{ float: left; padding: 0px 10px 0px 0px; margin: 10px 0px 0px 6px; }
p.leesverder.numbering		{ float: left; width: 400px; text-align: center; margin: 10px 0px 0px 0px; }
p.leesverder.next			{ float: left; padding: 0px 0px 0px 10px; margin: 10px 0px 0px 0px; }

p#no_postings	{ position: absolute; top: 500px; left: 0px; }

.block p							{ color: #666; }
.block#toolbox p.leesverder			{ margin: 10px; line-height: 190%; }

.block.header p				{ margin: 0px 20px 20px 6px; }
.block p.header_desc		{ margin: 0px 10px 10px 8px; }

.posting p span.rsaquo		{ font-weight: bold; font-size: 130%; }
.posting p					{ font-size: 80%; line-height: 120%; margin: 2px 5px 2px 5px; }
.block_comments p			{ margin: 10px 0px 2px 6px; color: #000; font-size: 100%; }
.block_comments p em		{ color: #666; }

#introduction p					{ font-size: 100%; margin: 10px 375px 0px 6px; }
#article_container p			{ margin: 0px 20px 20px 6px; color: #666; font-size: 120%; line-height: 130%; }
#article_service_container p	{ font-size: 100%; line-height: 130%; }
#article_overview p				{ font-size: 100%; line-height: 130%; }

#footer p		{ color: #999; padding: 8px 0px 0px 5px; margin: 0px; font-size: 90%; }
#footer p img	{ vertical-align: middle; }

span.super				{ line-height: 100%; font-size: 80%; }
span.search_highlight	{ background-color: #ffff99; }


/*****************************************************************
LINK, hover and visited should have diversions in color.
hover should be underlined, for extra clarity a normal link
could be underlined to emphasize its linklyness.
*****************************************************************/

A 			{ text-decoration: none; color: #c18316; }
A:link		{ text-decoration: none; color: #c18316; }
A:visited	{ text-decoration: none; color: #c18316; }
A:active	{ text-decoration: none; color: #c18316; }
A:hover		{ text-decoration: underline; color: #c18316; }
A.active	{ text-decoration: underline; color: #c18316; }

#footer A		{ color: #999; text-decoration: underline; }
#footer A:hover	{ color: #666; text-decoration: underline; }

#article_container p A			{ color: #c18316; }
#article_container p A:hover	{ color: #c18316; text-decoration: underline; }

p.leesverder A			{ color: #c18316; }
p.leesverder A:link		{ color: #c18316; }
p.leesverder A:visited	{ color: #c18316; }
p.leesverder A:active	{ color: #c18316; }
p.leesverder A:hover	{ color: #c18316; }
p.leesverder A.active	{ color: #bcae96; }

p.leesverder.numbering A		{ color: #c18316; padding: 1px; }
p.leesverder.numbering A:hover	{ background: #c18316; color: #fff; text-decoration: none; }
p.leesverder.numbering A.active	{ background: #c18316; color: #fff; text-decoration: none; }

h1 A			{ color: #590000; }
h1 A:link		{ color: #590000; }
h1 A:visited	{ color: #590000; }
h1 A:active		{ color: #590000; }
h1 A:hover		{ color: #590000; }

h2 A			{ color: #590000; }
h2 A:link		{ color: #590000; }
h2 A:visited	{ color: #590000; }
h2 A:active		{ color: #590000; }
h2 A:hover		{ color: #590000; }

.posting A				{ color: #999; }
.posting A:link			{ color: #999; }
.posting A:visited		{ color: #999; }
.posting A:active		{ color: #999; }
.posting A:hover		{ color: #999; }

.block_header A			{ color: #590000; font-weight: normal; font-size: 120%; line-height: 100%; color: #590000; }
.block_header A:link	{ color: #590000; }
.block_header A:visited	{ color: #590000; }
.block_header A:active	{ color: #590000; }
.block_header A:hover	{ color: #590000; }

/*****************************************************************
TABLE DECLARATIONS
*****************************************************************/
/* LIGT AAN DE HOEVEELHEID MAAR INDIEN NODIG EEN tables.css AANMAKEN */


/*****************************************************************
COMMON LIST DECLARATIONS
*****************************************************************/

ul.content, ol.content	{
						  font-size: 90%;
						  line-height: 140%;
						  color: #333;
						  margin: 0px 30px 0px 30px; padding: 0px;
						}



