html, body 
{
	margin				: 0;
	padding				: 5px 0 0 0;
	font				: 10pt Arial, Verdana, Tahoma, sans-serif;
	background-color	: #fff;
	color				: #000;
}

#container
{
	width				: 770px;
	padding				: 10px 0px;
	margin				: 0px auto;
	background			: url('/img/bg/background-container.png') repeat-x top left;
}
#header
{
	width				: 750px;
	margin				: 0 10px;
	height				: 245px;
	background			: #fff url('/img/bg/spider-logo.jpg') no-repeat left top;
}
#header #logo
{
	display				: block;
	text-decoration		: none;
	width				: 211px;
	height				: 88px;
}
#header span
{
	visibility			: hidden;
	font-size			: 0px;
}
#header ul
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 15px 0 0 0;
	display				: block;
	width				: 710px;
	margin				: 0 auto;
}
#header li
{
	display				: block;
	float				: left;
}
#header ul a
{
	display				: block;
	width				: 142px;
	padding-top			: 10px;
	height				: 123px;
	background-color	: #066;
	background-repeat	: no-repeat;
	background-position	: center center;
	color				: #fff;
	text-decoration		: none;
	font-size			: 15pt;	
	font-weight			: bold;
	text-align			: center;
}
a.optimalisatie
{
	background-image	: url('img/bg/header/optimalisatie.png');
}
a.googlecms
{
	background-image	: url('img/bg/header/google-cms.png');
}
a.internetstrategie
{
	background-image	: url('img/bg/header/internet-strategie.png');
}
a.internetmarketing
{
	background-image	: url('img/bg/header/internet-marketing.png');
}
a.emailmarketing
{
	background-image	: url('img/bg/header/e-mail-marketing.png');
}

#header ul a:hover
{
	color				: rgb(244,161,0);
}

#main
{
	clear				: both;
	margin				: 15px 30px;
}
#navigation
{
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
	float				: left;	
}
#navigation li
{
	position			: relative;
	margin				: 0;
	padding				: 0;
	display				: block;
}
#navigation a
{
	display				: block;
	width				: 110px;
	padding				: 1px 5px;
	margin				: 2px 0;
	color				: #015850;
	text-decoration		: none;
}
#navigation a.selected
{
	background-color	: #fff;
}
#navigation a:hover
{
	background-color	: rgb(244,161,0);
	color				: #fff;
}

#text
{
	width				: 560px;
	margin-left			: 139px;
}
#text h1
{
	font-size			: 15pt;
	background			: url('/img/bg/icon.png') no-repeat left center;
	padding-left		: 30px;
	margin				: 0 0 5px 0;
}
#text h2
{
	font-size			: 14pt;
	margin				: 0 0 10px 0;
}
#text h3
{
	font-size			: 12pt;
	margin				: 0 0 7px 0;
}
#text a:link, #footer a:link
{
	color				: #03a;
}
#text a:visited, #footer a:visited
{
	color				: #015850;
}
#text a:hover, #footer a:hover
{
	color				: #015850;
	text-decoration		: none;
}

ul#footer
{
	clear				: both;
	text-align			: center;
	padding				: 5px 10px;
	font-size			: 8pt;
	color				: #336666;
	margin				: 25px 0 0 0;
	list-style-type		: none;
}
#footer li
{
	display				: inline;
}
#copyright
{
	clear				: both;
	text-align			: center;
	border-style		: solid;
	border-color		: #bddede;
	border-width		: 5px 10px;
	font-size			: 8pt;
	color				: #336666;
	margin-top			: 10px;
}

#sitemap li
{
	color				: #1d6849;
}

#offerte
{
	color				: #316563;
}
#offerte .text
{
	width				: 265px;
}
form label
{
	cursor				: pointer;
}