@charset "utf-8";
/* CSS Document */
@media screen, projection {
* 													{ padding:0; margin:0; }
body, textarea, input, table, select				{ font-size:12px; font-family: Arial, Helvetica, sans-serif; color: #4c4c4c;}

/* hidde */

.hide,
hr													{ position:absolute; left:-1000em; }

/* end hide */

a													{ outline:none; color:#4c4c4c; text-decoration:none;}
a:hover												{ text-decoration:underline;}

.clear												{ clear:both; position:relative; height:0px !important; overflow:hidden;}

.png												{ behavior:url(/iepngfix.htc); }

html, body											{ height:100%; width:100%; }

form,fieldset										{ border: 0; margin:0; padding:0}

img													{ border: 0;}

body												{ width:100%; height:100%; background:#333;}

#page												{ width:940px; margin:0 auto;}

#top												{ width:940px; height:250px; position:relative;}
#top #TopImg										{ width:940px; height:10px; background:url(img/TopLine.png) repeat-x; position:absolute; top:0; left:0;}
#top #BottomImg										{ width:940px; height:9px; background:url(img/BottomLine.png) repeat-x; position:absolute; top:241px; left:0;}

#TopMenu											{ list-style:none; position:absolute; top:216px; left:377px; height:29px;}
#TopMenu li											{ float:left;}
#TopMenu li a										{ display:block; height:24px; text-decoration:none; margin-top:4px;}
#TopMenu li .LinkLeft								{ display:block; height:24px; width:10px; float:left; background:url(img/MenuLeft.png) no-repeat 0 0;}
#TopMenu li .LinkCenter								{ display:block; height:24px; float:left; background:url(img/MenuCenter.png) repeat-x; line-height:25px;
														font-family: Arial, Helvetica, sans-serif; color:#454646; font-size:13px;}
#TopMenu li .LinkRight								{ display:block; height:24px; width:10px; float:left; background:url(img/MenuRight.png) no-repeat 0 0;}

														
#TopMenu li a:hover									{ display:block; height:29px; text-decoration:none; margin:0;}
#TopMenu li a:hover .LinkLeft						{ display:block; height:29px; width:10px; float:left; background:url(img/MenuLeft.png) no-repeat 0 0;}
#TopMenu li a:hover .LinkCenter						{ display:block; height:29px; float:left; background:url(img/MenuCenter.png) repeat-x; line-height:25px;
														font-family: Arial, Helvetica, sans-serif; color:#454646; font-size:13px;}
#TopMenu li a:hover .LinkRight						{ display:block; height:29px; width:10px; float:left; background:url(img/MenuRight.png) no-repeat 0 0;}


#TopMenu li.active a								{ display:block; height:29px; text-decoration:none; margin:0;}
#TopMenu li.active .LinkLeft						{ display:block; height:29px; width:10px; float:left; background:url(img/MenuLeftActive.png) no-repeat 0 0;}
#TopMenu li.active .LinkCenter						{ display:block; height:29px; float:left; background:url(img/MenuCenterActive.png) repeat-x; line-height:29px;
														font-family: Arial, Helvetica, sans-serif; color:#454646; font-size:13px;}
#TopMenu li.active .LinkRight						{ display:block; height:29px; width:10px; float:left; background:url(img/MenuRightActive.png) no-repeat 0 0;}

#content											{ background:#fff;}

#content #left										{ width:204px; float:left; padding:124px 16px 0 80px; position:relative; line-height:18px; font-size:11px;
														background:#fff;}
#content #left #logo								{ width:250px; height:134px; position:absolute; left:60px; top:-69px;}
#content #left #ForLogoImg							{ position:absolute; top:65px; left:300px;}

#content #right										{ width:500px; float:left; padding:46px 0 0 80px;}

#right .title										{ font-size:21px; color:#32a587; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
#right .SubTitle									{ font-size:15px; color:#32a587; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;
														font-style:italic;}


.home #footer										{ width:940px; background:url(img/footer.gif) no-repeat bottom #f0f1f1; padding:23px 0 34px 0; font-size:11px;
														border-top:27px solid #fff;}
.home #footer h3									{ font-size:15px; color:#32a587; font-family:Verdana, Arial, Helvetica, sans-serif;}
.home #footer #FootLeft								{ width:204px; float:left; padding:0 16px 0 80px; position:relative; line-height:18px;}
.home #footer #FootLeft a							{ color:#008b6c;}
.home #footer #FootLeft a:hover						{ text-decoration:none;}
.home #footer #FootRight							{ width:516px; float:left; padding:0 0 0 80px;}
.home #footer #FootLeft h3							{ padding:0 0 0 0;}
.home #footer #FootRight h3							{ padding:0 0 11px 0;}
.home #footer #FootRight #images					{ padding:12px 0 0 0;}
.home #footer #FootRight a							{ text-decoration:underline; color:#9e9e9e;}
.home #footer #FootRight a:hover					{ text-decoration:none;}
.home #footer #FootRight .ImgLink					{ display:block; width:120px; overflow:hidden; text-decoration:none; float:left;padding:0 6px 0 0;
														position:relative;}
.home #footer #FootRight .ImgLink .loupe			{ position:absolute; top:62px; left:102px; border:0px;}
.home #footer #FootRight .ImgLink span				{ font-size:11px; color:#4c4c4c; display:block; padding:10px 0 0 0;}
.home #footer #FootRight .ImgLink img				{ border:1px solid #c9caca;}

.page #footer										{ width:940px; background:url(img/footer2.gif) no-repeat bottom #f0f1f1; height:10px; font-size:11px;
														border-top:27px solid #fff;}

#right												{ line-height:22px; background:#fff;}
#right .images										{ padding:0 0 41px 0;}
#right .images h4									{ text-transform:uppercase; color:#008b6c; padding:0 0 5px 0;}
#right .images .ImgLink								{ display:block; width:120px; overflow:hidden; text-decoration:none; float:left; padding:0 6px 0 0;
														position:relative;}
#right .images .ImgLink .loupe						{ position:absolute; top:62px; left:102px; border:0px;}
#right .images .ImgLink span						{ font-size:11px; color:#4c4c4c; display:block; padding:1px 0 0 0; line-height:17px;}
#right .images .ImgLink img							{ border:1px solid #c9caca;}

#right #SelectProject								{ padding:13px 0 28px 0;}
#right #SelectProject label							{ line-height:19px; font-size:11px; color:#4c4c4c;}

.DivBreak1											{ height:20px; position:relative; clear:both; overflow:hidden;}

#ProjectList										{ list-style:none; padding:0 0 37px 0;}
#ProjectList li										{ padding:6px 0 ; height:12px; line-height:12px;}

#terug												{ background:url(img/arrow1.gif) no-repeat 0 0; display:block; height:9px; line-height:9px; padding:0 0 0 17px;
														color:#4c4c4c;}

/* example_6 css */
#gallery											{ position:relative; overflow:hidden; width:498px; margin:0; background:#fff; padding:13px 0 0 0;}

.gallery_ul											{ width:498px;}
.gallery_ul li										{ display:block; width:97px; height:58px; background:#FFF; text-align:center; cursor:pointer; float:left;
														padding:0 3px 10px 0;}
.gallery_ul li.NextLine								{ padding:0px;}
.gallery_ul li img									{}
	
#main_image											{ margin:0 auto 60px auto; height:299px; width:498px; text-align:center;}
#main_image img										{ margin-bottom:10px;}
			

.person												{ position:relative; padding:27px 25px 10px 0; width:100px; float:left; overflow:hidden;}
.person .shadow										{ position:absolute; top:27px; left:0px;}
.person	.image										{ padding:0 15px 0 0;}
.person .PersonTxt									{ float:left; width:100px;}
.person .PersonTxt h4								{ color:#008b6c; width:100px; line-height:18px; font-size:12px;}
.person .PersonTxt .position						{ font-size:11px; line-height:0.9em; width:100px; display:block;}
.person .PersonTxt div								{ font-size:11px; padding-top:21px; line-height:18px;}

#contact label										{ display:block; width:100px; text-align:left; float:left;}

#ProjectTitle										{ font-weight:bold; font-size:11px; line-height:13px; display:block; margin:15px 0 0 0;}
#ProjectLinks										{ padding-bottom:19px;}
#ProjectLinks a										{ text-decoration:underline; float:left; margin-right:20px; color:#4E4E4E; font-size:11px;}
#ProjectLinks a:hover,
#ProjectLinks a.active								{ text-decoration:none;}
#ProjectLinks #all									{ color:#218B6B; text-decoration:none;}

#right .images .NoPadding							{ padding:0px !important;}

.glidecontentwrapper								{ position:relative; width:500px; padding-top:20px; overflow:hidden;}

.glidecontent										{ position:absolute; background:#FFF; visibility: hidden; width:500px;}

.glidecontenttoggler a.selected						{ text-decoration:underline;}

#LeftMenu											{ list-style:none; width:201px; padding:5px 0 0 0;}
#LeftMenu li										{}

#LeftMenu li a										{ display:block; width:174px; height:28px; background:url(img/left_menu.gif) no-repeat 3px 5px; line-height:24px;
														 padding:0 0 0 27px; text-decoration:none;}
#LeftMenu li.active a,
#LeftMenu li:hover a								{ display:block; width:201px; height:28px; background:url(img/left_menu_hover.gif) no-repeat 0 0;}

#EijmerenLogo										{ line-height:18px; padding:15px 0 0 80px; height:18px; color:#fff;}
#EijmerenLogo a										{ color:#fff;}
#EijmerenLogo img									{ vertical-align:middle;}

#AF													{margin-top: 120px}

#right #houtsanering img							{margin: 7px 5px 2px 0;padding: 2px;border: 1px solid #008B6C;}

}


