/*****************************************************************************************
	** Basis 																				**
	*****************************************************************************************/
	
	* {
		margin:0px;
		padding:0px;
	}

	h2 {
		margin-bottom:10px;
	}
	
	a {
		color: #008200;
		text-decoration: none;
	}
	
	img {
		border: 0;
	}
	
	#columWrapper li {
		list-style-type: disc;
		list-style-position: outside;
		margin-left: 15px;
	}
		
	body {
		font-size:12px;
		color:#666666;
		font-family:arial, verdana, sans-serif;
		background: #015001;
	}
	
	div#top {
		background: #000000 url('../images/layout/background.jpg') repeat-y scroll center top;
		height: 100%;
	}
	
	div#overlayContainer {
		width: 100%; 
		position: absolute; 
		left: 0;
	}
	
	div#topOverlay {
		background: transparent url('../images/layout/overlay.png') no-repeat scroll center top;
		position: relative;
		width: 1000px;
		height: 600px;
		margin: 0 auto;
		z-index:1;
	}
	
	div#bottomOverlayContainer {
		width: 100%; 
		height: 330px;
		position: absolute; 
		left: 0;
		top: -330px;
	}
	
	div#bottomOverlay {
		background: transparent url('../images/layout/bottomOverlay.png') repeat-x scroll 0 0;
		position: relative;
		width: 100%;
		height: 330px;
		margin: 0 auto;
		z-index: 1;
	}

	div#slideshow img{
		height:400px;
		width:351px;
	}
	
	div.sitecenter {
		width:758px;
		margin:0px auto;
		padding:20px 0 0 0; 
		position: relative;
		z-index: 2;
		
	}
	
	div#logo {
		font-size: 32px;	
		color: #FFFFFF;
		height: 60px;
		text-align: center;
		margin-bottom: 16px;
	}
	
	
	div#header {
		width:758px;
		height:250px;
		margin:5px 5px 0px 5px;
		background-color:#FAFAFA;
		float:left;
	}
	
	div#menuWrapper {
		width: 738px;
		margin: 0 auto;
		height: 36px;
		margin-bottom: -3px;
		text-align: center;
		background:transparent url(../images/layout/menu_bg.png) repeat-x scroll 0 0;
		text-align: center;
	}
	
	div#mainmenu {
		height:35px;
		line-height:35px;
		margin-left:auto;
		margin-right:auto;
		width:670px;
	}
		
	div#submenu {
		margin:0px 5px;
		margin-bottom: 45px;
		width:718px;		
	}	
	
	div#contentTop {
		background:transparent url(../images/layout/content_top_bg.png) no-repeat scroll 0 0;
		height:33px;
		width:758px;
	}
	
	div#columWrapper {
		float: left;
		width:718px;
		margin:0px 3px;
		padding:17px;
		background:#FFFFFF url(../images/layout/content_bg.png) repeat-y scroll center center;
		min-height: 400px;
		text-align: left;
		line-height: 18px;
	}


	div#rightColum {
		width:359px;
		margin:0 5px 5px;
		float:right;
		position:relative;
	}
	
	div#visual {
		padding:3px;
		background-color:#ffffff;
		border:1px solid #999999;
	}
	
	#columWrapper h1 {
		background-image:url(../images/layout/title_bg.png);
		display:block;
		height:37px;
		left:-30px;
		margin:0;
		position:relative;
		width:336px;
		padding-top: 4px;
	}
	
	#columWrapper h1 span {	
		color:#FFFFFF;
		font-family:"Trebuchet MS";
		font-size:16px;
		font-weight:bold;
		padding:0px 0 0 27px;
		text-transform: uppercase;
		line-height: 18px;
	}
	
	div#footer {
		background:transparent url(../images/layout/site_bottom_bg_side.jpg) repeat-x scroll center top;
		height:163px;
		position: relative;
		z-index:1;
	}
	
	div#footerInner {
		background:transparent url(../images/layout/site_bottom_bg.jpg) repeat-x scroll center top;
		margin-left:auto;
		margin-right:auto;
		width:1000px;
		position: relative;
		z-index:3;
	}
	
	div#footerBottom {
		background:transparent url(../images/layout/content_bottom_bg.png) no-repeat scroll 0 0;
		height:160px;
		margin-left:auto;
		margin-right:auto;
		width:758px;
	}
	
	div#footerCenter {
		margin-left:auto;
		margin-right:auto;
		width:758px;
	}
	
	div#footerText1 {
		color:#FFFFFF;
		/* font-size:11px; */
		padding-top:0px;
		text-align:center;
		/* text-transform:uppercase; */
	}
	
	div#footerText2 {
		color:#003300;
		font-size:11px;
		padding-top:17px;
		text-align:center;
		text-transform:uppercase;
	}
	
	div#footerText2 div{
		float:none;
	}
	
	div#bottom_shadow_left {
		left:-21px;
		position:relative;
		top:-98px;
		width:21px;
	}
	
	div#bottom_shadow_right {
		left:758px;
		position:relative;
		top:-114px;
		width:21px;
	}
	

	div#quote {
		margin:0;
		padding:7px 0 0 0;
	}
	
	div.quote_text {
		font-size:11px;
		font-weight:bold;
	}
	
	div.quote_reference {
		font-size:9px;
	}
	
	
	/*****************************************************************************************
	** Blokken 																				**
	*****************************************************************************************/	

	div.block {
		display:block;
		float:left;
	}

	div.block h1 {
		font-size:13px;
		font-weight:bold;
		margin:2px 0px;
	}
	
	div.block p {
		font-size:11px;
		margin:0px 0px 2px 0px;
	}	


	/*****************************************************************************************
	** Menu 																				**
	*****************************************************************************************/
	
	div#mainmenu ul {
		line-height:35px;
		position: relative;
	}
	
	div#mainmenu ul li {
		display:block;
		padding:0 5px;
		float: left;
		position: relative;
		
	}	
	
	div#mainmenu ul li a {
		padding:0 10px;
		height:33px;
		line-height:33px;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		display:block;
		text-decoration:none;
		margin-top:2px;
	}
	
	div#mainmenu ul li a:hover,
	div#mainmenu ul li a.current {
		background:url(../images/layout/menu_arrow.png) no-repeat 50% 100%;
	}
	
	
	div#mainmenu ul li:hover ul,
	div#mainmenu ul li.sfHover ul {
	  top: 33px;
	}	
	
	div#mainmenu ul li ul {
		background-color:#19590E;
		left: -1px;
		list-style: none;
		margin:0;
		padding:10px 0 20px 0;
		position: absolute;
		top: -999em;		
		width: 200px;
		z-index:999;
	}
	
	div#mainmenu ul li ul li {
		background:none;
		float:left;
		list-style-type:none;
		margin:0;
		position: relative;	
		text-align:left;
	}	

	div#mainmenu ul li ul li a {
		border-bottom:1px solid #77AF6D;
		color:#FFFFFF;
		display:block;
		float:left;		
		font-size:12px;
		font-weight:normal;
		height:25px;
		line-height:22px;
		margin:0 5px 0 5px;
		padding:3px 15px 3px 15px;
		text-decoration:none;
		width:150px;
	}
	
	div#mainmenu ul li ul li a:hover,
	div#mainmenu ul li ul li a.current {
		background:transparent url(../images/layout/menu_arrow_sub.png) no-repeat 0 50%;
	}
	
	
	

	div#submenu ul {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;		
	}
	
	div#submenu ul li {
		list-style-type:none;
		position:relative;
		display: block;
	}	
	
	div#submenu ul li a {
		padding:0 10px;
		height:25px;
		float:left;
		line-height:22px;
		font-size:14px;
		font-weight:bold;
		color:#999999;
		display:block;
		text-decoration:none;
	}
	
	div#submenu ul li a:hover,
	div#submenu ul li a.current {
		color:#008200;
	}


	/*****************************************************************************************
	** Contact en Offerte formulier 														**
	*****************************************************************************************/

	form#form {
		width:339px;
		float:left;
		display:block;
		margin:2px;
	}
	div.formrecord {
		clear:both;
		margin:2px;
	}
	
	div.formrecord label {
		display:block;
		float:left;
		width:160px;
		margin:2px;
	}
	
	div.formrecord sup {
		margin-right:110px;
	}
	
	.right {
		text-align:right;
	}
	
	.attention {
		background-color:#FFCFCF;
	}
	
	div.formwrapper input.normal {
		background-color:#F5F5F5;
		border:1px solid #E0E0E0;
		color:#008200;
		font-size:15px;
		font-weight:bold;
		padding:8px 0 8px 10px;
		vertical-align:middle;
		width:320px;
		font-family:arial, verdana, sans-serif;
	}
	
	div.formwrapper textarea,
	div.formwrapper textarea.normal {
		background-color:#F5F5F5;
		border:1px solid #E0E0E0;
		color:#008200;
		font-size:15px;
		font-weight:bold;
		height:140px;
		padding:8px 0 8px 10px;
		width:320px;
		font-family:arial, verdana, sans-serif;
	}

	div.gap {
		height:12px;
	}
	/*****************************************************************************************
	** Recente Projecten																	**
	*****************************************************************************************/
	
	
	div.project_menu {
        float:left;
        width:180px;
		margin-right:10px;
    }
    
    div.categorie {
        width:528px;
        float:right;
		margin:20px 0; 
    }
    
    div.project_omschrijving {
        width:538px;
        height:auto;
		float:left;
    }
    
    div.projectpic {
        float:left;
        height:75px;
        line-height:75px;
        margin:10px 5px 5px;
        overflow:hidden;
        text-align:center;
        width:100px;
	}

	
	div.project_menu ul li {
		clear:both;
		padding:0 0 5px 0;
	}

	div#vacature {
		margin:0 50px 0 50px;
	}