html, body
{
	margin				: 0px;
	padding				: 0px;
	background			: #000 url('../img/bg/body.png') repeat-y center center; /* donkergrijs: #231f20 */
}
body
{
	font				: normal 12px arial;
	color				: #fff;
}
body 
{
	scrollbar-3dlight-color:#888;
	scrollbar-arrow-color:#fff;
	scrollbar-base-color:#fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-face-color:#2c2c2c;
	scrollbar-highlight-color:#2c2c2c;
	scrollbar-shadow-color:#888;
} 

a img
{
	border				: none;
}

#container
{
	position			: relative;
	width				: 960px;
	margin				: 0 auto;
	padding-top			: 239px;
	background-repeat	: no-repeat;
	background-position	: 0 138px;
	height				: 470px;
}
body div.cont1
{
	background-image	: url('../img/bg/main/item1.jpg');
}
body div.cont2
{
	background-image	: url('../img/bg/main/item2.jpg');
}
body div.cont3
{
	background-image	: url('../img/bg/main/item3.jpg');
}
body div.cont4
{
	background-image	: url('../img/bg/main/item4.jpg');
}
body div.cont5
{
	background-image	: url('../img/bg/main/item5.jpg');
}
body div.cont6
{
	background-image	: url('../img/bg/main/item6.jpg');
}
body div.cont7
{
	background-image	: url('../img/bg/main/item7.jpg');
}
body div.cont8
{
	background-image	: url('../img/bg/main/item8.jpg');
}
* html #container
{
	height				: 100%;
}

a#index
{
	position			: absolute;
	top					: 32px;
	margin-left			: 15px;
}

#navigation, #footer ul
{
	margin				: 0px;
	padding				: 0px;
	list-style-type		: none;
}

#navigation
{
	position			: absolute;
	background			: url('../img/bg/navigation.gif') no-repeat 60px 23px;
	margin-left			: 440px;
	top					: 200px;
	height				: 410px;
	width				: 520px;
}
#navigation a, #navigation span
{
	position			: absolute;
	display				: block;
	color				: #fff;
	text-decoration		: none;
	text-transform		: uppercase;
	font-weight			: bold;
	font-size			: 18px;
	background-repeat	: no-repeat;
	background-image	: none;
	/*text-shadow			: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000;*/
	z-index				: 50;
}
#navigation span
{
	color				: #000;
	font-size			: 18px;
	z-index				: 49;
}
#navigation a:hover, #navigation a.selected
{
	background-image	: url('../img/bg/a.hover.gif');
}
.item1 a
{
	margin-left			: 190px;
	width				: 100px;
	text-align			: center;
	padding-bottom		: 35px;
	background-position	: 34px 24px;
}
.item1 span.span1, .item1 span.span2, .item1 span.span3, .item1 span.span4
{
	margin				: -1px 0 0 189px;
	width				: 100px;
	text-align			: center;
}
.item1 span.span2
{
	margin				: 1px 0 0 189px;
}
.item1 span.span3
{
	margin				: -1px 0 0 191px;
}
.item1 span.span4
{
	margin				: 1px 0 0 191px;
}
.item2 a
{
	margin-left			: 340px;
	top					: 61px;
	padding				: 1px 0 21px 36px;
	background-position	: 0px 10px;
}
.item2 span.span1
{
	margin-left			: 375px;
	top					: 62px;
}
.item2 span.span2
{
	margin-left			: 375px;
	top					: 64px;
}
.item2 span.span3
{
	margin-left			: 377px;
	top					: 62px;
}
.item2 span.span4
{
	margin-left			: 377px;
	top					: 64px;
}
.item3 a
{
	margin-left			: 385px;
	top					: 185px;
	padding				: 10px 0 1px 40px;
	background-position	: 0px 0px;
}
.item3 span.span1
{
	margin-left			: 424px;
	top					: 194px;
}
.item3 span.span2
{
	margin-left			: 424px;
	top					: 196px;
}
.item3 span.span3
{
	margin-left			: 426px;
	top					: 194px;
}
.item3 span.span4
{
	margin-left			: 426px;
	top					: 196px;
}
.item4 a
{
	margin-left			: 337px;
	top					: 301px;
	padding				: 13px 0 0 39px;
}
.item4 span.span1
{
	margin-left			: 375px;
	top					: 313px;
}
.item4 span.span2
{
	margin-left			: 375px;
	top					: 315px;
}
.item4 span.span3
{
	margin-left			: 377px;
	top					: 313px;
}
.item4 span.span4
{
	margin-left			: 377px;
	top					: 315px;
}
.item5 a
{
	margin-left			: 190px;
	top					: 349px;
	padding-top			: 37px;
	width				: 100px;
	text-align			: center;
	background-position	: 34px 0;
}
.item5 span.span1, .item5 span.span2, .item5 span.span3, .item5 span.span4
{
	width				: 100px;
	margin-left			: 189px;
	top					: 385px;
	text-align			: center;
}
.item5 span.span2
{
	margin-left			: 189px;
	top					: 387px;
}
.item5 span.span3
{
	margin-left			: 191px;
	top					: 385px;
}
.item5 span.span4
{
	margin-left			: 191px;
	top					: 387px;
}
.item6 a, .item6 span.span1, .item6 span.span2, .item6 span.span3, .item6 span.span4
{
	width				: 121px;
	margin-left			: -19px;
	text-align			: right;
	top					: 301px;
	padding				: 13px 40px 0 0;
	background-position	: right top;
}
.item6 span.span1, .item6 span.span2, .item6 span.span3, .item6 span.span4
{
	margin-left			: -3px;
	margin-left			: -20px;
	top					: 313px;
	padding-top			: 0px;
}
.item6 span.span2
{
	margin-left			: -20px;
	top					: 315px;
}
.item6 span.span3
{
	margin-left			: -18px;
	top					: 313px;
}
.item6 span.span4
{
	margin-left			: -18px;
	top					: 315px;
}
.item7 a, .item7 span.span1, .item7 span.span2, .item7 span.span3, .item7 span.span4
{
	width				: 74px;
	margin-left			: -20px;
	text-align			: right;
	top					: 186px;
	padding				: 9px 40px 2px 0;
	background-position	: 133px 0;
}

.item7 span.span1, .item7 span.span2, .item7 span.span3, .item7 span.span4
{
	margin-left			: -3px;
	margin-left			: -21px;
	top					: 194px;
	padding-top			: 0px;
}
.item7 span.span2
{
	margin-left			: -21px;
	top					: 196px;
}
.item7 span.span3
{
	margin-left			: -19px;
	top					: 194px;
}
.item7 span.span4
{
	margin-left			: -19px;
	top					: 196px;
}
.item8 a, .item8 span.span1, .item8 span.span2, .item8 span.span3, .item8 span.span4
{
	width				: 103px;
	text-align			: right;
	top					: 62px;
	background-position	: 110px 9px;
	padding				: 0 40px 20px 0;
}
.item8 span.span1, .item8 span.span2, .item8 span.span3, .item8 span.span4
{
	margin-left			: -1px;
	top					: 61px;
	padding				: 0px;	
}
.item8 span.span2
{
	margin-left			: -1px;
	top					: 63px;
}
.item8 span.span3
{
	margin-left			: 1px;
	top					: 61px;
}
.item8 span.span4
{
	margin-left			: 1px;
	top					: 63px;
}


#content
{
	position			: absolute;
	background			: url('../img/bg/corners.355.gif') no-repeat left -18px;
	width				: 375px;
	width				: 355px;
	margin-left			: 65px;
}
#content .wrapper
{
	margin-top			: 18px;
	background			: url('../img/bg/corners.355.gif') no-repeat left 349px;
	padding-bottom		: 18px;
}
#content .wrapper .wrapper
{
	background-image	: none;
	background-color	: #2c2c2c;
	margin				: 0px;
	padding				: 6px 0 1px 19px;
	height				: 282px;
	height				: 342px;
}
#text
{
	height				: 284px;
	height				: 344px;
	padding-right		: 5px;
	overflow			: auto;
}
h1
{
	margin				: 0px;
	padding				: 0px;
	font-size			: 16px;
}

#footer
{
	clear				: both;
	padding-top			: 90px;
	margin				: 320px 0 0 65px;
	position			: absolute;
	width				: 895px;
	z-index				: 40;
}
#footer ul
{
	float				: right;
	margin-right		: 107px;
}
#footer li
{
	float				: left;
	background			: url('../img/bg/footer.border.left.png') no-repeat left center;
	padding				: 0 5px 0 7px;
}
#footer li.first
{
	background-image	: none;
}
#footer a
{
	color				: #fff;
	text-decoration		: none;
	font-size			: 13px;
}
#footer a:hover
{
	text-decoration		: underline;
}
#footer p
{
	margin				: 0px;
	padding				: 0px;
	width				: 420px;
}