/* CSS Document */

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height:100%; 
	padding:0; 
	margin:0; 
	border:0;
	background: url(../images/body_bg.jpg) repeat-x;
	background-color:#FFFFFF;
}

html 
{
	height:100%; 
	max-height:100%; 
}

a 
{
	text-decoration: none;
	position:relative;
	z-index:1;
	color:#509F25;
}

a:hover 
{
	text-decoration: underline;
	color:#F35E1A;
}

a.lees_verder
{
	margin-left:7px;
	margin-top:2px;
	color:#4F9D25;
}

h1
{
	font-size:16px;
	color:#4F9E21;
	margin-top:15px;
	margin-bottom:15px;
}

h2
{
	font-size:12px;
	color:#F35E1A;
	margin-top:15px;
	margin-bottom:0px;
}

.menu ul
{
	margin: 0px 0 0px 0px;
	padding: 0;
	list-style: none;
}

.menu li
{
	margin: 0px 0 0 0;
	padding: 0 0 0 0px;
    float:left;
} 

img {
	border:none;
}

#container
{
	position: absolute;
	height: auto;
	width: 740px;
	top:8px;
	left: 50%;
	margin-left: -370px;
}

div#container_top
{
	width:740px;
	height:24px;
	background-image: url(../images/site_bg_bovenkant.png);
	background-repeat: repeat-y;
}

div#container_bg
{
	width:740px;
	height:auto;
	background-image: url(../images/site_bg.png);
	background-repeat: repeat-y;
}

div#container_bottom
{
	width:740px;
	height:36px;
	background-image: url(../images/site_bg_onderkant.png);
	background-repeat: repeat-y;
}

div.adresbalk
{
	position:relative;
	width:650px;
	height:20px;
	left:40px;
	padding-top:2px;
	padding-left:7px;
	border-top:1px solid #999999;
	color:#9A9A9A;
	font-size:11px;
}

a.adresbalk
{
	color:#9A9A9A;
}

.form{
 	border:solid 1px #509F25;
}

.banner
{
	position:relative;
	width:680px;
	height:138px;
	left:29px;
}

div.menu
{
	position:relative;
	width:680px;
	height:28px;
	left:29px;
	background-image: url(../images/menu_bg.png);
	background-repeat: repeat-y;
}

div.submenu_bedrijf {
	position: relative;
	left: 180px;
}

div.submenu_particulier {
	position: relative;
	left: 90px;
}

a.knop {
	position:relative;
	float:left;
	width:auto;
	height:15px;
	padding-right: 16px;
	top:7px;
	color:#4F9E21;
	font-weight:bold;
}

a.knop1, a.knop2, a.knop3, a.knop4, a.knop5 , a.knop6
{
	position:relative;
	float:left;
	width:auto;
	height:15px;
	padding-left:8px;
	padding-right:12px;
	top:7px;
	background:url(../images/menu_streep_verticaal.jpg) right no-repeat;
	color:#4F9E21;
	font-weight:bold;
}



a.knop1_current, a.knop2_current, a.knop3_current, a.knop4_current, a.knop5_current, a.knop6_current
{
	position:relative;
	float:left;
	width:auto;
	height:15px;
	padding-left:8px;
	padding-right:12px;
	top:7px;
	background:url(../images/menu_streep_verticaal.jpg) right no-repeat;
	color:#F35E1A;
	font-weight:bold;
}





a.knop:hover
{
	color:#F35E1A;
	text-decoration:none;
}

.inhoud
{
	position:relative;
	width:460px;
	height:auto;
	left:47px;
	top: 20px;
}

.inhoud_breed
{
	position:relative;
	width:634px;
	height:auto;
	left:47px;
	top: 20px;
}

.inhoud_rechts
{
	position:relative;
	float:right;
	right:40px;
	top:24px;
	width:174px;
	height:auto;
}

.kop_rechts
{
	position:relative;
	width:162px;
	height:14px;
	padding:4px;
	padding-left:8px;
	margin-top:10px;
	background:url(../images/submenu_rechts_bg.png);
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}

.tekst_rechts
{
	position:relative;
	padding:12px 12px 0px 12px;
}

.contact_gegevens
{
	position:relative;
	width:158px;
	height:auto;
	padding:8px;
	color:#666666;
}

.tuinontwerp_thumb
{
	position:relative;
	width:150px;
	margin-bottom:10px; 
	border:1px solid #4B8000;
	z-index:0;
	height: auto;
	overflow: hidden;
}

.thumb_inhoud
{
	width: 150px;
	height: auto;
	float: left;
	display: inline;
	margin-right: 3px;
}

input {
 background-color: #FFFFFF;
}

.zoom
{
	position:absolute;
	bottom:0px;
	left: 128px;
	z-index:2;
	background: url(../images/vergrootglas.gif) right bottom no-repeat;	
	width: 22px;
	height: 22px;
}
/*------------Referentie pagina's-------------*/

div.referentie_balk
{
	height:175px;
	padding:5px;	
}

div.referentie_pic
{
	position: relative;
	float:left;
	width:150px;
	height: 130px;
	margin-bottom:10px; 
	border:1px solid #4B8000;
	z-index:0;
	overflow: hidden;
}

div.referentie_info_kort
{
	position:relative;
	float:left;
	margin:4px 5px 4px 20px;
	width:440px;
        height:175px;
}

div.ref_hor_line
{
	position:relative;
	margin-top:172px;
	background-color:#CCC;
	width:620px;
	height:1px;
}
div.ref_det_hor_line
{
	background-color:#CCC;
	width:inherit;
	height:1px;
	margin:4px 0;
}

.ref_bold
{
	font-size:12px;
	color:#F35E1A;
	line-height:16px;
	font-weight:bold;
}

.referentie_link
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
	line-height:25px;
}

.referentie_link:hover
{
	color:#000;
	text-decoration:underline;
	font-weight:bold;
}

div.ref_terug
{
	position:relative;
	top:-30px;
	float:right;
}

.ref_terug_btn
{
	color:#F35E1A;
}

div#ref_foto_container
{
	background-color:#0FF;
	width:inherit;
	height:auto;
}

div.ref_thumbs
{
	margin:5px;
	float:left;
	width:200;
	height:150;
}
.ref_zoom
{
	position:absolute;
	top:-10px;
	left:180px;
	z-index:2;
	background: url(../images/vergrootglas.gif) right bottom no-repeat;	
	width: 22px;
	height: 22px;
}