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

body		{
		  text-align: center;
		  padding: 0;
		  margin: 0;
		  font-family: verdana, arial, helvetica, sans-serif;
		  font-size: 76%;
		  color: #ccc;
		  background: #000 url(images/bloem_lijn.gif) no-repeat 0px 19px;
		  overflow: auto;
		  overflow-x: hidden;
		}

.clearboth { clear: both; }

#logo	{
	position: absolute;
	top: 10px;
	left: 433px;
	visibility: visible;

	}
	
#language_menu	{
	position: absolute;
	top: 100px;
	left: 15px;
	visibility: visible;

		}
		
#main_menu	{
	position: absolute;
	top: 99px;
	left: 452px;
	visibility: visible;

		}
 		
#animatie	{
		  position: absolute;
		  top: 501px;
		  left: 413px;
		  width: 600px;
		  height: 70px;
		}
		
#content	{
		  position: absolute;
		  top: 21px;
		  left: 184px;
		  text-align: left;
		  width: 344px;
		  height: 420px;
		  border: 1px solid #CECA1C;
		  background: #000;
		  overflow: auto;
		  overflow-x: hidden;
		}		
		
#content_home	{
		  position: absolute;
		  top: 161px;
		  left: 618px;
		  text-align: left;
		  width: 289px;
		  height: 364px;
		  border: 1px solid #E5026C;
		}
		
#content_bestellen	{
			  position: absolute;
			  top: 168px;
			  left: 28px;
			  text-align: left;
			  width: 880px;
			  height: 530px;
			  border: 1px solid #CECA1C;
			  background: #000;
			}
			
#bestel_form	{
		  float: left;
		  width: 499px;
		  background: #000;
		  margin: 10px 0px 0px 5px;
		  padding: 0px;
		}
						
#contact	{
		  position: absolute;
		  top: 175px;
		  left: 15px;
		  text-align: left;
		  width: 880px;
		  height: 420px;
		  border: 1px solid #CECA1C;
		  background: #000;
		}		
		
#contact_left	{
		  float: left;
		  width: 440px;
		  background: transparent;
		  margin: 0px 0px 0px 0px;
		  padding: 0px;	
		}

#contact_right	{
		  float: left;
		  width: 440px;
		  background: transparent;
		  margin: 0px;
		  padding: 0px;	
		}			
		
#content_collectie	{
	position: absolute;
	top: 169px;
	left: 33px;
	text-align: left;
	width: 880px;
	height: 425px;
	border: 1px solid #CECA1C;
	background: #000;
	visibility: visible;

			}
			
#content_collectie p	{ padding: 0px 10px 0px 10px; }

#collectie_menu	{
	position: absolute;
	top: 130px;
	left: 386px;
	background: #000;
	width: 520px;
	height: 37px;
	text-align: right;
	visibility: visible;

		}

#menu_foto	{ float: right; }

#page_numbering	{ float: right; padding: 13px 10px 0px 20px; }

#page_numbering A		{ font-weight: bold; line-height: 150%; padding: 0px 0px 0px 0px; }
#page_numbering A:link		{ text-decoration: none; color: #CEC569; }
#page_numbering A:visited	{ text-decoration: none; color: #CEC569; }
#page_numbering A:active	{ text-decoration: none; color: #fff; }
#page_numbering A:hover		{ text-decoration: none; color: #eee; }
#page_numbering A#active	{ text-decoration: underline; color: #fff; }

#thumbs	{
	  float: left;
	  width: 510px;
	  height: 409px;
	  background: #000;
	  margin: 0px;
	  padding: 0px;
	}

#thumbs p	{ text-align: left; padding: 0px 0px 0px 15px; }

#thumbs a	{ display: block; margin: 0px; padding: 7px; background: url(images/thumb_bg.gif) no-repeat; }

#thumbs a:hover	{ display: block; margin: 0px; padding: 7px; background: url(images/thumb_bg_on.gif) no-repeat; }

#foto	{
	  float: left;
	  width: 360px;
	  margin-top: 17px;
	  overflow: hidden; 
	}

#foto #leeg { display: block; }

#foto div { display: none; }

#foto img	{  border: 1px solid #E5026C; }

#foto p	{ text-align: right; padding: 0px 10px 10px 10px; }
 	
#footer	{
	position: absolute;
	top: 592px;
	left: 28px;
	visibility: visible;

	}
	
#footer p	{ padding: 5px 0px 10px 0px; font-size: 80%; }	
 	
#footer p a		{ color: #CECA1C; text-decoration: none; }
#footer p a:hover	{ color: #fff; text-decoration: none; }
#footer p a#active	{ color: #CECA1C; text-decoration: underline; }

#footer_bestellen	{ 
	  position: absolute;
	  top: 700px;
	  left: 28px;	  
	}
	
#footer_bestellen p	{ padding: 5px 0px 10px 0px; font-size: 80%; }	
 	
#footer_bestellen p a		{ color: #CECA1C; text-decoration: none; }
#footer_bestellen p a:hover	{ color: #fff; text-decoration: none; }
#footer_bestellen p a#active	{ color: #CECA1C; text-decoration: underline; }
 	
#video			{ margin: 0px 0px 0px 0px; font-size: 80%; }	
 	
#video p		{ padding: 5px 10px 0px 12px;	 } 	
#video a		{ color: #ccc; text-decoration: none; }
#video a:hover		{ color: #CECA1C; text-decoration: none; }

#expo		{ margin: 0px 0px 0px 0px; font-size: 80%; }
#exposities {
	background-color:#000000;
	width: 320px;
	height: 311px;
	left: 208px;
	position: absolute;
	margin: 20px 20px 20px 20px;
	padding: 0px 0px 0px 0px;
	top: 13px;
}
 	
/***************************************************************** 
TEXT DECLARATIONS
*****************************************************************/ 

h1		{	  
		  font-size: 160%;
		  font-weight: normal;
		  letter-spacing: 0.2em;
		  font-family: arial, verdana, helvetica, sans-serif;
		  color: #cdcdcd;
		  margin: 0;
		  padding: 10px 10px 15px 10px;
		}

h2		{	  
		  font-size: 122%;
		  font-weight: bold;
		  letter-spacing: 0.2em;
		  font-family: arial, verdana, helvetica, sans-serif;		  
		  color: #cdcdcd;
		  margin: 0;
		  padding: 10px 10px 15px 10px;		  
		}
		
h3		{	  
		  font-size: 100%;
		  font-weight: bold;
		  color: #00477D;
		  margin: 0;
		  padding: 133px 10px 5px 120px;		  
		}

p	{
	  font-size: 90%;
	  line-height: 150%;
	  color: #bfbfbf;
	  margin: 0;
	  padding: 5px 10px 10px 10px;		  		  
	}
	
p.collectie	{ padding: 15px 15px 10px 15px; color: #bfbfbf; font-weight: bold; }	
	
/***************************************************************** 
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: #CECA1C; }
A:link		{ text-decoration: none; color: #CECA1C; }
A:visited	{ text-decoration: none; color: #CECA1C; }
A:active	{ text-decoration: none; color: #fff; }
A:hover		{ text-decoration: none; color: #fff; }
A#active	{ text-decoration: none; color: #fff; }


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

table		{ margin: 10px 10px 0px 10px; }

table p		{ padding: 3px 10px 3px 5px; }

table tr	{ margin: 0; padding: 0; }

table td	{ width: 124px; height: 124px; margin: 0; padding: 0; }

table td.l	{ margin: 0; padding: 0; background: #A0E2F6 url(images/tbl_border_px.gif) repeat-y top left; }

table td.r	{ margin: 0; padding: 0; background: #A0E2F6 url(images/tbl_border_px.gif) repeat-y top right; }

table#downloads	{ width: 370px; }


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

ul, li	{ 
	  margin: 0;
	  padding: 0;
	}

ol	{
	  margin: 0px 0px 10px 255px;
	  padding: 0;
	  line-height: 140%;
	  font-size: 92%;
	}

ul.content	{
		  font-size: 92%;
		  line-height: 130%;
		  color: #666;
		  margin: 0;
		  padding: 0px 0px 12px 30px;
		  list-style-type: disc;
		}

ul#sitemap	{
		  line-height: 120%;
		  color: #666;
		  margin: 0;
		  padding: 0px 0px 12px 220px;
		  list-style-type: disc;
		}

ul#sitemap li	{ margin-left: 20px; font-weight: bold; }

ul#sitemap li li	{ font-weight: normal; }

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

form			{ margin: 0; padding: 0; }

#form_desc		{ float: left; text-align: left; width: 130px; }

#form_desc_long		{ float: left; text-align: left; width: 300px; }

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

#form_desc_opm		{ text-align: left; }

#form_desc p 		{ margin: 0; color: #bfbfbf; line-height: 200%; font-weight: normal; padding: 2px 10px 3px 10px; }

#form_desc_opm p 	{ margin: 0; color: #bfbfbf; line-height: 100%; font-weight: normal; padding: 54px 10px 3px 10px; }

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

#form_field_checkbox	{ float: left; padding: 5px 0px 4px 10px;  }

#form_field_opm		{ padding: 5px 0px 4px 10px; }

#brochure		{ padding: 5px 0px 4px 5px; }

#brochure p		{ padding: 5px 0px 4px 5px; }

input, select		{ margin: 0px 0px 0px 0px; color: #333; font-size: 80%; width: 200px; background-color: #dfdfdf; }

input.checkbox		{ margin: 0px 0px 0px 0px; color: #333; background-color: transparent; width: 15px; }

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