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

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

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

#container	{
			  position: relative;
			  width: 889px;
			  background: url(../images/container-bg.gif) repeat-y;
			  text-align: left;
			  padding: 0px;
			  margin: 0px auto 0px auto;

			}

#content 	{	position: absolute;
				top: 141px;
				left: 195px;
				width: 670px;
			}

#content.projecten { background: url(../images/projecten-bg.gif) no-repeat 0px 0px;
					 width: 676px;
					 height: 447px;
					}

#iblock 		{ position: relative;
				  background: url(../images/index_back.gif) repeat-y 0px 0px;
	 			  width: 676px;
				  padding: 30px 0px 50px 0px;
				}
#actueel 		{ position: relative;
				  background: url(../images/index_back.gif) repeat-y 0px 0px;
				  width: 676px;
				  padding: 30px 0px 50px 0px;
				}

	.iheader	{ position: absolute;
				  left: 0px; top: 0px;
				  background: url(../images/index_header.gif) no-repeat 0px 0px;
				  width: 676px;
				  height: 49px;
				}
	.ifooter	{ position: absolute;
				  left: 0px;
				  bottom: 0px;
				  background: url(../images/index_footer.gif) no-repeat;
				  width: 676px;
				  height: 44px;
				}





ul#project_nav	{	position: absolute;
				top: 0px;
				left: 0px;
				height: 23px;
			}


div#description { position: absolute;
				  left: 450px;
				  top: 50px;
				  width: 220px; height: 350px;
				}


#content img { position: relative ; float: left; margin-right:20px;}


#content_tekst img { float: right; margin: 0px 0px 10px 20px;  }
#content_tekst p   { margin-top: 0px; text-align: justify; font-size: 1em; width: 590px;}





#logo		{ 	position: absolute; top: 8px; left: -28px; }

#header 	{
				position: absolute;
				top: 0px;
				left: 0px;
				height: 117px;
				width: 889px;
				background: url(../images/header-bg.gif) no-repeat;
			}

#header img	{   position: absolute;
				top: 8px;
				right: 14px;}


#navigatie 	{
				position: absolute;
				top: 141px;
				left: 10px;

				width: 185px;
			 }

#navigatie ul {
				position: relative;
				top: 0px;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				list-style:none;}
#navigatie ul li  {
				  }


#home_flash		{ width: 243px; height: 243px; background: url(../images/index_schaduw.gif); float: right; margin: 20px 20px 10px 20px; padding: 5px 0px 0px 5px;}


#footer 	{
				position: absolute;
				bottom: 0px;
				width: 889px;
				height: 23px;
				background: url(../images/footer-bg.gif);

				}

#jp3	{ position: absolute;
		  left: 21px;
		  top: 53px;
		  width: 425px;
		  height: 335px;
		}

/*
Default slideshow styles
*/

#slideshow {
	position: relative;
	width: 240px; height: 240px;
	margin: 0px 0px 0px 0px;
	background: transparent; 
}

#slideshow.projecten {
	width: 425px; height: 335px;
}

#slideshow div {
	position: absolute;
	top: 0; left: 0;
	background-color: transparent;
	vertical-align: middle;
	text-align: center; 
}

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

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

h2		{
		  font-weight: bold;
		  font-size: 120%;
		  color: #00295A;
		  padding: 0px 0px 0px 0px;
		  margin: 10px 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 10px 20px;
	  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.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; }


p.adres		{ color: #666;
			  margin: 15px 0px 0px 15px;
			  padding: 0px;
			}

#description p	{ line-height: 140%;
	  			  font-size: 90%;
	  			  color: #333;
	  			  padding: 0px 15px 0px 10px;
	  			  margin: 0px 0px 5px 0px;
	  			}

#iblock p, #actueel p { margin: 7px 10px 0px 12px; width: 400px; }
/*****************************************************************
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; }


#navigatie	ul A 	{ display: block;
					  width: 171px;
					  height: 26px;
					  background: url(../images/navbutton.gif);
					  padding: 4px 0px 0px 14px;
					  font-weight: bold;
					  text-decoration: none; color: #666;
				}
#navigatie ul A:link	{ text-decoration: none; color: #666;}
#navigatie ul A:visited	{ text-decoration: none; color: #666;}
#navigatie ul A:active	{ text-decoration: none; color: #666;}
#navigatie ul A:hover	{ text-decoration: none; color: #000;
						  background: url(../images/navbutton.gif);}
#navigatie ul A.active	{ text-decoration: none; color: #000;
						  background: url(../images/navbutton_act.gif);
						}

#navigatie	ul ul  		   { display: none; }
#navigatie  ul ul.active   { display: block; }
#navigatie	ul ul li 	{ list-style-image: url(../images/nav_list.gif);
						  margin: 0px 0px 0px 25px;
						  padding: 0px 0px 0px 0px;}

#navigatie	ul ul A 	{ display: block;
						  width: 171px;
						  height: 26px;
						  background: none;
						  padding: 4px 0px 0px 0px;
						  margin: 0px;
						  font-weight: bold;
						  text-decoration: none; color: #666;
						}

#navigatie ul ul A:link		{ text-decoration: none; color: #666;}
#navigatie ul ul A:visited	{ text-decoration: none; color: #666;}
#navigatie ul ul A:active	{ text-decoration: none; color: #666;}
#navigatie ul ul A:hover	{ text-decoration: none; color: #000; background: none; }
#navigatie ul ul A.active	{ text-decoration: none; color: #000; background: none; }



ul#project_nav	{ position: absolute;
				  left: 24px;
				  top: 2px;
				  margin: 0px;
				  padding: 0px;
				 }
#project_nav li	{ list-style-type: none;
				  float: left;
				  width: 126px;
				  margin: 0px;
				  padding: 0px;
				}
#project_nav A 	{ display: block;
 					  font-size: 90%;
					  width: 115px;
					  height: 15px;
					  background: url(../images/but_project.gif);
					  padding: 7px 0px 0px 8px;
					  font-weight: bold;
					  text-decoration: none; color: #666;
				}
#project_nav A:link	{ text-decoration: none; color: #666;}
#project_nav A:visited	{ text-decoration: none; color: #666;}
#project_nav A:active	{ text-decoration: none; color: #666;}
#project_nav A:hover	{ text-decoration: none; color: #000;
						  background: url(../images/but_project_on.gif);}
#project_nav A.active	{ text-decoration: none; color: #000;
						  background: url(../images/but_project_act.gif);
						}



ul#indextab, ul#acttab	{ position: absolute;
						  left: 24px;
						  top: 2px;
						  margin: 0px;
						  padding: 0px;
						}

#indextab li, #acttab li		{ float: left; list-style-type: none;
								  text-decoration: none; color: #000;
								  width: 115px;
								  height: 15px;
								  padding: 7px 0px 0px 8px;
			  					  font-weight: bold;
								  text-decoration: none; color: #000;
								  background: url(../images/but_project_act.gif) no-repeat;}

#indextab.wide li				{ width: 200px;
								  background: url(../images/but_project_act_wide.gif) no-repeat;
								}

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


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

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



/*****************************************************************
DOWNLOADS DECLARATIONS
*****************************************************************/

ul.downloads	{ width: 460px;
				  padding: 0px 0px 0px 20px;
			  	  margin: -10px 0px 0px 0px;
				  font-size: 90%;
				}

ul.downloads li		{ list-style-type: bullet;
					  padding: 2px 0px 2px 0px;
					  margin: 0px 0px 10px 30px; }








/*****************************************************************
FORM DECLARATIONS
*****************************************************************/

form				{ margin: 0px 0px 0px 20px; }
label 				{ float: left; width: 200px; font-size: 90%; }
label.cb 			{ width: 300px; }

input.checkbox 			{ float: left; margin: 0px 10px 10px 0px; padding: 0px;  }
span.small_txt			{ font-size: 90%; line-height: 100%; padding: 0px; margin: 0px; }
input.input_radio 	{ }
input.input_txt	{ width: 200px; margin: 0px 0px 10px 0px; }
input.input_submit	{ margin: 0px 0px 0px 200px; }
p.error_txt			{ color: #000; margin: 0px 0px 10px 20px; padding: 0px; }
p.error_txt strong 		{ color: #f00; margin: 0px; padding: 0px; }
textarea			{ width: 400px; height: 100px;}