
/* Groen en Groei */

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

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

#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;/*height: 783px;*/}
#page{background-color:#242828;background-image: url('/files/layout/bg_gg.gif');height:100%;position: relative;float:left;width: 982px;margin:0px;padding:0px;/*height: 783px;*/}
#footer{background-color:#242828;height: 103px;position: relative;float:left;width: 982px;margin:0px;padding:0px;/*height: 783px;*/}
	
	.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;
	}
	
	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: #ffffff;
            width: 480px;
			height: 25px;
        }
	
	div.left-column div#projects-container{
		/*margin-top: -5px;*/
		width: 489px;
		height: 399px;
		background-color: #242828;
		overflow: auto;
	}
	
	div.left-column div#bottom{
		background-image: url('/files/layout/left_column_bottom.gif?p');
		width: 489px;
		height: 103px;
	}

	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:#FFFFFF;
        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: #ffffff;
		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%, 0%;
	}

	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#news-items{
		position: absolute;
		top: 189px;
		left: 12px;
		height: 20px;
		width: 110px;
	
	}
*/		
	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: #FFFFFF;
			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{font-size: 18px; font-weight: bold; color: #70706e; padding: 0; margin: 0;}
	h2{font-size: 16px; font-weight: bold; color: #70706e; margin: 0;}
	
	a{color: #73B321; text-decoration: none; font-size: 11px;}
	a img{border: 0px;}

	.comsult a{
		font-size: 10px;
		color: #414647;
		float: right;
		text-decoration: none;
		margin-bottom: 20px;
		margin-right: 5px;
	}
