/* Groen en Groei */

	body{
		background: #000 url('/files/layout/bg.gif') repeat-x 100% 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin: 0;
		padding: 0;
		color: #FFF;
		
			/* -- IE scrollbar -- */
			scrollbar-arrow-color: #FFF;
			scrollbar-face-color: #363d3e;
			scrollbar-highlight-color: #363d3e;
			scrollbar-3dlight-color: #363d3e;
			scrollbar-shadow-color: #363d3e;
			scrollbar-darkshadow-color: #000;
			scrollbar-track-color: #000;	
	}
	
	div#wrapper, div#landing-wrapper {
		margin: 0 auto;
		width: 982px;
		position: relative;
		padding:0px;
	}
	

	div#landingpages-container {
		position: absolute;
		top: 50px;
		right: 30px;
		width: 300px;
		border: 1px dotted #000;
		background-color: #fff;
		z-index: 99999;
		overflow:hidden;
		padding: 10px;
		display: none;
	}
    
	    
	/* -- Basic structure -- */
	
	div#landingpages-container ul {
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	div#landingpages-container ul a:hover, div#landingpages-container p a:hover{
		color: #000000;
	}
	
	div#landingpages-container ul a{
		display: block;
		margin: 5px 0;
		color: #666;
	}

    #header{
        background-image: url('/files/layout/left_column_top.jpg');
        background-position: -2px 0px; 
        height: 280px;
        position: relative;
        float:left;
        width: 982px;
        margin:0px;
        padding:0px;
    }
    
    #landing-wrapper #header{
        height: 178px;
    }
    
    #page{
        background-color:#242828;
        background-image: url('/files/layout/bg_gg.gif');
        height:100%;
        position: relative;
        float:left;
        width: 982px;
        margin:0px;
        padding: 0 0 10px 0;
    }
    
	.landingblock{
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 233px;
		height: 92px;
		padding: 5px;
		color: #FFF;
		overflow: hidden;
	}

	div.right-column{
		float: left;
		position: relative;
		width: 490px;
		
	}

	div.right-column div#top-right {
		width: 490px;
		height: 281px;
		background-image: url('/files/layout/right_column2.gif');
		background-repeat: no-repeat;
		position: relative;
	}
	
	div.left-column {
		float: right;
		width: 490px;
		position: relative;

	}
	
	
	div.left-column div#top{
		background-image: url('/files/layout/left_column_top.jpg');
		width: 490px;
		height: 281px;
		position: relative;
	}
	
	div#top .exclusief{
		position: absolute;
		top: 30px;
		right: 0px;
	}
    
    #landing-wrapper .exclusief{
        position: absolute;
        top: 58px;
        right: 37px;
    }
    #landing-wrapper .groenkeur{
        position: absolute;
        top: 107px;
        right: 37px;
    }
	
	div.left-column div#image-container{
		background-image: url('/files/layout/left_column_picture.jpg');
		width: 489px;
		height: 399px;
	}
	
		div.left-column div#image-container img{
			width: 489px;
			height: 399px;
		}
		
		/*IE6*/
		div.left-column div#overlayimage{
			width: 489px;
			height: 399px;

		}
		
        div.left-column div#overlayimage-text{
			position: absolute;
			bottom: 15px;
			left: 15px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
    		font-size: 20px;
    		color: #fff;
            width: 480px;
			height: 25px;
        }
	
	div.left-column div#projects-container{
		width: 489px;
		height: 399px;
		background-color: #242828;
		overflow: auto;
	}
    
	div.left-column div#bottom{
		background-image: url('/files/layout/left_column_bottom.gif');
		width: 489px;
		height: 103px;
	}

    #footer{
        background-color:#242828;
        height: 103px;
        position: relative;
        float:left;
        width: 982px;
        margin:0px;
        padding:0px;
    }
    
	div#footer {
		background-image: url('/files/layout/right_column_bottom.gif');
		background-position: 246px 0px;
		background-repeat: no-repeat;
	}
    
	/* -- Menu -- */
    
    div#menu{
		position: absolute;
		top: 13px;
		left: 245px;
		width: 260px;
		height: 275px;
		z-index: 800;
	}
    
    div#menu a {
        color:#FFF;
        font-family:Arial;
        font-size:12px;
        letter-spacing:1px;
        text-decoration:none;
        margin: 0px;
        padding: 0px;
    }
    
    div#menu a:hover {
        color: #71706e;
    }
    
    .menu {
    	position: relative;
        z-index: 999;
    	font-size: 90%;
    	margin-top: 25px;
	}
		
	
	/* -- Contents left-- */

	div#contents{
		position: relative;
		top: 40px;
		left: 10px;
		width: 458px;
		padding: 10px;
	}
	
	div#breadcrumbs{
		position: relative;
		top: 0px;
		left: 0px;
		height: 22px;
		width: 440px;
	}
	
	div#home-link{
		position: absolute;
		top: 30px;
		left: 1px;
		width: 235px;
		height: 130px;
		cursor: pointer; /*IE6*/
	}
	
	.pageimages {
	
	}
	
	.pageimages img{
		float: left;
		margin: 5px;
		width: 130px;
		height: 100px;
	}
		.item{
			background-color: #32393a;
			padding: 10px;
		}
	
	
	
	/* -- Contents right --*/
	
	div#news{
		position: absolute;
		top: 213px;
		left: 15px;
		width: 220px;
		height: 53px;
		color: #70706f;
		
	}

	div#calltoaction{
		position: absolute;
		top: 205px;
		left: 255px;
		width: 220px;
		height: 53px;
		color: #fff;
		text-align: right;
		font-weight: bold;
		font-size: 16px;
		background-image:url('/files/layout/call_to_action.jpg');
		background-repeat:no-repeat;
		background-position: 100%;
	}

	div#calltoaction:hover{
		background-image:url('/files/layout/call_to_action_hover.jpg');
	}
	
	div#calltoaction a{font-size: 16px;line-height:1.6;}
	
		div#news-arrow{
			position: absolute;
			top: 255px;
			left: 220px;
			width: 10px;
			height: 10px;
		}
		
		div#news a{
			color: #70706f;
			font-weight: normal;
		}

	div#top-links{
		position: absolute;
		top: 3px;
		right: 5px;
		width: 300px;
		height: 18px;
		color: #70706f;
		text-align: right;
	}
	
		div#top-links a{
			color: #70706f;
			font-size: 10px;
		}
		
		div#top-links a:hover{
			color: #EFEFEF;
		}
		
	div#searchfield{
		position: absolute;
		top: 145px;
		right: 1px;
		height: 29px;
		width: 240px;
	}	
	
		div#searchfield fieldset{
			border: 0;
		}
	
		div#searchfield input.zoeken{
			width: 120px;
			border: 1px solid #61ae32;
			background-color: #FFF;
			background-image: none;
			position: absolute;
			top: 8px;
			right: 30px;
			color: #70706f;
		}
		
		div#searchfield button.zoeken{
			background-image: url('/files/layout/search_image_zoek.gif');
			width: 46px;
			height: 8px;
			border: 0;
			position: absolute;
			top: 14px;
			right: 182px;
		}
	
		div#searchfield button.arrow{
			background-image: url('/files/layout/search_image.gif');
			width: 15px;
			height: 10px;		
			position: absolute;
			top: 12px;
			right: 10px;
			border: 0;
		}
		
	div#more-info{
		position: absolute;
		top: 32px;
		right: 25px;
		width: 190px;
		height: 30px;
		cursor: pointer; /*IE6*/
	}
	
		div#more-info:hover{
			background-image: url('/files/layout/overlay_more_info.gif?h');
			background-repeat: no-repeat;
			background-position: 2px 2px;
		}
	
	
	/* -- Projects -- */
	
	div.project-categories-overview{
		width: 200px;
		height: 38px;
		background-color: #32393a;
		margin: 7px 0px 15px 20px;
		position: relative;
		float: left;
	}

		div.project-categories-overview img{
			position: absolute;
			top: 3px;
			left: 3px;
		}
		
		div.project-categories-overview a.url{
			position: absolute;
			top: 10px;
			left: 50px;
			letter-spacing: 1px;
		}
		
		
		div.project-navigation{
			background-color: #353d3e;
			width: 400px;
			margin: 20px 0px 0px 40px;
		}
		
			div.project-navigation h2{
				padding: 5px;
				border-bottom: 2px solid #242828;
				border-top: 2px solid #242828;
				background-color: #292e2f;
			}
		
			div.project-navigation a{
				background-image: url('/files/layout/dot.gif');
				background-repeat: no-repeat;
				background-position: 10px 5px;
				padding-left: 20px;
				letter-spacing: 1px;
			}
			
			
			div.project-categories{
				float: left;
				width: 120px;
				height: 103px;
				background-color: #363d3e;
				margin: 5px 5px 5px 0px;
				position: relative;
			}
			
				div.project-categories img{
					position: absolute;
					top: 8px;
					left: 8px;
				}
				
				div.project-categories a.url{
					position: absolute;
					bottom: 3px;
					left: 8px;
					font-size: 10px;
				}
				
			div.chosen-project-images{
				float: left;
				margin: 5px;
			}	

	/* -- General -- */
   
    h1, h2 {
        font-weight: bold; 
        color: #70706e; 
        margin: 0;
    }
    
	h1{
	    font-size: 18px; 
        padding: 0; 
    }
	
    h2{ 
        font-size: 16px;
    }
	
	a{color: #73B321;}
    a:hover{color: #ffffff;}
	a img{border: 0px;}

	.comsult a{
		font-size: 10px;
		color: #414647;
		float: right;
		text-decoration: none;
		margin-bottom: 20px;
		margin-right: 5px;
	}
    
    /** -- Landing Page new */
   .landing-information {
       padding: 50px 20px;
       margin: 0 10px 0 20px;
       font-size: 1.1em;
       line-height: 150%;
   }
 
   .landing-information h1{
       color: #fff;
       font-size: 25px;
       line-height: 110%;
   }
   
   .landing-information h2{
       color: #fff;
       margin: 20px 0 0 0;
       padding: 0;
   }
   
   .landing-information #telephone {
       background: url("/files/layout/button_telephone-2.0.png") no-repeat;
       width: 246px;
       height: 160px;
       margin-top: 25px;
   }
   


   .landing-information .landing-images img{
       margin: 10px 0px 0 5px;
   }
   
   .landing-information .landing-images .zoom {
        background-image: url("/files/layout/magnify.png");
        display: inline-block;
        height: 21px;
        left: -23px;
        position: relative;
        text-decoration: none;
        top: -0px;
        width: 19px;
        margin-right: -16px;
   }
   
   .landing-information .landing-images .zoom:hover{
      background-image: url('/files/layout/magnify_hover.png'); 
   }

   
   .landing-information .landing-right{
        float: right;   
        width: 310px;
        margin-left: 20px;
   }
   
   .landing-information .landing-advantages{
        width: 280px;
        padding: 10px;
        border: 1px solid #333333;
        background-color: #191919;
       
    }
    
    .landing-information .landing-advantages > ul {
        margin-top: 0px;   
    }   
     
    .landing-information .landing-advantages > ul li {
       list-style-image: url('/files/layout/check.png');
    }
    
    .landing-information .landing-advantages h2,
    .landing-information .landing-contact h2 {
        padding: 0px;
        margin: 0px;
        line-height: 150%;
        font-size: 14px;
        margin: 0 0 10px 5px;
    }
    
    .landing-information .landing-contact{
        width: 565px;
        padding: 5px 7px;
        margin: 20px 0 3px 0;
        border: 1px solid #333333;
        background-color: #191919;
    }
    
    #tuingeluk-banner, #onderhoud-banner, #ontwerp-banner {
       height: 154px;
       width: 300px; 
       border: 1px solid #333333;
       margin: 10px 0 0 0;
       background-repeat: no-repeat;
    }
    
    #tuingeluk-banner {
        background: url('/files/layout/tuingeluk-banner.jpg');
        height: 118px;
    }  
    
    #onderhoud-banner {
        background: url('/files/layout/onderhoud-banner.jpg');
    }  
    #ontwerp-banner {
        background: url('/files/layout/ontwerp-banner.jpg');
    }  
    
    
        
    div#landing-wrapper .landing-information #cmxform input, 
    div#landing-wrapper .landing-information #cmxform textarea{
        width: 400px;
    }
    
    div#wrapper .landing-information #cmxform input, 
    div#wrapper .landing-information #cmxform textarea{
        width: 240px;
    }
    
    .landing-information div#error-advice{
        color: #ff0000;
    } 
    
    .landing-information #cmxform button#submit_button{
            background-color: transparent;
            background-repeat: no-repeat;
            cursor: pointer;
    }
    
    div#wrapper .landing-information #cmxform button#submit_button {
        background-image: url('/files/layout/button_info.png');
        margin-left: 170px;
        width: 250px;
        height: 40px;  
    }
    
    div#landing-wrapper .landing-information #cmxform button#submit_button {
        background-image: url('/files/layout/button-info-3.0.png');
        margin-top: 7px;
        margin-left: 338px;
        width: 243px;
        height: 25px;  
    }  
    
    div#landing-wrapper .landing-information #cmxform button#submit_button:hover{
            background-position: 0 -25px;
    }
    
    div#wrapper .landing-information #cmxform button#submit_button:hover{
            background-position: 0 -49px;
    }
    
    div#wrapper .landing-form {
        float:right;
        background: #000;
        padding: 0 10px 10px 10px;
        margin: 10px;
    }