@charset "utf-8";
/* CSS Document */

html, body { background:#000000 url(../images2/background.jpg) fixed no-repeat top center; padding:0; margin:0; text-align:center; font-family: "Lucida sans Unicode", Tahoma, Geneva, sans-serif; font-size:12px;}

p { margin:0; color:#454545; line-height:18px;}
a { text-decoration:none; font-weight:normal; color:#839a35;}
a:hover, a:focus { color:#333; text-decoration: underline;}

img { border:0;}
img.rechts { float:right; margin-left:10px;}
img.links { float:left; margin-right:10px;}

ul, ol { color:#454545; line-height:18px;}
li.last a { border:none;}

.container { width:960px; height:100% auto !important; padding:0; margin:0 auto; overflow:hidden; background:#FFF;}

.header { width:960px; height:103px; padding:0; margin:0; background: #1c1c1c url(../images2/bg2.jpg);}
	.logo { width:366px; height:61px; padding:0; margin:0; float:left;}
	.logo a:focus img { border: 1px dotted #fff; }
	.nav { width:590px; height:30px; padding:0; margin:0; float:right;}
		.nav p { margin:35px 5px 0px; color:#FFF; text-align:right; font-size:10px;}
		.nav a { padding-top:6px; margin:0; text-transform:uppercase; color:#FFF; font-size:11px; font-weight:normal;}
		.nav a:hover, .nav a:focus { color:#839a35;}
	.drop { width:940px; height:38px; padding:0px 10px 0px 20px; margin:0; float:none; clear:both; text-align:left;  background: #8c9b5a url(../images2/bg3.jpg) repeat;}
		.drop ul { float:left;}
		ul.taal { list-style:none; padding:10px 10px 0 0; margin:0; text-align:right; float:right;}
		ul.taal p, ul.taal a { color:#FFF; font-weight:normal;}
		ul.dropdown { width:900px; height:38px; padding:0; margin:0; list-style:none;}
		ul.dropdown li { float:left;}
		li.dropdown_trigger a { display:block; *display:inline; width:100% auto; height:14px; padding:12px 20px; margin:0; text-transform:uppercase; color:#FFF; font-size:11px;}
		li.dropdown_trigger a:hover, li.dropdown_trigger a:focus { background:#5c6923; color:#FFF;}
		
		ul.dropdown ul { list-style:none; z-index:5000; margin:0; float:none; clear:both; position:absolute;}
		ul.dropdown ul li { float:none; clear:both;}
		ul.dropdown ul li a { display:block; *display:inline; background:url(../images2/knopsub.jpg) no-repeat; display:block; width:150px; height:18px; padding:6px 20px; margin:0; font-size:10px; position:absolute;}
		ul.dropdown ul li a:hover, ul.dropdown ul li a:focus { background:url(../images2/knopsubhover.jpg);}
		
	.animatie { display:none; /*width:960px; height:0; padding:0; margin:0; float:none; clear:both; overflow:hidden;*/}
		#anim { width:960px; height:0; list-style:none; padding:0; margin:0; *margin-left:-960px; display: none;}
		
	.animatie_suprice { width:960px; height:172px; padding:0; margin:0; float:none; clear:both; overflow:hidden;}
		#anim_surprice { width:960px; height:172px; list-style:none; padding:0; margin:0; *margin-left:-960px;}
	
	#MenuBar1, #MenuBar1 ul { list-style: none; margin: 0; padding: 0; }
	#MenuBar1 { text-transform: uppercase; font-size: 11px; }
	#MenuBar1 li { float: left; position: relative; margin-right: 5px; padding: 12px 15px 8px 20px; background: transparent url(../SpryAssets/SpryMenuBarDown.gif) no-repeat 5px 16px; z-index: 101; /* z-index needed for IE7 and below bug */ }
	#MenuBar1 li a { color: #fff; display: block; }
	#MenuBar1 li:hover, #MenuBar1 li.jsHover { background: #5c6923 url(../SpryAssets/SpryMenuBarDownHover.gif) no-repeat 5px 20px; }
	#MenuBar1 li:hover ul, #MenuBar1 li.jsHover ul { display: block; }
	#MenuBar1 li ul { display: none; position: absolute; left: 0; top: 38px; z-index: 100; }
	#MenuBar1 li ul li { width: 184px; background: #353535 url(../images2/knopsub.jpg) no-repeat; display: block; line-height: 30px; padding: 0 5px; }
	#MenuBar1 li ul li:hover, #MenuBar1 li ul li.jsHover { background: transparent url(../images2/knopsubhover.jpg) no-repeat; }


.content { width:960px; height:100% auto !important; padding:0px 0px 10px 0px; margin:0; float:none; clear:both; text-align:left; background:#FFF;}
	.left { width:254px; height:100% auto !important; padding:0; margin:0; float:left; background:#FFF; overflow: hidden;}
		.teaser { background:#f4f2f2; border:1px dashed #bebab9; width:202px; height:100% auto !important; padding:10px; margin:20px 0 30px 10px; float:none; clear:both;}
			.teaser h1 { width:202px; padding:0; margin:0; color:#454545; font-size:11px; text-transform:uppercase; border-bottom:1px dashed #bebab9;}
			.teaser h2 { color:#839a35; font-size:13px; padding:0; margin:10px 0;}
			.teaser img.rechts { margin:5px 0 5px 5px;}
			.teaser p { margin-bottom:10px;}

	.right { width:685px; height:100% auto !important; padding:20px 0 0 0; margin:0; float:left; background:#FFF;}

	/* HOMEPAGE */
			.projecten { width:685px; height:306px; padding:0; margin:0 0 10px 0; display:block; overflow:hidden;}
			.beurs { width:685px; height:164px; padding:0; margin:0 0 20px 0; display:block; overflow:hidden;}
		
	/* GENERAL */
	.right2 { border:1px solid #bebab9; width:633px; height:100% auto !important; padding:20px; margin:20px 10px 0px; float:left;}
		.right2 h1 { background:#f6f6f5; display:block; width:633px; height:20px; padding:5px 0px; margin:0; margin-bottom:10px; color:#839a35; font-size:13px; text-transform:uppercase;}
		.right2 h2 { color:#333; font-size:14px; margin-bottom:10px;}
		.right2 h3 { color:#839a35; margin-bottom:5px; font-size:13px;}
		.right2 h4 { color:#839a35; margin-bottom:5px; font-size:12px;}		
		.right2 p { line-height:22px; margin-bottom:10px;}
		.right2 li { margin-bottom:5px;}
		.info { background:#494949; border:1px solid #979291; width:614px; height:100% auto !important; padding:5px; margin:0; float:none; clear:both; color: #FFF;}
			.info h1 { background:#839154; color:#FFF; width:609px; padding: 5px;}
			.info p { margin:0; color: #FFF;}
			.info a { color:#FFF;}
			.info a:hover, .info a:focus { color:#839154;}
			.info td{height: 20px; padding: 3px;}
		a.back { color:#454545;}
		/* TABLE NEWS */
		.news { width:634px; color:#454545;}
		td.date { vertical-align:middle; color:#454545; font-size:11px; width:70px;}
		.news h2 { text-decoration:none; padding:0; margin:0;}
		.news p { padding:0; margin:0; line-height:18px;}
		.news img { margin-top:5px;}
		.news td { border-top:1px solid #979291; padding:10px 0;}
		/* TABLE PORTFOLIO */
		.folio { width:634px; color:#454545;}
		.folio h1 { width:auto; background:none; padding:0; margin-bottom:5px; color:#333; text-transform:none;}
		.folio td { padding-top:30px;}
		.folio p { margin:0;}
		.folio a { font-size:11px; font-weight:normal; color:#454545; float:none; clear:both;}
		.folio a:hover, .folio a:focus { color:#839a35;}
		/* TABLE PARTNERS */
		.partners { width:634px; text-align:center;}
		.partners td { width:332px; height:130px;}
		/* TABLE CONTACT */
		.contact { float:none; clear:both; width:634px; color:#454545;}
		.contact td { padding:3px 0; border-top:1px solid #979291;}
		td.first { border:0;}
		/* TABLE SUB */
		.sub { width:634px; color:#454545; margin-bottom:10px;}
		.sub td { border-top:1px solid #979291; border-bottom:1px solid #979291; padding:5px 0;}
		.sub a { color:#454545;}
		.sub a:hover, .sub a:focus { color:#000;}

.footer-wrap { background:url(/images2/footer.jpg) repeat-x bottom left; width:100%; height:300px; padding:0; margin-top:30px; float:none; clear:both;}
	.footer { width:960px; height:300px; padding:0; margin:0 auto; text-align:left;}
		.footer h1 { color:#FFF; font-weight:normal; font-size:13px; text-transform:uppercase; padding-bottom:5px; margin:0; margin-bottom:5px; border-bottom:1px solid #585656;}
		.footer p, .footer a { color:#757575;}
			.foot1 { width:300px; height:260px; padding:20px 0; margin-right:30px; float:left;}
				.foot1 a:focus img { border: 1px dotted #fff; padding: 2px; }
			.foot2 { width:300px; height:260px; padding:20px 0; margin:0; float:left;}
				.itemtop { margin-bottom:20px;}
				a.mail { font-weight:normal; color:#FFF;}
				a.mail:hover, a.mail:focus { color:#585656;}
				.item ul, .itemtop ul { list-style:none; padding:0; margin:0;}
				.item li a, .itemtop li a { display:block; width:300px; height:19px; padding-top:6px; margin:0; font-weight:normal; font-size:11px; border-bottom:1px solid #585656;}
				.item a:hover, .item a:focus {color:#FFF;}
				.item li a:hover, .item li a:focus, .itemtop li a:hover, .itemtop li a:focus { color:#FFF;}
				.item p { font-size:11px; line-height:normal;}
				.item, .itemtop a:hover, .itemtop a:focus { color:#FFF;}				
				table.cases img { border:2px solid #FFF;}
				.itemtop li a { text-transform:uppercase;}
				
/* Homepage banners */
.home-eshopxpo { background:url(../images2/b-eshopexpo.jpg) no-repeat; width:545px; height:202px; padding:40px 50px 0 50px; margin:0 0 10px; display:block; overflow:hidden;}
.home-webshop { background:url(../images2/b-webshops.jpg) no-repeat; width:245px; height:188px; padding:40px 350px 0 50px; margin:0 0 10px; display:block; overflow:hidden;}
.home-website { background:url(../images2/b-websites.jpg) no-repeat; width:245px; height:188px; padding:40px 350px 0 50px; margin:0 0 10px; display:block; overflow:hidden;}
.home-drukwerk { background:url(../images2/b-drukwerk.jpg) no-repeat; width:245px; height:188px; padding:40px 350px 0 50px; margin:0 0 10px; display:block; overflow:hidden;}
.home-services { background:url(../images2/b-services.jpg) no-repeat; width:245px; height:188px; padding:40px 350px 0 50px; margin:0 0 10px; display:block; overflow:hidden;}
.home-projecten { background:url(../images2/b_projecten.jpg) no-repeat; width:245px; height:188px; padding:40px 350px 0 50px; margin:0 0 10px; display:block; overflow:hidden;}
	.home-webshop h1, .home-website h1, .home-drukwerk h1, .home-services h1, .home-projecten h1, .home-eshopxpo h1 { color:#3c3c3c; font-weight:normal; font-size:18px; padding:0; margin:0 0 15px 0;}
	.home-webshop p, .home-website p, .home-drukwerk p, .home-services p, .home-projecten p { color:#8aa12f; line-height:20px;}
	.home-webshop a, .home-website a, .home-drukwerk a, .home-services a, .home-projecten a, .home-eshopxpo a{ color:#454545;}
	.home-webshop a:hover, .home-website a:hover, .home-drukwerk a:hover, .home-projecten a:hover, .home-services a:hover, .home-eshopxpo a:hover,
	.home-webshop a:focus, .home-website a:focus, .home-drukwerk a:focus, .home-projecten a:focus, .home-services a:focus, .home-eshopxpo a:focus{ color:#8aa12f;}
.home-eshopxpo p { color:#181a55; line-height:20px; margin-top:10px;}
.adsense{float: left; margin: 150px 0 0 20px;}
#plusoneButton{
	float:right;
	margin:3px;
	width:66px;
}