html, body
{
	margin				: 0;
	padding				: 0;
}
body
{
	background			: #fff url('../img/bg/html.png') repeat-x left top;
	font-size			: 9pt;
	font-family			: arial;
	color				: #000;
}
#absolute
{
	position			: absolute;
	top					: 0px;
	overflow			: none;
	width				: 100%;
	background			: url('../img/bg/body.png') no-repeat left top;
	height				: 113px;
	left				: 0px;
}

a img
{
	border				: none;
}
a
{
	color				: #81286c;
}
a:visited
{
	text-decoration		: none;
}
a:hover
{
	color				: #599fb8;
}

#container 
{ 
	margin				: 0 auto;
	width				: 999px;
}
ul#navigation, #footer ul, #sub ul, .bar dl, .bar dt, .bar dd, ul#blocks, #blocks p, #content #buttons, ul.sub
{
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
}
/* koppen */
.bar h4, #navigation a, #blocks h3, #buttons a, #content h1, .show th
{
	text-transform		: uppercase;
	font-size			: 14px;
	_font-size			: 13px;
	font-weight			: bold;
	font-family			: 'Tw Cen MT';
}

#content h2
{
        text-transform		: uppercase;
	font-size			: 12px;
	_font-size			: 11px;
	font-weight			: bold;
	font-family			: 'Tw Cen MT';
}

#logo
{
	position			: absolute;
	text-decoration		: none;
	display				: block;
	margin-left			: 538px;
	top					: 9px;
	width				: 461px;
	height				: 65px;
}

#sub
{
	display				: block;
	margin-top			: 113px;
	padding-bottom		: 10px;
	background			: url('../img/bg/dot.gif') repeat-x left bottom;
}
#sub ul
{
	padding				: 8px 0 0 5px;
}
#sub li
{
	line-height			: 13px;
	float				: left;
	padding				: 0 6px;
	margin-bottom		: 2px;
	font-size			: 8pt;
	background			: url('../img/bg/dot.gif') repeat-y left top;
	text-transform		: lowercase;
	border-top			: 1px solid #fff;
	border-bottom		: 1px solid #fff;
}
#sub a
{
	text-decoration		: none;
}
#sub a.selected
{
	text-decoration		: none;
}
#sub li.last
{
	background-image	: none;
	padding				: 0px;
	margin				: 0px;
}
#hide
{
	position			: absolute;
	top					: 113px;
	display				: block;
	width				: 1px;
	height				: 50px;
	background-color	: #fff;
	margin-left			: 5px;
}

#container #navigation
{
	position			: absolute;
	top					: 86px;
	padding-left		: 6px;
}
#navigation li
{
	float				: left;
	margin-right		: 5px;
}
#navigation a
{
	text-decoration		: none;
	color				: #fff;
	padding				: 5px 11px 0px 4px;
	display				: block;
	_width				: 165px;
	_text-align			: center;
	height				: 22px;
}
#navigation span
{
	position			: absolute;
	display				: block;
	width				: 11px;
	height				: 27px;
	margin				: -5px 0 0 -10px;
	background			: url('../img/bg/navigation.dot.gif') no-repeat left top;
}
#navigation li.first span
{
	background-image	: none;
}
#navigation a:hover, #navigation a.selected
{
	background			: url('../img/bg/navigation.gif') no-repeat right top;
	color				: #81286c;
}
#navigation a:hover span, #navigation a.selected span, #navigation li.first a:hover span
{
	background			: url('../img/bg/navigation.gif') no-repeat 0 -27px;
}


/* MAIN */
#main
{
	margin-top			: 12px;
	background			: url('../img/bg/main.png') left top;
}
#form #main
{
	background-repeat	: repeat-y;
}
#home #main
{
	padding-top			: 246px;
}
#main h1, #main h2, #main h3, #main h4, #main h5
{
	margin				: 0px;
}
#content h1
{
	padding-top			: 15px;
	font-size			: 17px;
	color				: #0B4354;
}

#content h2
{
	padding-top			: 15px;
	font-size			: 17px;
	color				: #0B4354;
}

#content
{
	margin-left			: 235px;
	width				: 544px;
	position			: absolute;
}
#form #content
{
	width				: 764px;
}

#container #buttons
{
	height				: 44px;
	margin-left			: -13px;
	width				: 570px;
}
#buttons li
{
	float				: left;
	padding-left		: 4px;
}
#buttons a
{
	color				: #fff;
	text-decoration		: none;
	display				: block;
	width				: 177px;
	padding				: 4px 0 0 9px;
	height				: 40px;
	background			: url('../img/bg/blocks.png') no-repeat -940px 0;
}
#buttons a:hover
{
	background-position	: -940px -44px;
}

#container #blocks 
{
	position			: absolute;
	display				: block;
	height				: 236px;
	width				: 772px;
	padding-left		: 5px;
	margin-left			: 222px;
	*margin-left		: 12px;
	background-color	: #c0dde5;
	border-bottom		: 10px solid #fff;
	color				: #fff;
}
#blocks li
{
	float				: left;
	width				: 188px;
	height				: 226px;
	display				: block;
	margin-right		: 5px;
	margin-top			: 5px;
	background			: #559cb2 url('../img/bg/blocks.png') no-repeat left bottom;
}
#blocks h3
{
	background			: url('../img/bg/blocks.png') no-repeat -188px 0;
	padding				: 147px 0 0 8px;
}
#blocks .onlineberekenen h3
{
	background-position	: -376px 0;
}
#blocks .advies h3
{
	background-position	: -564px 0;
}
#blocks .diensten h3
{
	background-position	: -752px 0;
}
#container #blocks .diensten
{
	margin-right		: 0px;
}
#blocks li
{
	font-size			: 8pt;
	line-height			: 12px;
}
#blocks p
{
	padding				: 7px 7px 0 8px;
}
#blocks a
{
	position			: absolute;
	display				: block;
	width				: 162px;
	padding-right		: 18px;
	margin-top			: 47px;
	text-align			: right;
	text-decoration		: none;
	color				: #0b4354;
	background			: url('../img/bg/icons.gif') no-repeat 167px 0;
}

#barleft
{
	width				: 200px;
	float				: left;
}
#barright
{
	float				: right;
	width				: 188px;
}
#home #barleft, #home #blocks
{
	margin-top			: -246px;
}
.bar ul, .bar ol
{
	margin				: 0px;
	padding				: 0 0 0 20px;
}
.bar
{
	padding				: 1px 5px 2px 5px;
	font-size			: 8pt;
}
.bar ul.sub 
{
	background-color	: #fff;
	margin				: -1px 0 0 -5px;
	padding-left		: 4px;
	border-bottom		: 10px solid #fff;
	width				: 206px;
}
.bar .sub li
{
	padding-bottom		: 1px;
}
.bar .sub a
{
	text-decoration		: none;
}
.bar h4
{
	padding-bottom		: 11px;
	color				: #0b4354;
}
.bar div.item
{
	background			: #c1c4d3 url('../img/bg/kader.png') repeat-x left top;
	border-top			: 4px solid #e9e9f3;
}
div.item div
{
	background-image	: url('../img/bg/corners.kader.gif');
	background-repeat	: no-repeat;
}
div.item div div div
{
	background-image	: none;
}
#aanmelden
{
	text-align			: right;
}
#aanmelden #error
{
	text-align			: left;
}
#emailAddress, #emailName, #captchaCode
{
	width				: 147px;
}
.bar .i2
{
	padding				: 10px 7px 27px 11px;
}
.bar .more
{
	float				: right;
}
#barleft .i1
{
	background-position	: left bottom;
}
#barleft .i2
{
	background-position	: -200px top;
}
#barright .i1
{
	background-position	: -400px bottom;
}
#barright .i2
{
	background-position	: -588px top;
}
#itemredenen h4
{
	letter-spacing		: -0.04em;
}
.bar #itemredenen  .i2
{
	*padding			: 10px 0px 27px 5px;
}
#itemgadirec ul, #itemredenen ol
{
	padding				: 0px;
	list-style-type		: none;
}
#itemgadirec ul
{
	background			: url('../img/bg/dot.gif') repeat-x left top;
}
#itemgadirec li
{
	background			: url('../img/bg/dot.gif') repeat-x left bottom;
	line-height			: 21px;
}
#itemgadirec a
{
	text-decoration		: none;
}
#itemredenen li
{
	padding				: 4px 0 6px 21px;
	*padding			: 4px 7px 6px 21px;
	background			: url('../img/bg/icons.gif') no-repeat -14px 0;
}
#itemnieuws dd
{
	font-weight			: bold;
}
#itemnieuws dt
{
	background			: url('../img/bg/dot.gif') repeat-x left top;
	padding-top			: 8px;
	margin-top			: 6px;
}
#itemnieuws dl :first-child
{
	background-image	: none;
	padding-top			: 0px;
	margin-top			: 0px;
}
#itemnieuws dd a
{
	color				: #000;
	text-decoration		: none;
}
.bar #itemnieuws dl
{
	padding-bottom		: 10px;
}

/* footer */
#footer
{
	text-transform		: uppercase;	
	padding				: 10px 0 30px 0;
	font-size			: 9px;
}
#footer, #footer a
{
	color				: #8e8e8e;
	text-decoration		: none;
}
#footer a:hover
{
	text-decoration		: underline;
}
#footer ul
{
	text-align			: center;
	padding-top			: 5px;
	background			: url('../img/bg/dot.gif') repeat-x left top;
}
#footer li
{
	display				: inline;
	padding				: 0 9px;
}



/* formulieren */
.hfaddon
{
	position			: absolute;
	margin-left			: -9999px;
}
#form .show
{
	padding-top			: 15px;
}
#form .show tr.odd
{
	background-color	: #e8eaf3;
}
.show th
{
	color				: #323232;
	text-align			: left;
}
.show td, .show th
{
	padding-left		: 7px;
	height				: 26px;
	line-height			: 26px;
}
.clear
{
	visibility			: hidden;
	clear				: both;
	margin				: 0px;
	padding				: 0px;
	height				: 1px;
	*position			: absolute;
	width				: 1px;
}
.show input, .show textarea, .show select, .show option
{
	font-size			: 8pt;
}