html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body, html {
	height:		100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body
{
	font-size:			13px;
	font-family:		Lucida Sans Unicode;	
	background:			url('/img/bg.jpg') 50% 7px #FFF;
	margin:				0;
	height:				100%;	
	color:				#363636;
	border-top:			3px solid #4F0B08;
}

#wrapper
{
	width:				965px;
	margin:				0 auto;
	position:			relative;
	padding-bottom:		20px;
}

a
{
	color:				#D5B93B;
	text-decoration:	none;
}
a:hover
{
	text-decoration:	underline;
}

h2
{
	font-size:			22px;
	margin-bottom:		10px;
	border-bottom:		1px solid #D5B93B;
	color:				#430D0D;
	text-transform:		none;
	padding:			5px 5px 5px 0;
}

h3
{
	font-size:			15px;
	margin-bottom:		4px;
	color:				#430D0D;
}
#glow
{
	position:			absolute;
	z-index:			-1;
	left:				-150px;
	top:				-8px;
	height:				347px;
	width:				618px;
}
#kop
{
	background:			url('/img/randje.png') 0 -3px repeat-x #FFF;
	border-top:			4px solid #4F0B08;
	border-bottom:		4px solid #4F0B08;
	margin-top:			8px;
	position:			relative;
	padding:			10px;
}
#kop #sfeerfoto
{
	width:				943px;
	height:				276px;
}
#fotoSlider
{
	position:		relative;
	height:			277px;
	overflow:		hidden;
}
#fotoSlider img
{
	position:		absolute;
}
#fotoSlider img 
{
	position:		absolute;
	display:		none;
    top:			-1px;
    left:			0;
    z-index:		8;
    width:			943px; 
    height:			276px;
}

#fotoSlider .shown
{
	z-index:		10;
	display:		inline;
}

#fotoSlider .last-shown
{
	z-index:		9;
}

#fotoSlider #overlay
{
	width:			270px;
	height:			175px;
	border:			1px solid #97A8B8;
	background:		url('/img/transparant.png');
	position:		absolute;
	right:			15px;
	bottom:			15px;
	z-index:		11;
	overflow:		hidden;
}

.links1
{
	background:			url('/img/hoek1-links.png');
	position:			absolute;
	bottom:				2px;
	left:				2px;
	width:				51px;
	height:				51px;
	z-index:			11;
}
.rechts1
{
	background:			url('/img/hoek1-rechts.png');
	position:			absolute;
	top:				2px;
	right:				2px;
	width:				51px;
	height:				51px;
	z-index:			11;	
}
.links2
{
	background:			url('/img/hoek2-links.png');
	position:			absolute;
	bottom:				-2px;
	left:				-5px;
	width:				22px;
	height:				22px;
}
.rechts2
{
	background:			url('/img/hoek2-rechts.png');
	position:			absolute;
	top:				-5px;
	right:				-5px;
	width:				22px;
	height:				22px;
}
.links3
{
	background:			url('/img/hoek3-links.png');
	position:			absolute;
	bottom:				-3px;
	left:				-3px;
	width:				13px;
	height:				13px;
}
.rechts3
{
	background:			url('/img/hoek3-rechts.png');
	position:			absolute;
	top:				-3px;
	right:				-3px;
	width:				13px;
	height:				13px;
}

#kruimelspoor
{
	text-transform:		uppercase;
	padding-left:		20px;
	font-weight:		normal;
	font-size:			9px;
	margin-bottom:		10px;
}
#kruimelspoor a
{
	color:				#3A0606;
}

#content
{
	background:			#FFF;
	padding:			10px;
	overflow:			auto;
	border-bottom:		3px solid #3A0606;
}
#contentlinks
{
	width:				610px;
	padding-right:		20px;
	float:				left;
	margin-bottom:		20px;
}
#laatstenieuws
{
	position:			relative;
	float:				left;
	margin-bottom:		20px;
	width:				310px;
	background:			#F5F5F5;
	border:				1px solid #CED0CD;
	padding-bottom:		10px;
}
#laatstenieuws h2
{
	padding-left:		10px;
}

#laatstenieuws .links1
{
	bottom:				-8px;
	left:				-8px;
}
#laatstenieuws .rechts1
{
	top:				-8px;
	right:				-8px;
}
.kleinnieuws
{
	padding:			5px 5px 10px 10px;
}
.kleinnieuws a
{
	float:				right;
}
.kleinnieuws span
{
	font-size:			11px;
}
.menu
{
	display:			block;
	margin:				0;
	border-top:			1px solid #D5B93B;
	background:			url('/img/bg-menu.gif') 0px 1px repeat-x #3A0606;
	font-size:			12px;
	text-transform:		uppercase;
	overflow:			auto;
	padding:			0px 10px 7px 30px;
}
#logo
{
	position:			absolute;
	top:				-12px;
	left:				20px;
	z-index:			11;
}
.menu li, .menu li a
{
	display:			inline; 
	float:				left;
	color:				#D5B93B;
	text-decoration:	none;
	font-weight:		bold;
} 
.menu li a
{
	padding:			5px;
	margin-right:		25px;
}
.menu a:hover
{
	color:				#4F0B08;
	background:			#D5B93B;
}
.menu li.actief a
{
	color:				#4F0B08;
	background:			#D5B93B;
}

#fotoframe
{
	background:			#152124;
	height:				200px;
	border:				30px solid #152124;
	overflow:			hidden;
	clear:				both;
}

#fotoslate
{
	width:				100000px;
	height:				200px;
}
#fotoslate img
{
	margin-right:		30px;
	border:				10px solid #FFF;
	height:				180px;
}

.content
{
	padding:			0 20px 0px 20px;
}
.content table td
{
	padding-right:		20px;
}
.content li
{
	padding-left:		10px;
	padding-bottom:		3px;
	background:			url('/img/opsomming.png') 0 6px no-repeat;
}

.blok
{
	float:				left;
	width:				200px;
	height:				250px;
	color:				lime;
	position:			relative;
	padding-right:		34px;
	padding-bottom:		15px;
}
.blok img
{
	margin:				5px 0 0 0;
}
.blok h3
{
	font-size:			17px;
	margin:				0;
}
.blok .links1
{
	bottom:				18px;
	left:				-5px;
	position:			absolute;
	display:			none;
}
.blok .rechts1
{
	top:				37px;
	right:				28px;
	position:			absolute;
	display:			none;
}

.categorieblok
{
	cursor:				pointer;
	display:			block;
	float:				left;
	width:				200px;
	height:				250px;
	position:			relative;
	padding-right:		34px;
	padding-bottom:		30px;
}
.categorieblok:hover
{
	text-decoration:	none;
}
.categorieblok img
{
	margin:				5px 0 0 0 !important;
}
.categorieblok h3
{
	font-size:			17px;
	margin:				0 !important;
}
.categorieblok .links1
{
	bottom:				46px;
	left:				-7px;
}
.categorieblok .rechts1
{
	top:				20px;
	right:				28px;
}

.productblok
{
	cursor:				pointer;
	display:			block;
	float:				left;
	width:				200px;
	height:				250px;
	position:			relative;
	padding-right:		34px;
	padding-bottom:		30px;
	overflow:			hidden;
}
.productblok:hover
{
	text-decoration:	none;
}
.productblok img
{
	margin:				5px 0 5px 0 !important;
}
.productblok h3
{
	font-size:			17px;
	margin:				0 !important;
}
.productblok .links1
{
	bottom:				46px;
	left:				-7px;
}
.productblok .rechts1
{
	top:				20px;
	right:				28px;
}

#nieuwsitems
{
	padding:			20px;
}

.nieuwsitem
{
	margin-bottom:		20px;
}

.nieuwsitem img
{
	margin-bottom:		20px;
}

.divider
{
	width:				900px;
	margin:				0 auto;
	height:				3px;
	background:			url('/img/lijn_groot.png');
	clear:				both;
	margin-bottom:		20px;
}

.detailfoto
{
	margin:				5px 5px 0px 5px;
	float:				left;
	position:			relative;
}
.kleur
{
	margin:				5px 5px 0px 5px;
	float:				left;
	position:			relative;
	width:				40px;
	height:				40px;
}

#footer
{
	height:				22px;
	background:			url('/img/bg-footer.gif') repeat-x 0 0px;
	border-top:			1px solid #D5B93B;
	padding:			4px 0 0 0;
	text-align:			right;
	color:				#FFF;
	font-size:			11px;
}
#footer a
{
	text-decoration:	none;
	color:				#FFF;
}
#footer a:hover
{
	text-decoration:	underline;
}
#footer span
{
	float:				left;
	margin:				0 20px;
}

.ui-state-error
{
	width:				402px;
	margin:				0 20px 20px 20px;
	padding:			10px;
}

input, textarea
{
	border:				1px solid #CED0CD;
	margin:				3px;
	width:				270px !important;
}