/* CSS Document */
body, html													{ padding:0; margin:0; background:#eeece7; font-family:Arial; font-size:12px; height:100%;}
.clear														{ height:0px; line-height:0px; font-size:0px; clear:both;}
.rounded-top											 	{ position:relative; z-index:4; margin-bottom:-15px;}
.rounded-bottom											 	{ position:relative; z-index:4; margin-top:-15px;}

#container													{ padding:0 40px 20px 40px; margin:0 auto; width:940px; background:#ffffff url(../images/backgrounds/bg-main.png) center top repeat-y;}
#container #header											{ padding:0; margin:0; width:940px; height:120px; background:;}
#container #header #logo   									{ margin:0; padding:0; float:left;}
#container #header #navigatie  								{ margin:0; padding:0; position:relative; z-index:99;}
#container #header #navigatie ul  							{ margin:0; padding:30px 0 0 0;}
#container #header #navigatie li  							{ margin:0; padding:0; float:left; list-style:none; text-align:center; position: relative; }

#container #header #navigatie a.over   				    	{ padding:0; margin:0; background:url(../images/backgrounds/menu-items.png); background-position:0 0; display:block; width:176px; height:58px; outline:none; text-decoration:none; color:#ffffff;}
#container #header #navigatie a.over:hover   			    { background:url(../images/backgrounds/menu-items.png); background-position:0 -58px; display:block;}
#container #header #navigatie a.over.active   				{ padding:0; margin:0; background:url(../images/backgrounds/menu-items.png); background-position:0 -58px; outline:none; width:176px; height:58px; outline:none;}

#container #header #navigatie a.expertise   				{ padding:0; margin:0; background:url(../images/backgrounds/menu-items.png); background-position:460px 0; display:block; width:110px; height:58px; outline:none; text-decoration:none; color:#ffffff;}
#container #header #navigatie a.expertise:hover   			{ background:url(../images/backgrounds/menu-items.png); background-position:460px -58px; outline:none;}
#container #header #navigatie a.expertise.active   			{ padding:0; margin:0; background:url(../images/backgrounds/menu-items.png); background-position:460px -58px; outline:none; display:block; width:110px; height:58px; outline:none;}

#container #header #navigatie a.referentie   			    { padding:0; margin:0; background:url(../images/backgrounds/menu-items.png); background-position:350px 0; display:block; width:186px; height:58px; outline:none; text-decoration:none; color:#ffffff;}
#container #header #navigatie a.referentie:hover 			{ background:url(../images/backgrounds/menu-items.png); background-position:350px -58px; outline:none;}
#container #header #navigatie a.referentie.active 			{ padding:0; margin:0; background:url(../images/backgrounds/menu-items.png); background-position:350px -58px; outline:none; display:block; width:186px; height:58px; outline:none;}

#container #header #navigatie a.contact   					{ padding:0; margin:0; background:url(../images/backgrounds/menu-items.png); background-position:164px 0; display:block; width:164px; height:58px; outline:none; text-decoration:none; color:#ffffff;}
#container #header #navigatie a.contact:hover				{ background:url(../images/backgrounds/menu-items.png); background-position:164px -58px; outline:none;}
#container #header #navigatie a.contact.active				{ padding:0; margin:0; background:url(../images/backgrounds/menu-items.png); background-position:164px -58px; outline:none; display:block; width:164px; height:58px; outline:none;}

#container #slider-home										{ width:940px; height:299px; overflow:hidden; float:left;}
#container #content-wide									{ padding:40px; width:860px; height:219px; overflow:hidden; color:#777869; line-height:20px;}
#container #content-wide a									{ color:#777869;}
#container #content-wide a:hover							{ color:#bdcf31;}

#container .blok h1											{ padding:0; margin:15px 0 10px 25px; color:#ffffff; font-family:Calibri;}
#container h1												{ padding:0; margin:0; color:#837a13; font-family:Calibri; font-size:25px;}

#container #subnavigatie									{ width:270px; min-height:450px; background: url(../images/backgrounds/shadow-subnavigatie.png) right top no-repeat; float:left; font-size:11px;}
#container #subnavigatie ul									{ padding:40px 0 0 0; margin:0; line-height:26px; list-style:none;}
#container #subnavigatie ul li a							{ color:#525349; text-decoration:none; padding-left:15px!important; background:url(../images/backgrounds/arrow-grey.png) left center no-repeat;}
#container #subnavigatie ul li a:hover						{ color:#bdcf31; background:url(../images/backgrounds/arrow-green.png) left center no-repeat;}
#container #subnavigatie ul li .active						{ color:#bdcf31; background:url(../images/backgrounds/arrow-green.png) left center no-repeat;}
#container #subnavigatie ul li ul							{ padding:5px 0 5px 3px; margin:0; line-height:26px; list-style:none;}


#container #content											{ padding:30px 30px 30px 0; width:615px; min-height:500px; _height:500px; float:right; color:#777869; line-height:20px;}
#container #content p										{ padding:0; margin:10px 0 0 0; color:#525349;}
#container #content a										{ padding:0; margin:0; color:#525349; text-decoration:underline;}
#container #content a:hover									{ padding:0; margin:0; color:#525349; text-decoration:none;}

#container #content #slider-visie							{ padding:0; margin:25px 0 40px 40px; width:200px; height:200px; float:right; background:url(../images/loading.gif) center no-repeat;}
#container #content #slider-ontwerp							{ padding:0; margin:25px 0 40px 40px; width:200px; height:200px; float:right; background:url(../images/loading.gif) center no-repeat;}
#container #content #slider-techniek						{ padding:0; margin:25px 0 40px 40px; width:200px; height:200px; float:right; background:url(../images/loading.gif) center no-repeat;}
#container #content #slider-beheerplan						{ padding:0; margin:25px 0 40px 40px; width:200px; height:200px; float:right; background:url(../images/loading.gif) center no-repeat;}
#container #content #slider-bureau  						{ padding:0; margin:25px 0 40px 40px; width:200px; height:200px; float:right; background:url(../images/loading.gif) center no-repeat;}
#container #content #slider-kwaliteit  						{ padding:0; margin:25px 0 40px 40px; width:200px; height:200px; float:right; background:url(../images/loading.gif) center no-repeat;}
#container #content #slider-directie  						{ padding:0; margin:25px 0 40px 40px; width:200px; height:200px; float:right; background:url(../images/loading.gif) center no-repeat;}

#container #content #route							        { padding:10px; margin:0 0 0 25px; width:250px; height:250px; float:left; background:url(../images/loading.gif) center no-repeat;}

#container #blok-over-green-consult							{ margin:-50px 0 0 20px; width:280px; height:220px; background:url(../images/backgrounds/bg-blok-over.png) no-repeat; float:left; position:relative; z-index:999;}
#container #blok-over-green-consult	ul						{ padding:0 0 0 40px; margin:0; line-height:26px; list-style:none;}
#container #blok-over-green-consult	ul li a					{ color:#ffffff; text-decoration:none; padding-left:15px!important; background:url(../images/backgrounds/arrow-white.png) left center no-repeat;}
#container #blok-over-green-consult	ul li a:hover			{ color:#777869; background:url(../images/backgrounds/arrow-grey.png) left center no-repeat;}

#container #blok-expertise									{ margin:-50px 0 0 20px; width:280px; height:220px; background:url(../images/backgrounds/bg-blok-expertise.png) no-repeat; float:left; position:relative; z-index:999;}
#container #blok-expertise ul								{ padding:0 0 0 40px; margin:0; line-height:26px; list-style:none;}
#container #blok-expertise ul li a							{ color:#ffffff; text-decoration:none; padding-left:15px!important; background:url(../images/backgrounds/arrow-white.png) left center no-repeat;}
#container #blok-expertise ul li a:hover					{ color:#bdcf31; background:url(../images/backgrounds/arrow-green.png) left center no-repeat;}

#container #blok-referentie-projecten						{ margin:-50px 0 0 20px; width:280px; height:220px; background:url(../images/backgrounds/bg-blok-referentie.png) no-repeat; float:left; position:relative; z-index:999;}
#container #blok-referentie-projecten ul					{ padding:0 0 0 40px; margin:0; line-height:26px; list-style:none;}
#container #blok-referentie-projecten ul li a				{ color:#ffffff; text-decoration:none; padding-left:15px!important; background:url(../images/backgrounds/arrow-white.png) left center no-repeat;}
#container #blok-referentie-projecten ul li a:hover			{ color:#bdcf31; background:url(../images/backgrounds/arrow-green.png) left center no-repeat;}

#container #subfooter										{ padding:0; margin:25px 0 10px 0; width:940px; height:71px; background:url(../images/backgrounds/bg-subfooter.png) no-repeat;}

#container #subfooter a										{ color:#777869; text-decoration:none; margin:50px 0 0 0;}
#container #subfooter a:hover								{ color:#adc207;}
#container #subfooter p.left								{ padding:15px 0 0 40px; margin:0; width:120px; float:left; color:#777869; font-size:11px;}
#container #subfooter p.right								{ padding:0; margin:0; line-height:71px; float:right; color:#777869; font-size:11px;}
#container #subfooter p.right img							{ float:right;}

/* FORMULIER - CONTACT */
#container #content form                      		        {margin:10px 15px 0 0; padding:0; width:300px; float:left; font-family: Arial, Helvetica, sans-serif;}
#container #content label  		            		        {margin:0; padding:0; width:105px; float:left; height:20px; line-height:20px;}
#container #content input			            		    {margin:2px 0 2px 25px; padding:3px; width:160px; border:1px solid #847b14; font-size: 12px; color: #847b14;}
#container #content textarea		            	    	{margin:2px 0 0 25px; padding:3px; width:160px; border:1px solid #847b14; line-height:15px; font-size: 12px; color: #847b14; font-family: Arial, Helvetica, sans-serif;}
#container #content .button		                    		{margin:10px 0 0 193px; padding:0; width:105px; background:#847b14!important; border:1px solid #847b14; height:25px; line-height:25px; font-weight:normal; text-decoration:none!important; color:#fff!important; float:left;}
#container #content .button:hover                   		{margin:10px 0 0 193px; padding:0; width:105px; background:#fff!important; border:1px solid #847b14; height:25px; line-height:25px; font-weight: normal; text-decoration:none!important; color:#847b14!important; float:left;}
#container #content form b                          		{margin:0; padding:0; color:#ff0000; font-size:11px;}

#footer														{ padding:15px 40px; margin:0 auto; width:940px; color:#777869; font-size:11px; text-align:right; line-height:50px; background:url(../images/backgrounds/bg-footer.png) center top no-repeat;}
#footer	a													{ color:#777869; text-decoration:none;}
#footer	a:hover												{ color:#adc207;}