/*######################################################################
	#						  											   #
	#						 SCREEN STYLESHEET						   	   # 
	#					  Ontwikkeld door Tangraweb					   	   #
	# 						  www.tangraweb.nl            			   	   #
	# 						    Augustus 2008                			   #
	#							 										   #
	######################################################################*/
	
	/*	
		INHOUD
		------
		
		1] algemene instellingen
		1] layer instellingen
		2] navigatie instellingen
		3] formulier instellingen
		
	*/
	
	/*#######################################################
  	#														#
  	#				   ALGEMENE INSTELLINGEN				#
  	#														#
   	#######################################################*/
	
	* { -moz-box-sizing: border-box; }
	
	BODY  
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;

		color: #333333;
		
		overflow-x: hidden;
		overflow-y: auto;
		
		background-image: url(../images/bg_body.gif);
		
		/*background: #D5E7F3;*/
	}	
	
	TABLE 
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-style: normal;
		
		width: 100%;
	
		vertical-align: top;
		border: none;
	}
	
	FORM
	{
		margin: 0px;
		padding: 0px;
	}
		
	h1
	{
		font-size: 15px;	
		font-weight:100;
	
		color: #C1D72D;
		
		margin: 0px 0px 15px 0px;
	}
	
	h2
	{
		font-size: 13px;	
		font-weight:100;
	
		color: #C1D72D;
		
		margin: 0px 0px 15px 0px;
	}
	
	h3
	{
		font-size: 11px;	
		font-style: normal;
	
		color: #CCCCCC;
		
		margin: -10px 0px 15px 0px;
	}
		
	a 
	{
		color: #FF6600;
		
		font-size: 11px;
		font-variant: normal;
	
		text-decoration: none;
	}

	a:hover
	{				
		font-size:inherit;
		font-variant: normal;
	
		text-decoration: underline;
	}
	
	.tangraweb { /*color: #C1D72D;*/ font-style: italic; }
	.portfolio { position: relative; float: left; margin: 6px; }
	.lijn { border: dotted 1px #C0C0C0; height: 1px; margin: 10px 0px; width: 100%; }
	.leesverder { position: relative; width: 100%; height: auto; margin-top: 10px; text-align: right; }
	
	/*#######################################################
  	#														#
  	#				   LAYER INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	#container
	{
		position: absolute;
		left: 50%;
		top: 40px;
	
		width: 775px;
		height: auto;
				
		padding: 0px;
		margin: auto -387px;
	}
	
	#keurmerk
	{
		position: absolute;
		top: 70px;
		left: 71%;
		
		width:160px;
		height: 149px;
		
		padding: 0px;
		margin: auto -387px;
		
		z-index: 10;
	}
	
	#hoek
	{
		position: relative;
		float: left;
	
		width: 775px;
		height: 9px;
			
		display: block;
		
		padding: 0px;
		margin: 0px;
	}
	
	.boven { background-image:url(../images/bg_hoeken_boven.gif); background-repeat: no-repeat; background-position: top; font-size: 1px; }	
	.onder { background-image:url(../images/bg_hoeken_onder.gif); background-repeat: no-repeat; background-position: top; }
	
	#logo 
	{
		position: relative;
		float: left;
		
		width: 564px;
		height: 156px;
		
		padding: 16px 0px 0px 35px;
	
		background-color:#FFFFFF;
	}
			
	#navigatie
	{ 
		position: relative; 
		float: left;
		
		display:block;
		
		width: 211px;
		height: 156px;
		
		padding-top: 20px;
		padding-left: 40px;
		/*padding: 16px 37px 40px 30px;*/
		
		background: #FFFFFF;
	}
	
	#middenbalk
	{
		position: relative;
		float: left;
		
		height: 212px;
		width: 100%;
		
		background-color: #F0F0E1;
	}
	
	#personeel { position: absolute; top: -46px; left: 0px; z-index:1; } 
	
	#recent_opgeleverd
	{
		position: absolute;
		top: 15px;
		left: 470px;
	
		width: 285px;
		height: 184px;
		
		padding: 13px 17px 15px 33px;
		
		background-image:url(../images/bg_recent_opgeleverd.jpg);
		background-repeat: no-repeat;
		background-position: top;
	}

	#content
	{
		position: relative;
		float: left;
		
		width: 100%;
		
		min-height:300px;
  		height:auto !important;
  		height:300px;

		
		line-height: 15px;
		
		padding: 20px; 
		
		background-color: #FFFFFF;
	}
	
	#content.links { width: 347px; padding: 0px; margin: 0px 40px 0px 0px; }
	#content.rechts { width: 348px; padding: 0px; margin: 0px; }
	
	#foutmelding
	{
		position: relative;
		float: left;
		width: 100%; 
		height: auto; 
		padding: 10px;
		margin-bottom: 10px;
		background: #FFF0F2; 
		border: solid 1px #FA1235; 
		color: #FA1235;
	}
	
	#uitklapblok
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: auto;
		
		padding: 5px;
		margin-bottom: 4px;
		
		background: #E4F2C8;
	}
	
	.uitklaptitel
	{
		position: relative;
		float: left;
		
		width: 100%;
		height: 20px;
		
		padding: 3px 4px;
		
		font-size: 12px;
		font-style: italic;
		font-weight: bold;
		color: #FFFFFF;
		
		background: #84B028;
	}
	
	.uitklaptekst
	{
		padding: 5px;
		visibility: hidden;
		display: none;
	}
	
	.klappen { cursor:hand; }
				
	/*#######################################################
  	#														#
  	#				NAVIGATIE INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	a.nav
	{		
		position: relative;
		float: left;
		
		width: 161px;
		height: 22px;
		
		padding: 3px 0px 0px 17px;
		
		font-size: 12px;
		font-weight: bold;
		color: #666666;
		
		text-decoration:none;
		
		background-image:url(../images/bullet_nav.gif);
		background-repeat: no-repeat;
		background-position: center left;
	}
	
	a.nav:hover, 
	a.actief
	{
		position: relative;
		float: left;
		
		width: 161px;
		height: 22px;
		
		padding: 3px 0px 0px 17px;
		
		font-size: 12px;
		font-weight: bold;
		color: #C1D72D;
		
		text-decoration:none;
				
		background-image:url(../images/bullet_actief.gif);
		background-repeat: no-repeat;
		background-position: center left;
	}
	
	/*#######################################################
  	#														#
  	#				FORMULIER INSTELLINGEN					#
  	#														#
   	#######################################################*/
	
	.formtitel
	{
		width: 40%;
		height: 20px;
		padding: 5px 0px;
		vertical-align: top;
	}
	
	.formveld
	{
		width: 60%;
		height: 20px;
		padding: 5px 0px;
		vertical-align: top;
	}
	
	.short
	{
		padding: 2px 0px;
	}
	
	.invoerveld
	{
		font-size: 12px;
		color: #5A5A5A;
		border-top: solid 1px #ABADB3;
		border-left: solid 1px #E3E9EF;
		border-right: solid 1px #E3E9EF;
		border-bottom: solid 1px #E3E9EF;
		height: 20px;
		width: 94%;
	}
	
	.keuzelijst
	{
		font-size: 12px;
		color: #5A5A5A;
		height: 20px;
		width: 94%;
	}
	
	.tekstveld
	{
		font-size: 13px;
		color: #5A5A5A;
		border-top: solid 1px #ABADB3;
		border-left: solid 1px #E3E9EF;
		border-right: solid 1px #E3E9EF;
		border-bottom: solid 1px #E3E9EF;
		height: 80px;
		width: 94%;
		
		overflow: auto;
	}
	
	
	.button
	{
		border: solid 1px #99B5DC;
		width: 140px;
		height: 23px;
		background-color:#EEEEEE;
		font-size: 11px;
		font-weight: bold;
		color: #2D476A;
		margin-right: 8px;
	}
	
	.verplicht
	{
		color: #FF0000;
		font-size: 10px;
	}