html, body, ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	color: #DBDBDB;
	list-style: none;
}
h1 img {
	display: block;
}
img {
	border: 0px;
}
p {
	margin: 0.5em 0px;
}
a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: #eee;
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.stijl2 {
	color:red
}
.more {
	text-align: right;
	color: red;
}
.clear {
	clear: both;
}
body {
	background: #580000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
ul#nav {
	position: absolute;
	top: 119px;
	left: 400px;
	width: 540px;
	margin: 0;
	height: 16px;
	list-style-type: none;
	overflow: hidden;
}

body#home ul#nav  { background: transparent url(matrix.png) no-repeat 0 0; }
body#diensten ul#nav { background: transparent url(matrix.png) no-repeat 0 -16px; }
body#onderhoud ul#nav  { background: transparent url(matrix.png) no-repeat 0 -32px; }
body#voorbeelden ul#nav  { background: transparent url(matrix.png) no-repeat 0 -48px; }
body#offerte ul#nav  { background: transparent url(matrix.png) no-repeat 0 -64px; }
body#contact ul#nav  { background: transparent url(matrix.png) no-repeat 0 -80px; }

ul#nav li a {
	position: absolute;
	top: 0;
	width: 90px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 16px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:16px; /* IE5/Win */
	background: transparent url(matrix.png) no-repeat;
}

body#home li#hom a 		{ background-position: 0 0; width: 90px; left: 0; }
body#home li#hom a:hover	{ background-position: 0 0; }
body#home li#die a 		{ background-position: -90px -96px; left: 90px; }
body#home li#die a:hover	{ background-position: -90px 0px; }
body#home li#ond a 		{ background-position: -180px -96px; left: 180px; }
body#home li#ond a:hover	{ background-position: -180px 0; }
body#home li#voo a 		{ background-position: -270px -96px; left: 270px; }
body#home li#voo a:hover	{ background-position: -270px 0; }
body#home li#off a 		{ background-position: -360px -96px; left: 360px; }
body#home li#off a:hover	{ background-position: -360px 0; }
body#home li#con a 		{ background-position: -450px -96px; left: 450px; }
body#home li#con a:hover	{ background-position: -450px 0; }

body#diensten li#hom a		{ background-position: 0 -96px; width: 90px; left: 0; }
body#diensten li#hom a:hover	{ background-position: 0 -48px; }
body#diensten li#die a		{ background-position: -90px 90px; left: 90px; }
body#diensten li#die a:hover	{ background-position: -90px 90px; }
body#diensten li#ond a		{ background-position: -180px -96px; left: 180px; }
body#diensten li#ond a:hover	{ background-position: -180px 0; }
body#diensten li#voo a		{ background-position: -270px -96px; left: 270px; }
body#diensten li#voo a:hover	{ background-position: -270px 0; }
body#diensten li#off a		{ background-position: -360px -96px; left: 360px; }
body#diensten li#off a:hover	{ background-position: -360px 0; }
body#diensten li#con a		{ background-position: -450px -96px; left: 450px; }
body#diensten li#con a:hover	{ background-position: -450px 0; }

body#onderhoud li#hom a 	{ background-position: 0 -96px; width: 90px; left: 0; }
body#onderhoud li#hom a:hover	{ background-position: 0 -48px; }
body#onderhoud li#die a 	{ background-position: -90px -96px; left: 90px; }
body#onderhoud li#die a:hover	{ background-position: -90px -48px; }
body#onderhoud li#ond a 	{ background-position: -180px -32px; left: 180px; }
body#onderhoud li#ond a:hover	{ background-position: -180px -32px; }
body#onderhoud li#voo a 	{ background-position: -270px -96px; left: 270px; }
body#onderhoud li#voo a:hover	{ background-position: -270px 0; }
body#onderhoud li#off a 	{ background-position: -360px -96px; left: 360px; }
body#onderhoud li#off a:hover	{ background-position: -360px 0; }
body#onderhoud li#con a 	{ background-position: -450px -96px; left: 450px; }
body#onderhoud li#con a:hover	{ background-position: -450px 0; }

body#voorbeelden li#hom a 	{ background-position: 0 -96px; width: 90px; left: 0; }
body#voorbeelden li#hom a:hover	{ background-position: 0 -48px; }
body#voorbeelden li#die a 	{ background-position: -90px -96px; left: 90px; }
body#voorbeelden li#die a:hover	{ background-position: -90px -48px; }
body#voorbeelden li#ond a 	{ background-position: -180px -96px; left: 180px; }
body#voorbeelden li#ond a:hover	{ background-position: -180px -48px; }
body#voorbeelden li#voo a 	{ background-position: -270px -48px; left: 270px; }
body#voorbeelden li#voo a:hover	{ background-position: -270px -48px; }
body#voorbeelden li#off a 	{ background-position: -360px -96px; left: 360px; }
body#voorbeelden li#off a:hover	{ background-position: -360px 0; }
body#voorbeelden li#con a 	{ background-position: -450px -96px; left: 450px; }
body#voorbeelden li#con a:hover	{ background-position: -450px 0; }

body#offerte li#hom a 		{ background-position: 0 -96px; width: 90px; left: 0; }
body#offerte li#hom a:hover	{ background-position: 0 -48px; }
body#offerte li#die a 		{ background-position: -90px -96px; left: 90px; }
body#offerte li#die a:hover	{ background-position: -90px -48px; }
body#offerte li#ond a 		{ background-position: -180px -96px; left: 180px; }
body#offerte li#ond a:hover	{ background-position: -180px -48px; }
body#offerte li#voo a 		{ background-position: -270px -96px; left: 270px; }
body#offerte li#voo a:hover	{ background-position: -270px -80px; }
body#offerte li#off a 		{ background-position: -360px -64px; left: 360px; }
body#offerte li#off a:hover	{ background-position: -360px -64px; }
body#offerte li#con a 		{ background-position: -450px -96px; left: 450px; }
body#offerte li#con a:hover	{ background-position: -450px 0; }

body#contact li#hom a 		{ background-position: 0 -96px; width: 90px; left: 0; }
body#contact li#hom a:hover	{ background-position: 0 -48px; }
body#contact li#die a 		{ background-position: -90px -96px; left: 90px; }
body#contact li#die a:hover	{ background-position: -90px -48px; }
body#contact li#ond a 		{ background-position: -180px -96px; left: 180px; }
body#contact li#ond a:hover	{ background-position: -180px -48px; }
body#contact li#voo a 		{ background-position: -270px -96px; left: 270px; }
body#contact li#voo a:hover	{ background-position: -270px -80px; }
body#contact li#off a 		{ background-position: -360px -96px; left: 360px; }
body#contact li#off a:hover	{ background-position: -360px -80px; }
body#contact li#con a 		{ background-position: -450px -80px; left: 450px; }
body#contact li#con a:hover	{ background-position: -450px 0; }

#header h1 {
	background: 0px 0px url(images/home_r1_c1.jpg) no-repeat;
	height: 238px;
	width: 100%;
	margin: 0;
	padding: 0;
}
#header {
	background: 0px 0px url(images/home_r1_c2.jpg) repeat-x;
	position: absolute;
	width: 100%;
	height: 238px;
	visibility: visible;
}
#header h1 em {
	display: block;
	padding: 23px 0 0 70px;
	margin: 0;
	font-weight: normal;
	font-size: 28px;
	font-family: "Times new roman", serif;
}
#header h1 strong {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 90px;
	font-weight: normal;
	font-size: 15px;
	font-family: verdana, arial, sans-serif;
}
#uppers {
	position: absolute;
	top: 55px;
	left: 430px;
	background: top left url(images/search.gif) no-repeat;
	padding-left: 25px;
}
#nav-top {
	position: absolute;
	top: 10px;
	left: 360px;
	width: 150px;
	color: #DBDBDB;
}
#nav-top li {
	display: inline;
}

#flashklok {
	position: absolute;
	top: 239px;
	left: 21px;
	width: 170px;
	height: 172px;
}
#links-onder {
	position: absolute;
	top: 238px;
	left: 0px;
	width: 343px;
	height: 521px;
}
#rechts-onder {
	position: absolute;
	top: 238px;
	left: 343px;
	width: 284px;
	height: 521px;
}
#logo {
	position: absolute;
	top: -105px;
	left: 12px;
	width: 400px;
	height: auto;
}
#sublogo {
	position: absolute;
	width: 180px;
	height: 50px;
	top: 175px;
	left: 30px;
	font: 20px Arial, Helvetica, sans-serif;
	color: #FFCE7C;
}
#sublogo h2 {
	font-weight: normal;
	color: #FFCE7C;
	font-size: 14px;
}
#citaten {
	position: absolute;
	width: 145px;
	top: 450px;
	left: 30px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFCE7C;
}
#body {
	position: absolute;
	z-index: 10;
	width: 540px;
	top: 168px;
	left: 399px;
}
#body h2 {
	font-weight: normal;
	font-size: 14px;
}
#body h2 em {
	font-size: 25px;
	font-family: serif;
}
#black-tl { width: 100%; background: black top left url(images/black_tl.gif) no-repeat; }
#black-tr { width: 100%; background: top right url(images/black_tr.gif) no-repeat; }
#black-bl { width: 100%; background: bottom left url(images/black_bl.gif) no-repeat; }
#black-br { width: 100%; background: bottom right url(images/black_br.gif) no-repeat; }
#black-tl {
	margin-left: 300px;
	margin-top: 10px;
	width: 540px;
	position: absolute;
	top: 284px;
	left: 100px;
}
#black-bl {
	padding: 20px 20px 10px 20px;
	position: relative;
}
.black-box {
	float: left;
	width: 126px;
	margin-right: 20px;
	margin-left: 20px;
	display: inline;
	overflow: visible;
}
.black-box-2kol {
	float: left;
	width: 288px;
	margin-right: 20px;
	margin-left: 20px;
	display: inline;
	overflow: visible;
}
.black-box-2op3 {
	float: left;
	width: 204px;
	margin-right: 20px;
	margin-left: 20px;
	display: inline;
	overflow: visible;
}
.black-box-3kol {
	float: left;
	width: 455px;
	margin-right: 20px;
	margin-left: 20px;
	display: inline;
	overflow: visible;
}

.inputbox {
	border: 0.5px solid #000000;
	background-color: #DBDBDB;
	color: #000000;
}

.black-box h2 {
	font-size: 13px;
	font-weight: normal;
}
.black-box h2 em {
	font-size: 22px;
	font-family: serif;
}
.black-box .more {
	color: red;
}
#footer {
	margin-left: 320px;
	margin-top: 10px;
	width: 550px;
}
#footer h2 {
	font-size: 13px;
	font-weight: normal;
}
#footer h2 em {
	font-size: 22px;
	font-family: serif;
}
#tips {
	float: left;
	width: 233px;
}
#choose {
	float: left;
	width: 200px;
	margin-left: 50px;
}
#copyright {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #DBDBDB;
	top: 603px;
	left: 492px;
	position: absolute;

}
#s {
	position: relative;
	top: 0.4em;
}
#submit {
	position: relative;
	top: 0.2em;
}