body{
	background:#e1e1e1;
	color:#4B4C5F;
	font-family:tahoma, sans-serif, arial;
	font-size:11px;
	margin:0;
	text-align:center;
	height:100%;
	}
body center{
background:white url(/images/gfx/bodybg.jpg) bottom repeat-x;
}
img{border:0}
a{color:#5A71A6;text-decoration:none}
a:hover{	text-decoration:underline}
.ons a{	color:#4B4C5F;text-decoration:none}

#container{
	text-align:left;
	position:relative;
	width:925px;
	padding-bottom:20px;
	z-index:2}
	
#top{
	padding:15px 0 14px 19px;
	margin-bottom:20px;
	}
	#top h1{margin:0}
	#top h1 a{
		font-size:12px;
		overflow:hidden;
		width:159px;
		height:38px;
		background:url(/images/gfx/logo.png) no-repeat;
		text-indent:-200px;
		display:block;
		}	
	#top h2{
		margin:0;
		font-size:12px;
		overflow:hidden;
		width:154px;
		height:18px;
		background:url(/images/gfx/internet-marketing.png) no-repeat;
		text-indent:-250px;
		display:block;
		}
#topbg{
	height:84px;
	width:100%;
	background:url(/images/gfx/topbg.gif) repeat-x;
	border-bottom:1px solid #e3e5e9;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	}
	
#boxright{
margin-left:230px;

	}

#content{
	margin:0;
	width:480px;
	float:left;	
	}
#content img{border:0}
	
.hoofdtekst{
	background: white url(/images/gfx/vakbg.png) no-repeat;
	width:410px;
	padding:10px 20px 10px 30px;
	margin:20px 20px 0 0;
	line-height:17px;
	font-size:12px;
	}
	.hoofdtekst H2{
		font-size:20px;
		font-weight:normal;
		margin-top:0;
		}
	.hoofdtekst H3{
		font-size:18px;
		margin-top:0;
		}
		.hometxt{
			margin: 1em 0;
		}
		
.col{
	background:url(/images/gfx/colbg.png) no-repeat;
	float:left;
	height:210px;
	width:200px;
	padding:10px;
	overflow:hidden;
	margin-top:20px;
	}
.colspace{
	width:20px;
	float:left;
	}

#menu{
	top:105px;
	left:0;
	position:absolute;
	width:210px;
	}
	
#menu ul, #menu ul ul { 
	padding:0;
	margin:0;
	list-style: none;
	display:block;
	border:1px solid #dbdddf;
	border-top:0;

	}

	#menu ul ul{float: left}
	#menu ul{margin-bottom:28px}
	
	#menu ul ul li, #maplist ul li{ 
	position : relative;
	float:left;
	padding-top:1px;
	}
	
	#menu li li{
				margin-top:-1px;
				float:left;
		}
	
	#menu ul li a, #menu ul li u{
		height:30px;
		width:208px;
		display:block;
		color:#ff7700;
		font-size:14px;
		cursor:pointer;
		border-top:1px solid #ccc;
	}
	
		#menu ul li ul{ /* second-level lists */
		position : absolute; 
		left: -999em;
		z-index:5;
		background:white;
		margin-left: 190px;
		margin-top: -28px;
		border-bottom:2px solid #aaa; border-right:2px solid #aaa;
	}
	
	#maplist, #maplist li{padding:0;margin:0;list-style:none;display:inline}
	#maplist ul{display:block;margin:0}
	#maplist li ul{position:absolute; left: -999em;z-index:5;margin:0 0 0 -10px}
	#maplist li ul li a{padding:5px;display:block;}
	
	#menu ul li a:hover, #menu ul li u:hover {
	text-decoration:underline;
	}
	
	#menu ul li ul li a{
		padding:4px 0 5px 19px;
		width:181px;
		height:auto;
		font-size:13px;
		color:#1981d8;
		display:block;
		border-top:1px solid #dbdddf;
		background:#fff url(/images/gfx/menulilihover.png) 0 30px repeat-x;
		}
	#menu #menuul2 li ul li a{color:#777}
	#menu ul li ul li a:hover, #menu ul li.open ul li a:hover, #menu #menuul2 li ul li a:hover{
		text-decoration:none;color:#ff7700;background:url(/images/gfx/menulilihover.png);
	}

	 ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
		left: -999em;
	}
	
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #maplist li:hover ul, #maplist li li:hover ul, #maplist li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
#menu li:hover, #maplist li:hover {position: static;}
#menu ul.over li a{color:#646464;}
	
		#menu h3{
			font-size:15px;
			margin:20px 0 0 0}
		#menu p{
			margin:10px 0 0 0;
			line-height:160%}
		#menu a img{border:0}




#slider{
float:left;
width:210px;
}

	
#bottomline, #bottommenu{
	margin-top:10px;
	position:relative;
	clear:both;
	width:920px;
	padding:4px 10px;
	color:#999999;
	text-align:center}
	#bottommenu{margin-top:0}
#bottomline a, #bottommenu a{
	color:#999999;
	text-decoration:none}

#meerweten{
	margin: 0 19px 28px;
	}
	#meerweten a{
		font:15px arial;
		font-weight:bold;
		color:#1981d8;
		}
		#meerweten a:hover{text-decoration:none}


	a.gesprek, a.analyse, a.offerte{
		background:url(/images/gfx/gesprek-button.png) 0 0 no-repeat;
		height:57px;
		width:388px;
		text-indent:-900em;
		overflow:hidden;
		display:block;
		color:#ff7700;font-size:14px;}
	a.gesprek:hover{background:url(/images/gfx/gesprek-button.png) 0px -57px no-repeat}
	
	a.analyse{background:url(/images/gfx/analyse-button.png) 0 0 no-repeat}
	a.analyse:hover{background:url(/images/gfx/analyse-button.png) 0px -57px no-repeat}

	a.offerte{background:url(/images/gfx/offerte-button.png) 0 0 no-repeat}
	a.offerte:hover{background:url(/images/gfx/offerte-button.png) 0px -57px no-repeat}
	
	a.emailmarketing, a.google, a.seo, a.webshopadvies, a.webshop, a.zoekoptimal{
		background:url(/images/gfx/emailmarketing-button.png) 0 0 no-repeat;
		height:57px;
		width:475px;
		text-indent:-900em;
		overflow:hidden;
		display:block;
		color:#ff7700;font-size:14px;}
	a.emailmarketing:hover{background:url(/images/gfx/emailmarketing-button.png) 0px -57px no-repeat}
	
	a.google{background:url(/images/gfx/google-button.png) 0 0 no-repeat}
	a.google:hover{background:url(/images/gfx/google-button.png) 0px -57px no-repeat}

	a.seo{background:url(/images/gfx/seo-button.png) 0 0 no-repeat}
	a.seo:hover{background:url(/images/gfx/seo-button.png) 0px -57px no-repeat}
	
	a.webshopadvies{background:url(/images/gfx/webshop-advies-button.png) 0 0 no-repeat}
	a.webshopadvies:hover{background:url(/images/gfx/webshop-advies-button.png) 0px -57px no-repeat}

	a.webshop{background:url(/images/gfx/webshop-button.png) 0 0 no-repeat}
	a.webshop:hover{background:url(/images/gfx/webshop-button.png) 0px -57px no-repeat}

	a.zoekoptimal{background:url(/images/gfx/zoekoptimal.png) 0 0 no-repeat}
	a.zoekoptimal:hover{background:url(/images/gfx/zoekoptimal.png) 0px -57px no-repeat}

	
	
	
	
	
	
	a.menu1, a.menu2, a.menu3, a.menu4, a.menu5, a.menu6, a.menu7{
		text-indent:-900em;
		overflow:hidden;
		}
		
	.menu1{background:url(/images/gfx/marketingcampagnes.png) 19px 0 no-repeat;}
		.menu1:hover{background:url(/images/gfx/marketingcampagnes.png) 19px -30px no-repeat}
	.menu2{background:url(/images/gfx/webdesign.png) 19px 0 no-repeat;}
		.menu2:hover{background:url(/images/gfx/webdesign.png) 19px -30px no-repeat}
	.menu3{background:url(/images/gfx/internetmarketing.png) 19px 0 no-repeat;}
		.menu3:hover{background:url(/images/gfx/internetmarketing.png) 19px -30px no-repeat}
	.menu4{background:url(/images/gfx/portfolio.png) 19px 0 no-repeat;}
		.menu4:hover{background:url(/images/gfx/portfolio.png) 19px -30px no-repeat}
	.menu5{background:url(/images/gfx/referenties.png) 19px 0 no-repeat;}
		.menu5:hover{background:url(/images/gfx/referenties.png) 19px -30px no-repeat}
	.menu6{background:url(/images/gfx/overmm.png) 19px 0 no-repeat;}
		.menu6:hover{background:url(/images/gfx/overmm.png) 19px -30px no-repeat}
	.menu7{background:url(/images/gfx/contact.png) 19px 0 no-repeat;}
		.menu7:hover{background:url(/images/gfx/contact.png) 19px -29px no-repeat}
	
#cloud{
	width:200px;
	height:159px;
	padding:10px 0 10px 10px;
	background:url(/images/gfx/cloudbg.png) no-repeat;
	font-family:Arial, Helvetica;
	margin-bottom:20px;
	position:relative;
	clear:left
	}
	#cloud a{text-decoration:none;color:#bdcad6}
	#cloud a.tl1{color:#a7b6c4;font-size:16px;}
	#cloud a.tl2{font-size:16px;font-weight:bold;line-height:27px}
	#cloud a.tl3{color:#c7d4df;font-size:11px; padding-left:3px}
	#cloud a.tl4{font-size:13px;font-size:16px;color:#a5b4c0;line-height:20px}
	#cloud a.tl5{font-size:13px;padding-left:3px;line-height:20px}
	#cloud a.tl6{font-size:19px;}
	#cloud a.tl7{font-size:10px;padding-left:3px}
	#cloud a.tl8{font-weight:bold;font-size:14px;line-height:23px;}
	#cloud a.tl9{color:#c1ceda;font-size:16px;font-weight:bold}
	#cloud a.tl10{color:#a7b6c4;font-size:13px;padding-left:3px;line-height:22px;}
	#cloud a.tl11{color:#a7b6c4;font-size:16px;font-weight:bold;line-height:22px;}

	#cloud a:hover{color:#fd9500}

#end{
	clear:both;
	position:relative;
	width:650px;
	height:10px;
	margin:0;
	}

#adbalk { margin:5px 0; background: url(/images/gfx/promobalk-bg.png) no-repeat 0 100%; zoom: 1; }
#adbalk:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#adbalk img {  }

#adbalk ul#ads {
	background: url(/images/gfx/promobalk-bg-top.png) no-repeat; 
	margin: 0; 
	width: 920px; 
	padding: 5px 0 0 0;
	list-style-type:none;
	}
#adbalk ul#ads li.ad {
	position: relative; 
	float: left; 
	text-align:center;
	width: 229px; 
	padding:0 1px 3px 0; 
	margin:0; 
	display:block;
	margin-top:-1px;
	}
#adbalk ul#ads li.ad a:hover{text-decoration:none;color:#ff7700;font-size:12px}


#slider a{
	margin:0 0 20px 0;
	font-size:12px;
	cursor:pointer;
	color:#4d4d57;
	display:block}
#slider a:hover{text-decoration:none}
#slider .buttonemail{
	background:url(/images/buttons/youvegotmail.png) no-repeat;
	height:60px;
	padding:35px 0 10px 15px;
	}
#slider .buttonrekenen{
	background:url(/images/buttons/rekenen.png) no-repeat;
	height:130px;
	margin-bottom:0;
	padding:35px 13px 32px 15px}
	#slider .buttonrekenen span{
		color:#fd7900;
		text-align:right;
		margin:25px 5px 20px 78px;
		display:block;
		background:transparent;
		line-height:130%
		}
	#slider .buttonrekenen span strong{border-top:1px solid #fd7900;display:block;line-height:170%;}