body,html { overflow:hidden; width: 100%; height: 100%; background: #000000 url(img/floor_bg.jpg) bottom center repeat-x; }

body { margin: 0; padding: 0; behavior: url("img/hover.htc"); background: transparent url(img/floor.jpg) 100% 616px no-repeat;  font-family: Arial, Helvetica, sans-serif ;  font-size: 13px; color: #000000; }

/*img { _behavior: url("img/png.htc"); *margin-bottom: -3px;  } */

ul,li,h1,h2,p,img { margin: 0; padding: 0; list-style: none; border: none; }

a { outline: none; color: #000000; text-decoration: none; }
h1, h2, h3, h4, h5, h6, p { margin-bottom: 16px; color: #000000; }
h1 { font-size: 22px; color: #000000; }
h2 { font-size: 22px; }


p { margin-bottom: 0; }
input.text { padding: 2px; border: 1px solid #666666; }
.left { float: left; }
img.left { padding: 0 5px 0 0;}
.right { float: right; }
img.right { padding: 0 0 0 5px;}
.clear { clear: both; }
br.clear { clear: both; font-size: 0px; }

/* ######################################################## */

#container { width:100%; height:690px; background: transparent url(img/wall.png) top left repeat-x;}
	.nieuw { position: absolute; top: 0; left: 0; z-index: 1001; }
	.nood { top: 0; float:right; padding: -5px 20% 0 30px; }
	.logos { position: absolute; top: 0; right:20px; }
		.navpage { }
		.navpage p { }
		.navpage a { display: block; padding: 0 0 0 30px; margin: 0 0 0 20px; background: transparent url(img/arrow_right.png) 0% 0% no-repeat; height: 44px; font-size:22px; line-height: 44px; }
		.arblogo { display: block; padding: 0 0 0 30px; margin: 0 0 0 20px; }

		.navpage.selpage { display: block; position: relative; width: 500px; height: 40px; margin: 40px 160px 0px; }
			.navpage.selpage a { display: block; position: absolute; }
			.navpage.selpage a.home:hover { background: transparent url(img/hoofdmenu-over.png) 0% 50% no-repeat; }
			.navpage.selpage a.left:hover { background: transparent url(img/vorige-over.png) 0% 50% no-repeat; }
			.navpage.selpage a.right:hover { background: transparent url(img/volgende-over.png) 100% 50% no-repeat; }
			.navpage.selpage a.home { padding: 0 0 0 196px; background: transparent url(img/hoofdmenu.png) 0% 50% no-repeat; margin: 0px -170px 0px; }
			.navpage.selpage a.left { padding: 0 0 0 117px; background: transparent url(img/vorige.png) 0% 50% no-repeat; margin: 0px 33px 0px; }
			.navpage.selpage a.right { padding: 0 132px 0 0; background: transparent url(img/volgende.png) 100% 50% no-repeat; margin: 0px 150px 0px; }
			.navpage.selpage a.lastright { padding: 0 132px 0 0; background: transparent url(img/volgende.png) 100% 50% no-repeat; margin: 0px 150px 0px; display: none; }

#page { }
	.content { width: 500px; height: 378px; margin: 100px auto; left: 50%; margin-left: -200px; background: transparent url(img/content_bg.png) bottom left no-repeat; position: absolute; }
	.content.control { background: none; }
		li h1 { padding: 0 0 0 40px; background: transparent url(img/arrow_down.gif) 0% 50% no-repeat; }
		.content .pbox { width: 379px; height: 295px; padding: 20px 40px 20px 20px; overflow: scroll; position: absolute; }
		.vlammetje { width: 128px; height: 400px;  margin: 190px auto; left: 50%; margin-left: -290px; z-index: 1; position: absolute; }
		.pbox p { line-height: 22px; margin-bottom: 20px; }

		.deur { left:-263px; top:-40px; position: absolute; }
		.deur2 { right: -263px; top:-40px; position: absolute; }
		.blusser { right: -208px; position: absolute; }
		.blusser2 { left:-208px; position: absolute; }
		.bank { right: -358px; top:-50px; position: absolute; overflow:visible; }
		.bank2 { left: -358px; top:-50px; position: absolute; overflow:visible; }
		.klok { right: 20px; top:-70px; position: absolute; }
		.plant { right: 20px; top:-35px; position: absolute; overflow:visible; }
		.lijst2 { left: -273px; top:0px; position: absolute; }
		.lijst { right: -273px; top:0px; position: absolute; }

		.required { color:#FF0000; }

form { }
	form p { }
	label { display: block; clear: both; float: left; width: 120px; font-weight: bold; }
	input.text { border: none; padding: 6px; height: 16px; width: 200px; line-height: 24px; background: transparent url(img/input_bg.gif) top left repeat-x; border-left: 1px solid #333333; border-right: 1px solid #333333; }
	input.checkbox { }
	input.radio { }
	select { padding: 6px; width: 214px; background: #FFFFFF url(img/input_bg_ta.gif) top left repeat-x; border-left: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #000000; }
	textarea { padding: 6px; width: 200px; background: #FFFFFF url(img/input_bg_ta2.gif) top left repeat-x; border-left: 1px solid #333333; border-right: 1px solid #333333; border-bottom: 1px solid #000000; border-top: 1px solid #6f6f6f; }
	input.submit { float: right; height: 40px; font-size:22px; line-height: 22px; padding: 0 30px 0 0; background: transparent url(img/arrow_right.png) 100% 50% no-repeat; margin-right: 20px; }


#portfolio li {
    overflow: hidden;
	height: 656px;
	background: transparent url(img/wall.png) top left repeat-x;
	position: relative;
}
 
#portfolio li img {
    float: left;
    margin: 0 10px 0 0;
}
 
#portfolio li p {
    padding: 0.3em 0 0.5em 0;
}