@charset "utf-8";
/* CSS Document */

		body {
			padding:		0px;
			margin:		0;
	background-image:url(../images/bg.jpg);
			background-position:center;
			background-position:top;
			background-color:#1D491D;
			background-repeat:repeat-x;
			font-family:Arial, Helvetica, sans-serif;
			color:#333;
			font-size:12px;
			top:0
		}
#wrapper
{
			width:	900px;
		position:		relative;
			margin:		auto;
			padding-top:	20px;
			padding-bottom:	0px;
			padding-left:	0px;
			padding-right:	0px;
}
#header{height:100px;
weight:900px;
}
#menu{
	width:600px;
	background-image:url(../images/bg_menu.jpg);
margin-left:175px;
float:left;
background-repeat:no-repeat;
	}



#links{width:50px;
float:left;
position:relative;
height:400px;
padding-top:100px;
}

#rechts{width:40px;
float:right;
position:relative;
height:400px;
padding-top:100px;}

#navwindow{width:560px;overflow:hidden;border:20px solid #1D491D;}

.nav{
	width:1500px;
	position:		relative;
	height:100px;
	margin:		auto;
	overflow:		hidden;
		
	
			top:		0px;
			left:		0;
			width:		1400px; /* 2 x panelbreedte */
			height:		100px; /* 2 x panelhoogte */
			margin:		0;
			padding:	0;
			z-index:	100;
		
		
		}
		
		
		
#frame
{
	position:relative;
	
	width:700px;
	height:550px;
	
	
	/* serves as a mask */
	
	margin-left:100px;
	margin-top:30px;
	float:left;
}

#btn-previous-img
{
	
	cursor:pointer;
}

#btn-next-img
{
	
	cursor:pointer;
}
#btn-next-thumb
{
	display:none;
	cursor:pointer;
	margin-top:320px;
}

#btn-previous-thumb
{
	display:none;
	cursor:pointer;margin-top:320px;
}
#transition-container
{
	height:400px;
	background-image:url(../images/transparent.png);
	background-repeat:repeat-x;
	width:560px;
/* position it */
	position:relative;
	float:left;
border:20px solid #1D491D;

	
}
.portfolio{background_image:none;
background-color:#F9FFD7;


}
p {text-align:left; padding-left:20px;}
.photo
{
	
display:none;
margin:auto;
	



}

.thumb
{
	float:left;
	width:112px;
	height:80px;
	border:1px solid #F9FFD7;
	margin:2px;
}




ul#topnav {
	margin: 0; padding: 0;
	float: left;
	margin-left:5px;
height:35px;
	width: 560px;	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 12 px;
	
  
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	padding-top:3px;
}
ul#topnav li a {
	padding: 5px 7px;
	display: block;
	color: #F9FFD7;
	text-decoration: none;
}
ul#topnav li:hover { background-color: #AF811F;}

ul#topnav li span {
	text-align:center;
	float: left;
	padding: 15px 0;
	padding-top:5px;
	padding-bottom:6px;
	position:absolute;
display: none; /*--Hide by default--*/
	 top:27px;
	background: #AF811F;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.aanleg{width:250px; 
left:0;
}
.beplanting{width:150px;}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}
h1{color:#333;
			font-size:12px; padding-left:30px;}

.error {
	 color:#F60;
	 }
a,  a:visited{color:#AF811F;}
a:hover{text-decoration:none;}
.invulveld{font-family:Arial, Helvetica, sans-serif;
			color:#333;
			font-size:12px;}