body 				
		{
		font-family:trebuchet MS;
		font-size: 12px;
		/*letter-spacing:0.1em;*/
		/*background-color: #9F7A51 ;/*#556D49;*/
		text-align:center;
		background-image:url(pine6.jpg);
		}

		
img		{
		border:1px solid #FFFFFF;
		
		}
		
h2
		{					/*archive*/
		font-size: 11px;
		color:#000000;
		}

h4
		{					/* titel*/
		font-size: 13px;
		margin-left:0px;
		margin-top:0px;
		margin-right:0px;
		margin-bottom:5px;
		}

h5		{
		float:left;	
		font-size:14px;
		}

h6
		{					/*datum*/
		font-size: 9px;
		}		
		
#kopjes	{
		float:left;
		width:746px;
		height:14px;
		margin-top:20px;
		}
#archiveskop	{
		float:left;
		margin-left:20px;
		}
#newskop{
		float:left;
		margin-left:58px;
		margin-right:323px;
		}


.link
		{					/*leesverder, aanpassen, verwijderen  link*/
		color:#25ACCC;
		text-decoration:none;
		}
.link:hover
		{					/*leesverder, aanpassen, verwijderen  link*/
		color:#FFFFFF;
		text-decoration:underline;
		
		}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS layout structuur
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/		
#container 			
		{					/*allesomvattende div*/
		margin-top:0px;
		margin-bottom:0px;
		margin-left:auto;
		margin-right:auto;
		width:746px;
		height:555px;
		/*background-color:#064858; /*#287DA2;*/
		text-align:left;
		}


	
#navcontainer
		{					/*container voor de navigatie unordered list*/
		margin-left:auto;
		margin-right:auto;
		margin-top:-13px; 
		padding:0px;
		width:744px;
		height:13px;
		text-align:center;
		}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS content
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
#content 
		{					/*content hier gaat de daadwerkelijke inhoud in*/			
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
		width:744px;
		height:401px;
		color:#FFFFFF;
		background-color:#064858;
		background-image:url(achtergrond-content-div.png);
		border:1px solid none;
		float:left;
		border-left:1px solid #FFFFFF;
		border-right:1px solid #FFFFFF;
		}


/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS archief
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

#archive
		{					/*archief lijst*/
		float:left;
		margin-top:34px;
		margin-left:20px;
		width:90px;
		height:300px;
		text-align:left;
		}

#archive a.passief
		{					/*archief linkjes*/
		text-decoration:none;
		color:#000000; /*#25ACCC;*/
		font-size:10px;
		}
		
#archive a.actief
		{					/*archief linkjes*/
		text-decoration:none;
		color:#FFFFFF; /*#25ACCC;*/
		font-size:10px;
		}

#archive a:hover
		{					/*archief linkjes*/
		text-decoration:none;
		color:#FFFFFF; /*#25ACCC;*/
		font-size:10px;
		}
		
#archive a
		{					/*archief linkjes*/
		text-decoration:none;
		color:#000000; /*#25ACCC;*/
		font-size:10px;
		}
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS HOME SECTIE NIEUWSITEMS + ABOUT
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
#nieuwscontainer
		{					/*container voor alle nieuws items*/
		float:left;
		margin-top:40px;
		margin-left:20px;
		width:330px;
		height:300px;
		overflow:auto;
		}

#about
		{					/*about pine and sea div*/
		float:left;
		font-size:13px;
		margin-top:34px;
		text-align:justify;
		margin-left:30px;
		width:220px;
		height:330px;
		color:#FFFFFF;
		}
#about p
		{					/*about pine and sea div*/
		line-height:1em !important;
		}

.nieuwsitem	
		{					/*opmaak van een nieuws item*/
		width:300px;
		height:auto;
		border-bottom:1px solid #FFFFFF;
		color:#FFFFFF;
		}
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS HOME SECTIE NIEUWS TOTAAL
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
#nieuwstotaal
		{					/*container nieuwstotaal */
		margin-left:auto;
		margin-right:auto;
		text-align:justify;
		margin-top:60px;
		width:650px;
		height:300px;
		}	
.nieuwsfoto
		{					/*container nieuwsfoto*/
		float:left;
		margin-top:45px;
		width:210px;
		height:auto;
		}
#nieuwstext
		{					/*container nieuwstekst*/
		float:left;
		width:420px;
		margin-left:20px;
		}



/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS STatische pagina's
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/	
#whywood
		{
		float:left;
		margin-left:73px;
		text-align:justify;
		margin-top:60px;
		width:600px;
		height:200px;
		}

#contact
		{
		float:left;
		margin-left:73px;
		margin-top:40px;
		text-align:justify;
		overflow:auto;
		width:600px;
		height:355px;
		}
.contactform legend
		{
		color: #FFFFFF;
		}
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS other projects
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/	
		
#projects
		{
		float:left;
		margin-left:73px;
		text-align:justify;
		margin-top:60px;
		width:620px;
		height:300px;
		overflow:auto;
		}

.art	{
		width:180px;
		height:180px;
		float:left;
		border: 1px solid #FFFFFF;
		margin-right:7px;
		padding:5px;
		overflow:hidden;
		}
#art2	{
		width:180px;
		height:180px;
		float:left;
		border: 1px solid #FFFFFF;
		margin-right:7px;
		padding:5px;
		}
#art3	{
		width:180px;
		height:180px;
		float:left;
		border: 1px solid #FFFFFF;
		margin-right:7px;
		padding:5px;
		}
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS PRODUCTEN   boards, boats, eco, furniture
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
#productcontainer
		{	
		position:relative;	/*container voor alle product items*/
		margin-left:auto;
		margin-right:auto;
		text-align:justify;
		margin-top:60px;
		width:650px;
		height:330px;
		overflow:auto !important;
		}
#productselected
		{					/*container nieuwstotaal */
		margin-left:auto;
		margin-right:auto;
		text-align:justify;
		margin-top:60px;
		width:650px;
		height:300px;
		}
.productitem
		{					/*wrapper productfoto en producttext*/
		margin-left:auto;
		margin-right:auto;
		margin-top:5px;
		margin-bottom:5px;
		border-bottom:1px solid #FFFFFF;
		width:620px;
		height:160px;
		padding:0px;
		}		
.productfoto
		{					/*container product foto in product itemlijst*/
		float:left;
		width:200px;
		height:150px;
		margin-right:10px;
		margin-left:0px;
		margin-top:auto;
		margin-bottom:auto;
		padding:0px;
		}
.producttext
		{					/*container nieuwstekst*/
		float:left;
		margin:0px;
		padding:0px;
		width:380px;
		height:150px;
		}
#vierkant	
		{
		float:left;
		width:300px;
		height:300px;
		}
#fotobijschrift
		{
		float:left;
		width:auto;
		height:300px;
		}
#fotobijschrift p
		{
		margin:30px;
		}
#titel	{
		margin-left:55px;
		}
		
#pr_text{
		width:290px;
		float:left;
		overflow:auto;
		height:290px;
		}
#pr_text p
		{
		margin-right:15px;
		padding:0px;
		line-height:1.1em;
		}
#foto_table
		{
		float:left;
		margin-right:40px;
		}
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS ADMIN SECTIE
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
#actions
		{
		border-top:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;
		padding:0px;
		margin:0px;
		width:741px;
		height:35px;
		}
		
#adminproductcontainer
		{
		margin-left:150px;
		margin-top:10px;
		width:698px;
		height:330px;
		overflow:auto;
		}
#adminnieuwscontainer
		{				
		text-align:justify;
		margin-top:10px;
		width:598px;
		height:330px;
		overflow:auto;
		}
.admintitel
		{
		font-weight:bold;
		width: 746px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		}
.formuliercontainer
		{			/*toevoeg en update formulieren*/
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		width:650px;
		height:340px;
		overflow:auto;
		}

.feedback
		{			/*feedback na actie*/
		margin-left:auto;
		margin-right:auto;
		margin-top:30px;
		width:300px;
		}

.navadmin
		{
		text-decoration:none;
		color:#000000;
		font-weight:bold;
		}
.navadmin:hover
		{
		text-decoration:none;
		color:#FFFFFF;
		font-weight:bold;
		}


/*--------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS FOOTER
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/		
#bottomblue 
		{ 				/*afgeronde onderrand*/
		height:12px; 
		width:748px;
		margin-left:auto;
		margin-right:auto;
		background-image:url(bottomblue.png);
		color:#FFFFFF;
		font-size:7px;
		
		}	
		
#bottomblue a
		{
		color:#FFFFFF;
		text-decoration:none;
		font-weight:900;
		}