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

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

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

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

#content	{
			  position: absolute;
			  top: 185px; left: 170px;
			  width: 710px;
			}

#content_index_cleanrooms	{
			  position: absolute;
			  top: 10px; left: 250px;
			  width: 610px;
			}

#content.thumbs	{ padding: 30px 0px 0px 0px; }

#content_home	{
				  position: absolute;
				  top: 74px; left: 170px;
				  width: 710px;
				  background-image: url(images/foto_home.jpg);
				  background-repeat: no-repeat;
				  background-position: 0px 21px;
				}

#content_referenties	{
						  position: absolute;
						  top: 120px; left: 170px;
						  width: 710px;
						  background: transparent;
						}

div.news_container		{ margin: 0px 135px 0px 0px; }

.content_foto	{
				  position: absolute;
				  top: 185px; left: 170px;
				  width: 376px; height: 318px;
				  background: transparent;
				}

.content_foto#schilders_foto	{ background-image: url(images/foto_schilders.jpg); background-repeat: no-repeat; background-position: 0px 1px; }
.content_foto#interior_foto		{ background-image: url(images/foto_interior_contractors.jpg); background-repeat: no-repeat; background-position: 0px 1px; }
.content_foto#bta_foto			{ background-image: url(images/foto_bta.jpg); background-repeat: no-repeat; background-position: 0px 1px; }
.content_foto#cleanrooms_foto	{ background-image: url(images/foto_cleanrooms.jpg); background-repeat: no-repeat; background-position: 0px 1px; }
.content_foto#cleanrooms-en_foto	{ background-image: url(images/foto_cleanrooms-en.jpg); background-repeat: no-repeat; background-position: 0px 1px; }

#menu_bar	{
 			  position: absolute;
 			  top: 120px; left: 0px;
 			  width: 177px;
 			  background: url(images/menu_bg.gif) repeat-y 0px 10px;
 			  z-index: 2;
 			}

#navigation	{
 			  position: absolute;
 			  top: 0px; left: 0px;
 			  width: 177px; height: 285px;
 			  background-image: url(images/navigation_bg.png);
 			  background-repeat: no-repeat;
 			  z-index: 2;
			}

#submenu_bar{
 			  position: absolute;
 			  top: 74px; left: 169px;
 			  width: 710px; height: 112px;
 			  background-image: url(images/submenu_bg.png);
 			  background-repeat: no-repeat;
 			  background-position: 0px 0px;
 			  z-index: 2;
 			}

.top_bar	{
			  position: absolute;
			  top: 0px; right: 0px;
			  width: 635px; height: 115px;
			  z-index: 2;
			}

.top_bar#home					{ background-image: url(images/top_bar/top_bar_home.png); background-repeat: no-repeat; }
.top_bar#organisatie			{ background-image: url(images/top_bar/top_bar_dummy.png); background-repeat: no-repeat; }
.top_bar#schilders				{ background-image: url(images/top_bar/top_bar_schilders.png); background-repeat: no-repeat; }
.top_bar#interior_contractors	{ background-image: url(images/top_bar/top_bar_interior_contractors.png); background-repeat: no-repeat; }
.top_bar#bta_techniek			{ background-image: url(images/top_bar/top_bar_bta.png); background-repeat: no-repeat; }
.top_bar#cleanrooms				{ background-image: url(images/top_bar/top_bar_cleanrooms.png); background-repeat: no-repeat; }
.top_bar#referenties			{ background-image: url(images/top_bar/top_bar_referenties.png); background-repeat: no-repeat; }
.top_bar#nieuws					{ background-image: url(images/top_bar/top_bar_nieuws.png); background-repeat: no-repeat; }
.top_bar#vacatures				{ background-image: url(images/top_bar/top_bar_vacatures.png); background-repeat: no-repeat; }
.top_bar#contact				{ background-image: url(images/top_bar/top_bar_contact.png); background-repeat: no-repeat; }
.top_bar#disclaimer				{ background-image: url(images/top_bar/top_bar_disclaimer.png); background-repeat: no-repeat; }
.top_bar#sitemap				{ background-image: url(images/top_bar/top_bar_sitemap.png); background-repeat: no-repeat; }
.top_bar#links					{ background-image: url(images/top_bar/top_bar_links.png); background-repeat: no-repeat; }

#news_box_home	{
			  	  position: absolute;
			   	  top: 0px; right: 0px;
			  	  width: 322px; height: 95px;
			  	  background-image: url(images/nieuws_kader.png);
			  	  background-repeat: no-repeat;
			  	  z-index: 3;
				}

#footer_bar	{
			  position: absolute;
			  bottom: 0px; left: 0px;
			  width: 880px; height: 128px;
			  background-image: url(images/footer_bar.png);
			  background-repeat: no-repeat;
			  z-index: 3;
			}

#footer_bar_empty	{
			  position: absolute;
			  bottom: 0px; left: 0px;
			  width: 880px; height: 128px;
			  background-image: url(images/footer_bar_empty.png);
			  background-repeat: no-repeat;
			  z-index: 3;
			}

#claim		{
			  margin: 19px 0px 0px 12px;
			}

#logo		{
			  position: absolute;
			  top: 40px; left: 20px;
			}

#logo_ccg		{
			  position: absolute;
			  top: 20px; left: 20px;
			}

#logo_ccg_home		{
			  position: absolute;
			  top: 20px; left: 20px;
			  height: 300px;
			}

.refblock	{
			  float: left;
			  display: block;
			  width: 142px;
			  height: 120px;
			  overflow: hidden;
			  background: transparent;
			  text-align: center;
			  margin: 10px 0px 0px 0px;
			}

.address_float	{ float: left; width: 30%; margin: 0px; }

img.fotoleft	{ float: left; margin: 10px; }
div.fotoright, img.fotoright	{ float: right; margin: 20px 15px 10px 15px; }


/*****************************************************************
TEXT DECLARATIONS
*****************************************************************/
.boxright { height:230px; overflow:auto; margin-left:390px; }
.boxright ul { font-size: 90%; line-height: 140%; margin: 0; padding: 0px 15px 0px 20px; }
.boxright p { margin: 0px 0px 0px 0px; padding: 0px 15px 0px 0px; }

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

h1.cleanrooms   { margin: 10px 15px 10px 20px; }

#content_home h1		{ margin: 48px 15px 10px 400px; }
#content_referenties h1	{ margin: 0px 15px 10px 20px; padding: 10px 0px 0px 0px; }

#content_referenties h1.fullwidth	{ margin: 0px 135px 10px 20px; }

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

#content_referenties h2	{ margin: 10px 15px 10px 20px; }

h2.ccg_contact_header	{ font-size: 120%; }

#news_box_home h2	{ text-transform: uppercase; margin: 2px 10px 0px 25px; padding: 0; font-size: 100%; color: #FFE140; }
h2.right	{ margin: 20px 15px 10px 390px; }
h2.left	{ margin: 20px 15px 10px 20px; }

h3		{
		  font-size: 110%;
		  font-weight: bold;
		  color: #666;
		  padding: 0px 0px 0px 0px;
		  margin: 20px 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: #333;
	  padding: 0px 15px 0px 20px;
	  margin: 0px;
	}

#content_home p		{ padding: 10px 15px 10px 400px; line-height: 160%; color: #00295A; }
#news_box_home p.nieuwsitem_home	{ display: block; height: 48px; overflow: hidden; padding: 8px 10px 0px 25px; color: #00295A; background: transparent; }
#news_box_home p.leesmeer_home		{ padding: 0px 10px 0px 25px; }

.refblock p			{ font-size: 80%; line-height: 110%; padding: 0px 5px 0px 5px; }
.refblock p A:hover	{ text-decoration: none; }

p.fullwidth		{ margin: 0px 135px 0px 0px; }
p.right, form.right	{ margin: 0px 0px 0px 0px; padding: 0px 15px 0px 20px; }
p.rightlight		{ margin: 8px 0px 0px 370px; padding: 0px 15px 0px 20px; }
p.nieuws_intro	{ float: left; padding: 10px 0px 10px 20px; line-height: 140%; width: 300px; }
p.reflist		{ float: left; padding: 0px 0px 10px 20px; line-height: 160%; }
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: #00295A; }
A:link		{ text-decoration: none; color: #00295A; }
A:visited	{ text-decoration: none; color: #00295A; }
A:active	{ text-decoration: none; color: #00295A; }
A:hover		{ text-decoration: underline; color: #000; }
A.active	{ text-decoration: underline; color: #000; }

A.leesmeer	{ font-weight: bold; }

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

#news_box_home h2 A			{ color: #FFE140; }
#news_box_home h2 A:hover	{ color: #fff; text-decoration: none; }

#news_box_home p A			{ color: #00295A; font-weight: bold; }
#news_box_home p A:hover	{ color: #000; text-decoration: underline; }


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



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

ul.right	{
			  font-size: 90%;
			  line-height: 140%;
			  margin: 0; padding: 0px 15px 0px 20px;
			}

ul.right#withheading	{ margin: 5px 0px 0px 390px; }

ul.content	{
			  font-size: 90%;
			  line-height: 130%;
			  margin: 0px 0px 0px 20px; padding: 0px 15px 0px 20px;
			}

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

/* DIT HOORT OF STAAT IN NAVIGATION.CSS */
ul#mainnav	{
			  position: absolute;
			  top: 120px; left: 0px;
			  z-index: 4;
			  width: 170px;
			  padding: 15px 0px 30px 0px; margin: 0px 0px 0px 0px;
			  list-style: none;
			  text-transform: uppercase;
			  font-size: 80%;
			}

/* Applying float: left to the li is a hack to eliminate the spacing between li's in IE */
ul#mainnav li					{ float: left; height: 25px; margin: 0px; padding: 0px; background: transparent; }
ul#mainnav li A 				{ text-decoration: none; color: #000; font-weight: bold; padding: 5px 0px 7px 20px; margin: 0px 0px 0px 0px; display: block; width: 150px; }
ul#mainnav li A:link			{ text-decoration: none; color: #000; }
ul#mainnav li A:visited			{ text-decoration: none; color: #000; }
ul#mainnav li A:active			{ text-decoration: none; color: #000; }
ul#mainnav li A:hover			{ text-decoration: none; color: #fff; background: url(images/menu_hilite.png) no-repeat 0px 0px; }
ul#mainnav li A#active			{ text-decoration: none; color: #00295A; background: url(images/menu_active.png) no-repeat 0px 3px; }
ul#mainnav li A#active:hover	{ background: url(images/menu_active.png) no-repeat 0px 3px; }

ul#mainnav li A.visie			{ width: 180px; }
ul#mainnav li A.nuchter			{ width: 136px; }
ul#mainnav li A.capaciteit		{ width: 260px; }
ul#mainnav li A.geschiedenis	{ width: 114px; }
ul#mainnav li A.dienstverlening	{ width: 156px; }
ul#mainnav li A.referenties		{ width: 124px; }
ul#mainnav li A.werkgebieden	{ width: 140px; }
ul#mainnav li A.producten		{ width: 116px; }
ul#mainnav li A.service	      { width: 90px; }
ul#mainnav li A.references		{ width: 124px; }
ul#mainnav li A.areas_of_use	{ width: 140px; }
ul#mainnav li A.products		  { width: 116px; }

ul#mainnav li.footer			{ height: 15px; text-transform: none; }
ul#mainnav li.footer#first		{ margin: 14px 0px 0px 0px; }

ul#mainnav li.footer A 				{ text-decoration: none; color: #00295A; font-weight: bold; padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; display: block; width: 150px; }
ul#mainnav li.footer A:link			{ text-decoration: none; color: #00295A; }
ul#mainnav li.footer A:visited		{ text-decoration: none; color: #00295A; }
ul#mainnav li.footer A:active		{ text-decoration: none; color: #00295A; }
ul#mainnav li.footer A:hover		{ text-decoration: underline; color: #000; background: none; }
ul#mainnav li.footer A#active		{ text-decoration: underline; color: #000; background: none; }
ul#mainnav li.footer A#active:hover	{ background: none; text-decoration: underline; }

ul#mainnav ul	{
			      position: absolute;
			      top: 44px; left: 180px;
			      width: 690px;
			      padding: 0px; margin: 0px;
			      list-style: none;
			      background: transparent;
				}

ul#mainnav ul li				{ float: left; margin: 0px; padding: 0px; background: transparent; text-align: center; }
ul#mainnav ul li A				{ text-decoration: none; color: #000; font-weight: bold; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; display: inline-block; }
ul#mainnav ul li A:link			{ text-decoration: none; color: #000; }
ul#mainnav ul li A:visited		{ text-decoration: none; color: #000; }
ul#mainnav ul li A:active		{ text-decoration: none; color: #000; }
ul#mainnav ul li A:hover		{ text-decoration: none; color: #00295A; background: #fff0a0; }
ul#mainnav ul li A#subactive		{ text-decoration: none; color: #00295A; background: #fff; }
ul#mainnav ul li A#subactive:hover	{ background: #fff; }


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