/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(images/body_bg.gif) 0 0 repeat-x #3B3B3B;
	color:#D3D3D3;
}
div, h1, h2, h3, p, form, label, input, textarea, img{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header start--------------------*/
#header{
	width:745px;
	height:353px;
	margin:0 auto;
	position:relative;
}
#header img.logo{
	margin:15px 0 0 0;
	float:left;
}
#header ul{
	display:block;
	height:79px;
	position:absolute;
	left:232px;
	padding:0 0 0 65px;
	background-color:#191919;
	color:#ffffff;
	margin:0;
	float:left;
	width: 426px;
}
#header ul li.nav{
	float:left;
	margin:0;
	padding:0;
}
#header ul li.nav a{
	display:block;
	height:44px;
	padding:35px 10px 0 10px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#191919;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
}
#header ul li.nav a:hover{
	background-color:#383838;
	color:#D9D9D9;
}
#header ul.sec{
	display:block;
	width:135px;
	position:absolute;
	left:232px;
	float:left;
}
#header ul li.home{
	display:block;
	height:44px;
	padding:35px 10px 0 10px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#383838;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
}
#header h2.archive{
	width:80px;
	height:17px;
	font: normal 18px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#3B3B3B;
	text-transform:uppercase;
	position:absolute;
	top:108px;
	left:0;
}
#header ul.top-link{
	width:163px;
	position:absolute;
	top:139px;
	left:0;
	background-color:#3B3B3B;
	color:#ffffff;
	padding:0;
	margin:0;
}
#header ul.top-link li.tl{
	display:block;
	width:163px;
	height:auto;
	background:url(images/bullet.gif) 0 5px no-repeat;
	padding:0 0 0 20px;
	margin:0;
	float:left;
}
#header ul.top-link li.tl a{
	font: normal 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#C4C4C4;
	background-color:#3B3B3B;
	text-decoration:none;
	padding:0;
	margin:0;
	height:auto;
	text-transform:none;
	float:left;
}
#header ul.top-link li.tl a:hover{
	color:#D8E2B5;
	background-color:#464646;
}
#header a.more-arch{
	display:block;
	width:130px;
	height:23px;
	background:url(images/btn_more_archive.gif) 0 0 no-repeat #3B3B3B;
	padding:0 0 0 26px;
	position:absolute;
	left:0px;
	top:302px;
	font:bold 13px/23px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
}
#header a.more-arch:hover{
	background:url(images/btn_more_archive_hover.gif) 0 0 no-repeat #3B3B3B;
	color:#ffffff;
}
#support{
	position:absolute;
	left:232px;
	top:94px;
	width:164px;
	height:259px;
}
#support h2.support{
	display:block;
	width:84px;
	height:48px;
	padding:17px 10px 0 70px;
	background:url(images/support_bg_top.gif) 0 0 no-repeat #E86C00;
	font: normal 18px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:0;
}
#support span.white{
	display:block;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#E86C00;
	padding:0;
	margin:0;
}
#support p.bg{
	width:143px;
	height:149px;
	padding:17px 0 0 19px;
	background:url(images/support_bg.gif) 0 0 repeat-x #FF8304;
	color:#ffffff;
	border-left:#211D1D solid 1px;
	border-right:#211D1D solid 1px;
}
#support p.bg span.pic1{
	display:block;
	background:url(images/support_pic.gif) 0 0 no-repeat;
	width:124px;
	height:78px;
	padding:0 0 0 18px;
}
#support span.text1{
	display:block;
	width:109px;
	font: bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	background:url(images/support_bg_-1px.gif) 0 0 repeat-x #FF7B00;
	color:#ffffff;
	margin:16px 0 16px 9px;
}
#support h2.bot{
	background:url(images/support_bg_bot.gif) 0 0 no-repeat;
	width:80px;
	height:28px;
	padding:0 0 0 83px;
	margin:0;
}
#support a.click1{
	display:block;
	background:url(images/support_click_bg.gif) 0 0 no-repeat #B25300;
	width:81px;
	height:28px;
	margin:0;
	padding:0;
	font:bold 13px/28px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}
#support a.click1:hover{
	background:url(images/support_click_bg_hover.gif) 0 0 no-repeat #E26C05;
	color:#000000;
}
#serch{
	position:absolute;
	left:402px;
	top:94px;
	width:164px;
	height:259px;
}
#serch h2.serch{
	display:block;
	width:84px;
	height:48px;
	padding:17px 10px 0 70px;
	background:url(images/serch_bg_top.gif) 0 0 no-repeat #77EC00;
	font: normal 18px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#serch span.white2{
	display:block;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#6CBA00;
	padding:0;
	margin:0;
	float:left;
}
#serch p.bg2{
	width:143px;
	height:149px;
	padding:17px 0 0 19px;
	background:url(images/serch_bg.gif) 0 0 repeat-x #61BE00;
	color:#ffffff;
	border-left:#211D1D solid 1px;
	border-right:#211D1D solid 1px;
}
#serch p.bg2 span.pic2{
	display:block;
	background:url(images/serch_pic.gif) 0 0 no-repeat;
	width:124px;
	height:78px;
	padding:0 0 0 18px;
}
#serch span.text2{
	display:block;
	width:109px;
	font: bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	background:url(images/serch_bg_1px.gif) 0 0 repeat-x #5FB900;
	color:#ffffff;
	margin:16px 0 16px 9px;
}
#serch h2.bot2{
	background:url(images/serch_bg_bot.gif) 0 0 no-repeat;
	width:80px;
	height:28px;
	padding:0 0 0 83px;
	margin:0;
}
#serch a.click2{
	display:block;
	background:url(images/serch_click_bg.gif) 0 0 no-repeat #518B00;
	width:81px;
	height:28px;
	margin:0;
	padding:0;
	font:bold 13px/28px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}
#serch a.click2:hover{
	background:url(images/serch_click_bg_hover.gif) 0 0 no-repeat #A2D857;
	color:#000000;
}
#question{
	position:absolute;
	left:572px;
	top:94px;
	width:164px;
	height:259px;
}
#question h2.question{
	display:block;
	width:84px;
	height:48px;
	padding:17px 10px 0 70px;
	background:url(images/question_bg_top.gif) 0 0 no-repeat #46BBFB;
	font: normal 18px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
}
#question span.white3{
	display:block;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#1895D9;
	padding:0;
	margin:0;
	float:left;
}
#question p.bg3{
	width:143px;
	height:149px;
	padding:17px 0 0 19px;
	background:url(images/question_bg.gif) 0 0 repeat-x #25AFFA;
	color:#ffffff;
	border-left:#211D1D solid 1px;
	border-right:#211D1D solid 1px;
}
#question p.bg3 span.pic3{
	display:block;
	background:url(images/question_pic.gif) 0 0 no-repeat;
	width:124px;
	height:78px;
	padding:0 0 0 18px;
}
#question span.text3{
	display:block;
	width:109px;
	font: bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	background:url(images/question_bg_1px.gif) 0 0 repeat-x #21ADFA;
	color:#ffffff;
	margin:16px 0 16px 9px;
}
#question h2.bot3{
	background:url(images/question_bot.gif) 0 0 no-repeat;
	width:80px;
	height:28px;
	padding:0 0 0 83px;
	margin:0;
}
#question a.click3{
	display:block;
	background:url(images/question_click_bg.gif) 0 0 no-repeat #0B6799;
	width:81px;
	height:28px;
	margin:0;
	padding:0;
	font:bold 13px/28px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}
#question a.click3:hover{
	background:url(images/question_click_bg_hover.gif) 0 0 no-repeat #2B92C9;
	color:#000000;
}
/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	width:720px;
	margin:0 auto;
	background:url(images/body_shadow.gif) 0 0 no-repeat;
	padding:24px 25px 14px 0;
	
}

#body a{
	color: #ffffff;
}
#body h2{
	display:block;
	font:normal 48px/39px Arial, Helvetica, sans-serif;
	width:111px;
	float:left;
	margin:0 8px 26px 0;
	text-transform:uppercase;
	color:#fff;
	background-color:#3F3F3F;
}
#body h3{
	display:block;
	font:normal 16px/14px Arial, Helvetica, sans-serif;
	width:500px;
	float:left;
	margin:0 10px 10px 0;
	text-transform:uppercase;
	color:#fff;
	background-color:#3F3F3F;
}

#body td{
	width:150px;
	font:normal 15px/20px Arial, Helvetica, sans-serif;
}
#body th{
	width:200px;
	font:bold 15px/20px Arial, Helvetica, sans-serif;
	float: left;
	colspan: 2;
}
#body span{
	display:block;
	width:99px;
	height:30px;
	font:bold 15px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#3F3F3F;
	text-transform:uppercase;
	float:left;
}
	

#body p{
	width:720px;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#C4C4C4;
	background-color:#3B3B3B;
	padding:0;
	margin:0 0 24px 0;
	float:left;
}

# body p.opdrachtgevers {
	width:720px;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#C4C4C4;
	background-color:#3B3B3B;
	padding:5;
	margin:10 0 24px 0;
	float:left;
}
#body p.readmore{
	display:block;
	width:720px;
	height:18px;
	background-color:#444444;
	color:#ffffff;
	padding:0;
	margin:0 0 16px 0;
}
#body a.rm{
	width:115px;
	height:18px;
	background:url(images/read_more_bg.gif) 0 0 no-repeat #3B3B3B;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	float:right;
}
#body a.rm:hover{
	background:url(images/read_more_bg_hover.gif) 0 0 no-repeat #3B3B3B;
	color:#ffffff;
}


#left{
	width:220px;
	margin:0;
	padding:0;
	float:left;
}
#left form.member{
	width:202px;
	height:172px;
	background:url(images/member_login_bg.gif) 0 0 no-repeat #3B3B3B;
	margin:5px 0 0 0;
	padding:14px 1px 0 1px;
	color:#ffffff;
	position:relative;
}
#left form.member h2{
	width:178px;
	height:27px;
	background-color:#444444;
	color:#ffffff;
	padding:0 0 0 23px;
	font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	text-transform:uppercase;
	float:left;
}
#left label.mem{
	width:68px;
	height:23px;
	font:bold 12px/23px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#292929;
	margin:0 0 0 25px;
	float:left;
}
#left input{
	height:0;
	width:0;
	font-size:0;
	padding:0;
	margin:0;
	border:none;
}
#left input.txt1{
	width:152px;
	height:20px;
	background-color:#DDDDDD;
	color:#000001;
	border:#000000 solid 1px;
	margin:0 0 0 25px;
	float:left;
}
#left label.login{
	display:block;
	width:154px;
	height:18px;
	background-color:#000000;
	color:#ffffff;
	margin:0;
	position:absolute;
	left:25px;
	top:142px;
}
#left input.btn-login{
	background:url(images/btn_login.gif) 0 0 no-repeat;
	width:70px;
	height:18px;
	border:none;
	cursor:pointer;
	float:right;
}
#left p.banner{
	width:94px;
	height:18px;
	background:url(images/banner.gif) 0 0 no-repeat;
	margin:7px 0 11px 0;
	padding:64px 0 0 110px;
}
#left p.banner a.click{
	display:block;
	width:63px;
	height:17px;
	background-color:#4E2400;
	font:bold 12px/17px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
}
#left p.banner a.click:hover{
	background-color:#6A3201;
	color:#ffffff;
}
#left form.newsletter{
	width:202px;
	height:133px;
	background:url(images/newsletter_bg.gif) 0 0 no-repeat;
	padding:14px 1px 0 1px;
	margin:0 0 12px 0;
	float:left;
	position:relative;
}
#left form.newsletter h2{
	width:178px;
	height:27px;
	background-color:#478B00;
	color:#ffffff;
	padding:0 0 0 23px;
	font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	text-transform:uppercase;
	float:left;
}
#left label.nletter{
	width:46px;
	font:bold 12px/23px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#000000;
	padding:0 0 0 23px;
	float:left;
}
#left form.newsletter input.txt2{
	width:152px;
	height:20px;
	margin:0 0 13px 23px;
	border:none;
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	float:left;
}
#left form.newsletter label.signup{
	display:block;
	width:154px;
	height:18px;
	background-color:#262626;
	color:#ffffff;
	position:absolute;
	left:25px;
	top:102px;
}
#left form.newsletter input.btn-signup{
	background:url(images/btn_sign_up.gif) 0 0 no-repeat;
	width:70px;
	height:18px;
	border:none;
	cursor:pointer;
	float:right;
}
#left form.contact{
	display:block;
	width:202px;
	height:293px;
	background:url(images/contact_bg.gif) 0 0 no-repeat;
	float:left;
	padding:14px 1px 0 1px;
	margin:0;
	position:relative;

}
#left form.contact h2{
	width:178px;
	height:27px;
	background-color:#0B6799;
	color:#ffffff;
	padding:0 0 0 23px;
	font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	text-transform:uppercase;
	float:left;
}
#left label.contact{
	font:bold 12px/23px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#000000;
	padding:0 0 0 23px;
	float:left;
}
#left form.contact input.txt3{
	width:152px;
	height:20px;
	margin:0 0 0 23px;
	border:none;
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	float:left;
}
#left form.contact textarea{
	width:152px;
	height:50px;
	margin:0 0 0 23px;
	border:none;
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	float:left;
}
#left label.submit{
	display:block;
	width:154px;
	height:18px;
	background-color:#262626;
	color:#ffffff;
	position:absolute;
	left:25px;
	top:267px;
}
#left input.btn-submit{
	background:url(images/btn_submit.gif) 0 0 no-repeat;
	width:70px;
	height:18px;
	border:none;
	cursor:pointer;
	float:right;
}

#right{
	width:494px;
	margin:0;
	padding:0;
	float:right;
	background:url(images/right_bg.gif) 0 0 repeat-x #3B3B3B;
	color:#C4C4C4;
}
#right p.right-shadow{
	display:block;
	background:url(images/right_shadow.gif) 0 0 no-repeat #3B3B3B;
	width:70px;
	height:712px;
	color:#ffffff;
	padding:0;
	margin:0;
}
#right h2{
	width:200px;
	margin:30px 0 0 0;
	padding:0 200px 0 20px;
	font:bold 15px/35px Arial, Helvetica, sans-serif;
	background-color:#3B3B3B;
	color:#ffffff;
	text-transform:uppercase;
	float:left;
}
#right h3{
	display:block;
	width:250px;
	padding:0 0 0 20px;
	margin:0;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	color:#0DAAFF;
	background-color:#3B3B3B;
	float:left;
}
#right p{
	display:block;
	width:400px;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#C4C4C4;
	background-color:#3B3B3B;
	margin:0 0 0 20px;
	padding:0;
	float:left;
}
#right p b{
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#3B3B3B;
	margin:0 0 0 0;
	padding:0;
	text-transform:none;
}
#right a.underline{
	text-decoration:underline;
	background-color:#3B3B3B;
	color:#C4C4C4;
}
#right a.underline:hover{
	text-decoration:none;
	background-color:#605C5C;
	color:#C4C4C4;
}
	
#right span.white3{
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#3B3B3B;
	margin:27px 0 0 0;
	width:auto;
	height:auto;
	text-transform:none;
}
#right a.rm2{
	width:115px;
	height:18px;
	background:url(images/read_more_bg.gif) 0 0 no-repeat #3B3B3B;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	float:right;
	margin:17px 0 17px 0;
}
#right a.rm2:hover{
	background:url(images/read_more_bg_hover.gif) 0 0 no-repeat #3B3B3B;
	color:#ffffff;
}
#right p.div2{
	display:block;
	margin:0 0 0 21px;
	width:403px;
	height:9px;
	font-size:0px;
	background:url(images/right_div.gif) 0 0 repeat-x;
}
#right h3.blue2{
	width:400px;
	font:normal 18px/37px Arial, Helvetica, sans-serif;
	color:#0DAAFF;
	background-color:#3B3B3B;
	padding:0 0 0 20px;
	margin:0;
}
		
/*-----------------------------------------------body end--------------------*/

/*-----------------------------------------------footer start--------------------*/
#footer-main{
	width:100%;
	background:url(images/footer_bg.gif) 0 0 repeat-x #232323;
	color:#ffffff;
	height:185px;
	float:left;
}
#footer{
	width:745px;
	height:185px;
	margin:0 auto;
	position:relative;
}
#footer img.logo-bot{
	position:absolute;
	top:25px;
}
#footer ul{
	padding:0;
	margin:0;
	position:absolute;
	left:315px;
	top:28px;
	width:431px;
}
#footer ul li{
	margin:0;
	float:left;
	font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#232323;
	text-transform:uppercase;
}
#footer ul li a{
	font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#232323;
	text-transform:uppercase;
	text-decoration:none;
	padding:0 9px 0 9px;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li.home2{
	margin:0 9px 0 9px;
	float:left;
	font:normal 11px/13px  Tahoma, Arial, Helvetica, sans-serif;
	color:#D9D9D9;
	background-color:#232323;
	text-transform:uppercase;
}
#footer p.copyright{
	width:236px;
	font:normal 11px/20px Tahoma, Arial, Helvetica, sans-serif;
	background-color:#232323;
	color:#ffffff;
	text-transform:none;
	text-align:center;
	position:absolute;
	left:455px;
	top:55px;
}
#footer p.number{
	width:119px;
	height:12px;
	font:bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#232323;
	position:absolute;
	left:526px;
	top:78px;
}
#footer p.orange{
	width:36px;
	height:12px;
	background-color:#B45B04;
	font:bold 11px/10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	left:485px;
	top:78px;
}
#footer p.fax{
	width:119px;
	height:12px;
	font:bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#232323;
	position:absolute;
	left:526px;
	top:97px;
}
#footer p.green{
	width:36px;
	height:12px;
	background-color:#509D01;
	font:bold 11px/10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	left:485px;
	top:97px;
}
#footer a.email{
	width:136px;
	font:normal 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#232323;
	text-decoration:none;
	position:absolute;
	left:526px;
	top:115px;
}
#footer a.email:hover{
	background-color:#0B6799;
	color:#fff;
}
#footer p.e-blue{
	width:36px;
	height:12px;
	background-color:#0B6799;
	font:bold 11px/12px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	position:absolute;
	left:485px;
	top:115px;
}
#footer p.design{
	display:block;
	width:161px;
	height:17px;
	position:absolute;
	left:485px;
	top:133px;
	font:normal 11px/17px  Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#232323;
	text-align:center;
}
#footer a.link{
	font:bold 11px/17px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#232323;
	text-align:center;
	text-decoration:none;
}
#footer a.link:hover{
	color:#ffffff;
	background-color:#B45B04;
}
/*-----------------------------------------------footer end--------------------*/