/*######################################################################
	#						  											   #
	#						 SCREEN STYLESHEET						   	   # 
	#					  Ontwikkeld door Tangramatch					   #
	# 						 tarik@tangramatch.nl            			   #
	# 							 Juni 2008                				   #
	#							 										   #
	######################################################################*/
	
	/*#######################################################
  	#														#
  	#				   ALGEMENE INSTELLINGEN				#
  	#														#
   	#######################################################*/
	
	BODY  
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;

		color: #646466;
		
		overflow-x: hidden;
		overflow-y: auto;
		
		padding: 0px;
		margin: 0px;
	}	
	
	TABLE 
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-style: normal;
	
		color: #BCBDC0;
	
		vertical-align: top;
		border: none;
	}
	
	FORM
	{
		margin: 0px;
		padding: 0px;
	}
				
	a 
	{
		color: #646466;
		
		font-size: 12px;
		font-variant: normal;
	
		text-decoration: underline;
	}

	a:hover
	{
		color:#000000;
				
		font-size:inherit;
		font-variant: normal;
	
		text-decoration: underline;
	}
	
	a.smalltext { font-size: 11px; text-decoration: underline; }
	
	/*#######################################################
  	#														#
  	#				   LAYER INSTELLINGEN					#
  	#														#
   	#######################################################*/
		
	#container
	{
		position: absolute;
		left: 50%;
		top: 20px;
		
		width: 915px;
		height: 584px;
		
		padding-left: 10px;
		margin: 0 auto auto -488px;
		
		border: solid 20px #C5C6C8;
	}
	
	#banner
	{
		position: relative;
		float: left;

		width: 589px;
		height: 229px;
	}
	
	#logo
	{
		position: relative;
		float: left;
		
		width: 326px;
		height: 229px;
	}
	
	#titel
	{
		position: relative;
		float: left;
		
		width: 330px;
		height: 225px;
		
		padding-top: 100px;
		margin: 0px;
		
		font-weight:lighter;
		font-size: 40px;
		color: #C5C6C8;
		text-align: center;
	}
	
	#content
	{
		position: relative;
		float: left;
		
		width: 229px;
		height: 245px;
		
		line-height: 15px;
		
		padding: 40px 15px;
		
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	#content_contact
	{
		position: relative;
		float: left;
		
		width: 548px;
		height: 245px;
		
		line-height: 15px;
		
		padding: 40px 15px;
		
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	#fotos
	{
		position: relative;
		float: left;
		
		width: 319px;
		height: 319px;
		
		padding: 6px 0px 0px 7px;
	}
	
	#footer
	{
		position: absolute;
		left: 50%;
		top: 654px;
		
		width: 915px;
		height: 25px;
		
		padding: 0px 30px;
		margin: 0 auto auto -488px;
		
		font-size: 11px;
		line-height: 25px;
	}
	
	/*#######################################################
  	#														#
  	#						FOOTER							#
  	#														#
   	#######################################################*/
	
	#footer #links
	{
		position: relative;
		float: left;
		
		width: 450px;
		height: auto;
		
		margin-right: 15px;
		
		text-align: left;
	}
	
	#footer #rechts
	{
		position: relative;
		float: left;
		
		width: 450px;
		height: auto;
		
		text-align: right;
	}
	
	/*#######################################################
  	#														#
  	#						FOTOS							#
  	#														#
   	#######################################################*/
	
	#thumb-small
	{
		position: relative;
		float: left;
		
		width: 102px;
		height: 102px;
		
		border-right: solid 1px #FFFFFF;
		border-bottom: solid 1px #FFFFFF;	
	}
	
	#thumb-large
	{
		position: relative;
		float: left;
		
		width: 205px; 
		height: 308px;
		
		border-right: solid 1px #FFFFFF;
		border-bottom: solid 1px #FFFFFF;		
	}
	
	#thumb-larger
	{
		position: relative;
		float: left;
		
		width: auto; 
		height: auto;
		
		border-right: solid 1px #FFFFFF;
		border-bottom: solid 1px #FFFFFF;		
	}
			
	/*#######################################################
  	#														#
  	#						NAVIGATIE						#
  	#														#
   	#######################################################*/
	
	#navigatie
	{
		position: relative;
		float: left;
				
		width: 915px;
		height: 30px;
	}
	
	a.navigatie
	{
		position: relative;
		float: left;
		
		padding: 0px 5px;
		margin-right: 13px;
		
		color: #646466;
		
		font-variant: normal;
		font-size: 13px;
		text-decoration: none;
		text-align: center;
		line-height: 30px;
	}
		
	a.actief, a.navigatie:hover
	{
		position: relative;
		float: left;
		
		padding: 0px 5px;
		margin-right: 13px;
		
		color: #000000;
		
		font-variant: normal;
		font-size: 13px;
		text-decoration: none;
		text-align: center;
		line-height: 30px;
	}
	
	#subnavigatie
	{
		position: absolute;
		left: 0px;
		top: 30px;
		
		z-index: 1;
		
		padding: 5px;
		
		min-width: 150px;
		width: auto !important;
		width: 150px;
		height: auto;
		
		display: none;
		visibility: hidden;
		
		background: #FFFFFF;
		border: solid 1px #C5C6C8;
	}
	
	a.subnavigatie
	{
		position: relative;
		float: left;
		
		clear: both;
		
		margin: 6px;
		
		color: #666666;
		
		font-variant: normal;
		font-size: 13px;
		text-decoration: none;
		text-align: center;
		line-height: 15px;
	}
		
	a.subactief, a.subnavigatie:hover
	{
		position: relative;
		float: left;
		
		clear: both;
		
		margin: 6px;
		
		color: #000000;
		
		font-variant: normal;
		font-size: 13px;
		text-decoration: none;
		text-align: center;
		line-height: 15px;
	}
	
	/*#######################################################
  	#														#
  	#						FORMULIER						#
  	#														#
   	#######################################################*/
	
	.form-veldtitel
	{
		padding: 5px;
		width: 40%;
		vertical-align: top;
		text-align: left;
		
		font-size: 11px;
		font-weight: bold;
	}

	.form-veldtekst
	{
		font-weight: normal;
		padding: 5px;
		width: 55%;
		vertical-align: top;
		text-align: left;
		
		font-size: 11px;
	}

	.form-veldicoon 
	{
		text-align: right;
		padding: 5px;
		width: 5%;
		color: #FF0000;
		vertical-align: middle;
	}

	.invoerveld
	{
		height: 20px;
		width: 94%;
					
		font-size: 13px;
		color: #5A5A5A;
		
		border: solid 1px #CCCCCC;
	}
	
	.keuzelijst 
	{
		width: 100%;
		height: 20px;
		
		font-size: 13px;
		color: #5A5A5A;
	}
	
	.tekstveld
	{
		width: 94%;
		height: 100px;
		
		font-size: 13px;
		color: #5A5A5A;
		
		border: solid 1px #CCCCCC;
	}

	.button 
	{
		font-size: 11px;
		color: #666666;
		height: 25px;
		width: auto;
		cursor: hand;
		font-weight: bold;
		background: #FFFFFF;
		border: solid 1px  #CCCCCC;
	}
	
	/*#######################################################
  	#														#
  	#						MELDINGEN						#
  	#														#
   	#######################################################*/
	
	#melding
	{
		position: relative;
		float: left;
		
		width: 98%;
		height: auto;
		
		padding: 15px;
		margin-bottom: 20px;
		
		font-size: 11px;	
	}
	
	.foutmelding
	{
		text-align: left;
		
		color: #FF0000;
		background: #FFEAEA;
		border: dotted 1px #FF0000;
	}
	
	.goedmelding
	{
		text-align: left;
		
		color: #8BCE00;		
		background: #F4FFDF;
		border: 1px dotted #8BCE00;
	}
	
	.normalemelding
	{
		text-align: center;
		
		color: #666666;
		background: #FFFFFF;
		border: dotted 1px #CCCCCC;
	}