body { 
	background-image: url(../images/basislay-out/cirkelachter.gif); 
	background-repeat: repeat; 
	margin: 0; 
	padding: 0; 
	height: 100%; }

body { behavior: url(csshover.htc); }

html { 
	background-repeat: repeat; 
	margin: 0; 
	padding: 0; 
	height: 100%; }

p { 
	color: #000; 
	font-size: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-style: normal; 
	line-height: 16px; 
	margin-right: 30px; }
ul { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: 16px; margin-right: 30px; }
p#adres { 
	color: #fff; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	font-weight: normal; 
	line-height: 16px; 
	width: 180px; 
	margin: 10px 10px 10px 20px; }

p#wit { 
	color: #fff; 
	font-size: inherit; 
	line-height: inherit; 
	padding: inherit; }

.clearer { 
	clear: both;}

.intro { 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -137px; 
	margin-left: -398px; }

.bodytekst { 
	color: #a0c212; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 13px; }

.bodytekstgrijs { 
	color: #000; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 13px; }

.bodytekst a:hover, a.over, a { 
	color: #a0c212; 
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 13px; }

#container { 
	background-color: #fff; 
	background-image: url(../images/basislay-out/contachter.gif); 
	background-repeat: repeat-y; 
	width: 1023px; 
	margin: 0; 
	position: absolute; 
	left: 50%;
	margin-left: -511px; 
	padding: 0; 
	height:auto !important; 
	height:100%; 
	min-height:100%; }

#header { 
	background-image: url(../images/basislay-out/dnoheader.jpg); 
	background-repeat: no-repeat; 
	width: 1023px; 
	height: 159px; 
	margin: 0; 
	padding: 0;}


#linksmenu { 
	width: 203px; 
	height: auto; 
	float: left;
	margin: 0px;
	padding: 0px;
	}

#tekstcontainer { /* background-image: url(../images/basislay-out/onderkantkader.gif); background-repeat: no-repeat; background-position: 0 bottom; */ 
	width: 580px; 
	min-height: 500px; 
	height: auto !important; 
	height: 500px; 
	float: left; 
	padding: 110px 20px 50px; }
h1 { 
	color: #a0c212; 
	font: bold 21px Verdana, Arial, Helvetica, sans-serif; 
	background: #fff; 
	border-top: 1px solid #a0c212; 
	border-bottom: 1px solid #a0c212; 
	margin: 0; 
	padding: 13px 0px 15px; 
	text-align: right;
	width: 600px;
	float: left;}
h3 { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; }
h4 { color: #000; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; }
h2 { color: #a0c212; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; margin-bottom: -10px; }
#titel {
	height: 55px;
	position: absolute;
	z-index: 3;
	top: 199px;
	left: 45px;
}

ul#h2 li a { 
	color: #a0c212; 
	font-size: 14px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 25px; 
	margin-bottom: -10px; }
	
	
img.titellinks { 
	float: left;}
img.titelrechts { float: left;}

/*<agl.folder "fotos"> */

	#homefoto { 
	background-repeat: no-repeat; 
	position: absolute; 
	top: 170px; 
	left: 585px; 
	width: 404px; 
	height: 270px; 
	z-index: 2; 
	float: right; }
/*</agl.folder>*/


#adresblok { color: #fff; background-color: #000; background-image: url(../images/basislay-out/adresblokonder.gif); background-repeat: no-repeat; background-position: 0 bottom; position: absolute; top: 275px; left: 788px; width: 211px; height: 225px; z-index: 1; float: right;}

#adresblok { behavior: url(hover.htc) }

#adresblok:hover, adresblok.over { color: #fff; background-color: #000; background-image: url(../images/basislay-out/adresblokonder.gif); background-repeat: no-repeat; background-position: 0 bottom; position: absolute; z-index: 1; top: 450px; left: 788px; width: 211px; height: 225px; float: right;  }

img.stekker { position: absolute; left: 19px; top: 600px;}
img.stekker3 { position: absolute; top: 630px; left: 19px; }
img.stekker4 { position: absolute; top: 680px; left: 19px; }
img.stekker2 { position: absolute; top: 690px; left: 19px; }
img.stekker5 { position: absolute; left: 19px; top: 720px; }
img.footer { position: absolute; bottom: 0px; left: 203px; }

img.mobotix {position:absolute; left: 655px; top: 660px;}

ul#nav {
	margin: 0px;
	padding: 0px;
	padding-top: 100px;
	list-style: none;
	width:152px;
	margin-left: 40px;
}

ul#nav ul {
	list-style: none;
	width:152px;
	margin-top: -5px;
	margin: 0px;
	padding: 0px;
}

ul#nav li {
	position: relative;
	width:152px;
	background-image: url(../images/basislay-out/menulijn.gif); 
	background-repeat: no-repeat; 
	background-position: 0 bottom; 
	float:left;
	margin: 0px;
	padding: 0px;
}

#nav li ul {
	position: absolute;
	top: 0;
	margin-left:-1000em;
	min-height:0;
	
}
/* Styles for Menu Items */
ul#nav li a {
	display:block;
	text-decoration: none;
	color: #000;
	background-image: url(../images/basislay-out/menulijn.gif); 
	background-repeat: no-repeat; 
	background-position: 0 bottom; 
	line-height:2em;
	height:2em;	
	padding:3 5px;
	padding-left: 10px;
	padding-bottom: 7px;
	width:152px;
	border-top:none;
}
* html ul#nav a {
	width:153px;	
	w\idth:153px;
}

/* this sets all hovered lists to red */
#nav li:hover li a:hover,#nav li.over li a:hover {
   color: #fff;
}

/* this sets all hovered lists to red */
#nav li:hover a,#nav li.over a {
   color: #a0c212;
}



/* set dropdown to default */
#nav li:hover li a,#nav li.over li a {
    color: #000;
    background: #a0c212;
    border-bottom: 1px solid #000;
    padding-bottom: 0px;
    padding-top: 0px;
    display: block;
    border-left: 1px solid #000;
}
#nav li ul li a {  } /* Sub Menu Styles */
#nav li:hover ul,#nav li.over ul { margin-left:163px; margin-top: -4px; }

ul #h2 li a {
	cursor: pointer;
	}