/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }

a img { border:none; }

table {	border-collapse:collapse; border-spacing:0; }

:focus { outline:0; }

.clearfix { width:auto; overflow:auto; }


/* START CONTENT SECTION  */
body { font-size:12px; line-height:normal; color:#fff; background:#000 url(../images/bg/body.png) center 0 repeat-y; }
body, input, select, textarea { font-family:Arial, Helvetica, Garuda, Sans-serif; }

h1,h2,h3,h4,h5,h6 { color:#fff; }
h1 { font-size:2em; }
h2 { font-size:1.6em; }
h3 { font-size:16px; }

p      { font-size:12px; padding:0 0 15px; line-height:17px; }
p.last { margin-bottom:0; }
p span.text-end { background:url(../images/icons/text-end.gif) right 6px no-repeat; padding:0 9px 0 0; }

a { color:#fc0; }
a:hover { color:#fff; text-decoration:none; }

a.blank { background:url(../images/icons/new-window.gif) right 0 no-repeat; padding:0 12px 0 0; }


/* Formulier  */
input.text,
textarea { background:#262626; border:1px solid #111; border-bottom-color:#464646; border-right-color:#464646; color:#fff; padding:2px 3px; line-height:1; font-size:12px; }

input.text { width:210px; }
textarea { width:309px; }
input.innerlabel,
textarea.innerlabel { color:#686868; }
input.error,
textarea.error { border-color:#470000; border-bottom-color:#560000; border-right-color:#560000; }
form label { display:none; }
form .row { padding:0 0 7px 0; }
span.required { color:#fc0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }



button.btn { width:auto; overflow:visible; padding:0; border:0; cursor:pointer; background:transparent; font-size:12px; font-weight:bold; line-height:normal; white-space:nowrap; }
button.btn span { background:url(../images/bg/button.png) 0 0 no-repeat; display:inline-block; line-height:1; }

button.btn span { padding:0 0 0 4px; }
button.btn span span { padding:0 5px 0 0; background-position:right 0; }
button.btn span span span { background-position:0 -50px; color:#000; height:22px; padding:2px 9px 0 8px; }

button.btn:hover span,
button.btn:focus span { background-position:0 -25px; }
button.btn:hover span span,
button.btn:focus span span { background-position:right -25px; }
button.btn:hover span span span,
button.btn:focus span span span { background-position:0 -75px; color:#fff; }


a.btn { text-decoration:none; cursor:pointer; font-size:12px; font-weight:bold; line-height:normal; white-space:nowrap; }
a.btn,
a.btn span { background:url(../images/bg/button.png) 0 -25px no-repeat; display:inline-block; }

a.btn { padding:0 0 0 4px; }
a.btn span { padding:0 5px 0 0; background-position:right -25px; }
a.btn span span { background-position:0 -75px; color:#fff; height:21px; padding:3px 9px 0 8px; }

a.btn:hover,
a.btn:focus,
a.btn.active { background-position:0 0; }
a.btn:hover span,
a.btn:focus span,
a.btn.active span { background-position:right 0; }
a.btn:hover span span,
a.btn:focus span span,
a.btn.active span span { background-position:0 -50px; color:#000; }


/* HTML horizontal hr  */
div.hr { height:2px; margin:0 0 5px; background:url(../images/bg/hr.gif) repeat-x 0 0; font-size:0; }
	div.hr hr { display:none; }
  

#logo { width:277px; height:68px; margin:31px auto 0 auto; background:url(../images/logo_screen.png) no-repeat; }
#logo.reset { cursor:pointer; }
	#logo img { display:none; }

#inhetkort { top:130px; right:50%; margin-right:10px; z-index:4; }
#diensten { top:130px; left:50%; margin-left:10px; z-index:3; }
#portfolio { top:425px; right:50%; margin-right:10px; z-index:2; }
#contact { top:425px; left:50%; margin-left:10px; z-index:1; }

.box { position:absolute; width:371px; }
	.box .top,
	.box .bottom { background:url(../images/bg/box-top-bottom.png) 0 0 no-repeat; height:13px; font-size:0; }
	.box .bottom { background-position:0 bottom; }
	.box .middle { background:url(../images/bg/box-middle.png) 0 bottom no-repeat; padding:0 27px 15px 27px; min-height:236px; }
		.box .content { background:url(../images/bg/hr.gif) 0 42px repeat-x; }
			.box h2 { background:url(../images/bg/titles.png) 0 12px no-repeat; height:21px; margin:0 0 10px 0; padding:14px 0 9px 0; cursor:url(/move.cur), move !important; }
			.box h2.drag { cursor:url(/drag.cur), move !important; }
			#diensten h2 { background-position:0 -21px; }
			#portfolio h2 { background-position:0 -54px; }
			#contact h2 { background-position:0 -87px; }
			.box h2.no-margin { margin:0; }
				.box h2 span { display:none; }
	
	
.accordion li { background:url(../images/bg/hr.gif) 0 bottom repeat-x; list-style:none; }
.accordion li div.text { overflow:hidden; display:none; } 


.accordion h3 { margin:0; }
.accordion h3 a { display:block; width:100%; height:26px; background:url(../images/bg/subtitles.png) no-repeat; }
	.accordion h3 a span { display:none; }
	
	.accordion a.d1 { background-position:0 9px; }
	.accordion a.d1:hover,
	.accordion a.d1:focus,
	.accordion .active a.d1 { background-position:-379px 9px; }
	
	.accordion a.d2 { background-position:0 -21px; }
	.accordion a.d2:hover,
	.accordion a.d2:focus,
	.accordion .active a.d2 { background-position:-379px -21px; }
	
	.accordion a.d3 { background-position:0 -51px; }
	.accordion a.d3:hover,
	.accordion a.d3:focus,
	.accordion .active a.d3 { background-position:-379px -51px; }
	
	.accordion a.d4 { background-position:0 -81px; }
	.accordion a.d4:hover,
	.accordion a.d4:focus,
	.accordion .active a.d4 { background-position:-379px -81px; }
	
	.accordion a.d5 { background-position:0 -111px; }
	.accordion a.d5:hover,
	.accordion a.d5:focus,
	.accordion .active a.d5 { background-position:-379px -111px; }
	
	.accordion a.d4 { background-position:0 -81px; }
	.accordion a.d4:hover,
	.accordion a.d4:focus,
	.accordion .active a.d4 { background-position:-379px -81px; }
	
	.accordion a.c1 { background-position:0 -141px; }
	.accordion a.c1:hover,
	.accordion a.c1:focus,
	.accordion .active a.c1 { background-position:-379px -141px; }
	
	.accordion a.c2 { background-position:0 -171px; }
	.accordion a.c2:hover,
	.accordion a.c2:focus,
	.accordion .active a.c2 { background-position:-379px -171px; }
	
	table.adres { margin:0 0 8px 0; }
	table.adres th { text-align:left; width:100px; font-weight:bold; }
	table.adres th,
	table.adres td { padding:0 0 10px 0; }
	
	
#portfolio .project { display:none; }

ul.projects { width:317px; overflow:hidden; }
	ul.projects li { margin:0; list-style:none; float:left; width:52px; height:52px; padding:0 11px 11px 0; }
		ul.projects a { display:block; width:50px; height:50px; border:1px solid #464646; }
		ul.projects a:hover,
		ul.projects a:focus { border-color:#fc0; }

#lightbox .thumbs { width:600px; overflow:hidden; margin:15px 0 0 0; }
	#lightbox .thumbs li { margin:0; list-style:none; float:left; padding:0 10px 0 0; }
#lightbox .enlarged { background:url(../images/bg/loader.gif) center center no-repeat; height:450px; }
#lightbox .text p { padding:0 0 10px 0; }
#lightbox h3 { text-transform:uppercase; line-height:1; font-weight:bold; padding:0 0 10px 0; }


#overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#lightbox-container { position:relative; text-align:left; width:654px; margin:0 auto; }
	#lightbox-container .top,
	#lightbox-container .bottom { background:url(../images/bg/box-large-top-bottom.png) 0 0 no-repeat; height:13px; font-size:0; }
	#lightbox-container .bottom { background-position:0 bottom; }
	#lightbox-container .middle { background:url(../images/bg/box-large-middle.png) 0 bottom no-repeat; padding:10px 27px 10px 27px; min-height:236px; }
	#lightbox-container h3 { margin:0; line-height:1; }
	#lightbox-container .content { position:relative; }
		#lightbox-container a.close { position:absolute; top:0; left:570px; }