/*****************************************************************
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: 100%;
			  background: #fff;
			  text-align: left;
			  padding: 0;
			  margin: 0;
			}

#logo			{ position: absolute; top: 0px; left: 0px; }
#header			{ display: none; }
#header_footer	{ display: none; }

#header_nieuws	{ display: none; }

#content_container			{ width: 100%; padding-top: 130px; }
#content_container.product	{ width: 370px; padding-top: 130px; float: left; margin: 0; }

#sidebar_container								{ display: none; }
#sidebar_container.product						{ display: inline; float: left; padding-top: 100px; width: 268px; margin: 0; }
#sidebar_container.product img#product_foto 	{ display: inline; }
#sidebar_container div#animbanner				{ display: none; }

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: none; }

/*****************************************************************
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; }

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: 4px 0px 5px 10px; background: #6990aa; border-top: 1px solid #fff; font-weight: bold; color: #fff; }
A#nieuwsarchief:hover	{ text-decoration: none; color: #000033; }

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

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

/*****************************************************************
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: none; }

#navcolumn		{ display: none; }
#navcontainer	{ display: none; }

/*****************************************************************
NAVIGATION LIST DECLARATIONS
*****************************************************************/

/* DIT HOORT OF STAAT IN NAVIGATION.CSS */
/* LEVEL 1: ROZE */
ul#mainnav	{
			  display: none;
			}

/*****************************************************************
HEADER NAV DECLARATIONS
*****************************************************************/


ul#headernav	{
				  display: none;
				}

/*****************************************************************
SITEMAP LIST DECLARATIONS
*****************************************************************/

ul#sitemap	{
			  position: relative;
			  line-height: 160%;
			  margin: 0px 0px 20px 0px;
			  padding: 0px 0px 0px 60px;
			  list-style-type: square;
			}

ul#sitemap li			{ font-weight: bold; padding-top: 5px; }
ul#sitemap li ul		{ padding: 0px 0px 0px 10px; }
ul#sitemap li li		{ font-weight: normal; list-style-type: circle; margin: 0px 0px 0px 10px; padding: 0; }


/******************************************************************
PORTAL
******************************************************************/

span#portalphone			{ display: none; }

#portal_topright	{
				  display: none;
				}
ul#portal_toprightul		{ 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#portal_toprightul li	{ font-size: 80%; line-height: 120%; padding: 83px 0px 3px 0px; text-align: center;}

ul#portalnav	{
				  display: none;
				}

ul#portalnav li				{ float: left; margin: 6px 0px 0px 0px; border-right: 1px solid #9bb2c4;}
ul#portalnav li#last	{ border: none; }
ul#portalnav li A			{
							  display: block;
							  padding: 0px 14px 0px 14px; margin: 0px 0px 0px 0px;
							  font-weight: bold;
							}
ul#portalnav li A:link		{ text-decoration: none; color: #9bb2c4; }
ul#portalnav li A:visited	{ text-decoration: none; color: #9bb2c4; }
ul#portalnav li A:active	{ text-decoration: none; color: #9bb2c4; }
ul#portalnav li A:hover		{ text-decoration: none; color: #fff; }
ul#portalnav li A#headernav_active		{ text-decoration: none; color: #fff; }

ul#portalnav li#zoeken					{ float: right; width: 268px; height: 23px; border: none; border-left: 1px solid #fff; margin: 0px 0px 0px 0px; }
ul#portalnav li#zoeken form				{ margin: 1px 2px 2px 2px; }
ul#portalnav li#zoeken A				{ display: inline; padding: 0px 5px 0px 5px; }
ul#portalnav li#zoeken input#zoekquery	{ border: none; width: 200px; margin: 0px; padding: 1px 2px 2px 2px; }


#portal_container			{ position: absolute; top: 153px; left: 272px; width: 673px; background: #fff; }

ul#portal_iconnav	{
			  position: absolute;
			  top: 153px; left: 0px;
			  padding: 0px 0px 0px 0px; margin: 0px;
			  list-style: none;
			  font-size: 90%;
			  width: 272px;
			}

ul#portal_iconnav li {
	margin: 8px 0px 0px 5px;
}

#portal_news {
	width: 326px;
	float: left;
	margin-right: 3px;
	margin-left: 18px;
}

#portal_news_top {
	float: left;
	width: 326px;
	height: 26px;
	background-image: url(/images/portal/bg_news_top.jpg);
	background-repeat: no-repeat;
}

#portal_news_top ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#portal_news_top ul li.left {
	float: left;
	line-height: 140%;
	font-size: 100%;
	color: #3e3e3e;
	padding: 4px 12px 0px 6px;
	margin: 0px;
	font-weight: bold;
}

#portal_news_top ul li.right {
	float: right;
	line-height: 140%;
	font-size: 100%;
	color: #818181;
	padding: 4px 12px 0px 6px;
	margin: 0px;
	font-weight: bold;
}

#portal_news_top ul li.right a {
	color: #818181;
}

#portal_news_content {
	float: left;
	width: 326px;
	background-image: url(/images/portal/bg_news_content.jpg);
	padding: 8px 0px 8px 0px;
}

#portal_news_content p {
	  line-height: 140%;
	  font-size: 90%;
	  color: #333;
	  padding: 0px 12px 10px 6px;
	  margin: 0px;
}

#portal_news_content p a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

#portal_news_content p a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #F00;
}

#portal_news_foot {
	float: left;
	width: 326px;
	height: 11px;
	background-image: url(/images/portal/bg_news_foot.jpg);
	background-repeat: no-repeat;
}

#portal_projects {
	width: 326px;
	float: left;
}


#portal_projects_top {
	float: left;
	width: 326px;
	height: 26px;
	background-image: url(/images/portal/bg_projects_top.jpg);
	background-repeat: no-repeat;
}

#portal_projects_top ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#portal_projects_top ul li.left {
	float: left;
	line-height: 140%;
	font-size: 100%;
	color: #3e3e3e;
	padding: 4px 12px 0px 6px;
	margin: 0px;
	font-weight: bold;
}

#portal_projects_top ul li.right {
	float: right;
	line-height: 140%;
	font-size: 100%;
	color: #818181;
	padding: 4px 12px 0px 6px;
	margin: 0px;
	font-weight: bold;
}

#portal_projects_top ul li.right a {
	color: #818181;
}

#portal_projects_content {
	float: left;
	width: 326px;
	background-image: url(/images/portal/bg_projects_content.jpg);
	padding: 8px 0px 8px 0px;
}

#portal_projects_content p {
	  line-height: 140%;
	  font-size: 90%;
	  color: #333;
	  padding: 0px 12px 10px 6px;
	  margin: 0px;
}

#portal_projects_content p a {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

#portal_projects_content p a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #F00;
}

#portal_projects_foot {
	float: left;
	width: 326px;
	height: 11px;
	background-image: url(/images/portal/bg_projects_foot.jpg);
	background-repeat: no-repeat;
}

#cmxform ul {
	list-style-type: none;
}