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

body		{
			  text-align: center;
			  padding: 0; margin: 1px 0px 0px 0px;
			  background: #fff;
			  font-family: verdana, helvetica, arial, sans-serif;
			  font-size: 76%;
			}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }

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

#logo			{ position: absolute; top: 0px; left: 0px; }
#header			{ position: absolute; top: 0px; left: 272px; }
#header_footer	{ position: absolute; top: 130px; left: 0px; height: 23px; width: 100%; background: #00426f; }

#header_nieuws	{
				  position: absolute;
				  top: 0px; right: 0px;
				  height: 128px; width: 268px;
				  border-top: 1px solid #aab7c0;
				  border-left: 1px solid #fff;
				  border-bottom: 1px solid #fff;
				  background: #fff url(../images/header_nieuws_bg.gif) repeat-x;
				}

#content_container			{ position: absolute; top: 153px; left: 272px; width: 539px; background: #fff; }
#content_container.product	{ position: absolute; top: 153px; left: 272px; width: 404px; background: #fff; }

.adres_container					{ float: left; width: 500px; background: #fff; margin: 0px 0px 30px 20px; border-bottom: 1px solid #999; }
.adres_container#single				{ border: none; }
.adres_container p.adres_foto		{ float: left; width: 200px; padding: 0px 0px 10px 0px; }
.adres_container p.adres_gegevens	{ float: left; width: 300px; padding: 0px 0px 10px 0px; }

#sidebar_container								{ position: absolute; top: 153px; right: 0px; width: 134px; height: 500px; background: #00426f; }
#sidebar_container.product						{ position: absolute; top: 153px; right: 0px; width: 268px; height: 500px; background: #d6d6d6; }
#sidebar_container div.banner_red				{ display: block; border-top: 1px solid #fff; background: #fd4546; }
#sidebar_container div.banner_blue				{ display: block; border-top: 1px solid #fff; background: #00426f; }
#sidebar_container div.banner_logos				{ display: block; width: 134px; height: 94px; border-top: 1px solid #fff; background: #fff; }
#sidebar_container.product div.banner_blue		{ display: block; float: left; width: 134px; height: 134px; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #00426f; }
#sidebar_container div.banner_white				{ display: block; border-top: 1px solid #fff; background: #fff; }
#sidebar_container.product div.banner_grey		{ display: block; background: #999999; width: 132px; height: 134px; float: left; border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#sidebar_container.product img#product_foto 	{ float: left; border: 1px solid #00426f; margin-top: 1px; }
#sidebar_container.product div#no_product_foto		{ float: left; width: 265px; height: 325px; border: 1px solid #00426f; margin-top: 1px; }
#sidebar_container div#animbanner				{ border-bottom: 1px solid #fff; }

div#map				{ background: #fff; border: 2px solid #999; width: 495px; height: 400px; margin: 10px 20px 10px 20px; }
div.map_locations	{ display: none; }

div.routebeschrijving	{ display: block; }

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

h1		{
		  font-weight: bold;
		  font-size: 150%;
		  color: #00426f;
		  padding: 10px 0px 0px 0px;
		  margin: 10px 15px 20px 20px;
		}

h2		{
		  font-weight: bold;
		  font-size: 120%;
		  color: #00295A;
		  padding: 0px 0px 0px 0px;
		  margin: 10px 15px 5px 20px;
		}

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

.routebeschrijving h3	{ margin: 20px 0px 10px 20px; }

h3 strong	{ color: #000; }

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: #333;
	  padding: 0px 15px 10px 20px;
	  margin: 0px;
	}

.map_locations p		{ padding: 0px 15px 10px 0px; margin: 0px; }

#sidebar_container div.banner_red p		{ font-weight: bold; padding: 5px; }
#sidebar_container div.banner_blue p	{ font-weight: bold; padding: 5px; }

p.adres_gegevens strong	{ color: #666; }

p.center		{ text-align: center; }
p.error_txt		{ color: #ff0000; }

p.page_numbering				{ margin: 0px 0px 0px 0px; padding: 0px 20px 10px 20px; }
p.page_numbering span.inactive	{ font-weight: bold; padding: 0px 2px 0px 2px; color: #999; }
p.page_numbering A 				{ text-decoration: none; color: #00295A; font-weight: bold; padding: 0px 2px 0px 2px; }
p.page_numbering A:link			{ text-decoration: none; color: #00295A; }
p.page_numbering A:visited		{ text-decoration: none; color: #333; }
p.page_numbering A:active		{ text-decoration: none; color: #000; }
p.page_numbering A:hover		{ text-decoration: underline; color: #333; }
p.page_numbering A#pnactive		{ text-decoration: underline; color: #000; }


/*****************************************************************
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: #003399; }
A:link		{ text-decoration: none; color: #003399; }
A:visited	{ text-decoration: none; color: #003399; }
A:active	{ text-decoration: none; color: #003399; }
A:hover		{ text-decoration: underline; color: #003399; }
A.active	{ text-decoration: underline; color: #003399; }

A.external span			{ background: url(images/externicons.gif) no-repeat 0 -198px; padding: 0px 15px 0px 0px; }
A.external:hover		{ text-decoration: none; color: #ff0000;  }
A.external:visited span	{ background: url(images/externicons.gif) no-repeat 0 -98px; padding: 0px 15px 0px 0px; }
A.external:hover span	{ background: url(images/externicons.gif) no-repeat 0 -198px; padding: 0px 15px 0px 0px; }

#header_nieuws p A			{ font-weight: bold; }
#header_nieuws p A:hover	{ text-decoration: none; }

A#nieuwsarchief			{ display: block; padding: 3px 0px 4px 10px; background: #6990aa; border-top: 1px solid #fff; font-weight: bold; color: #fff; }
A#nieuwsarchief:hover	{ text-decoration: none; color: #000033; }

#sidebar_container div.banner_red A			{ color: #eee; }
#sidebar_container div.banner_red A:hover	{ color: #fff; text-decoration: none; }

#sidebar_container div.banner_blue A		{ color: #eee; }
#sidebar_container div.banner_blue A:hover	{ color: #fff; text-decoration: none; }

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

table, tr, td	{ border: none; margin: 0px 10px 0px 20px; }

table.downloads		{ width: 500px; }

table.downloads td			{ background: #d6d6d6; padding: 5px; }
table.downloads td.even		{ background: #c4c4c4; }
table.downloads td.terug	{ background: #00426f; }

table.downloads A 			{ text-decoration: none; color: #333; font-weight: bold; }
table.downloads A:link		{ text-decoration: none; color: #333; }
table.downloads A:visited	{ text-decoration: none; color: #333; }
table.downloads A:active	{ text-decoration: none; color: #333; }
table.downloads A:hover		{ text-decoration: underline; color: #00426f; }
table.downloads A.active	{ text-decoration: underline; color: #00426f; }

table.downloads td.terug A			{ display: block; color: #ddd; }
table.downloads td.terug A:hover	{ text-decoration: none; color: #fff; }


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

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

ul#nieuws_items		{ display: block; overflow: hidden; list-style-type: none; width: 250px; height: 90px; background: transparent; margin: 5px 0px 6px 0px; padding: 0px 5px 5px 10px; }
ul#nieuws_items li	{ font-size: 80%; line-height: 120%; padding: 3px 15px 3px 0px; }