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

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

#container	{
		  position: relative;
		  margin: 0px auto 0px auto;
		  width: 995px;
		  background-color: #fff;	  
		}

#flash		{
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  margin: 0px auto 0px auto;
		  width: 995px;
		  background-color: #cccc33;	  
		}

.blok		{ display: none; }
		
			
.blok_en_co	{ display: none; }			
			
#menu_blok	{ display: none; }
		
		#logo	{
			  position: absolute;
			  top: 18px;
			  left: 805px;
			}

#content_blok1	{ position: absolute;
		  top: 0px;
		  left: 0px;
		  width: 697px;
		  text-align: left;
		}
#content_blok1 .reactie { background: #bcbc23; margin: 15px 15px 0px 15px; padding: 5px; }		

#content_blok2	{
		  position: absolute;
		  top: 199px;
		  left: 398px;
		  width: 597px;
		  min-height: 398px;
		  background: #FF9900;
		  text-align: left;
		}
		
#content_blok3	{
		  position: absolute;
		  top: 199px;
		  left: 398px;
		  width: 597px;
		  min-height: 398px;
		  background: #0099cc;
		  text-align: left;
		}		


.diap_header	{
		  position: absolute;
		  top: 154px;
		  left: 307px;
		  z-index: 1;
		  background: transparent;
		}

.clearboth 	{ clear: both; }

.nominatie     {padding: 0px 20px 10px 20px;}

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

table	{ margin: 0px; padding: 0px; width: 100%; }

td	{ text-align: center; width: 33%; }


table#agenda	{ 
		  margin: 0px 10px 12px 20px; 
		  padding: 0px;
		  width: 550px;
		  border: 1px solid #666;
		}


table#agenda td, th	{ 
		  text-align: left; 
		  width: 33%;
		  font-size: 110%;
		  color: #fff; 
		  padding: 1px;
		  border: 1px solid #666;
		}

table#agenda th	{ 
		  font-weight: bold;
		  color: #fff;
		  padding: 2px 5px 5px 5px;
		}


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

h1		{	  
		  /* font-size: 120%; */
		  font-size: 400%;
		  font-family: helvetica, verdana, arial, sans-serif;
		  font-weight: bold;
		  color: #fefefe;
		  margin: 0;
		  padding: 10px 10px 10px 18px;		  
		}
		
h1.diap		{	  
		  /* font-size: 120%; */
		  font-size: 400%;
		  font-family: helvetica, verdana, arial, sans-serif;
		  font-weight: bold;
		  color: #cccc33;
		  margin: 0;
		  padding: 0px;		  
		}		

h2		{	  
		  /* font-size: 120%; */
		  font-size: 240%;
		  font-family: helvetica, verdana, arial, sans-serif;
		  font-weight: bold;
		  color: #fefefe;
		  margin: 0;
		  padding: 10px 10px 10px 20px;		  
		}

h3		{	  
		  /* font-size: 120%; */
		  font-size: 200%;
		  font-family: helvetica, verdana, arial, sans-serif;
		  font-weight: bold;
		  color: #fefefe;
		  margin: 0;
		  padding: 10px 10px 10px 20px;		  
		}
		
h4		{	  
		  /* font-size: 120%; */
		  font-size: 160%;
		  font-family: helvetica, verdana, arial, sans-serif;
		  font-weight: bold;
		  color: #fefefe;
		  margin: 0;
		  padding: 0px 10px 10px 20px;		  
		}		

p		{
		  line-height: 120%;
		  font-size: 110%;
		  color: #fff;
		  margin: 0;
		  padding: 0px 10px 12px 20px;		  		  
		}
		
p.bigger	{
		  line-height: 120%;
		  font-size: 120%;
		  color: #fff;
		  margin: 0;
		  padding: 0px 10px 12px 20px;		  		  
		}		
		
p.banner1		{ padding: 10px 0px 20px 0px; font-size: 20px; color: #FF9900; font-family: helvetica, verdana, arial, sans-serif; font-weight: normal; }		
p.banner1 A		{ color: #ff9900; }
p.banner1 A:link	{ color: #ff9900; }
p.banner1 A:visited	{ color: #ff9900; }
p.banner1 A:active	{ color: #ff9900; }
p.banner1 A:hover	{ color: #cccc33; text-decoration: none; }

p.banner2		{ padding: 10px 0px 20px 0px; font-size: 20px; color: #968F00; font-family: helvetica, verdana, arial, sans-serif; font-weight: normal; }		
p.banner2 A		{ color: #968F00; }
p.banner2 A:link	{ color: #968F00; }
p.banner2 A:visited	{ color: #968F00; }
p.banner2 A:active	{ color: #968F00; }
p.banner2 A:hover	{ color: #FF9900; text-decoration: none; }

#navlist A#main 	{ text-decoration:none; color: #968F00; font-weight: bold; font-size: 120%; }
#navlist A#mainactive 	{ text-decoration:none; color: #FF9900; font-weight: bold; font-size: 120%; }
#navlist A#main:hover 	{ text-decoration:none; color: #FF9900; font-weight: bold; font-size: 120%; }

sup		{ font-size: 82%; }
		
/* BASIC LINK COLOURING SCHEME
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: #333; font-weight: bold; }
A:link		{ text-decoration:none; color: #333; }
A:visited	{ text-decoration:none; color: #333; }
A:active	{ text-decoration:none; color: #000; }
A:hover		{ text-decoration:underline; color: #000; }

.linkfotos 		{ text-decoration:none; color: #333; font-weight: bold; font-size:14px; }
A.linkfotos:link		{ text-decoration:none; color: #333; }
A.linkfotos:visited	{ text-decoration:none; color: #333; }
A.linkfotos:active	{ text-decoration:none; color: #000; }
A.linkfotos:hover		{ text-decoration:underline; color: #000; }


#prev_next	{ position: absolute; top: 20px; left: 375px; width: 200px; text-align: right; background: transparent; }


/***************************************************************** 
IMAGE DECLARATIONS
*****************************************************************/ 

#content_blok1 img { margin: 5px 10px 10px 20px; }




/***************************************************************** 
LIST DECLARATIONS
*****************************************************************/ 	
	
ul.sitemap	{
		  line-height: 120%;
		  color: #002560;		  
		  margin: 0px 0px 0px 15px;
		  padding: 0px 10px 12px 10px;	
		  list-style-type: square;
		}		
		
ul.sitemap li	{ padding: 15px 0px 2px 0px; font-weight: bold; }

ul.sitemap ul	{ list-style-type: square; }

ul.sitemap ul li	{ padding: 2px 0px 2px 0px; font-weight: normal; margin: 0px 0px 0px -20px; }

ul.sitemap A 		{ text-decoration:none; color: #002560; }
ul.sitemap A:link	{ text-decoration:none; color: #002560; }
ul.sitemap A:visited	{ text-decoration:none; color: #003399; }
ul.sitemap A:active	{ text-decoration:none; color: #999900; }
ul.sitemap A:hover	{ text-decoration:none; color: #999900; }		

ul.content_white	{		  
			  line-height: 120%;
			  color: #fff;		  
			  margin: 0px 0px 0px 25px;
			  padding: 0px 10px 12px 10px;	
			}

ul.content_white li	{ margin: 0px 0px 10px 0px; }

ol.content_white	{		  
			  line-height: 120%;
			  color: #000;		  
			  margin: 0px 0px 0px 35px;
			  padding: 0px 10px 12px 10px;	
			}

ol.content_white li	{ margin: 0px 0px 5px 0px; }


/***************************************************************** 
NAVLIST DECLARATIONS
*****************************************************************/ 

ul#navlist	{
		  background: transparent;
		  text-align: left;
		  padding: 0px;
		  margin: 73px 0px 0px 0px;
		  font-family: helvetica, verdana, arial, sans-serif;
		}

#navlist li	{
		  display: block;
		  float: left;
		  list-style-type: none;
		  font-size: 120%;
		  padding: 0px 0px 0px 0px;
		  margin: 0px;
		}

#navlist li#denken	{ padding: 0px 35px; background: transparent; text-align: left; width: 199px; }
#navlist li#fotoalbum	{ padding: 0px 0px; background: transparent; text-align: left; width: 199px; }
#navlist li#contact	{ padding: 0px 0px; background: transparent; text-align: left; width: 199px; }
#navlist li#home	{ padding: 80px 0px 0px 0px; background: transparent; text-align: center; width: 60px; }

#navlist A#main 	{ text-decoration:none; color: #968F00; font-weight: bold; font-size: 120%; }
#navlist A#mainactive 	{ text-decoration:none; color: #FF9900; font-weight: bold; font-size: 120%; }
#navlist A#main:hover 	{ text-decoration:none; color: #FF9900; font-weight: bold; font-size: 120%; }

#navlist A 		{ text-decoration:none; color: #968F00; font-weight: normal; }
#navlist A:link		{ text-decoration:none; color: #968F00; }
#navlist A:visited	{ text-decoration:none; color: #968F00; }
#navlist A:active	{ text-decoration:none; color: #FF9900; }
#navlist A:hover	{ text-decoration:none; color: #FF9900; }
#navlist A#active	{ text-decoration:none; color: #FF9900; }

#navlist ul li	{ display: block; float: left; font-size: 90%; }


/********************************************************
CONTACT FORM DEFS
********************************************************/

.sidebar_box input	{ margin: 0px 0px 0px 5px; }

.form_desc		{ float: left; text-align: left; width: 155px; }

.form_desc p 		{ font-family: arial, helvetica, sans-serif; margin: 0; color: #fff; line-height: 200%; font-weight: bold; padding: 2px 10px 3px 20px; }

.form_desc_checkbox	{ float: left; text-align: left; width: 220px; }

.form_desc_checkbox p 	{ font-family: arial, helvetica, sans-serif; margin: 0; color: #fff; line-height: 200%; font-weight: bold; padding: 2px 0px 3px 15px; }

.form_desc_aanhef 	{ float: left; text-align: left; padding-left: 10px; }

.form_desc_aanhef p 	{ font-family: arial, helvetica, sans-serif; margin: 0; color: #fff; line-height: 180%; font-weight: bold; padding: 2px 10px 3px 10px; }

.aanhef_radio		{ width: 15px; background-color: transparent; }

.form_field		{ float: left; padding: 5px 0px 4px 5px; }

.form_field_check	{ float: left; padding: 5px 0px 4px 5px; }

.form_field_opm		{ padding: 5px 0px 4px 20px; }

.form_field_opm p	{ font-family: arial, helvetica, sans-serif; margin: 0; color: #fff; line-height: 180%; font-weight: bold; padding: 2px 10px 3px 0px; }

input	 		{ margin: 0px 0px 0px 0px; color: #333; font-size: 80%; width: 250px; height: 14px; }

textarea 		{ margin: 0px 0px 0px 0px; color: #333; background-color: #fff; width: 200px; height: 12px; }

.opmerkingen		{ height: 120px; width: 388px; }

.submit_form		{ width: 80px; height: 23px; margin: 5px 0px 14px 20px; }