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

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

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

#container	{
		  position: relative;
		  width: 880px;
		  background: #fff;
		  padding: 0px;
		  margin: 20px auto 0px auto;
		  border: 2px solid #fff;
		}

	#navigation	{ position: absolute; top: 196px; left: 0px; width: 217px; margin: 0px; background: #fff url(/images/navigation_bg.gif) no-repeat; border: 1px solid #e7ecf4; }
	#navigation_bg_top	{ position: absolute; top: 173px; left: 0px; width: 220px; height: 23px; margin: 0px; background: #124198; }

	#content		{ position: absolute; top: 196px; left: 220px; width: 440px; margin: 0px; background: #fff; text-align: left; padding: 0px 0px 0px 20px;}
	#content_wide		{ position: absolute; top: 196px; left: 220px; width: 660px; margin: 0px; background: #fff; text-align: left; }
	#content.referenties	{ background: #fff; width: 660px; }
	
	#sitemap		{ float: left; margin: 0; padding: 0; }

	
	#column_right				{ position: absolute; top: 196px; left: 660px; width: 220px; margin: 0px; background: #fff url(//images/staand/0.jpg) no-repeat; text-align: left; }
	#column_right #rightimg		{ position: absolute; top: 0px; left: 0px;  display: block; width: 220px; height: 460px; background: url(//images/staand/0.jpg) no-repeat; }
	#column_right #kst_link		{ position: absolute; top: 790px; left: 0px; padding: 0px 0px 0px 60px; }
	
	#column_right div.banner_organisatie	{ position: absolute; top: 490px; left: 0px;  display: block; width: 220px; height: 220px; }
	
	#column_right div.column_right_box			{ margin: 0px; padding: 0px; border-left: 1px solid #124198; border-right: 1px solid #124198; border-bottom: 1px solid #124198; }
	#column_right div.column_right_box#read_magazine	{ margin: 0px; padding: 0px; border: none; border-bottom: 1px solid #fff; }
	#column_right div.column_right_box#read_magazine img	{ margin: 0px; }


	#topright		{ position: absolute; top: 0px; left: 660px; width: 220px; height: 196px; background: #124198; text-align: left; }
	#topright_news	{ position: relative; background: #124198	; height: 147px; overflow: hidden; }
	
	#login		{ 
		position: absolute; 
     	top: 13px; left: 10px; 
     	width: 210px; height: 54px; 
     	color: #fff;
     	font-size: 11px;
	}
	
	#login a {
		color: #fff;
	}
	
	#loginform input {
		border: 1px solid #000;
		padding: 2px;
		font-size: 11px;
	}
	
	#search			    { position: absolute; 
                    top: 173px; left: 0px; 
                    width: 220px; height: 24px; 
                    background: #fff url(images/search_box_bg.gif) repeat-x; 
                    text-align: left; 
                    z-index: 10; 
                  }


	#logo		{ position: absolute; top: 0px; left: 0px; }
	

	#content_foto			{ position: absolute; top: 0px; left: 220px; width: 440px; height: 196px; }
	#content_foto_home		{ position: absolute; top: 0px; left: 220px; width: 440px; height: 196px; background: #fff url(//images/kopfotos/header.jpg) top left no-repeat; }
	#content_foto_contact		{ position: absolute; top: 0px; left: 220px; width: 440px; height: 196px; background: #fff url(//images/kopfotos/header.jpg) top left no-repeat; }
	#content_foto_bedrijf		{ position: absolute; top: 0px; left: 220px; width: 440px; height: 196px; background: #fff url(//images/kopfotos/header.jpg) top left no-repeat; }
	#content_foto_kot		{ position: absolute; top: 0px; left: 220px; width: 440px; height: 196px; background: #fff url(//images/kopfotos/header.jpg) top left no-repeat; }
	#content_foto_maatwerk		{ position: absolute; top: 0px; left: 220px; width: 440px; height: 196px; background: #fff url(//images/kopfotos/header.jpg) top left no-repeat; }
	#content_foto_branches		{ position: absolute; top: 0px; left: 220px; width: 440px; height: 196px; background: #fff url(//images/kopfotos/header.jpg) top left no-repeat; }

#film	{ margin: 10px 0px 0px -10px; padding: 0px; }
 
/***************************************************************** 
TEXT DECLARATIONS
*****************************************************************/ 

h1		{	  
		  font-weight: bold;
		  font-size: 150%;
		  color: #ff782f;
		  padding: 10px 0px 0px 35px;
		  margin: 20px 15px 10px 0px;
		  background: url(/images/kst_keurmerk.gif) no-repeat 0px 1px;
		}			

h2		{	  
		  font-weight: bold;
		  font-size: 150%;
		  color: #ff782f;
		  padding: 10px 0px 0px 0px;
		  margin: 20px 15px 10px 0px;
		  
		}
		
h2 span		{ padding-left: 35px; }

h2.nologo	{ font-size: 120%; background: none; padding: 0px 0px 0px 0px; margin: 10px 15px 0px 0px; }

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

h3.news_title			{ font-size: 120%; margin: 20px 0px 0px 0px; }

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

p	{
	  line-height: 160%;
	  font-size: 90%;
	  color: #4F4F4F;
	  padding: 10px 50px 10px 0px;
	  margin: 0px;
	}

p p {margin: 0px; padding: 0px;}
p.center	{ text-align: center; }
p.summary_title	{ padding: 0px 20px 0px 0px; }
p.summary	{ padding: 0px 20px 10px 0px; }
p.notopspacing	{ padding: -25px 20px 10px 0px; }
p.news_date	{ padding: 0px 20px 10px 21px; }

p.nav_adres	{ font-size: 80%; line-height: 130%; color: #000000; text-align: left; padding: 20px 10px 10px 10px; background: transparant; }
p.nav_footer	{ font-size: 80%; line-height: 100%; position: absolute; bottom: 0px; left: 0px; padding: 10px 20px 0px 20px; background: transparant; }

p.boxheader	{ padding: 3px 5px 4px 5px; background: #124198; }

p.error_txt	{ color: #124198; }
	
#topright_news p	{ padding: 5px 5px 5px 10px; color: #ddd; font-size: 80%; line-height: 110%; }
#navigation p		{ text-align: left; padding: 10px 20px 10px 10px; }

p.column_right_txt	{ font-size: 80%; line-height: 120%; padding: 5px 20px 10px 10px; }
p.column_right_txt#aanmelden	{ text-align: right; padding: 5px 10px 5px 20px; font-weight: bold; font-size: 100%; }

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: #124198; font-weight: bold; padding: 0px 2px 0px 2px; }
p.page_numbering A:link		{ text-decoration: none; color: #124198; }
p.page_numbering A:visited	{ text-decoration: none; color: #990000; }
p.page_numbering A:active	{ text-decoration: none; color: #124198; }
p.page_numbering A:hover	{ text-decoration: underline; color: #124198; }
p.page_numbering A#pnactive	{ text-decoration: underline; color: #124198; }

h1.imgRplaced		{ position: relative; margin: 0px 0px 0px 0px; padding: 0; overflow: hidden; width: 217px; height: 105px; }	
h1.imgRplaced span	{ position: absolute; display: block; left: 0; top: 0; z-index: 1; margin: 0; padding: 0; width: 217px; height: 105px; }

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

A.link:hover	{ color: #ff782f; text-decoration: none; }

A.external span		{ background: url(//images/externicons.gif) no-repeat 0 -198px; padding: 0px 15px 0px 0px; }
A.external:hover	{ text-decoration: none; color: #124198;  }
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; }

#navigation A 		{ text-decoration: none; color: #4f4f4f; }
#navigation A:link	{ text-decoration: none; color: #4f4f4f; }
#navigation A:visited	{ text-decoration: none; color: #4f4f4f; }
#navigation A:active	{ text-decoration: none; color: #4f4f4f; }
#navigation A:hover	{ text-decoration: underline; color: #124198; }
#navigation A#active	{ text-decoration: underline; color: #124198; }

A.bigbutt 		{ display: block; width: 403px; padding: 3px 0px 14px 10px; margin: 7px 0px 0px 20px; font-size: 110%; font-weight: bold; color: #eee; text-decoration: none; background: url(//images/bigbutt.gif) no-repeat; }
A.bigbutt:link		{ color: #eee; }
A.bigbutt:visited	{ color: #eee; }
A.bigbutt:active	{ color: #eee; }
A.bigbutt:hover		{ text-decoration: none; color: #fff; background: url(//images/bigbutt_on.gif) no-repeat; }


p.boxheader		{ color: #eee; font-weight: bold; }
p.boxheader A		{ color: #eee; font-weight: bold; }
p.boxheader A:link	{ color: #eee; font-weight: bold; }
p.boxheader A:visited	{ color: #eee; font-weight: bold; }
p.boxheader A:active	{ color: #eee; font-weight: bold; }
p.boxheader A:hover	{ color: #fff; text-decoration: none; }

p.column_right_txt A		{ color: #ff782f; }
p.column_right_txt A:link	{ color: #ff782f; }
p.column_right_txt A:visited	{ color: #ff782f; }
p.column_right_txt A:active	{ color: #ff782f; }
p.column_right_txt A:hover	{ color: #000; text-decoration: none; }
p.column_right_txt#aanmelden A:hover	{ text-decoration: underline; }

#topright_news p A		{ text-decoration: none; color: #ccc; font-weight: bold; }
#topright_news p A:link		{ text-decoration: none; color: #ccc; }
#topright_news p A:visited	{ text-decoration: none; color: #ccc; }
#topright_news p A:active	{ text-decoration: none; color: #ccc; }
#topright_news p A:hover	{ text-decoration: none; color: #fff; }

A#topright_news_more		{ display: block; position: absolute; bottom: -1px; left: 0px; width: 214px; padding: 2px 0px 2px 5px; background: #000; font-size: 90%; font-weight: bold; color: #ddd; }
A#topright_news_more:link	{ color: #ddd; }
A#topright_news_more:visited	{ color: #ddd; }
A#topright_news_more:active	{ color: #ddd; }
A#topright_news_more:hover	{ text-decoration: none; color: #fff; }

 


/***************************************************************** 
TABLE DECLARATIONS
*****************************************************************/ 



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

#content ul	{
		  line-height: 140%;
		  font-size: 90%;
		  color: #4F4F4F;
		  margin: 0px 50px 0px 40px;
		  padding: 0px;
		}



			  


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

/* THIS IS THE SEARCH BOX STYLE OTHER FORM STYLES ARE IN FORMS.CSS */
form#search_form	{ margin: 0px; padding: 0px; }
input#zoektermen	{ border: 1px solid #7F7F7F; background: transparent; color: #eee; margin: 4px 0px 0px 5px; font-size: 80%; width: 150px; }
label#search_label A	{ color: #dddddd; font-size: 90%; font-weight: bold; }
label#search_label A:hover	{ color: #fff; font-size: 90%; font-weight: bold; text-decoration: none; }


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

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

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